/** Shopify CDN: Minification failed

Line 502:43 Unexpected "@app"
Line 505:5 Unexpected "@app"

**/
/* Combined file: custom-tlpcstyle.css followed by home-tlpc.css, in the exact order
   they were loaded in theme.liquid, where they sat adjacent with nothing between
   them. Concatenation only, no rule was added, removed, reordered or edited, so the
   cascade is identical. Merged to drop one render blocking request on every page.
   new-home-tlpc.css is deliberately NOT merged: it loads after the conditional
   product stylesheets and overlaps font_style.css and style_combo.css on h2 and
   h2.h2-title, so moving it earlier would hand those headings to the other files. */

/* ===== custom-tlpcstyle.css ===== */
/* Combined stylesheet: custom.css followed by tlpcstyle.css, in that exact order.
   Merged to remove one render-blocking request from every page; PageSpeed measured
   each of these small files costing about 490ms of render-blocking time, almost all
   of it request latency rather than bytes.
   The two files are concatenated unchanged and in their original head order, so the
   cascade is identical. Do not reorder. home-tlpc.css deliberately stays a separate
   request: new-home-tlpc.css loads after it and the two disagree on h1/h2/h3 at equal
   specificity, so their relative order matters. */

/* .shopify-section--timeline .section-spacing 
{
  margin-top:10px !important;
}

.shopify-section--timeline .timeline__nav
{
   margin-top:10px !important;
} */

/* .shopify-section--timeline .timeline__item-content 
{
    padding-top: 10px;
    padding-bottom: 10px;
} */

.cart-drawer__items .line-item
{
  align-items: flex-start;
}

.shopify-section--main-product .buy-buttons,
.quick-buy-modal__content .buy-buttons
{
 /* display:none;*/
}
.shopify-section--main-product .buy-buttons button:hover {
    box-shadow: 0 0 0 .1rem rgba(#eee, 1);
}

/* ------------- */

#shopify-section-template--17676655558825__main :checked + .block-swatch 
{
    background-color: #d71f281f !important;
    border: 3px solid #d71f28 !important;
}

#shopify-section-template--17676655558825__main .block-swatch 
{
  background-color: transparent !important;
}

#shopify-section-template--17676655558825__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------------- */


#shopify-section-template--17676656738473__main :checked + .block-swatch 
{
    background-color: #d71f281f !important;
    border: 3px solid #d71f28 !important;
}

#shopify-section-template--17676656738473__main .block-swatch 
{
  background-color: transparent !important;
}

#shopify-section-template--17676656738473__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------------- */

#shopify-section-template--17676655755433__main :checked + .block-swatch 
{
    background-color: #d71f281f !important;
    border: 3px solid #d71f28 !important;
}

#shopify-section-template--17676655755433__main .block-swatch 
{
  background-color: transparent !important;
}

#shopify-section-template--17676655755433__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------------- */

#shopify-section-template--17676655788201__main :checked + .block-swatch 
{
    background-color: #00000012 !important;
    border: 3px solid #000000 !important;
}

#shopify-section-template--17676655788201__main .block-swatch 
{
  background-color: transparent !important;
}

#shopify-section-template--17676655788201__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------------- */

#shopify-section-template--17676656017577__main :checked + .block-swatch 
{
    background-color: #ffc6291a !important;
    border: 3px solid #FFC629 !important;
}

#shopify-section-template--17676656017577__main .block-swatch 
{
  background-color: transparent !important;
}

#shopify-section-template--17676656017577__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------------- */


#shopify-section-template--17676655886505__main :checked + .block-swatch 
{
    background-color: #87c6df59 !important;
    border: 3px solid #1d93c287 !important;
}

#shopify-section-template--17676655886505__main .block-swatch
{
  background-color: transparent !important;
}

#shopify-section-template--17676655886505__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------- */

#shopify-section-template--17676656214185__main :checked + .block-swatch 
{
    background-color: #248b4340 !important;
    border: 3px solid #248B43 !important;
}

#shopify-section-template--17676656214185__main .block-swatch
{
  background-color: transparent !important;
}

#shopify-section-template--17676656214185__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------- */

#shopify-section-template--17676656246953__main :checked + .block-swatch 
{
    background-color: #23326c38 !important;
    border: 3px solid #23326c !important;
}

#shopify-section-template--17676656246953__main .block-swatch
{
  background-color: transparent !important;
}

#shopify-section-template--17676656246953__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------- */

#shopify-section-template--17676656443561__main :checked + .block-swatch 
{
    background-color: #ffcd2e42 !important;
    border: 3px solid #ffcd2e !important;
}

#shopify-section-template--17676656443561__main .block-swatch
{
  background-color: transparent !important;
}

#shopify-section-template--17676656443561__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------- */

#shopify-section-template--17676656541865__main :checked + .block-swatch 
{
    background-color: #ffcd2e42 !important;
    border: 3px solid #ffcd2e !important;
}

#shopify-section-template--17676656541865__main .block-swatch
{
  background-color: transparent !important;
}

#shopify-section-template--17676656541865__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------- */

#shopify-section-template--17676656640169__main :checked + .block-swatch 
{
    background-color: #ec002929 !important;
    border: 3px solid #EB0029 !important;
}

#shopify-section-template--17676656640169__main .block-swatch
{
  background-color: transparent !important;
}

#shopify-section-template--17676656640169__main .block-swatch span
{
  background-color: transparent !important;
}

/* ------- */

#shopify-section-template--17676655558825__main .feature-badge-list .app-feature-with-icon:last-child
{
  margin-top:15px !important;
}

#shopify-section-template--17676655558825__main .feature-badge-list .app-feature-with-icon:last-child .feature-badge
{
  border-width:3px;
  background-color: #d71f281f !important;
}

#shopify-section-template--17676655755433__main .feature-badge-list .app-feature-with-icon:last-child
{
  margin-top:15px !important;
}

#shopify-section-template--17676655755433__main .feature-badge-list .app-feature-with-icon:last-child .feature-badge
{
  border-width:3px;
  background-color: #d71f281f !important;
}

#shopify-section-template--17676656017577__main .feature-badge-list .app-feature-with-icon:last-child
{
  margin-top:15px !important;
}

#shopify-section-template--17676656017577__main .feature-badge-list .app-feature-with-icon:last-child .feature-badge
{
  border-width:3px;
  background-color: #ffc6291a !important;
}

#shopify-section-template--17676656541865__main .feature-badge-list .app-feature-with-icon:last-child
{
  margin-top:15px !important;
}

#shopify-section-template--17676656541865__main .feature-badge-list .app-feature-with-icon:last-child .feature-badge
{
  border-width:3px;
  background-color: #ffc6291a !important;
}


.shopify-section--main-product .product-info__block-list .app-price, 
.shopify-section--main-product .product-info__block-list .app-badges
{
	margin-top:0rem;
	margin-bottom:0rem;
}

/* #shopify-section-template--17676655886505__main .product-info__block-list .app-price, 
#shopify-section-template--17676655886505__main .product-info__block-list .app-badges
{
	margin-top:0rem;
	margin-bottom:0rem;
} */

.shopify-section--main-product .product-info__block-list .app-badges span
{
  font-weight: 400 !important;
  color: #940606 !important;
  font-family: var(--heading-font-family) !important;
}

.sidMRP
{
  margin-bottom:-1rem;
}

.inclutext
{
  margin-top:-1rem;
}

.shopify-section--main-product .buy-buttons button
{
  animation:none !important;
}

.shopify-section--timeline .timeline
{
  display: flex !important;
  flex-direction: column-reverse !important;
}

.shopify-section--main-product .shopify-section--timeline .timeline__nav 
{
  margin-bottom: 2rem !important;
}



.shopify-section--main-product .price-list .h4
{
  font-weight:600 !important;
  font-size: 25px !important;
}

.shopify-section--main-product .price-list .h5
{
  font-weight:600 !important;
}

@media only screen
and (min-width:1200px)
and (max-width:1399px)
{
  .shopify-section--timeline .section-spacing 
  {
    margin-top:1rem !important;
  }
  
  .shopify-section--timeline .timeline__nav
  {
     margin-top:1rem !important;
  }

  .shopify-section--timeline .timeline__item-content 
  {
      padding-top: 10px;
      padding-bottom: 10px;
  }
}


@media only screen and (min-width: 1400px)
{
  .shopify-section--timeline .section-spacing 
  {
    margin-top:1rem !important;
  }
  
  .shopify-section--timeline .timeline__nav
  {
     margin-top:1rem !important;
  }
}



#shopify-section-template--16187237073065__c059e823-bf33-40a9-88f6-06f622a44982 .section-spacing 
{
  margin-top:3rem !important;
}

#shopify-section-template--16187237073065__c059e823-bf33-40a9-88f6-06f622a44982  .timeline__nav
{
  margin-top:2.25rem !important;
}

#shopify-section-template--16187237073065__c059e823-bf33-40a9-88f6-06f622a44982 .timeline__item-content 
{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}



@media only screen and (min-width: 786px)
{
.Vtl-VolumeDiscountRadio__TierList {

    flex-direction: row !important;
  
}
}



.mega-menu__linklist>* {
    max-width: 135px !important;
}
.block-swatch span{
  font-weight:700 !important;
  padding: 7px;
    
    background-color: #fff;
}

.block-swatch{

      padding: 6px;
    background-color: #eee;
}
#shopify-section-template--17676655558825__main :checked + .block-swatch, #shopify-section-template--17676655755433__main :checked + .block-swatch {
    background: #edbfc1;
    border: 1px solid #d71f28;
}

#shopify-section-template--16975494807721__main :checked+.block-swatch span, #shopify-section-template--16202939990185__main :checked + .block-swatch span, #shopify-section-template--16211176194217__main :checked + .block-swatch span {
    background: #d71f28;
    color: #fff;
}

#shopify-section-template--17068820725929__main :checked + .block-swatch span {
    background: #248b43;
  color: #fff;
  border: 1px solid #096a26;
}
#shopify-section-template--17676656214185__main :checked + .block-swatch {
   border: 1px solid #096a26;
}
#shopify-section-template--17068820725929__main :checked + .block-swatch  {
    background: #cbead4 !important;
}

#shopify-section-template--16211176161449__main :checked + .block-swatch span{
    background: #166d8f;
  color: #fff;
}

 #shopify-section-template--16792357601449__main :checked+.block-swatch span {
    background: #25336b;
    color: #fff;
}

#shopify-section-template--16792357601449__main :checked + .block-swatch {
    background: #c3c8de !important;
}
#shopify-section-template--16713865330857__main :checked + .block-swatch span, #shopify-section-template--16727002415273__main :checked + .block-swatch span {
    background: #000000 !important;
    color: #f2d74b;
}

#shopify-section-template--17068820725929__main :checked + .block-swatch {
    background: #bfd8c7;
}

#shopify-section-template--16540517892265__main :checked + .block-swatch span {
 background: #000000 !important;
    color: #fff;
}
.product-info__block-item legend {
    font-weight: 700;
}

.app-description p{
  font-size: 1em !important;
  display:inline;
}span.more-text{
   display: inline;
}

.product-info__block-list .app-title, .app-@app{
  margin-top: 0px !important;
}
.app-@app{
  margin-bottom: 0px !important;
}


#shopify-section-template--19048685142185__announcement_section_4NBdtH { margin-top: 10px; }

.birthday-sale {
  p { font-size: 20px; }
}

/* ==== tlpcstyle.css ==== */

/* CSS Document */
@font-face {
    font-family: 'trial-laderlight';
    src: url('/cdn/shop/files/trial-lader-light_1-webfont.woff2?v=1759128302') format('woff2'),
         url('/cdn/shop/files/trial-lader-light_1-webfont.woff?v=1759128302') format('woff');
    font-weight: 300;
  /* CHANGED: font-display swap added. Without it these faces default to auto, which
     blocks text for up to 3s while they load. PageSpeed measured 130ms of FCP and
     listed three of them as layout shift culprits. swap shows fallback text
     immediately and swaps when the face arrives. */
  font-display: swap;
}
@font-face {
    font-family: 'trial-laderregular';
    src: url('/cdn/shop/files/trial-lader-regular_400-webfont.woff2?v=1744262474') format('woff2'),
         url('/cdn/shop/files/trial-lader-regular_400-webfont.woff?v=1744262474') format('woff');
    font-weight: 400;
  font-display: swap;
}
@font-face {
    font-family: 'trial-ladermedium';
    src: url('/cdn/shop/files/trial-lader-medium_500-webfont.woff2?v=1744262074') format('woff2'),
         url('/cdn/shop/files/trial-lader-medium_500-webfont.woff?v=1744262075') format('woff');
    font-weight: 500;
  font-display: swap;
}
@font-face {
    font-family: 'trial-ladermedium-italic';
    src: url('/cdn/shop/files/Trial-Lader-MediumItalic.otf?v=1759991668') format('opentype');
    font-weight: 500;
    font-style: italic;
  font-display: swap;
}
@font-face {
    font-family: 'trial-ladersemibold';
    src: url('/cdn/shop/files/trial-lader-semibold_600-webfont.woff2?v=1744262325') format('woff2'),
         url('/cdn/shop/files/trial-lader-semibold_600-webfont.woff?v=1744262326') format('woff');
    font-weight: 600;
  font-display: swap;
}
@font-face {
    font-family: 'trial-laderbold';
    src: url('/cdn/shop/files/trial-lader-bold_700-webfont.woff2?v=1744262388') format('woff2'),
         url('/cdn/shop/files/trial-lader-bold_700-webfont.woff?v=1744262388') format('woff');
    font-weight: 700;
  font-display: swap;
}
@font-face {
    font-family: 'trial-laderExBold';
    src: url('/cdn/shop/files/Trial-Lader-ExBold.otf?v=1759753665') format('opentype');
    font-weight: 800;
  font-display: swap;
}

