/** Shopify CDN: Minification failed Line 505:89 Expected ":" Line 507:29 "ont-family" is not a known CSS property **/ @font-face { font-family: 'Poppins'; src: url('/cdn/shop/files/PoppinsLight.eot?v=1714115925'); src: url('/cdn/shop/files/PoppinsLight.eot?v=1714115925') format('embedded-opentype'), url('/cdn/shop/files/PoppinsLight.woff2?v=1714115924') format('woff2'), url('/cdn/shop/files/PoppinsLight.woff?v=1714115924') format('woff'), url('/cdn/shop/files/PoppinsLight.ttf?v=1714115924') format('truetype'), url('/cdn/shop/t/1/assets/Poppins-Light.svg?v=1716358342') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('/cdn/shop/files/PoppinsRegular.eot?v=1714115788'); src: url('/cdn/shop/files/PoppinsRegular.eot?v=1714115788') format('embedded-opentype'), url('/cdn/shop/files/PoppinsRegular.woff2?v=1714115788') format('woff2'), url('/cdn/shop/files/PoppinsRegular.woff?v=1714115788') format('woff'), url('/cdn/shop/files/PoppinsRegular.ttf?v=1714115788') format('truetype'), url('/cdn/shop/t/1/assets/Poppins-Regular.svg?v=1716359014') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('/cdn/shop/files/PoppinsMedium.eot?v=1714116089'); src: url('/cdn/shop/files/PoppinsMedium.eot?v=1714116089') format('embedded-opentype'), url('/cdn/shop/files/PoppinsMedium.woff2?v=1714116089') format('woff2'), url('/cdn/shop/files/PoppinsMedium.woff?v=1714116090') format('woff'), url('/cdn/shop/files/PoppinsMedium.ttf?v=1714116089') format('truetype'), url('/cdn/shop/t/1/assets/Poppins-Medium.svg?v=1716359512') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('/cdn/shop/files/PoppinsBold.eot?v=1714116185'); src: url('/cdn/shop/files/PoppinsBold.eot?v=1714116185') format('embedded-opentype'), url('/cdn/shop/files/PoppinsBold.woff2?v=1714116185') format('woff2'), url('/cdn/shop/files/PoppinsBold.woff?v=1714116185') format('woff'), url('/cdn/shop/files/PoppinsBold.ttf?v=1714116185') format('truetype'), url('/cdn/shop/t/1/assets/Poppins-Bold.svg?v=1716359578') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Trirong'; src: url('/cdn/shop/files/TrirongMedium.eot?v=1714121865'); src: url('/cdn/shop/files/TrirongMedium.eot?v=1714121865') format('embedded-opentype'), url('/cdn/shop/files/TrirongMedium.woff2?v=1714121865') format('woff2'), url('/cdn/shop/files/TrirongMedium.woff?v=1714121865') format('woff'), url('/cdn/shop/files/TrirongMedium.ttf?v=1714121865') format('truetype'), url('/cdn/shop/t/1/assets/Trirong-Medium.svg?v=1716359798') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Trirong'; src: url('/cdn/shop/files/TrirongSemiBold.eot?v=1714121730'); src: url('/cdn/shop/files/TrirongSemiBold.eot?v=1714121730') format('embedded-opentype'), url('/cdn/shop/files/TrirongSemiBold.woff2?v=1714121729') format('woff2'), url('/cdn/shop/files/TrirongSemiBold.woff?v=1714121729') format('woff'), url('/cdn/shop/files/TrirongSemiBold.ttf?v=1714121729') format('truetype'), url('/cdn/shop/t/1/assets/Trirong-SemiBold.svg?v=1716359860') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } /*==common-css-start==*/ .page-width {max-width:1340px;} P , body {font-family: "Poppins", sans-serif;font-size:15px;font-weight:300;letter-spacing:0px;line-height:1.7;margin-top:0px;} h1 , .h1 , .title--primary {font-family: "Trirong", serif;font-weight:600;font-size:42px;letter-spacing:0.42px;line-height:1.1;margin-top:0px;} h2 , .h2 {font-family: "Trirong", serif;font-weight:500;font-size:32px;letter-spacing:0.32px;line-height: 1.3;margin-top:0px;} h3 , .h3 {font-family: "Trirong", serif;font-weight:500;font-size:24px;letter-spacing:0px;line-height:1.1;margin-top:0px;} h4 , .h4 {font-family: "Trirong", serif;font-weight:600;font-size:15px;letter-spacing:0px;margin-top:0px;} h5 , .h5 {} h6 , .h6 {font-family: "Poppins", sans-serif;font-size:15px;letter-spacing:0.9px;font-weight:400;margin-top:0px;} .button, .button-label, .shopify-challenge__button, .customer button {font-family: Poppins, sans-serif;font-size: 14px;font-weight: 500;letter-spacing: 1.12px;line-height:1;min-height: 40px;box-sizing: border-box;transition:0.3s ease-in-out;padding:0px 40px;} .button:before , .button:after {display:none;} .customer .field input, input.field__input , .text-area {padding: 1.2rem 2rem;height: 40px;font-size: 12px;font-weight: 300;letter-spacing: 0.24px;color: #848484;border:1px solid #8B8B8B;} .customer .field label, label.field__label { font-size: 12px;color: #848484;font-weight: 300;letter-spacing: 0.24px; } .customer .field:before, .field:before , .customer .field:after, .field:after {display:none;} .page-width {padding-left:50px;padding-right:50px;} /*==common-css-end==*/ /*==scrollbar-start==*/ .swiper-horizontal>.swiper-scrollbar{width:140px;border-radius:0;height:2px;background-color:rgba(0,0,0,.2);left:0} .swiper-horizontal>.swiper-scrollbar .swiper-scrollbar-drag{background-color:#000} /*==scrollbar-end==*/ /*==announcementbar-css-start==*/ .announcement-bar__message {font-size: 11px;letter-spacing: 1.2px;text-transform: uppercase;min-height: unset;padding: 12px 0px;} .announcement-bar__link:hover {text-decoration: unset;opacity:0.8;} /* .aan-wraper-block .ann-two-block .announcement-bar__message {width: 270px;text-align: left;} */ .ann-two-block-head { display: flex;} .ann-two-block-head .ann-two-block .slide_cover { width: 53%;} .ann-two-block-head .ann-two-block .slide_cover .announcement-bar__message { text-align: left;} /*==announcementbar-css-end==*/ /*==transparent-header-start==*/ .section-header{transition:.3s ease-in-out} .section-header:not(.scrolled-past-header) .header-transparent{position:absolute;top:0;left:0;width:100%;right:0} .section-header:not(.scrolled-past-header) .header-transparent .header__heading-logo-wrapper{display:none} .section-header:not(.scrolled-past-header) .header-transparent .header__heading-logo-wrapper.transparent-logo{display:block} .section-header:not(.scrolled-past-header) .header-transparent .header__icon,.section-header:not(.scrolled-past-header) .header-transparent .link--text, .section-header:not(.scrolled-past-header) .header-transparent .drop-down-hover span {color:#fff; white-space:nowrap; } .search-open .section-header:not(.scrolled-past-header) .header-transparent {position:static;} .header-transparent .header__inline-menu .icon-caret {color:#fff;} .scrolled-past-header .header__inline-menu .icon-caret {color:#000;} .header__heading-logo-wrapper.transparent-logo{display:none} .search-open .section-header:not(.scrolled-past-header) .header-transparent {position: static;} .section-header:not(.scrolled-past-header) .header-transparent .header__menu-item:hover , .section-header:not(.scrolled-past-header) .header-transparent .header__menu-item {color:#fff;} .section-header:not(.scrolled-past-header) .header-transparent .header__submenu.list-menu .header__menu-item {color:#000;} .title-wrapper h6 {margin-bottom:5px;} .title-wrapper {text-align:center;max-width:600px;margin-bottom:32px !important; padding: 0;} /*==transparent-header-end==*/ /*==header-start==*/ .header__menu-item span{font-family:Trirong,serif;font-size:13px;letter-spacing:.13px;font-weight:600;position:relative;color:inherit;} header .header__menu-item{padding:36px 18px!important} .header__icon,.header__icon--cart .icon{margin-right:0;width:auto;height:auto;padding:0 16px} .header__icons{margin-right:-16px} .header__menu-item .icon-caret{display:none} .header__inline-menu{margin-left:-20px} .header__submenu.list-menu .header__menu-item:focus,.header__submenu.list-menu .header__menu-item:hover{font-weight:600;text-decoration:unset} header .header__submenu.list-menu , header .drop-down-hover[open=true] .list-menu--disclosure {padding:10px 20px 30px;width:256px;border:0;top:90px;left:-20px;max-width: unset;} .header-overlay .header-wrapper-new , .header-overlay-new .header-wrapper-new {position:absolute;top:0px;left:0px;width:100%;background-color:transparent;} .header-overlay .gradient.header-wrapper {background-color:transparent;} .shopify-section-group-header-group {position: relative;z-index: 4;} nav.header__inline-menu ul li .header__menu-item {position:relative;} nav.header__inline-menu ul li .header__menu-item span:after{content:'';border-bottom:1px solid;position:absolute;bottom:-5px;left:0px;width:0;opacity:0;visibility:hidden;transition:.3s ease-in-out} .header__menu-item:hover span{text-decoration:none} nav.header__inline-menu .header__active-menu-item:after ,nav.header__inline-menu ul li .header__menu-item:hover span:after{opacity:1;visibility:visible;width:100%;} .header__icon--cart .cart-count-bubble{position:relative;top:0;left:0;background-color:transparent;color:inherit;font-size:12px;letter-spacing:.96px;font-weight:500;bottom:unset;width: auto;height: auto;margin-left: 5px;} .header__icon--cart{text-decoration:unset} header .drop-down-hover .header__submenu span, header .drop-down-hover .header__submenu .link--text {max-width:fit-content; color:#000 !important; font-size:14px;font-weight:400;} header .drop-down-hover .header__submenu span:hover, header .drop-down-hover.header__submenu .link--text:hover {font-weight:600;} header details .header__submenu .header__menu-item ,html[lang=en] header details .header__submenu .header__menu-item {text-decoration:unset;padding:8px 5px 8px 20px !important} header details[open] > .header__menu-item {text-decoration:unset;} /*==header-end==*/ /*==sticky-header-start==*/ .section-header{transition-duration:.4s!important} .section-header.site-header--stuck{position:fixed;left:0;right:0;top:0;transform:translateY(-100%);transition:none;background-color:#fff;} .section-header.site-header--opening{transform:translateZ(0);transition:transform .4s cubic-bezier(.165,.84,.44,1);} .header-wrapper-new .header-wrapper {background-color:transparent;} /*==sticky-header-end==*/ /* Translate Language */ .header .desktop-localization-wrapper {display: flex; align-items: center;} .custom-g-translate-app.gt_container--czukeh { font-size: 12px; font-weight: 400; letter-spacing: 0.96px; padding-right: 17px; display:flex; line-height:1;} .header.header-transparent .custom-g-translate-app.gt_container--czukeh a{ color: #ADADAD; padding:0 5px;} .header.header-transparent .custom-g-translate-app.gt_container--czukeh a.glink:first-child{ border-right:1px solid #fff;} .header.header-transparent .custom-g-translate-app.gt_container--czukeh a.gt-current-lang { color:#fff;} .custom-g-translate-app.gt_container--czukeh a, .shopify-section-header-sticky.site-header--stuck .custom-g-translate-app.gt_container--czukeh a{ color: #000; padding:0 5px;} .custom-g-translate-app.gt_container--czukeh a.glink:first-child, .shopify-section-header-sticky.site-header--stuck .custom-g-translate-app.gt_container--czukeh a.glink:first-child{ border-right:1px solid #000;} .custom-g-translate-app.gt_container--czukeh a.gt-current-lang, .shopify-section-header-sticky.site-header--stuck .custom-g-translate-app.gt_container--czukeh a.gt-current-lang { color:#000;} /* Translate Language */ .ann-language-text-block-wrapper { display: flex; align-items: flex-start; justify-content: space-between; } .ann-language-text-block-wrapper .aan-wraper-block { width: calc(100% - 240px); } .announce-main-wipper .language_country-selector { display: flex; justify-content: flex-end; gap: 10px; } .announce-main-wipper .language_country-selector .localization-form { margin: 0; } .announce-main-wipper .language_country-selector .localization-form .disclosure__button{ margin: 0; min-width: 100%; position: relative; } .announce-main-wipper .language_country-selector .localization-form .disclosure .disclosure__list-wrapper { left: -20px; top: 100%; transform: translateY(1rem); bottom: unset; text-transform: uppercase; } .announce-main-wipper .language_country-selector .localization-selector.link:after, .announce-main-wipper .language_country-selector .localization-selector.link:before { display: none; } .announce-main-wipper .language_country-selector .localization-selector.link { background: transparent; border: 0; padding: 0 30px 0 0; margin: 0; color: #fff; height: auto; min-height: auto; text-transform: uppercase; letter-spacing: 0; } /*==slideshow-start==*/ .home-slideshow .banner__box>*+.banner__buttons{margin-top:40px} .home-slideshow .banner__text.rte{max-width:806px} /*==slideshow-end==*/ .product .jdgm-row-actions { display: none!important; } .product .jdgm-widget-actions-wrapper a.jdgm-write-rev-link {font-size:16px;font-weight:500;} /*==icon-with-text-start==*/ .icon-with-text-content{text-align:center;max-width:700px;margin:0 auto} .icon-with-text-content h6{margin-bottom:10px;line-height:1} .icon-with-text-content h2{margin-bottom:10px} .icon-with-text-wrapper{margin:50px auto 0;max-width:1108px} .icon-with-text-wrapper ul li p{font-family:Trirong,serif;font-size:12px;letter-spacing:.12px;font-weight:600;line-height:1.6} .icon-with-text-wrapper ul{padding:0;display:flex;justify-content:center;text-align:center;margin-left:-35px;margin-right:-35px;margin-bottom:0px;} .icon-with-text-wrapper ul li{list-style:none;text-align:center;padding:0 35px;max-width: 20%;width: 100%;} .icon-with-text-wrapper ul li p{display:block;margin:0 auto; max-height:100%;max-width:100%;} .icon-with-text-wrapper ul li .icon-image img{display:block;margin:0 auto; max-height:100%;max-width:100%;height:60px;width:60px;} .icon-with-text-wrapper ul li .icon-image {margin:0 auto 16px;} /*==icon-with-text-end==*/ /*==logo-slider-start==*/ .logo_cover_cls .swiper-slide{width:180px} .logo_cover_cls .main_title{text-align:center} .logo_cover_cls .main_title .h6{margin-bottom:19px} /*==logo-slider-end==*/ /*==feature-collection-start==*/ .card .media{background-color:#f7f7f7} .feature-collection .tab_content{max-width:940px;margin:0 auto 45px} .tab_inner_sec .ratio::before{padding-bottom:146%} .feature-collection .card__information{padding-bottom:0;padding-top:14px} span.new-vendor{font-size:12px;display:block;margin-bottom:6px;line-height:1.2} .card .card__heading{font-size:15px;letter-spacing:.15px;font-weight:600;margin-bottom:10px} .card-information span.dec{font-size:12px;line-height:1.8;display:block;color:#666;font-weight:300;margin:0 0 12px} .card-information .includ_text_cls{display:none} .card-information .price{font-size:14px;font-weight:400;letter-spacing:0;margin-top:0} .collection__view-all svg{width:5px;height:auto;transform:rotate(180deg);margin-left:5px} .collection__view-all .link{font-size:16px;letter-spacing:.32px;font-weight:300;text-decoration:unset;transition:0.3s ease-in-out;} .collection__view-all .link:hover span {border-bottom:1px solid;} .badge , .card__badge {font-size:10px;letter-spacing:.4px;font-weight:500;color:#fff;background-color:#968775;padding:5px 9px; border:0;} .card__badge.top{line-height:1} .card__inner{overflow:hidden;z-index:2} .card__content small.unit-price {font-size: 11px;color: #BABABA;letter-spacing: 0px;font-weight: 300;margin: 0px 0px 0px 10px;} .card__content .price__container {display: flex;align-items: center;} .feature-collection .swiper-slide {height:auto !important;} div[data-no-swiper] ul{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-40px!important;margin-right:-40px!important;width:calc(100% + 80px)!important} div[data-no-swiper] ul li{width:33.33%;padding:0 40px;box-sizing:border-box} /*==feature-collection-end==*/ /*==ingrident-start==*/ .ingredient-slider-block{display:flex;;height: 100%;} .ingredient-slider-left{width:47%} .ingredient-slider-left .ingredient-inner-slider .swiper-scrollbar .swiper-scrollbar-drag{display:block;} .ingredient-slider-right{width:53%;padding-left:40px} .commmon-content h6{line-height:1;margin-bottom:10px} .commmon-content h2{margin-bottom:20px;margin-top:0px;} .commmon-content .content p:last-child{margin-bottom:0} .commmon-content .button-div{margin-top:34px} .ingredient-right-bg{display:flex;justify-content:center;flex-direction:column;padding:80px 100px;position:relative;border-radius:0 200px 0 0;height: 100%;box-sizing: border-box;} .ingredient-image img{width:100%;height:100%;} .ingredient-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;left:25%} .ingredient-content{position:relative;z-index:1} .ingredient-slider .page-width {max-width:1460px;} .ingredient-slider .swiper-slide {height:auto;} .ingredient-slider-right {flex:1 0 auto;} .ingredient-slider .swiper-horizontal>.swiper-scrollbar {bottom:0px;} .ingredient-image {line-height: 0; height:100%;} .ingredient-slider .swiper-wrapper {padding-bottom:20px;} /*==ingrident-end==*/ /*==two-image-with-text-start==*/ .image-flex-wrapper{display:flex;width:100%;gap:30px} .image-flex-wrapper .image1,.image-flex-wrapper .image2{width:50%} .image-flex-wrapper .media{border:0} .image-with-text__text.rte.content.body{margin-top:0} .two-image-with-text .image-with-text__grid--reverse .image-with-text__content{padding:0 100px 0 0} .two-image-with-text .image-with-text__text-item.grid__item{width:42%} .two-image-with-text .image-with-text__media-item{width:58%} .two-image-with-text .image-with-text{max-width:1213px;margin:0 auto} /*==two-image-with-text-end==*/ /*==testimonial-start==*/ .testimonial-item{text-align:center;max-width:980px;margin:0 auto} .testimonial-item h2{margin-bottom:40px} .testimonial-item span.rating-text-dix{font-size:11px;font-weight:300} .testimonial-rating{line-height:1;margin-bottom:5px} .testi-content p{font-weight:400;font-style:italic} .testi-profile img{width:37px;height:auto;margin-right:10px} .testi-profile span{font-size:14px;font-weight:300} .testi-profile{display:flex;align-items:center;justify-content:center;margin-top:60px} .testi-content{max-width:720px;margin:0 auto} .testimonial-item .swiper-button-next,.testimonial-item .swiper-button-prev{opacity:0;visibility:hidden;transition:.3s ease-in-out;transform:none;top:43px} .testimonial:hover .testimonial-item .swiper-button-next,.testimonial:hover .testimonial-item .swiper-button-prev{opacity:1;visibility:visible} .testimonial .testimonial-item .swiper-button-next{transform:rotate(180deg)} .testimonial .swiper-button-next svg,.testimonial .swiper-button-prev svg , .tab-slider-section .swiper-button-next svg,.tab-slider-section .swiper-button-prev svg {width:11px;height:auto;} /*==testimonial-end==*/ /*==tab-slider-start==*/ .tab-slider-section .tabs .swiper-slide{width:auto;list-style:none} .tab-slider-section .tabs ul li a{font-size:14px;letter-spacing:1.12px;font-weight:500;color:#191919;border:1px solid #d9d9d9;line-height:1;padding:12px 15px;text-decoration:unset;min-width:154px;display:block;text-align:center;box-sizing:border-box} .tab-slider-section .swiper-slide.active a{background-color:#191919;color:#fff;border-color:#191919} .tab-slider-section .tabs .swiper-wrapper{padding:0;justify-content:center;margin:0} .tab-slider-section .panelContainer li{list-style:none} .tab-slider-section .tab-slider-row{display:flex;align-items:center} .tab-slider-section .tab-slider-wrapper{max-width:921px;margin:0 auto} .tab-slider-section .tab-slider-col.right{padding-left:80px;text-align:left} .tab-slider-section .tab-slider-col.left{width:50%} .tab-slider-section .tab-slider-col.right{width:50%} .tab-slider-section .swiper-wrapper{margin:30px 0 0; } .tab-slider-row.image-right-position{flex-direction:row-reverse} .tab-slider-section .image-right-position .tab-slider-col.right{padding-right:80px;padding-left:0} .tab-slider-section .swiper-button-next{transform:rotate(180deg)} .tab-slider-section .page-width{max-width:1300px} .tab-slider-section .tab-slider-col.left img {width:100%; vertical-align: middle;} /*==tab-slider-end==*/ /*==home-slider-start==*/ .home-product-slider-wrapper{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;max-width: 1100px;margin: 0 auto;} .home-product-slider-wrapper .home-left-image{position:relative;padding-top:133%} .home-product-slider-wrapper .home-left-image img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;left:0} .home-product-slider-left{width:420px;max-width:45%} .home-product-slider-right{padding-left:30px;width:560px;max-width:55%;padding-top:48px} .home-product-slider-right .swiper-slide{width:400px!important;text-decoration: none;} .slide-image{position:relative;padding-top:128%} .slide-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .home-product-slider-left h3,.home-product-slider-right .slide-title.h3{margin:20px 0;color:#fff;position:relative;} .home-product-slider-left a{font-size:14px;letter-spacing:1.12px;font-weight:500;color:#fff;text-decoration:none;position:relative;} .home-product-slider-left a:hover { text-decoration: underline; } .home-product-slider-right .slide-title.h3{opacity:0;visibility:hidden;transition:.3s ease-in-out} .home-product-slider-right .swiper-slide.swiper-slide-active .slide-title.h3{opacity:1;visibility:visible} .product-slider .swiper-button-next,.product-slider .swiper-button-prev{width:auto;height:auto;top:unset;transform:none;bottom:80px} .product-slider .swiper-button-prev{right:112px;left:unset} .product-slider .swiper-scrollbar .swiper-scrollbar-drag{display:block;background-color:#fff;} .product-slider .swiper-button-next{transform:rotate(180deg);right:85px} .product-slider .swiper-button-next svg,.product-slider .swiper-button-prev svg{width:9px} .home-product-slider .swiper-scrollbar {max-width: 140px;background-color: rgba(255, 255, 255, 0.3);height: 2px;border-radius:0px;bottom:80px;left:85px;} .home-product-slider .swiper-scrollbar-drag {background-color:#fff;border-radius:0px;} /*==home-slider-end==*/ /*==footer-up-start==*/ .footer-top-title{display:flex;align-items:center;justify-content:center;margin-bottom:20px} .footer-top-title img{margin-right:10px;width:20px;height:auto;} .footer-top .subtitle p{font-size:11px;font-weight:300;color:#bababa;display:inline-block} .footer-top .subtitle{text-align:center} .footer-top-title strong {margin-left: 5px;} /*==footer-up-end==*/ /*==contact-start==*/ .contact .form-wrap-content .form-content.grid__block {width: 100%;max-width: 452px;margin: 0 auto;padding: 0;display: flex;flex-direction: column;height: 100%;justify-content: center;} .contact .form-content .field { margin-bottom:14px;} .contact .form-content .title { margin-bottom:15px;} .contact .form-content .sub-heading { margin-bottom:20px; } .contact .form-content .header-button { margin-bottom:35px; } .header-button a{ font-size: 14px; color:#000; font-weight: 500; letter-spacing: 1.12px; text-decoration: none; } .custom-check input[type=checkbox]:after{content:"";display:block;position:absolute;top:50%;left:50%;-webkit-transform:scale(.2);transform:scale(.2);-webkit-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s;opacity:0;width:8px;height:6px;margin-left:-4px;margin-top:-3px;background-image:url(/cdn/shop/files/checkbox-tick_1.svg?v=1714712724),none;background-repeat:no-repeat;background-size:8px} .custom-check input[type=checkbox]:checked{border:none;-webkit-box-shadow:0 0 0 11px #BABABA inset;box-shadow:0 0 0 11px #BABABA inset} .custom-check input{background-color:transparent;width:12px;height:12px;min-width:12px;border:1px solid #BABABA;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;position:relative;margin-bottom:0;cursor:pointer;margin: 0px 10px 0px 0px;} .custom-check input[type=checkbox]:checked:after{-webkit-transform:scale(1);transform:scale(1);opacity:1} .form-agreement label, .form-agreement label a { color:#BABABA; font-size:11px;font-weight:300;line-height: 1;} .contact .contact__button {margin-top:40px;} .contact .form-wrap-content { max-width:50%; width:100%;padding:150px 50px 120px; } .contact .form-wrap {align-items:unset !important;} .contact .form-image-new {height: 100%;} .contact .form-image-new img {object-fit:cover;} .form-agreement label a:hover { color:#000000; transition:all 1s;} /*==contact-end==*/ /*==login-start==*/ .create_account_span , .create_account_span a , .register-subheading , .register-subheading a {font-size:15px;font-weight:300;color:#000000;} .login h2 , .register h2 { margin-bottom: 15px; } .image-with-text .customer form {margin-top:40px;} .customer .field {margin:14px 0px 0px !important;} .customer form a{ color: #BABABA; } .customer a:hover{ text-decoration-thickness: 0; } .customer form a.recover {font-size: 11px;margin-top: 14px;} #recover:target~#login, #recover:target~#login+span+div ,#recover:target~#login+span {display: none;} .customer-bottom {text-align: center;} .create_account_span{ display: flex; } .register h2 ,.register .register-subheading {text-align:left; } .register .register-subheading a:hover { color:#000000; transition:all 3s;} .register.customer button { margin-top:50px; } .customer ul a {display: inline;font-size: 13px; color: #000;} .passowrd-eye-show show-password.eye-open { position: absolute; right: 15px; top: 50%;transform: translateY(-50%);} .field.fname_add .account-message.form-message.message--error,.field.lname_add .account-message.form-message.message--error { position: absolute; top: -30px; left: 10px; line-height: 1;} .field.fname_add .account-message.form-message.message--error ul,.field.lname_add .account-message.form-message.message--error ul { margin: 0;} .field.fname_add .account-message.form-message.message--error ul li ,.field.lname_add .account-message.form-message.message--error ul li { color: red;} .template-login.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .header__menu-item, .template-login.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .drop-down-hover span{ color: #000;} .account-message.form-message.message--error .errors ul li { color: red; position: relative; text-align: left;padding-left: 10px;list-style: none;} .account-message.form-message.message--error .errors ul li::before { position: absolute; content: ""; background: red; width: 5px; height: 5px; border-radius: 50%; left: 0; transform: translateY(-50%);top: 50%;} .account-message.form-message.message--error .errors ul { margin: 10px 0 10px;} .template-contact .account-message.form-message.message--error .errors ul {padding: 0; margin-top: -6px;} .customer.addresses form>div:nth-of-type(7), .customer.addresses form>div:nth-of-type(7)+div[id] { margin-top: 2.5rem;} .template-addresses .customer.addresses .field.faddname,.template-addresses .customer.addresses .field.laddname{flex-basis: calc(50% - 1rem);} .template-addresses .customer.addresses .account-message.form-message.message--error{width:100%; flex-basis: 100%;} /*==login-end==*/ /*==footer-start==*/ .footer-block.accordion-single-item.footer-block--newsletter{max-width: 100%;width:100%;display:block;text-align:center;margin-top:0;margin-bottom:50px} footer .footer-logoimage{margin-bottom:50px} footer .footer-logoimage .logo-link { display: inline-block; vertical-align: middle;} footer .footer-block__heading{font-size:16px;font-weight:500;letter-spacing:.16px;margin-bottom:16px} footer .newsletter-form,footer .newsletter-form__field-wrapper{max-width:380px; margin: auto;} footer .field__button>svg{transform:rotate(180deg);width:8px;height:auto} footer .below_newsletter_cls p{font-size:10px;line-height:1.6;font-weight:300;color:#848484} .below_newsletter_cls label p a:hover { color: #fff;} footer .below_newsletter_cls{max-width:380px;margin:0 auto;text-align:left} footer .below_newsletter_cls a{color:#848484} footer .custom-check input{border:1px solid #848484} footer .custom-check input[type=checkbox]:checked{-webkit-box-shadow:0 0 0 11px #848484 inset;box-shadow:0 0 0 11px #848484 inset} footer .footer-block__brand-info .footer__list-social.list-social li a{padding:0 12px} footer .footer-block__brand-info .footer__list-social.list-social{margin-left:-12px;margin-right:-12px;justify-content:flex-start!important} .footer__payment svg+svg{margin-left:10px} .footer-block.footer-block--brand-information{max-width:100%;width:100%;margin-bottom:15px} .footer-block__brand-info{text-align:left;display:flex;align-items:center;justify-content:space-between} footer .footer__column--info{width:auto} footer .footer__payment{margin-top:0} footer .footer__content-top .grid{row-gap:unset} .footer-block.footer-block--menu{width:100%; max-width: 100%; display: flex; padding-top: 20px; justify-content:space-between;} .footer-block.footer-block--menu a.power_tzn { text-decoration:none; } footer .footer-block--menu .footer-block__heading{display:none} footer .footer-block__details-content{display:flex;align-items:flex-start} footer .footer-block__details-content li a{margin-bottom:0;padding:0} footer .footer-block__details-content .list-menu__item--link{font-family:Trirong,serif;font-size:12px;letter-spacing:.12px;font-weight:600;padding: 0;} footer .footer-block__details-content>li:not(:last-child){margin-right:40px} footer .menu-copytext-wrapper{display:flex;align-items:flex-start;justify-content:space-between;margin-top: 0;width: auto%;} footer .copyright__content,footer .menu-copytext-wrapper .footer-block__details-content li a{font-size:10px;color:#bababa;font-weight:300; margin-left: auto; font-family: 'Poppins';} footer .footer__content-bottom {display:none} .menu-copytext-wrapper .menu-copytext-inner {display: flex;align-items: center;} .menu-copytext-wrapper .menu-copytext-inner .copyright__content { margin-right: 40px;} /*==footer-end==*/ /*==blog-start==*/ .main-blog .title--primary {margin-bottom:30px;} .main-blog { text-align: center;} .main-blog .subtitle p { max-width: 600px; margin: auto; color: #000; } .main-blog .category{padding: 30px 0; display:flex;justify-content:space-between;} .main-blog .circle-divider::after { display: none; } .main-blog .article-card__info.caption-with-letter-spacing {margin-bottom: 10px;letter-spacing: 0px; } .main-blog .blog-articles{ column-gap: 50px; row-gap:0px;} .main-blog .article-card__info.caption-with-letter-spacing{ color: #A5A5A5; font-size: 11px; font-weight: 300; text-transform: capitalize; padding-top: 3px; } .main-blog .card h3.card__heading{ font-size: 24px; font-weight: 500; } .main-blog a.ArticleItem__Link{ color: #000; text-decoration: none; font-weight: 500; } .main-blog a.ArticleItem__Link:hover{ text-decoration: underline; font-weight: 700; } .main-blog .category-checkbox.custom-check-black{ display: flex; align-items: center; } .main-blog .category-checkbox.custom-check-black label {font-weight:400;} .main-blog span.circle-divider{ margin-left: 20px; } .main-blog span.reading_time{ float: right; } .main-blog .read-more a { color: #000; font-size: 14px; text-decoration: none; font-weight: 500;letter-spacing:0.6px;} .main-blog .read-more a:hover { font-weight:700; text-decoration:underline;} .main-blog .article-card__image--medium .ratio:before {padding-bottom: 79%;} .main-blog .article-card__excerpt {margin-top:14px;margin-bottom:0px;} .main-blog .card__information {padding-bottom:0px;padding-top: 20px;} .main-blog .article {margin-bottom:60px;} .main-blog .read-more a {margin-top:10px;margin-bottom:60px;display: block;} .main-blog .category-checkbox.custom-check-black a { text-decoration: none; color: #000; position:relative; padding-left:25px;} .page-blog .footer-top .subtitle {display:none;} .page-blog .footer-top.section-footer-top-padding {padding-bottom:0px !important;background-color:transparent;} .custom-check-black input[type=checkbox]:after{content:"";display:block;position:absolute;top:50%;left:50%;-webkit-transform:scale(.2);transform:scale(.2);-webkit-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s;opacity:0;width:10px;height:8px;margin-left:-5px;margin-top:-4px;background-image:url(/cdn/shop/files/checkbox-tick_1_91761eef-75f9-4c9f-92ae-f9e0120cea4a.svg?v=1714971090),none;background-repeat:no-repeat;background-size:10px} .custom-check-black input[type=checkbox]:checked{border:none;-webkit-box-shadow:0 0 0 11px transparent inset;box-shadow:0 0 0 11px transparent inset} .custom-check-black input{background-color:transparent;width:14px;height:14px;min-width:14px;border:0.5px solid #B5B5B5!important;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;position:relative;margin-bottom:0;cursor:pointer;margin: 0px 10px 0px 0px;} .custom-check-black input[type=checkbox]:checked:after{-webkit-transform:scale(1);transform:scale(1);opacity:1} .design_info { display:flex; justify-content:center; align-items:center; gap:10px; font-size: 14px; font-weight: 400; letter-spacing: 1.4px; padding-top: 80px; } .design_info .logo{ display:flex; } .design_info .text span { font-weight:600;} .shopify-section .main-blog div.read-more:empty{ display: none !important; } .category .swiper-wrapper, .category { max-width: 630px; margin: auto; } .category .swiper-slide{ display: flex; justify-content: center;width:auto;padding:0px 40px; } .category .swiper-slide:first-child{margin-left: auto;} .category .swiper-slide:last-child{margin-right: auto;} .template-article .footer-top-row .subtitle { display: none;} /*==blog-end==*/ /*==topbar-start==*/ .topbanner-wrapper{position:relative} .topbanner-image img{width:100%;height:100%;object-fit:cover} .topbanner-wrapper h1.main-page-title{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;text-align:center;color:#fff;padding-top:100px} .topbanner-image{height:540px} /*==topbar-end==*/ /*==FAQ-start==*/ /*== dropdown-start ==*/ .dropdown { width: 100%; max-width: 247px; margin: auto; position: relative; z-index: 1; } input[type='checkbox'].dropdown__switch{ display: none;} .dropdown__switch:checked + .dropdown__options-filter .dropdown__select {transform: scaleY(1);} .dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after {transform: rotate(-135deg);} .dropdown__options-filter { width: 100%; cursor: pointer;} .dropdown__filter { position: relative; display: flex; padding:0px 20px 0px; color: #000; list-style: none; background-color: #fff; font-family: "Trirong", serif;font-weight: 600;font-size: 15px; font-weight: 500; text-transform: capitalize;transition: .3s; } .dropdown__filter::after { position: absolute; top: 50%; right: 20px; content: ''; width: 12px; height: 12px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg) translateY(-50%) translateX(-45%); transition: .2s ease-in-out; } .dropdown__select { position: absolute; top: 100%; left: 0; padding: 0; background-color: #fff; width: 100%; margin-top: 5px; list-style: none; overflow: hidden; transform: scaleY(0); transform-origin: top; font-weight: 500; transition: .2s ease-in-out; } .dropdown__select-option { padding: 10px 20px; background-color: #fff; transition: .3s;f } .dropdown__select-option:last-of-type { border-bottom: 0; } .dropdown__select-option a {ont-family: "Trirong", serif;font-weight: 600; color: #000;text-decoration:none;} .faq .dropdown.medium-hide.large-up-hide{ display:none;} /*== dropdown-end ==*/ .faq-section{max-width:1107px;margin:0 auto} .faq-section .faq-left-side{width:35%;position: sticky;display: inline-block;vertical-align: top; top: 130px;} .faq-section .faq-accordian{width:64%;padding-left:147px;display: inline-block;vertical-align: top;} .faq-section .heading-list li{list-style-type:none} .faq-section .heading-list li a{text-decoration:none;color:#000;letter-spacing:.15px;font-family:Trirong,serif;font-weight:600;cursor:pointer} /* .faq-section .heading-list li.active a{border-bottom:0} */ .faq-section .heading-list li.active a{border-bottom:1px solid #000} .faq-accordian .accordion{border-bottom:none} .main-faq-wapper .accordion__content{padding:0} .faq-section .accordion__title{font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:1.5} .main-faq-wapper{padding:30px 0} .faq-section .faq-accordian .accordion-heading{padding-top:30px;padding-bottom:0} .faq-accordian .accordion-heading:first-child{padding:0} .faq-accordian .accordion summary{padding:0;font-size:18px} .accordion .main-faq-wapper .faq_Click.is_open+.accordion__content{padding-right:17px;margin-top:20px} .main-faq-wapper .accordion__content{margin:0} .accordion-heading+.accordion{border-top:none} .faq-left-side .heading{margin-bottom:15px} .faq-left-side p{margin-bottom:30px} .skincare-at-best{margin-top:60px} .skincare-at-best-content a span{font-family:Poppins,sans-serif;font-size:16px;font-weight:300;letter-spacing:.32px;padding-right:10px} .skincare-at-best-content a:hover{text-decoration:underline; opacity:.7;} .bottom_detail_main .bottom_details{margin:0 auto;padding:60px 0;margin-top:90px} .bottom_details h3{max-width:420px;width:100%;margin:0 auto 20px;line-height:1.4} .bottom_detail_main .bottom_details .rte{margin-bottom:40px} .main-faq-wapper summary .icon-plus{width:18px;height:18px} .main-faq-wapper summary .icon-minus{height:4px} .heading-list{padding:0;display:flex;flex-direction:column;gap:14px} .skincare-at-best-content a{color:#000;text-decoration:none;line-height:1;margin-top:13px;display:flex;align-items:center} .skincare-at-best-content a svg{width:5px;height:auto} .template-faq .footer-top .subtitle{display:none} .template-faq .section-footer-top-padding{padding:1px!important;background-color:#f7f7f7} /* .skincare-at-best img { width: 100%; object-fit: cover; height: 100%; object-position: center; max-width: 300px; } */ /*==FAQ-end==*/ /* cart-drawer-start */ .cart-drawer h4.drawer__heading { display: flex; align-items: center; margin: 0 auto; } .cart-drawer .drawer__heading span{ margin-left: 10px; letter-spacing: 0.15px; } .cart-drawer .drawer__header button.drawer__close { min-width:unset; min-height:unset; top: 15px; right: -10px } .cart-drawer .drawer__inner {padding:0px 30px;} .cart-drawer button.drawer__close svg { height:15px;width:15px; } .free_shipping_card_wrapper .free_shipping_card_progress{ border: none; height: 2px; } .free_shipping_card_progress .free_shipping_card_progress_bar{ height: 2px; background: #191919; } .free_shipping_card_wrapper .free_shipping_card_title{ text-align: start; font-size: 11px; color: #C90000; } h2.totals__total{ font-family: Poppins,sans-serif; } small.tax-note.caption-large.rte{ color: #BABABA; font-size: 11px; margin: .5rem 0 1rem auto; } small.tax-note.caption-large a { color: #BABABA; text-decoration-thickness: 0rem; } .cart-remove-button.button--tertiary:hover , .cart-remove-button.button--tertiary{ background-color: transparent; border: none; } .cart-remove-button a{ color: #959595; font-size: 8px; letter-spacing: 0;font-weight:300;} .cart-remove-button a:hover { color: #000; } quantity-popover .quantity { border: 0.5px solid #D6D6D6; width: 100%; } quantity-popover .quantity:after { box-shadow: none; } a.cart-item__name.h4.break{ font-size: 13px; font-family: Poppins,sans-serif; } .totals .totals__total-value , .totals>h2.totals__total { font-size: 1.5rem; font-weight: 400; } .cart-drawer .cart-item td.cart-item__media { max-width: 40px; max-height: 60px; padding: 0;} .cart-item td.cart-item__media img.cart-item__image { min-width: 40px;object-fit: contain;} .cart-drawer tr.cart-item { display: flex; gap: 0rem; padding-bottom: 10px;padding-top:20px;border-bottom: 1px solid #E6E6E6;} .cart-drawer td.cart-item__quantity.right {flex: 1 0 auto;} .cart-drawer .quantity-popover-container { margin-left: auto; } .cart-item cart-remove-button button.button , .cart-item .cart-item__quantity-wrapper cart-remove-button{ min-height: 10px; height: 100%; } .cart-item .cart-item__quantity-wrapper cart-remove-button { margin: 2rem 0 0 auto; } .cart-item__price-wrapper span.price.price--end{ font-size: 10px; font-weight: 500; } .price_cart_drawer .cart-item__price-wrapper .unit-price.caption{ font-size: 8px; color: #BABABA; } a.cart-item__name.h4.break { padding-bottom: 10px; font-weight: 500; } .cart-drawer .cart-items td {padding-top:0px !important;} .cart-drawer quantity-input.quantity.cart-quantity { width: 67px; min-height: 24px; margin-left: auto; } button.quantity__button { width: 1.6rem;} .totals .totals__total , .drawer__footer .cart-drawer__footer>*+* { margin-top: 0; } .cart-drawer__footer{ border-top: 1px solid #E6E6E6; padding-top: 10px; } .cart-drawer .drawer__inner .free_shipping_card_wrapper { padding-bottom: 10px; } .cart-drawer .drawer__inner .drawer__footer { padding:18px 0 2rem; border: none; } .cart-image { padding-top: 10px; } .cart-image img{ vertical-align: middle; } .quantity .quantity__input { font-size: 1.4rem; font-family: Poppins,sans-serif; } .cart-drawer button.quick-add__submit { min-height: 100%; background-color: transparent; border: none; margin-top: 5px; color: #959595; text-decoration: underline; padding: 0; font-size: 8px; letter-spacing: 0; } .pro-details.cart__item-details {flex-direction: column;} .cart-drawer button.quick-add__submit span{ margin-left: auto; } .cart-drawer button.quick-add__submit span:hover{ color:#000000; } .pro-image { max-width: 40px;} .pro-image img { width: 100%; vertical-align: middle; } .main_wrapper .pro-details.cart__item-details { padding-left: 1rem;} .main_wrapper { border-bottom: 1px solid #E6E6E6; margin-bottom: 30px; padding-bottom: 10px; } h4.cart__item-name { font-size: 13px; font-family: Poppins,sans-serif; font-weight: 500; } span.product_price { font-size: 10px; font-weight: 600; padding-right: 10px; } span.vat_inc.vat_inc{ font-size: 8px; color: #bababa;} .price_with_inc_label { padding-top: 5px; } .upsell-header{ text-align: center; margin-bottom: 10px; } .upsell-header h4{ margin-bottom: 15px; } .cart-item__quantity-wrapper.quantity-popover-wrapper { flex-direction: column; padding-top:0px; } .cart-item__details .price_cart_drawer .cart-item__price-wrapper{ flex-direction: row; } .cart-item .cart-item__details>*+*{ margin: 0; } .cart-item__details span.ml {font-size: 11px;display:block;line-height:1;margin-bottom: 3px;color: #666666;display: none;} .quantity__button.disabled{ opacity: 1 !important; } /* cart-drawer-end */ /*==cartpage-start==*/ .cart-page button.quantity__button{ width: 4.5rem; } .cart-page .quantity-popover-container { max-width: 15rem; } .cart-page .cart-item .cart-item__quantity-wrapper cart-remove-button { margin: auto; margin-left: 20px; } .cart-page a.button.button--tertiary{ letter-spacing: 0; border: none; color: #959595; text-decoration: underline; } .cart-page .button--tertiary:hover { background-color: transparent; color: #959595; border: none; } .cart-item__quantity-wrapper .quantity-popover-container { padding: 0; } .cart-page a.cart-item__name.h4.break { font-size: 16px; } .cart-page .underlined-link{ color:#959595;} .cart-page .underlined-link:hover{ text-decoration-thickness: 0rem; color:#000;} .cart-item__image { width: 100%; } .cart-page .cart-item__details span.ml { margin-bottom: 5px; } .cart-page .cart-items .unit-price { white-space: nowrap;} /*==cartpage-end==*/ /*==wirkstoffkonzept-page-start==*/ .image-with-faq-section .accordion-single-item .js-acc-single-trigger { font-family: "Poppins", sans-serif; font-size:18px; font-weight:400; line-height:1.5; } .image-with-faq-section .image-with-text-content .rich-text__heading { margin-bottom:25px;} .image-with-faq-section .image-with-text-content .content p{ margin-bottom:0;} /*==wirkstoffkonzept-page-end==*/ /*==collection-start==*/ .collection-main-banner .collection-hero--with-image{height:480px;position:relative;padding:0!important;margin:0} .collection-hero--with-image .collection-hero__image-container{position:absolute;width:100%;height:100%;left:0;padding:0;margin:0;min-height:unset;z-index:1; box-shadow: none; border: 0;} .collection-hero--with-image .collection-hero__image-container img{height:100%;width:100%;object-fit:cover;position:relative} .collection-main-banner .collection-hero--with-image .collection-hero__text-wrapper{padding:0;flex-basis:unset;width:100%;position:relative;z-index:2;max-width:600px;padding:80px 0} .collection-hero--with-image .collection-hero__text-wrapper *{color:#fff} .collection-hero--with-image .collection-hero__inner{height:100%;align-items:flex-end} .collection-hero--with-image .collection-hero__description{max-width:460px} .breadcrumbs{margin:0} .breadcrumbs_cover_cls{width:100%;padding:0px;} .breadcrumbs__list{list-style-type:none;margin:0;padding:0} .breadcrumbs__item{display:inline-block} .breadcrumbs__item:not(:last-child):after{border-style:solid;border-width:.1em .1em 0 0;content:'';display:inline-block;height:.4em;margin:0 .2em;position:relative;transform:rotate(45deg);vertical-align:middle;width:.4em} .breadcrumbs__link{text-decoration:underline} .breadcrumbs__item:first-child{padding-right:.2em} .breadcrumbs__link[aria-current=page]{color:inherit;font-weight:400;text-decoration:none} .breadcrumbs__link[aria-current=page]:focus,.breadcrumbs__link[aria-current=page]:hover,.article-template .breadcrumbs__link[aria-current=page]:focus{text-decoration:underline} .breadcrumbs .breadcrumbs__item a{font-size:11px;font-weight:300;text-transform: capitalize; color: #BABABA; text-decoration: none; } .breadcrumbs .breadcrumbs__item:first-child a{color:#bababa;text-decoration:none} .breadcrumbs .breadcrumbs__item a:hover,.breadcrumbs .breadcrumbs__item:first-child a:hover{color: #000;} .breadcrumbs .breadcrumbs__item:last-child a{color: #000;} .breadcrumbs .breadcrumbs__item:not(:last-child):after{border-width:.5px .5px 0 0;border-color:#bababa;width:5px;height:5px;margin:0 5px} .breadcrumbs .breadcrumbs__item{padding-right:10px} .collecion-top-wrapper{display:flex;flex-wrap:wrap} .collecion-top-wrapper h6{margin-bottom:5px} .collection-main-product-wrapper .collection-left,.collection-main-product-wrapper .facets-vertical .facets-wrapper{width:170px;padding-right:60px} .collection-main-product-wrapper .collection-right,.collection-main-product-wrapper .facets-vertical .product-grid-container{width:calc(100% - 340px)} .collection-main-product-wrapper .facets__form-vertical{width:100%} .collection-main-product-wrapper .collection-right h3{margin-bottom:0} .collection-main-product-wrapper select#SortBy{font-size:15px;font-weight:300} .collection-main-product-wrapper .facet-filters__sort+.icon-caret{height:7px} .collection-main-product-wrapper .facets-vertical-sort{margin-top:5px} .collection-main-product-wrapper .collection ul{margin-top:18px;column-gap:0;margin-left:-30px;margin-right:-30px;row-gap:0} .collection-main-product-wrapper .collection ul li{padding:0 30px;margin-bottom:60px} .collection-main-product-wrapper .collection ul li .card__inner.ratio::before{padding-bottom:146%} .collection-main-product-wrapper .collection .card__content .card__information{padding-bottom:0} .collection-main-product-wrapper .facet-filters { padding-right:20px;} /* .collection-logo-slider.logo_cover_cls{max-width:1340px;margin:0 auto;padding-left:50px;padding-right:50px} */ /* .collection-logo-slider .main_title{text-align:center} */ /* .collection-logo-slider .swiper-main-wrapper , .collection-description-wrapper {width:calc(100% - 340px);margin-left:auto} */ /* .collection-logo-slider.logo_cover_cls .swiper-slide{width:130px; margin-right: 30px;} */ /* .collection-logo-slider .swiper-wrapper{margin-left:-30px;margin-top:-10px} */ /* .collection-logo-slider.logo_cover_cls .main_title .h6{margin-bottom:25px;} */ .collection-description-wrapper h3{margin-bottom:20px;margin-top:40px} .collection-description-wrapper h3:first-child{margin-top:0} .collection-description-wrapper .show-more-height{height:150px;overflow:hidden;position:relative} .collection-description-wrapper .text.show-more-height::before{content:'';background:transparent linear-gradient(180deg,#fffFFF00 0,#fff 100%) 0 0 no-repeat padding-box;position:absolute;bottom:5px;width:100%;height:67px} .collection-description-wrapper .show-more{font-size:12px;letter-spacing:.96px;font-weight:500;line-height:2;border-bottom:1px solid;max-width:fit-content;margin-top:5px;cursor:pointer} .collection-description-wrapper .show-more:hover { border-bottom: 1px solid rgba(0,0,0,0.7); opacity: .7; } aside .facets__summary span,aside span.facets__summary-label{font-size:15px;font-weight:500;color:#000;letter-spacing:0} aside .facets__disclosure-vertical{border-top:0;border-bottom:1px solid #bababa} .facets-vertical aside .facets__summary{padding:19px 0} .facets-vertical aside .facets__summary svg.icon-minus{display:none} .facets-vertical aside .facets__summary>div{display:flex;align-items:center;justify-content:space-between} .facets-vertical aside .facets__summary svg{margin-right:10px} aside .facets__disclosure-vertical[open] svg.icon-minus{display:block} aside .facets__disclosure-vertical[open] svg.icon-plus{display:none} aside span.facet-checkbox__text{font-size:15px;font-weight:300} aside .facet-checkbox>input[type=checkbox]:checked~.facet-checkbox__text{font-weight:400} aside .facet-checkbox>svg{width:14px;height:14px;margin-right:11px} aside .facet-checkbox .icon-checkmark{left:2px;top:14px;width:10px;height:auto} aside .facet-checkbox{align-items:center;padding:7px 2rem 7px 0} aside .facets-wrap-vertical{padding-top:0} aside .facets-wrap-vertical ul{margin-top:-5px} aside .facets__header-vertical{padding-top:0} aside .active-facets.active-facets-desktop span.active-facets__button-inner{font-size:11px;padding:3px 9px 3px;line-height:1} aside .active-facets__button svg{margin-top:-2px} aside .facets-vertical .active-facets__button{margin-bottom:10px} aside a.active-facets__button-remove{font-size:11px;font-weight:400} aside .active-facets__button:hover .active-facets__button-inner{box-shadow:none;color:#fff} .facets__disclosure-vertical .facets__summary:hover .facets__summary-label { text-decoration:none;} aside span.facets__summary-label .facets__selected { display: none;} .collection--empty .title-wrapper h3 { line-height: 1.5; margin-bottom: 0;} .collection .card--media .card__inner .card__content .card__badge.metafilds-label { background: #D3AB80; text-transform: uppercase; font-weight: 500; letter-spacing: 0; } /*==collection-end==*/ /*==about-start==*/ .about-icon-with-text-section .about-icon-text-wrapper{display:flex;flex-wrap:wrap} .about-icon-with-text-section .about-heading{max-width:50%;width:100%} .about-icon-with-text-section .about-icon-text-container{max-width:50%;width:100%} .about-icon-with-text-section h1.heading{font-size:52px;font-weight:500;line-height:1.3;width:438px;letter-spacing:.52px;padding-right:30px} .about-icon-with-text-section .about-icon-text{display:flex;flex-wrap:wrap;margin-bottom:40px} .about-icon-with-text-section .about-icon-text .about-icon{max-width:15%;width:100%} .about-icon-with-text-section .about-icon-text .about-text{max-width:85%;width:100%} .about-icon-with-text-section .about-icon-text .about-text h4{font-family:Poppins,sans-serif;letter-spacing:.9px;font-weight:500;margin-bottom:10px} .about-icon-with-text-section .about-icon-text .about-text p{width:95%;margin:0} .about-icon-with-text-section .about-icon-text:last-child {margin-bottom:0px;} .image-with-faq-section .aboutpage-faq .image-with-text__grid.grid { display: grid; grid-template-columns: 1fr; } .image-with-faq-section .aboutpage-faq .image-with-text-content{ padding: 0 0 15px 0px; text-align: center; } .image-with-faq-section .aboutpage-faq .image-with-text-content .rich-text__heading { margin-bottom: 5px; } .image-with-faq-section .aboutpage-faq .grid--2-col-tablet .grid__item { max-width: 620px; margin: auto; } .image-with-faq-section .aboutpage-faq .accordion-single-content{ border-top: 1px solid #CBCBCB; padding-top: 15px; } .image-with-faq-section .aboutpage-faq .accordion-single-content a.button{ margin-top: 25px; margin-bottom: 20px; } .aboutpage-faq .image-with-text__content{ padding: 0; } .image-with-faq-section .aboutpage-faq .accordion-single-item .js-acc-single-trigger {font-weight:500;} .aboutpage-faq h3.js-acc-single-trigger::before , .aboutpage-faq h3.js-acc-single-trigger::after {right:0px !important;} .about-image-with-text .image-with-text{max-width:1020px;margin:0 auto} .about-image-with-text .image-with-text__media-item{width:32%} .about-image-with-text .image-with-text .grid__item:after{display:none} .about-image-with-text .image-with-text__content{padding:30px 0 20px 120px} .about-image-with-text .image-with-text .global-media-settings{border:0} .about-image-with-text .image-with-text__grid--reverse .image-with-text__content {padding: 30px 120px 20px 0px;} .image-banner-section .banner__box .banner__heading+.banner__heading{margin-top:15px} .image-banner-section h2.banner__heading.inline-richtext.h2{font-size:34px;letter-spacing:.34px} .image-banner-section .banner--desktop-transparent .banner__box{max-width:100%} .image-banner-section .banner--large:not(.banner--adapt){min-height:650px} .image-banner-section .banner--small:not(.banner--adapt) {min-height:260px;} .about-tab-slider.tab-slider-section .tab-slider-wrapper{max-width:1060px; padding:0 20px;} .about-tab-slider.tab-slider-section .tab-slider-col.left{width:41%} .about-tab-slider.tab-slider-section .tab-slider-col.right{width:59%;padding-right:95px;box-sizing:border-box} .about-tab-slider.tab-slider-section .swiper-wrapper{margin:0; padding: 0;} .about-tab-slider .swiper-button-prev{left:-19px} .about-tab-slider .swiper-button-next{right:-19px} .about-tab-slider.tab-slider-section .page-width{max-width:1230px} .about-image-text-block{text-align:center;margin-bottom:70px} .about-image-text-item{max-width:800px;display:flex;align-items:center;flex-wrap:wrap} .about-image-text-item .about-wrapper-left{width:38%} .about-image-text-item .about-wrapper-right{padding-left:76px;box-sizing:border-box;width:62%} .about-image-text-item.layout-text_first{flex-direction:row-reverse} .about-image-text-item.layout-text_first .about-wrapper-right{padding-left:0;padding-right:76px} .about-image-text-item.layout-text_first{margin-left:auto} .about-image-text-item+.about-image-text-item{margin-top:60px} .about-wrapper-left img{max-width:100%} .about-wrapper-content p:last-child{margin-bottom:0} .two-image-with-text .about-two-image-with-text .image-with-text {max-width: 1390px; padding:0px 50px;} .two-image-with-text .about-two-image-with-text .image-flex-wrapper {gap:20px;} /*==about-end==*/ /*==product-start==*/ .product.grid{padding:0 75px} .product .product-media-container .media{padding-top:146%!important} .product .product-weight{font-size:12px;font-weight:400;letter-spacing:0;margin-bottom:8px} .product .product__title h1{font-family:Poppins,sans-serif;font-size:22px;font-weight:400} .product .product__title {margin-top:0px !important;} .product .price__sale .price-item.price-item--regular{font-size:13px;font-weight:500;letter-spacing:0} .product .price__sale span.price-item.price-item--sale.price-item--last{font-size:15px;font-weight:500;letter-spacing:0;color:#d14522;margin:0 10px 0 0} .product .includ_text_cls span{font-size:11px;color:#bababa;font-weight:300;letter-spacing:0} .product .price--on-sale .price__sale{display:flex;align-items:center} .product .price__sale span{line-height:1} .product .includ_text_cls{line-height:1} .product .price__container{display:flex;align-items:center;flex-wrap:wrap;} .product .product__info-container>*+*{margin:16px 0} .product .product__description_meta p{display:flex;align-items:flex-start;margin-bottom:14px} .product .product__description_meta p::before{content:"";background-image:url(/cdn/shop/files/checkbox-pdp.svg?v=1716454753);width:13px;min-width:13px;height:11px;display:block;background-size:13px auto;background-repeat:no-repeat;margin-right:10px;margin-top:8px} .product .product__description_meta{margin-top:23px} .product .footer-top-title{justify-content:flex-start;font-size:14px;letter-spacing:.7px;margin-top:30px} .product p.invetry-satuts , .invetry-satuts + p.product__text.inline-richtext {font-size:12px;letter-spacing:.96px;font-weight:400;margin:0px 0px 12px;float:left;} .invetry-satuts + p.product__text.inline-richtext {float:none;} .product p.invetry-satuts span.instock{color:#1e8300} .product p.invetry-satuts span{margin-right:10px} .product .product_btn_cls{margin-top:0;margin-bottom:0} .product .product__info-container .product-form{margin-top:0;margin-bottom:0} .product-form__buttons .cart_btn_with_quantity .quantity{width:95px;padding:0 10px;min-height:40px} .product-form__buttons .quantity .quantity__input{font-size:15px;font-weight:300;opacity:1} .product-form__buttons .quantity:after{box-shadow:0 0 0 1px #d9d9d9} .product .payment-icon p{font-size:12px;color:#c3c3c3;letter-spacing:.96px;font-weight:400;line-height:1;margin-bottom:10px} .product .payment-icon{margin-top:0} .product .product-form__submit{margin-bottom:12px} .product .certificate ul li{list-style:none;padding:0 15px} .product .certificate ul{margin:0 -15px;padding:0;display:flex; flex-wrap: wrap; row-gap: 15px;} .product .certificate ul li img{ max-width: 100%;height:60px;object-fit:cover;border-radius:50px;vertical-align: middle;} .certificate p{font-size:14px;letter-spacing:.28px;font-weight:400;line-height:1;margin-bottom:16px} .product .payment-icon{padding-bottom:20px;margin-top:0;border-bottom:1px solid #d9d9d9} .product__accordion .accordion__title{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;letter-spacing:.32px} .product .product__accordion .accordion__content{padding:0 20px 0 0} .product .product__accordion.accordion{margin:0;border-bottom:0} .product .product__accordion .icon-minus{display:none} .product .product__accordion details[open] .icon-plus{display:none} .product .product__accordion details[open] .icon-minus{display:block} .product .product__accordion summary{align-items:center} .product .product__accordion .accordion__content h6{font-size:11px;color:#bababa;font-weight:300;line-height:1.4} .product .swiper-scrollbar-drag {display:block;} .pdp_slider_cover .product-image-main ul.swiper-wrapper {padding-bottom:25px;} .pdp_slider_cover .swiper-horizontal>.swiper-scrollbar {left:unset;right:0px;width: 100px;} .logo_cover_cls.product-logo-slider .swiper-slide{width:128px} .logo_cover_cls.product-logo-slider .swiper-wrapper{justify-content:center} .product .product__media-toggle:after{display:none;} /* .product .product__media-icon{display:none;} */ .product .product__media-toggle{position:absolute;top:10px;left:10px;} .default-video span.deferred-media__poster-button.motion-reduce{background-color:transparent;border:0;width:120px;height:120px} .default-video span.deferred-media__poster-button.motion-reduce svg{position:absolute} @keyframes loader-animation{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } .default-video .deferred-media__poster .video-icon img{animation:loader-animation 15s infinite ease-in-out} .default-video .video-section__media.deferred-media{--ratio-percent:42%!important} .product-image-faq .image-with-text__grid.grid{grid-template-rows: minmax(140px , auto) auto;} .product-image-faq .image-with-text__grid .image-with-text-content{padding:0;width:55%} .product-image-faq .image-with-text__grid .image-with-text__media-item{grid-row-start:2;width:100%;max-width:370px;padding-right:30px} .product-image-faq .image-with-text__grid .image-with-text__text-item{grid-row-end:3;grid-row-start:1} .product-image-faq .accordion-single-item .js-acc-single-trigger{padding:30px 30px 30px 0!important} .product-image-faq .faq_accordion .accordion-single-item:first-child .js-acc-single-trigger{padding-top:0!important} .product-image-faq .faq_accordion .accordion-single-item .accordion-single-content{padding-bottom:40px!important} .product-image-faq .image-with-text{max-width:1120px;margin:0 auto} .product-image-faq h3.js-acc-single-trigger::after,.product-image-faq h3.js-acc-single-trigger::before{right:0!important} .related-products h6,.related-products__heading{margin-bottom:2px;text-align:center} .related-wrapper{max-width:940px;margin:0 auto} .collection-description-wrapper.product-wrapper{width:100%;max-width:900px;margin:0 auto} .collection-description-wrapper.product-wrapper h3{text-align:center} .product-image-text{height:600px;background-size:cover;position:relative} .product-image-content{position:absolute;top:50%;transform:translateY(-50%)} .product-image-text-icon{margin-bottom:100px} .product-image-text-section .content p{color:#fff;display:flex;align-items:center;} .product-image-text-section .content p::before{content:'';background-image:url(/cdn/shop/files/checkbox-tick_1.svg?v=1714712724);width:16px;height:12px;display:flex;background-size:16px auto;margin-right:10px} .product-image-main .swiper-border-pagination span.swiper-pagination-bullet{width:20px;height:2px;border-radius:0;background-color:rgba(0,0,0,.2)} .product-image-main span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000; opacity:1;} .product-image-main .swiper-border-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active::after{display:none} .pdp_slider_cover .swiper-pagination{bottom:5px} .related-products.swiper-main-wrapper li.swiper-slide {height:auto;} .product__accordion .jdgm-review-widget * {color:#000 !important;} .product__accordion .jdgm-write-rev-link , .product__accordion .jdgm-write-rev-link {background-color: #000 !important;color: #fff !important;border: 0px !important;font-weight: 400;} .quantity__button:focus, .quantity__input:focus { background-color: transparent;} .metafield-rich_text_field p strong { font-weight:500;} .jdgm-rev-widg__title, .jdgm-rev-widg__summary, .jdgm-histogram.jdgm-temp-hidden,.jdgm-widget div:empty{ display: none!important;} .jdgm-review-widget--small .jdgm-rev-widg, .jdgm-review-widget--medium .jdgm-rev-widg { padding-bottom:0!important;} .custom-liquid-block .accordion__title { font-family: Poppins, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: .32px;} .jdgm-review-widget--medium .jdgm-write-rev-link, .jdgm-review-widget--medium .jdgm-ask-question-btn {max-width: 100% !important;} .shopify-section-group-header-group:not(.site-header--opening) sticky-header { display: block; } .shopify-section-group-header-group.site-header--opening sticky-header { display: none; } body.scroll_up .shopify-section-group-header-group.site-header--opening sticky-header {display:block;} /*==product-end==*/ /*==collectios-list-start==*/ .main-collection-list h1{ margin-bottom: 40px; text-align: center; } .main-collection-list .card__inner.ratio { --ratio-percent: 125% !important; } /*==collectios-list-end==*/ .product-rating .jdgm-preview-badge .jdgm-star{color:#191919;font-size:9px} .product-rating span.jdgm-prev-badge__text{display:none} .product-rating span.jdgm-prev-badge__stars{line-height:1} .product-rating .jdgm-prev-badge{text-align:right} .icon-with-text-unserVersprechen .icon-with-text-wrapper { margin-top:30px;} .icon-with-text-furDich .icon-with-text-wrapper { max-width:740px; margin-top:30px;} .icon-with-text-furDich .icon-with-text-wrapper ul li{ padding:0 40px;} .icon-with-text-furDich .icon-with-text-wrapper ul li p{ font-size:14px; letter-spacing:.14px; line-height:1.3; font-weight:600;} .collection-icon-with-text .icon-with-text-wrapper { margin-top:40px; } .product-icon-with-text .icon-with-text-wrapper { margin-top:40px;} .rich-text-section .image-with-text__text.rte.content {text-align:left;} .rich-text-section .rich-text__wrapper {width:100%;} .about-gallery .Gallery{display:flex;flex-wrap:wrap;justify-content:center} .about-gallery .Gallery-heading{text-align:center} .about-gallery .Gallery-heading .h2 { margin-bottom: 30px;} .about-gallery .page-width{max-width:1430px} .about-gallery .w-33{width:380px;max-width:calc(33.33% - 60px);} .about-gallery-image{position:relative;padding-top:100%} .about-gallery-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .about-gallery .Gallery .w-33.item-1{margin-right:120px} .about-gallery .Gallery .w-33.item-3{margin-left:60px} .about-gallery .w-33.item-4,.about-gallery .w-33.item-5{margin:0 60px;margin-top:-170px} .template-about-us .footer-top .subtitle,.template-jobs .footer-top .subtitle{display:none} .template-jobs .footer-top-title{margin-bottom:0;color:#fff} .template-about-us .footer-top-title{margin-bottom:0;color:#000} .template-about-us .footer-top,.template-jobs .footer-top{padding:0!important} .template-about-us .footer-top-section,.template-jobs .footer-top-section{position:relative} .template-about-us .footer-top-row,.template-jobs .footer-top-row{position:absolute;bottom:20px;text-align:center;left:0;right:0} .template-Wirkstoffkonzept .footer-top { background-color: #fff; padding-bottom: 0px; padding-top: 0px; } .template-Wirkstoffkonzept .footer-top .subtitle { display:none; } .template-contact .footer-top-section , .page-login .footer-top-section , .page-register .footer-top-section { display:none; } .template-login.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .header__heading-logo-wrapper.transparent-logo, .template-register.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .header__heading-logo-wrapper.transparent-logo{display:none;} .template-login.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .header__heading-logo-wrapper, .template-register.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .header__heading-logo-wrapper{display:inline-block;} .template-login.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .header__icon, .template-login.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .link--text, .template-login.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .drop-down-hover span, .template-login.header-overlay header .header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper .disclosure__link.disclosure__link--active, .template-register.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .header__icon, .template-register.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .link--text, .template-register.header-overlay .section-header:not(.scrolled-past-header) .header-transparent .drop-down-hover span, .template-register.header-overlay header .header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper .disclosure__link.disclosure__link--active{color: #000;} /* vk */ .article-template header .article-card__info span.category-blog, .article-template header .article-card__info span.circle-divider, .blog-articles .card-wrapper .article-card__info.caption-with-letter-spacing span.category-blog {display: none;} @media screen and (min-width: 750px) { .home-slideshow .banner--medium:not(.banner--adapt) {min-height:680px;} .announce-main-wipper .swiper-slide[aria-label="3 / 4"] .announcement-bar__message {text-align:right;white-space:nowrap;} .announce-main-wipper .swiper-slide[aria-label="1 / 4"] .announcement-bar__link {justify-content:flex-start;} .announce-main-wipper .swiper-slide[aria-label="2 / 4"] .announcement-bar__link {justify-content:center;} .card .quick-add{position:absolute;bottom:0;width:100%;left:0;padding:18px;margin:0;opacity:0;transform:translateY(100%);transition:.5s ease-in-out;visibility:hidden;z-index:4;} .card-wrapper:hover .quick-add{opacity:1;transform:translateY(0);visibility:visible} .cart-page .cart-item__price-wrapper span.price.price--end{ font-size: 14px; } .cart-page .cart-item__media { width: 5rem; } .cart__blocks .totals { justify-content: space-between; } .cart__blocks .tax-note{ text-align: left; } .image-with-faq-section .image-with-text__content.image-with-text__content--top { padding:0;} .image-with-faq-section .media > *:not(.zoom):not(.deferred-media__poster-button) { max-height:100%; height:auto; } .image-with-faq-section .global-media-settings { border:none; } .image-with-faq-section .grid--2-col-tablet .grid__item { width: 100%; } .product-image-faq .image-with-text__grid .image-with-text-content .rich-text__heading { margin-bottom:45px; } .product .swiper-button-prev, .product .swiper-button-next , .tab-slider-section .swiper-horizontal>.swiper-scrollbar {display:none;} .product-image-text-section .content p{font-size:17px;line-height:1.3;} } @media(min-width:990px) { .page-login .image-with-text__content , .page-register .image-with-text__content {padding:150px 50px 120px;} .shopify-section-group-header-group {position:relative;} /*==header-language-start==*/ header .header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper{position:relative;top:unset;border:0;box-shadow:none;background-color:unset} header .header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper .disclosure__link{padding:0;font-size:12px;letter-spacing:.96px;font-weight:400;text-transform:uppercase;line-height:1;padding:0 5px;color:#adadad} header .disclosure__list{padding:0;max-width:unset;min-width:unset;min-height:unset;max-height:unset;display:flex;overflow:visible;padding:0 10px} header .disclosure__list li+li{border-left:1px solid} header .header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper .disclosure__link.disclosure__link--active{color:#000} .section-header:not(.scrolled-past-header) header.header-transparent .header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper .disclosure__link.disclosure__link--active{color:#fff} .section-header:not(.scrolled-past-header) header.header-transparent .disclosure__list li+li{border-color:#fff} /*==header-language-end==*/ .image-with-faq-section .image-with-text-content { padding:0 10px 15px 60px;} .image-with-faq-section .image-with-text__grid--reverse .image-with-text-content { padding:0 60px 15px 0;} .image-with-faq-section .image-with-text__grid.grid { display:grid; grid-template-columns:1fr 1fr;} .image-with-faq-section .image-with-text__media-item { grid-column-start:1; grid-row-start:1; grid-row-end:3;} .image-with-faq-section .image-with-text__grid--reverse .image-with-text__media-item { grid-column-start:2; grid-row-start:1; grid-row-end:3;} } @media screen and (max-width:1299px){ header .header__menu-item { padding: 36px 13px!important; } .ann-language-text-block-wrapper .aan-wraper-block{ width: calc(100% - 10px); } } @media screen and (max-width:1199px){ header-drawer{display:block!important} .header__inline-menu{display:none} .header__heading-logo{max-width:140px} .header{padding-top:17px!important;padding-bottom:17px!important} .header .header__icons details-modal.header__search{display:none!important} .header header-drawer .header__icons details-modal.header__search{display:block !important} .header__icon,.header__icon--cart .icon{padding:0 11px} .header__icon--cart {padding-right:0px;} .menu-drawer .header__icon--cart {padding-right:7px;} header header-drawer{margin-left:0} header .header__icons{margin-right:0} .home-product-slider-left{width:420px;max-width:45%} .home-product-slider-right{padding-left:30px;width:560px;max-width:55%;padding-top:48px} .home-product-slider-right .swiper-slide {width:74% !important;} .ingredient-right-bg {padding:30px;} /* .tab-slider-section .swiper-button-next , .tab-slider-section .swiper-button-prev {display:none;} */ .collection-main-product-wrapper .collection ul {margin-left:-15px;margin-right:-15px;} .collection-main-product-wrapper .collection ul li {padding:0px 15px;} .cart-page button.quantity__button { width:3.5rem;} header .header-localization:not(.menu-drawer__localization) .localization-form:only-child .localization-form__select{padding:0;font-size:14px;text-transform:uppercase;letter-spacing:1.12px;width:auto;height:auto;min-width:40px;line-height:1} header .localization-form__select .icon-caret{height:7px;width:auto} header .header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper{right:unset;left:0} header .disclosure__list-wrapper ul li a{text-transform:uppercase} header .header-localization:not(.menu-drawer__localization) .localization-form__select .icon-caret{right:0} /*==mobilemenu-start==*/ #menu-drawer{position:fixed;top:0;width:348px;max-width:90%} div#menu-drawer *{color:#000!important} .menu-drawer__navigation-container .header__icons{padding:30px 20px!important} #menu-drawer .header-icon-wrapper-right{display:flex;align-items:center} #menu-drawer a.close-icon.link--text{display:block;line-height:0} #menu-drawer drawer-close{padding-left:12px} #menu-drawer .menu-drawer__navigation{padding:40px 0 0; height: 100%;} #menu-drawer .menu-drawer__inner-container .menu-drawer__navigation .menu-drawer__menu-item{font-size:13px;letter-spacing:.13px;line-height:1.8;font-family:Trirong,serif;font-weight:600;padding:10px 20px;display:flex;align-items:center;justify-content:space-between} #menu-drawer .menu-drawer__inner-submenu button.menu-drawer__close-button{display:none} #menu-drawer .menu-drawer__submenu{transition:.5s ease-in-out;height:0;visibility:hidden;opacity:0} #menu-drawer .menu-opening[open] .menu-drawer__submenu{height:auto;visibility:visible;opacity:1} #menu-drawer .menu-opening[open] .menu-drawer__menu-item svg{transform:rotate(180deg);transition:.3s ease-in-out} #menu-drawer .menu-drawer__utility-links{background-color:#fff;padding:20px 20px 49px} header .menu-drawer .list-social{justify-content:center} .drawer-footer-title img{margin-right:12px} .drawer-footer-title{display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.6px;margin-top:5px} header .menu-drawer .list-social{margin:0} #menu-drawer drawer-close svg{width:18px;height:auto} #menu-drawer details[open] .modal-overlay::after{ background: #fff;} #menu-drawer .search_box .header__icons{padding:10px 20px!important} #menu-drawer .drop-down-hover[open=true] .header__submenu{opacity:1;transform:translateY(0)} #menu-drawer .drop-down-hover[open=true] .header__submenu a.list-menu__item:after{border-bottom:1px solid;bottom:4px} #menu-drawer .drop-down-hover[open=true] .header__submenu span,.drop-down-hover[open=true] .header__submenu .link--text{max-width:fit-content;color:#000!important;font-size:15px;font-weight:500} #menu-drawer .drop-down-hover[open=true] .list-menu--disclosure{padding:10px 0;max-width:fit-content;min-width:auto} .menu-drawer__inner-container .menu-drawer__navigation .menu-drawer__menu-item{color:#000!important;padding:20px;font-weight:600} #menu-drawer .menu-drawer__inner-container .menu-drawer__navigation .menu-drawer__inner-submenu .menu-drawer__menu-item {font-family: Poppins, sans-serif;font-weight: 400;padding: 5px 20px;} #menu-drawer .search__input.field__input:focus {border: 1px solid;} #menu-drawer .search-modal__content { padding: 0 5rem 0 2rem;} /*==mobilemenu-end==*/ .product.grid {padding: 0px;} .about-gallery .w-33.item-4, .about-gallery .w-33.item-5 {margin-top:-100px;} .tab-slider-section .tab-slider-wrapper { max-width: 100%; margin: 0 auto;} .commmon-content h2 {font-size: 24px;} .header-overlay .site-header--opening .header__icon--menu svg { fill: #000;} } @media screen and (max-width:1299px){ .ann-two-block-head .ann-two-block .slide_cover { width: 45%; } } @media screen and (max-width:1199px){ .ann-two-block-head .ann-two-block .slide_cover .announcement-bar__message { text-align: center; } } @media screen and (max-width:989px){ .tab-slider-section .swiper-button-prev, .tab-slider-section .swiper-rtl .swiper-button-next { left: -20px; right: auto; } .tab-slider-section .swiper-button-next, .tab-slider-section .swiper-rtl .swiper-button-prev{ left: auto; right: -20px; } .collection-logo-slider .swiper-pagination-lock { display:none;} .header-icon-wrapper-left.mobile-custom-g-translate-app select.gt_selector { border: none; background: transparent; text-transform:uppercase; font-family:"Poppins", sans-serif; font-size:12px; font-weight:400;line-height:1.2;} .icon-with-text-wrapper ul { margin-left: 0px; margin-right: 0px;} .page-width , .header.page-width {padding-left:30px;padding-right:30px;} .header.page-width {padding-left:30px !important;padding-right:30px !important;} h3 , .h3 {font-size:20px;letter-spacing:0px;} .contact .form-image.grid__block { display:none;} .contact .form-wrap-content {max-width:100%;padding:40px 20px; } .contact .form-wrap-content .form-content.grid__block {max-width:100%;} .page-login .image-with-text__content , .page-register .image-with-text__content {padding:40px 20px !important;} .page-register .image-with-text .grid__item.image-with-text__media-item , .page-login .image-with-text .grid__item.image-with-text__media-item {display:none;} .announcement-bar__message {font-size:10px;} .icon-with-text-wrapper ul {flex-wrap:wrap;} .icon-with-text-wrapper ul li {padding: 0px 35px 30px; max-width:33%} .topbanner-image{height:400px} .ingredient-slider-block{flex-wrap:wrap} .ingredient-slider-left,.ingredient-slider-right{width:100%} .ingredient-slider-right{padding-left:0} .ingredient-slider-left{margin-bottom:40px} .two-image-with-text .image-with-text__text-item.grid__item{width:100%} .two-image-with-text .image-with-text__grid--reverse .image-with-text__content{padding:0;margin-top:21px} .tab-slider-section .tab-slider-col.right {padding-right:30px;} .tab-slider-section .image-right-position .tab-slider-col.right {padding-right:40px;padding-left:0px;} .main-faq-wapper{padding:20px 0} .faq-section .accordion,.faq-section .accordion__title{font-size:16px} .faq-section .faq-accordian {padding-left:50px;} .image-with-faq-section .image-with-text__text-item .image-with-text__content { padding-top:20px;} .image-with-faq-section .image-with-text-content { padding-bottom:40px;} .image-with-faq-section .image-with-text__media.image-with-text__media--adapt.global-media-settings.background-transparent.media { padding-bottom:85%!important;} .about-icon-with-text-section .about-heading, .about-icon-with-text-section .about-icon-text-container {width:100%;max-width:100%;} .about-icon-with-text-section h1.heading {font-size: 32px;width: 100%;} .about-icon-with-text-section .about-heading .heading {text-align:center;padding-right:0px;} .collection-main-product-wrapper .collection-left,.collection-main-product-wrapper .facets-vertical .facets-wrapper{width:220px;padding-right:30px} .collection-main-product-wrapper .collection-right,.collection-main-product-wrapper .facets-vertical .product-grid-container{width:calc(100% - 220px)} .collection-description-wrapper,.collection-logo-slider .swiper-main-wrapper{width:100%} .collection-logo-slider.logo_cover_cls{max-width:100%;padding-left:30px;padding-right:30px} .collection-main-product-wrapper .collection-right { margin-bottom: 20px;} .main-collection-list .grid--2-col-tablet-down .grid__item { max-width: calc(50% - 15px); width: calc(50% - 15px); } .main-collection-list .grid { column-gap: 30px; } .about-image-text-wrapper .page-width { max-width: 1200px;} .about-gallery .w-33.item-4,.about-gallery .w-33.item-5{margin-top:-70px} .about-gallery .Gallery .w-33.item-1{margin-right:80px} .about-gallery .w-33{max-width:calc(33.33% - 40px)} .about-gallery .Gallery .w-33.item-3{margin-left:40px} .about-image-text-item.layout-text_first .about-wrapper-right{padding-right:20px} .about-image-text-item .about-wrapper-left{text-align:center} .two-image-with-text .about-two-image-with-text .image-with-text {padding:0px 30px;} .menu-drawer__localization .disclosure__link { padding: 5px 20px;} .template-register.header-overlay .header-wrapper-new,.template-login.header-overlay .header-wrapper-new, .template-contact.header-overlay-new .header-wrapper-new { position: relative;} .skincare-at-best img { width:95%;} footer .footer-block__details-content>li:not(:last-child){margin-right:20px} .menu-copytext-wrapper .menu-copytext-inner .copyright__content { margin-right: 20px;} .ann-language-text-block-wrapper .aan-wraper-block{ width: 100%; } .menu-drawer .header-icon-wrapper-left{ height: 100%; } .menu-drawer .menu-drawer__localization { text-align: center; } .menu-drawer .menu-drawer__localization .disclosure .disclosure__list-wrapper { top: 100%; transform: translateY(0); left: -20px; bottom: unset; text-align: left; } .ann-two-block-head .ann-two-block .slide_cover .announcement-bar__message { text-align: center;} } @media screen and (max-width:768px) { footer .footer-block--menu .footer-block__heading{display:block} .footer-top .subtitle,.footer-top-title{font-size:12px} footer .footer-block__heading{font-size:12px;letter-spacing:.12px;font-family:Trirong,serif} footer .footer-block.accordion-single-item.footer-block--menu{max-width:188px; flex-direction: column;} footer .footer-logoimage{margin-bottom:20px} footer .footer-block--menu .copyright__content,footer .footer-block--menu .menu-copytext-wrapper{display:none} footer .footer-block__details-content{display:block} footer .footer-block__details-content>li:not(:last-child){margin-right:0} footer .footer-block__details-content .list-menu__item--link{padding:10px 0; justify-content: center;} footer .menu-copytext-wrapper{margin-top:0} footer .copyright__content,footer .footer-block__details-content .list-menu__item--link,footer .menu-copytext-wrapper .footer-block__details-content li a{font-family:Trirong,serif;font-size:12px;letter-spacing:.12px;font-weight:600;line-height:1} h2.footer-block__heading.newsletter-text.js-acc-single-trigger.inline-richtext{font-size:16px;letter-spacing:.16px} h2.footer-block__heading.newsletter-text.js-acc-single-trigger.inline-richtext::after{display:none!important} footer .custom-check input{width:12px;height:12px;min-width:12px} .footer-block__brand-info{flex-direction:column-reverse} footer ul.list.list-payment{margin:30px 0;padding:0} footer .copyright__content{font-size:10px;letter-spacing:0;font-family:Poppins,sans-serif;font-weight:300;color:#868686; margin: 0;} footer .menu-copytext-wrapper{margin-top:35px} footer .copyright__content+.copyright__content{text-transform:uppercase} footer .footer-block__brand-info { margin-top: 25px;} .product__info-wrapper.grid__item{margin-top:20px} } @media screen and (max-width:749px) { .tab-slider-section .swiper-button-prev, .tab-slider-section .swiper-rtl .swiper-button-next { left: -20px; right: auto; } .tab-slider-section .swiper-button-next, .tab-slider-section .swiper-rtl .swiper-button-prev{ left: auto; right: -20px; } .tab-slider-section .image-right-position .tab-slider-col.right {padding-right:0px;padding-left:0px;} .home-tabs-slider .commmon-content .content p { display: none; } .tab-slider-section .tab-slider-col.right .commmon-content { text-align: center; } #menu-drawer .header-icon-wrapper { flex-wrap:nowrap!important;} .home-product-slider { margin-top: 40px;} .product .certificate ul li { padding:0 10px;} .product .certificate ul li img { height:44px;} .icon-with-text-wrapper ul li .icon-image img{height:40px;width:40px;} .button, .button-label, .shopify-challenge__button, .customer button { padding: 0 15px;} .page-width , .header.page-width {padding-left:20px;padding-right:20px;} .header.page-width {padding-left:20px !important;padding-right:20px !important;} h1, .h1, .title--primary {font-size:30px;letter-spacing:0.3px;font-weight:600;} h2, .h2 {font-size:24px;letter-spacing:0.24px;font-weight:600;line-height:1.4;} h3 , .h3 {font-size:20px;letter-spacing:0px;} h6, .h6 {font-size: 13px;letter-spacing: 0.78px;} P, body {line-height:1.66;} .button, .button-label, .shopify-challenge__button, .customer button {letter-spacing: 0.84px;min-height:38px;} .customer .field input,.text-area,input.field__input{padding:11px 20px;height:38px} .contact .form-content .field{margin-bottom:12px} .contact .form-content .title{margin-bottom:20px} .custom-check input{width:18px;height:18px;min-width:18px} .custom-check input[type=checkbox]:after{width:11px;height:9px;margin-left:-5px;margin-top:-4px;background-size:11px} .contact .contact__button , .register.customer button , .customer button {margin-top:30px !important;} .customer h2{ text-align: center;margin-bottom: 20px;} .register h2 ,.register .register-subheading {text-align:center; } .customer .field {margin: 12px 0 0 !important;} .image-with-text .customer form {margin-top: 30px;} .create_account_span {justify-content:center;} .template-addresses .customer.addresses .field.faddname,.template-addresses .customer.addresses .field.laddname{flex-basis: 100%;} .main-blog {padding-top:40px !important;} .main-blog .title--primary {margin-bottom: 25px;} .main-blog .card h3.card__heading{ font-size: 20px; } .main-blog .article {margin-bottom: 40px;} .main-blog .read-more a {margin-top: 0px;margin-bottom: 40px;text-decoration: underline;text-underline-position: under;} .announcement-bar__message {font-size:11px;} .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:534px!important} .home-slideshow .banner__heading{margin-bottom:10px} .home-slideshow .banner__box>*+.banner__buttons{margin-top:30px} .home-slideshow .slideshow__text.banner__box{padding:0 20px;max-width:100%} .home-slideshow .banner__content--middle-center .banner__box{padding-top:60px} .home-slideshow .banner__text h2 {font-size:26px;letter-spacing:0.26px;} .home-slideshow .banner__box .banner__buttons .button {padding:0px 25px;} .icon-with-text-content h6{font-size:13px;letter-spacing:.78px} .icon-with-text-wrapper ul{margin-left:0px;margin-right:0px;margin-bottom:-30px;} .icon-with-text-wrapper ul li{padding:0 5px 30px;max-width:50%} .icon-with-text-wrapper{margin:30px auto 0} .icon-with-text-wrapper ul li:last-child{padding-bottom:0} .logo_cover_cls .swiper-slide{width:150px} .logo_cover_cls .main_title .h6{margin-bottom:10px} .logo_slider_cls .swiper-slide .media img{transform:scale(1.2)} .home-product-slider-left{display:none} .home-product-slider-block{background-image:none!important} .home-product-slider-wrapper{padding:0 20px 0 0;margin-left:-25px} .home-product-slider-right{padding-left:0;width:100%;max-width:100%;padding-top:0} .home-product-slider-left h3,.home-product-slider-right .slide-title.h3{color:#000} .product-slider .swiper-button-next,.product-slider .swiper-button-prev{bottom:70px} .product-slider .swiper-button-next{right:60px} .product-slider .swiper-button-prev{right:85px} .home-product-slider-left h3, .home-product-slider-right .slide-title.h3 {margin-bottom:0px;} span.new-vendor{font-size:10px} .card__content .price__container{flex-wrap:wrap} .card__content small.unit-price{display:block;margin:4px 0 0;width:100%} .card__content .quick-add { margin-top: 10px !important;margin-bottom: 0;position: absolute;bottom: 0px;width: 100%;} .card-information {padding-bottom:50px;} .main-blog {padding-top:40px !important;} .main-blog .title--primary {margin-bottom: 25px;} .main-blog .card h3.card__heading{ font-size: 20px; } .main-blog .article {margin-bottom: 40px;} .main-blog .read-more a {margin-top: 0px;margin-bottom: 25px;text-decoration: underline;text-underline-position: under; letter-spacing:1.12px; } .ingredient-right-bg{border-radius:0 120px 0 0;padding:40px 18px} .ingredient-icon{transform:translate(-50%,-50%);left:50%} .two-image-with-text .image-flex-wrapper{gap:16px} .two-image-with-text .image-with-text__grid--reverse .image-with-text__content{padding:0;margin-top:21px;height:auto} div[data-no-swiper] ul{margin-left:-10px!important;margin-right:-10px!important;width:calc(100% + 20px)!important} div[data-no-swiper] ul li{width:50%;padding:0 10px} .ingredient-right-bg {justify-content:flex-start;} .ingredient-slider-block {flex-direction:column;} .testimonial-item h2{margin-bottom:20px} .testi-profile{margin-top:10px} .testimonial-item .swiper-button-next,.testimonial-item .swiper-button-prev{opacity:1;visibility:visible;width:auto;height:auto;top:50%;transform:translateY(-50%)} .testimonial-item .swiper-button-prev{left:0} .testimonial .testimonial-item .swiper-button-next{transform:rotate(180deg) translateY(50%);right:0} .testimonial-content-block{padding:0 44px} .tab-slider-section .tabs .swiper-wrapper{justify-content:flex-start; margin-left: 20px;} .tab-slider-section .tab-slider-col.left,.tab-slider-section .tab-slider-col.right{width:100%;padding:0} .tab-slider-section .tab-slider-row{flex-wrap:wrap} .tab-slider-col.left{max-width:314px;margin:0 auto 30px} .tab-slider-section .commmon-content .button-div{text-align:center} .home-product-slider .swiper-scrollbar {left:62px;} .tab-slider-section .swiper-wrapper {padding: 20px 0 30px 0px;} .tab-slider-section .swiper-horizontal>.swiper-scrollbar {width: 220px;left: 0;right: 0;margin: 0 auto; bottom: 0; position: relative; margin-top: 20px;} .tab-slider-section .tabs.swiper {margin-left: -20px;margin-right: -20px;} .faq-section .faq-left-side{width:100%; position: relative;top: 0;} .faq-section .faq-accordian{width:100%} .faq-left-side .heading{margin-bottom:20px; font-weight: 500;} .faq-section .faq-accordian{padding-left:0} .faq-section .faq-accordian .accordion-heading{font-size:26px;padding-top:0;letter-spacing:.26px} .accordion .main-faq-wapper .faq_Click.is_open+.accordion__content{padding-right:0} .skincare-at-best{display:none} .bottom_detail_main .bottom_details{padding:40px 20px;margin-top:40px} .bottom_detail_main .bottom_details .rte{margin-bottom:30px} .skincare-at-best-content-mobile a{justify-content:center;margin-top:30px;letter-spacing:.32px} .faq-left-side p{margin-bottom:0px} .custom-check-black input{width:20px;height:20px;min-width:20px} .custom-check-black input[type=checkbox]:after{width:14px;height:11px;margin-left:-7px;margin-top:-5px;background-size:14px} .category .swiper-slide{width:120px;padding-right:0px;padding-left:0} .cart-drawer .drawer__inner {padding: 0 20px;} .main_wrapper { margin-bottom: 20px;} .drawer__inner .drawer__footer { padding: 2rem 0; } .drawer__inner .free_shipping_card_wrapper { padding-bottom: 20px;} .cart-drawer button.drawer__close {right:0px;} .cart-image img {max-width:200px; height: auto;} .cart-page .quantity-popover-container { max-width: 7rem; } .cart-page button.quantity__button{ width: 2rem; } .cart-page .quantity__input{ padding:0; } quantity-input.quantity.cart-quantity{ min-height: calc((var(--inputs-border-width) * 2) + 2.3rem);} .cart-page .cart-item .cart-item__quantity-wrapper cart-remove-button { margin: auto; margin-left: 10px; } .cart-page a.cart-item__name.h4.break { font-size: 11px; } .cart-page .cart-item__details .product-option { font-size: 1.2rem; } .cart-page cart-remove-button .button{ font-size: 11px; } .cart-page .unit-price.caption { font-size: 0.9rem; } .cart-page a.underlined-link { font-size: 10px; margin: auto 0; } .cart-item__details span.ml{display: block;} .image-with-faq-section .accordion-single-item .js-acc-single-trigger {padding:20px 45px 20px 0; font-size:16px; } .image-with-faq-section .section_padding { padding-bottom:40px!important;} /* .template-Wirkstoffkonzept .icon-with-text .page-width{ padding-right:0;} */ .icon-with-text-wrapper.icon-text-mobile-slider ul li {margin-left:0px;} .about-icon-with-text-section .about-heading , .about-icon-with-text-section .about-icon-text-container , .about-icon-with-text-section .about-icon-text .about-text { max-width: 100%; width: 100%; } .about-icon-with-text-section h1.heading { font-size: 30px; font-weight: 600; width: 100%; text-align: center; margin-bottom: 35px;letter-spacing:0.3px; } .about-icon-with-text-section .about-icon-text{ margin-bottom: 30px; } .about-icon-with-text-section .about-icon-text .about-text h4{ margin-bottom: 0px;margin-left: 0px;width: calc(100% - 60px);padding-right: 30px;} .about-icon-with-text-section .about-icon-text .about-icon{ display: none; } .about-icon-with-text-section .panel { padding: 18px 0px 0 ; background-color: white; display: none; overflow: hidden; } .about-icon-with-text-section .about-heading.accordion{ display: flex; align-items: center;} .about-icon-with-text-section .accordion::after { content: ""; position: absolute; right: 25px; top: auto; transition: all 0.2s ease-in-out; display: block; width: 18px; height: 1px; border-top: solid 2px; border-right: none; transform: translateY(0%) rotate(90deg); border-color: #000; border-radius:1.8px; } .about-icon-with-text-section .accordion::before{ content: ""; position: absolute; right: 25px; top: auto; transition: all 0.2s ease-in-out; display: block; width: 18px; height: 1px; border-top: solid 2px; border-right: none; transform: translateY(0%) rotate(0deg); border-color: #000; border-radius:1.8px; } .about-text.active .about-heading.accordion::after { transform: translateY(0%) rotate(0deg);} .about-icon-with-text-section .about-heading-icon {line-height:1;width:60px;} .image-with-faq-section .aboutpage-faq .image-with-text-content{ padding: 0; margin: 0; } .image-with-faq-section .aboutpage-faq .accordion-single-content a.button{ margin-bottom: 0; } .image-with-faq-section .aboutpage-faq .js-acc-single-trigger {padding: 18px 45px 18px 0 !important;} .collection-hero--with-image .collection-hero__image-container{position:relative;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);height:340px} .collection-main-banner .collection-hero--with-image .collection-hero__text-wrapper *{color:#000} .collection-hero--with-image .collection-hero__inner{flex-direction:column-reverse} .collection-main-banner .collection-hero--with-image{height:auto} .collection-main-banner .collection-hero--with-image .collection-hero__text-wrapper{padding:25px 0 0} .collection-hero--with-image .collection-hero__inner{padding-bottom:0!important} .collection-main-product-wrapper .collection-left,.collection-main-product-wrapper .facets-vertical .facets-wrapper{width:100%;padding-right:0} .collection-main-product-wrapper .collection-right,.collection-main-product-wrapper .facets-vertical .product-grid-container{width:100%} .collection-main-product-wrapper .facets-vertical .facets-wrapper { margin-top: 10px; } .collecion-top-wrapper .breadcrumbs_cover_cls{margin-bottom:20px} aside .facets-container{padding-top:0px;display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;} .collection-main-product-wrapper .facets-vertical-sort{margin-top:0;width:calc(100% - 135px);padding:0;align-self:center} span.mobile-facets__open-label.button-label{padding:0;min-height:unset;font-size:14px;text-transform:uppercase;letter-spacing:.84px;font-weight:500} menu-drawer.mobile-facets__wrapper.medium-hide.large-up-hide{border:1px solid #191919;padding:3px 18px;width:fit-content;line-height:1} .collection-main-product-wrapper select#SortBy{font-size:14px} .collection-main-product-wrapper .collection ul{margin-top:30px;margin-left:-10px;margin-right:-10px} .collection-main-product-wrapper .collection ul li{padding:0 10px;margin-bottom:30px} .collection-logo-slider.logo_cover_cls{padding-left:20px;padding-right:0px} .collection-logo-slider.logo_cover_cls .swiper-slide{width:150px} .collection-logo-slider.logo_slider_cls .swiper-slide .media img{transform:none} .collection-description-wrapper .show-more-height p{font-size:14px} .collection-description-wrapper .show-more-height{height:136px} .collection-description-wrapper .show-more{margin-top:15px} .main-collection-list .grid--2-col-tablet-down .grid__item { max-width: 100%; width: 100%; } /*==filter-start==*/ facet-filters-form .mobile-facets__inner{max-width:348px} facet-filters-form .mobile-facets__header-inner h3{margin-bottom:0;text-align:left} facet-filters-form .mobile-facets__header{border-bottom:0} facet-filters-form .mobile-facets__header{border-bottom:0;padding:30px 20px} facet-filters-form details.menu-opening .mobile-facets__close{display:flex;opacity:1;width:unset;height:unset;top:32px;right:20px} facet-filters-form .mobile-facets__main{padding:0} facet-filters-form .mobile-facets__summary{padding:25px 0;font-size:15px;font-weight:500} facet-filters-form .mobile-facets__summary svg.icon-minus{display:none} facet-filters-form .mobile-facets__details{border-bottom:1px solid #cbcbcb;margin:0 20px} facet-filters-form .mobile-facets__details[open] .mobile-facets__summary svg.icon-minus{display:block} facet-filters-form .mobile-facets__details[open] .mobile-facets__summary svg.icon-plus{display:none} .mobile-facets__submenu .mobile-facets__close-button{display:none} .mobile-facets__main .mobile-facets__label{padding:8px 0} .mobile-facets__main .mobile-facets__label>svg{width:20px;height:20px} .mobile-facets__main .mobile-facets__label>svg.icon-checkmark{width:14px;height:auto;top:14px;left:3px} .mobile-facets__main .mobile-facets__highlight{background-color:unset} .mobile-facets__main .mobile-facets__submenu .mobile-facets__footer{border-top:0;padding:10px 0;display:none} .mobile-facets__main .facets__price,.mobile-facets__main .mobile-facets__info{padding:0} .mobile-facets .mobile-facets__submenu{padding:0 0 15px;margin-top:-10px} .mobile-facets__wrapper .mobile-facets__footer{flex-wrap:wrap;justify-content:center;padding:40px 20px;border:0; flex-direction: column-reverse;} .mobile-facets__wrapper .mobile-facets__footer>*{width:100%} .mobile-facets__wrapper .mobile-facets__footer button{margin-bottom:12px} .mobile-facets__wrapper .mobile-facets__footer a.mobile-facets__clear{font-size:12px;font-weight:500;color:#b5b5b5;letter-spacing:.96px} /*==filter-end==*/ .product-image-faq .image-with-text__grid .image-with-text__media-item {display:none;} .product-image-faq .image-with-text__grid .image-with-text-content { width:100%; text-align:center; padding-bottom:0;} .product-image-faq .image-with-text__grid .image-with-text-content h2{ margin-bottom:15px;} .product-image-faq .accordion-single-item .js-acc-single-trigger { padding:20px 45px 20px 0!important;} .product-image-faq .faq_accordion .accordion-single-item .accordion-single-content { padding-bottom:20px!important;} .product-image-faq.section_padding { padding-bottom:0!important;} .product-image-faq .image-with-text__content { padding-bottom:20px;} .page-product .breadcrumbs_cover_cls{padding-bottom:20px} .product .swiper-button-next,.product .swiper-button-prev{width:auto;height:auto; z-index:1;} .product .swiper-pagination1.swiper-pagination-bullets.swiper-pagination-horizontal { position:absolute; bottom:0;z-index:1;text-align:center;} .product .swiper-pagination1.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{ min-height:2px; height:100%;width:20px;} .product .swiper-line-pagination .swiper-pagination-bullet {background-color:#000000;opacity:0.2;} .product .swiper-line-pagination .swiper-pagination-bullet-active:after {background-color:#000000;} .product .swiper-button-next{transform:rotate(180deg)} .product .product__title h1{font-size:20px} .product small.unit-price.caption{width:100%;display:block;margin-top:10px} .product .product__description_meta{margin-top:13px} .product .footer-top-title{font-size:12px;letter-spacing:.6px;margin-top:20px} .product .product-form__submit{padding:0 20px} .product .product__accordion:last-child summary{padding-bottom:0} .logo_cover_cls.product-logo-slider .swiper-slide{width:160px} .default-video .video-section__media.deferred-media{--ratio-percent:61%!important} .ingredient-slider .swiper-horizontal>.swiper-scrollbar {bottom: unset;top:104vw;} .product-main-weight-rating {display: flex;justify-content: space-between;flex-direction: row-reverse;} .product-image-text {height:260px;} .product-image-content{top:unset;transform:unset;bottom:40px} .product-image-text-icon img{width:90px} .product-image-text-icon{margin-bottom:0} .product-image-text-section .content p{color:#000;font-weight:400;margin-bottom:16px} .product-image-text-section .content p::before{background-image:url(/cdn/shop/files/checkbox-tick_1_91761eef-75f9-4c9f-92ae-f9e0120cea4a.svg?v=1714971090);background-repeat:no-repeat;height:13px} .product-image-text-section .content{margin-top:20px} /* .icon-with-text-unserVersprechen .page-width { padding-right:0;} */ .icon-with-text-furDich .icon-with-text-wrapper ul li{ padding:0 20px 30px; width:50%;} .collection-icon-with-text .page-width { padding-right:0;} /* .product-icon-with-text .page-width { padding-right:0;} */ .about-image-with-text .image-with-text__content,.about-image-with-text .image-with-text__grid--reverse .image-with-text__content{padding-bottom:0} .image-banner-section .banner--large:not(.banner--adapt){min-height:300px} .image-banner-section h2.banner__heading.inline-richtext.h2{font-size:26px;letter-spacing:.26px;font-weight:500} .about-tab-slider.tab-slider-section .tab-slider-col.left,.about-tab-slider.tab-slider-section .tab-slider-col.right{width:100%} .about-tab-slider .tab-slider-col.left{max-width:100%} .about-tab-slider .tab-slider-row.image-right-position{flex-direction:column-reverse} .about-tab-slider.tab-slider-section .tab-slider-col.right{padding-right:0} .about-tab-slider.tab-slider-section .tab-slider-col.left{margin-top:30px} .about-tab-slider .tab-slider-col.left{margin:0 auto 10px} .about-gallery{display:none} .about-image-text-item .about-wrapper-left,.about-image-text-item .about-wrapper-right{width:100%} .about-image-text-item.layout-text_first .about-wrapper-right { padding-right: 0; } .about-image-text-block{margin-bottom:30px} .about-image-text-item .about-wrapper-right{padding-left:0;margin-top:30px} .about-image-text-item+.about-image-text-item{margin-top:40px} .two-image-with-text .about-two-image-with-text .image-with-text {padding:0px 20px;} .image-banner-section .banner--small:not(.banner--adapt) {min-height: 300px;} .pdp_slider_cover .product-image-main ul.swiper-wrapper {padding-bottom: 0px;} .product__accordion p {font-size:14px;} .image-with-faq-section .product-image-faq { background: transparent;} footer .newsletter-form__field-wrapper { margin: 0 auto;} } @media(max-width:575px){ .main-blog.page-width { padding-left: 0; padding-right: 0; } .main-blog h1, .main-blog .subtitle,.main-blog .blog-articles,.main-blog .read-more { padding-left: 20px; padding-right: 20px; } .main-blog .category{padding-left:20px;} .main-blog:not(.template-blog ) .category{ -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; } .main-blog:not(.template-blog ) .category .category-checkbox.custom-check-black { flex: 0 0 31.33%; max-width: 31.33%; } .main-blog .category::-webkit-scrollbar {display: none;} .ingredient-slider .swiper-horizontal>.swiper-scrollbar {top:102vw;} } @media(max-width:400px){ .home-slideshow .banner__heading {font-size: 22px;} .home-slideshow .banner__text h2 {font-size: 20px;} h2, .h2 {font-size: 20px;} /* h3, .h3 {font-size: 17px;} */ .commmon-content h2 {font-size: 20px;} .header-icon-wrapper-left.mobile-custom-g-translate-app select.gt_selector { width:90%;} .icon-with-text-wrapper ul li {max-width:50%;box-sizing: border-box;padding: 0 9px 30px;} .icon-with-text-wrapper ul {margin-left: -9px;margin-right: -9px;} .ingredient-slider .swiper-horizontal>.swiper-scrollbar {top:104vw;} .icon-with-text-wrapper.icon-text-mobile-slider ul li {width:auto;max-width: unset;} .category .swiper-slide{width:100px;padding-right:0px;padding-left:0} .main-blog:not(.template-blog ) .category .category-checkbox.custom-check-black {flex: 0 0 42%;max-width: 42%;} .price .price-item { white-space:nowrap;} .ingredient-slider .swiper-horizontal>.swiper-scrollbar {top:100vw;} .totals .totals__total-value, .totals>h2.totals__total {font-size: 1.2rem;} .product .footer-top-title{ font-size:10px;align-items:center;margin-bottom:10px;} .footer-top-title img{ width:16px;} .product p.invetry-satuts, .invetry-satuts + p.product__text.inline-richtext { font-size:10px;} footer .menu-copytext-wrapper{ flex-direction:column;align-items:center;gap:15px;} } @media screen and (max-width:349px) { h1, .h1, .title--primary {font-size: 26px;letter-spacing: .26px;} .announcement-bar__message {font-size:11px;} h2, .h2 { font-size: 20px;letter-spacing: .23px;} .image-banner-section h2.banner__heading.inline-richtext.h1 { font-size:26px!important;} .image-banner-section h2.banner__heading.inline-richtext.h2 { font-size:20px!important;} .about-icon-with-text-section h1.heading { font-size: 20px;} .icon-with-text-content h2 { font-size: 20px;} .icon-with-text-content .content p { font-size:13px;} h3, .h3 {font-size: 17px;} p { font-size:13px;} .button, .button-label, .shopify-challenge__button, .customer button {font-size:12px;padding: 0 20px;} .icon-with-text-wrapper ul li p {font-size:9px;} .footer-top .subtitle, .footer-top-title {font-size: 10px;} }