/* CATEGORY ================================================================= */

.search-listing-category-wrapper .menu-content ul { margin-top: 20px; padding-left: 0 ;list-style-type: none;  text-transform: uppercase;}
.search-listing-category-wrapper .menu-content li { cursor: pointer; margin-bottom: 20px;}
.search-listing-category-wrapper .menu-content .main-category { font-size: 18px; font-weight: 500;}
.features-category-menu .subcategory { margin-left: 10px; padding-top: 5px }
.features-category-menu .subcategory p{ margin-bottom: 0px; font-size: 15px; }
.features-category-menu .subcategory-list { display: flex; flex-direction: column; row-gap: 2px; padding-left: 20px; margin-top: 5px; text-transform: initial;}
.features-category-menu .subcategory-list a:hover { color:#7d9f88; text-decoration: underline; }

.active-category { color: #AAAAAA !important; text-decoration: underline !important; }
.active-subcategory { color: #7d9f88 !important; text-decoration: underline !important;}

.filters-listing-wrapper .top-wrapper { display: none; }
.filters-listing-wrapper .d-flex { gap: 15px; margin-bottom: 15px; }
.filters-listing-wrapper .filters-options-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
.filters-listing-wrapper .filters-clear { color: #7D9F88; }
.filters-listing-wrapper h4 { margin-bottom: 0px; }
.filters-listing-wrapper .products-looks-option { display: grid; grid-template-columns: 15px 1fr; gap: 15px; }

.filters-listing-wrapper .check-wrapper>input.filters-checkbox[type="checkbox"] { display: block; width: 1px; height: 1px; opacity: 0.0; }
.filters-listing-wrapper .check-wrapper { width: 18px; height: 18px; cursor: pointer; }
.filters-listing-wrapper .check-wrapper>input.filters-checkbox[type="checkbox"] + div.check-box { border: solid 1px #e6e6e6; height: 18px; }
.filters-listing-wrapper .check-wrapper>input.filters-checkbox[type="checkbox"]:checked + div.check-box::after { background-image: url(../css/img/input-check.png); background-size: 12px 12px; display: block; margin: 2px auto 0; width: 12px; height: 12px; content:""; }

.filters-listing-wrapper .check-wrapper>input.styled-circle[type="radio"] { display: none; }
.filters-listing-wrapper .check-wrapper>input.styled-circle[type="radio"] + div.check-box { border: solid 1px #e6e6e6; border-radius: 50%;  height: 18px; width: 18px; text-align: center; }
.filters-listing-wrapper .check-wrapper>input.styled-circle[type="radio"]:checked + div.check-box { display: flex; align-items: center; justify-content: center; }
.filters-listing-wrapper .check-wrapper>input.styled-circle[type="radio"]:checked + div.check-box::after { background-image: url(../css/img/check-circle-black.png); background-size: 10px 10px; background-repeat: no-repeat; display: inline-block; width: 10px;  height: 10px; content:""; }
.sorting-fieldset { display: inline-block; margin: 0; padding: 0 0.75em; min-inline-size: min-content; border: solid 1px #e6e6e6;  width: 200px; }
.sorting-fieldset select { border: 0; -webkit-appearance: none; appearance: none; padding-right:55px; background: url(../css/img/svg/caret-down.svg); background-size: 18px 18px; background-repeat: no-repeat; background-position: calc(100% - 3px) center;}
.sorting-legend { display: block; padding: 0; margin-bottom: 0; font-size: 12px; color: #aaa; width: unset; }

.listing-category { margin-top: 20px; }
.filters-listing-wrapper .txt { color: #aaa; }

.no-products-in-this-category-wrapper { max-width: 410px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 60px; }
.no-products-in-this-category-wrapper p { max-width: 200px; margin: 0 auto; text-align: center; }
.no-products-in-this-category-wrapper .btn-submit-qo { max-width: 100%; text-transform: uppercase; }
.no-products-in-this-category-recommended-others { margin-top: 110px; }
.no-products-in-this-category-recommended-others .btn-see-all { font-size: 20px; line-height: 24px; font-weight: 400; color: #B0B0B0; text-decoration: underline; transition: color .3s ease; }
.no-products-in-this-category-recommended-others .btn-see-all:hover { color: #7d9f88; }


.pagination{ display: flex; justify-content: flex-end; align-items: center; }
.pagination button { -webkit-appearance: none; background: transparent; border: 0; outline: 0;  cursor: pointer; }
.pagination button:disabled { opacity:0.4; cursor: default; }

@media (max-width: 991.98px) {
    .no-products-in-this-category-recommended-others { margin-top: 80px; }
    .no-products-in-this-category-wrapper { margin-top: 40px; }
}

@media (max-width: 767.98px) {
    .filters-listing-wrapper .top-wrapper { display: flex; margin-bottom: 20px;}
    .filters-listing-wrapper .mobile-close-filters-list { position: absolute; right: 0; cursor: pointer; }
    .mobile-show-filters-list { display: inline-block; cursor: pointer; margin-bottom: 0; margin-right: 15px; vertical-align: text-bottom; }
    .mobile-show-filters-list span { vertical-align: middle; }
    .mobile-show-filters-list img { width: 25px; height: 25px; margin-top: -5px; }
    .filters-listing-wrapper { display: block; position: fixed; top: -200%; right: 0; width: 90%; max-width: 670px; height: 565px; background-color: var(--color-white); margin: 0 auto; padding: 20px; transition: .4s; box-shadow: 0 0 20px rgb(0 0 0 / 10%); border-radius: 8px; z-index: 9011; overflow-y: scroll; }
    .show-filters { top: 20px; }
    .show-filters .top-wrapper .mobile-top-logo-img { width: 115px; height: 68px; }

    .filters-listing-wrapper .filters-options-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 356.98px) {
    .filters-listing-wrapper .filters-options-grid { grid-template-columns: 1fr; }
    .mobile-show-filters-list { margin-right: 5px; }
    .mobile-show-filters-list img { width: 20px; height: 20px; }
    .sorting-fieldset { width: 150px; }
    .sorting-fieldset select { padding-right: 25px; }
}

.category-seo-text { padding: 60px 0px; }
.category-seo-text h2 { font-size: 24px; }
.category-seo-text h3 { font-size: 20px; }
.category-seo-text h4 { font-size: 18px; }
.category-seo-text h5 { font-size: 16px; }
.category-seo-text h6 { font-size: 14px; }
.category-seo-text p { text-align: justify; }

/* PRODUCT THUMBNAILS ======================================================= */

.product-thumb { position: relative; display: block; width: 100%; max-width: 310px; margin: 0 auto 30px auto; text-decoration: none !important; border-radius: 20px; transition: box-shadow 0.4s ease, background 0.4s ease; }
/* .product-thumb:hover, .hovered .product-thumb { box-shadow: 0px 0px 10px rgba(0,0,0,0.15); background: #fff; } */
/* .product-thumb * { text-decoration: none !important; } */
/* .product-thumb .img-container { display: block; line-height: 210px; height: 210px; vertical-align: middle; text-align: center; max-width: 100%; } */
.product-thumb .img-container { display: block; line-height: 210px; text-align: center; max-width: 100%; position: relative; }
.product-thumb .img-container .free-delivery { display: block; position: absolute; left: 10px; top: 10px; height: 27px; }
.product-thumb .img-container .free-delivery.with-badge { top: 42px; left: 20px; }
.product-thumb .img-container .ribbon { display: block; position: absolute; left: 0px; top: 0px; height: 100px; }
.product-thumb .img-container .free-delivery.with-ribbon { left: auto; right: 20px; }
.badge-container { display: block; height: 20px; text-align: center; }
.badge-container span { padding: 3px 6px; font-size: 12px; color: #fff; }
.feature-badge-container { display: block; position: absolute; left: 0px; top: 15px; line-height: 22px; }
.feature-badge-text { display: block; background: #724460; color: #fff; height: 22px; line-height: 22px; text-transform: uppercase; padding: 0px 7px 0 10px; }
/* .feature-badge-end { display: block; float: left; background: url('img/nowosc.png'); width: 8px; height: 22px; line-height: 22px; } */
.product-thumb .txt { display: block; text-align: center; padding: 10px 20px; color: #231f20; }
.product-thumb .txt .txt-texts { display: block; }
.product-thumb .txt .txt-texts.with-set-subtitle { margin-top: -21px; }
.product-thumb .txt .set-subtitle { display: block; font-size: 16px; font-weight: 500; background: #fff; }
.product-thumb .txt .title { display: block; font-size: 18px; font-weight: 500; padding-bottom: 4px; }
.product-thumb .txt .intro { display: block; font-size: 14px; color: #231f20; }
.product-thumb .txt .additional-info { display: block; font-size: 14px; line-height: 30px; color: #dab35d; vertical-align: bottom; padding: 5px 0 10px 0; }
.product-thumb .txt .additional-info > strong { vertical-align: bottom; line-height: 26px; }
.product-thumb .stars { position: relative; display: inline-block; width: 100px; height: 17px; line-height: 17px; text-align: left; margin-top: 5px; }
.product-thumb .stars .stars-empty { position: absolute; left: 0px; top: 0px; width: 100px; height: 17px; line-height: 17px; display: inline-block; overflow: hidden; }
.product-thumb .stars .stars-full { position: absolute; left: 0px; top: 0px; width: 100px; height: 17px; display: inline-block; overflow: hidden; }
.product-thumb .stars .stars-full .stars-full-inner { position: absolute; left: 0px; top: 0px; width: 100px; height: 17px; line-height: 17px; display: inline-block; overflow: hidden; }
.product-thumb .stars img { width: 16px; margin: 0px 2px; }
.product-thumb .opinion-count { display: block; text-align: center; font-size: 14px; font-style: italic; font-weight: 300; color: #717171;}
.col-product-thumbs .product-thumb .price-container { display: block; margin-top: 12px; margin-bottom: 12px; font-size: 15px; }
.col-product-thumbs .product-thumb .price-container .product-price-before { text-decoration: line-through; font-size:14px; color:#221F1F; margin-right: 5px;}
.col-product-thumbs .product-thumb .price-container .product-price-normal { color: #c39271; font-weight: 500; font-size: 18px; }
.col-product-thumbs .product-thumb .price-container .product-price-discounted { color: #DB1135; font-weight: 500; font-size: 24px; line-height: 1; }

.product-thumb .promotion-counter{ display: flex; justify-content: center; gap: 5px; font-size: 12px; font-weight: 400; margin-top: 12px; margin-left: 0px; color: #B0B0B0; }
.product-thumb .promotion-counter .countdown-info { text-align: center; text-transform: uppercase; }
.product-thumb .promotion-counter .countdown { text-align: left; }
.promotion-counter.hidden-counter{display: none;}
.product-thumb .btn { width:100%; margin: 16px 0; }
.product-thumb .btn-blank { font-size: 11px !important; padding: 6px 10px !important; }
.minus-circle { display: block; position: absolute; left: 10px; top: 10px; width: 50px; height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: #65af00; color: #fff; font-weight: bold; text-align: center; vertical-align: middle; line-height: 50px; font-size: 16px; }

/* .product-thumb .unavailable-product-txt{ color: #AAAAAA; font-size: 12px;} */

@media (max-width: 991.98px) { 
    .product-thumb .btn { opacity: 1.0; }
    .product-thumb .promotion-counter{ font-size: 10px; }
}
@media (max-width: 767.98px) {
    .product-thumb .promotion-counter{ font-size: 12px; }
}
@media (max-width: 410.98px) {
    .product-thumb .promotion-counter{ font-size: 10px; }
}
/* @media (max-width: 383.98px) {
    .product-thumb .promotion-counter{ font-size: 10px; }
} */
@media (max-width: 359.98px) {
    .product-thumb .promotion-counter{ font-size: 12px; }
}


/* QUANTITY BOX ============================================================= */

/* .quantity-box { display: inline-block; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; background: #fff; padding: 0; vertical-align: top; }
.quantity-box > span { display: inline-block; font-size: 24px; width: 38px; height: 38px; line-height: 38px; border-radius: 20px; text-align: center; color: #9a9a9a; cursor: pointer; vertical-align: top; user-select:none; }
.quantity-box > span:hover { color: #000; }
*/
.quantity-box input { display: inline-block; width:20px; height: 38px; line-height: 38px; border: none; font-size: 15px; text-align: center; margin: 0; padding: 0; background: transparent; cursor: default; } 


.quantity-wrapper { display: inline-flex; align-items: center; justify-content: center; gap: 4px; max-width: 150px; width: 100%; }

.quantity-box { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 150px; height: 50px; border: 1px solid #e6e6e6; background: #fff; margin-top: unset; line-height: unset; padding: unset; vertical-align: unset; }
.quantity-box > span { display: inline-block; font-size: 24px; max-width: 38px; width:100%; height: 50px; line-height: 50px; border-radius: 20px; text-align: center; color: #9a9a9a; cursor: pointer; vertical-align: top; user-select: none; }

.currency{color: #B38362; margin-left: 1px; }
.currency-before {color: #221F1F; font-size: 16px; margin-left: 1px;}

/* PRODUCT ================================================================== */
.product-container .d-grid { display: grid; grid-template-columns: 58% 1fr; column-gap: 20px;}
.product-container .column-sticky-wrapper { grid-area: 1/2/span 2/3;}
.product-container .column-sticky { position: sticky; top: 105px;}
.product-container .product-slider-container{ grid-area: 1/1/2/2; }
.product-container .column-content-wrapper{ grid-area: 2/1/3/2;}

.productImg-badge-wrapper { position: relative; }
@media (max-width: 991.98px) and (min-width: 768px) {
    .productImg-badge-wrapper { max-width: 500px; width:100%; margin-left: auto; margin-right: auto; }
}

.product-breadcrumb { font-size: 1em; margin-bottom: 30px; }
.product-breadcrumb a { color: #9d9d9d; }
.product-breadcrumb .glyphicon { color: #9d9d9d; font-size: 11px; }
/* .product-slider { position: relative; float:right; width: 80%; padding: 20px; background: #f9f9f9; } */
.product-slider { position: relative; float:right; width: 80%;  background: #fff; }
.product-slider .slick-slide { text-align: center; }
.product-slider .slick-slide img { display: block; max-width: 100%; margin: 0 auto; }
.product-slider-thumbnails { float: left; width: 17%; padding: 0px 0px 0px 0px; max-height: 500px; overflow: hidden; }
.product-slider-thumbnails a { display: block; width: 96px!important; height: 96px !important; margin-bottom: 15px; background-color: #f9f9f9; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.product-slider-thumbnails .product-video-thumbnails{ position: relative; }
.product-slider-thumbnails .product-video-thumbnails::after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(../css/img/play-icon.svg); background-position: center; background-size: 35px; background-repeat: no-repeat; }

.product-slider-buy { padding: 0 20px 18px 20px; }
.product-slider .socproof { display: none; position: absolute; left: 0px; bottom: 0px; width: 100%;  }
.product-slider .socproof-inner { margin: 10px; padding: 5px 10px; background: rgba(255,255,255,0.9); text-align: center; }
.product-slider .promo-rectangle { display: inline-block; position: absolute; right: 0px; top: 0px; padding: 8px 15px; background: #fff; color: #000; }
.product-slider .promo-rectangle img { display: inline-block; max-height: 60px; vertical-align: top; margin-right: 5px; }
.product-slider .promo-rectangle span { display: inline-block; }
.product-slider .slick-slide .misc-rectangle { display: inline-block; position: absolute; left: 10px; top: 10px; padding: 8px 15px; background: #fff; color: #000; }
.product-slider-thumbnails-scroll-up, .product-slider-thumbnails-scroll-down { display: block; position: absolute; left: 0px; width: 96px; background: rgba(0,0,0,0.2); color: #fff; text-align: center; }
.product-slider-thumbnails-scroll-up .fa, .product-slider-thumbnails-scroll-down .fa { font-size: 18px; color:#fff !important; }
.product-slider-thumbnails-scroll-up { top: 0px; display: none; }
.product-slider-thumbnails-scroll-down { bottom: 0px; }
.product-container { margin-bottom: 60px; }
.product-container .column-sticky-product-title { font-size: 40px; font-weight: 400 }
.product-container .stars { position: relative; display: inline-block; width: 100px; height: 17px; line-height: 17px; text-align: left; margin-top: 5px; cursor: pointer; }
.product-container .stars .stars-empty { position: absolute; left: 0px; top: 0px; width: 100px; height: 17px; line-height: 17px; display: inline-block; overflow: hidden; }
.product-container .stars .stars-full { position: absolute; left: 0px; top: 0px; width: 100px; height: 17px; display: inline-block; overflow: hidden; }
.product-container .stars .stars-full .stars-full-inner { position: absolute; left: 0px; top: 0px; width: 100px; height: 17px; line-height: 17px; display: inline-block; overflow: hidden; }
.product-container .stars img { width: 16px; margin: 0px 2px; }
.product-container .opinion-count { display: inline-block; text-align: center; font-size: 13px; font-style: italic; margin-left: 10px; cursor: pointer;  color: #717171; }
.product-container .opinion-random-txt { font-size: 11px; font-style: italic; position: relative; padding-left: 15px; }
.product-container .opinion-random-txt::before { content:url('/css/img/svg/quotes.svg'); width: 10px; height: 8px; display: block; position: absolute; top: -1px; left: 3px; }
.product-container .features { display: table; width: 100%; overflow: hidden; }
.product-container .features.hidden { display: none; }
.product-container .features.all { overflow: visible; height: auto; }
.product-container .features-row { display: table-row; }
.product-container .features-cell { display: table-cell; padding: 0; vertical-align: middle; }
.product-container .features a { display: block; font-size: 12px; height: 100%; line-height: 22px; padding: 3px 7px; background: #f5f5f5; color: #000; margin: 2px; text-align: center; vertical-align: middle; text-decoration: none; }
.product-container .features a:hover { background: #d7d7d7; }
.product-container .features-all { display: inline-block; font-size: 12px; color: #000; margin: 10px 0px 0px 10px; }
.product-container .price-container { display: inline-block; font-size: 22px; }
.product-container .price-container .price-normal { display: block; color:#B38362; }
.product-container .price-container .price-before { display: block; font-size: 20px; color: #221F1F; text-decoration: line-through !important; }
.product-container .price-container .currency-before { text-decoration: line-through !important; }
.product-container .price-container .calc-price-container { opacity: 0;}
.product-container .price-container .calc-price-container-start-show { opacity: 1 !important; }
.product-container .price-container .calc-price-container small { font-size: 65%;}
.product-container .price-container .calc-price-container-start-show,
.product-container .price-container .singlepack-calc-price-container { border: 1px solid #DB1135; display: grid; place-items: center; margin: 15px 0; }
.product-container .price-container .calc-price-container small,
.product-container .price-container .singlepack-calc-price-container small { font-size: 12px; }
.product-container .price-container .calc-price { font-weight: 700; color: #5a7f66; font-size: 16px; }
.product-container .price-container .calc-price-currency { font-weight: 700; color: #5a7f66; margin-left: 2px; font-size: 16px; }
.product-container .price-container .calc-price-container .calc-price,
.product-container .price-container .calc-price-container .calc-price-currency,
.product-container .price-container .calc-price-container small,
.product-container .price-container .singlepack-calc-price-container small,
.product-container .price-container .singlepack-calc-price-container .calc-price,
.product-container .price-container .singlepack-calc-price-container .calc-price-currency  { color: #DB1135; }

.product-container .price-container.price-container-discounted .price-normal,
.product-container .price-container.price-container-discounted .currency { color:#DB1135; font-size: 40px; line-height: 1; font-weight: 500; }

.product-container .price-save { display: inline-block; color: #82b534; vertical-align: middle; text-align: center; margin: 10px 10px 0 -5px; }
.product-container .price-save .price-save-upper { display: block; font-size: 11px; }
.product-container .price-save .price-save-lower { display: block; font-size: 18px;}
/* .product-container .quantity-box { vertical-align: middle; margin-top: 10px; } */
.product-container .btn { margin-top: 10px; }

.product-container .lowest-price-wrapper { display: grid; grid-template-columns: 18px 1fr; align-items:center; gap: .5rem;  }
.product-container .lowest-price-wrapper img { width: 18px; height: 18px; } 
.product-container .lowest-price-wrapper .lowest-price-txt { font-size: 10px; } 


.product-container .treatment-info { font-size: 13px; margin-bottom: 0; }

/* .product-container .order-selection .quantity-wrapper { display: flex; margin: auto; }
.product-container .order-selection .price-buttons-container { display: flex; align-items: center; justify-content: space-between; }
.product-container .order-selection .price-normal { display: inline-block; font-size: 26px; }
.product-container .order-selection .price-before { display: inline-block; }
.product-container .order-selection .btn-main-cta {margin-top: 0; align-self: flex-start; padding: 0.85rem; max-width: 265px; }
.product-container .order-selection .favourite-wrapper { margin-top: 0; }
.product-container .order-selection .calc-price-container { opacity: 1; margin-top: 10px; }
.product-container .order-selection .cart-cta-fav-container { align-self: flex-start; max-width: 255px; width: 100%; display: flex; justify-content: flex-end; gap:20px; } */

.product-container .complementary-product-title { /*max-width: 350px;*/ width: 100%; margin-bottom: 15px;}
.product-container .complementary-products-wrapper .complementary-product-name { margin-bottom: 0;}
.product-container .complementary-product { display: grid; grid-template-columns: 75px 1fr; align-items: center; gap: 10px; }
.product-container .complementary-images { width: 75px; }
.product-container .complementary-product-description small { margin-top: 5px; display: block; }
.product-container .complementary-product-description .complementary-price-wrapper { display: flex; justify-content: space-between; align-items: flex-end; }
.product-container .complementary-price-normal{font-size: 20px; line-height: 1; color:#B38362;}
.product-container .complementary-price-before{font-size: 20px; font-size: 16px; color: #aaa; text-decoration: line-through !important;}
/* .product-container .complementary-product-buttons-wrapper { align-self: end; } */
.product-container .complementary-product-buttons-wrapper .btn-secondary-cta { position: relative; margin-top: 0; margin-bottom: 0; }
.product-container .complementary-product-buttons-wrapper p { margin-bottom: 0; }
.product-container .complementary-product-buttons-wrapper .load { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.complementary-products-content:not(:last-child){margin-bottom: 10px;}
.complementary-products-content .complementary-product-in-cart-wrapper { display: flex; justify-content: center; align-items: center; gap: 7px; position: relative;}
.complementary-products-content .complementary-cart-txt { font-size: 12px; font-weight: 500; }
.complementary-products-content .complementary-cart-tick { display: inline-flex; justify-content: center; align-items: center; cursor: pointer;}
.complementary-products-content .complementary-cart-tick img { width: 22px; height: 22px; }
.complementary-products-content .complementary-cart-tick-remove { display: inherit; }

@media (max-width: 1199.98px) {
    .product-slider-thumbnails a { margin-bottom: 5px; }
    .product-container .column-sticky-product-title { font-size: 28px; }
    /* .product-container .order-selection .quantity-box { height: 40px; max-width: 120px; }
    .product-container .order-selection .price-buttons-container { flex-direction: column; gap:15px; }
    .product-container .order-selection .price-container { align-self: flex-start; }
    .product-container .order-selection .calc-price-container { margin-top: unset; }
    .product-container .order-selection .cart-cta-fav-container {max-width: 300px; } */

    .product-container .order-selection .lowest-price-wrapper { margin-top: 8px; }

    .product-container .complementary-product { grid-template-columns: 70px 1fr; gap: 10px; }
}
@media (max-width: 991.98px) {
    .product-container .d-grid { grid-template-columns: 100%; row-gap: 20px; }
    .product-container .product-slider-container{ order: 1; }
    .product-container .column-sticky-wrapper { grid-area: 2/1/3/2; order: 2; }
    .product-container .column-content-wrapper { grid-area: 3/1/4/2; order: 3; }

    .product-slider-thumbnails a { margin-right: 15px; }

    /* .product-container .order-selection .price-buttons-container { flex-direction: row; gap: unset; }
    .product-container .order-selection .calc-price-container { margin-top: 10px; }
    .product-container .order-selection .cart-cta-fav-container {align-self: flex-start; } */

    .product-container .complementary-product { grid-template-columns: 100px 1fr; }
}
@media (max-width: 767.98px) {
    .product-slider-thumbnails a { width: 66px !important; height: 66px !important; }
}
@media (max-width: 599.98px) {
    /* .product-container .order-selection .cart-cta-fav-container {max-width: 255px; } */
}
@media (max-width: 575.98px) {
    
}
@media (max-width: 535.98px) {
    /* .product-container .order-selection .price-buttons-container { flex-direction: column; gap:15px; }
    .product-container .order-selection .calc-price-container { margin-top: unset; }
    .product-container .order-selection .cart-cta-fav-container { max-width: 350px; justify-content: flex-start;} */
}
@media (max-width: 457.98px) {
    .product-container .complementary-product { grid-template-columns: 75px 1fr }
    /* .product-container .complementary-product-buttons-wrapper { grid-column: 1/3; } */
    /* .product-container .complementary-product-buttons-wrapper .btn-secondary-cta { margin-bottom: 0; } */
    .product-container .complementary-product-description .complementary-price-wrapper { margin-top: 5px; }

    .complementary-products-content .complementary-product-in-cart-wrapper { justify-content: flex-end; gap: 10px; }
}
@media (max-width: 358.98px) {
    .product-container .complementary-product-title { font-size: 14px;}
    .product-container .complementary-product-buttons-wrapper .btn-secondary-cta { font-size: 11px; }
    .complementary-products-content .complementary-product-in-cart-wrapper { gap: 5px; }
    .complementary-products-content .complementary-cart-txt { font-size: 11px; }
    .complementary-products-content .complementary-cart-tick img { width: 18px; height: 18px; }
}
@media (max-width: 345.98px) {
    .product-slider-thumbnails a { margin-right: 8px; }
    /* .product-container .order-selection .cart-cta-fav-container {align-self: flex-start; } */
}
@media (max-width: 330.98px) {
    .product-container .complementary-product-buttons-wrapper .btn-secondary-cta { font-size: 10px; }
    .complementary-products-content .complementary-product-in-cart-wrapper { gap: 2px; }
    .complementary-products-content .complementary-cart-txt { font-size: 10px; }
}

.unavailable-info-container { display: flex; align-items: center; justify-content: center; gap: 30px;}
.unavailable-info-container span { max-width: 100px; width: 100%; text-align: center; color: #9C725A;}
.unavailable-info-container .btn-unavailable { max-width: 300px; width: 100%; font-weight: 700; padding: 0.85rem; margin-top: 0;}


.strong-with-icon { display: inline-block; margin: 5px 7px; }
.strong-with-icon img { height: 15px; vertical-align: middle; }
.order-rules { display: grid; grid-template-columns: 35px 1fr; align-items:center; gap: .5rem; margin: 8px 0px; font-weight: 400; }
.order-rules.info-delivery img { width:35px; height:30px; }
.order-rules img { width:35px; height:30px; }
/* .order-rules .free-delivery { width:35px; height:30px; } */
.info-delivery { display: none;}
.info-delivery-active { display: grid;}
.order-rules .return-policy { width:35px; height:30px; }
.promotion-counter{ display: flex; justify-content: flex-start; gap: 5px; font-size: 14px; margin-top: 15px; margin-left: 5px; font-weight: 700; }
.promotion-counter .countdown-info { text-align: center; text-transform: uppercase; }
.promotion-counter .countdown { text-align: center; }
.no-bold{font-weight: 400;}
.product-tabs { margin: 0 0 20px 0; }
.product-tabs .nav-tabs { border:none; }
.product-tabs .nav-tabs li a { display: block; font-size: 16px; font-weight: 400; padding: 10px 13px 10px 0; margin-right: 8px; margin-top: 10px; text-decoration: none; text-transform: uppercase; }
.product-tabs .nav-tabs li a.active { color: #aaaaaa !important; text-decoration: underline; }
.product-tabs .nav-tabs li a:hover { color: #7d9f88; transition: color .3s ease;}
.product-tabs .tab-content { padding: 15px 0; }
.product-tabs .tab-content .tab-pane h1 { font-weight: 500; }
.table.table-ingredients tr td { width: 50% !important; }
.table.table-ingredients-3 tr td:nth-child(1), .table.table-ingredients-3 tr th:nth-child(1) { width: auto !important; }
.table.table-ingredients-3 tr td:nth-child(2), .table.table-ingredients-3 tr th:nth-child(2) { width: 1% !important; white-space: nowrap; }
.table.table-ingredients-3 tr td:nth-child(3), .table.table-ingredients-3 tr th:nth-child(3) { width: 1% !important; white-space: nowrap; }
.diet-product-info-details { display: flex; align-items: center; margin-bottom: 10px; }
.diet-product-info-desktop-img { display: block; max-width: 100%; }
.diet-product-info-mobile-img { display: none; }
.donut-row { margin: 0 0 30px 0; max-width: 600px; }
.donut { display: block; width: 120px; height: 120px; line-height: 120px; vertical-align: middle; margin: 0 auto; background: transparent url('img/product-counter.png') no-repeat center center; background-size: contain; }
.donut .num { display: block; font-size: 25px; padding: 0px 20px; }
.donut-text { color: #000; margin: 10px 0 20px 0; }
/* .product-expert { position: relative; background: #e9e9e9; padding: 40px 40px; min-height: 390px; } */
.product-expert { position: relative; padding: 40px 40px; min-height: 390px; }
.product-expert.product-expert-desktop-different { padding: 20px 40px; min-height: 300px; }
.product-expert-desktop-different img { bottom: 80px !important; }
.product-expert .header { display: inline-block; background: #e8bd61; font-weight: bold; text-transform: uppercase; color: #000; padding: 12px 20px 12px 40px; margin: 0 0 20px -40px;}
.product-expert .txt { width: 65%; font-size: 14px; text-align: justify; }
.product-expert img { display: block; position: absolute; right: -10px; bottom: 0px; }
/* .product-opinions { margin-bottom: 30px; } */
.opinions-summary { margin: 0 auto 20px auto; order: 3 }
.opinions-summary > div { text-align: center; vertical-align: top; margin: 7px 0px; cursor: pointer; }
.opinions-summary > div img { height: 15px; vertical-align: top; }
.opinions-summary > div .bar { display: inline-block; width: 270px; height: 15px; margin: 0 10px; border: 1px solid #efefef; vertical-align: top; }
.opinions-summary > div .bar .bar-inner { display: block; height: 13px; background: #f0d087; vertical-align: top; }
.opinions-summary > div .value { display: inline-block; width: 10px; font-size: 13px; line-height: 15px; text-align: left; vertical-align: top; }
.opinions-product-track { position: relative; display: flex; }
/* .moving-product { position: static; }
.moving-product.fixed { position: absolute; left: 0px; top: 0px; bottom: auto; width: 100%; z-index: 100; }
.moving-product.bottomed { position: absolute; left: 0px; top: auto; bottom: 0px; width: 100%; } */
.opinions-product-rating { order: 2; flex-grow: 1; }
.opinions-product-rating p {margin-bottom: 0;}
.opinions-product-rating .big-rating {font-size: 38px; font-weight: 500;}
.opinions-product-rating .small-rating {font-weight: 500;}
.opinions-product-rating .opinion-count {margin-left: 0; color: #DAC288; }
.opinions-product-images {order: 1}
.opinion-add-form { margin-bottom: 30px; }
.opinion-add-form .photo-container { border: 1px solid #d9d9d9; padding: 8px 12px 12px 12px; }
.opinion-add-form .photo-container small { color:#999; }
/* .opinion-add-form input[name='email'], .contact-form input[name='email'] { display:none; } */
.opinion-add-form .stars { display: inline-block; text-align: left; line-height: 20px; margin-bottom: 20px; }
.opinion-add-form .stars img { height: 20px; }
.opinion-add-form input.btn { min-width: 120px; border: 0 !important}
.opinion-add-form input, .opinion-add-form textarea { outline: 0; border-width: 0 0 1px; border-color: #d9d9d9; padding: 0.375rem 0; }
.opinion-add-form input:focus, .opinion-add-form textarea:focus { box-shadow: unset !important; border-color: #7D9F88; }
.opinion-add-form input[type="file"]{display: none;}
.opinion-add-form .send-img{width: 30px; height: 30px;}
.opinion-add-form .send-img{width: 30px; height: 30px;}

.opinion-add-header-rating-wrapper{ display: flex; align-items: center; gap: 20px; }
.opinion-add-header-icon{width:35px; height: 35px;}
.opinion-add-header-rating-wrapper .minor-header { width: unset; color: #7D9F88; margin-bottom: 0px; font-weight: 400; }
.opinion-add-header-rating-wrapper .stars-choice { position: relative; display: inline-block; width: 120px; height: 17px; line-height: 20px; text-align: left; margin-top: 5px; cursor: pointer; margin-bottom: 10px; }
.opinion-add-header-rating-wrapper .stars-choice img { width: 16px; margin: 0px 2px; height: 20px; }
.custom-col { width:100% }
.product-opinions .opinion-legal-notice-wrapper { display: grid; grid-template-columns: 20px 1fr; align-items:center; gap: .5rem; margin-top: 30px; }
.product-opinions .opinion-legal-notice-wrapper img { width: 20px; height: 20px; } 
.product-opinions .opinion-legal-notice-wrapper .opinion-legal-notice-txt{ font-size: 10.5px; } 
.add-content-image-wrapper { display: grid; grid-template-columns: 1fr 40px; gap: 15px; align-items: center; }
.add-content-image-wrapper label{ margin-bottom: 0; margin-left: auto; margin-right: auto; cursor: pointer; }
/* when user add opinion with picture */
.users-upload-img { display: flex; flex-wrap: wrap; margin:15px 0; position: relative; }
.upload-img-container { width: 205px; height: 185px; position: relative; }
.users-upload-img img { object-fit: contain; }
.removeImg { position: absolute; top: 10px; left: 16px; background: black; color: #ccc; cursor: pointer; width: 25px; height: 25px; border-radius: 50%; border: none; font-size: 15px; }

.opinion-add-form .acceptance { display: grid; grid-template-columns: 15px 1fr; gap: 10px; }
.extend-rodo-opinion { border: none; background: transparent; color: #7D9F88 !important; }
.extend-rodo-opinion:hover { color: #5A7F66 !important; transition: color .3s ease; }
.txt-extend { display: none;}

.opinion-add-form .submit-recaptcha-wrapper {display: flex; align-items: center; justify-content: space-between; gap:10px;}
.recaptcha-container { text-align:center; margin-bottom:15px; }
.g-recaptcha { display:inline-block; }

/* .another-products { padding: 30px 0 10px 0; } */
.another-products h6 { font-weight: 400; }
.product-tabs-mobile { display:none; }
.set-section h3 { display: block; font-size: 18px; font-weight: bold; margin-top: 0; }
.set-section h3 .digit { display: inline; background: #9C725A; color: #fff; padding: 0px 7px; margin-right: 10px; }
.set-section h3 .name { display: inline; }
.set-section h3 a { display:none; }
.set-section .set-text { padding-top: 20px; padding-bottom: 60px; }
.another-form { padding: 15px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.another-form strong { font-size: 15px; }
.another-form a { display: inline-block; vertical-align: middle; margin-left: 20px; text-decoration: none; }
.another-form a span { display: inline-block; font-size: 14px; font-weight: 400; line-height: 14px; padding: 4px; }
.another-form a:hover span { color: #aaa; text-decoration: underline; }
.another-form .another-form-icon{ width: 30px; height: 30px; }
.zero-waste-howto-wrapper { display: grid; grid-template-columns: 25% 1fr; width: 100%; gap: 20px; align-items: center; }
.zero-waste-howto-col-img { margin-left: auto; margin-right: auto; }
.zero-waste-img { max-width: 125px; width: 100%; height: 125px; }
.zero-waste { margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; }
.zero-waste h4 { font-size: 18px; font-weight: 400; }
.zero-waste h4>span { text-transform: uppercase; font-weight: 700; }
.zero-waste p { margin-bottom: 0; }
.zero-waste .hashtags { font-size: 16px; font-weight: bold; }
#anotherModal .double-arrow { min-height: 297px; }
#anotherModal .d-flex{ min-height: inherit; }
#anotherModal .double-arrow .next-arrow { width: 30px; height: 30px; }
#anotherModal .double-arrow .next-arrow-second { margin-left: -8px; }

#wantModal .modal-header { display: block; position: relative; border-bottom: unset; padding: 1rem 1rem 0 1rem; }
#wantModal .modal-header p{ font-size: 1.15rem; }
#wantModal .modal-footer{ display: block; border-top: none;}
#wantModal .modal-title { text-align: center; font-size: 1.65rem; font-weight: 400; }
#wantModal button.close { position: absolute; right: 10px; top: 5px; }
#wantModal .btn-secondary-cta { max-width: 100%; }
#wantModal .text-success { color: #5A7F66 !important; }

#wantModal .acceptance { display: grid; grid-template-columns: 15px 1fr; gap: 10px; }
#wantModal .acceptance input { margin-left: 2px; margin-top: 4px; cursor: pointer; align-self: baseline; }

#wantModal .error-valid-container { font-size: 10px; color: #c00; text-align: center; padding: 10px 0; }
#wantModal .modal-footer>:not(:last-child) { margin-right: 0; }
#wantModal .modal-footer>:not(:first-child) { margin-left: 0; }
#wantModal label { margin-bottom: 0; }

@media(max-width: 991px){
    #anotherModal .double-arrow { min-height: 50px; margin-top: 10px; }
    #anotherModal .modal-dialog .modal-body .container .col-lg-5 img{ height: 150px; }
}
@media (min-width:992px) and (max-width: 1199.98px) {
    .order-rules{ font-size:13px; }
    .opinions-summary > div .bar { width: 180px; }

}
@media (min-width:576px) and (max-width: 991.98px) {
    .order-rules{ margin:5px 5px; grid-template-columns: 45px 1fr; }
}
@media (min-width:382px) and (max-width: 575.98px) {
    .order-rules{ font-size:12px; }
}
@media (min-width:331px) and (max-width: 381.98px) {
    .order-rules{ font-size:10px; }
}
@media (max-width: 991.98px) {
    .order-rules{ gap:0; }
    .zero-waste {  padding-bottom: 0px; border-bottom: none; }
}
@media (max-width: 767.98px) {
    .zero-waste-howto-wrapper {align-items: flex-start;}
    .opinions-summary > div .bar { width: 150px; }

}
@media (max-width: 575.98px){
    .order-rules{ margin:0px 5px; grid-template-columns: 35px 1fr; }
    .order-rules img { width:20px;}
    .order-rules.info-delivery img { width:20px; }
    .order-rules .free-delivery {width:25px;}
    .opinion-add-header-rating-wrapper .minor-header { font-size: 14px; }

    #wantModal .modal-header p{ font-size: .9rem; }

    .diet-product-info { margin-top: -30px; }
    .diet-product-info-desktop-img { display: none;}
    .diet-product-info-mobile-img { display: block; margin: auto; max-width: 100%;}

}
@media (max-width: 499.98px) {
    .opinions-summary > div .bar { width: 100px; }
    .opinion-add-form .submit-recaptcha-wrapper { flex-direction: column; gap: 10px; }
    .opinion-add-form .g-recaptcha { order: 1 }
    .opinion-add-form input.btn { order: 2 }
}
@media (max-width: 454.98px) {
    .opinions-product-track { flex-direction: column; }
    .opinions-product-images{text-align: center;}
    .opinions-summary > div .bar { width: 200px; }
}
@media (max-width: 424.98px) {
    .zero-waste-howto-wrapper {grid-template-columns: 1fr;}
    .zero-waste-img { max-width: 105px; height: 105px; }
}
@media (max-width: 330.98px) {
    .order-rules{ font-size:9px; }
}

.multipack-buttons-container{display: flex; justify-content: space-between; gap: 10px;}
.multipack-price-container.price-container .price-normal { display: inline-block; font-size: 26px; }
.multipack-price-container.price-container .price-before { display: inline-block; }
.multipack-button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; max-width: 150px; width: 100%; text-decoration: none !important; border: 1px solid #e6e6e6; padding: 0 5px; transition: 0.55s;}
.multipack-button:hover { background: #ECDCC9; }
.multipack-button.selected { background: #ECDCC9 !important; }
.multipack-button span { display: block; text-align: center; font-weight: 400; }
.multipack-button small { display: block; text-align: center; margin-top: 3px; }

.multipack-cart-cta-fav-container { display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.multipack-cart { display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; text-align: center; font-weight: 400; border-radius: 0; /*max-width: 380px;*/ max-width: 100%; min-height: 50px;}
.favourite-wrapper{ display: inline-flex; align-items: center; justify-content: center; margin-top: 10px; }
.favourite-wrapper .heart-img{ background: url(/css/img/svg/card-product/ulubione1.svg) no-repeat; background-position: center; height: 35px; width: 35px; margin: auto; }
.favourite-wrapper .heart.clicked .heart-img{ background: url(/css/img/svg/card-product/ulubione2.svg) no-repeat; background-position: center; }

.order-selection { margin-top: 10px; }
.singlepack-buttons-container { display: flex; justify-content: space-between; gap: 10px; }
.singlepack-price-container.price-container .price-normal { display: inline-block; font-size: 26px; }
.singlepack-price-container.price-container .price-before { display: inline-block; }
.singlepack-button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; max-width: 150px; width: 100%; text-decoration: none !important; border: 1px solid #e6e6e6; padding: 0 5px; transition: 0.55s;}
.singlepack-button:hover { background: #ECDCC9; }
.singlepack-button.selected { background: #ECDCC9 !important; }
.singlepack-button span { display: block; text-align: center; font-weight: 400; }
.singlepack-cart-cta-fav-container { display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.singlepack-cart { display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; text-align: center; font-weight: 500; border-radius: 0; /*max-width: 380px;*/ max-width: 100%; min-height: 50px;}

.dietVariant-buttons-container { display: flex; justify-content: space-between; gap: 10px; min-height: 50px; }
.dietVariant-button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; max-width: 150px; width: 100%; text-decoration: none !important; border: 1px solid #e6e6e6; padding: 0 5px; transition: 0.55s;}
.dietVariant-button:hover { background: #ECDCC9; }
.dietVariant-button.selected { background: #ECDCC9 !important; }

.product-buy-option-section .nav { display: flex;  justify-content: space-between; align-items: center; flex-wrap: nowrap; }
.product-buy-option-section .nav-item { max-width: 250px; width: 100%; padding: 1rem 0; }
.product-buy-option-section .nav-link { position: relative; display: flex; align-items: center; justify-content: center; height: 45px; border-radius: 0; padding: 0; text-align: center; color: var(--color-black); text-transform: uppercase; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; background-color: #f2f2f2;  }
.product-buy-option-section .nav-link.active { background-color: #fff; color: #aaa; }
.product-buy-option-section .bg-effect-discount { display: inline-block; background-color: #734360; color: var(--color-white); padding: 0 6px; margin-left: 3px; }
.product-buy-option-section .nav-link-subscription { justify-content: flex-end; padding-right: 2px; }
.product-buy-option-section .nav-link .buy-option-tick { height: 0; visibility: hidden; opacity: 0; transition: opacity .3s ease; position: absolute; left: 10px; top: 50%; transform: translateY(-50%)  }
.product-buy-option-section .nav-link.active .buy-option-tick { display: inline-block; visibility: visible; opacity: 1; width: 15px; height: 15px;  }
.product-buy-option-section .nav-link .buy-option-name { line-height: 1.2; }
.product-buy-option-section .nav-link.active .buy-option-name { text-decoration: underline;  }

.product-buy-option-section .subscription-price-container { display: inline-block; font-size: 22px; }
.product-buy-option-section .subscription-price-container.price-container .price-normal { display: inline-block; font-size: 26px; }
.product-buy-option-section .subscription-price-container.price-container .price-before { display: inline-block; }
.product-buy-option-section .subscription-buttons-container { display: flex; justify-content: space-between; gap: 10px; }
.product-buy-option-section .subscription-cart-cta-fav-container { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.product-buy-option-section .subscription-cart { display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; text-align: center; font-weight: 400; border-radius: 0; /* max-width: 380px; */ max-width: 100%; min-height: 50px; }
.product-buy-option-section .custom-select { background: url(../css/img/svg/caret-down.svg),  url(../css/img/svg/fura.svg); background-repeat: no-repeat, no-repeat; background-position: calc(100% - 20px) center, calc(0% + 20px) center; background-size: 25px 25px, 25px 25px; height: 50px;  border: 1px solid #e6e6e6; border-radius: 0; text-align: center; color: var(--color-black); line-height: 1; padding: 0; }
.product-buy-option-section .custom-select:focus { box-shadow: 0 0 0 0.1rem #5a7f66; }

@media (max-width: 1399.98px) {
    .product-buy-option-section .nav-link-subscription { justify-content: center; padding-right: unset; }
    .product-buy-option-section .nav-link { flex-direction: column; }
    #one-time-tab .buy-option-name { max-width: 150px; }
    .product-buy-option-section .bg-effect-discount {  padding: 0 8px; margin-left: unset; }
}

@media (max-width: 1199.98px) {
    .product-buy-option-section .custom-select { background-position: calc(100% - 10px) center, calc(0% + 10px) center; background-size: 25px 25px, 20px 20px; font-size: 12px; }
}

@media (max-width: 991.98px) {
    .multipack-cart { max-width: 90%; }
    .singlepack-cart { max-width: 90%; }

    .product-buy-option-section .nav { justify-content: center; }
    .product-buy-option-section .nav-link-subscription { justify-content: center; padding-right: 0; }
    .product-buy-option-section .nav-link { flex-direction: row; }
    .product-buy-option-section .nav-item { max-width: 290px; }
    #one-time-tab .buy-option-name { max-width: unset; }
    .product-buy-option-section .custom-select { background-position: calc(100% - 20%) center, calc(0% + 20%) center; background-size: 25px 25px, 25px 25px; font-size: 15px; }
    .product-buy-option-section .bg-effect-discount {  padding: 0 6px; margin-left: 3px; }
}
@media (max-width: 767.98px) {
    .product-buy-option-section .nav-link { flex-direction: column; }
    .product-buy-option-section .custom-select { background-position: calc(100% - 20px) center, calc(0% + 20px) center; }
    .product-buy-option-section .bg-effect-discount {  padding: 0 8px; margin-left: unset; }
}
@media (max-width: 575.98px) {
    .multipack-cart {  max-width: 380px; }
    .singlepack-cart {  max-width: 380px; }
    .product-buy-option-section .custom-select { font-size: 14px; }
}
@media (max-width: 445.98px) {
    .multipack-buttons-container { flex-wrap: wrap; }
    .multipack-button { min-height: 50px; }
    .multipack-button { max-width: 180px; }
    .multipack-quantity { max-width: 180px; }
    .multipack-quantity .quantity-box { max-width: 180px; }

    .singlepack-buttons-container { flex-wrap: wrap; }
    .singlepack-button { min-height: 50px; }
    .singlepack-button { max-width: 180px; }
    .singlepack-quantity { max-width: 180px; }
    .singlepack-quantity .quantity-box { max-width: 180px; }

    .product-buy-option-section .custom-select { background-position: calc(100% - 5px) center, calc(0% + 5px) center; background-size: 25px 25px, 15px 15px; font-size: 12px; }
    #one-time-tab .buy-option-name { max-width: 150px; }
}
@media (max-width: 399.98px) {
    .multipack-button { max-width: 160px; }
    .multipack-quantity { max-width: 160px; }
    .multipack-quantity .quantity-box { max-width: 160px; }

    .singlepack-button { max-width: 160px; }
    .singlepack-quantity { max-width: 160px; }
    .singlepack-quantity .quantity-box { max-width: 160px; }
}
@media (max-width: 384.98px) {
    .product-buy-option-section .custom-select { background-position: calc(100% - 5px) center, calc(0% + 5px) center; background-size: 20px 20px, 20px 20px; font-size: 10px; }
}
@media (max-width: 359.98px) {
    .multipack-button { max-width: 150px; }
    .multipack-quantity { max-width: 150px; }
    .multipack-quantity .quantity-box { max-width: 150px; }

    .singlepack-button { max-width: 150px; }
    .singlepack-quantity { max-width: 150px; }
    .singlepack-quantity .quantity-box { max-width: 150px; }

    .product-buy-option-section .custom-select { font-size: 8px; }
    .product-buy-option-section .nav-link { font-size: 13px; }
    #one-time-tab .buy-option-name { max-width: 125px; }
}
@media (max-width: 350.98px){
    .multipack-button { max-width: 130px; }
    .multipack-quantity { max-width: 130px; }
    .multipack-quantity .quantity-box { max-width: 130px; }

    .singlepack-button { max-width: 130px; }
    .singlepack-quantity { max-width: 130px; }
    .singlepack-quantity .quantity-box { max-width: 130px; }
}
@media (max-width: 329.98px){
    .product-buy-option-section .nav-link { font-size: 11px; }
    #one-time-tab .buy-option-name { max-width: 105px; }
}


@media (max-width: 991.98px) { 
    .product-slider { float:none; width: 100%; margin-bottom: 30px; }
    /* .product-slider-thumbnails { display: none; } */
    .product-slider-thumbnails { display: flex; justify-content: space-around; width: 100%; }
    .product-container { margin-bottom: 30px; }
    .donut-row { margin-top: 30px; }
    /* .product-expert { position: relative; background: #e9e9e9; padding: 20px 20px; min-height: 390px; } */
    .product-expert { position: relative; padding: 20px 20px; min-height: 390px; }
    .product-expert.product-expert.product-expert-desktop-different { padding: 20px 20px; }
    .product-expert .header { display: block; text-align: center; padding: 12px 20px 12px 20px; margin: 0 0 20px 0; }
    .product-expert .txt { width: auto; }
    .product-expert img { display: block; position: static; max-width: 100%; margin: 40px auto -20px auto; }
    .product-expert-desktop-different img { margin: -20px auto !important; }
    .opinion-add-form .photo-container { margin: 10px 0 20px 0; }
    .opinion-add-form .stars { margin-top: 20px; }
    .product-tabs-mobile { margin-bottom: 60px; }
    .product-tab-mobile { display: flex; justify-content: space-between; align-items: center; color: #000 !important; padding: 6px 15px; margin: 0 auto; font-size: 22px; text-decoration: none !important; border-bottom: 1px solid #e6e6e6;}
    .product-tab-mobile.active .arrow-up-down { transform: rotate(270deg); }
    .product-tab-mobile-content { padding-top: 18px; padding-bottom: 20px; }
    .product-tab-mobile-content .table-responsive { width: auto; overflow: visible; }
    .arrow-up-down{width: 20px; height: 20px; transform: rotate(90deg); transition: all 0.2s ease;}
    .set-section { margin-bottom: 30px; }
    .set-section h3 { margin-top: 10px; }
    .set-section h3 .digit { display: block; float: left; }
    .set-section h3 .name { display: block; float: left; max-width: 220px; }
    .set-section h3 a { display: block; float: right; }
    .set-section h3 a img { height: 15px; transition: transform 0.2s ease; }
    .set-section h3 a.active img { transform: rotateX(180deg); }
    .set-section .set-text { display: none; }
    .zero-waste { margin-top: 20px; }
    .zero-waste p { margin-bottom: 15px; }
}

.product-complementations { padding: 15px 0; }
.product-complementations .d-grid { display: grid; gap: 30px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); max-width:1000px; margin: 0 auto; }
.product-complementations .product-thumb { background: #fff; }
@media (max-width: 1199.98px) { 
    .product-complementations .d-grid { gap: 20px; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
    .product-complementations h4 { font-size: 18px; }
}
@media (min-width: 360px) and (max-width: 767.98px) { 
    .product-complementations .d-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
}
@media (max-width: 490px) { 
    .product-complementations .d-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
    .product-complementations h4 { font-size: 16px; }
}
@media (max-width: 359.98px) { 
    .product-complementations .d-grid { grid-template-columns: 1fr; }
}

/* POSTORDER ================================================================ */

.postorder-text { max-width: 900px; margin: 0 auto; }
.postorder-promo-badge { display: inline-block; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); }
.postorder-promo-badge-top { position: relative; float: right; width:100%; width: 12px; height: 12px; overflow: hidden; display: none; }
.postorder-promo-badge-top > div { position: absolute; right: 1px; top: 0px; width: 32px; height: 32px; background: #412636; transform: rotateZ(45deg); }
.postorder-promo-badge-bottom { position: relative; background: #DB1135; padding: 0; color: #fff; font-size: 32px; line-height: 1; font-weight: 500; width: 127px; height: 48px; display: grid; place-items: center; }
.multipack-cart-postorder { font-size: 1.5em; line-height: 1; font-weight: 700; padding-top: 15px; padding-bottom: 15px; flex-direction: column; gap: 5px; max-width: 100%; min-height: 100px;}
.multipack-cart-postorder small { font-size: 0.7em; font-weight: 400; line-height: 1; }
.postorder-no-thanks-wrapper { width:100%; }
.postorder-no-thanks { display: flex; flex-direction: column; gap: 5px; background: #d4d4d4; color: #717171; text-decoration: none; font-size: 1.2em; line-height: 1; padding: 19px 0; font-weight: bold; text-align: center; transition: background .3s ease; text-transform: uppercase;}
.postorder-no-thanks small { font-size: 70%; }
.postorder-no-thanks:hover { color: #5A7F66; background: #fff; text-decoration: none; transition: background .3s ease;}
.postorder-bottom-button { display: none; position: fixed; bottom: 0px; width: 100%; padding: 10px 0px; z-index: 1011; background: #909090; color:#fff; }
.postorder-bottom-button .postorder-time { font-size: 1.1em; line-height: 1.2em; vertical-align: bottom;}
.postorder-bottom-button .postorder-time span { font-weight: bold;}
.postorder-bottom-button .postorder-no-thanks { font-size: 1.1em; width:100%; gap: 8px; }
.postorder-bottom-button .multipack-cart { font-size: 1.5em; width:100%; }

.addDesktopPadding { padding: 25px; }
@media (max-width: 1199.98px) {
    .addDesktopPadding { padding: unset; }
}
@media (max-width: 991.98px) {
    .postorder-bottom-button .multipack-cart { margin: 10px 0px !important; }
    .postorder-bottom-button .row > div { text-align: center; justify-content: center; }
}

@media (max-width: 400px) {
    .multipack-cart-postorder, .postorder-no-thanks { font-size: 1.2em; }
    .multipack-cart-postorder small { font-size: 0.8em; }

    .postorder-bottom-button .multipack-cart { font-size: 1.1em; }
}

/* MOBILE FIXED FOOTER PANEL- add to cart button ================================================================= */

@media (max-width: 991.98px) {
   
    .hidden-panel-anim{ opacity: 0; min-height: 0; height: 0; overflow: hidden; transition: opacity 0.3s, height 0.3s; }
    
    .addToCart-button { display: none; position: fixed; bottom: 80px; width: 100%; z-index: 1011; background: #fff; border-top: 1px solid #ccc; padding: 8px 0; }
    .addToCart-button .container {padding-left: 5px; padding-right: 5px;}
    .addToCart-button .multipack-cart { width: 100%; }
    .addToCart-button .singlepack-cart { width: 100%; }
    .addToCart-button .price-normal { font-size: 22px !important; color:#B38362; }
    .addToCart-button .price-before { font-size: 13px; color: #aaa; text-decoration: line-through !important; }
    .addToCart-button .currency { font-size: 22px; }
    .addToCart-button .currency-before { font-size: 13px; }
    .addToCart-button .col-custom-prices .row{
        justify-content: center;
    }

    .fixed-panel-btn--subscription .custom-select { position: relative; display: block;  background: url(../css/img/svg/caret-down.svg),  url(../css/img/svg/fura.svg); background-repeat: no-repeat, no-repeat; background-position: calc(100% - 20px) center, calc(0% + 70px) center; background-size: 25px 25px, 25px 25px; height: 35px; border: 1px solid #e6e6e6; border-radius: 0; text-align: center; color: var(--color-black); line-height: 1; padding: 0; margin-left: auto; margin-right: auto;  z-index: 1; }
    .fixed-panel-btn--subscription .custom-select:focus { box-shadow: 0 0 0 0.1rem #5a7f66; }
    .fixed-panel-btn--subscription .subscription-cart { display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important;text-align: center; font-weight: 400; border-radius: 0; /* max-width: 380px; */ max-width: 100%; min-height: 50px; }

    .custom-select option {
        padding: 5px; /* Odsunięcie napisu od krawędzi */
      }

}
@media (max-width: 767.98px) {
    .product-miniaturka-img{ width: 90px; height: 90px; }
    .addToCart-button .price-normal { font-size: 18px !important; }
    .addToCart-button .currency { font-size: 18px; }

    .fixed-panel-btn--subscription .custom-select { margin-bottom: 3px;  }
    /* .fixed-panel-btn--subscription .custom-select { margin-bottom: 3px; max-width: 463px;  } */

}
@media (max-width: 575.98px) {
    .product-miniaturka-img{ width: 65px; height: 65px; }
    .fixed-panel-btn--subscription .custom-select {  max-width: 100%;  }
}
@media (max-width: 491.98px) {
    .addToCart-button .price-normal { font-size: 15px !important; }
    .addToCart-button .currency { font-size: 15px; }
    .addToCart-button .price-before { font-size: 11px; }
}
@media (max-width: 429.98px) {
    .fixed-panel-btn--subscription .subscription-cart { font-size: 12px; line-height: 1; }
    
}

@media (max-width: 410.98px) {
    .addToCart-button .col-custom-prices-multipack { flex: 0 0 25% !important; max-width: 25% !important; }

    .addToCart-button .col-custom-prices-singlepack { flex: 0 0 25% !important; max-width: 25% !important; }
}
@media (max-width: 392.98px) {
    .addToCart-button .multipack-price-container .col-12 { padding-left: 5px; padding-right: 5px; }

    .addToCart-button .singlepack-price-container .col-12 { padding-left: 5px; padding-right: 5px; }
    /* .addToCart-button .multipack-price-container .price-normal { font-size: 16px !important; } */
    /* .addToCart-button .multipack-price-container .currency { font-size: 16px; } */

    .fixed-panel-btn--subscription .custom-select {  background-position: calc(100% - 20px) center, calc(0% + 20px) center;  }

    .fixed-panel-btn--subscription .subscription-cart { font-size: clamp(10px, 3vw, 7px); } 
}
@media (max-width: 353.98px) {
    
    .addToCart-button { padding: 10px 0;} 
    .product-miniaturka-img{ width: 50px; height: 50px; margin-left: -5px;}

    /* change bootstrap col values */
    .addToCart-button .col-custom-prices{
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
    .addToCart-button .col-custom-qty{
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
    .addToCart-button .multipack-price-container .price-normal { font-size: 11px !important; }
    .addToCart-button .multipack-price-container .currency { font-size: 12px; }

    .addToCart-button .singlepack-price-container .price-normal { font-size: 11px !important; }
    .addToCart-button .singlepack-price-container .currency { font-size: 12px; }

    .addToCart-button .price-before { font-size: 10px; }
    .addToCart-button .currency-before { font-size: 10px; }

    /* .fixed-panel-btn--subscription .custom-select { margin-bottom: 3px; } */
}


/* INFLU OPINIONS CAROUSEL ======================================================== */

#influ-opinie h3 {font-weight: 500; margin: 20px 0 0; }
.influ-carousel-container { position: relative; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6;}
/* .influ-carousel { padding-top: 40px; } */
.influ-carousel .owl-item { display: block; position: relative; transition: all 0.3s ease; }
.influ-carousel .owl-item .item { display: block; position: relative; text-align: center; padding: 15px 20px; margin: 1px 5px; transition: all 0.3s ease; }
.influ-carousel .owl-item .item .name { display: block; font-size: 14px; font-weight: bold; }
.influ-carousel .owl-item .item .content { position: relative; }
.influ-carousel .owl-item .item .content::before { content:url('/css/img/svg/quotes.svg'); width: 10px; height: 8px; display: block; position: absolute; top:-15px; left: -10px; }
.influ-carousel-container .img-wrapper{ position: relative; max-width:145px; width: 100%; height: 145px; border-radius: 50%; background-color: #e7e7e7; margin: 0 auto 20px; display: grid; place-items: center;}
.influ-carousel-container .img-wrapper img { width: 135px; height: 135px; border-radius: 50%; object-fit: cover; }

.owl-item .item.more { transform: rotateY(180deg); }
.influ-carousel .item { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; position: relative; height: 330px; }
.opinion-front,
.opinion-back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; border-radius: 10px;}
.opinion-front { transform: translateX(-50%) rotateY(0deg) translateZ(1px); left: 50%; width: 100%; }
.opinion-back { transform: rotateY(180deg); background: rgba(255,255,255,0.9); left: 0; }

.influ-carousel-container .owl-prev { position: absolute; left: -20px; top: 50%;}
.influ-carousel-container .arrow-prev { background: transparent url('/css/img/svg/next.svg') no-repeat center center; width: 20px; height: 20px; display: block; transform: rotate(180deg); z-index: 2; }
.influ-carousel-container .owl-next { position: absolute; right: -20px; top: 50%;}
.influ-carousel-container .arrow-next { background: transparent url('/css/img/svg/next.svg') no-repeat center center; width: 20px; height: 20px; display: block; z-index: 2; }

.influ-carousel .owl-item .item .opinion-front .opinion { font-size: 12px; overflow: hidden; font-style: italic; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; height: 11em; padding: 0 10px;}
.influ-carousel .owl-item .item .opinion-back .opinion { font-style: italic; }

.influ-carousel-container .opinion-txt .grey-line	{ display: block; height: 1px; max-width: 90px; width: 100%; background-color: #dddddd; margin: 10px auto;}
.opacity-effect { opacity: .4; }

@media (max-width: 991.98px) {
    .influ-carousel-container .opinion-txt .grey-line { max-width: 170px; }
}
@media (max-width: 767.98px) {
    .influ-carousel-container { padding-bottom: 15px; }
    .influ-carousel-container .opinion-txt .grey-line { max-width: 140px; }
}
@media (max-width: 575.98px) {
    .mobile-swipe-img-wrapper { display: block; position: absolute; top: 10px; left: 5px; z-index: 1; }
    .influ-carousel-container .opinion-txt .grey-line { max-width: 120px; }
    .influ-carousel-container .owl-buttons { display: none; }
    /* .influ-carousel-container .owl-buttons {margin: 30px auto;}
    .influ-carousel-container .owl-prev { right: 50%; bottom: -30px; top:unset; left: unset; transform: translateX(-50%);} 
    .influ-carousel-container .owl-next { left: 50%; bottom: -30px; top:unset; right: unset; transform: translateX(50%);} */
}
@media (max-width: 474.98px) {
    .influ-carousel .owl-item .item .opinion-back { width: 100% }
    .influ-carousel .owl-item .item .opinion-back .opinion { display: inline-block; width: 270px; }
    .influ-carousel-container .opinion-txt .grey-line { max-width: 120px; }
    
}


/* OPINIONS ================================================================= */

#opinions-content{font-weight: 400;}
.opinion-product { margin-top: 30px; display: grid; grid-template-columns: 85px 1fr; gap: 20px }
.question-product {margin-top: 30px; display: grid; grid-template-columns: 25px 1fr; column-gap: 10px; }

.opinion-product .face { display:block; max-width: 85px; width:100%; height: 85px; border-radius: 50%; background-color: transparent; background-position: top center; background-repeat: no-repeat; background-size: cover; }
.opinion-product .anonimIcon-user { display: block; width: 85px; height: 85px; border-radius: 50%; line-height: 85px; font-size:30px; color: #000; text-align: center; }
.opinion-product .name { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-weight: bold; margin-right: 15px; }
.question-product .name {  font-weight: 700; }
.opinion-product .stars { display: inline-block; text-align: left; line-height: 15px; }
.opinion-product .stars img { height: 15px; }
.opinion-product .badge-secondary { display: inline-block; background: unset; color: #aaa; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; vertical-align: top; margin-top: 3px; }
.opinion-product .badge-premium-girls{color: #DAC288 !important}
.opinion-product .badge-rzetelna{color: #7D9F88 !important;}
.opinion-product .tooltip .tooltip-inner { font-size: 13px !important; text-align: left; padding: 7px 10px 10px 10px; min-width: 220px; }
.opinion-product .tooltip .tooltip-inner strong { display: block; color: #f7b009 !important; padding-bottom: 5px; }
.opinion-product .opinion-product { margin-bottom: 20px; margin-top: 20px; }
.opinion-product .opinion-product .face { width: 75px; height: 75px; float: none; background-image: url('/fb_logo.png'); }
.opinion-product .opinion-text { word-break: break-word; font-style: italic; margin-top: 10px; }
.question-product .opinion-text { word-break: break-word; font-style: italic; font-size: 16px; color: #aaa; }
.opinion-product-txt .opinion-stars-result { position: relative; display: inline-block; width: 120px;  line-height: 17px; text-align: left; }
.opinion-product-txt .opinion-stars-result img { width: 16px; margin: 0px 2px; height: 20px; }
.opinion-see-more-button, .question-see-more-button { grid-column: 2/3; }

.opinion-see-more-button .opinion-button-updown { text-decoration: underline; }
.opinion-see-more-button .opinion-button-updown:hover { color: #5A7F66; transition: color .3s ease; }

.question-see-more-button .opinion-button-updown { text-decoration: underline; }
.question-see-more-button .opinion-button-updown:hover { color: #5A7F66; transition: color .3s ease; }

.opinion-stars-date-wrapper .comment-date{vertical-align: text-top; color: #aaa;}

.clinet-question-icon { width: 20px; height: 20px; }
.NH-answer-icon { width: 20px; height: 15px; }
.NH-answer { font-weight: 700; font-size: 12px; }
.NH-answer-wrapper { margin-top: 10px; }
.NH-answer-wrapper .answer-text { font-size: 12px; }



.question-add-form input.btn { min-width: 120px; border: 0 !important}
.question-add-form input, .question-add-form textarea { outline: 0; border-width: 0 0 1px; border-color: #d9d9d9; padding: 0.375rem 0; }
.question-add-form input:focus, .question-add-form textarea:focus { box-shadow: unset !important; border-color: #7D9F88; }
.question-add-form input[type="file"]{display: none;}

.question-add-header-wrapper .minor-header { width: unset; color: #7D9F88; margin-bottom: 0px; font-weight: 400; }

.question-add-form .acceptance { display: grid; grid-template-columns: 15px 1fr; gap: 10px; }
.extend-rodo-opinion { border: none; background: transparent; color: #7D9F88 !important; }
.extend-rodo-opinion:hover { color: #5A7F66 !important; transition: color .3s ease; }

.submit-recaptcha-wrapper {display: flex; align-items: center; justify-content: space-between; gap:10px;}

@media (max-width: 767px) { 
    .opinion-product .name, .opinion-product .stars { width: 100%; }
}

@media (max-width: 575.98px){
    /* .question-add-header-wrapper .minor-header{ font-size: 14px; } */
}
@media (max-width: 499.98px) {
    .question-add-form .submit-recaptcha-wrapper { flex-direction: column; gap: 10px; }
    .question-add-form .g-recaptcha { order: 1 }
    .question-add-form input.btn { order: 2 }
}
@media (max-width: 399.98px) {
    .opinion-product { margin-top: 20px; grid-template-columns: 1fr; gap: 10px; }
    .opinion-product .face, .opinion-product .glyphicon-user { margin: auto; }
}
@media (max-width: 374.98px) { 
    /* .opinion-product .name { flex-direction: column; align-items: flex-start; word-break: break-word;} */
    .opinion-product .name { align-items: center; word-break: break-word; }
    .opinion-stars-date-wrapper .comment-date { font-size: 12px; vertical-align: bottom;}
}

/* SMALL CART =============================================================== */
.table-cart-mini-view { border: 1px solid #e7e7e7; background: #fff; }
.close-table-cart-mini-view { display: none; }
.table-cart-small-container { margin: 0 auto; padding: 10px; background: #fff; max-height: 55vh; overflow-y: auto; }
.table-cart-small { width: 100%; margin: 0; }
.table-cart-small tr td { vertical-align: middle; border-top: 1px solid #e7e7e7; padding:10px; }
.table-cart-small tr:first-child td { vertical-align: middle; border-top: none; }
.table-cart-small tr:last-child td { border-bottom: 1px solid #e7e7e7; }
.table-cart-small .photo-cell img { width: 65px; }
.table-cart-small .name-cell { font-weight: 400; font-size: 13px; }
.table-cart-small .quantity-box { height: 30px; line-height: 30px; white-space: nowrap; }
.table-cart-small .quantity-box > span { font-size: 18px; width: 16px; height: 28px; line-height: 28px; border-radius: 15px; }
.table-cart-small .quantity-box > span.minus { margin-right: 5px; text-align: right; }
.table-cart-small .quantity-box > span.plus { margin-left: 5px; text-align: left; }
.table-cart-small .quantity-box input { width:15px; height: 28px; line-height: 28px; font-size: 13px; }
.table-cart-small .quantity-box > .load { display: none; width:20px; height: 38px; line-height: 38px; }
.table-cart-small .price-container { display: block; font-size: 15px; text-align: center; }
.table-cart-small .price-container .price-normal { color: #c39271; font-weight: 500; }
.table-cart-small .price-container .price-normal.price-normal-discounted { color: #DB1135; font-weight: 500; }
.table-cart-small .price-container .price-before { font-size: 12px; color: #aaa; text-decoration: line-through !important; }
.table-cart-small .delete-cell a { font-size: 18px; color: #aaa !important; text-decoration: none !important; }
.table-cart-small .delete-cell img { width: 15px; height: 15px; }
.table-cart-small-footer { margin: 0 auto; padding: 10px; background: #fff; color: #000; text-align: center; display: grid; grid-template-columns: 60% 40%; align-items: center; justify-content: space-between; gap: 10px; }
/* .table-cart-small-footer .summary { } */
.table-cart-small-footer .summary-info { display: flex; align-items: center; justify-content: space-between; }
.table-cart-small-footer .sum-free-col-left, .table-cart-small-footer .sum-col-left, .table-cart-small-footer .save-col-left{ color: #aaa; }
.table-cart-small-footer .sum-col-right { color: #c39271; font-weight: 500; font-size: 17px; }
.table-cart-small-footer .sum-free-col-right, .table-cart-small-footer .save-col-right { font-size: 13px; }
.table-cart-small-footer .summary .free { color: #aaa; font-size: 13px; font-style: italic; }
.table-cart-small-footer .btn { max-width: 150px; margin-left: auto; margin-right: 10px; }
.small-cart-closer { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(255,0,0,0.3); }

@media (max-width: 991.98px) {
    .small-cart-closer { display: none; }
}

@media (max-width: 575.98px) {
    .close-table-cart-mini-view { display: block; text-align: right; }
    .close-table-cart-mini-view img { margin-top: 5px; margin-right: 10px; }
    .table-cart-small-container { padding: 5px; }
    .table-cart-small tr td { padding: 5px; }
    .table-cart-small .photo-cell img { width: 40px; }
    .table-cart-small-footer { width: 100%; padding: 5px 5px 30px 5px; }
    .table-cart-small-footer .summary .free { max-width: 160px }
    .table-cart-small-footer .summary .sum { font-size: 15px; font-weight: bold; }
}
@media (max-width: 499.98px) {
    .table-cart-small-footer { grid-template-columns: 1fr; }
    .table-cart-small-footer .btn { margin: auto; }
}
@media (max-width: 365.98px) {
    .table-cart-small .name-cell { font-size: 11px; }
    .table-cart-small .price-container .price-normal { font-size: 13px; }
    .table-cart-small .price-container .price-before { font-size: 11px; }
}
@media (max-width: 329.98px) {
    .table-cart-small .name-cell { font-size: 10px; }
}

/* CART ===================================================================== */
.cart-desktop-sticky-col{ position: sticky; top: 130px; }
.table-cart { border-spacing: 0; }
.table-cart.special-offer-table { margin-bottom: 0; }
.table-cart thead tr td { border: none; font-size:12px; font-weight: bold; }
/* .table-cart tbody tr td { border: none; border-top: 1px solid #dcdcdc; vertical-align: middle; } */
.table-cart tbody tr td { border: none; vertical-align: middle; }
.table-cart tbody tr td:first-child { width: 100px; }
/* .table-cart tbody > tr:last-child td { border-bottom: 1px solid #e6e6e6; } */
.table-cart tbody > tr td { border-bottom: 1px solid #e6e6e6; }

.table-cart .delete img { width: 20px; height: 20px; }
.table-cart .quantity-box > .load { display: none; width: 30px; height: 30px; line-height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.table-cart .quantity-box { height: 30px; max-width: 70px; }
.table-cart .quantity-box > span { height: 30px; line-height: 30px; font-size: 18px; }
.table-cart .quantity-box input { height: 30px; line-height: 30px; }
.table-cart .cart-grid-prices { text-align: center; }
.table-cart .cart-price { color: #c39271; font-weight: 500; font-size: 18px; }
.table-cart .cart-price.cart-price-discounted { color: #DB1135; font-weight: 500; font-size: 18px; }
.table-cart .cart-price-old { text-decoration: line-through; font-size: 13px; color: #999; }
.table-cart .cart-grid-header-produkt { padding-left: 30px; }

/* .cart-summary-row { margin-top: 30px !important; } */
.cart-summary-row { margin-top: 10px !important; }
.cart-summary-row .total { color: #c39271; font-weight: 500; font-size: 18px;  }
.cart-summary-row .free-shipment { font-size: 15px; font-weight: normal; }
.cart-summary-row .free-shipment img {height: 15px; vertical-align: baseline; margin-right: 5px;}
.discount-code p { margin-bottom: 0; }
.cart-summary-row #codeForm { margin-top: 5px; }
.cart-summary-row #codeForm .form-control { max-width: 220px; width: 100%; margin-right:10px; }
.cart-summary-row #codeForm .form-control::placeholder { font-size: 12px; }
.cart-summary-row .save { color: #555; margin-top: 8px; }
.cart-summary-row .btn-black { background: #399800 !important; border-color: #399800 !important; }
.cart-summary-row .free-delivery-badge { line-height: 1.0; vertical-align: top; padding: 9px 15px 0 8px; font-size: 16px; font-weight: bold; color: #000 !important; height: 42px; background: #dedede url('img/free-shipment-arr-green.png') no-repeat center right; background-size: contain; text-decoration: none !important; }
.table-unbordered tbody tr td { border-top: none !important; border-bottom: none !important; border-left: none !important; border-right: none !important; }
.cart-summary-row .btn-main-cta { margin-bottom: 15px; min-height: 55px; line-height: 55px; font-size: 20px; }
.cart-summary-row .btn-main-cta, .cart-summary-row .btn-white-cta { max-width: 100%;}
.table-cart tbody tr.cart-special-offer td { background: #fff; border:none; }
.cart-special-offer .row { padding: 15px 0; }
.cart-special-offer img { height: 92px; width: 100px; }
.cart-special-offer .gift-icon { height: 20px; width: 20px; }
.cart-special-offer .title { color: #000 !important; text-decoration: none !important; }
.cart-special-offer .btn-default { background: #e6e6e6; cursor: default; }
.code-hint-details { display: flex; justify-content: space-between; align-items: center; }
.code-hint-details .btn-secondary-cta { max-width: 175px; }
.code-hint { display: none; font-weight: 500; font-size:16px; color: #5a7f66; }
.code-use { color: #5a7f66; font-size: 12px; line-height: 1; }
.code-use strong { font-weight: 500; }
.promo-code-annotation { display: block; margin: 7px 0 10px 0; color: #aaa; font-size: 10px;}
.missing-price{ font-size: 18px; color: #c39271; font-weight: 500;}
.info-missing{display: inline-block; font-size: 14px; color: #aaa; }
.cart-client-order-info-grid{ display: grid; grid-template-columns: 20px 1fr auto; column-gap: 10px; row-gap: 5px; }
.cart-client-order-info-col-middle { color: #aaa; }
.cart-client-order-info-col-right { text-align: right; }
.cart-client-order-info-col-right .total { color: #c39271; font-weight: 500; font-size: 18px;  }

.showTooltipGiftInCart { visibility: visible !important; opacity: 1 !important; }
.hide-info { opacity: 1; visibility: visible; height: auto; transition: opacity 0.5s ease, visibility 0.5s ease, height 0.5s ease; animation: hideElement 0.5s forwards; animation-delay: 3s; }
@keyframes hideElement { to { opacity: 0; visibility: hidden; height: 0; } }

.wrap-for-a-gift-grid { display: grid; grid-template-columns: 30px auto 25px auto; align-items: center; gap: 4px; }
.wrap-for-a-gift-grid .gift-icon img { margin-left: -5px; }
.wrap-for-a-gift-grid .gift-quick-info p { margin-bottom: 0; font-size: 13px; font-weight: 500; }
.wrap-for-a-gift-grid .gift-info-icon { position: relative; transition: box-shadow 0.3s ease; border-radius: 50%; }
.wrap-for-a-gift-grid .gift-info-icon .gift-info-icon-img { cursor: pointer; }
.wrap-for-a-gift-grid .gift-info-icon:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); transition: box-shadow 0.3s ease; }
.wrap-for-a-gift-grid .gift-info-icon-tooltip { position: absolute; right: 50%; bottom: 30px; display: grid; grid-template-columns: 70px 1fr 13px; align-items: center; gap: 14px; width: 355px; padding: 6px; background: rgba(234, 234, 234, 0.90); border-radius: 10px 10px 0px 10px; z-index: 10; visibility: hidden; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; }
.wrap-for-a-gift-grid .gift-info-icon-tooltip .tooltip-photo img { border-radius: 10px; }
.wrap-for-a-gift-grid .gift-info-icon-tooltip .tooltip-text { margin-bottom: 0; font-size: 12px; font-weight: 400; }
.wrap-for-a-gift-grid .gift-info-icon-tooltip .tooltip-close-wrapper { position: relative; align-self: start; }
.wrap-for-a-gift-grid .gift-info-icon-tooltip .gift-info-icon-tooltip-close { position: absolute; top: 3px; right: 4px; cursor: pointer; transition: transform 0.3s ease; }
.wrap-for-a-gift-grid .gift-info-icon-tooltip .gift-info-icon-tooltip-close:hover { transform: scale(1.1255); transition: transform 0.3s ease; }
.wrap-for-a-gift-grid .gift-wrapping-btn { max-width: 195px; margin-left: auto; display: block; }

.wrap-for-a-gift .gift-packaging-added { margin: 20px auto; }
.gift-packaging-added .gift-packaging-added-grid { display: grid; grid-template-columns: 30px auto 18px; align-items: center; gap: 10px; max-width: 300px; margin-left: auto; margin-right: auto; }
.gift-packaging-added .gift-packaging-added-grid .gift-quick-info p { margin-bottom: 0; color: #5A7F66; font-size: 14px; font-weight: 500; text-align: center;  }

.cart-special-offer-content { display: grid; grid-template-columns: 100px 1fr; column-gap: 30px;  width: 100%; border-bottom: 1px solid #e6e6e6; padding: 0 0 15px 15px;}
.cart-special-offer-content-info { display: flex; justify-content: space-between; align-items: center; }
.info-missing-wrapper { text-align: right; }
.special-offer-img-heading-wrapper{display: flex; align-items: center;}
/* new grid table cart */
.cart-grid { display: grid; grid-template-columns: 200px 75px 100px 20px; justify-content: space-between; }
.cart-grid-headers { display: grid; grid-template-columns: 2.6fr 1fr 1fr; }
.cart-grid-headers-check { grid-template-columns: 1.9fr 1fr 1fr; }

#empty-cart-recommended-sets { margin-top: 50px; }
#empty-cart-recommended-sets h6 { font-weight: 400; margin-bottom: 25px; }

@media (max-width: 1199.98px) {
    .cart-grid-headers { display: grid; grid-template-columns: 3.5fr 1fr 1fr; }
    .cart-grid-headers-check { display: grid; grid-template-columns: 2.1fr 1fr 1fr; }
    .special-offer-heading { font-size: 22px; }

    .code-hint-details .btn-secondary-cta { max-width: 140px; }
    .code-hint-details .code-hint-txt-manipulation { font-size: 13px; }
}

@media(min-width: 768px) and (max-width: 991.98px){
    .cart-special-offer .text-center h4{font-size:1.4rem;}
    .table-cart .biger-text { font-size:12px; }
    .cart-grid-headers { display: grid; grid-template-columns: 2.8fr 1fr 1fr; }
    .info-details-wrapper { max-width: 375px; width: 100%; }

    .code-hint-details { justify-content: flex-start; gap: 15px; }
    .code-hint-details .code-hint-txt-manipulation { font-size: unset; }
    
}

@media (max-width: 767px) {
    
    .cart-special-offer .row > div { text-align: center; }
    .cart-special-offer img { height: 60px; width: 65px; }
    .special-offer-heading { font-size: 19px; }
    .info-missing { margin-bottom: 5px; }

    .cart-grid {  grid-template-columns: 70% 30%; grid-template-rows: 1fr 1fr; justify-content: flex-start; align-items: center; }
    .table-cart tbody tr td { border-top: none;}
    .table-cart tbody tr td:first-child img { height: 60px; }
    .table-cart .cart-grid-name { grid-area: 1/1/2/2; padding-right: 8px; }
    .table-cart .cart-grid-qty { grid-area: 2/1/3/2; }
    .table-cart .cart-grid-prices { grid-area: 1/2/2/3; text-align: right; }
    .table-cart .cart-grid-trash { grid-area: 2/2/3/3; text-align: right; }

    .cart-special-offer-content { grid-template-columns: 65px 1fr; }
    .cart-special-offer-content-info-name, .cart-special-offer-content-desc {text-align: left;}

    .code-hint-details .code-hint-txt-manipulation { font-size: unset; }
}
@media (max-width: 575.98px) {
    /* .special-offer-heading{font-size: 16px; text-align: center;} */
    .cart-special-offer .px18 { font-size: 10px;}
    .wrap-for-a-gift-grid .gift-info-icon-tooltip { width: 305px; }
}
/* UX- there should always be one line of text and the correct font size for responsive  */
@media(max-width: 550px){
    .special-offer-heading{font-size: 16px; text-align: center;}
    /* .special-offer-heading{font-size: 14.5px} */
}
@media(max-width: 500px){
    /* .special-offer-heading{font-size: 12px} */
    .special-offer-heading{font-size: 14.5px}
    .cart-special-offer-content { grid-template-columns: 65px 1fr; }
}
@media(max-width: 474.98px){
    .wrap-for-a-gift-grid .gift-info-icon-tooltip {  width: calc(100vw - 155px); }
}
@media(max-width: 420px){
    .special-offer-heading{font-size: 12px}
    .cart-special-offer-content { padding: 0 15px 15px 15px;}
    .cart-special-offer-content-info { flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .cart-special-offer-content-desc { display: none; }
    .info-missing-wrapper { text-align: left; }
    /* .special-offer-img-heading-wrapper { flex-direction: column; } */
    /* .cart-special-offer .gift-icon { margin-bottom: 15px; } */
}
@media(max-width: 390px){
    /* .special-offer-heading{font-size: 11px} */
    .wrap-for-a-gift-grid .gift-info-icon-tooltip {  width: calc(100vw - 120px); }
}
@media(max-width: 375.98px){
    .table-cart tbody tr td:first-child { width: 75px; }
    .table-cart td, .table-cart th { padding: .75rem 0; border-top: none; }
    .table-cart .cart-price { font-size: 14px; }
    .table-cart .cart-price-old { font-size: 10px; }
    .table-cart .cart-grid-name { font-size: 12px; }

    .cart-special-offer-content { gap: 10px; }
    .missing-price{font-size: 14px;}

    /* .wrap-for-a-gift-grid .gift-info-icon-tooltip {  grid-template-columns: 1fr; }
    .wrap-for-a-gift-grid .gift-info-icon-tooltip .tooltip-photo { grid-area: 1/1/2/2; }
    .wrap-for-a-gift-grid .gift-info-icon-tooltip .tooltip-text { grid-area: 2/1/3/3; }
    .wrap-for-a-gift-grid .gift-info-icon-tooltip .tooltip-close-wrapper { grid-area: 1/2/2/3;} */
    .wrap-for-a-gift-grid .gift-info-icon-tooltip .tooltip-text { font-size: 10px; }
}
@media(max-width: 369.98px){
    /* .special-offer-heading{font-size: 9.5px} */
    .info-missing{font-size: 14px;}
}
@media(max-width: 346.98px){
    .special-offer-heading{font-size: 11px}
    .info-missing{font-size: 12px;}

    .code-hint-details .code-hint-txt-manipulation { font-size: 13px; }
}

/* new section UPSELL ==================================================================== */
.cart-super-offer { padding: 15px 0; border-bottom: 1px solid #e6e6e6; }
.cart-super-offer .d-grid{display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); max-width:800px; margin: 0 auto;}
.upsell .feature-badge-container { left: 50px; }
.upsell .product-thumb .striked { position: relative; font-size:13px; font-weight: normal; color: #d00; }
.upsell .product-thumb .striked:before {  position: absolute;  content: ""; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -o-transform:rotate(-10deg); transform:rotate(-10deg); }
.upsell .product-thumb .btn-fullWidth{width:100%; border-radius: unset; font-weight: 700; opacity: 1.0;}
.upsell .img-container { max-width: 200px; width: 100%; margin: auto; position: relative; }

.cart-container .cart-super-offer .upsell .btn-main-cta { background-color: #000 !important; }
.cart-container .cart-super-offer .upsell .btn-main-cta:hover { background: rgba(0, 0, 0, 0.808) !important; color: #fff !important; }

@media (max-width: 991.98px) {
    .cart-super-offer { padding: 0 0 15px 0; }
    .upsell .feature-badge-container { left: 40px; }
}

@media (max-width: 767.98px) {
    .upsell .feature-badge-container { top: 0px; left: 20px; }
}

@media (max-width: 575.98px) {
    .upsell .product-thumb .txt { padding: 0 10px; }
    .upsell .txt .title{font-size: 12px;}
    .upsell .txt .intro{font-size: 10px;}
}
@media (max-width: 524.98px) {
    .upsell .feature-badge-container { left: 0px; }
}
@media (max-width: 424.98px) {
    .upsell .feature-badge-container { top: 20px; }
}
@media (max-width: 359.98px){
    .cart-super-offer .d-grid{grid-template-columns: 1fr;}
    .upsell .product-thumb .txt .txt-texts { display: unset; }
    .upsell .feature-badge-container { top: 10px; left: 40px; }
}
/* ORDER ==================================================================== */
.not-allowed { cursor: not-allowed !important; }
.button-pointers-event-none { pointer-events: none; }
.transparent-input { background: transparent !important; border: none !important; }
.desktop-sticky-element { position: sticky; top: 40px; }

.order-header { position: relative; height: 50px; line-height: 50px; }
.order-header img { position: absolute; left: 0px; top: 0px; height: 50px; }
/* .order-frame { margin: 0px auto 30px auto; max-width: 720px; padding: 20px 25px 25px 25px; } */
.order-frame { margin: 0px auto 30px auto; max-width: 720px; }
.order-frame .nav-tabs { margin: -20px -25px 10px -25px; border: none; display: flex; align-items: center; }
.order-frame .nav-tabs li:first-child a { border-left: none; border-right: none; }
.order-frame .nav-tabs li:last-child a { border-right: none; }
.order-frame .nav-tabs li a, .order-frame .nav-tabs li.active a{ font-weight: 400; border-top: none; text-align: center; color: #7D9F88; text-decoration: underline; font-size: 18px; }
.order-frame .nav-tabs li a.active { font-size: 24px; text-decoration: none; color: var(--color-main); }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border: none; }
.nav-tabs .nav-link { border: none; }
.order-frame.smaller-padding { padding: 12px 15px 15px 15px; }

.order-frame .login-with-socials-buttons { display: flex; align-items: center; justify-content: space-between; }
.order-frame .login-with-socials-buttons a { max-width: 235px;  width:100%; }
.order-frame .login-with-fb, .order-frame .login-with-google { display: flex; align-items: center; justify-content: space-around; text-transform: uppercase; padding: 8px 10px; gap: 5px; }
.order-frame .login-with-fb p, .order-frame .login-with-google p { margin-bottom: 0; font-size: 13px; }
.order-frame .fb-icon, .order-frame .google-icon { width: 20px; height: 20px; }
.order-frame .login-with-fb { background-color: #4268b3; color: #fff; }
.order-frame .login-with-google { background-color: #f1f1f1; color: #757575; }
.order-frame .btn-secondary-cta.client-login, .order-frame .btn-secondary-cta.client-register { max-width: 235px; }
.order-frame #codText { padding: 8px 20px 8px 10px; }

#registration-form .order-frame { padding: 0; }
#registration-form h2 { font-weight: 400; margin-bottom: 15px; }
#registration-form input { border: 1px solid #e6e6e6; text-transform: uppercase; }
#registration-form .links a{ color: #7D9F88; }
#registration-form .links a:hover { color: #5A7F66; transition: color .3s ease; }
#registration-form .acceptance { display: grid; grid-template-columns: 15px 1fr; gap: 10px; }
/* #registration-form .check-wrapper>input.big-checkbox[type="checkbox"] + div.check-box */

.client-panel-nav-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; margin-bottom: 20px; margin-top: -20px; }
.client-panel-nav-grid-v2 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: center; margin-bottom: 20px; margin-top: -20px; }
.client-panel-nav-your-data, .client-panel-nav-history, .client-panel-nav-complaints-returns, .client-panel-nav-subscription { justify-self: center; filter: opacity(.5); transition: all .3s ease; }
.client-panel-nav-your-data:hover, .client-panel-nav-history:hover, .client-panel-nav-complaints-returns:hover, .client-panel-nav-subscription:hover { filter: opacity(1); }
.client-panel-nav-your-data img, .client-panel-nav-history img, .client-panel-nav-complaints-returns img, .client-panel-nav-subscription img { width: 135px; display: block; margin-left: auto; margin-right: auto; }
.client-panel-nav-history img, .client-panel-nav-subscription img { margin-top: 7px; }
.client-panel-nav-your-data p, .client-panel-nav-history p, .client-panel-nav-complaints-returns p, .client-panel-nav-subscription p { font-size: 17px; margin-bottom: 0; margin-top: 5px; text-align: center; }
.activeNavPage { filter: unset; }

#row-client-account h2{ font-weight: 400; margin-bottom: 15px; }
#row-client-account .order-frame { padding: 0; margin: 0 0 30px 0; }
#row-client-account .links a{ color: #7D9F88; }
#row-client-account .links a:hover { color: #5A7F66; transition: color .3s ease; }
#row-client-account .acceptance { display: grid; grid-template-columns: 15px 1fr; gap: 10px; }

.compressed-form label { font-weight: normal; padding-bottom: 0px; margin-bottom: 1px; font-size:13px; }
.compressed-form input, .compressed-form select, .compressed-form textarea { padding: 5px; margin-bottom: 8px; font-size:13px; border: 1px solid #e6e6e6;}
.compressed-form .form-row-1-3 { float:left; width: 33.3333%; padding-right: 9px; }
.compressed-form .form-row-2-3 { float:left; width: 66.6666%; padding-right: 9px; }
.compressed-form .form-row-3-3 { float:left; width: 100%; }
.compressed-form .form-row-1-3.no-right-padding, .compressed-form .form-row-2-3.no-right-padding { padding-right: 0; }
.compressed-form .links a { display: block; font-size: 10px; text-decoration: underline; color: #7D9F88; }
.compressed-form .checkbox-line { margin-bottom: 6px; }
.compressed-form .checkbox-line input { vertical-align: top; }
.compressed-form .cart-client-form .form-control.valid { background: #efe !important; border: 1px solid #090; box-shadow:none; }
.compressed-form .cart-client-form .form-control.invalid { background: #fee !important; border: 1px solid #c00; box-shadow:none; }
.cart-client-form .checkbox-line.gview{ display: grid; grid-template-columns: 15px 1fr; gap: 15px; }
.cart-client-form .checkbox-line.gview .check-wrapper { width: 18px; height: 18px; cursor: pointer; }
.cart-client-form .checkbox-line.gview .check-wrapper>input.big-checkbox[type="checkbox"] { display: block; width: 1px; height: 1px; opacity: 0.0; margin-bottom: 0; }
.cart-client-form .checkbox-line.gview .check-wrapper>input.big-checkbox[type="checkbox"] + div.check-box { border: solid 1px #e6e6e6; height: 18px; }
.cart-client-form .checkbox-line.gview .check-wrapper>input.big-checkbox[type="checkbox"]:checked + div.check-box::after { background-image: url(../css/img/input-check.png); background-size: 12px 12px; display: block; margin: 2px auto 0; width: 12px; height: 12px; content: ""; }
.compressed-form .cart-client-form .notShippedText { background-color: #f1bbbb; border: 1px solid red; position: absolute; z-index: 10; max-width: 460px; padding: 15px 15px; margin-right: 15px; }
.compressed-form .cart-client-form .notShippedText p{ margin-bottom: 0; }
.compressed-form .cart-client-form .notShippedText-close { font-size: 20px; position: absolute; right: 5px; top: -5px; border:none; background: transparent; cursor: pointer; }
.table-method { width: 100%; }
.table-method tr { cursor:pointer; }
.table-method tr td { padding: 12px 5px 12px 5px; }
.table-method tr td:first-child{ text-align: center; width: 30px; }
.table-method tr td:last-child{ text-align: right; }
.table-method.table-hover tbody tr:hover td { background-color: #f9f9f9; }
.table-method-shipment img { max-width: 135px; height: 30px; width: 100%; }

.shipment-grid-wrapper { display: grid; grid-template-columns: 25px auto 1fr 65px; column-gap: 20px; align-items: center; }
.shipment-grid-wrapper .check-wrapper { width: 18px; height: 18px; cursor: pointer; }
.shipment-grid-wrapper .check-wrapper>input.styled-circle[type="radio"] { display: none; }
.shipment-grid-wrapper .check-wrapper>input.styled-circle[type="radio"] + div.check-box { border: solid 1px #e6e6e6; border-radius: 50%; height: 18px; width: 18px; text-align: center; }
.shipment-grid-wrapper .check-wrapper>input.styled-circle[type="radio"]:checked + div.check-box { display: flex; align-items: center; justify-content: center; }
.shipment-grid-wrapper .check-wrapper>input.styled-circle[type="radio"]:checked + div.check-box::after { background-image: url(../css/img/check-circle-black.png); background-size: 10px 10px; background-repeat: no-repeat; display: inline-block; width: 10px; height: 10px; content: ""; }

.table-method-payment .check-wrapper { width: 18px; height: 18px; cursor: pointer; }
.table-method-payment .check-wrapper>input.styled-circle[type="radio"] { display: none; }
.table-method-payment .check-wrapper>input.styled-circle[type="radio"] + div.check-box { border: solid 1px #e6e6e6; border-radius: 50%; height: 18px; width: 18px; text-align: center; }
.table-method-payment .check-wrapper>input.styled-circle[type="radio"]:checked + div.check-box { display: flex; align-items: center; justify-content: center; }
.table-method-payment .check-wrapper>input.styled-circle[type="radio"]:checked + div.check-box::after { background-image: url(../css/img/check-circle-black.png); background-size: 10px 10px; background-repeat: no-repeat; display: inline-block; width: 10px; height: 10px; content: ""; }

.table-method-payment img {filter: grayscale(100%);}
.table-method-shipment img {filter: grayscale(100%);}
.colorImg {filter: grayscale(0%) !important;}
.heightSpecial{height: 50px !important;}

.order-show-cart{ display: flex; justify-content: center; align-items: center; gap: 20px; margin: auto; max-width: 300px; }

.acceptance { display: block; font-size: 11px; }
.acceptance input { float: left; margin-left: 2px; cursor: pointer; }
.acceptance .txt { float: right; width: 91%; font-weight: normal; cursor: pointer; }
.acceptance .txt.extendable { max-height: 62px; overflow: hidden; }
.acceptance .extend { display: block; float: right; width: 91%; color: #000 !important; }
.acceptance .txt.extendable.smaller { max-height: 31px; }
.acceptance.check-all .txt { font-size: 13px; }
.rodo-acceptance { font-size: 11px; }
.rodo-acceptance .txt.extendable { max-height: 31px; overflow: hidden; }
.rodo-acceptance .extend { display: block; font-weight: bold; color: #000 !important; }
.checkbox-error-wrapper { display: inline-block; background: #c00; padding: 3px 2px 2px 3px; text-align: center; }
.checkbox-error-wrapper input { display: inline-block; margin: 0; padding: 0; }
.acceptance-error-txt { color:#c00 !important;}
.delivery-label > img:first-child { display:none; padding: 0 5px 3px 0; }
#withRegistration .fblogin, #withRegistration .btn-gradient { width: 100%; }
#withRegistration .black-link {max-width: 195px; width: 100%; text-align: center; display: block; margin-left: auto; margin-right: auto;}
.login-protoform .error { border-color: #f00; background-color: #fee; }

.order-frame-final-summary .acceptance { display: grid; grid-template-columns: 15px 1fr; gap: 15px; }
.order-frame-final-summary .check-wrapper { width: 18px; height: 18px; cursor: pointer; }
.order-frame-final-summary .check-wrapper>input.big-checkbox[type="checkbox"] { display: block; width: 1px; height: 1px; opacity: 0.0; margin-bottom: 0; }
.order-frame-final-summary .check-wrapper>input.big-checkbox[type="checkbox"] + div.check-box { border: solid 1px #e6e6e6; height: 18px; }
.order-frame-final-summary .check-wrapper>input.big-checkbox[type="checkbox"]:checked + div.check-box::after { background-image: url(../css/img/input-check.png); background-size: 12px 12px; display: block; margin: 2px auto 0; width: 12px; height: 12px; content: ""; }

.order-frame-final-summary .error-valid-container { font-size: 10px; color: #c00; text-align: center; padding: 10px 0; }

.your-orders-title h2 { font-weight: 400; }
.client-orders-table td, .client-orders-table th { border-top: unset; border-bottom: 1px solid #e6e6e6;}
.client-orders-table thead th{ border-bottom: 1px solid #e6e6e6; }
.client-orders-table .check-details-td{text-align: right;}

.client-order-container h2 { font-weight: 400; }
.client-order-container .button-wrapper { text-align: left; margin-top: 40px; }
.client-order-container .btn-secondary-cta { max-width: 245px; }
.orders-product-list { margin-top: 20px; }
.client-summary-orders-table td, .client-summary-orders-table th, .client-summary-orders-product-table td, .client-summary-orders-product-table th{ padding: .75rem 0; }

.client-summary-orders-table thead th{ border-top: 0; border-bottom: 1px solid #e6e6e6; text-align: center; }
.client-summary-orders-table td, .client-summary-orders-table th { border-top: unset; border-bottom: 1px solid #e6e6e6; }
.client-summary-orders-table tbody tr td{text-align: center;}

.client-summary-orders-product-table td, .client-summary-orders-product-table thead th { border-top: unset; border-bottom: 1px solid #e6e6e6; }
.client-summary-orders-product-table .name-product-td{ width: 65%; }
.client-summary-orders-product-table .img-product-td, .client-summary-orders-product-table .txt-product-td{ display: inline-block; vertical-align: middle;}
.client-summary-orders-product-table .name-th { padding-left: 20px; }
.client-summary-orders-product-table .price-th , .client-summary-orders-product-table .qty-th, .client-summary-orders-product-table .sum-price-th { text-align: center; }
.client-summary-orders-product-table .price-td , .client-summary-orders-product-table .qty-td, .client-summary-orders-product-table .sum-price-td { text-align: center; }

.client-order-data-row{margin-top: 20px;}
.client-order-data-row p {margin-bottom: 0px;}

.cart-step-client-orders-header { font-weight: 400; }
.cart-step-client-orders-grid { display: grid; grid-template-columns: 85px 1fr auto; column-gap: 15px; margin-bottom: 8px; }
.cart-step-client-orders-product-prices { text-align: right; }
.order-submit-wrapper {text-align: right;}
.order-submit-wrapper .btn-main-cta { max-width: 100%; min-height: 55px; line-height: 55px; font-size: 20px; }
.order-frame-final-summary .delivery-data p, .order-frame-final-summary .buyer-data p { margin-bottom: 5px; }
.order-frame-final-summary #submitButton { max-width: 100%; width: 500px; line-height: 55px; min-height: 55px; font-size: 20px; }

#map-canvas-orlen .olControlAttribution, #map-canvas-pickuppoint .olControlAttribution, #map-canvas-dpdPickup .olControlAttribution { display: none !important; }


.borderBottom { border-bottom: solid 1px #ccc; padding-bottom: 15px; }
#row-client-account .client-subscription-grid-wrapper { display: grid; grid-template-columns: 100px 1.25fr 100px .75fr; align-items: center; gap: 10px; padding: 6px 0; }
#row-client-account .client-subscription-grid-wrapper .product-name-quantity-selected-options-box { display: grid; grid-template-columns: 1fr 1fr; align-items: center; width: 100%; }
#row-client-account .client-subscription-grid-wrapper .product-name-quantity-selected-options-box h6 { margin-bottom: 0; font-weight: 400; }
#row-client-account .client-subscription-grid-wrapper .product-name-quantity-selected-options-box .subscription-badge { display: block; font-size: 12px; line-height: 16px; letter-spacing: .1em;  width:100%; max-width:105px; padding: 2px;  background-color:#734360; color: var(--color-white); text-align: center; margin-bottom: 8px; }
#row-client-account .selected-subscription-quantity-box { display: flex; align-items: center; justify-content: center; gap: 30px; color: #734360;  }
#row-client-account .selected-subscription-quantity-box p { margin-bottom: 0; }
#row-client-account .client-subscription-grid-wrapper .selected-subscription-quantity-box { display: flex; align-items: center; justify-content: flex-start; gap: 30px; }
#row-client-account .client-subscription-grid-wrapper .selected-qty { display: flex; justify-content: end; width: 75px; text-align: center; }
#row-client-account .client-subscription-grid-wrapper .selected-options { display: flex; justify-content: center; width: 100%; }
#row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box { display: flex; align-items: center; justify-content: center; gap: 30px; }
#row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .subscription-buttons-container { max-width: 75px; width: 100%; }
#row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .custom-select { background: url(../css/img/svg/caret-down.svg); background-repeat: no-repeat; background-position: calc(100% - 5px) center; background-size: 25px 25px; background-color: var(--color-white); height: 50px; border: 1px solid #e6e6e6; border-radius: 0; text-align: left; color: var(--color-black); line-height: 1; padding: 0 0 0 5px; font-size: 11px; }
#row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .custom-select:focus {
    box-shadow: 0 0 0 0.1rem #5a7f66;
}

#row-client-account .client-subscription-grid-wrapper .prices-btn-action-box .subscription-prices { text-align: center; }
#row-client-account .client-subscription-grid-wrapper .prices-btn-action-box .subscription-prices .old { text-decoration: line-through; font-size: 13px; color: #999; }
#row-client-account .client-subscription-grid-wrapper .prices-btn-action-box .subscription-prices s { color: #999;}
#row-client-account .client-subscription-grid-wrapper .prices-btn-action-box .subscription-prices .value { display: block; color: #c39271; font-weight: 500; font-size: 18px; }

#row-client-account .client-subscription-grid-wrapper .btn-wrapper { display: flex; justify-content: space-evenly; align-items: center; width: 100%; }
#row-client-account .client-subscription-grid-wrapper .btn-wrapper .btn { max-width: 100px; }
#row-client-account .client-subscription-grid-wrapper .btn-wrapper .delete img { width: 20px; height: 20px; }



#row-client-account .collapseSubscriptionEditItem .client-subscription-grid-wrapper { gap: 10px; }


@keyframes pulseEditedSubsc {
    0% {
      background-color: var(--color-white);
    }
    50% {
      background-color: #F9F9F9;
    }
    100% {
      background-color: var(--color-white);
    }
  }
  #row-client-account .collapseSubscriptionEditItem.collapse.show { animation: pulseEditedSubsc 3s infinite; }




@media (max-width: 1199.98px) {
    .order-frame .login-with-socials-buttons { flex-direction: column; gap: 10px;}
    #withRegistration .btn-secondary-cta { max-width: 235px; }


    #row-client-account .client-subscription-grid-wrapper .selected-subscription-quantity-box { flex-direction: column; gap: 5px; }
    #row-client-account .client-subscription-grid-wrapper .selected-qty { justify-content: center; }
    #row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .subscription-buttons-container { order: 2; max-width: 100%; }
    #row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .subscription-buttons-container .quantity-wrapper, #row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .subscription-buttons-container .quantity-box { max-width: 100%; } 
    #row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box { flex-direction: column; align-items: flex-start; gap: 5px; }
    #row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .custom-select { font-size: 13px; }
}

@media (max-width: 991.98px) {
    .order-header { position: static; height: auto; line-height: auto; }
    .order-header img { display: block; position: static; height: 50px; margin: 0px auto 20px auto; }

    
    .client-order-container .button-wrapper{text-align: center;}

    /* summary client order responsive table */
    .client-summary-orders-table { border: 0; }
    .client-summary-orders-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; visibility: hidden; padding: 0; position: absolute; width: 1px; }
    .client-summary-orders-table tbody tr td{text-align: right;}
    .client-summary-orders-table tr { border-bottom: 3px solid #e7e7e7; display: block; margin-bottom: .625em; }
    .client-summary-orders-table td { border-bottom: 1px solid #e7e7e7; display: block; font-size: .8em; text-align: right; }
    .client-summary-orders-table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
    .client-summary-orders-table td:last-child { border-bottom: 0; }
    .client-summary-orders-table .empty-td{display: none;}
    .client-summary-orders-table .name-product-td{ width: unset; }
    .client-summary-orders-product-table .price-td , .client-summary-orders-product-table .qty-td, .client-summary-orders-product-table .sum-price-td { text-align: right; }
    
    .client-summary-orders-table .img-product-td, .client-summary-orders-table .txt-product-td{ display: block; }
    
    /* summary client product order responsive table */
    .orders-product-list { margin-top: 0px; }
    .client-summary-orders-product-table { border: 0; }
    .client-summary-orders-product-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; visibility: hidden; padding: 0; position: absolute; width: 1px; }
    .client-summary-orders-product-table tr { border-bottom: 3px solid #e7e7e7; display: block; margin-bottom: .625em; }
    .client-summary-orders-product-table td { border-bottom: 1px solid #e7e7e7; display: block; font-size: .8em; text-align: left; }
    .client-summary-orders-product-table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
    .client-summary-orders-product-table td:last-child { border-bottom: 0; }
    .client-summary-orders-product-table .empty-td{display: none;}
    .client-summary-orders-product-table .name-product-td{ width: unset; }
    
    .client-summary-orders-product-table .img-product-td, .client-summary-orders-product-table .txt-product-td{ display: block; }

    .client-order-data-row{margin-top: 0px;}
    .order-frame .nav-tabs { justify-content: center; }
    .order-submit-wrapper {text-align: center;}
    .row-order-frame-final-summary { row-gap: 15px; }
    .order-smry-title { text-align: center; }

    .client-panel-nav-grid { margin-top: -10px; }
    .client-panel-nav-grid-v2 { margin-top: -10px; align-items: baseline; }
    .client-panel-nav-grid-v2 .client-panel-nav-history img, .client-panel-nav-grid-v2 .client-panel-nav-subscription img { margin-top: unset; }

    #row-client-account .client-subscription-grid-wrapper .product-name-quantity-selected-options-box { gap: 0; }
    #row-client-account .client-subscription-grid-wrapper .selected-subscription-quantity-box { flex-direction: column; gap: 5px; text-align: center; }

    #row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .custom-select { font-size: 9px; }

}
@media (max-width: 767.98px) {
    #registration-form .btn-secondary-cta { margin: -10px auto 30px }
    #row-client-account .btn-secondary-cta { display: block; margin: auto; }
    #password-form .btn-secondary-cta { margin-top: 20px; }

    .client-orders-table { border: 0; }
    .client-orders-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; visibility: hidden; padding: 0; position: absolute; width: 1px; }
    .client-orders-table tr { border-bottom: 3px solid #e7e7e7; display: block; margin-bottom: .625em; }
    .client-orders-table td { border-bottom: 1px solid #e7e7e7; display: block; font-size: .8em; text-align: right; }
    .client-orders-table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
    .client-orders-table td:last-child { border-bottom: 0; }
    .client-orders-table .empty-td{display: none;}
    .client-orders-table .check-details-td{text-align: center;}

    .client-order-container .delivery-details, .client-order-container .bank-details { margin-top: 15px; }
    .shipment-grid-wrapper { grid-template-columns: 25px 1fr 65px; column-gap: 20px; grid-template-rows: 1fr 1fr; }
    .shipment-grid-wrapper .check-wrapper { grid-area: 1/1/2/2; }
    .shipment-grid-wrapper .shipment-img-wrapper { grid-area: 1/2/2/3; justify-self: start;}
    .shipment-grid-wrapper .shipment-method-name-wrapper { grid-area: 2/2/3/3 span; justify-self: start; text-align: left; }

    .compressed-form .tablet-view-form-row-3-3 { float:left; width: 100%; padding-right: unset; }

    
    .client-panel-nav-your-data img, .client-panel-nav-history img, .client-panel-nav-complaints-returns img, .client-panel-nav-subscription img { width: 95px; }
    .client-panel-nav-history img, .client-panel-nav-subscription img { margin-top: unset; }
    .client-panel-nav-your-data p, .client-panel-nav-history p, .client-panel-nav-complaints-returns p, .client-panel-nav-subscription p { font-size: 15px; }

    #row-client-account .client-subscription-grid-wrapper { grid-template-columns: 100px 1.5fr .5fr; row-gap: 10px; column-gap: 15px; }
    #row-client-account .client-subscription-grid-wrapper .picture img { max-width: 100%; }
    #row-client-account .client-subscription-grid-wrapper .product-name-quantity-selected-options-box { grid-template-columns: 1fr; gap: 5px; }
    #row-client-account .client-subscription-grid-wrapper .selected-subscription-quantity-box { align-items: flex-start; text-align: left; gap: 0; }
    #row-client-account .client-subscription-grid-wrapper .prices-btn-action-box { align-self: baseline; justify-self: end; }
    #row-client-account .client-subscription-grid-wrapper .btn-wrapper { display: flex; justify-content: space-between; align-items: center; width: 100%; grid-area: 2/1/3/4; }
    #row-client-account .client-subscription-grid-wrapper .btn-wrapper .btn-secondary-cta, #row-client-account .client-subscription-grid-wrapper .btn-wrapper .btn-main-cta{ margin: unset; order: 2; }
    #row-client-account .client-subscription-grid-wrapper .btn-wrapper .delete img { width: 25px; height: 25px; }

    #row-client-account .client-subscription-grid-wrapper .selected-qty, #row-client-account .client-subscription-grid-wrapper .selected-options { justify-content: flex-start; }
    #row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .custom-select { font-size: 14px; }
}
@media (max-width: 575.98px) {
    .order-frame .nav-tabs { margin: 0px 5px 10px 5px; }
    .compressed-form .mob-view-form-row-1-3 { float:left; width: 33.3333%; padding-right: unset; }
    .compressed-form .mob-view-form-row-1-2 { float:left; width: 50%; padding-right: 9px; }
    .compressed-form .mob-view-form-row-3-3 { float:left; width: 100%; padding-right: unset; }	
}
@media (max-width: 474.98px) {
    .client-panel-nav-grid { align-items: flex-start; }
    .client-panel-nav-your-data img, .client-panel-nav-history img, .client-panel-nav-complaints-returns img, .client-panel-nav-subscription img { width: 50px; }
    .client-panel-nav-history img { margin-top: unset; }
    .client-panel-nav-your-data p, .client-panel-nav-history p, .client-panel-nav-complaints-returns p, .client-panel-nav-subscription p { font-size: 13px; line-height: 1; }

    /* .compressed-form .cart-client-form .notShippedText {  max-width: 360px; } */
}
@media (max-width: 424.98px) {
    #row-client-account .client-subscription-grid-wrapper { grid-template-columns: 75px 1.5fr .5fr; align-items: start; }
}
@media (max-width: 399.98px) {
    #row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .custom-select { font-size: 10px; }
}
@media (max-width: 389.98px) {
    .shipment-grid-wrapper .shipment-method-name-wrapper div {font-size: 12px;}
    .compressed-form .mob-xs-view-form-row-3-3 {float:left; width: 100% !important; padding-right: unset !important;}

    /* .compressed-form .cart-client-form .notShippedText { max-width: 290px; } */
}
@media (max-width: 343.98px) {
    .shipment-grid-wrapper .shipment-method-name-wrapper div {font-size: 10px;}

    .client-panel-nav-your-data p, .client-panel-nav-history p, .client-panel-nav-complaints-returns p, .client-panel-nav-subscription p { font-size: 12px; }

    #row-client-account .client-subscription-grid-wrapper .change-selected-subscription-quantity-box .custom-select { font-size: 8px; }
}


.cart-steps { position: relative; max-width: 500px; margin: 20px auto; }
.cart-steps-bar { position: absolute; left: 20%; top: 13px; width: 60%; height: 5px; background: #f2f5f6; z-index: 0; }
.cart-steps-bar-inner { position: absolute; left: 0; top:0; width: 0%; height: 5px; background: #B38362; }
.cart-step { position: relative; display: inline-block; vertical-align: top; width:18%; z-index: 1; }
.cart-step .fa-check { display: none; }
.cart-step-circle { display: inline-block; background: #f2f5f6; border: 1px solid #f2f5f6; border-radius: 15px; width:30px; height: 30px; color: #000; line-height: 30px; font-size: 15px; vertical-align: middle; font-weight: 400; margin-bottom: 5px; }
/* .cart-step-desc { display: inline-block; font-size: 0.8em; max-width: 50px; } */
.cart-step-desc { display: inline-block; font-size: 0.8em; }

.cart-step.current .cart-step-circle, .cart-step.complete .cart-step-circle { background: #B38362; border-color: #B38362; color: #fff; }
.cart-step.complete .cart-step-circle .fa-check { display: inline; }
.cart-step.complete .cart-step-circle .digit { display: none; }

.cart-steps.step1 .cart-steps-bar-inner { width: 0%; }
.cart-steps.step2 .cart-steps-bar-inner { width: 30%; }
/* .cart-steps.step3 .cart-steps-bar-inner { width: 50%; } */
.cart-steps.step3 .cart-steps-bar-inner { width: 70%; }
/* .cart-steps.step4 .cart-steps-bar-inner { width: 70%; } */
/* .cart-steps.step5 .cart-steps-bar-inner { width: 100%; } */
.cart-steps.step4 .cart-steps-bar-inner { width: 100%; }

.badge-safe-process { font-size: 0.9em; padding: 4px 10px; margin-bottom: 20px; white-space: normal; }

.step-buttons { margin-top: -15px; }
.step-buttons .btn { width: 40%; max-width: 360px; }
.step-buttons .btn.btn-blank { background: #f1f1f1 !important; border: none !important; }

.step-container .btn-primary.btn-rounded { width: 100%; border-radius: 0 !important;  }

.cart-steps.four-steps { max-width: 400px; }
.cart-steps.four-steps .cart-steps-bar {  left: 20%; width: 60%;  }
.cart-steps.four-steps.step3 .cart-steps-bar-inner { width: 70%; }
.cart-steps.four-steps.step4 .cart-steps-bar-inner { width: 100%; }

.empty-cart-wrapper .btn-submit-qo { max-width: 400px; text-transform: uppercase; padding:10px; }
.empty-cart-wrapper .empty-cart-content { font-size: 20px; line-height: 1.8; }
.empty-cart-wrapper .empty-cart-content strong{ font-size: 30px; font-weight: 600; }

.narrow .thanks-txt-1 { font-size: 40px; line-height: 1.1; font-weight: 500; margin-bottom: 30px; display: flex; flex-direction: column; }
.narrow .thanks-txt-1 img{ height: 150px; }
.narrow .thanks-txt-2 { font-size: 20px; line-height: 1.1; font-weight: 300; }
.narrow .thanks-txt-2 .second-row { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; margin-left: -40px; }
.narrow .account-title { font-size: 30px; line-height: 1.1; font-weight: 700; }
.narrow .thanks-register-txt-1 { font-size: 50px; line-height: 1.1; font-weight: 600; margin-bottom: 30px; display: block; }
.narrow .thanks-register-txt-2 { font-size: 30px; line-height: 1.1; font-weight: 300; }

@media (max-width: 991.98px) {
    .narrow .thanks-register-txt-1 { font-size: 40px; display: flex; flex-direction: column; gap: 10px; }
    .narrow .thanks-register-txt-2 { font-size: 26px; }
}
@media (max-width: 767.98px) { 
    .step-container #submitButton { position: fixed; left: 0px; bottom: 0px; }
    .step-container #submitLoading { position: fixed; left: 0; bottom: 0; height: auto !important; background: #fff; width: 100%; padding: 10px; }

    .safe-txt-wrapper {margin: 15px 0;}

    .narrow .thanks-txt-1{ font-size: 32px; display: flex; flex-direction: column; gap: 10px; }
    .narrow .thanks-register-txt-1 { font-size: 32px; }
    .narrow .thanks-register-txt-2 { font-size: 22px; }
}

@media (max-width: 575.98px) {
    .order-smry-title { text-align: left; }
    .empty-cart-wrapper img { max-width: 250px; }
    .empty-cart-wrapper .empty-cart-content { font-size: 18px; line-height: 1.4; }
    .empty-cart-wrapper .empty-cart-content strong{ font-size: 24px; font-weight: 600; }
    .narrow .thanks-txt-1{ font-size: 26px; margin-bottom: 15px; }
    .narrow .thanks-txt-1 img { height: 110px; }
    .narrow .thanks-txt-2{ font-size: 16px; } 
    .narrow .account-title {font-size: 24px; }
    .narrow .thanks-register-txt-1 { font-size: 26px; margin-bottom: 15px;}
    .narrow .thanks-register-txt-2 { font-size: 16px; }
}
@media (max-width: 474.98px) {
    .narrow .thanks-txt-2 .second-row { flex-direction: column; gap: 0px; margin-top: 20px; margin-left: unset;}
    .narrow .thanks-txt-2 .second-row img { width: 45px; height: 45px; }
}
@media (max-width: 437.98px) {
    .order-frame .nav-tabs li a.active { font-size: 20px; }
    .order-frame .nav-tabs li a { font-size: 16px; }
}
@media (max-width: 386.98px) {
    .order-frame .nav-tabs li a.active { font-size: 18px; }
    .order-frame .nav-tabs li a { font-size: 14px; }
}

@media (max-width: 377.98px) {
    /* .order-frame .nav-tabs li a.active { font-size: 22px; } */
    .narrow .thanks-register-txt-1 { font-size: 22px; }
}

@media (max-width: 344.98px) { 

    .safe-txt-wrapper .safe-purchase {font-size: 12px;}
    .shipment-grid-wrapper { row-gap: 5px; }
    
}

/* NPS SURVEY =============================================================== */

.nps-container { margin: 0 auto; max-width: 600px; }
.nps-score { display:inline-block; width:46px; height:46px; line-height:46px; border-radius:23px; border: 1px solid #999; color:#000 !important; overflow:hidden; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-align:center; font-size:18px; text-decoration: none !important; }
.nps-score:hover { background: #ddd; }
.nps-score.active, .nps-score.active:hover { background: #F6C75F; }
.nps-container .pull-left, .nps-container .pull-right { color: #555; }
.nps-container textarea { height: 200px; margin-top: 20px; }

/* PAYMENT REPEAT =========================================================== */

.payrepeat-button { width: 100%; height: 52px; line-height: 40px; vertical-align: middle; }
.payrepeat-product { background: #f9f9f9; border-top: 1px solid #dcdcdc; font-size: 1.1em; }
.payrepeat-product:last-child { border-bottom: 1px solid #000; }
.payrepeat-product > .row { padding-top: 20px; padding-bottom: 20px; }
.payrepeat-summary { font-size: 1.1em; }
.payrepeat-mobile-button { display: none; }

.dd-select { border-radius:2px; border:solid 1px #ccc; position:relative; cursor:pointer; } 
.dd-desc { color:#aaa; display:block; overflow: hidden; font-weight:normal; line-height: 1.4em; } 
.dd-selected{ overflow:hidden; display:block; padding:10px; font-weight:bold;} 
.dd-pointer{ width:0; height:0; position:absolute; right:10px; top:50%; margin-top:-3px;} 
.dd-pointer-down{ border:solid 5px transparent; border-top:solid 5px #000; } 
.dd-pointer-up{border:solid 5px transparent !important; border-bottom:solid 5px #000 !important; margin-top:-8px;} 
.dd-options{ border:solid 1px #ccc; border-top:none; list-style:none; box-shadow:0px 1px 5px #ddd; display:none; position:absolute; z-index:2000; margin:0; padding:0;background:#fff; overflow:auto;} 
.dd-option{ padding:10px; display:block; border-bottom:solid 1px #ddd; overflow:hidden; text-decoration:none; color:#333; cursor:pointer;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out; } 
.dd-options > li:last-child > .dd-option{ border-bottom:none;} 
.dd-option:hover{ background:#f3f3f3; color:#000;} 
.dd-selected-description-truncated { text-overflow: ellipsis; white-space:nowrap; } 
.dd-option-selected { background:#f6f6f6; } 
.dd-option-image, .dd-selected-image { display:inline; vertical-align:middle; margin-right:15px; max-width:64px;} 
.dd-image-right { float:right; margin-right:15px; margin-left:5px;}

.dd-container{ position:relative; }
​
.dd-selected-text { font-weight:bold;}
.dd-option-text { margin-bottom: 0; }

@media (max-width: 1199.98px) {
    .payrepeat-header { text-align: center; }
    .payrepeat-inforow { margin-bottom: 30px; }
    .payrepeat-text { text-align: justify; }
    .payrepeat-status { text-align: center; }
    .payrepeat-button { width: 100%; height: auto; }
    .payrepeat-product { text-align: center; }
    .payrepeat-product-price { font-size: 1.4em; padding-top: 20px; }
    .payrepeat-mobile-button { position: fixed; bottom: 0px; width: 100%; padding: 15px; z-index: 1011; background: #f9f9f9; border-top: 1px solid #dcdcdc; }
}

/* CONFIRMATION ============================================================= */

.confirmation { max-width: 540px; margin: auto; }
.confirmation img { margin: 2em auto;  }
.confirmation h1 { margin: 0.5em auto; }
.confirmation h4  { margin: 1em auto;  }

.confirmation .btn { margin: 0 auto 20px auto; max-width: 350px; }
.confirmation p { text-align: center; }

.confirmation p.label-confirmation {
    color: #000;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 2.4;
    margin-top: 2em;
    
    /* or 12px */
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.125em;
    text-transform: uppercase;}
    
    .confirmation p.counter { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; margin-bottom: 1.5em; }
    
    .confirmation-head img.logo-confirmation { margin-bottom: 2em; }
    .confirmation-head { text-align: center;  border-bottom: solid 1px #eee; }
    
    .confirmation-foot {  text-align: center;  border-top: solid 1px #eee;  }
    .confirmation-foot>div { max-width: 540px; margin: 2em auto; }
    .confirmation-foot p  { text-align: center; }
    
    @media (max-width: 767px) {
        .confirmation-check { width: 50px; }
        .confirmation img { margin: 1em auto 0 auto;  }
    }
    
    /* SIGNUP NEWSLETTER PRODUCT PAGE ============================================================= */

.signup-newsletter-product-page {margin: 20px 0 30px 0;}
.signup-newsletter-product-page .signup-newsletter-content-wrapper {background-color: #ddd; position: relative; height: 190px; }
.signup-newsletter-content-wrapper .signup-newsletter-col-txt { height: inherit; align-items: center; }
.signup-newsletter-content-wrapper .signup-newsletter-col-txt-details {padding-left: 40px; display: flex; flex-direction: column; gap: 5px; }
.signup-newsletter-content-wrapper .signup-newsletter-col-txt-details .mobile-txt-details { display: none; }
.signup-newsletter-col-txt-details h1 { font-size: 80px; text-align: center; font-weight: 700; margin-bottom: 0px; }
.signup-newsletter-col-txt-details h2 { font-weight: 300; font-size: 45px; margin-bottom: 0px; }
.signup-newsletter-col-txt-details p { max-width: 615px; width: 100%; margin-bottom: 0px; }

.signup-newsletter-col-txt-details h4 span { font-weight: 700; }

.signup-newsletter-content-wrapper .signup-newsletter-col-form { position: absolute; bottom: 0; right: 20px; max-width: 440px; width: 100%; height: 170px; background-color: #fff; padding: 0 15px; }
.signup-newsletter-content-wrapper .signup-newsletter-col-form form { height: inherit; }
.signup-newsletter-content-wrapper .signup-newsletter-col-form form .row { height: inherit; }
.signup-newsletter-content-wrapper .col-interested { padding: 0 0 0 15px; display: flex; flex-direction: column; gap: 30px; }
.signup-newsletter-content-wrapper .col-interested p { margin-bottom: 0px; margin-top: 15px; font-size: 15px; }
.signup-newsletter-content-wrapper .col-inputs-grid-wrapper { display: grid; grid-template-columns: 1fr 1fr; align-items: center; column-gap: 15px; }
.signup-newsletter-content-wrapper .acceptance span { font-size: 13px; cursor: pointer; }
.signup-newsletter-content-wrapper .acceptance .d-flex { gap: 10px; align-items: center; }
.signup-newsletter-content-wrapper .acceptance .check-wrapper { width: 24px; height: 24px; cursor: pointer; }
.signup-newsletter-content-wrapper .acceptance .check-wrapper>input.big-checkbox[type="checkbox"] + div.check-box { border: solid 1px #ccc; height: 24px; }
.signup-newsletter-content-wrapper .acceptance .check-wrapper>input.big-checkbox[type="checkbox"]:checked + div.check-box::after { margin: 4px auto 0; }
.signup-newsletter-content-wrapper .signup-newsletter-col-form-small-txt{ font-size: 8px; margin-top:15px; margin-bottom: 0px; text-align: justify;}
.signup-newsletter-content-wrapper .btn-secondary-cta , .signup-newsletter-content-wrapper .input-email{ max-width: 100%; margin-top: 20px;}
.signup-newsletter-content-wrapper .btn-secondary-cta { text-transform: uppercase; }
.signup-newsletter-content-wrapper .input-email::placeholder {font-size: 12px; text-align: center; color: #aaa;}

#client-interest-mailing .error-valid-container { height: 0; font-size: 10px; color: #c00; text-align: center; }

@media (max-width: 1199.98px) {
    .signup-newsletter-content-wrapper .signup-newsletter-col-form { max-width: 395px; }
    .signup-newsletter-content-wrapper .signup-newsletter-col-txt-details { align-items: flex-start; }
    .signup-newsletter-col-txt-details h1{font-size: 50px; }
    .signup-newsletter-col-txt-details h2{ font-size: 30px; }
    .signup-newsletter-col-txt-details p { max-width: 485px; }
}
@media (max-width: 991.98px) {
    .signup-newsletter-product-page .signup-newsletter-content-wrapper {height: unset;}
    .signup-newsletter-content-wrapper .signup-newsletter-col-form { position: static; margin: 15px auto 0px; }
    .signup-newsletter-content-wrapper .signup-newsletter-col-txt-details { align-items: center; padding-left: 15px; padding-top: 15px;}
    .signup-newsletter-col-txt-details p{text-align: center;}
    .signup-newsletter-content-wrapper .signup-newsletter-col-txt-details .desktop-txt-details { display: none; }
    .signup-newsletter-content-wrapper .signup-newsletter-col-txt-details .mobile-txt-details { display: block; }
    .signup-newsletter-col-txt-details h2, .signup-newsletter-col-txt-details h4 { text-align: center; }
    .signup-newsletter-col-txt-details h2 span { font-weight: 700; }
}
@media (max-width: 575.98px) {
    .signup-newsletter-content-wrapper .signup-newsletter-col-form { height: auto; margin: 0px auto 0px; }
    .signup-newsletter-product-page .signup-newsletter-content-wrapper { background-color: #fff; }
    .signup-newsletter-content-wrapper .col-inputs-grid-wrapper { grid-template-columns: 1fr; }
    .signup-newsletter-col-txt-details h1{font-size: 34px; }
    .signup-newsletter-col-txt-details h2{ font-size: 22px; }
    .signup-newsletter-col-txt-details h4{ font-size: 18px; }
}
@media (max-width: 494.98px) {
    .signup-newsletter-content-wrapper .col-interested{ flex: 0 0 100%; max-width: 100%; padding: 0 15px; gap: 15px; }
    .signup-newsletter-content-wrapper .col-interested p {text-align: center;}
    .signup-newsletter-content-wrapper .col-inputs{ flex: 0 0 100%; max-width: 100%; padding: 0 15px;}
    .signup-newsletter-col-txt-details h4{text-align: center;}
}
@media (max-width: 353.98px) {
    .signup-newsletter-col-txt-details h2 {font-size: 20px; }
    .signup-newsletter-col-txt-details h4 { font-size: 16px; }
}
@media (max-width: 324.98px) {
    .signup-newsletter-col-txt-details h2 {font-size: 18px; }
    .signup-newsletter-col-txt-details h4 { font-size: 14px; }
    .signup-newsletter-col-txt-details p { font-size: 12px; }
}


.cart-tp-header {
    display: flex;
    flex-direction: row;
    gap:10px;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cart-tp-header__icon {
    display: flex;
    flex-direction: row;
    gap:10px;
    align-items: center;
}

.tp-content {}
.tp-content__image {
    margin: 0 auto;
    max-width: 250px;
}

.tp-content__text-box {
    text-align: center;
    margin-top:15px;
}

.tp-content__text-box-title {
    display:block;
    font-weight: 500;
    font-size: 40px;
}
.tp-content__text-box-subtitle {
    display:block;
    font-weight: 400;
    font-size: 26px;
    margin-top:15px;
    margin-bottom: 10px;
}
.tp-content__text-box-paragraph {
    text-transform: uppercase;
    display:block;
    font-size: 17px;
}

.tp-content__timer-box {
    margin: 20px auto;
    max-width: 80px;
}

.tp-timer {
    position: relative;
}

.tp-timer-label {
    position: absolute;
    top: calc(50% - 21px);
    left: calc(50% - 16px);
    font-size:25px;
    font-weight: bold;
    color: #7d7d7d;
    height:36px;
    width:36px;
}

.tp-content__button-box {
    margin: 0 auto;
    max-width: 230px;
}

.tp-button {
    max-width: 230px;
    text-transform: uppercase;
    padding: 10px;
}

.tp-content__below-button-box {
    margin-top: 25px;
}
.tp-content__below-text {
    font-size: 13px;
    text-align: center;
}

/* Animacja kręcącego się kółka na stronie przejścia do płatności. */
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #7d7d7d;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #7d7d7d transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  

  .tp-footer {
    display: flex;
    flex-direction: row;
    gap: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .tp-footer__adresses {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 75%;
    gap: 20px;
  }

  .tp-footer__adresses-column {
    width:	100%;
    max-width: calc(100% / 3)
  }

  .tp-footer__summary {
    width: 100%;
    max-width: 25%;
  }

  .tp-footer__adresses-title {
    font-size: 23px;
    margin-bottom: 10px;
    display: block;
  }

  .tp-footer__adresses-column.text-center {
    text-align: center;
  }

  .tp-footer__adresses-column.text-right {
    text-align: right;
  }

  .tp-footer__summary-title {
    font-size: 23px;
    margin-bottom: 10px;
    display: block;
  }
  
  .tp-footer__summary-row {
    display: flex;
    flex-direction: row;
    gap:15px;
  }

  .tp-footer__adresses-row {
    margin-bottom: 3px;
  }

  .tp-footer__summary-container {
    display:flex;
    flex-direction: column;
    gap:10px;
  }

  .tp-footer__summary-cell.grow {
    flex-grow: 1;
  }

  .tp-footer {
 
  }

  .tp-bottom-texts {
    text-align: center;
  }

  .tp-bottom-texts p {
    margin-bottom: 3px;
}

@media screen and (max-width:991px) {
    .tp-footer {
        margin-top:0;
        margin-bottom:0;
        flex-direction: column;
        gap: 15px;
    }

    .tp-footer__adresses {
        max-width: 100%;
    }

    .tp-footer__summary {
        margin: 30px auto;
        max-width: 400px;
    }
}

@media screen and (max-width:767px) {
    .tp-footer__adresses {
        flex-direction: column;
    }

    .tp-footer__adresses-column {
        max-width: 100%;
        text-align: center !important;
    }
}

.cart-content {
    margin-top : 25px;
    margin-bottom: 25px;
}

.cart-list__row {
    border-top: 1px solid #e7e7e7;
    padding-top: 10px;
    margin-top: 10px;
}

.cart-content__title {
    font-size: 23px;
    display: block;
}

.cart-content__table-header {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}
.cart-content__table-header-cell {
    font-weight: bold;
}
.cart-content__table-header-cell.rest-of-space {
    flex-grow: 1;
}
.cart-content__table-header-cell.totals {
    width: 100%;
    max-width:120px;
    text-align: right;
}

.cart-content__table-header-cell.quantity {
    width: 100%;
    max-width:120px;
    text-align: center;
}

.cart-content__table-header-cell.price {
    width: 100%;
    max-width:150px;
    text-align: center;
}

.cart-list__row-product-price {
    width: 100%;
    max-width:150px;
    text-align: center;
}

.cart-list__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.cart-list__row-product-name {
    flex-grow: 1;
}

.cart-list__row-product-total {
    width: 100%;
    max-width:120px;
    text-align: right;
}

.cart-list__row-product-quantity {
    width: 100%;
    max-width:120px;
    text-align: center;
}

@media screen and (max-width:991px) {
    .cart-content__table-header-cell.price {
        max-width:110px;
    }
    .cart-list__row-product-price {
        max-width:110px;
    }

    .cart-content__table-header-cell.quantity{
        max-width:110px;
    }
    .cart-list__row-product-quantity {
        max-width:110px;
    }
    .cart-content__table-header-cell.totals {
        max-width:110px;
    }
    .cart-list__row-product-total {
        max-width:110px;
    }
}

@media screen and (max-width:767px) {

    .cart-content__title {
        text-align: center;
    }

.cart-content__table-header {
    display: none;
}

.cart-list__row {
    gap: 10px;
}

.cart-content__table-header-cell.price {
    max-width: 30%;
    text-align: center;
}
.cart-list__row-product-price {
    max-width: 30%;
    text-align: center;
}

.cart-content__table-header-cell.quantity{
    max-width: 30%;
    text-align: center;
}
.cart-list__row-product-quantity {
    max-width: 30%;
    text-align: center;
}
.cart-content__table-header-cell.totals {
    max-width: 30%;
    text-align: center;
}
.cart-list__row-product-total {
    max-width: 30%;
    text-align: center;
}

.cart-list__row-product-name {
    margin-bottom: 15px;
}

.cart-list__row-product-price {
    display: none;
}
.cart-list__row-product-quantity {
    display: none;
}
.cart-list__row-product-total {
    display: none;
}
}


.newsletter-box {
    background-color: #221f1f;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 80px;
  }
  
  .newsletter-box__media {
  }
  .newsletter-box__media-image {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
  }
  
  .newsletter-box__panels {
    position: relative;
    min-height: 700px;
    width: 100%;
  }
  
  .newsletter-box__form {
    position: absolute;
    z-index: 2;
    margin-top: -60px;
    padding: 15px;
    background: linear-gradient(
      180deg,
      rgba(92, 55, 37, 0) 0%,
      #614e41 7%,
      #221f1f 60%
    );
    visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  
  .newsletter-box__form.is-visible {
    visibility: visible;
  }
  
  .newsletter-box__form-paragraph {
    font-size: 16px;
    color: #fff;
    line-height: 1.1;
  }
  
  .newsletter-box__form-paragraph.is-big {
    font-size: 40px;
    font-weight: 500;
  }
  
  .newsletter-box__form-list {
    font-size: 16px;
    color: #fff;
  }
  .newsletter-box__form-list-element p {
    margin: 0;
  }
  
  .newsletter-box__text-input-label {
    width: 100%;
    position: relative;
  }
  
  .newsletter-box__text-input-label.is-error, 
  .newsletter-box__form-checkbox.is-error, 
  .newsletter-box__text-input-label.is-error input{
    border-color:red;
    color:red !important;
  }
  
  .newsletter-box__error-popup {
    position: absolute;
    top: -6px;
    right: 50%;
    background: #fff;
    display: flex;
    border: 1px solid #db1135;
    gap: 5px;
    justify-items: center;
    align-items: center;
    padding: 5px;
    color: #000;
    font-size: 12px;
    transform: translateX(50%);
  }
  
  .newsletter-box__error-popup.is-checkbox {
    transform: translateX(50%);
  }
  
  .newsletter-box__error-popup-button {
    height: 25px;
    width: 25px;
    appearance: none !important;
    background: none;
    border: none;
    outline: none;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .newsletter-box__text-input {
    width: 100%;
    height: 48px;
    padding: 14px;
  }
  
  .newsletter-box__text-input::placeholder {
    color: #9d9d9d;
  }
  
  .newsletter-box__form-button {
    width: 100%;
    appearance: none;
    background: #5a7f66;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    height: 48px;
    border: none;
    outline: none;
    cursor: pointer;
  }
  .newsletter-box__form-box {
    max-width: 449px;
    margin: 0 auto;
    display: flex;
    gap: 13px;
    flex-direction: column;
  }
  
  .newsletter-box__form-checkbox-label {
    line-height: 1.1;
  }
  
  .newsletter-box__form-checkbox-input {
    height: 24px;
    width: 24px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  
  .newsletter-box__form-checkbox {
    display: flex;
    flex-direction: row;
    color: #fff;
    font-size: 12px;
    gap: 13px;
    align-items: flex-start;
    position: relative;
  }
  
  @media screen and (min-width: 400px) {
    .newsletter-box__panels {
      min-height: 594px;
    }
  }
  
  @media screen and (min-width: 480px) {
    .newsletter-box__panels {
      min-height: 502px;
    }
  }
  
  @media screen and (min-width: 580px) {
    .newsletter-box {
      max-width: 540px;
    }
  
    .newsletter-box__panels {
      min-height: 486px;
    }
  }
  
  @media screen and (min-width: 768px) {
    .newsletter-box {
      max-width: 720px;
    }
    .newsletter-box__form {
      padding: 25px;
    }
  }
  
  @media screen and (min-width: 992px) {
    .newsletter-box {
      max-width: 960px;
      flex-direction: row;
    }
  
    .newsletter-box__form {
      max-width: 60%;
      background: unset;
      margin-top: 0;
    }
  
    .newsletter-box__media-image {
      position: absolute;
    }
    .newsletter-box__form-box {
      max-width: 100%;
    }
  
    .newsletter-box__error-popup {
      top: 0;
      right: 0;
      transform: translateX(calc(100% + 12px)) translateY(6px);
    }
  
    .newsletter-box__error-popup.is-checkbox {
      transform: translateX(calc(100% + 12px)) translateY(0px);
    }
  
    .newsletter-box__panels {
      min-height: 550px;
    }
  }
  
  @media screen and (min-width: 1200px) {
    .newsletter-box {
      max-width: 1170px;
    }
  }