/* Global Lader font override */
body,
body p,
body span:not([class*="jdgm"]),
body a,
body li,
body td,
body th,
body label,
body input,
body select,
body textarea,
body button,
body .btn {
  font-family: 'trial-laderregular', sans-serif !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'trial-laderbold', sans-serif !important;
}
body strong, body b { font-family: 'trial-ladersemibold', sans-serif !important; }
h1.h1-promo, .h1-promo { font-family: 'trial-laderregular', sans-serif !important; }
a.second-page p {
    letter-spacing: 0.2px !important;
}
.product-info__block-item.accordian-block {
    margin: 0 !important;
    padding: 0 !important;
}
.collection-swiper a.product-card__media {
    cursor: grab !important;
}
.faq-heading {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: #BF0426;
    font-family: 'trial-ladermedium';
}
.faqs-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.faq-contents-top {
    display: none;
}
/*
svg.plsu-in {
    width: 11px;
    height: 11px;
    position: relative;
}
 .faq-icond {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #38322A;
    opacity: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
} */
rect {
    fill: currentColor;
}
.oneclass {
    width: 100%;
}
.faqs-title.open line:nth-child(2) {
    scale: 0;
}

.faqs-title line {
    transform-origin: center;
    transition: 0.3s;
}
.faq-actual-content {
    margin-top: 12px;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 0;
    font-family: 'trial-ladermedium';
    color: #38322A;
}
.faq-actual-content ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.faq-actual-content ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 130%;
    gap: 8px;
    padding-left: 8px;
}
.faq-actual-content strong{
    display: block;
    margin-bottom: 6px;
    line-height: 140%;
}
.faq-actual-content p {
    font-family: inherit !important;
}
.fron-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    color: #BF0426;
    font-family: 'trial-laderbold';
}

.fron-tagline {
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: 'trial-ladersemibold';
    color: #BF0426;
    margin-top: 12px;
}

.frontend-bottom {}

.frontend-bottom {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #38322A;
    font-family: 'trial-ladermedium' !important;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid hsl(34deg 14% 19% / 10%);
}

.ffroloop-wrap {
    padding: 24px 16px;
    background: #FFF7F3;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

.frontend-bottom p {
    font-family: inherit !important;
}

.frontend-block {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.frontend-top {
    min-height: 25%;
}
.faq-actual-content ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    background: #38322A;
    border-radius: 100%;
    margin-top: -3px;
}
.product-info__block-item.accordian-block {
    padding-top: 16px !important;
    border-top: 1px solid hsl(34deg 14% 19% / 20%);
    border-radius: 0 !important;
    margin-top: 16px !important;
}
button.button svg {
    display: none;
}
.product-sticky-bar{
    bottom: 0;
    top: auto;
    background: #f8f8f8;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cart-drawer__items .line-item-info a.h6 {
    font-size: 14px;
}

.cart-drawer__items .line-item-info sale-price.h6 {
    font-size: 14px;
    font-family: 'trial-ladermedium';
}

.cart-drawer__items .line-item-info  p.smallcaps {
    font-size: 12px;
}
.product-new-template-t_omega div#cntl-placeholder-form-ab-item,
.product-new-template-omega div#cntl-placeholder-form-ab-item,
.product-new-template-magnesium div#cntl-placeholder-form-ab-item,
.product-new-template-marine_colla div#cntl-placeholder-form-ab-item {
    display: none !important;
}
.product-new-template-t_omega div#cntl-placeholder-form-viewed-item,
.product-new-template-omega div#cntl-placeholder-form-viewed-item,
.product-new-template-magnesium div#cntl-placeholder-form-viewed-item,
.product-new-template-marine_colla div#cntl-placeholder-form-viewed-item {
    display: none !important;
}
.flex-slider {
    display: none;
}.result-tabs{
  height:100%;
}
.tbscontent em {
    font-weight: 600;
    font-family: 'trial-ladersemibold' !important;
    font-style: normal;
    letter-spacing: 0;
}
.top-tag {
    padding: .625rem 1.25rem;
    color: #E73727;
    border: 1px solid #E7372726;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1rem;
    line-height: 120%;
    font-weight: 700;
    font-family: 'trial-laderbold';
    text-transform:uppercase;
}
new.nw-tex {    
     top: 10px;
    position: absolute;
    left: auto;
    right: 5px;
    display: block;
    line-height: 130%;
    font-size: 14px;
    background: #000;
    color: #FFF;
        font-weight: 500;
    width: max-content;
    padding: 4px;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    z-index: 1;
}

h2.h2-title {
    font-size: 3rem;
    line-height: 120%;
}
/* on-sale-badge.badge.badge--on-sale {
    background: #FFF;
    border-radius: 4px;
    line-height: 150%;
} */
.shopify-section--header.active {
    transform: translateY(-100%);
}
svg.eye_icon,
svg.plus_icon {
    width: 24px;
    height: 24px;
}
 p.parinfo {
    margin-top: 16px;
}
p{
 font-family: 'Syne';
}
.h2-title{
  font-size:3.5rem;
  line-height: 130%;
  font-weight: 700;
   font-family: 'trial-laderbold' !important; 
}
span.counter-total {
    display: none;
}
.bought_text {
    display: none;
}

@media only screen and (max-width: 768px) {
new.nw-tex{
  right: 4px;
  top: 4px;
}
.ffroloop-wrap {
        display: flex;
        overflow: auto;
    }
    .frontend-block {flex: none;width: 80%;}
    .fronendocontent {
        overflow: hidden;
    }
 .product-info__block-item.accordian-block {
        padding-top: 14px !important;
        border-top: 1px solid hsl(34deg 14% 19% / 20%);
        border-radius: 0 !important;
        margin-top: 14px !important;
    }
    .faq-heading {
        font-size: 18px;
    }

    .faq-actual-content {
        font-size: 14px;
    }
  .tre-content {
    display: none;
}
  .prose.text-subdued a {
      font-size: 16px;
  }

  .common-container {
    margin: 0px 8px;
}
  .h2-title{
  font-size:32px;
  }

  }
.product-new-omega-s-2 div#cntl-placeholder-form-ab-item,
.product-new-template-omega div#cntl-placeholder-form-ab-item,
.product-new-template-magnesium div#cntl-placeholder-form-ab-item,
.product-new-template-marine_colla div#cntl-placeholder-form-ab-item {
    display: none !important;
}
.product-new-omega-s-2 div#cntl-placeholder-form-viewed-item,
.product-new-template-omega div#cntl-placeholder-form-viewed-item,
.product-new-template-magnesium div#cntl-placeholder-form-viewed-item,
.product-new-template-marine_colla div#cntl-placeholder-form-viewed-item {
    display: none !important;
}
/* Benefits tab tiles are informational — remove pointer cursor */
.tab-pane-inner {
  cursor: default;
}
.tab-pane-inner * {
  cursor: default !important;
  pointer-events: none !important;
}

/* Re-enable interaction for links and buttons inside tabs */
.tab-pane-inner a,
.tab-pane-inner button,
.tab-pane-inner .open-pdf-trigger {
  cursor: pointer !important;
  pointer-events: auto !important;
}
/* Increase PDP tab touch targets for mobile */
@media only screen and (max-width: 768px) {
  .tab-btn {
    min-height: 44px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
  }
}


/* ===== home-tlpc.css ===== */
/* CSS Document */
@font-face {
    font-family: 'trial-laderlight';
    src: url('/cdn/shop/files/trial-lader-light_1-webfont.woff2?v=1759128302') format('woff2'),
         url('/cdn/shop/files/trial-lader-light_1-webfont.woff?v=1759128302') format('woff');
    font-weight: normal;
    font-style: normal;
  /* CHANGED: font-display swap added. Without it these faces default to auto, which
     blocks text for up to 3s while they load. PageSpeed measured 130ms of FCP and
     listed three of them as layout shift culprits. swap shows fallback text
     immediately and swaps when the face arrives. */
  font-display: swap;
}
@font-face {
    font-family: 'trial-laderExBold';
    src: url('/cdn/shop/files/Trial-Lader-ExBold.otf?v=1759753665') format('opentype');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'trial-laderregular';
    src: url('/cdn/shop/files/trial-lader-regular_400-webfont.woff2?v=1744262474') format('woff2'),
        url('/cdn/shop/files/trial-lader-regular_400-webfont.woff?v=1744262474') format('woff');
    font-weight: 400;
  font-display: swap;
}

@font-face {
    font-family: 'trial-ladermedium';
    src: url('/cdn/shop/files/trial-lader-medium_500-webfont.woff2?v=1744262074') format('woff2'),
        url('/cdn/shop/files/trial-lader-medium_500-webfont.woff?v=1744262075') format('woff');
    font-weight: 500;
  font-display: swap;
}

@font-face {
    font-family: 'trial-ladersemibold';
    src: url('/cdn/shop/files/trial-lader-semibold_600-webfont.woff2?v=1744262325') format('woff2'),
        url('/cdn/shop/files/trial-lader-semibold_600-webfont.woff?v=1744262326') format('woff');
    font-weight: 600;
  font-display: swap;
}

@font-face {
    font-family: 'trial-laderbold';
    src: url('/cdn/shop/files/trial-lader-bold_700-webfont.woff2?v=1744262388') format('woff2'),
        url('/cdn/shop/files/trial-lader-bold_700-webfont.woff?v=1744262388') format('woff');
    font-weight: 700;
  font-display: swap;
}

span.de p {
    font-family: 'trial-ladermedium';
}
p{
 font-family: 'Syne'!important;
    letter-spacing: 0 !important;
}

height-observer.collection-toolbar.full-bleed {
    display: none;
}
.science_banner .hero-content-wrap {
    max-width: 750px;
}
.swiper-wrapper {
    display: flex;
}

html {
    scrollbar-width: none;
    height: auto;
    letter-spacing:0 !important;
}

a.product-card__media {
    border-radius: 12px;
    overflow: hidden;
    letter-spacing:0 !important;
}

h2.h2-title p,
h1,
h2,
h3,
h2.h2-title {
    font-family: 'Syne' !important;
    letter-spacing:0 !important;

}

h3 {
    font-family: "Syne" !important;
    letter-spacing:0 !important;
}

.product-card__quick-add-button:hover {
    background: #FFF;
    color: #39322a;
    border-color: #39322a;
}

.product-card .product-card__quick-add-button {
    transition: 0.3s;
    border: 1px solid #39322a;
        gap: 6px;
    flex-direction: row-reverse;
}
a{
  font-family: "Syne" !important;
    letter-spacing:0 !important;
}
.richinfo p strong{
  font-family: "Syne";
    letter-spacing:0 !important;
}
.top-tag,
.infodetail p,
.anipoint ul li,
.solutitext p,
p.down-info,
.parinfo,
p.trip-info,
.parinfo,
.ngere p,
.poiretinfo,
.top-text,
.textinfo p{
  font-family: 'trial-ladermedium' !important;
    letter-spacing:0 !important;
}

.poiret .poiretinfo{
  font-family: 'trial-laderregular' !important;
    letter-spacing:0 !important;
}
p.grid-tab{
    font-family: trial-ladermedium !important;
    font-weight: 500;
}
body {
    background: #fff;
    letter-spacing:0 !important;
}

.flex-slider {
    display: none;
}

::-webkit-scrollbar {
    display: none;
}

/* x-header.header {
    border-radius: 1.5rem;
    background: #FFF;
    box-shadow: none;
} */

/* .shopify-section--header.active {
    transform: translateY(-100%);
} */

/* .shopify-section--header {
    padding: 14px 24px 0px 14px;
} */

p.taglibe {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    margin: 24px 0px;
    font-family: 'trial-laderregular';
}

p.subhed {
    font-weight: 600;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    font-family: "Syne";
}

.h2-title {
    font-size: 48px;
    line-height: 126%;
    font-weight: 700;
}

.product-card__info {
    display: flex;
    text-align: left;
    justify-content: space-between;
    flex-direction: column;
}

.product-card__info .v-stack.justify-items-center.gap-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-card__quick-add-button {
    opacity: 1 !important;
    transform: translate(0) !important;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: relative;
    background: #38322A;
    color: #FFF;
    flex: none;
    bottom: 0;
    right: 0;
}

.product-card {
    border-radius: 1rem;
    overflow: hidden;
    background: #fafafacc;
    padding: 10px;
    height: 100%;
}

.collection-section .product-card .product-card__figure>.badge-list {
    inset-block-start: 0;
    inset-inline-start: 0;
}

a.product-title.h6 {
    font-size:24px !important;
    line-height: 120%;
    font-weight: 700;
    font-family: 'trial-laderbold';
    letter-spacing: 0;
    text-transform: math-auto;
}

.product-list {
    --product-list-default-column-gap: 0.1rem !important;
}

price-list.price-list {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    font-family: 'trial-laderbold';
    letter-spacing: normal;
}

price-list.price-list sale-price.h6.text-on-sale {
    letter-spacing: normal;
    font-size: 1.125rem;
    font-weight: 700;
    font-family: 'trial-laderbold';
    line-height: 120%;
}

compare-at-price.h6.text-subdued.line-through {
    font-family: 'trial-laderbold';
    font-weight: 400;
    line-height: 120%;
}

.product-card__info .v-stack.justify-items-center.gap-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-card__info price-list.price-list {
    display: flex;
    justify-content: flex-start !important;
    text-align: left;
}

compare-at-price.h6.text-subdued.line-through {
    color: #01010199;
    text-decoration-color: #01010199;
}

span.smallcaps.text-xxs.text-subdued {
    display: none;
}

svg.icon.icon-star-rating {
    width: 1rem;
    height: 1rem;
}

svg.icon.icon-star-rating path {
    fill: #EC9E00;
}

svg.icon.icon-star-rating-half {
    width: 1rem;
    height: 1rem;
}

