#customer_login {
    display: flex;
    width: 80%;
    margin: 0 auto;
    justify-content: space-between;
}

#customer_login .u-column1 {
    width: 47%;
}

#customer_login .u-column2.col-2 {
    width: 47%;
    max-width: 50%;
    flex: 0 0 50%;
}

.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    font-size: 20px;
    color: gray;
    margin: 0 auto;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide label{
    padding-bottom: 10px;
}

#reg_email {
    padding: 9px 0;
    border: unset;
    border-bottom: 1px solid #8d9395;
    font-size: 20px;
    width: 100%;

}

#reg_password {
    padding: 9px 0;
    border: unset;
    border-bottom-color: unset;
    border-bottom-style: unset;
    border-bottom-width: unset;
    border-bottom: 1px solid #8d9395;
    font-size: 20px;
    width: 100%;
}

.woocommerce-Button.woocommerce-button.button.wp-element-button.woocommerce-form-register__submit {
    width: max-content;
    margin: 0 auto;
}

.woocommerce-form.woocommerce-form-register.register p {
    font-size: 20px;
    color: gray;
    margin: 30px auto;
    padding-bottom: 10px;
}
  
.login label {
    width: 100%;
}

.login input {
    width: 100%;
}
  
.login .woocommerce-LostPassword.lost_password {
    width: 100%;
}

.woocommerce-info {
    font-size: 20px;
    color: gray;
    padding-left: 30px;
}

.woocommerce-form.woocommerce-form-login.login {
    font-size: 20px;
    color: gray;
    padding-left: 30px;
}

#createaccount {
    width: max-content !important;
}

.woocommerce-info {
    background-color: #8080801c;
    padding: 20px 30px;
    width: max-content;
}


.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login {
    width: 50%;
}
  

/* Inline #24 | https://biotherm-sklep.milleniumhost.pl/koszyk/ */

.coupon {
    width: 50%;
    display: flex;
    flex-flow: column;
    width: max-content;
    text-align: left;
  }
  
  #coupon_code {
    padding: 9px 0;
    border: unset;
    border-bottom-color: unset;
    border-bottom-style: unset;
    border-bottom-width: unset;
    border-bottom: 1px solid #8d9395;
    font-size: 20px;
    margin-bottom: 40px;
    margin-top: 20px;
  }
  
  .coupon {
    /* width: max-content; */
    width: 30%;
    font-size: 20px;
    color: gray;
    margin-left: auto;
    margin-bottom: 30px;
  }
  

  
  .coupon .button.wp-element-button {
    width: max-content;
    margin-left: auto;
  }
  

/* Inline #25 | https://biotherm-sklep.milleniumhost.pl/zamowienie/ */

.checkout_coupon.woocommerce-form-coupon {
    font-size: 20px;
    color: gray;
  }
  
  .checkout_coupon.woocommerce-form-coupon {
    width: 50%;
  }
  
  .checkout_coupon.woocommerce-form-coupon .button.wp-element-button {
    width: max-content;
  }
  
  .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    background-color: #8080801c;
    padding: 20px 30px;
    font-size: 20px;
    color: gray;
    }


.loop {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 90;
    top: -20px;
    right: -33px;
    width: 40px;
    height: 0;
    background-color: gray;
    transition: .5s all;
}



.loop::before {
    content:'';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("../../assets/img/magnifying-glass.png");
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none; 
    z-index: 100;
}

.loop::after {
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: gray;
    pointer-events: none; 
}

.div:hover .loop {
    display: block;
    opacity: 1;
    visibility: visible;
    height: 40px;
}

.loop img {
    width: 100%;
}



.variations-list label:hover .dymek {
    bottom: 90px;
}
  
  
  .kolor {
    transition: all .2s;
  }
  



    .product_cat-promocja .price, .page-template-page-promotion .price{
        display: flex;
        flex-flow: column;
    }
    
    
    ins bdi {
        font-size: 30px;
    }
  

  
  .ral__smallerBox {
    height: 420px;
    scroll-behavior: smooth;
    overflow: hidden;
    max-height: 600px;
    overflow-y: scroll;
  }
  

.product_cat-promocja .quantity.hidden {
    margin-bottom: 20px;
}


.woocommerce-product-details__short-description {
    font-size: 17px;
    color: gray;
}
  
.stock.in-stock {
    font-size: 20px;
    font-weight: bold;
    color: gray;
}
  
.product_cat-promocja #custom_form {
    display: none;
}

.page-template-page-promotion .columns-4 {
    max-width: 100%;
}

.page-template-page-promotion .button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none;
}

.page-template-page-promotion .price {
    display: none;
}

.page-template-page-promotion .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover .woocommerce-loop-product__title{
    color: #EDECE8 !important;
  }

.page-template-page-promotion .products.columns-4 {
    list-style: none;
    padding-left: 0;
}

.page-template-page-promotion .woocommerce-loop-product__title {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    transition: opacity 0.5s ease-out;
}


.page-template-page-promotion .onsale {
    position: absolute;
    top: 0px;
    display: block;
    z-index: 10;
    right: 0px;
    background-color: white;
    padding: 10px 20px;
    color: #14252F;
    font-size: 20px;
}
  
.page-template-page-promotion .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    position: relative;
    display: block;
}
  
.single-product .product_cat-promocja .onsale {
    display: none;
}


@media screen and (max-width: 1010px) {
    #customer_login {
        width: 95%;
        flex-flow: column;
    }
    
    #customer_login .u-column1 {
        width: 100%;
    }
    
    #customer_login .u-column2.col-2 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
  
    .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login {
        width: 100%;
    }

    .checkout_coupon.woocommerce-form-coupon {
        width: 100%;
    }


    /* style.css | https://biotherm-sklep.milleniumhost.pl/wp-content/themes/milenium-theme/assets/css/style.css */

    .ral__list {
        /* width: 25%; */
        width: 33%;
    }
    
    .ral__box {
        width: 70%;
    }
    
    /* new-custom.css | https://biotherm-sklep.milleniumhost.pl/wp-content/themes/milenium-theme/assets/css/new-custom.css */
    
    .ral__smallerBox {
        /* height: 620px; */
        height: 410px;
    }
  
}

@media screen and (max-width: 768px) {
    .ral__smallerBox {
        height: 320px;
    }

    .ral__box {
        padding: 20px 40px;
        width: 90%;
      }

      .ral__list {
        width: 50%;
      }
}