/** Shopify CDN: Minification failed

Line 298:57 Expected identifier but found whitespace
Line 298:58 Unexpected "var("

**/
@font-face { font-family: 'Montserrat'; src: url('/cdn/shop/files/Montserrat-Light.eot?v=1753957283'); src: url('/cdn/shop/files/Montserrat-Light.eot?v=1753957283') format('embedded-opentype'), url('/cdn/shop/files/Montserrat-Light.woff2?v=1753957281') format('woff2'), url('/cdn/shop/files/Montserrat-Light.woff?v=1753957281') format('woff'), url('/cdn/shop/files/Montserrat-Light.ttf?v=1753957283') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Montserrat'; src: url('/cdn/shop/files/Montserrat-Bold.eot?v=1753957282'); src: url('/cdn/shop/files/Montserrat-Bold.eot?v=1753957282') format('embedded-opentype'), url('/cdn/shop/files/Montserrat-Bold.woff2?v=1753957281') format('woff2'), url('/cdn/shop/files/Montserrat-Bold.woff?v=1753957282') format('woff'), url('/cdn/shop/files/Montserrat-Bold.ttf?v=1753957283') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Montserrat'; src: url('/cdn/shop/files/Montserrat-Medium.eot?v=1753957283'); src: url('/cdn/shop/files/Montserrat-Medium.eot?v=1753957283') format('embedded-opentype'), url('/cdn/shop/files/Montserrat-Medium.woff2?v=1753957282') format('woff2'), url('/cdn/shop/files/Montserrat-Medium.woff?v=1753957282') format('woff'), url('/cdn/shop/files/Montserrat-Medium.ttf?v=1753957282') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'Montserrat'; src: url('/cdn/shop/files/Montserrat-Regular.eot?v=1753957283'); src: url('/cdn/shop/files/Montserrat-Regular.eot?v=1753957283') format('embedded-opentype'), url('/cdn/shop/files/Montserrat-Regular.woff2?v=1753957281') format('woff2'), url('/cdn/shop/files/Montserrat-Regular.woff?v=1753957282') format('woff'), url('/cdn/shop/files/Montserrat-Regular.ttf?v=1753957282') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Montserrat'; src: url('/cdn/shop/files/Montserrat-SemiBold.eot?v=1753957282'); src: url('/cdn/shop/files/Montserrat-SemiBold.eot?v=1753957282') format('embedded-opentype'), url('/cdn/shop/files/Montserrat-SemiBold.woff2?v=1753957282') format('woff2'), url('/cdn/shop/files/Montserrat-SemiBold.woff?v=1753957281') format('woff'), url('/cdn/shop/files/Montserrat-SemiBold.ttf?v=1753957282') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'Montserrat'; src: url('/cdn/shop/files/Montserrat-ExtraBoldItalic.eot?v=1754022778'); src: url('/cdn/shop/files/Montserrat-ExtraBoldItalic.eot?v=1754022778') format('embedded-opentype'), url('/cdn/shop/files/Montserrat-ExtraBoldItalic.woff2?v=1754022777') format('woff2'), url('/cdn/shop/files/Montserrat-ExtraBoldItalic.woff?v=1754022778') format('woff'), url('/cdn/shop/files/Montserrat-ExtraBoldItalic.ttf?v=1754022778') format('truetype'); font-weight: 800; font-style: italic; font-display: swap; }

@font-face { font-family: 'Montserrat'; src: url('/cdn/shop/files/Montserrat-SemiBoldItalic.eot?v=1754023769'); src: url('/cdn/shop/files/Montserrat-SemiBoldItalic.eot?v=1754023769') format('embedded-opentype'), url('/cdn/shop/files/Montserrat-SemiBoldItalic.woff2?v=1754023769') format('woff2'), url('/cdn/shop/files/Montserrat-SemiBoldItalic.woff?v=1754023769') format('woff'), url('/cdn/shop/files/Montserrat-SemiBoldItalic.ttf?v=1754023770') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; }

@font-face { font-family: 'Montserrat'; src: url('/cdn/shop/files/Montserrat-Italic.eot?v=1754026470'); src: url('/cdn/shop/files/Montserrat-Italic.eot?v=1754026470') format('embedded-opentype'), url('/cdn/shop/files/Montserrat-Italic.woff2?v=1754026470') format('woff2'), url('/cdn/shop/files/Montserrat-Italic.woff?v=1754026470') format('woff'), url('/cdn/shop/files/Montserrat-Italic.ttf?v=1754026471') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'Montserrat'; src: url('/cdn/shop/files/Montserrat-ExtraBold.eot?v=1754048123'); src: url('/cdn/shop/files/Montserrat-ExtraBold.eot?v=1754048123') format('embedded-opentype'), url('/cdn/shop/files/Montserrat-ExtraBold.woff2?v=1754048122') format('woff2'), url('/cdn/shop/files/Montserrat-ExtraBold.woff?v=1754048122') format('woff'), url('/cdn/shop/files/Montserrat-ExtraBold.ttf?v=1754048123') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }

:root{ 
    --primary-color: #F3965E;
    --secondary-color: #838FC7;
    --green-color: #3D703A;
    --bg-color: #FFF4E4;
    --button-text: #312F30;
    --text-color: #312F30;
    --product-bg: #FFF9ED;
    --rc-widget-brand-color: var(--secondary-color) !important;
 }
/* .popup--description--wrapper {
    display: none;
} */
body { font-family: 'Montserrat', sans-serif !important; color: var(--text-color); }
*{  letter-spacing: 0 !important;}
h1, h2, h3, h4, h5, h6{ font-family: 'Montserrat', sans-serif !important; }
h1, h2, h3, h4, h5, h6, p{ margin: 0; }
ul, ol, a{ margin: 0; padding: 0; list-style: none; text-decoration: none; }
a.button{ min-width: 160px; min-height: 56px; line-height: 56px; padding: 0 10px; border-radius: 100px; font-size: 16px; font-weight: 600; text-align: center;   position: relative; transition: all 0.5s ease-in-out; z-index: 1; overflow: hidden; }
a.button::before, a.button::after { content: none !important; }
a.button::after, a.button::before{ content: none; }
a.button:hover{ background-color: var(--primary-color); color: var(--text-color); }
.page-width{ max-width: 1420px; }
.max-100{ max-width: 100%; }
.d-flex{ display: flex; }

/* start header */
.section-header.shopify-section-group-header-group{ z-index: 11; }
.section-header header.header { padding-top: 17px; padding-bottom: 17px; grid-template-columns: 1fr auto 1fr; }
header.header .header_btn a.button{ background-color: var(--primary-color); color: var(--button-text); }
header.header .header_btn a.button:hover{ background-color: var(--secondary-color); color: #fff; }
header.header .header__icons .header__icon { width: 56px; height: 56px; }
header.header .header__icons .header__icon .svg-wrapper { width: 56px; height: 56px; }
header.header .header__icons .header__icon .svg-wrapper svg{ transition: all 0.7s ease-in-out; }
header.header .header__icons .header__icon .svg-wrapper:hover svg{ transform: scale(1.1); }
header.header .header__icons .header_btn { margin: 0 15px 0 0; }
header.header .header__icons .header__icon--cart { margin: 0 15px 0 0; }
header.header .header__icons .header__icon--cart .cart-count-bubble { top: 0; bottom: auto; right: 0; left: auto; }
header.header .header__icons .header__icon--cart span.svg-wrapper { background-color: #ffebc3; border-radius: 50%; }
header.header .header__icons .header__icon--cart span.svg-wrapper .icon-cart, header.header .header__icons .header__icon--cart span.svg-wrapper .icon-cart-empty { width: 30px; height: 30px; }
.shopify-section.section-header::before { content: ''; background: url('/cdn/shop/files/header-after-img.webp?v=1754387538') repeat-x; position: absolute; left: 0; bottom: -32px; width: 100%; height: 118px; background-size: contain; }
.shopify-section.section-header .header-wrapper { border: none; }
.section-header .header-wrapper ul.list-menu a span { font-weight: 500; font-size: 16px; color: var(--text-color); position: relative; text-decoration: none; }
.section-header .header-wrapper ul.list-menu a span::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1.5px; display: inline-block; background-color: #312f30; transition: all 0.5s ease-in-out; }
.section-header .header-wrapper ul.list-menu a:hover span{ color: var(--primary-color); }
.section-header .header-wrapper ul.list-menu a:hover span::after{ width: 100%; background-color: var(--primary-color); }
.section-header .header-wrapper ul.list-menu a span.header__active-menu-item{ color: var(--primary-color); }
.section-header .header-wrapper ul.list-menu a span.header__active-menu-item::after{ width: 100%; background-color: var(--primary-color); }
.shopify-section-header-hidden { top: calc(-1 * (var(--header-height) + 32px)); }
/* end header */


/* start newsletter */
.newsletter{ position: relative; }
.newsletter::after{ content: ''; background: url('/cdn/shop/files/newsletter-after.webp?v=1753964324') repeat-x; position: absolute; left: 0; bottom: 0; width: 100%; height: 233px; }
.newsletter .newsletter_inner_ec { background-repeat: no-repeat; background-size: cover; border-radius: 20px; display: flex; align-items: end; padding: 50px 0 0 40px; }
.newsletter .newsletter__wrapper { max-width: 1320px; margin: 0 auto; padding:0 0 8rem; background-color: transparent; z-index: 1;}
.newsletter .newsletter_inner_ec .newsletter_content, .newsletter .newsletter_inner_ec .newsletter_img_sec { width: 100%; }
.newsletter .newsletter_inner_ec .newsletter_content { max-width: 665px; }
.newsletter .newsletter_inner_ec h2 { line-height: 56px; font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 700; text-align: left; }
.newsletter .newsletter_inner_ec .newsletter_content .newsletter-form { margin: 0; max-width: 604px; }
.newsletter .newsletter_inner_ec .newsletter_img{ line-height: 0; padding: 0 17px 0 0 ; }
.newsletter .newsletter_inner_ec button#Subscribe { position: initial; }
.newsletter .newsletter_inner_ec .newsletter-form__field-wrapper .field{ column-gap: 20px; }
.newsletter .newsletter_inner_ec .newsletter-form__field-wrapper .field__input { background-color: rgba(255 255 255 / 80%); min-height: 56px; border-radius: 100px; color: #000; padding: 17px 20px; }
.newsletter .newsletter_inner_ec .newsletter-form__field-wrapper .field__input:focus{ outline: none; box-shadow: none; }
.newsletter .newsletter_inner_ec .newsletter-form__field-wrapper .field__input::placeholder{ opacity: 1; color: #666666; }
.newsletter .newsletter_inner_ec .newsletter-form__field-wrapper .field::after, .newsletter .newsletter_inner_ec .newsletter-form__field-wrapper .field::before{ content: none; }
.newsletter .newsletter_inner_ec .newsletter-form__field-wrapper .field label.field__label{ display: none; }
.newsletter .newsletter_inner_ec .newsletter-form__field-wrapper { max-width: 100%; margin: 40px 0 29px 0; }
.newsletter .newsletter_inner_ec button.newsletter-form__button { position: initial; min-width: 216px; line-height: 56px; border-radius: 100px; background-color: #fff; font-size: 16px; font-weight: 600; color: var(--secondary-color); }
.newsletter .newsletter_inner_ec button.newsletter-form__button:hover{ background-color: var(--secondary-color); color: #fff; }
.newsletter_img img { max-width: 100%; }
/* end newsletter */

section.subscribe-section { position: relative; z-index: 2; overflow: hidden; }
.subscribe-section .grid{ position: relative; background-color: var(--secondary-color); padding: 78px 0 0 78px; border-radius: 20px; }
.subscribe-section .grid__item h2 p{ color: #fff; font-size: 40px; font-weight: 700; text-transform: uppercase; line-height: 100%; margin: 0; }
.subscribe-section .grid__item h2 p em{ font-weight: 800; color: var(--primary-color); }
.subscribe-section .grid__item p { font-size: 16px; line-height: 26px; color: #fff; margin: 16px 0 0 0; }
.subscribe-section .grid__item ul.subscribe-list { margin: 0; display: flex; flex-wrap: wrap; }
.subscribe-section .grid__item ul.subscribe-list li { color: #fff; font-size: 16px; font-weight: 600; font-style: italic; line-height: 100%; width: 100%; max-width: 50%; margin: 28px 0 0 0; position: relative;}
.subscribe-section .grid__item ul.subscribe-list li img { width: 24px; height: 24px; vertical-align: middle; margin-right: 4px; }
.subscribe-section .subscribe-buttons { margin-top: 44px; margin-bottom: 65px; }
.subscribe-section .subscribe-buttons .button--secondary { min-width: 175px; border: 2px solid #fff; color: #fff; background-color: transparent; margin-left: 17px; }
.subscribe-section .subscribe-buttons .button--secondary:hover{ background-color: #fff; color: var(--secondary-color); }
.subscribe-section .subscribe-buttons .button:nth-child(1) { color: var(--secondary-color); background-color: #fff; min-width: 226px; }
.subscribe-section .grid__item.right_img img { position: absolute; bottom: 0; right: -77px; max-width: 600px; }



section.benefits-section { padding-top: 45.4rem !IMPORTANT; position: relative; margin-top: -415px; }
.benefits-section h2.benefits-title { text-align: center; font-size: 40px; font-weight: 700; text-transform: uppercase; color: var(--text-color); }
.benefits-section .benefits-description { font-size: 16px; color: var(--text-color); line-height: 26px; max-width: 922px; margin: 13px auto 28px; text-align: center; }
.benefits-section .col-left, .benefits-section .col-right { display: flex; flex-direction: column; gap: 53px; }
.benefits-section .col-middle { display: flex; align-items: center; justify-content: center; }
.benefits-section .col-left .icon-item { text-align: right; margin-left: auto;}
.benefits-section .col-right .icon-item { text-align: left; margin-right: auto; }
.benefits-section .icon-item{ max-width: 266px; }
.benefits-section .icon-item img { height: 60px; }
.benefits-section .icon-item h4 { font-weight: 600; color: var(--text-color); font-size: 24px; margin: 5px 0 0 0; }
.benefits-section .icon-item p { font-size: 16px; line-height: 22px; font-style: italic; color: var(--text-color); }
.benefits-section .before-after-slider { max-width: 252px; margin: 0 auto; }
.benefits-section .slider-container { position: relative; overflow: hidden; max-width: 243px; margin: 0 auto; padding: 26px 15px; }
.benefits-section .slider-container .before-image { display: block; width: 100%; height: 457px; }
.benefits-section .slider-overlay { background-color: #FFF4E4; position: absolute; top: 50%; left: 0; width: 50%; height: 100%; overflow: hidden; border-right: 3px solid #fff; transform: translateY(-50%); }
.benefits-section .slider-overlay .after-image { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 457px; min-width: 227.84px; }
.benefits-section .slider-range { width: 100%; position: absolute; bottom: -50px; left: 0; opacity: 0; cursor: pointer; z-index: 5; }
.benefits-section .slider-handle { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; z-index: 10; cursor: ew-resize; }
.benefits-section .handle-line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 3px; height: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.benefits-section .handle-circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28px; height: 48px; background: #fff; border-radius: 40px; display: flex; align-items: center; justify-content: center; text-align: center; }
.benefits-section .sectiob_btn { text-align: center; }
.benefits-section .benefits_btn .button { background-color: var(--secondary-color); color: white; min-width: 302px; }
.benefits-section .benefits_btn .button:hover { background-color: var(--primary-color); color: var(--button-text); }

/* backed-trusted-section */
section.backed-trusted-section{ padding-top: 60px !important; position: relative; }
.backed-trusted-section .col-left img{ position: absolute; left: 0; bottom: 0; }
.backed-trusted-section .grid__item h2.section-title { color: var(--text-color); font-size: 40px; text-transform: uppercase; font-weight: 700; line-height: 50px; }
.backed-trusted-section .grid__item .section-description { color: var(--text-color); font-size: 16px; line-height: 22px; margin-top: 13px; }
.backed-trusted-section .grid__item p.section-subtitle { font-size: 16px; line-height: 22px; font-weight: 600; font-style: italic; color: var(--text-color); position: relative; padding-left: 12px; position: relative; margin-top: 34px; }
.backed-trusted-section .grid__item p.section-subtitle::after { content: ''; background-color: var(--text-color); position: absolute; left: 0; top: 0; width: 4px; height: 100%; }
.backed-trusted-section .icons-list { display: flex; flex-wrap: wrap; margin-top: 23px; }
.backed-trusted-section .icons-list .icon-item { width: 100%; max-width: 50%; padding-right: 30px; padding-bottom: 30px ;}
.backed-trusted-section .icons-list .icon-item:nth-child(2), .backed-trusted-section .icons-list .icon-item:nth-child(4) { padding-left: 30px; }
.backed-trusted-section .icons-list .icon-item:nth-child(1), .backed-trusted-section .icons-list .icon-item:nth-child(2) { border-bottom: 1px solid rgba(243, 150, 94, 0.2); padding-top: 10px; }
.backed-trusted-section .icons-list .icon-item:nth-child(1), .backed-trusted-section .icons-list .icon-item:nth-child(3) { border-right: 1px solid rgba(243, 150, 94, 0.2); }
.backed-trusted-section .icons-list .icon-item:nth-child(3), .backed-trusted-section .icons-list .icon-item:nth-child(4) { padding-top: 30px; }
.backed-trusted-section .icons-list .icon-item h4 { color: var(--text-color); font-size: 20px; font-weight: 600; }
.backed-trusted-section .icons-list .icon-item p { color: var(--text-color); font-style: italic; font-size: 16px; margin-top: 9px; }

/* brand-values */
.brand-values{ background-color: var(--bg-color); padding-top: 80px !important; padding-bottom: 0 !important; position: relative; overflow: hidden; }
.brand-values .brand-values-inner{ position: relative; }
/* .brand-values .brand-values-inner::after { content: ''; position: absolute; bottom: -53px; left: 0; width: 100%; background-color: #fff; height: 994px; display: inline-block; border-radius: 100%; } */
.brand-values .bottom_img { line-height: 0; }
.brand-values .brand-values-inner .brand-inner-box { background-color: #fff; border-radius: 100%; position: relative; z-index: 1; padding-top: 45px; padding-bottom: 222px; }
.brand-values h2.brand-values__title { text-align: center; font-size: 40px; font-weight: 700; line-height: 50px; text-transform: uppercase; max-width: 409px; margin: 0 auto; color: var(--text-color); }
.brand-values h2.brand-values__title strong{ color: var(--green-color); }
.brand-values .grid_img_left img, .brand-values .grid_img_right img { max-width: 196px; }
.brand-values .grid__item .brand-value-item h4 { color: var(--text-color); font-size: 16px; font-weight: 700; }
.brand-values .grid__item .brand-value-item p{ background-color: var(--bg-color); padding: 18px 23px; border-radius: 22.5px; font-size: 16px; color: var(--text-color); margin-top: 8px; line-height: 24px; }
.brand-values .grid__item .brand-value-item p strong{ color: var(--primary-color); }
.brand-values .grid_img_left { position: absolute; left: 0; bottom: 250px; left: 77px; }
.brand-values .bottom_img { line-height: 0; position: absolute; bottom: 0; width: 100%; left: 0; z-index: 1; }
.brand-values .bottom_img img{ max-width: 100%; width: 100%; }
.brand-values .brand-values-inner .grid_img_right { position: absolute; right: -236px; top: 50%; transform: translateY(-50%); }
.brand-values .brand-values-inner .brand-inner-box .grid__item { margin: 40px auto 0; max-width: 635px; }
.brand-values .brand-values-inner .grid::before{ content: ''; background: url('/cdn/shop/files/brand-values-after1.png?v=1754035009'); position: absolute; left: 231px; width: 62px; height:95px; background-size: cover; }
.brand-inner-box .grid__item .brand-value-item { margin-bottom: 24px; }
.brand-inner-box .grid__item .brand-value-item:last-child { margin-bottom: 0; }
.brand-values .brand-values-inner .brand-inner-box .grid_img_left:before { content: ""; background: url('/cdn/shop/files/brand-values-after2.png?v=1754035008'); position: absolute; left: -97px; top: 55px; width: 52px; height: 45px; background-size: cover; }
.brand-values .brand-values-inner .brand-inner-box .grid_img_right:before { content: ""; background: url('/cdn/shop/files/brand-values-after3.png?v=1754035009'); position: absolute; left: -71px; top: 50%; width: 52px; height: 45px; background-size: cover; transform: translateY(-50%); }

/* our-bestsellers */
.our-bestsellers .collection__title{ text-align: center; }
.our-bestsellers .collection__title h2 { font-size: 40px; font-weight: 700; text-transform: uppercase; color: var(--text-color); }
.our-bestsellers slider-component{ max-width: 1320px; margin: 0 auto; padding: 0; }
ul.product-grid { scroll-padding-left: 0 !important; }
ul.product-grid li:first-child { margin-left: 0 !important; scroll-margin-left: 0 !important; }
ul.product-grid li .card__inner { --ratio-percent: 94.74026% !important; }
ul.product-grid li .media img { object-fit: contain; z-index: 1; }

.product-grid li .card { border: 1px solid #312F30; border-radius: 6px; overflow: hidden; }
.product-grid li .card .card__media{ background-color: var(--product-bg); }
ul.product-grid li .card__content .card__information { padding: 24px 16px; }
ul.product-grid li .card__content .card__information h3 a { font-size: 20px; font-weight: 700; color: var(--text-color); }
ul.product-grid li .card__content .card__information .price { font-size: 24px; font-weight: 600; color: var(--text-color); }
.our-bestsellers .slider-counter { display: none; }
.product-grid li .card .card__media .media::after { content: ''; position: absolute; left: 50%; top: 50%; background: url('/cdn/shop/files/product-after.svg?v=1754295884'); width: 276px; height: 248px; background-size: 100%; transform: translate(-50%, -50%); }

.our-bestsellers .slider-buttons button { width: 52.54px; background-color: #fff; height: 52.54px; border: 1px solid #312F30; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); }
.our-bestsellers .slider-buttons button:hover{ background-color: var(--primary-color); border-color: var(--primary-color); }
.our-bestsellers .slider-buttons .slider-button--prev { left: -26px; }
.our-bestsellers .slider-buttons .slider-button--next { right: -26px; }

.real-results-review { padding-bottom: 0 !important; }
.real-results-review .rich-text__blocks { max-width: 1029px; }
.real-results-review h2 { font-size: 40px; font-weight: 700; text-transform: uppercase; color: var(--secondary-color); }
.real-results-review h2 span { color: var(--green-color); }
.real-results-review .rich-text__text p { font-size: 16px; line-height: 22px; color: var(--text-color); }
.real-results-review .rich-text__text { margin-top: 8px; }
.CarouselWidget .CarouselWidget__inner .header__inner{ background-image: none !important; background-color: var(--secondary-color) !important; }
.CarouselWidget-prefix .CarouselWidget .R-ReviewsList{ gap: 24px; }
.CarouselWidget .R-ReviewsList .R-ReviewsList__item { background-color: var(--bg-color); box-shadow: 0 0 6px #0000004d; max-width: 33.2% !IMPORTANT; width: 31.2% !important; flex-basis: initial !IMPORTANT; }
.CarouselWidget .R-ReviewsList .R-ReviewsList__item .item__inner { background-color: transparent !important; background-image: none !important; padding: 30px 8px !important; }
.CarouselWidget .CarouselWidget__inner .header__inner .cssVar-header__heading { font-size: 20px; font-family: Montserrat,sans-serif!important; font-weight: 600; letter-spacing: 0; }
.CarouselWidget .CarouselWidget__inner .cssVar-authorName { font-size: 16px !important; font-weight: 600 !important; font-family: Montserrat,sans-serif; color: var(--text-color); }
.CarouselWidget .CarouselWidget__inner .R-ReviewsList__item--body { font-size: 14px; color: var(--text-color); }
ul.product-grid li .card__content button.quick-add__submit { min-height: 56px; line-height: 56px; border-radius: 70px; padding: 0 10px; width: 89.2%; min-width: auto; margin: 0 auto; background-color: var(--secondary-color); color: #fff; font-size: 16px; font-weight: 600; }
ul.product-grid li .card__content button.quick-add__submit:hover{ background-color: var(--primary-color); color: var(--text-color); }
ul.product-grid li .card__content button.quick-add__submit::after, ul.product-grid li .card__content button.quick-add__submit::before{ content: none; }
ul.product-grid li .card__content .quick-add { margin-bottom: 17px; }
ul.product-grid li .card__content .card__information .card-information .ruk_rating_snippet { margin-top: 4px; }
ul.product-grid li .card__content .card__information .card-information .ruk_rating_snippet i { font-size: 14px; margin-right: 2px; }

footer.footer { border: none; padding-top: 54px; padding-bottom: 0; }
footer.footer .footer_logo { text-align: center;}
footer.footer .footer_logo_sec{ position: relative; }
footer.footer .footer_logo img { max-width: 235px; }
footer.footer .footer__content-top  .footer-block h2.footer-block__heading { font-size: 15.74px; line-height: 18.89px; font-weight: 600; text-transform: uppercase; margin-bottom: 12px; }
footer.footer .footer_logo_sec .logo_left_img { position: absolute; left: 21%; top: 0; }
footer.footer .footer_logo_sec .logo_right_img { position: absolute; right: 25%; top: 0; }
footer.footer .footer__content-top .footer__blocks-wrapper { margin-top: 29px; }
footer.footer .footer__content-top .footer-block__details-content p { font-size: 12px; line-height: 19px; color: #121212; }
footer.footer .footer__content-top .footer-block__details-content li .link { font-size: 11.02px; line-height: 27.55px; letter-spacing: 0.24px; color: #121212; margin: 0; padding: 0; text-decoration: none; position: relative; transition: all 0.5s ease-in-out; }
footer.footer .footer__content-top .footer-block__details-content li .link::after{ content: ''; background: url('/cdn/shop/files/upper-right-arrow.webp?v=1755086012'); position: absolute; width: 9px; height: 9px; background-size: 100%; display: inline-block; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; }
footer.footer .footer__content-top .footer-block__details-content li .link:hover::after{ opacity: 1; visibility: visible; margin-left: 8px; }
footer.footer .footer__content-top ul { justify-content: start; }
footer.footer .footer__content-top ul li.list-social__item .list-social__link{ padding: 0; }
footer.footer .footer__content-top ul li.list-social__item { margin: 0 16px 0 0; }
footer.footer .footer__content-top ul li.list-social__item:last-child{ margin: 0; }
footer.footer .footer__content-top ul.footer__list-social { margin-top: 23px; }
footer.footer .footer__content-bottom { padding: 20px 0; }
footer.footer .footer__content-bottom .footer__column .footer__payment{ margin: 0; }
footer.footer .footer__content-bottom .footer__column .footer__copyright { margin-top: 6px; }
footer.footer .footer__content-bottom .footer__column { flex-direction: column-reverse; row-gap: 7px; }
footer.footer .footer__content-bottom .footer__column .footer__copyright a { font-weight: bold; color: #121212; text-transform: capitalize; }

footer.footer .footer__content-top { padding-bottom: 4.1rem; }
footer.footer .footer__content-top .footer__blocks-wrapper{ justify-content: space-between; }
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block:nth-child(2) { max-width: 182px; }
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block:first-child { max-width: 327px; }
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block:nth-child(3) { max-width: 126px; }
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block:last-child { max-width: 282px; }
footer.footer .footer__content-top ul.list-unstyled { margin-top: 7px; }
footer.footer .footer__content-top ul.list-unstyled li .link img { vertical-align: middle; margin-right: 6px; }

/* blog listing poge */
.custom-our-blogs h1.title--primary { text-align: center; font-size: 40px; line-height: 50px; text-transform: uppercase; font-weight: 700; margin: 0; color: var(--text-color); }
.custom-our-blogs .blog-articles { grid-template-columns: 1fr 1fr 1fr; margin-top: 39px; column-gap: 40px; row-gap: 30px; }
.custom-our-blogs .main-blog { margin-top: 28px; }
.custom-our-blogs .blog-articles .article-card{ border: 1px solid var(--text-color); border-radius: 12.35px; overflow: hidden; }
.custom-our-blogs .blog-articles .card__inner { border-radius: 12.35px; }
.custom-our-blogs .blog-articles .card__inner::before { padding-bottom: 24.8rem; }
.custom-our-blogs .blog-articles .card__inner .media img{ object-position: center top; }
.custom-our-blogs .blog-articles .card__content .card__information { padding: 38px 30px 30px; }
.custom-our-blogs .card__content h3 a { font-size: 24px; line-height: 34px; font-weight: 600; color: var(--text-color); }
.custom-our-blogs .card__content p.article-card__excerpt { font-size: 16px; line-height: 26.15px; color: var(--text-color); margin-bottom: 14px; }
.custom-our-blogs .card__content .read-more-btn{ text-align: right; }
.custom-our-blogs .card__content .read-more { font-size: 16px; line-height: 26px; text-decoration: underline; text-underline-offset: 3px; color:#1A1919; }
.custom-our-blogs .blog-articles .article-card:hover .card__content h3 a{ color: var(--primary-color); text-decoration: none; }
.custom-our-blogs .blog-articles .article-card:hover .read-more{ color: var(--primary-color); }

.article-outer { display: flex; max-width: 1320px; margin: 66px auto 0; }
.article-outer article.article-template, .article-outer aside.article-sidebar { width: 100%; }
.article-outer article.article-template .media{ border-radius: 20px; }
.article-outer article.article-template .media img { object-position: center top; }
.article-outer article.article-template{ padding-right: 40px; }
.article-outer aside.article-sidebar { max-width: 430px; padding-left: 40px; border-left: 1px solid #666666; height: 100%; }
.latest-articles-list li.latest-article-item { margin-bottom: 20px; }
.latest-articles-list li.latest-article-item:last-child { margin-bottom: 0; }
.latest-articles-list li.latest-article-item a { display: flex; gap: 15px; border: 1px solid var(--text-color); border-radius: 12px; }
.latest-articles-list li.latest-article-item img.latest-article-image { height: 140px; width: 120px; object-fit: cover; border-radius: 12px 0 0 12px; }
.latest-articles-list li.latest-article-item .latest-article-title { color: var(--text-color); font-size: 16px; font-weight: 600; line-height: normal; }
.latest-articles-list li.latest-article-item .latest-article-info { display: flex; flex-direction: column; justify-content: space-between; padding: 20px 0; }
.latest-articles-list li.latest-article-item span.read-more { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #8187B9; text-decoration: underline; text-underline-offset: 3px; }
.article-outer aside.article-sidebar ul.latest-articles-list { margin-top: 23px; }
.latest-articles-list li.latest-article-item span.read-more:hover{ color: var(--primary-color); }
.article-outer aside.article-sidebar .article-top-flex { display: flex; justify-content: space-between; align-items: center; }
.article-outer aside.article-sidebar .article-top-flex h3.sidebar-heading { font-size: 24px; font-weight: 600; color: var(--text-color); }
.article-outer aside.article-sidebar .view-all-articles { font-size: 12px; font-weight: bold; color: var(--text-color); text-decoration: underline; }

.article-outer article.article-template header { margin: 38px 0 0 0; }
.article-outer article.article-template header h1 { font-size: 24px; font-weight: 600; text-transform: uppercase; color: var(--text-color); }
.article-outer .article-template__content { margin: 5px 0 0 0; }
.article-outer .article-template__content p { font-size: 15px; line-height: 24px; color: #666666; }
.article-outer .article-template__content h2, .article-outer .article-template__content h3 { font-size: 24px; font-weight: 500; margin-top: 32px; }
.article-outer .article-template__content h2{ margin: 0; }

/* start product page */
.product-form__buttons { display: flex; max-width: 100%; gap: 10px; align-items: start; }
.product-form__buttons .shopify-payment-button { width: 100%; }
.product-form__buttons button.product-form__sround-color: var(--primary-color); border: none; }
.product-form__buttons button.product-form__submit::after, .product-form__buttons button.product-form__submit::before { display: none; }
.product-form__buttons button.product-form__submit { background-color: var(--primary-color); border: none; font-size: 16px; font-weight: 700; color: #fff; min-height: 60px; border-radius: 4px; }
.paypal-button-row { height: 60px; border-radius: 5px; min-height: 60px; overflow: hidden; }
.single-product-page .product .product__media-wrapper slider-component ul.slider .product-media-container { border: none; }
.single-product-page .product ul.thumbnail-list { gap: 24px; }
.single-product-page .product ul.thumbnail-list li{ width: calc(25% - 17px) !important; }
.single-product-page .product .payment-img { background-color: var(--bg-color); padding: 14px 14px 3px; text-align: center; border-radius: 5px; }
.single-product-page .product .payment-img img.max-100 { max-width: 555px; margin: 0 auto; }
/* .single-product-page .product .product__info-wrapper .shopify-app-block { position: absolute; right: 12px; top: -9px; } */
.single-product-page .product .product__info-wrapper .shopify-app-block.recharge-subscription-widget { position: initial; }
.single-product-page .product .product__info-wrapper .shopify-app-block.recharge-subscription-widget recharge-subscription-widget{ max-width: 100%; }
.single-product-page .product__info-wrapper .product__description{ margin: 7px 0 0 0; }
/* .single-product-page .product__info-wrapper .product__title{ margin: 20px 0 0 0; } */
.single-product-page .product__info-wrapper .product__title {
    margin-top: 0px;
}
.single-product-page .product .product__info-wrapper section.product__info-container .shopify-block.shopify-app-block {
    margin-bottom: 0px;
}
.single-product-page .product__info-wrapper .product__description p { font-size: 16px; line-height: 26px; color: var(--text-color); }

.green-color{ color: var(--green-color); }
.purple-color{ color: var(--secondary-color); }
.single-product-page .product { padding-top: 60px; }
.single-product-page .product__info-wrapper .rating_title p.product__text { background-color: var(--bg-color); padding: 10px 15px; border-radius: 12px; font-size: 16px; font-weight: 600; color: var(--text-color); }
.single-product-page .product__info-wrapper h1 { font-size: 40px; font-weight: bold; color: var(--text-color); }
.single-product-page .product .product__info-wrapper section.product__info-container { max-width: 100%; }

section.joint-health-section { padding-top: 155px; padding-bottom: 179px; margin-top: 46px; }
section.joint-health-section .section-heading{ text-align: center; }
section.joint-health-section .joint-health-heading { font-size: 40px; font-weight: 700;  }
section.joint-health-section .section-heading p { max-width: 841px; margin: 17px auto 0; color: var(--text-color); font-size: 16px; line-height: 22px; }
.joint-health-container { display: flex; flex-wrap: wrap; gap: 48px; margin-top: 52px; }
.joint-health-left, .joint-health-right { flex: 1; min-width: 300px; }
.joint-health-heading { font-size: 28px; font-weight: bold; margin-bottom: 20px; }
.highlight-green { color: var(--secondary-color); }
.highlight-blue { color: var(--secondary-color); }
.joint-health-description { margin-bottom: 30px; }
.joint-health-container .tab-buttons { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; row-gap: 60px; }
.joint-health-container .tab-buttons .tab-button { background: #fff; border: 0.5px solid var(--text-color); cursor: pointer; transition: background .3s ease; min-width: 250px; line-height: 57px; min-height: 57px; color: var(--text-color); text-align: left; font-size: 15px; font-weight: 500; border-radius: 5px; padding-left: 18px; font-family: Montserrat, sans-serif !important; position: relative; }
.joint-health-container .tab-buttons .tab-button::after { content: ''; position: absolute; width: 100%; left: 0; bottom: -31px; height: 1px; background: repeating-linear-gradient( to right, #BC9A69 0, #BC9A69 8px, transparent 8px, transparent 16px ); }
.joint-health-container .tab-buttons .tab-button.active { background-color: var(--secondary-color); border-color: var(--secondary-color); color: #fff; }
.joint-health-container .tab-buttons .tab-button:hover{ background-color: var(--secondary-color); color: #fff; border-color: var(--secondary-color); }
.joint-health-container .tab-buttons .tab-button:last-child::after { display: none; }
.tab-content { display: none; opacity: 0; transition: opacity 0.3s ease; }
.tab-content.active { display: block; opacity: 1; }
.joint-health-container .joint-health-right .tab-title { font-weight: 600; margin-bottom: 10px; font-size: 24px; color: var(--text-color); }
.joint-health-button { display: inline-block; padding: 12px 20px; background: #7c6cf5; color: #fff; text-decoration: none; border-radius: 4px; margin-top: 20px; transition: background 0.3s ease; }
.joint-health-container .joint-health-right p { font-size: 16px; line-height: 22px; font-style: italic; color: var(--text-color); }
.joint-health-button:hover { background: #5a4edc; }
.joint-health-image { max-width: 100%; min-height: 452px; object-fit: cover; border-radius: 8px; object-fit: cover; }
.hidden { display: none !important; }
.joint-health-container .joint-health-right { display: flex; gap: 57px; align-items: center; }
.joint-health-container .joint-health-right .tab-buttons { max-width: 250px; }
.joint-health-container .joint-health-right .tab-buttons, .joint-health-container .joint-health-right .tabs-content { width: 100%; }
.joint-health-container .tabs-content .metafield-rich_text_field p a { min-width: 308px; background-color: var(--secondary-color); margin-top: 37px; display: inline-block; min-height: 56px; line-height: 56px; padding: 0 10px; border-radius: 100px; font-size: 16px; font-weight: 600; text-align: center; position: relative; transition: all .5s ease-in-out; z-index: 1; color: #fff; overflow: hidden; font-style: normal; }
.joint-health-container .tabs-content .metafield-rich_text_field p a:hover{ background-color: var(--primary-color); }

/* how-to-use */
h2.section-title { font-size: 40px; text-transform: uppercase; font-weight: 700; color: var(--text-color); }
h2.section-title strong{ color: var(--green-color); }
.how-to-use-section { padding: 60px 20px; background: #fff; text-align: center; }
.how-to-use-section .how-heading { margin-bottom: 35px; }
.how-to-use-section .how-title { font-size: 32px; font-weight: 700; margin-bottom: 10px; }
.how-to-use-section .how-title .green { color: var(--secondary-color); }
.how-to-use-section .how-subtitle { font-size: 16px; color: var(--text-color); }
.how-to-use-section .cards-listing { display: grid; gap: 40px; justify-content: center; margin-bottom: 40px; width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr; }
.how-to-use-section .card-box { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); max-width: 100%; text-align: left; position:relative; }
.how-to-use-section .card-image { width: 100%; height: 340px; display: block; object-fit: cover; border-radius: 10px; }
.how-to-use-section .card-info { padding: 15px 12px; position: absolute; bottom: 12px; background-color: #fff; border-radius: 8px; width: 100%; max-width: 90%; left: 50%; transform: translateX(-50%); }
.how-to-use-section .card-dosage { font-style: italic; font-weight: 600; font-size: 24px; display: flex; align-items: center; color: var(--text-color); line-height: normal; border-left: 2px solid #3D703A; padding-left: 10px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.how-to-use-section .card-weight { font-size: 16px; color: var(--text-color); font-weight: 600; margin-top: 11px; }
.how-to-use-section .easy-give-box { background: #fff3e6; padding: 25px 0; border-radius: 12px; max-width:100%; margin: 0 auto; }
.how-to-use-section .easy-title { font-weight: 600; font-size: 24px; margin-bottom: 15px; color: var(--text-color); }
.how-to-use-section .easy-options { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; }
.how-to-use-section .give-option { display: flex; align-items: center; gap: 15px; max-width: 324px; text-align: left; padding: 5px 0; position: relative; }
.how-to-use-section .give-option:first-child::after { content: ''; position: absolute; right: -40px; height: 70px; width: 1px; background: repeating-linear-gradient(to bottom,#BC9A69 0,#BC9A69 8px,transparent 8px,transparent 16px); top: 0; }
.how-to-use-section .give-icon { width: 50px; height: 50px; }
.how-to-use-section .give-text strong { display: block; font-weight: 600; margin-bottom: 0; font-size: 20px; }
.how-to-use-section .give-text p { font-size: 16px; color: var(--text-color); font-weight: 500; font-style: italic; line-height: normal; }

/* Tablet images styling */
.proven-benefits .image-with-text__grid .image-with-text__media { border: none;  }
.proven-benefits .image-with-text__grid .image-with-text__media-item{ padding: 0 82px; }
.proven-benefits .ingredients-wrapper p.ingredients-description { font-size: 16px; line-height: 22px; color: var(--text-color); margin: 10px 0 0 0; }
.ingredients-wrapper .ingredients-badge { background-color: #fff; max-width: 286px; display: flex; align-items: center; gap: 10px; border-radius: 12px; padding: 12px; margin-top: 18px; }
.ingredients-wrapper .ingredients-badge .badge-icon{ background-color: var(--green-color); width: 50px; height: 50px; border-radius: 50%; padding: 10px; min-width: 50px; }
.ingredients-wrapper .ingredients-badge .badge-icon img{ max-width: 100%; }
.ingredients-wrapper .ingredients-badge p.ingredients-badge-text { font-size: 16px; font-weight: 600; line-height: normal; color: var(--text-color); }
.ingredients-wrapper ul.ingredients-list { margin-top: 28px; }
.ingredients-wrapper ul.ingredients-list li.ingredient-item { display: flex; align-items: center; gap: 12px; margin-bottom: 19px; }
.ingredients-wrapper ul.ingredients-list li.ingredient-item:last-child { margin-bottom: 0; }
.ingredients-wrapper ul.ingredients-list li.ingredient-item img { max-width: 30px; }
.ingredients-wrapper ul.ingredients-list li.ingredient-item span.ingredient-text { font-size: 20px; font-weight: 600; color: var(--text-color); font-style: italic; }

.why-choose-section { padding: 80px 0 0; background-color: #fff; position: relative; }
.why-choose-wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.why-choose-section .why-left { padding-right: 20px; max-width: 737px; padding-bottom: 80px; }
.why-choose-section .why-heading { font-size: 32px; font-weight: bold; margin-bottom: 10px; }
.why-choose-section .why-heading .green { color: #4CAF50; }
.why-choose-section .why-subheading { font-size: 16px; color: var(--text-color); line-height: 22px; max-width: 77%; margin-top: 10px;}
.why-choose-section .comparison-table { width: 100%; border-collapse: separate; margin-top: 40px; }
.why-choose-section .comparison-table th, .why-choose-section .comparison-table td { border: 1px solid var(--text-color); padding: 13px 16px; text-align: left; }
.why-choose-section .comparison-table td { font-size: 16px; font-weight: 600; border-bottom: none; border-right: none; }
.why-choose-section .comparison-table tr:last-child td { border-bottom: 1px solid var(--text-color); }
.why-choose-section .comparison-table td:last-child { border-right: 1px solid var(--text-color); }
.why-choose-section .comparison-table td svg{ vertical-align: middle; }
.why-choose-section .comparison-table td:nth-child(2) { background-color: var(--secondary-color); text-align: center; }
.why-choose-section .comparison-table td:nth-child(3) { background-color: var(--bg-color); text-align: center; }
.why-choose-section .comparison-table th { font-size: 20px; font-weight: 600; border-radius: 12px 12px 0 0; border-right: none; border-bottom: none; }
.why-choose-section .comparison-table th:last-child { border-right: 1px solid var(--text-color); }
.why-choose-section .brand-header { background-color: var(--secondary-color); color: #fff; }
.why-choose-section .why-right {text-align: center; position: absolute; right: 0; bottom: 0; max-width: 28.1%; line-height: 0; }
.why-choose-section .why-right::after { content: ''; position: absolute; right: 0; top: 0; background: url('\/cdn/shop/files/why-choose-aftert.webp?v=1754652665'); width: 100%; max-width: 557px; height: 100%; }
.why-choose-section .right-img { max-width: 100%; height: auto; position: relative; z-index: 1; }

.nutrition-facts-section .section-heading{ text-align: center; }
.section-heading p { color: var(--text-color); }
.nutrition-facts-section .nutrition-grid { display: grid; grid-template-columns: 1fr 1.4fr 1fr; align-items: start; gap: 30px; max-width: 100%; margin: auto; margin-top: 34px; }
.nutrition-facts-section .nutrition-box { background: #fff; padding: 23px 30px; border-radius: 12px; margin-bottom: 30px; }
.nutrition-facts-section .nutrition-box:first-child{ max-width: 270px; }
.nutrition-facts-section .nutrition-box:last-child { margin-bottom: 0; }
.nutrition-facts-section .nutrition-grid .nutrition-left{ margin-top: 62px; position: relative; }
.nutrition-facts-section .nutrition-left h3 { font-size: 20px; font-weight: 600; margin-bottom: 0; color: var(--text-color); }
.nutrition-facts-section .nutrition-left  p { font-size: 16px; line-height: 22px; color: var(--text-color); margin-top: 7px; }
.nutrition-facts-section .nutrition-center { text-align: center; }
.nutrition-facts-section .product-image img { max-width: 100%; height: auto; }
.nutrition-facts-section .nutrition-includes h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.nutrition-facts-section .nutrition-table-wrapper { overflow-x: auto; }
.nutrition-facts-section .nutrition-table { width: 100%; border-collapse: separate; background-color: var(--bg-color); }
.nutrition-facts-section .nutrition-table td { padding: 8px 15px; border: 1px solid #4A4040; font-size: 14px; font-weight: 600; border-bottom: none; border-right: none; background-color: #fff; color: var(--text-color); }
.nutrition-facts-section .nutrition-table td:last-child {  background-color: var(--secondary-color); text-align: center; color: #fff; border-right: 1px solid #4A4040; }
.nutrition-facts-section .nutrition-table tr:last-child td{border-bottom: 1px solid #4A4040; }
.nutrition-facts-section .table-note { font-size: 12px; color: var(--text-color); margin-top: 4px; text-align: right; font-weight: 600; }
/* .nutrition-facts-section .nutrition-table tr:first-child td{border-radius: 12px 12px 0 0; } */
.nutrition-facts-section .nutrition-box .nutrition-includes h3{ font-size: 20px; }
.nutrition-facts-section .nutrition-box .nutrition-includes p{ font-size: 14px; }
.nutrition-center .product-image::after { background: url('/cdn/shop/files/after-img2.webp?v=1754565038') no-repeat; content: ''; position: absolute; right: 0; top: 0; width: 208px; height: 94px; background-size: 100%; }
.nutrition-center .product-image::before { content: ''; position: absolute; left: 0; bottom: 28%; background: url('/cdn/shop/files/after-img1.webp?v=1754565038') no-repeat; width: 149px; height: 62px; background-size: 100%; }
.nutrition-facts-section .nutrition-grid .nutrition-left::after { content: ''; background: url('/cdn/shop/files/aftern-ew.webp?v=1754566521') no-repeat; position: absolute; right: -19%; top: -10%; width: 149px; height: 37px; background-size: 100%; }

.faq-section .collapsible-content-wrapper-narrow { max-width: 100%; padding: 0; }
.faq-section .collapsible-content-inner { background-color: #fff; padding: 50px 40px 0; border-radius: 20px; width: 100%; max-width: 1320px; display: flex; margin: 0 auto; gap: 80px; }
.faq-section .collapsible-content-inner .faq_img{ line-height: 0; margin-top: 51px; }
.faq-section .collapsible-content-inner .faq_img img { max-width: 86%; }
.faq-section .collapsible-content-inner .collapsible-content__media{ border: none; }
.faq-section .collapsible-content-inner .collapsible-content__header { max-width: 437px; width: 100%; text-align: left !important; }
.faq-section .collapsible-content-inner h2.collapsible-content__heading { font-size: 40px; font-weight: 700; text-transform: uppercase; margin: 0; }
.faq-section .collapsible-content-inner h2.collapsible-content__heading strong{ color: var(--green-color); font-weight: 700; }
.faq-section .collapsible-content-inner .collapsible-content__header p.caption-with-letter-spacing { font-size: 16px; line-height: 22px; text-transform: none; color: var(--text-color); margin-top: 8px; }
.faq-section .collapsible-content-inner .collapsible-content__grid-item{ max-width: 35%; }
.faq-section .accordion summary h3.accordion__title.inline-richtext.h4 { font-size: 20px; font-weight: 600; color: var(--text-color); text-decoration: none; }
.faq-section .collapsible-content-inner .grid { width: 100%; }
.faq-section .collapsible-content-inner .accordion { border-top: none; border-bottom: 1px solid #666; }
.faq-section .collapsible-content-inner svg.icon-caret { width: 18px; height: 11px; }
.faq-section .collapsible-content-inner svg.icon-caret path { fill: var(--text-color); }
.faq-section .collapsible-content-inner .accordion { border-top: none; border-bottom: 1px solid #666; padding: 21px 0; }
.faq-section .collapsible-content-inner .accordion summary{ padding: 0; }
.faq-section .collapsible-content-inner .accordion summary:hover{ background-color: transparent; text-decoration: none; }
.faq-section .collapsible-content-inner .accordion .accordion__content { padding: 13px 0 0 0; margin: 0; }
.faq-section .collapsible-content-inner .accordion .accordion__content p { font-size: 16px; line-height: normal; color: var(--text-color); }

.single-product-page .product .quantity-outer { display: flex; gap: 17px; align-items: start; }
.single-product-page .product .quantity-outer .product-form__quantity { max-width: 84px; margin: 0; }
.single-product-page .product .quantity-outer div { width: 100%; max-width: 100%; }
.single-product-page .product .quantity-outer button.quantity__button{ width: 100%; max-width: 100%; }
.single-product-page .product .quantity-outer quantity-input.quantity::after, .single-product-page .product .quantity-outer quantity-input.quantity::before{ display: none; }
.quantity-outer quantity-input.quantity{ border-radius: 6px; border: 2px solid var(--primary-color); min-height: 60px; max-width: 90px; }
.single-product-page .product .quantity-outer input{ border-right: 2px solid var(--primary-color); max-width: 52px; }
.single-product-page .product .quantity-outer button.quantity__button[name="plus"] { border-bottom: 2px solid var(--primary-color); }
.single-product-page .product .quantity-outer button.quantity__button{ height: 50%; }
.quantity-outer product-form.product-form{ margin: 0; }


small#shopify-buyer-consent { display: none; }
.cust-quantity { display: flex; gap: 19px; margin-bottom: 31px; }
.custom-quantity legend.form__label { font-size: 20px; font-weight: 600; color: var(--text-color); margin-bottom: 10px; }
.custom-quantity variant-selects label { width: 100%; border: 1px solid var(--primary-color) !important; border-radius: 8px !important; position: relative !important; outline: 1px solid transparent; text-align: center; font-size: 16px !important; font-weight: 500 !important; color: var(--text-color) !important; padding: 0 0 9px 0 !important; margin: 0 !important; }
.custom-quantity variant-selects label .custm--variant-image { text-align: center; background-color: var(--bg-color); padding: 21px 0; border-radius: 8px 8px 0 0; margin-bottom: 9px; }
.custom-quantity variant-selects img { width: 100%; display:block; margin:0 auto 16px; }
.custom-quantity variant-selects label input.qty-radio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.custom-quantity variant-selects fieldset.js.product-form__input { display: flex; max-width: 100%; gap: 18px; }
.product-form__input--pill input[type=radio]:checked+label{ background-color:transparent !important; border:1px solid var(--primary-color); outline-color: var(--primary-color); }


/* end product page */

.drawer__footer_upsell:not(.slick-initialized){ height:90px; overflow:hidden; }
.cart-upsell-products-detail { display: flex; align-items: center; gap: 15px; width: 100%; justify-content: space-between; }
.cart-upsell-products-img img { max-height: 70px; object-fit: cover; max-width: 70px; }
.drawer__footer ul.slick-dots li { list-style: none; line-height:0px; }
.cart-upsell-products-inner { display: flex; align-items: center; gap: 15px; margin: 10px 0px; cursor:grab; width:100%; }
.drawer__footer ul.slick-dots li button { font-size: 0px; width: 10px; height: 10px; border-radius: 50px; max-width: 10px; border: 0px; min-height: 10px; padding: 0px; cursor:pointer; }
.drawer__footer ul.slick-dots { display: flex; gap: 4px; position: absolute; top: -17px; right: 0px; }
.drawer__footer summary { line-height: normal; padding: 6px 0px; border-top: .1rem solid rgba(var(--color-foreground), .2); margin-top: 16px; }
.drawer__footer ul.slick-dots li.slick-active button { background: currentColor; }
.cart-upsell-products-detail-inner h4 { font-size: 14px; font-weight: 600; }
.cart-upsell-products-detail-inner span { font-size: 13px; }
.drawer__inner .drawer__footer .cart-drawer__footer { padding-top: 0px; }
.cart-upsell-products-inner button.product-form__submit { padding: 0px; min-height: 32px; font-size: 14px; min-width: 100px; margin-top: 12px; letter-spacing:0px; max-width: max-content; }
.drawer__footer { padding-top: 6px; }
.upsell-product-slider .swiper-pagination { display: none; }

cart-drawer.drawer .drawer__header h2.drawer__heading { font-size: 21px; text-transform: uppercase; font-weight: 700; }
.progress-container .progress-bar{ background-color: var(--primary-color); }
cart-drawer.drawer td.cart-item__media { text-align: center; }
cart-drawer.drawer td.cart-item__media img.cart-item__image { height: 77px; object-fit: cover; width: auto; margin: 0 auto; }
cart-drawer.drawer td.cart-item__details .cart-item__name { font-weight: 700; font-size: 16px; }
cart-drawer.drawer span.price { font-size: 14px; font-weight: bold; }
cart-drawer.drawer h3.upsell-collection-heading { font-size: 14px; font-weight: 700; }
cart-drawer.drawer .cart-upsell-products-img img { object-fit: contain; }
.single-product-page cart-drawer.drawer .product-form__buttons button.product-form__submit{ font-size: 14px; }
.cart__ctas button.cart__checkout-button { border-radius: 70px; font-weight: 600; font-size: 14px;  }
.cart__ctas button.cart__checkout-button:hover{ background-color: var(--primary-color); color: var(--text-color); }
.cart__ctas button.cart__checkout-button::after, .cart__ctas button.cart__checkout-button::before { display: none; }
cart-drawer.drawer .cart-drawer__footer h2 { font-weight: 700; }
cart-drawer.drawer .cart-drawer__footer .totals__total-value { font-weight: 700; font-size: 15px; color: var(--text-color); }
cart-drawer.drawer quantity-input.quantity { min-height: 37px; }
.product-form .loading__spinner { width: 30px !IMPORTANT; height: 30px !important; }
.content-for-layout cart-items { padding-top: 63px; }
cart-items .title-wrapper-with-link h1.title { font-size: 21px; font-weight: 700; text-transform: uppercase; }
.cart-items .cart-item__image-container img.cart-item__image { width: 130px; height: 130px; object-fit: contain; }
cart-items tr.cart-item td.cart-item__details .cart-item__name { font-size: 16px; font-weight: 700; color: var(--text-color); }
cart-items tr.cart-item td.cart-item__details .product-option, cart-items tr.cart-item .cart-item__price-wrapper span.price { font-weight: 600; color: var(--text-color); }
.content-for-layout .totals h2.totals__total, .content-for-layout .totals .totals__total-value { font-size: 16px; font-weight: 700; color: var(--text-color); }
cart-items table.cart-items th { font-weight: 600; color: var(--text-color); font-size: 14px; }

.collection-hero .collection-hero__text-wrapper h1.collection-hero__title { font-size: 40px; text-transform: uppercase; font-weight: 700; color: var(--text-color); margin: 59px 0 0 0; }
facet-filters-form.facets h2, facet-filters-form.facets h2 span { font-size: 16px; font-weight: 600; color: var(--text-color); }
facet-filters-form.facets summary.facets__summary { font-size: 16px; font-weight: 400; color: var(--text-color); }
facet-filters-form.facets .select select{ font-size: 16px; color: var(--text-color); padding: 0 7px; }

/* account page css start */
.account-mainouter .acctabs-box .tab button.tablinks.reallinks a { display: block; }
.account-mainouter .acctabs-box .tab button.tablinks.reallinks a { display: block; font-size: 16px; }
.account-mainouter .tab button.tablinks.reallinks { background: #fff;  }
.account-mainouter .tab button.tablinks.reallinks:hover { background: #312F30 !important; color: #000; }
.account-mainouter .tab button.tablinks.reallinks a, .account-mainouter button.tablinks { text-decoration: none; color: #000000; font-size: 20px; font-family:Montserrat,sans-serif!important; }
.account-mainouter button:after, .account-mainouter button:before { display: none; }
.account-maininner { margin: 30px 0  0; display: flex; gap:39px;}
.account-maininner .customer.account h2, .account-mainouter h1 { font-size: 16px; color: #312f30; font-weight: 700; border-bottom: 1px solid #868686; padding-bottom: 9px; text-transform: uppercase; }
.account-maininner .outer_user_details .user_details p { margin: 0; font-size: 18px; color: #312F30; }
.acctabcont-box .outer_user_details { margin-top: 14px; }
.account-maininner .outer_user_details .user_details p span { font-weight: 600; }
.account-mainouter { padding-top: 50px; }
.account_header_cus h3 { color: #312f30; font-size: 20px; margin: 0; font-weight: 600; }
.account_header_cus p { margin: 0; color: #312F30; font-size:16px; }
.acctabs-boxouter { flex: 0 0 20%; max-width: 20%; }
.account-maininner .acctabcont-boxouter { flex: 0 0 75%; max-width: 75%; overflow-y: auto; }
.account-maininner .tab button { display: block; background-color: inherit; color: #000; padding: 20px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: .3s; background: #fff; font-size: 16px; font-weight: 500; text-transform:uppercase; }
.account-maininner .tab button.active { background-color: #312F30; color: #fff; }
.account-maininner .tabcontent { padding: 0; width: 100%; border-left: none; display: none; }
.account-maininner .sub-tabs { display: none; padding-left: 0px; background: #fff; }
.account-maininner .sub-tab { width: 100%; padding: 10px; font-size: 15px; background-color: inherit; color: black; border: none; text-align: left; cursor: pointer; transition: 0.3s; }
.account-mainouter .tab button.tablinks.reallinks:hover a { color: #fff; }

.login-register-page .login-button-cus button { width: 100%; border-radius: 70px; min-height: 56px; }
.login-register-page .login-button-cus button::after, .login-register-page .login-button-cus button::before { display: none; }
.login-register-page .login-button-cus button { width: 100%; border-radius: 70px; min-height: 56px; font-size: 16px; font-weight: 600; letter-spacing: 0.3px !important; }
.login-register-page .login-button-cus button:hover { background-color: var(--primary-color); color: var(--text-color); }
.login-register-page .login-button-cus a { font-size: 16px; font-weight: 600; text-transform: capitalize; color: var(--text-color); }

.account-pages .account-layout { margin-top: 20px; margin-bottom: 50px;}
.account-content .add-new-address { display: flex; align-items: center; justify-content: space-between; }
.account-content .content-section h2 { font-size: 16px; font-weight: 700; border-bottom: 1px solid #868686; padding-bottom: 8px; color: var(--text-color); }
.account-pages { max-width: 100% !important; padding: 0 !important; margin-top: 57px !important; }
.account-header h1 { font-size: 20px; font-weight: 600; color: var(--text-color); margin: 0 !important; }
.account-header p { font-size: 16px; color: var(--text-color); margin: 0; }
.account-layout { display: flex; gap: 39px; margin-top: 63px; }
.account-layout .account-sidebar { max-width: 255px; }
.account-layout .account-sidebar, .account-layout .account-content { width: 100%; }
.account-sidebar .nav-links .nav-link { display: block; background-color: inherit; color: var(--text-color); padding: 0 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: .3s; background: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; min-height: 56px; line-height: 56px; text-decoration: none; }
.account-sidebar .nav-links .nav-link.active { background-color: var(--text-color); color: #fff; }
.account-content .content-section .half-column { display: flex; width: 100%; gap: 26px; }
.account-content .content-section .form-group{ width: 100%; margin-top: 13px; }
.account-content .content-section .form-group label { display: inline-block; width: 100%; font-size: 16px; color: var(--text-color); }
.account-content .content-section .form-group input { width: 100%; border: none; background-color: #F6F6F6; padding: 0 25px; font-size: 16px; line-height: 59px; font-weight: 500; font-family: Montserrat,sans-serif!important; }
.account-content .content-section .form-group input:focus{ outline: none; box-shadow: none; border-color: var(--button-text); }
.account-content .content-section button.btn { border-radius: 70px; background-color: var(--text-color); font-size: 16px; font-weight: 700; }
.account-content .content-section button.btn:hover{ background-color: var(--primary-color); color: var(--text-color); }
.account-content .content-section button.btn.update-account { min-width: 231px; }
.account-content .content-section button.btn::after, .account-content .content-section button.btn::before { display: none; }
.account-layout .account-content .addresses { max-width: 100% !important; padding: 0 !IMPORTANT; text-align: left !important; margin: 0 !important; }
.account-layout .account-content .addresses h1 { font-size: 16px; font-weight: 700; border-bottom: 1px solid #868686; padding-bottom: 8px; color: var(--text-color); }
.account-layout .account-content .address-main-outer { padding: 27px 32px; background: #f6f6f6; margin: 0 0 26px; display: flex; align-items: end; justify-content: space-between; align-items: center; }
.address-main-outer .address-main-content p { text-align: left; font-size: 14px; color: var(--text-color); }
.account-content button { border-radius: 70px; }
.account-content button::after, .account-content button::before { display: none; }
.account-content button:hover{ background-color: var(--primary-color); color: var(--text-color); }
.account-content .address-main-btns button { background-color: transparent !important; min-height: auto; line-height: normal; color: var(--text-color); font-size: 14px; text-decoration: underline; }
.account-content .address-main-btns button:hover{ color: var(--primary-color); }
.account-content .customer button { margin: 11px 0 0 0; font-weight: 600; }
.account-content .addresses ul li { margin-top: 20px; }
.account-content .customer form { margin-top: 2rem; }
.account-content .customer input, .account-content .customer select { background-color: #f6f6f6; border: none; min-height: 59px; line-height: 59px;}
.account-content .customer .field::after, .account-content .customer .select::after, .account-content .customer .select::after, .account-content .customer .field::before { display: none; }
.account-content .customer .select span.svg-wrapper { width: 16px; height: 16px; right: 12px; top: 16px; }
.account-content .customer input[type=checkbox] { min-height: auto; line-height: normal; }

.account-content .orders-container .order-item { display: flex; gap: 26px; align-items: start; background: #F6F6F6; padding: 11px; }
.account-content .orders-container .product-image, .account-content .orders-container .product-details, .account-content .orders-container .product-price { width: 100%; }
.account-content .orders-container .product-image{ max-width: 117px; }
.account-content .orders-container .product-price{ max-width: 117px; text-align: right; }
.account-content .product-details .product-name { font-size: 14px; font-weight: 700; color: var(--text-color); }

.account-content .order-item .spec { font-size: 14px; color: var(--text-color); }
.account-content .order-item span { font-weight: 700; }

.shopify-policy__container { margin: 60px auto 0; max-width: 1320px; }
.shopify-policy__container h1 { font-size: 29px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; color: var(--text-color); text-align: left; }
.shopify-policy__container h2, .shopify-policy__container h3 { font-weight: 600; }
.shopify-policy__container p { font-size: 14px; margin: 10px 0; color: var(--text-color); }

.custom-kollektionen main.content-for-layout { margin-top: 37px; }
.custom-kollektionen h1.title { font-size: 40px; font-weight: 700; text-transform: uppercase; }
.collection-list li.collection-list__item .card { border: 1px solid #312F30; border-radius: 6px; overflow: hidden; }
.collection-list li.collection-list__item .card h3.card__heading a { font-size: 18px; font-weight: 600; text-align: center; }
.collection-list li.collection-list__item .card .card__media { background-color: var(--product-bg); }
.collection-list li.collection-list__item .card .card__inner{ --ratio-percent: 94.74026% !important; }
.collection-list li.collection-list__item .card .card__media .media img { object-fit: contain; }

.custom-kontakt #MainContent .page-width {  max-width: 985px; }
.custom-kontakt h1.main-page-title { margin: 19px 0 0 0; font-size: 40px; font-weight: 700; text-transform: uppercase; }
.custom-kontakt .field::after, .custom-kontakt .field::before { display: none; }
.custom-kontakt .field input, .custom-kontakt .field textarea { background-color: #F6F6F6; min-height: 59px; border-radius: 10px; }
.custom-kontakt .contact__button button{ min-width: 231px; min-height: 56px; font-size: 16px; font-weight: 700; border-radius: 70px; line-height: 56px; }
.custom-kontakt .contact__button button:hover{ background-color: var(--primary-color); color: var(--text-color); }
.custom-kontakt .contact__button button::after, .custom-kontakt .contact__button button::before { display: none; }

ul.selling-plan--wrapper { display: none; }
.subscription-box { max-width: 100%; }
.subscription-title { font-size: 20px; font-weight: 600; margin-bottom: 20px; color: var(--text-color); }
.subscription-box .option { border: 1px solid var(--primary-color); border-radius: 7px; margin-bottom: 15px; padding:15px 19px; background: white; transition: all 0.2s ease; }
.option:hover { box-shadow: 0 2px 8px rgba(240, 133, 58, 0.1); }
.option-label { display: flex; align-items: center; cursor: pointer; width: 100%; }
.subscription-box .custom-radio{ width: 30px; height: 30px; position: relative; margin-right: 19px; min-width: 30px; }
.subscription-box .custom-radio input[type="radio"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.subscription-box .custom-radio span{ width: 100%; height: 100%; border: 1px solid #969696; border-radius: 50%; display: inline-block; position: relative; }
.subscription-box .custom-radio span::after{ content: ''; width: 80%; height: 80%; border-radius: 50%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: var(--primary-color); opacity: 0; visibility: hidden; }
.subscription-box .custom-radio input[type="radio"]:checked + span::after{ opacity: 1; visibility: visible; }
.subscription-box .option-text { flex: 1; font-size: 18px; font-weight: 500; color: var(--text-color); }
.price { font-size: 18px; font-weight: 600; color: var(--primary-color); }
.price del { color: #999; font-size: 14px; margin-left: 8px; text-decoration: line-through; }
.delivery-section { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; }
.delivery-label { font-size: 14px; color: #666; margin-bottom: 15px; font-weight: 500; }
.intervals { display: flex; gap: 10px; }
.interval-button { flex: 1; padding: 12px 16px; border: 1px solid #ddd; border-radius: 6px; background: white; cursor: pointer; transition: all 0.2s ease; display: flex; flex-direction: column; align-items: center; min-height: 60px; justify-content: center; }
.interval-button:hover { border-color: var(--primary-color); }
.interval-button.active { background: #333; color: white; border-color: #333; }
.interval-button .month-text { font-size: 14px; font-weight: 500; margin-bottom: 4px; }
.interval-button .save-text { font-size: 12px; opacity: 0.8; }
.subscription-box .price span.diswcounted--price, .subscription-box .option.one-time span.price--text { font-size: 24px; font-weight: 700; color: var(--primary-color); text-decoration: none; }
.subscription-box .price--text sub { font-size: 12px; font-weight: 400; color: var(--text-color); position: relative; bottom: 5px; right: 5px; }
.subscription-box .subscription--price--wrapper { display: flex; width: 100%; justify-content: space-between; align-items: center; }
.subscription-box .price--text { position: relative; bottom: -6px; font-size: 18px; font-weight: 400; color: var(--text-color); text-decoration: line-through; }
.subscription-box .option.subscription .price span.diswcounted--price sub { font-size: 12px; font-weight: 400; color: var(--text-color); position: relative; bottom: 5px; right: 5px; }



.subscription-box ul.selling-plan--wrapper { margin-top: 24px; padding-left: 52px; gap: 11px; }
.subscription-box ul.selling-plan--wrapper li { min-height: 57px; line-height: 57px; color: var(--text-color); border: 1px solid var( --text-color); font-size: 18px; font-weight: 500; text-align: center; border-radius: 5px; width: 100%; cursor: pointer; }
.subscription-box ul.selling-plan--wrapper li.active { background-color: var(--secondary-color); border-color: var(--secondary-color); color: #fff; }
.subscription-box ul.selling-plan--wrapper li:hover{ background-color: var(--secondary-color); border-color: var(--secondary-color); color: #fff; }

.faq-section.faq-page { margin-bottom: 50px; }
.faq-section.faq-page .collapsible-content-inner { flex-wrap: wrap; padding-bottom: 20px; gap: 0; max-width: 1000px; }
.faq-section.faq-page .collapsible-content-inner .collapsible-content__header { max-width: 100%; width: 100%; text-align: center !important; }
.faq-section.faq-page .collapsible-content-inner .accordion:last-child { border: none; }

.article-template__comment-wrapper { background-color: transparent; }
.article-template__comments article.article-template__comments-comment { border: 1px solid var(--text-color); border-radius: 10px; margin-top: 11px; }
.article-template__comments article.article-template__comments-comment footer.right { text-align: left; }
.article-template__comments article.article-template__comments-comment footer.right span.circle-divider { font-size: 20px; font-weight: 600; color: var(--text-color); text-transform: capitalize; }
.article-template__comment-wrapper h2 { font-size: 28px; text-transform: uppercase; color: var(--text-color); font-weight: 700; }
.article-template__comment-wrapper .article-template__comments { margin-bottom: 30px; }
.article-template__comment-wrapper .field::after, .article-template__comment-wrapper .field::before { display: none; }
.article-template__comment-wrapper .field input, .article-template__comment-wrapper .field textarea { background-color: #F6F6F6; border-radius: 10px; }
.article-template__comment-wrapper .field input:focus, .article-template__comment-wrapper .field textarea:focus { outline: none; box-shadow: none; border-color: var(--button-text); }
.article-template__comment-wrapper .field input { min-height: 59px; line-height: 59px; }
.article-template__comment-wrapper form.comment-form h2 { margin-bottom: 20px; }
.article-template__comment-wrapper form.comment-form input.button::before, .article-template__comment-wrapper form.comment-form input.button::after { display: none; }
.article-template__comment-wrapper form.comment-form input.button { border-radius: 70px; font-size: 16px; font-weight: 700; }
.article-template__comment-wrapper form.comment-form input.button:hover { background-color: var(--primary-color); color: var(--text-color); }
.article-template__comment-wrapper form.comment-form input.button:hover::before, .article-template__comment-wrapper form.comment-form input.button:hover::after { display: none; }
.article-template__comment-wrapper form.comment-form input.button:hover { background-color: var(--primary-color); color: var(--text-color); }
.article-template__back a.article-template__link { justify-content: start; }
.article-template__comments article.article-template__comments-comment footer.right span.posted-by { display: block; font-size: 16px; color: var(--text-color); }
.article-template__comments article.article-template__comments-comment p { font-size: 16px; line-height: 28px; color: var(--text-color); margin: 14px 0 0 0; }

.article-template__comment-fields{ gap: 15px; }
.login-register-page .customer form h2.form__message { font-size: 19px; }
.login-register-page .customer form ul { padding-left: 27px; }
.login-register-page .customer form ul li { font-size: 14px; }
.login-button-cus .privacy--text { margin-top: 15px; }
[id^="EditAddress_"], div#AddAddress { display: none; }
.account-content h2#AddressNewHeading { font-weight: 600; font-size: 16px; }



.custm--variant-image,.cust-quantity .quantiy-box .img-box {
  width: 100%;          
  height: 127px;       
  overflow: hidden;    
  position: relative;
}

.custm--variant-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;     
  object-position: center; 
}
.custom-quantity variant-selects img,.cust-quantity .quantiy-box img {
    transform: scale(1.2);
}
.popup--description--wrapper {
    position: fixed;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    top: 50%;
    left: 50%;
    width: 525px;
    max-width: calc(100vw - 40px);
    max-height: 0;
    z-index: 31;
    opacity: 0;
    background: #fff;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out, max-height .4s cubic-bezier(.645,.045,.355,1);
    border-radius: 4px;
}
.popup--description--wrapper.is-popup-active {
    visibility: visible;
    opacity: 1;
    max-height: calc(100vh - 42px);
}
span.product_tax---popup-link {
    cursor: pointer;
    text-decoration: underline;
}
body.popup-active:after {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(54 54 54 / 50%);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    opacity: 0.5;
    visibility: visible;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 20;
}
.popup--description--wrapper h2, .popup--description--wrapper h3 {
    margin: 20px 0px 0px;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 700;
    color: #454545;
}
.popup_top-inner {
    padding: 15px;
    display: flex;
    border-bottom: 1px solid #ccc;
    justify-content: space-between;
}
table.nutrition-table th {
    padding: 8px 15px;
    border: 1px solid #4A4040;
    background-color: #fff;
    color: var(--text-color);
    font-size: 20px;
    font-weight: 600;
    border-radius: 12px 12px 0 0;
    border-right: none;
    border-bottom: none;
    text-align: left;
}
span.svg--close--wrapper {
    line-height: normal;
}

.popup_content-inner {
    padding: 20px;
    overflow: auto;
    max-height: 70vh;
}
h4.title-pop {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    font-weight: bold;
    color: #000000;
}
.popup--description--wrapper svg.icon.icon-close:hover {
    transform: rotate(360deg);
}
.popup--description--wrapper svg.icon.icon-close {
    width: 21px;
    cursor: pointer;
    transition: transform ease-in-out .5s;
}
body.single-product-page.popup-active .product .product__info-wrapper .shopify-app-block {
    position: unset;
}
.popup--description--wrapper ul li {list-style: initial;}
.single-product-page .product .product__info-wrapper section.product__info-container {
    position: unset !important;
    transform: unset !important;
    overflow: visible !important;
}
table.nutrition-table th:last-child {
    border-right: 1px solid #4A4040;
}
body.popup-active {
    overflow: hidden;
}
.single-product-page .product .product__info-wrapper {
    position: unset!important;
    transform: unset!important;
    overflow: visible!important;
    animation: unset!important;
    opacity: 1;
    z-index: auto;
}

span.label--inner-text {
    position: absolute;
    z-index: 2;
    width: max-content;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -50%);
    background: #F8D3AF;
    padding: 7px 11px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
}
.single-product-page .product .product__info-wrapper span.badge {
    display: none;
}
.account-layout .account-content .addresses a,.account-content h2#AddressNewHeading,.addresses h2,.customer .field label,.addresses form button[type],.article-outer .article-template__content h2,
.article-outer .article-template__content p strong {
    color: var(--text-color)!important;
}
.single-product-page .product .product__info-wrapper div[role="status"] {
    display: flex;
    margin-bottom: 8px;
}
.single-product-page .product .price__container .price__sale {
    flex-direction: row-reverse;
    display: flex;
    margin-right: 9px;
}
.single-product-page .product .product__info-wrapper span.price-item.price-item--sale.price-item--last {
    color: var(--primary-color);
}
span.discounted-price {
    color: #ef7a34;
    font-weight: bold;
}
.variant--meta--text:before {
    content: '';
    position: absolute;
    top: -12px;
    height: 12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #eff5ff;
}
.single-product-page .variant--meta--text {
    background: #eff5ff;
    width: max-content;
    font-size: 13px;
    padding: 2px 10px;
    color: #000;
    position: relative;
    margin: 5px 0px 25px;
}
.single-product-page .product .product__info-wrapper span.discount--prices {
    box-shadow: 0px 0.3px 1.5px 0px rgba(0, 0, 0, 0.02), 0px 0.1px 1.6px 0px rgba(0, 0, 0, 0.03), 0px 0.3px 2.8px 0px rgba(0, 0, 0, 0.04), 0px 0.7px 2.6px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.07);
    line-height: 26px;
    font-size: 14px;
    border-radius: 4px;
    padding: 0px 8px;
    height: 26px;
    font-size: 13px;
    color: #000;
}
.read-more-btn a.read-more {
    min-height: 47px;
    line-height: 47px;
    padding: 0 35px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    position: relative;
    transition: all .5s ease-in-out;
    z-index: 1;
    overflow: hidden;
    background-color: var(--secondary-color);
    color: #fff;
    display: inline-block;
    transition: all ease-in-out 0.5s;
    text-decoration: none;
}
.blog-articles .card-wrapper:hover .read-more-btn a.read-more {
    background-color: var(--primary-color);
    color: var(--button-text);
}

   .main-blog.page-width .underline-links-hover:hover a {
        text-decoration: none;
    }
    .blog-articles .card__media .media img,.blog-articles .article-card__image-wrapper.card__media,.blog-articles .article-card__image,.blog-articles .card__inner {
    border-radius: 10px;
}
.main-blog.page-width h1.title--primary {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--text-color);
}
.article-outer .article-template__content h2 {
    margin: 20px 0px 10px;
}

.article-outer .article-template__content p {
    margin-bottom: 10px;
}
.Review-section a.R-ReviewsioLogo.R-ReviewsioLogo--sm {
    display: none;
}
.article-outer ul.wp-block-list {
    list-style: unset;
}
.custom-kontakt .field textarea {
    height: 250px;
}
.cust-quantity .quantiy-box p.comman_jar {
    line-height: 16px;
}
.product-form__buttons button.product-form__submit:after {
    display: none;
}

.product-form__buttons button.product-form__submit {
    transition: all ease-in-out 0.5s;
}
.free-shipping-bar p.free-shipping-message {
    font-size: 13px;
    line-height: 18px;
}

.product-form__buttons button.product-form__submit:hover {
    background: #312f30;
}
.cust-quantity { display: flex; gap: 19px; margin-bottom: 31px; }
.custom-quantity p { font-size: 20px; font-weight: 600; color: var(--text-color); margin-bottom: 10px; }
.cust-quantity .quantiy-box { width: 100%; border: 1px solid #f3965e; border-radius: 8px; position: relative; outline: 1px solid transparent;  }
.cust-quantity .quantiy-box.active { border:1px solid var(--primary-color); outline-color: var(--primary-color); }
.cust-quantity .quantiy-box .img-box { text-align: center; background-color: var(--bg-color); padding: 21px 0; border-radius: 8px 8px 0 0; }
.cust-quantity .quantiy-box label { display: none; }
.cust-quantity .quantiy-box input.qty-radio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.cust-quantity .quantiy-box  p.comman_jar { text-align: center; font-size: 16px; font-weight: 500; color: var(--text-color); padding: 7px 0; margin: 0;}
.custom-quantity variant-selects img, .cust-quantity .quantiy-box img {
    transform: scale(1.2);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.cust-quantity .quantiy-box{
    cursor:pointer;
}
span.label--inner-text {
    line-height: normal;
}
.single-product-page .product__info-wrapper .product__description ul li:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23ABD855' fill-rule='evenodd' d='M12 22.75C6.063 22.75 1.25 17.937 1.25 12S6.063 1.25 12 1.25 22.75 6.063 22.75 12 17.937 22.75 12 22.75Zm3.247-14.81-4.794 5.23-1.761-1.762-1.415 1.414 3.239 3.239 6.206-6.77-1.475-1.352Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    content: "";
    left: -22px;
    width: 24px;
    height: 24px;
    top:0px;
}
.single-product-page .product__info-wrapper .product__description ul li {
    font-size: 14px;
    position: relative;
    padding-left: 7px;
    margin-bottom: 10px;
}