svg.icon.icon-star-rating-half path {
    fill: #ec9e00;
}

.common-container {
    margin: 0px 1.5rem;
}

span.counter-total {
    display: none;
}

.bought_text {
    display: none;
}

a.primary-link {
    font-size: 1.25rem;
    line-height: 120%;
    position: relative;
    font-family: 'trial-ladermedium';
}
.product-card .product-card__quick-add-button {
    width: auto;
}
product-card.product-card.secondry-card .productinfo {
    align-items: center;
}
product-card.product-card.secondry-card  .product-card__quick-add-button:hover {
    background: #FFF !important;
    color:#BF0426 !important;
    opacity:1 !important;
}
product-card.product-card .productinfo {
    display: flex;
    align-items: flex-start;
}
.productinfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

product-card.product-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-card__info {
    height: 100%;
}

.product-card__info price-list.price-list {
    margin-top: 8px;
    margin-bottom: 8px;
}

a.primary-link:after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 0%;
    height: 1px;
    display: block;
    background: #FFF;
    transition: 0.3s;
}

a.primary-btn {
    padding: 14px 52px;
    font-size: 16px;
    line-height: 130%;
    background: #38322A;
    color: #FFF;
    transition: 0.3s;
    border-radius: 50px;
    font-family: 'trial-laderbold' !important;
    border: 1px solid #38322a;
}

a.primary-btn:hover {
    background: #FFF;
    color: #38322A;
}

a.secondry-btn:hover {
    background: #e73727;
    color: #FFF;
}

a.secondry-btn {
    padding: 14px 52px;
    color: #E73727;
    font-weight: 700;
    border-radius: 50px;
    background: #FFF;
    font-size: 16px;
    transition: 0.3s;
    line-height: 140%;
    font-family: 'trial-laderbold';
}

svg.btnicon {
    width: 1.5rem;
    height: 1.5rem;
}

a.transparent-btn {
    display: flex;
    border: 1px solid #FFF;
    border-radius: 50px;
    padding: 1rem 2.5rem;
    gap: 5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 150%;
    font-family: 'trial-laderbold';
    transition: 0.3s;
}

.r-wreap:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 0%;
    background: #F44336;
    transition: 0.3s;
    transform-origin: left;
    left: 0;
}

.arrow:hover {
    background: #38322a;
}

.arrow:hover path {
    stroke: #FFF;
}

.r-wreap {
    position: relative;
}

.r-wreap:hover:after {
    width: 100%;
}

a.transparent-btn:hover {
    background: #FFF;
    color: #38322a;
}

a.transparent-btn:hover path {
    stroke: #38322a;
}

a.primary-link:hover:after {
    width: 100%;
}

a.eplorecta {
    padding: 1rem 2.25rem;
    background: #FFF;
    border-radius: 50px;
    color: #E73727;
    font-size: 0.875rem;
    line-height: 120%;
    font-weight: 700;
    font-family: 'trial-laderbold';
    flex: none;
    position: absolute;
    bottom: 1.875rem;
    right: 1.875rem;
    border: 1px solid #FFF;
    transition: 0.3s;
    z-index: 1;
}

a.eplorecta:hover {
    background: #E73727;
    color: #FFF;
}

.footer__block-list.footer__block-list--images {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #FFFFFF33;
    padding-bottom: 5rem;
}

.footer {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
}

.container.footer-container {
    margin: 0rem 6.625rem;
}

li.social-media__item {
    width: 4rem;
    height: 4rem;
    border-radius: 1.25rem;
    background: #121212;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.social-media--list svg {
    width: 1.5rem;
    height: 1.5rem;
}

ul.social-media.social-media--list {
    gap: 0.5rem;
}

.footer__content-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding-top: 4rem;
    padding-bottom: 7.5rem;
    border-bottom: 1px solid #FFFFFF33;
}

.footer__inner {
    gap: 0;
}

/* .footer__block.footer__block--image img.constrained-image {
    width: 51.5rem !important;
    max-width: 100%;
} */
.footer__aside {
    display: block !important;
    padding-top: 2.5rem;
}

.footer__block--image {
    max-width: max-content;
}

.footer__block .v-stack .h6 {
    font-size: 1.25rem !important;
    font-weight: 600;
    font-family: 'trial-ladersemibold';
    line-height: 120%;
}

.footer__block .v-stack:first-child {
    gap: 1.5rem;
}

.v-stack ul.v-stack {
    gap: 1rem !important;
}

.footer__block a.link-faded {
    font-size: 1.125rem;
    font-family: 'Syne';
    line-height: 120%;
}

.v-stack ul.v-stack li {
    line-height: 120%;
}

.prose.text-subdued a {
    font-size: 1.125rem;
    line-height: 120%;
    font-weight: 400;
    font-family: 'Syne';
    transition: 0.3s;
    background: none;
}

.footer__block--social {
    margin-top: 1rem;
}

.prose.text-subdued a:hover {
    color: #FFF;
}

.footer__aside p.heading.text-subdued {
    font-size: 1rem;
    font-family: 'Syne';
    font-weight: 400;
    line-height: 150%;
}

svg.ocicon {
    display: none;
}

.pagination-common {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    gap: 6px;
}

span.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #E73727;
    opacity: 20%;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.product-card__quick-add-button {
    width: 100%;
    height: auto;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    font-family: 'trial-ladermedium';
    padding: 12px;
}

.shopify-product-form {
    width: 100%;
    height: auto;
}

span.smallcaps.text-xxs.text-subdued {
    display: none;
}

span.counter-total {
    display: block;
}

.relative.about-text-banner:before,
.relative.about-text-banner:after {
    content: '';
    width: 300px;
    display: block;
    height: 300px;
    position: absolute;
    border-radius: 100%;
    pointer-events: none;
    background: #E73727B2;
    filter: blur(215px);
}

.relative.about-text-banner:before {
    right: 0;
    top: -60%;
}

.holdcontent {
    padding: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 16px;
}

.about-text-banner .holdcontent {
    padding: 0;
}

.textinfo {
    margin-top: 32px;
    font-weight: 400;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    max-width: 1200px;
}

.textinfo em {
    padding: 0px 6px;
    font-style: normal;
    color: #FFF;
    border-radius: 50px;
    background: #E73727;
}

.backedby {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 16px;
}

img.backed {
    width: 64px;
}

.backedby span {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    font-family: 'trial-ladersemibold';
}

.hero {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
}

img.commonimag.mobile {
    display: none;
}

img.commonimag {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-content-wrap {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 120px;
    width: 100%;
    max-width: 650px;
}

.common-container {
    margin: 0px 1.5rem;
}

h1.commonh1 {
    font-size: 48px;
    line-height: 130%;
    font-family: "Syne", sans-serif !important;
}

.hero-text {
    font-size: 20px;
    line-height: 140%;
    width: 85%;
    margin-top: 16px;
    margin-bottom: 24px;
    font-family: "Syne", sans-serif;
}
.hero-text p{
  font-family: 'trial-ladermedium';
}
.pointwrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin: 0;
}

.pointwrap ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    font-family: "Syne", sans-serif;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.pointwrap ul li:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    background: #e73726;
    border-radius: 100%;
    background-image: url(/cdn/shop/files/Frame_1_6bdc6c39-0dc0-47b7-bb9d-82f9d567240b.svg?v=1751949898);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.hero-swiper .hero-content-wrap a.primary-btn {
    margin-bottom: 40px;
}

.concern-content {
    display: none;
}

.concern-content.active {
    display: flex;
    gap: 20px;
}

.shop-by-concern-section .swiper.concern-swiper {
    overflow: hidden;
    width: 100%;
}

.shop-by-concern-section .swiper-slide {
    flex: none;
}

.shop-by-concern-section .concern-banner {
    flex: none;
}

.concern-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    margin-top: 32px;
}

button.concern-tab {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: 16px;
    line-height: 110%;
    padding-right: 20px;
    border-right: 1px solid #00000066;
    font-weight: 400;
    letter-spacing: 0;
    transition: 0.4s;
    font-family: 'Syne';
}

button.concern-tab:last-child {
    padding-right: 0;
    border-right: none;
}

button.concern-tab:hover,
button.concern-tab.active {
    color: #e73728;
}

.shop-by-concern-section .swiper-wrapper {
    display: flex;
}

.swiper-slide.slider-slide {
    flex: none;
}

.slider-arrow {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-wrapper.slider-wrapper {
    display: flex;
}

svg.arrow-icon {
    width: 24px;
    height: 24px;
}

.swiper.slider-swiper {
    position: relative;
}

.slider-arrows {
    position: absolute;
    bottom: 5%;
    right: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.popups {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    background: #00000029;
    z-index: 11;
    padding: 16px;
    display: none;
    align-items: center;
    justify-content: center;
}

.close-popup {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3%;
    z-index: 1;
    right: 5%;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.popupwrap {
    position: relative;
}

.popupwrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F4EF;
    border-radius: 16px;
    padding: 30px 20px;
}

.btnlabel {
    color: #E73727;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: underline;
    font-family: 'Syne';
    position: absolute;
    display: none;
}

.slider-content-wrap {
    display: flex;
    justify-content: flex-start;
}

.slider-lide {
    position: relative;
}

.grid-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.tpwrap {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
}

img.tops-images {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btom-abso-wrap {
    position: absolute;
    bottom: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 108px;
}

.btom-abso-wrap button.product-card__quick-add-button {
    padding: 16px 48px;
    background: #FFF;
    color: #000;
    width:auto;
}

.opencicon {
    position: absolute;
    bottom: 48px;
    right: 48px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 100%;
    background: #FFF;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.grid-crad-botom {
    padding: 80px;
    background: #F5f5f5;
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.grodcard {
    position: relative;
    z-index: 1;
}

li.poiniage {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: 'trial-ladersemibold';
}

li.poiniage img.tops-images {
    width: 40px;
    height: 40px;
}

ul.poirt {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.descrshort {
    font-family: 'Syne';
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    max-width: 600px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.product-nm h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 124%;
    letter-spacing: 0;
    font-family: 'trial-laderbold' !important;
    width: 80%;
    margin-top: 8px;
}

.btom-left-wrap {
    display: flex;
    flex: none;
    width: 70%;
    align-items: center;
}

.btom-top {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #0101011A;
}

.opencicon {
    cursor: pointer;
}

.opencicon.active svg.plus_icon path:first-child {
    scale: 0;
}
svg.eye_icon{
   transition: 0.3s;
}
.opencicon svg.plus_icon path:first-child {
    transform-origin: center;
    transition: 0.3s;
}

.btom-right-wrap {
    flex: none;
    width: 30%;
}

.grid-crad-botom {
    transform: translateY(100%);
    width: 100%;
}

.grodcard {
    overflow: hidden;
}

.product-imagewrop {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.tops-images.mobilebanner {
    display: none;
}

.card-tab {
    margin-top: -12px;
}

.card-tans .title-wrasp:not(.active) {
    display: none;
}

.title-wrasp {
    display: flex;
    justify-content: space-between;

}

.title-wrasp h2 {
    max-width: 450px;
}

.title-wrasp p.information {
    max-width: 700px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    font-family: 'trial-ladermedium';
    opacity: .75;

}

.tabarrow {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
    background: #FFF;
}

.tabarrow-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-etsp {
    gap: 8px;
    margin-top: 50px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.btn-etsp .btn {
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    background: #FFF;
    color: #010101;
    border-radius: 50px;
    padding: 9px 24px;
    font-weight: 600;
    font-size: 16px;
    font-family: 'trial-ladersemibold';
}

.tabslider-cone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    padding: 48px 12px 74px;
    background: #FFF;
    border-radius: 16px;
    height: 100%;
}

.tabnref {
    padding-left: 80px;
    padding-right: 80px;
}

.swiper-slide.tabslide {
    flex: none;
}

.tabto {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tabarrow-controls {
    margin-top: -84px;
    margin-bottom: 34px;
    justify-content: flex-end;
}

img.imgroe {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    margin-bottom: 36px;
}

.bltitle {
    font-weight: 700;
    font-size: 21px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    font-family: 'trial-laderbold';
}

.blinfo {
    font-family: 'Syne';
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    padding: 16px 20px;
    border-top: 1px solid #0101011A;
    padding-bottom: 0;
    margin-top: 16px;
}

.bltitle {
    max-width: 200px;
}

.swiper-slide.tabslide:first-child .bltitle {
    max-width: 100%;
}

.btn-etsp .btn:hover,
.btn-etsp .btn.active {
    background: #E73727;
    color: #FFF;
}

.tabnswiper:not(.active) {
    display: none;
}

.grid-celeb {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
}

.celb-grid-left {
    width: 50%;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide.celebs-slide {
    flex: none;
}

.celb-grid-right {
    padding: 72px 60px 60px 100px;
}

p.celeb-subtitle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
    font-family: 'trial-ladersemibold';
    gap: 8px;
}

.tp-etap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 70px;
}

.celb-grid-right-text {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.celeb-arrow {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border-radius: 100%;
}

.celeb-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.celnb-content {
    padding: 24px;
    padding-top: 30px;
    border-radius: 12px;
    background: #FFF;
    height: 100%;
}

.celeb-prcontent {
    display: flex;
    gap: 10px;
    margin-top: 24px;
    align-items: center;
}

img.personimage {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.prname {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: 'trial-laderbold';
}

.swipmover {
    transform: translateX(-30%);
    overflow: hidden;
    width: 140%;
}

.prnamewrap {
    display: flex;
    flex-direction: column;
}

.prwork {
    padding-top: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: 'trial-ladersemibold';
    color: #01010180;
}

.celbn-content-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
}

img.celebimage {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.celb-grid-right {
    width: 50%;
    flex: none;
}

.celbn-content-text {
    padding-top: 100px;
}

.celb-grid-right-text.mobils {
    display: none;
}

.virat {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.happy-banner .common-container {
    padding: revert;
}

.headng-txt {
    position: absolute;
    top: 0;
    padding: 80px;
    max-width: 700px;
    padding-right: 0;
}

img.viratbanner.mobile {
    display: none;
}

.joinbanner {}

.joinbanner span {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    font-family: 'trial-ladermedium';
}

.joinbanner img {
    margin-bottom: 12px;
}

.point {
    margin-top: 24px;
}

.point ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
}

.point ul li {
    list-style: none;
    font-family: 'Syne';
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.point ul li:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    background: #e73726;
    border-radius: 100%;
    background-image: url(/cdn/shop/files/Frame_1_6bdc6c39-0dc0-47b7-bb9d-82f9d567240b.svg?v=1751949898);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.joinbanner {
    position: absolute;
    color: #010101;
    top: 0;
    right: 0;
    max-width: 550px;
    border: #FFFF;
    background: #FFFFFF;
    padding: 40px;
    border-radius: 12px;
    margin: 100px;
    padding-right: 33px;
}

.earnpoint {
    padding-top: 32px;
    margin-top: 32px;
    border-top: 1px solid #0101011A;
    margin-bottom: 18px;
}

.earnpoint h5 {
    font-family: 'Syne' !important;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0;
    margin-bottom: 8px;
}

.earnpoint p {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    font-weight: 400;
}

.prime-btn {
    padding: 18px 48px;
    background: #38322A;
    color: #FFF;
    font-weight: 500;
    font-size: 16px;
    line-height: 126%;
    letter-spacing: 0;
    text-align: center;
    font-family: 'trial-ladermedium';
    border-radius: 50px;
    display: block;
    border: 1px solid #38322A;
    transition: 0.3s;
}

.prime-btn:hover {
    background: #FFF;
    color: #38322a;
}

.ctconteside:hover img.prctimage {
    scale: 1.05;
}

img.prctimage {
    transition: 0.3s;
}

.joinbanner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.headng-txt p.peragraph {
    max-width: 580px;
    font-size: 20px;
}

.virat {
    height: 800px;
}

img.viratbanner {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.advisory-contentblock {
    gap: 150px;
    display: flex;
}

.divname-wrap {
    margin-top: 90px;
}

.divname-wrap h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: 'trial-laderbold' !important;
}

.divname-wrap p {
    font-family: Syne;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
    margin-top: 4px;
}

.advisory-text {
    padding-top: 172px;
}

.top-descto {
    font-family: Syne;
    font-weight: 400;
    font-size: 40px;
    line-height: 130%;
    letter-spacing: 0;
}

.swiper-wrapper.admin-wrapper {
    transform: translateX(80px);
}

.swiper.admain_swiper {
    transform: translateX(-80px);
}

.adisoryblock {
    padding-left: 60px;
    padding-right: 200px;
    border-radius: 16px;
}

.swiper.admain_swiper {
    margin-top: 70px;
}

.advisory-imagewrap {
    flex: none;
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
}

.top-descto {
    text-transform: capitalize;
}

.swiper-slide.admin-slide {
    flex: none;
    background: #f6f4ef;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-slide.admin-slide.swiper-slide-visible.swiper-slide-active {
    opacity: 1 !important;
}

.swreep {
    display: grid;
    grid-template-columns: 0.8fr 1fr;
    margin-bottom: -170px;
    margin-top: 70px;
    z-index: 1;
    position: relative;
}

.swiper-slide.thumb-slide {
    opacity: 0.5;
}

.swiper-slide.thumb-slide.swiper-slide-visible.swiper-slide-thumb-active {
    opacity: 1;
}

.swiper.thumb_swiper {
    grid-column: 2;
}

.swiper-slide.thumb-slide {
    max-width: 100px;
    max-width: 100px !important;
    height: 100px;
}

.thumb-imagewrap {
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}

.thumb-imagewrap {
    position: relative;
    padding: 5px;
}

.thumb-imagewrap svg {
    width: 100%;
    height: 100%;
    position: absolute;
}

img.thumb-image {
    border-radius: 100%;
}

img.thumb-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-slide.thumb-slide .progress-ring {
    stroke: #E73727;
    stroke-dasharray: 311;
    stroke-dashoffset: 311;
    transform: rotate(-90deg);
    transform-origin: center;
}

.swiper-slide.thumb-slide.swiper-slide-visible.swiper-slide-thumb-active .progress-ring {
    animation: fillStroke 8s ease-out forwards;
}

@keyframes fillStroke {
    to {
        stroke-dashoffset: 0;
    }
}

img.advisory-image {
    border-radius: 16px;
}

.product-card .product-card__figure>.badge-list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: row;
    position: static;
}

.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.product-card .badge.badge--on-sale {
    font-size: 1em;
    font-weight: 700;
    line-height: 140%;
    font-family: 'trial-laderbold';
    color: #fff;
    padding: 4px 10px;
    background: #E73727;
    border-radius: 25px;
}

.product-card .badge.badge--on-sale {
    border-radius: 8px 8px 0 0;
    line-height: 100%;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    top: auto;
    z-index: 1;
}

sold-out-badge.badge.badge--sold-out {
    position: absolute;
    bottom: auto;
    top: 2%;
    font-size: 12px;
    left: 2%;
    z-index: 1;
    border-radius: 8px;
}

.ctconteside a:hover {
    background: #E73727;
    color: #FFF;
}

.iconarrow path,
.ctconteside a {
    transition: 0.3s;
}

.ctconteside a:hover .iconarrow {
    background: #FFF;
}

.ctconteside a:hover .iconarrow path {
    stroke: #000;
}

.category-banner h2 {
    text-align: center;
}

.swiper.ctswiper {
    margin-top: 24px;
}

.category-banner h2 {
    text-align: center;
}

.swiper.ctswiper {
    margin-top: 24px;
}

.ctconteside {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.ctconteside a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    background: #FFF;
    position: absolute;
    bottom: 0;
    width: -webkit-fill-available;
    margin: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: 'trial-laderbold';
    border-radius: 12px;
}

img.prctimage {
    width: 100%;
    height: 100%;
}

.swiper-slide.ctslide {
    flex: none;
}
.relative.different_sect .conti p {
    font-family: Syne;
    font-weight: 700;
}
.grbanright .top-wes .top-text p{
  font-family: 'trial-ladermedium';
}
.iconarrow {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    border-radius: 100%;
    transition: 0.3s;
}

.different_sect .von-svg-wrap {
    background: #E73727;
}

.different_sect .top-text {
    max-width: 740px;
    text-align: center;
    font-size: 18px;
    font-family: "Syne";   
    font-weight: 400;
}

.relative.different_sect .con-container {
    padding: 0;
    margin: 0px 1.5rem;
    padding: 100px 40px 80px;
    background: #F7F5F1;
    border-radius: 16px;
}

.relative.different_sect .con-wrap {
    background: #FFFFFF;
    padding: 24px;
    padding-bottom: 44px;
}

.relative.different_sect .conti {
    width: 100%;
}

.relative.different_sect .con-wrap {
    gap: 16px;
    justify-content: flex-start;
}

.relative.different_sect .cont {
    gap: 32px;
}

.banner-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.grbanright {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.grbanright .top-wes {
    max-width: 600px;
}

.grbanright .top-wes strong {
    font-size: 24px;
    font-weight: 600;
    display: block;
}

.grbanright .top-wes .top-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
}

.top-tag {
    padding: 10px 18px;
    color: #E73727;
    border: 1px solid #E7372726;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    line-height: 120%;
    font-weight: 700;
    font-family: 'trial-laderbold';
}

.grbanright .top-wes .top-text {
    font-size: 20px;
}

.poheadr {
    font-family: 'trial-laderbold';
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    margin: 20px 0px;
}

.poiret {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.poirettit {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: 'Syne';
    margin-top: 12px;
    margin-bottom: 8px;
}

.poiretinfo {
    font-family: Syne;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
}

img.poiretimgr {
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.pogrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

.grid-point-banner .top-wes {
    max-width: 100% !important;
}

.grid-point-banner .banner-grid {
    gap: 42px;
}

.grid-point-banner .top-text {
    max-width: 610px;
}

.poheadr {
    margin: 20px 0px;
}

.grid-point-banner .banner-grid .grbanleft {
    grid-column: 2;
}

.grid-point-banner .banner-grid .grbanright {
    grid-column: 1;
    grid-row: 1;
}

.concern-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.concern-banner {
    border-radius: 16px;
    overflow: hidden;
}

.fated {
    border-radius: 16px;
    padding: 80px 200px;
}

.fated h2 {
    text-align: center;
}
.grcentr {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-radius: 16px;
    overflow: hidden;
}
.grrigt {
    align-self: end;
    height: 100%;
    display: flex;
    flex-direction: column;
        justify-content: center;
}
.grlert {
    display: none;
}
.three-grid {
    font-size: 20px;
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    margin-top: 40px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;    
    gap: 100px;
}
img.imgwra {
    object-fit: cover;
}
.grrigt p {
  font-family: 'trial-ladermedium';
}
.grrigt strong {
    font-weight: 600;
    line-height: 140%;
    font-family: 'trial-ladersemibold';
    margin-top: 24px;
    display: block;
    margin-bottom: 8px;
}

.grrigt em {
    line-height: 120%;
    font-size: 16px;
    font-style: normal;
}

.grrigt p {
    line-height: 130%;
}

.grlert {
    margin-top: 90px;
}

.real-result {
    font-size: 18px;
}

.centerd-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 580px;
    margin: auto;
    gap: 16px;
}
.real-result .centerd-block {
    max-width: 600px;
}
.nogr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 50px;
    margin-bottom: 0;
    gap: 40px;
}

.nogit {
    border-right: 1px solid #01010129;
    padding-right: 30px;
}

.nogit:last-child {
    border-right: none;
}

.ngere {
    max-width: 380px;
}

.ngere h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 126%;
    letter-spacing: 0;
    font-family: 'Syne' !important;
    margin-top: 16px;
    margin-bottom: 12px;
}

.ngere p {
    opacity: 75%;
}
.arrow {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    background: #FFFFFF;
}

.contn-swp {
    position: relative;
    padding: 100px 40px 40px 100px;
}

img.bgimgwrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 16px;
    top: 0;
    z-index: -1;
    object-fit: cover;
}

.left-block p {
    font-size: 20px;
    margin-top: 00;
    margin-top: 16px;
    line-height: 120%;
    max-width: 550px;
}

.grid-wsp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 64px;
    justify-content: space-between;
    width: 100%;
}

.text-item h3 {
    font-weight: 600;
    font-size: 40px;
    line-height: 126%;
    letter-spacing: 0;
    font-family: 'trial-ladersemibold' !important;
}

.image-item-swiper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
}

.swiper.textswiper {
    margin-top: 32px;
}

.image-item-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-wrapper.hero-wrapper {
    flex-direction: column;
}
.arrow-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 80px;
}

.grid-wsp .arrow-wrapper {
    margin-top: 80px;
}

.swiper.ime-swiper {
    overflow: hidden;
}

.product-imagewrop {
    max-width: 200px;
}

.swiper.textswiper {
    overflow: hidden;
}

.swiper.textswiper {
    overflow: hidden;
    max-width: 560px;
}

.swiper-slide.ime-swiper-slide,
.swiper-slide.text-slide {
    flex: none;
}

.swiper.ime-swiper {
    max-width: 700px;
    justify-self: flex-end;
    align-self: end;
}

.swiper-slide.ime-swiper-slide {
    width: 150px !important;
    transition: 0.3s;
    height: 400px;
    display: flex;
    align-items: flex-end;
    border-radius: 16px;
    overflow: hidden;
}

.swiper-slide.ime-swiper-slide.swiper-slide-thumb-active {
    width: 350px !important;
}

.swiper-wrapper.ime-swiper-wrapper {
    align-items: end;
}

.well_banner .hero-content-wrap {
    padding-left: 100px;
    max-width: 850px;
    .hero-text {
    width: 80%;
}
}

.well_banner .hero-swiper .hero-content-wrap a.primary-btn {
    margin-bottom: 0;
}

.flex-content {
    display: flex;
    align-items: center;
    gap: 150px;
}

.flex-content p.parinfo {
    max-width: 500px;
    font-family: Syne;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
}

.swiper.animated-swiper {
    margin-top: 120px;
}

span.indexlabel {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #01010166;
    font-family: 'trial-ladersemibold';
}

.animimag {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px;
}

.anivide {
    font-weight: 600;
    font-size: 20px;
    line-height: 126%;
    letter-spacing: 0;
    font-family: 'Syne';
    margin-top: 8px;
    margin-bottom: 16px;
    transition: 0.5s;
}
.textinfo ul {
    margin-top: 10px;
}

.textinfo ul li {
    list-style: none;
}
.anipoint ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.anipoint p {
    font-family: 'trial-laderregular';
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
}
.anipoint ul li {
    font-family: Syne;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    padding: 0;
}

.swiper-slide.animated-slide {
    flex: none;
}

.animimag {
    width: 100%;
}

.animted-cont {
    width: 100%;
}

.animimag img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

/* .swiper-slide.animated-slide {
    width: 15.5% !important;
    transition: 0.5s;
}

.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-thumb-active,
.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-thumb-active,
.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active.swiper-slide-thumb-active {
    width: 31.5% !important;
} */

.animted-cont {
    height: 720px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.swiper-wrapper.animated-wrapper {
    display: flex;
    align-items: flex-end;    
    gap: 1.25rem;
}

.anipoint {
    height: 0px;
    transition: height 0.5s ease-in;
}

/* .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-thumb-active .anivide,
.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-thumb-active .anivide,
.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active.swiper-slide-thumb-active .anivide {
    font-size: 24px;
}

.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-thumb-active .anipoint {
    height: 85px;
}

.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-thumb-active:nth-child(2) .anipoint {
    height: 190px;
}

.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-thumb-active:nth-child(3) .anipoint {
    height: 100px;
}

.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-thumb-active:nth-child(4) .anipoint {
    height: 120px;
}

.swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-thumb-active:nth-child(5) .anipoint {
    height: 150px;
}
 */
.trace-swiper .common-container {
    padding-top: 80px;
    border-top: 1px solid #0101013D;
}

.rotate {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
    font-family: 'Syne';
}

.gridtext {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    padding-left: 20px;
    justify-content: flex-start;
}

.fillline {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 2px;
    background: #5F5F5F33;
}

.gridtrace {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    align-items: start;
    margin-top: 40px;
}

.limg-grid {
    display: grid;
    grid-template-columns: 0.85fr 1fr;
    gap: 80px;
}

.imglet-wrap {
    border-radius: 16px;
    overflow: hidden;
    height: 600px;
    position: relative;
}

img.rotateimge {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.advisory-section .common-container {
    border-radius: 16px;
    padding: 80px 76px;
}
.advisory-section h2 {
    text-align: center;
}
.rotcont-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 580px;
    display: flex;
    align-items: center;
}

.rotate-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFF;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.infodetail {
    max-width: 520px;
}
.rtopwrap h3.rtitle {
    font-weight: 700;   
    max-width: 480px;
    font-size: 32px;
    line-height: 126%;
    letter-spacing: 0;
    font-family: 'Syne' !important;
}

.rotate-content:nth-child(2) .rsslidegrid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

.rotate-content:nth-child(2) .rsslidegrid .richinfo p {
    font-weight: 600;
    font-family: 'Syne';
    line-height: 130%;
    padding-top: 10px;
    border-top: 1px solid #00000029;
    margin-top: 12px;
}

.infodetail {
    font-family: Syne;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rsslidegrid {
    margin-top: 40px;
}

.richinfo p strong {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    display: block;
    margin-top: 16px;
    margin-bottom: 8px;
    font-family: 'trial-ladersemibold';
}

.richinfo p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    font-family: 'trial-ladermedium';
}

.rsslidegrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    justify-items: start;
}

.fillline::before {
    position: absolute;
    content: '';
    width: 2px;
    background: #E73727;
    height: 100%;
    top: 0;
    left: 0;
    transform-origin: top;
    transform: scaleY(var(--fill-progress, 0));
    transition: transform 0.2s linear;
}

.rslgriditem {
    max-width: 240px;
    width: 100%;
}

.rotcont-wrap {
    width: 90%;
}

.stickyblovk {
    position: sticky;
    top: 120px;
}

.trace-swiper .common-container {
    height: 300vh;
}
.single-wrap {
    display: flex;
    align-items: center;
}
img.rotateimge.is-1 {
    z-index: 3;
}

img.rotateimge.is-2 {
    z-index: 2;
}

.rotate-content.is-1 {
    z-index: 2;
}

.rotate-content.is-2 {
    z-index: 1;
}

.rotate.active {
    color: #E73727;
}

.rotate {
    transition: 0.3s;
}
.philosophy-section .centerd-block {
    max-width: 800px;
        margin-top: 0;
    margin-bottom: 0;
}
.info p {
    font-family: 'trial-laderregular';
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
.solutitext {
    max-width: 480px;
}
span.advisory-desc {
    display: block;
}

span.advisory-desc.is-1 {
    margin-bottom: 12px;
}

span.advisory-descs.is-2 {
    font-size: 16px;
    line-height: 120%;
}
.solutitext h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: 'Syne' !important;
    margin-bottom: 20px;
}

.solutitext p {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
}

.solutionitem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shiftblock {
    overflow: hidden;
}
.center-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 4;
}
.ventrrelative {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    background: #fafafa;
}.solutiogrid {
    position: absolute;
    height: 510px;
    width: 100%;
    top: auto;
    bottom: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.logocenterwrap {
    transition: 0.3s;
    transform: translateY(100%);
}
.solutionitem {
    position: absolute;
    width: 100%;
    top: 0;
    background: #FFF;
    width: 80%;
    left: auto;
    right: auto;
}

.solutionitem.is-1 {
    z-index: 2;
    opacity: 1;
}
.solutionitem.is-2 {
    z-index: 1;
}
.philoshopy.common-container {
    height: 300vh;
}
.shiftblock {
    position: sticky;
    top: 0;
    height: 58rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.logocenterwrap {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E73727;
}

.cettext {
    position: absolute;
    font-family: Trial-Lader;
    font-weight: 800;
    font-size: 32px;
    line-height: 117%;
    letter-spacing: 0;
    text-align: center;
    font-family: 'trial-laderbold';
    color: #E73727;
}
img.imgwra {
    width: 100%;
    height: 100%;
}.relative.different_sect .conti {
    font-size: 20px;
  
}
.textinfo.is-2 {
    margin-top: 8px;
}
.grlert,
.grrigt {
    font-size: 20px;
  font-family: syne;
}
.relative.different_sect .condes {
    font-size: 18px;
   font-family: 'trial-ladermedium';
  font-weight:500;
}
.rotate.active {
    font-weight: 700;
}
.solutiogrid {
    display: none;
}
.leftrightanimation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 500px;
    width: 100%;
    top: auto;
    bottom: 5%;
    position: absolute;
    max-width: 90%;
    margin: auto;
    left: auto;
    right: auto;
}

.shiftblock {
    align-items: center;
}

.solutitext {
    position: absolute;
    background: #FFF;
}
.solutionimage.active {
    opacity: 1;
}

.solutionimage {
    opacity: 0;
    transition: 0.3s;
}

.imgescompile {
    position: relative;
    height: 100%;
    width: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solutionimage {
    position: absolute;
}
.solutionimage:first-child.active {
    transform: translateY(0);
}

.solutionimage:first-child {
    transition: 0.3s;
}
.swiper-slide.animated-slide {
    transition: 0.5s;
}
.btom-right-wrap button.product-card__quick-add-button{
  width:auto;
}
.rtopwrap .infodetail {
    gap: 6px;
}
.blog-container h1.title {
    font-size: 64px;
}
.top-text-tag p {
    font-family: Syne;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
compare-at-price.h6.text-subdued.line-through {
    font-size: 16px !important;
}

price-list.price-list sale-price.h6.text-on-sale {
    font-size: 17px !important;
}
.rating-badge:after{
    content:attr(title);
    font-weight: 500;
    opacity:0.75;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 120%;
}
.product-card__info price-list.price-list sale-price.h6 {
    font-size: 18px !important;
    font-family: 'trial-ladermedium';
    font-weight: 600;
    color: #000;
}
.collection-serum-collection .shopify-section--footer {
    margin-top: 80px;
}
@media only screen and (max-width: 1770px) {
    .point ul li {
        font-size: 18px;
    }
    .shiftblock {
        height: 50rem;
    }
}
@media only screen and (max-width: 1660px) {
  .stickyblovk {
    top: 50px;
}
    .textinfo {
        max-width: 90%;
    }
  .solutionimage img.solutiimage {
    width: 80%;
}

.solutionimage {
    display: flex;
    justify-content: flex-end;
}
.leftrightanimation {
    bottom: 5%;
}
    .solutionitem {
        width: 90%;
    }
    .descrshort {
        margin-bottom: 30px;
    }

    .imglet-wrap {
        height: 550px;
    }

    .rotate-content:nth-child(2) .rsslidegrid {
        gap: 30px;
    }

    .rsslidegrid {
        gap: 30px;
        margin-top: 16px;
    }

    .rtopwrap h3.rtitle {
        font-size: 28px;
    }

    .infodetail {
        font-size: 16px;
    }

    .rotate-content:nth-child(2) .rsslidegrid .richinfo p {
        font-size: 16px;
    }

    .celb-grid-right-text {
        width: 80%;
    }

    .grid-crad-botom {
        padding: 60px;
    }

    .adisoryblock {
        padding-right: 100px;
    }

    .anipoint ul li {
        font-size: 16px;
    }

    .anipoint ul {
        gap: 8px;
    }
}

@media only screen and (max-width: 1556px) {
  .shiftblock{
    justify-content: space-evenly;
  }
  .ngere {
    max-width: 300px;
}
  .solutitext p,
  .info p {
        font-size: 18px;
  }
  
  .solutitext {
    max-width: 420px;
}
    .textinfo {
        max-width: 75%;
    }.ventrrelative {
    scale: 0.9;
}

    .grid-crad-botom {
        padding: 40px;
        width: 100%;
        height: 100%;
    }

    .gridtrace {
        grid-template-columns: .35fr 1fr;
    }

    .top-descto {
        font-size: 32px;
    }

    .celb-grid-right {
        padding-left: 80px;
    }

    .product-nm h3 {
        font-size: 28px;
        width: 100%;
    }

    .btom-left-wrap {
        align-items: center;
    }

    .animted-cont {
        height: 620px;
    }

    .descrshort {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    a.product-title.h6{
        font-size:20px !important;
    }
}

@media only screen and (max-width: 1440px) {
    .limg-grid {
        gap: 60px
    }
    a.product-title.h6{
        font-size:19px !important;
    }
  .relative.different_sect .condes{
    font-size: 16px;
  }
.three-grid{
      gap: 50px;
}
.grbanright .top-wes .top-text {
    font-size: 18px;
}
    .solutionitem {
        width: 100%;
    }
    .nogr {
        margin: 0;
        margin-top: 50px;
    }

    .flex-content p.parinfo {
        max-width: 430px;
    }

    .animted-cont {
        height: 600px;
    }

    .anivide {
        word-wrap: break-word;
        width: 110%;
        font-size: 16px;
    }

    .well_banner .hero {
        justify-content: center;
    }

    .well_banner .hero .hero-content-wrap {
        padding-bottom: 0px;
    }

    .relative.about-text-banner .textinfo {
        max-width: 65%;
    }

    .ngere {
        max-width: 280px;
    }

    .three-grid {
        font-size: 18px;
    }

    .fated {
        padding: 50px;
    }

    .swiper-slide.thumb-slide {
        max-width: 80px !important;
        height: 80px;
    }

    .pogrid {
        gap: 20px;
    }

    .poirettit {
        font-size: 18px;
    }

    .poiretinfo {
        font-size: 14px;
    }

    img.poiretimgr {
        width: 60px;
        height: 60px;
    }

    .grbanright .top-wes {
        max-width: 480px;
    }

    .bltitle {
        font-weight: 700;
        font-size: 20px;
    }

    .advisory-contentblock {
        gap: 120px;
    }

    .advisory-text {
        padding-top: 140px;
    }

    .adisoryblock {
        padding-right: 60px;
    }

    .divname-wrap {
        margin-top: 50px;
    }

    p.celeb-subtitle {
        font-size: 18px;
    }

    .headng-txt {
        padding: 50px;
    }

    .virat {
        height: 750px;
    }

    .joinbanner {
        margin: 50px;
        top: 2%;
        right: 2%;
    }

    .celbn-content-text {
        padding-top: 50px;
    }

    svg.fivestar {
        width: 100px;
        height: 20px;
        margin-top: -4px;
    }

    .celb-grid-right-text {
        width: 100%;
        flex: none;
    }

    .tp-etap {
        position: relative;
    }

    .celeb-controls {
        position: absolute;
        right: 0;
    }

    .title-wrasp p.information {
        font-size: 18px;
        max-width: 600px;
    }

    .title-wrasp {
        gap: 40px;
    }

    .blinfo {
        max-width: 90%;
    }

    .tabnref {
        padding-left: 50px;
        padding-right: 50px;
    }

    img.imagewrop {
        height: 100%;
    }

    .tpwrap {
        height: 630px;
    }


    .textinfo {
        max-width: 85%;
        font-size: 24px;
    }

    .hero-content-wrap {
        width: 100%;
    }

    .hero-content-wrap {
        padding-left: 80px;
    }

    button.concern-tab {
        flex: none;
    }

    .shop-by-concern-section .concern-banner {
        max-width: 440px;
    }

    .concern-tabs {
        overflow: auto;
        justify-content: flex-start;
    }

    .celbn-content-text {
        font-size: 16px;
    }
    .ventrrelative {
    scale: 0.9;
}
}

@media only screen and (max-width: 1356px) {
  .ventrrelative {
    scale: 0.8;
}

.solutionitem {
    scale:  0.9 !important;
}
    .nogr {
        gap: 30px;
    }

    .celb-grid-right {
        padding: 50px;
    }

    .joinbanner {
        margin: 0;
        top: 7%;
        right: 6%;
    }

    .headng-txt {
        max-width: 650px;
    }

    .contn-swp {
        padding-left: 40px;
    }

    .three-grid {
        margin-top: 24px;
    }
}

@media only screen and (max-width: 1296px) {
    .textinfo {
        max-width: 95%;
    }
.solutitext {
    scale: 0.9;
}
.solutionitem {
    scale:  1 !important;
}
.solutionimage {
    scale: 0.9;
}
    .shop-by-concern-section .concern-banner {
        max-width: 400px;
    }

    .swiper-slide.thumb-slide {
        max-width: 70px !important;
        height: 70px;
    }

    .swiper-slide.ime-swiper-slide {
        width: 120px !important;
    }

    .swiper-slide.ime-swiper-slide.swiper-slide-thumb-active {
        width: 300px !important;
    }
}

@media only screen and (max-width: 1179px) {
    .limg-grid {
        gap: 40px;
    }
.solutionimage {
    scale: 0.8;
}    .ventrrelative {
        scale: 0.65;
    }
    /* .swiper-slide.animated-slide {
        width: 14.5% !important;
    } */

    .richinfo p strong {
        font-size: 18px;
    }

    .richinfo p {
        font-size: 14px;
    }

    .infodetail {
        font-size: 15px;
    }

    .ngere {
        max-width: 240px;
    }

    .grlert {
        margin-top: 40px;
    }

    .tpwrap {
        height: 550px;
    }

    .joinbanner {
        max-width: 500px;
        padding: 30px;
        right: 5%;
        top: 24%;
    }

    .swreep {
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
    }

    .swiper-slide.thumb-slide {
        max-width: 70px !important;
        height: 70px;
    }

    .advisory-text {
        padding-top: 130px;
    }

    .top-descto {
        font-size: 28px;
    }

    .point ul li {
        font-size: 16px;
    }

    .headng-txt p.peragraph {
        max-width: 490px;
        font-size: 18px;
    }

    .blinfo {
        max-width: 100%;
    }

    .celb-grid-right-text h2 {
        font-size: 40px;
    }

    li.poiniage {
        font-size: 18px;
    }

    li.poiniage img.tops-images {
        width: 32px;
        height: 32px;
    }

    .product-imagewrop {
        height: 115px;
    }

    .product-imagewrop {
        height: 145px;
    }
}

@media only screen and (max-width: 1100px) {
    .hero {
        height: 90vh;
    }
.solutiogrid {
    height: 450px;
    bottom: 0;
}.solutionimage {
    scale: 1;
    display: flex;
    justify-content: flex-end;
}

.solutitext {
    scale: 1;
    max-width: 30%;
}

img.solutiimage {
    width: 70%;
}

.solutiogrid {display: flex;align-items: flex-end;}

.solutionitem {
    bottom: 0;
}
    .swiper-slide.thumb-slide {
        max-width: 70px !important;
        height: 70px;
    }

    p.celeb-subtitle {
        font-size: 16px;
    }

    .adisoryblock {
        padding: 50px;
    }

    .advisory-contentblock {
        gap: 50px;
    }

    .swreep {
        grid-template-columns: 1.25fr 1fr;
    }

    .title-wrasp h2 {
        max-width: 50%;
    }

    .celb-grid-right-text h2,
    h2,
    .h2-title {
        font-size: 38px;
    }

    .title-wrasp p.information {
        max-width: 50%;
    }

    .blinfo {
        font-size: 17px;
    }
}

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

    .gridtrace {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .limg-grid {
        width: 100%;
        gap: 20px;
    }

    .gridtext {
        flex-direction: row;
    }

}

@media only screen and (max-width: 991px) {
  .shiftblock {
    height: 100vh;
}
    /* .swiper-slide.animated-slide {
        width: 14.5% !important;
    } */

    .grid-wsp {
        grid-template-columns: 1fr;
    }

    .grid-wsp {
        margin-top: 32px;
    }

    .swiper.textswiper {
        margin-top: 16px;
    }

    .swiper.ime-swiper {
        margin-top: -130px;
    }

    .nogr {
        grid-template-columns: repeat(2, 1fr);
    }

    .nogit:nth-child(odd),
    .nogit:nth-child(even) {
        border-right: none;
    }

    .grlert {
        margin-top: 0;
    }

    .relative.about-text-banner .textinfo {
        max-width: 85%;
    }

    .three-grid {
        align-items: center;
    }

    .grid-crad-botom {
        padding: 30px;
    }

    .grbanright .top-wes {
        max-width: 330px;
    }

    .swreep {
        margin: 0;
    }

    .advisory-text {
        padding: 0;
    }

    .swreep {
        display: flex;
        margin-top: 32px;
    }

    .swiper.admain_swiper {
        margin-top: 40px;
    }

    .title-wrasp h2 {
        font-size: 40px;
    }

    .blinfo {
        font-size: 18px;
    }

    .product-nm h3 {
        font-size: 24px;
    }

    .descrshort {
        font-size: 16px;
    }

    .hero {
        height: 60vh;
    }

    .hero-text {
        font-size: 16px;
    }

    .hero-swiper .hero-content-wrap a.primary-btn {
        margin-bottom: 20px;
    }

    .holdcontent {
        padding: 80px 50px;
    }

    .textinfo {
        max-width: 100%;
    }
}

    @media only screen and (max-width: 768px) {
    .trace-swiper .common-container {
        height: auto;
    }
    .rating-badge {
    justify-content: flex-start !important;
}
    .product-card__info price-list.price-list sale-price.h6{
        font-size:16px !important;
    }
    .blog-container h1.title {
    font-size: 40px;
}
    .rotate-content {
    position: relative;
}
.advisory-section .common-container {
    padding: 40px 16px;
}
    .stickyblovk {
        position: relative;
        top: auto;
    }

    .limg-grid {
        display: flex;
        flex-direction: column;
    }

    .rotcont-wrap {
        width: 100%;
    }

    .rotate-content {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }

    .stickyblovk h2.h2-title {
        text-align: center;
    }

    .rotcont-wrap {
        max-height: max-content;
        height:auto;
    }

    .gridtext {
        padding: 0;
        gap: 24px;
        overflow: scroll;
        width: 100%;
        border-bottom: 1px solid #5F5F5F33;
    }

    .rotate.active {
        font-family: 'trial-laderbold';
        color: #e73727 !important;
        border-bottom: 1px solid
    }

    .rotate {
        flex: none;
        height: auto;
        width: 300px;
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px solid transparent;
    }

    .fillline {
        display: none;
    }

    .stickyblovk {
        overflow: hidden;
    }

    .gridtrace {
        gap: 24px;
    }

    .rsslidegrid {
        margin-top: 24px;
    }

    .rtopwrap {
        max-width: 100%;
        text-align: center;
    }

    .infodetail {
        font-size: 16px;
        margin-top: 8px;
    }

    .flex-content {
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        text-align: center;
    }

    .contn-swp {
        padding: 40px;
    }

    .grid-wsp .arrow-wrapper {
        margin-top: 40px;
    }

    .swiper.ime-swiper {
        margin-top: 0;
    }

    .image-item-swiper {
        border-radius: 8px;
    }

    .left-block {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .left-block p {
        margin-top: 16px;
        max-width: 350px;
        font-size: 16px;
    }

    .three-grid {
        grid-template-columns: 1fr;
        justify-content: center;
        text-align: center;
    }

    .grcentr {
        display: flex;
        justify-content: center;
        grid-row: 1;
    }

    .grlert {
        margin-bottom: 24px;
    }

    .grid-celeb {
        flex-direction: column;
        padding: 40px 10px;
    }

    .banner-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .top-tag {
        padding: 10px 16px;
        font-size: 14px;
    }

    .grbanright .top-wes strong {
        font-size: 20px;
    }

    .grbanright .top-wes .top-text {
        font-size: 16px;
    }

    .grbanright .top-wes {
        max-width: 100%;
        gap: 16px;
    }

    .top-descto {
        font-size: 24px;
    }

    .divname-wrap {
        margin-top: 24px;
    }

    .divname-wrap h3 {
        font-size: 20px;
    }

    .divname-wrap p {
        font-size: 16px;
    }

    .adisoryblock h2 {
        text-align: center;
    }

    .advisory-contentblock {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .advisory-imagewrap {
        width: 100%;
    }

    img.advisory-image {
        width: 100%;
        object-fit: cover;
    }

    .adisoryblock {
        padding: 16px;
    }

    .joinbanner {
        width: 100%;
        max-width: 100%;
        position: relative;
        top: 0;
        right: 0;
        background: #F6F4EF;
        border-radius: 0;
        margin-top: -60px;
        padding: 16px;
        padding-top: 100px;
        padding-bottom: 40px;
    }

    .virat {
        z-index: 1;
        margin: 0 8px;
    }

    .happy-banner .common-container {
        margin: 0;
    }

    .igwrap {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }

    .earnpoint {
        padding-top: 16px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .joinbanner img {
        margin: 0;
    }

    .point ul li {
        gap: 6px;
    }

    .headng-txt {
        margin: auto;
        padding: 22px;
        padding-top: 40px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .virat {
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .igwrap {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }

    .headng-txt p.peragraph {
        font-size: 16px;
        max-width: 330px;
        margin-top: 16px;
    }

    .celb-grid-left {
        width: 100%;
    }

    .celb-grid-right {
        width: 100%;
    }

    .swipmover {
        margin-top: -20px;
    }

    .tp-etap {
        position: static;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
        text-align: center;
    }

    .celeb-controls {
        bottom: 40px;
        width: 100%;
        justify-content: center;
    }

    .celb-grid-right-text {
        align-items: center;
        justify-content: center;
    }

    p.celeb-subtitle {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        row-gap: 0px;
    }

    img.viratbanner.desktop {
        display: none;
    }

    img.viratbanner.mobile {
        display: block;
    }

    .swipmover {
        width: 100%;
        transform: translateY(0%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 60px;
    }

    .celb-grid-right {
        padding: 0;
    }

    .celb-grid-right-text h2 {
        font-size: 28px;
        max-width: 365px;
    }

    .celb-grid-right-text {
        text-align: center;
        margin-bottom: 24px;
    }

    .celb-grid-right-text.desktp {
        display: none;
    }

    img.celebimage {
        max-height: 400px;
        max-width: 390px;
        border-radius: 8px;
    }

    .celb-grid-right-text.mobils {
        display: flex;
    }

    .celb-grid-left {
        flex-direction: column;
    }

    .tpwrap {
        height: auto;
    }

    .grid-card {
        grid-template-columns: 1fr;
    }

    .btom-top {
        width: 100%;
    }

    .product-imagewrop {
        height: auto;
    }

    .tops-images.desktopbanner {
        display: none;
    }

    .tops-images.mobilebanner {
        display: block;
    }

    .title-wrasp {
        flex-direction: column;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .title-wrasp h2 {
        max-width: 100%;
        font-size: 28px;
    }

    .title-wrasp p.information {
        max-width: 100%;
        font-size: 16px;
    }

    .tabnref {
        display: flex;
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
    }

    .tabarrow-controls {
        order: 4;
        margin-top: 24px;
        margin-bottom: 0;
        justify-content: center;
    }

    .swp-ep {
        order: 3;
    }

    .btn-etsp {
        margin-top: 0;
        margin-bottom: 24px;
        justify-content: center;
        order: 1;
    }

    .card-tab {
        margin-top: -40px;
    }

    .card-tans {
        margin-bottom: 24px;
        order: 2;
    }

    /* .swiper-slide.animated-slide {
        max-width: 488px !important;
        width: 100% !important;
    }

    .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-thumb-active,
    .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-thumb-active,
    .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active.swiper-slide-thumb-active {
        max-width: 488px !important;
        width: 100% !important;
    } */

    .animted-cont {
        height: auto;
    }

    .animimag {
        max-height: 400px;
    }

    .anipoint {
        height: auto !important;
    }

    .swiper-wrapper.animated-wrapper {
        align-items: flex-start;
    }

.shiftblock {
    height: 60rem;
}

.shiftblock {
    justify-content: flex-start;
    top: 50px;
}

.philosophy-section .centerd-block {
    max-width: 80%;
}

.ventrrelative {
    scale: 1;
    width: 300px;
    height: 300px;
}

.center-circle {
    margin-top: 80px;
}
.solutitext {
    width: 90%;
}

.solutiogrid {
    overflow: visible;
}
.cettext {
    font-size: 24px;
}

.solutionitem {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 24px;
    justify-content: flex-end;
}

.solutiogrid {
    height: 500px;
}

.solutitext {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
img.solutiimage {
    width: 100%;
}

.solutiogrid {z-index: 5;}

.solutitext p {
    font-size: 16px;
}

.solutitext h3 {
    font-size: 20px;
}

.solutitext {
    margin-top: 0;
}

.solutionimage {
    width: 320px;
}
    .relative.different_sect {
        overflow: hidden;
    }
}

    @media only screen and (max-width: 767px) {
      .solutionimage img.solutiimage{
        width: 100%;
      }
      .top-text-tag p {
    font-size: 16px;
}
        .relative.about-text-banner .textinfo {
            max-width: 100%;
        }
      .leftrightanimation {
    display: none;
}

.solutiogrid {
    display: flex;
}

.solutionimage {
    opacity: 1;
    position: relative;
}

.solutitext {
    position: relative;
}
        .trace-swiper .common-container {
            padding-top: 40px;
        }
      p.subhed {
    font-size: 18px;
}

.relative.about-text-banner .textinfo {
    margin-top: 14px;
}p.taglibe {
    font-size: 14px;
    margin: 12px 0;
    margin-bottom: 14px;
}.about-slider .hero-text {
    width: 95%;
}.grlert, .grrigt{
    font-size: 18px;
}.grlert {
    margin-top: 24px;
}
        .gridtrace {
            margin-top: 24px;
        }.gridtext{
              align-items: stretch;
        }
        /* .swiper-slide.animated-slide,
        .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-thumb-active,
        .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-thumb-active,
        .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active.swiper-slide-thumb-active {
            max-width: 100% !important;
            width: 100% !important;
        }

        .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-thumb-active .anivide,
        .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-thumb-active .anivide,
        .swiper-slide.animated-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active.swiper-slide-thumb-active .anivide {
            font-size: 20px;
            width: 100%;
        } */

        .anivide {
            font-size: 20px;
            width: 100%;
            margin-top: 8px;
            margin-bottom: 12px;
        }

        .anipoint ul li {
            font-size: 16px;
        }

        .swiper.animated-swiper {
            margin-top: 24px;
        }

        p.parinfo {
            font-size: 16px;
        }

        .anipoint ul {
            margin-left: 30px;
        }

        .flex-content p.parinfo {
            font-size: 16px;
        }

        .well_banner .hero {
            justify-content: flex-start;
        }

        .well_banner .hero .hero-content-wrap {
            padding: 12px;
            padding-top: 30px;
        }

        .h2wrap h2.h2-title {
            display: inline;
        }

        .well_banner .hero .hero-content-wrap .hero-text {
            width: 100%;
        }

        .contn-swp {
            padding: 40px 16px;
        }

        .text-item h3 {
            font-size: 20px;
            text-align: center;
        }

        .grid-wsp {
            align-items: center;
            justify-content: center;
            justify-items: center;
            margin-top: 24px;
        }

        .swiper.textswiper {
            max-width: 300px;
            grid-row: 2;
        }

        .arrow-wrapper {
            width: 100%;
            justify-content: center;
        }

        .grid-wsp .arrow-wrapper {
            margin-top: 24px;
        }

        .swiper-slide.ime-swiper-slide {
            width: 310px !important;
        }

        .swiper-slide.ime-swiper-slide.swiper-slide-thumb-active {
            width: 310px !important;
        }

        .swiper.ime-swiper {
            max-width: 310px;
            justify-self: center;
        }

        .image-item-swiper {
            height: 100%;
        }

        .ngere {
            max-width: 100%;
        }

        .grodcard.active {
            flex-direction: column;
        }

        .ngere h3 {
            font-size: 18px;
        }

        .ngere img {
            width: 64px;
            height: 64px;
        }

        .real-result {
            font-size: 16px;
        }

        .nogit {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 10px;
            position: relative;
        }

        .nogit:nth-child(4n):before,
        .nogit:nth-child(4n):after,
        .nogit:nth-child(3n):after,
        .nogit:nth-child(2n):before {
            content: none;
        }


        .nogr {
            gap: 0px;
            row-gap: 20px;
        }

        .ngere p {
            font-size: 14px;
            line-height: 130%;
        }

        .ngere {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
.three-grid{
          gap: 20px;
}
        .fated {
            padding: 40px 8px;
        }

        .grlert {
            margin-bottom: 16px;
        }

        .three-grid {
            font-size: 16px;
        }

        .grrigt strong {
            font-size: 18px;
        }

        .grrigt em {
            font-size: 14px;
        }

        .concern-banner {
            display: none;
        }

        .grid-point-banner .banner-grid .grbanleft {
            grid-column: 1;
        }

        .grid-point-banner .banner-grid .grbanright {
            grid-row: 2;
        }

        .pogrid {
            grid-template-columns: 1fr;
        }

        .poiret {
            justify-content: center;
            align-items: center;
            text-align: center;
            margin: 0px 16px;
        }

        .poirettit {
            margin-top: 16px;
            margin-bottom: 8px;
            font-size: 18px;
        }

        .poiretinfo {
            font-size: 14px;
        }

        img.poiretimgr {
            width: 64px;
            height: 64px;
        }

        .poheadr {
            margin: 0;
        }

        .relative.different_sect .con-container {
            padding: 40px 16px;
            margin: 0px 8px;
        }

        .different_sect .top-text {
            font-size: 16px;
        }

        .relative.different_sect .con-wrap {
            padding: 24px;
        }

        .relative.different_sect .condes {
            font-size: 16px;
        }

        .relative.different_sect .cont {
            gap: 16px;
        }

        .relative.different_sect .conti {
            font-size: 18px;
        }

        .iconarrow {
            width: 40px;
            height: 40px;
        }

        .btom-abso-wrap {
            bottom: 28px;
            right: auto;
        }

        .tpwrap {
            align-items: center;
        }

        .btom-abso-wrap button.product-card__quick-add-button {
            padding: 12px 38px;
        }

        .swiper-wrapper.admin-wrapper {
            transform: translateX(0px);
        }

        .swiper.admain_swiper {
            transform: translateX(0px);
        }

        .headng-txt {
            padding: 40px 16px;
        }

        .headng-txt h2.h2-title {
            font-size: 28px;
        }

        .thumb-imagewrap {
            height: 100%;
            width: 100%;
        }

        img.thumb-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .celnb-content {
            padding: 24px 16px;
        }

        .swiper-slide.thumb-slide {
            max-width: 100% !important;
            height: auto;
            flex: none;
        }

        .top-descto {
            font-size: 20px;
        }

        .swiper.thumb_swiper {
            overflow: hidden;
            width: 100%;
        }

        .shop-by-concern-section .concern-banner img {
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

        .swiper.celebs-swiper {
            max-width: 300px;
        }

        .grid-crad-botom {
            padding: 20px 16px;
            display: flex;
            align-items: center;
        }

        .product-imagewrop {
            height: 150px;
        }

        .product-nm h3 {
            font-size: 20px;
        }

        .btom-left-wrap {
            width: 100%;
        }

        .btom-right-wrap {
            position: absolute;
            bottom: 20px;
            left: auto;
            right: auto;
            margin: auto;
            width: auto;
        }

        .descrshort {
            font-size: 14px;
            text-align: center;
            margin-top: 8px;
            margin-bottom: 16px;
            max-width: 100%;
        }

        ul.poirt {
            display: flex;
            flex-direction: row;
        }

        li.poiniage {
            flex-direction: column;
            text-align: center;
            font-size: 14px;
        }

        li.poiniage img.tops-images {
            width: 40px;
            height: 40px;
        }

        .btom-top {
            justify-content: center;
            padding-bottom: 0px;
        }

        .tpwrap {
            height: auto;
        }

        .product-nm {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 4px;
        }

        .btom-right-wrap button.product-card__quick-add-button {
            padding: 10px 30px;
        }

        .opencicon {
            bottom: 30px;
            right: 30px;
            width: 40px;
            height: 40px;
        }

        .slider-arrow {
            width: 48px;
            height: 48px;
        }

        .slider-arrows {
            bottom: 24px;
            right: auto;
            left: auto;
            width: 100%;
        }

        .btnlabel {
            display: block;
            bottom: 22.5%;
            left: 5%;
        }

        .concern-content.active {
            flex-direction: column;
        }

        .shop-by-concern-section .concern-banner {
            max-width: 100%;
        }

        .concern-tabs {
            margin-bottom: 16px;
            margin-top: 24px;
        }

        button.concern-tab {
            font-size: 18px;
        }

        .hero {
            justify-content: flex-start;
            border-radius: 16px;
            height: auto;
            align-items: center;
        }

        img.commonimag.desktop {
            display: none;
        }

        img.commonimag.mobile {
            display: block;
        }

        .hero-content-wrap {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 0;
        }

        .common-container {
            margin: 0px 8px;
        }

        .slider-section .common-container {
            margin: 0px 4px;
        }

        h1.commonh1 {
            font-size: 32px;
            width: 100%;
        }

        .hero-content-wrap {
            padding-top: 30px;
        }

        .hero-text {
            font-size: 16px;
            margin-top: 16px;
            margin-bottom: 24px;
            width: 85%;
        }

        a.primary-btn {
            padding: 14px 40px;
            font-size: 14px;
        }

        .holdcontent {
            padding: 40px 16px;
        }

        .pointwrap {
            display: none;
        }

        .holdcontent h2 {
            max-width: 250px;
        }

        .textinfo {
            font-size: 20px;
            margin-top: 24px;
        }

       .pagination-common {
            display: flex;
        }

        .tre-content {
            display: none;
        }

        .prose.text-subdued a {
            font-size: 16px;
        }

        li.social-media__item {
            width: 48px;
            height: 48px;
            border-radius: 16px;
        }

        .social-media--list svg {
            width: 18px;
            height: 18px;
        }

        svg.ocicon {
            display: block;
            transition: 0.3s;
        }

        .tre.open svg.ocicon {
            rotate: 180deg;
        }

        a.primary-link:after {
            width: 100%;
        }

        .tre {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .common-container {
            margin: 0px 8px;
        }

        .h2-title {
            font-size: 32px;
        }

        .card-tab {
            margin-top: -20px;
        }

        .btn-etsp .btn {
            padding: 9px 20px;
            transition: 0.4s;
            letter-spacing: 0;
        }

        /* .shopify-section--header {
            padding: 4px;
            padding-bottom: 0px;
        } */

        product-card.product-card {
            padding: 5px;
            border-radius: 12px;
        }

        a.product-title.h6 {
            font-size: 12px !important;
        }

        .product-card__quick-add-button {
            width: 100%;
            height: auto;
            padding: 10px;
            font-size: 14px;
        }

        a.product-card__media {
            border-radius: 8px;
            overflow: hidden;
        }

        compare-at-price.h6.text-subdued.line-through {
            font-size: 14px !important;
        }

        price-list.price-list sale-price.h6.text-on-sale {
            font-size: 14px !important;
        }

        .promotional-card {
            margin: 0;
            border-radius: 12px;
        }

        /* x-header.header {
            border-radius: 8px;
        } */

        .container.footer-container {
            margin: 0px 26px;
        }

        .footer {
            padding-top: 40px;
            padding-bottom: 20px;
        }

        .footer__block-list.footer__block-list--images {
            padding-bottom: 40px;
        }

        .footer__content-grid {
            display: flex;
            flex-direction: column;
            padding: 40px 0px;
            gap: 20px;
        }

        .footer__aside {
            padding-top: 20px;
        }

        .footer__block.footer__block--text .v-stack {
            gap: 16px;
        }

        .footer__block {
            width: 100%;
            max-width: 100%;
        }

        .footer__block.footer__block--image {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .footer__block .v-stack .h6 {
            font-size: 18px !important;
        }

        .footer__block a.link-faded {
            font-size: 16px;
        }

        .footer__block .v-stack:first-child {
            gap: 20px;
        }

        .v-stack ul.v-stack {
            gap: 14px !important;
        }

        .footer__block.footer__block--links {
            padding-bottom: 20px;
            border-bottom: 1px solid #FFFFFF33;
        }

        .tabslider-cone {
            padding: 40px 16px;
        }

        .bltitle {
            font-size: 18px;
        }

        .joinbanner img {
            max-width: 160px;
        }

        img.imgroe {
            width: 100px;
            height: 100px;
            margin-bottom: 24px;
        }

        .earnpoint h5 {
            font-size: 20px;
        }

        .earnpoint p {
            font-size: 16px;
        }

        .prime-btn {
            padding: 14px 32px;
        }

        .blinfo {
            font-size: 16px;
        }

        h2.h2-title {
            font-size: 28px;
        }

        .grid-card {
            position: absolute;
            display: block;
            transform: translateY(80px) !important;
            z-index: 1;
            left: auto;
            max-width: 96%;
            width: 100%;
        }

        .btn-etsp {
            margin-bottom: 150%;
        }

        .btom-abso-wrap {
            left: 22%;
        }

        .stickyblovk h2.h2-title {
            text-align: center;
        }

        .opencicon {
            right: 28%;
        }

        .btom-right-wrap {
            left: 26%;
            bottom: 6%;
        }
        .nogit:nth-child(2) {
            grid-row: 2;
            grid-column: 2;
        }
        
        .nogit:nth-child(3) {
            grid-row: 2;
            grid-column: 1;
        }
        
        .nogit:nth-child(2):after {
            content: none;
        }
        
        .nogit:last-child:after {
            content: '';
        }
        
        .nogr {
            gap: 0;
    margin-top: 32px;
        }
    
    }

    @media only screen and (max-width: 600px) {
        .opencicon {
            right: 37%;
        }

        .imglet-wrap {
            height: 350px;
        }

        .rtopwrap h3.rtitle {
            font-size: 22px;
        }

        .rotate-content:nth-child(2) .rsslidegrid .richinfo p {
            text-align: center;
        }

        .rotate-content:nth-child(2) .rsslidegrid .rslgriditem {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        }

        .rotate {
            font-size: 16px;
            width: 230px;
        }

        .rsslidegrid {
            gap: 20px;
        }

        .imglet-wrap {
            height: 350px;
        }

        .animimag {
            max-height: 300px;
        }
.philosophy-section .centerd-block {
    max-width: 100%;
}
        .btom-abso-wrap {
            left: 28%;
        }
      .solutiogrid {
    bottom: -220px;
}.shiftblock {
        top: -250px;
        overflow: visible;
    }
      .poheadr {
    font-size: 16px;
}
      
    }

    @media only screen and (max-width: 500px) {
        .opencicon {
            right: 35%;
        }
      
.science_banner .hero {
    height: 520px;
}
      .swiper-animated .flex-content h2.h2-title {
    font-size: 28px;
    width: 100%;
}
      .swiper-slide.ime-swiper-slide{
            height: 300px;
      }
          .swiper.ime-swiper {
        max-width: 246px;
          }
      .swiper-slide.ime-swiper-slide, .swiper-slide.ime-swiper-slide.swiper-slide-thumb-active{
                width: 246px !important;
      }
      .about-slider h1.commonh1 {
    max-width: 300px;
}
.about-slider .hero-text {
    margin-top: 12px;
}
.relative.about-slider .hero {
    height: 500px;
}
      
    }

    @media only screen and (max-width: 400px) {
        .btn-etsp .btn {
            font-size: 14px;
        }
.rotate.is-3 {
    width: 40%;
}
      
p.trip-title {
    font-size: 16px;
}
        .btom-abso-wrap {
            left: 22%;
        }

        .btn-etsp {
            margin-bottom: 160%;
        }

        .opencicon {
            right: 24%;
        }

        .thumb-imagewrap {
            height: 75px;
        }

        .joinbanner {
            margin-top: -80px;
        }
    }
/* ── Product Card Component ── */
:root {
  --yhl-red: #BF0426;
  --yhl-font: 'trial-ladermedium', sans-serif;
}
.productinfo product-form { display: flex !important; justify-content: center !important; width: 100% !important; }
.productinfo .bundle-add-to-cart-button,
.productinfo a.bundle-add-to-cart-button { margin: 0 auto !important; display: flex !important; justify-content: center !important; }
product-card.product-card { display: flex !important; flex-direction: column !important; height: 100% !important; min-width: 0 !important; width: 100% !important; }
.yhl-card-outer { border-radius: 16px !important; background: #fff !important; display: flex !important; flex-direction: column !important; flex: 1 !important; height: 100% !important; min-width: 0 !important; overflow: hidden !important; box-shadow: 0 1px 3px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.07) !important; transition: box-shadow .3s ease !important; will-change: box-shadow !important; contain: layout style !important; }
.yhl-card-inner { border-radius: 16px !important; overflow: hidden !important; font-family: var(--yhl-font) !important; display: flex !important; flex-direction: column !important; flex: 1 !important; height: 100% !important; min-width: 0 !important; background: #fff !important; contain: layout style !important; }
.yhl-card-inner .product-card__figure { position: relative !important; overflow: hidden !important; background: #f5f5f5 !important; border-radius: 16px 16px 0 0 !important; flex-shrink: 0 !important; contain: layout !important; }
.yhl-card-inner .product-card__image--primary { display: block !important; width: 100% !important; transition: transform .5s ease !important; }
.yhl-card-inner:hover .product-card__image--primary { transform: scale(1.04) !important; transition: transform .5s cubic-bezier(.34,1.56,.64,1) !important; }
.product-card__badge-shine, .product-card__off-badge, .product-card__price-off-pill { font-family: var(--yhl-font) !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; white-space: nowrap !important; line-height: 1 !important; }
.product-card__badge-shine { position: absolute !important; top: 7px !important; left: 7px !important; z-index: 3 !important; background: var(--yhl-red) !important; color: #fff !important; font-size: .52rem !important; padding: 3px 7px !important; border-radius: 5px !important; letter-spacing: .07em !important; overflow: hidden !important; pointer-events: none !important; line-height: 1.4 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; box-shadow: 0 1px 6px rgba(191,4,38,.3) !important; }
.product-card__badge-shine::after { content: '' !important; position: absolute !important; top: -50% !important; left: -75% !important; width: 50% !important; height: 200% !important; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.55) 50%, transparent 100%) !important; transform: skewX(-20deg) !important; animation: yhl-badge-shine 2.6s ease-in-out infinite !important; }
@keyframes yhl-badge-shine { 0% { left: -75%; } 55% { left: 150%; } 100% { left: 150%; } }
.yhl-card-inner .product-card__figure .badge, .yhl-card-inner .product-card__figure .product-badges, .yhl-card-inner .product-card__figure [class*="badge"] { display: none !important; }
.yhl-card-inner .product-card__figure .product-card__badge-shine, .yhl-card-inner .product-card__figure .product-card__off-badge { display: inline-flex !important; }
.product-card__off-wrap { position: absolute !important; bottom: 0 !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 4 !important; pointer-events: none !important; }
.product-card__off-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: var(--yhl-red) !important; color: #fff !important; font-size: .68rem !important; padding: 4px 14px !important; border-radius: 7px 7px 0 0 !important; }
.yhl-card-inner .product-card__info { padding: 8px 8px 8px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; min-height: 0 !important; }
.yhl-card-inner .productinfo { display: flex !important; flex-direction: column !important; flex: 1 !important; min-height: 0 !important; }
.product-card__rating-row { display: flex !important; align-items: center !important; margin-bottom: 7px !important; flex-shrink: 0 !important; }
.product-card__rating-row .jdgm-preview-badge { line-height: 1 !important; font-size: 11px !important; }
.product-card__rating-row .jdgm-preview-badge * { font-size: 11px !important; }
.product-card__rating-row .rating-badge { display: flex !important; align-items: center !important; gap: 4px !important; line-height: 1 !important; }
.product-card__rating-row .rating-badge__stars { display: flex !important; align-items: center !important; gap: 1px !important; }
.product-card__rating-row .rating-badge__stars svg.icon { width: 12px !important; height: 12px !important; }
.product-card__rating-row .rating-badge .text-subdued { font-family: var(--yhl-font) !important; font-size: 11px !important; color: #555 !important; }
.product-card__feature-tags { display: flex !important; flex-wrap: wrap !important; gap: 3px !important; margin-bottom: 7px !important; flex-shrink: 0 !important; width: 100% !important; }
.product-card__feature-tag { font-family: var(--yhl-font) !important; font-size: .48rem !important; padding: 2px 3px !important; border-radius: 50px !important; border: 1px solid #f5c0c8 !important; background: #fdeef1 !important; color: var(--yhl-red) !important; white-space: nowrap !important; line-height: 1.5 !important; flex-shrink: 0 !important; }
.yhl-card-inner .product-title { font-family: 'Syne', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #000 !important; text-decoration: none !important; line-height: 1.3 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; width: 100% !important; min-width: 0 !important; margin-bottom: 2px !important; flex-shrink: 0 !important; }
.product-card__subtitle { font-family: var(--yhl-font) !important; font-size: 10px !important; color: #999 !important; line-height: 1.4 !important; margin-bottom: 3px !important; flex-shrink: 0 !important; }
.product-card__price-block { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 3px 5px !important; margin-bottom: 7px !important; flex-shrink: 0 !important; min-width: 0 !important; overflow: hidden !important; }
.product-card__price-current { font-family: var(--yhl-font) !important; font-size: 14px !important; font-weight: 900 !important; color: #000 !important; line-height: 1.2 !important; flex-shrink: 0 !important; white-space: nowrap !important; }
.product-card__price-compare { font-family: var(--yhl-font) !important; font-size: 9px !important; color: #aaa !important; text-decoration: line-through !important; line-height: 1.2 !important; flex-shrink: 0 !important; white-space: nowrap !important; }
.product-card__price-off-pill { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--yhl-red) !important; font-size: .55rem !important; padding: 0 !important; }
.product-card__variants-wrap { display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 6px !important; flex-shrink: 0 !important; width: 100% !important; }
.product-card__variants-label { font-family: var(--yhl-font) !important; font-size: 10px !important; font-weight: 600 !important; color: #555 !important; white-space: nowrap !important; flex-shrink: 0 !important; line-height: 1.3 !important; }
.product-card__variant-select-outer { position: relative !important; flex: 1 !important; min-width: 0 !important; }
.product-card__variant-select { width: 100% !important; appearance: none !important; -webkit-appearance: none !important; font-family: var(--yhl-font) !important; font-size: .62rem !important; font-weight: 500 !important; color: #222 !important; background: #fafafa !important; border: 1.5px solid #e0e0e0 !important; border-radius: 8px !important; padding: 6px 26px 6px 9px !important; cursor: pointer !important; line-height: 1.4 !important; outline: none !important; transition: border-color .15s ease !important; }
.product-card__variant-select:hover, .product-card__variant-select:focus { border-color: var(--yhl-red) !important; }
.product-card__variant-select-chevron { position: absolute !important; right: 7px !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; display: flex !important; align-items: center !important; color: var(--yhl-red) !important; }
.product-card__variant-select-chevron svg { width: 11px !important; height: 11px !important; display: block !important; }
.product-card__delivery-estimate { font-family: var(--yhl-font) !important; font-size: 10px !important; font-weight: 500 !important; color: #2e7d32 !important; line-height: 1.4 !important; margin-bottom: 7px !important; flex-shrink: 0 !important; min-height: 14px !important; }
.product-card__delivery-estimate.is-error { color: #c62828 !important; }
.yhl-card-inner product-form, .yhl-card-inner product-form > form { display: block !important; width: 100% !important; }
.product-card__save-atc-row { display: flex !important; align-items: stretch !important; gap: 7px !important; margin-top: auto !important; margin-bottom: 4px !important; flex-shrink: 0 !important; width: 100% !important; box-sizing: border-box !important; }
.product-card__save-badge { flex: 3 !important; min-width: 0 !important; font-family: var(--yhl-font) !important; font-weight: 700 !important; color: #1a7a40 !important; border: 2px solid #56c27a !important; background: #edfff4 !important; border-radius: 100px !important; padding: 0 6px !important; white-space: nowrap !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; cursor: default !important; text-transform: uppercase !important; letter-spacing: .03em !important; font-size: .58rem !important; box-sizing: border-box !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.product-card__quick-actions { min-width: 0 !important; margin: 0 !important; flex: 7 !important; display: flex !important; }
.product-card__quick-add-button, .product-card__quick-add-button:not(.bundle-add-to-cart-button) { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 6px !important; height: 36px !important; padding: 0 14px !important; background-color: var(--yhl-red) !important; color: #fff !important; border: 2px solid transparent !important; outline: none !important; box-shadow: 0 2px 8px rgba(191,4,38,.25) !important; border-radius: 50px !important; cursor: pointer !important; transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease !important; text-decoration: none !important; box-sizing: border-box !important; font-family: var(--yhl-font) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .03em !important; white-space: nowrap !important; -webkit-appearance: none !important; appearance: none !important; overflow: hidden !important; position: relative !important; }
.product-card__quick-add-button:hover { height: 36px !important; padding: 0 14px !important; border-color: var(--yhl-red) !important; background-color: #fff !important; color: var(--yhl-red) !important; box-shadow: 0 2px 10px rgba(191,4,38,.15) !important; font-size: 12px !important; font-weight: 600 !important; }
.product-card__quick-add-button:focus { outline: none !important; }
.product-card__quick-add-button:focus-visible { height: 36px !important; padding: 0 14px !important; border-color: var(--yhl-red) !important; background-color: #fff !important; color: var(--yhl-red) !important; box-shadow: 0 2px 10px rgba(191,4,38,.15) !important; font-size: 12px !important; font-weight: 600 !important; }
.product-card__quick-add-button:active { transform: none !important; outline: none !important; }
.product-card__cart-static { order: 1 !important; width: 14px !important; height: 14px !important; flex-shrink: 0 !important; display: block !important; transform: none !important; rotate: unset !important; transition: stroke .25s ease !important; }
.product-card__atc-text { order: 2 !important; line-height: 1 !important; color: #fff !important; transition: color .25s ease !important; }
.product-card__quick-add-button:hover .product-card__atc-text { color: var(--yhl-red) !important; }
.product-card__quick-add-button:hover .product-card__cart-static { stroke: var(--yhl-red) !important; }
.product-card__quick-add-button.is-loading { pointer-events: none !important; opacity: .85 !important; background-color: var(--yhl-red) !important; color: transparent !important; border-color: transparent !important; }
.product-card__quick-add-button.is-loading .product-card__atc-text, .product-card__quick-add-button.is-loading .product-card__cart-static { opacity: 0 !important; }
.product-card__quick-add-button.is-loading::after { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 16px !important; height: 16px !important; margin: -8px 0 0 -8px !important; border: 2px solid rgba(255,255,255,.35) !important; border-top-color: #fff !important; border-radius: 50% !important; animation: yhl-spin .6s linear infinite !important; }
@keyframes yhl-spin { to { transform: rotate(360deg); } }
.product-card__cod-line { font-family: var(--yhl-font) !important; text-align: center !important; font-size: 9px !important; color: #bbb !important; line-height: 1.4 !important; flex-shrink: 0 !important; width: 100% !important; }
@media (min-width: 768px) {
  .product-card__rating-row .jdgm-preview-badge { font-size: 14px !important; }
  .product-card__rating-row .jdgm-preview-badge * { font-size: 14px !important; }
  .yhl-card-outer, .yhl-card-inner { border-radius: 20px !important; }
  .yhl-card-inner .product-card__figure { border-radius: 20px 20px 0 0 !important; }
  .product-card__badge-shine { top: 10px !important; left: 10px !important; font-size: .58rem !important; padding: 4px 10px !important; border-radius: 6px !important; }
  .product-card__off-badge { font-size: .78rem !important; padding: 5px 18px !important; border-radius: 10px 10px 0 0 !important; }
  .yhl-card-inner .product-card__info { padding: 12px 14px 14px !important; }
  .product-card__feature-tags { gap: 4px !important; margin-bottom: 6px !important; }
  .product-card__feature-tag { font-size: .54rem !important; padding: 2px 7px !important; }
  .yhl-card-inner .product-title { font-size: 18px !important; -webkit-line-clamp: 1 !important; margin-bottom: 4px !important; }
  .product-card__subtitle { font-size: 11px !important; margin-bottom: 7px !important; }
  .product-card__price-current { font-size: 19px !important; }
  .product-card__price-compare { font-size: 12px !important; }
  .product-card__price-off-pill { font-size: .6rem !important; }
  .product-card__price-block { gap: 4px 7px !important; margin-bottom: 4px !important; }
  .product-card__variants-wrap { gap: 8px !important; margin-bottom: 8px !important; }
  .product-card__variants-label { font-size: 11px !important; }
  .product-card__variant-select { font-size: .68rem !important; padding: 7px 28px 7px 10px !important; }
  .product-card__delivery-estimate { font-size: 11px !important; margin-bottom: 9px !important; }
  .product-card__save-atc-row { gap: 10px !important; margin-bottom: 5px !important; }
  .product-card__save-badge { flex: none !important; max-width: none !important; font-size: .65rem !important; padding: 12px 14px !important; letter-spacing: .04em !important; }
  .product-card__quick-actions { flex: 1 !important; }
  .product-card__quick-add-button, .product-card__quick-add-button:not(.bundle-add-to-cart-button) { height: 42px !important; padding: 0 18px !important; font-size: 14px !important; gap: 8px !important; }
  .product-card__quick-add-button:hover { height: 42px !important; padding: 0 18px !important; font-size: 14px !important; }
  .product-card__quick-add-button:focus-visible { height: 42px !important; padding: 0 18px !important; font-size: 14px !important; }
  .product-card__cart-static { width: 16px !important; height: 16px !important; }
  .product-card__cod-line { font-size: 10px !important; margin-top: 3px !important; }
  .product-card__quick-add-button.is-loading::after { width: 18px !important; height: 18px !important; margin: -9px 0 0 -9px !important; }
}
@media (max-width: 393px) {
  .product-card__cart-static { display: none !important; }
}