/** Shopify CDN: Minification failed

Line 856:70 Unexpected ","
Line 1970:62 Unexpected "{"

**/
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */


body {
    background-color: #222323 !important;
    color: #fff !important;
}
.jdgm-rev-widg__title {
    font-size: 30px;
}

@font-face {
    font-family: 'Airif body';
    src: url('//unbound-lifestyle.com/cdn/shop/files/Airif-body.woff2?v=16430') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/Airif-body.woff?v=16430') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Airif body';
    src: url('//unbound-lifestyle.com/cdn/shop/files/Airif-body.woff2?v=16430') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/Airif-body.woff?v=16430') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* TT Jenevers Trl drives every display heading and product title. The two
   Settings > Files URLs below currently 404 on the store, which is why those
   all fall back to Poppins. Theme assets are listed first so that dropping
   TTJeneversTrl-Regular.woff2 into assets/ fixes it on the next push; the
   Files URLs stay as a fallback for whichever copy is uploaded there. The
   browser walks this list in order and skips any source it cannot fetch. */
@font-face {
    font-family: 'TT Jenevers Trl';
    src: url('//unbound-lifestyle.com/cdn/shop/t/46/assets/TTJeneversTrl-Regular.woff2?v=16430') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/t/46/assets/TTJeneversTrl-Regular.woff?v=16430') format('woff'),
        url('//unbound-lifestyle.com/cdn/shop/files/TTJeneversTrl-Regular.woff2?v=16430') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/TTJeneversTrl-Regular.woff?v=16430') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BDO Grotesk';
    src: url('//unbound-lifestyle.com/cdn/shop/files/BDOGrotesk-Regular.woff2?v=2066030172355759059') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BDO Grotesk';
    src: url('//unbound-lifestyle.com/cdn/shop/t/46/assets/BDOGrotesk-Medium.woff2?v=30373666598427947731789490236') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BDO Grotesk';
    src: url('//unbound-lifestyle.com/cdn/shop/t/46/assets/BDOGrotesk-Bold.woff2?v=38288522787151605791789490236') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display ExtLt';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-ExtraLight.woff2?v=15373553782388387403') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-ExtraLight.woff?v=16126307703947861140') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display ExtLt';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-ExtraLight.woff2?v=15373553782388387403') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-ExtraLight.woff?v=16126307703947861140') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Light.woff2?v=7643843250409973780') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Light.woff?v=4623250384565620064') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Light.woff2?v=7643843250409973780') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Light.woff?v=4623250384565620064') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display Med';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Medium.woff2?v=1592608779015103810') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Medium.woff?v=1043074302237015382') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display Med';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Medium.woff2?v=1592608779015103810') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Medium.woff?v=1043074302237015382') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Regular.woff2?v=8410928461296832751') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Regular.woff?v=11652110889171972084') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Regular.woff2?v=8410928461296832751') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Regular.woff?v=11652110889171972084') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display SemBd';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-SemiBold.woff2?v=7060375718459987100') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-SemiBold.woff?v=17995900704867715071') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display SemBd';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-SemiBold.woff2?v=7060375718459987100') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-SemiBold.woff?v=17995900704867715071') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Thin.woff2?v=363665167376420302') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Thin.woff?v=15517471658123597260') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Thin.woff2?v=363665167376420302') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Thin.woff?v=15517471658123597260') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Bold.woff2?v=2509642639285123071') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Bold.woff?v=4238639785580710148') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graftyne Display';
    src: url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Bold.woff2?v=2509642639285123071') format('woff2'),
        url('//unbound-lifestyle.com/cdn/shop/files/GraftyneDisplay-Bold.woff?v=4238639785580710148') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.lookbook-section .product-card .product-title {
    font-size: 15px;
    font-weight: 500;
    font-family: Airif body;
}
.layout-collection .product-card .product-price, .coll-secc .product-card .product-price {
    font-family: Airif body;
    color: white;
    font-size: 20px;
}
@media(max-width: 767px) {
    .layout-collection .product-card .product-price, .coll-secc .product-card .product-price {
        font-family: Airif body;
        color: white;
        font-size: 16px;
    }
}
.product-price .regular-price {
    color: #fff;
}

.product-price .discount-perc {
    display: inline-block;
    margin-left: 6px;
    color: #fff;
    
}

.product-card .product-price.price--on-sale {
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
}

.product-card .price--on-sale .price__sale {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 6px;
}

/* Overlay header: About only.

   .template-collection used to be in this selector. position:absolute takes
   the header out of flow, so it cannot hold a sticky background — that is why
   the collection header went see-through on scroll. */
body.template-about .header{
    background: transparent;
    position: absolute;
    width: 100%;
}

/* Once scrolled, the bar goes solid. #00000040 is 25% opaque, so page content
   showed straight through it. */
body.template-about .header.is-scrolled{
    background: #1a1a1a;
}

/* Collection keeps a normal, solid header. Its colour scheme supplies no
   background of its own, so it is set explicitly here. */
.template-collection .header{
    background: #1a1a1a;
}

.template-product .header, .template-page .header{
    background: #1a1a1a;
}

/* Solid bar once scrolled, on every template.

   The per-template rules above are plain class selectors, so the theme's own
   .transparent-header styling still won on pages where the overlay header is
   switched on (the homepage, via the Overlay header setting) — the bar kept
   its see-through background all the way down the page. Naming
   .transparent-header here outranks it. */
.header.is-scrolled,
.header.is-sticky.is-scrolled,
.header.transparent-header.is-scrolled {
    background: #1a1a1a !important;
}
.template-index .header-icons .header-icon, .template-collection .header-icons .header-icon, .template-page.template-page .header-icons {
    background: transparent;
    /* border: 1px solid #fff; */
    color: #fff;
}
@media(max-width: 767px) {
	.header-icons .header-icon {
        border: unset !important;
    }
    .panel-footer .header-icons .new-customer-accounts { border: 1px solid #000 !important; }
}
.site-panel-inner .header-icons .header-icon {
    background: transparent;
    border: 1px solid #000;
    color: #000;
}
span.menu-text {
    /* font-family: Airif; */
    font-size: 16px;
}
.home-ban .button.primary-button {
    font-family: Airif!important;
    font-size: 16px!important;
    font-weight: 400!important;
    display: flex!important;
    gap: 30px!important;
    border: none!important;
    border-radius: 100px;
}
.home-ban .button.primary-button {
    background-color: #d6d3c833 !important;
}
.home-ban .button.primary-button:after {
    background-color: #d6d3c899!important;
    border:none!important;
}

.home-ban .button.primary-button:hover {
    background-color: #d6d3c852!important;
    border: none!important;
    color: #000!important;
}
.home-ban .description.rte.scroll-trigger {
    font-family: Graftyne Display;
    font-size: 32px;
}

.home-ban .heading.h2.scroll-trigger {
    font-family: Graftyne Display;
    font-weight: 400;
    margin-bottom: 5px;
}

.home-ban .heading.h2.scroll-trigger strong {
    font-style: italic;
    font-family: 'TT Jenevers Trl';
}
home-ban .video-banner-section .content .inner-content {
    max-width: 86.3rem !important;
}
.svg-img {
    position: relative;
    bottom: 28px;
    z-index: 1;
    width: 100%;
    background: transparent;
}
@media (min-width: 768px) {
    .svg-img {
        bottom: 15px;
    }
}
@media (min-width: 992px) {
    .svg-img {
        bottom: 20px;
    }
}
@media (min-width: 1200px) {
    .svg-img {
        bottom: 32px;
    }
}
@media (min-width: 1600px) {
    .svg-img {
        bottom: 38px;
    }
}
@media (max-width: 767px) {
    .svg-img {
        bottom: 55px;
    }
}
@media (max-width: 540px) {
    .svg-img {
        bottom: 38px;
    }
}

@media (max-width: 370px) {
    .svg-img {
        bottom: 35px;
    }
}

.svg-img img {
    width: 100%;
    display: block;
}
.home-custom-sec {
    padding: 1rem 0;
    background-color: #f9f9f0;
}

.hcs-text p {
    font-family: 'Graftyne Display';
    font-size: 24px;
}

.hcs-text h2 {
    font-family: Graftyne Display;
    font-weight: 300;
    font-size: 64px;
}

.hcs-text h2 span {
    text-transform: uppercase;
    font-family: TT Jenevers Trl;
    font-weight: 600;
}
.large-image {
    margin-top: 50px;
}


.hh-title h2 span {
    font-weight: 400;
}
.hh-title h2 {
    text-align: center;
    font-family: TT Jenevers Trl;
    font-size: 42px;
    line-height:1;
    margin-bottom: 3.6rem;
}
.template-collection .hh-title h2 {
    margin-bottom: 1.6rem;
}
@media(max-width: 767px) {
    .template-collection .hh-title h2 {
        margin-bottom: 0;
        margin-top: 0;
    }
}

.home_rich h4 {
  font-size: 24px;
  font-weight: 400;
  font-family: "Airif body", sans-serif;
}
.home_rich p {
    font-size: 42px;
    font-family: TT Jenevers Trl,serif;
    line-height: 1!important;
    font-weight: 800;
}

.home_rich p .highlight-word{

}

/* @media screen and (min-width: 480px) { */
    .home_rich p .highlight-word {
        padding-top: 6px;
        background: url(/cdn/shop/files/Group_162_V2.svg?v=1780465608) no-repeat;
        /* background-size: 230px 60px;
        width: 218px;
        font-style: italic; */
        font-family: "TT Jenevers Trl" !important;
        font-weight: 600;
        position: relative;
        color: #222323;
    }
/* } */



.heading-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1400px;
  margin: 0 auto;
}
.join-the-tribe .heading-bar {
    text-align: left;
    align-items: flex-start;
    max-width: none;
    margin: 0;
    padding-left: 60px;
    padding-right: 60px;
}
.heading-bar h4 {
    color: #f7f6ec;
    font-size: 32px;
    font-family: 'TT Jenevers Trl';
    font-weight: 500;
    margin: 0;
}
.heading-bar h5 {
    font-size: 20px;
    font-family: 'BDO Grotesk';
    font-weight: 300;
    color: #adadad;
}
.heading-section {
  padding-top: 40px;
  width: 100%;
}



.inner-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background: #222323;
    border-radius: 10px;
    margin-top: 25px;
}

.upper-part {
    border: none;
    width: 100%;
    display: flex;
    align-items: center;
}

.inner-wrapper .add-cart {
    width: 100%;
}

.inner-wrapper .add-cart button.button.primary-button.add-to-cart-button {
    width: 100%;
    border-radius: 0;
    background: #6b7458;
    border: none;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-family: 'BDO Grotesk' !important;
    font-size: 14px !important;
    color: #f7f6ec;
}
.inner-wrapper .add-cart button.button.primary-button.add-to-cart-button:disabled {
    color: black !important;
    opacity: 1;
    background-color: #D9D9D9;
}
.product-card button.button.primary-button.add-to-cart-button:disabled {
    color: black !important;
    opacity: 1;
    background-color: #D9D9D9;
}
.upper-part .product-vendor.sub-heading {
    display: none;
}

.upper-part h3.product-title {
    color: #f7f6ec;
    text-transform: capitalize;
    font-weight: 500 !important;
    font-family: 'TT Jenevers Trl' !important;
}

.upper-part .product-price {
    color: #f7f6ec;
    text-transform: capitalize;
    font-weight: 400 !important;
    font-family: 'BDO Grotesk' !important;
}
.new_shop .shopable-video-section .product-wrapper .product-image {
    aspect-ratio: 1.1/1;
}

.footer .footer-newsletter .ft-newsletter-content * {
    margin: 0;
}
.footer .ft-block-heading {
    font-family: 'BDO Grotesk';
    color: #000;
    margin: 0!important;
    text-transform: uppercase;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 30px !important;
}

ul.ft-block-nav li a {
    font-family: 'Airif body';
    font-size: 16px;
    color: #000;
}
.footer .footer-newsletter .ft-newsletter-content .ft-newsletter-heading {
    color: #000;
    font-family: 'TT Jenevers Trl';
    margin-bottom: 1.8rem;
    line-height: 27.5px;
    font-size: 24px;
}
.ft-newsletter-content p {
    font-family: Airif body;
    font-size: 16px;
    color: #000;
}
.info-text.rte {
    font-family: "Airif body";
    font-size: 16px;
    color: rgb(0, 0, 0);
}
.ft-copyright.scroll-trigger {
    font-family: 'BDO Grotesk';
    font-size: 12px;
    color: #000;
    text-align: center;
}


.epp-explore-btn {
    padding: 20px 40px !important;
    position: relative;
    border: 0 !important;
    z-index: 1;
}
.epp-explore-btn:after {
    background: url(/cdn/shop/files/Vector_43.png?v=1777664680);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    background-repeat: no-repeat;
}
.epp-explore-btn:hover {
    background: transparent !important;
    color: #000 !important;
}
.epp-block__hashtag {
    font-family: 'Airif body';
}
img.mob-img {
    display: none;
}
img.mob--ban- {
    display: none;
}
    .faq-section {
      max-width: 1240px;
      margin: 0 auto;
      padding: 40px 20px;
    }

.faq-section__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-transform: uppercase;
    color: #f7f6ec;
    margin: 0 0 20px 0;
    font-family: 'TT Jenevers Trl';
}
@media (max-width: 767px) {
    .faq-section__title {
        font-size: 28px;
    }
}
.faq-list {
      display: flex;
      flex-direction: column;
      gap: 10px;
      list-style: none;
      margin: 0;
      padding: 0;
}

  .faq-item {
      border: 1px solid #3d3d3d;
      border-radius: 0;
      background-color: #252525;
      overflow: hidden;
  }

    .faq-item__trigger {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px;
      background: none;
      border: none;
      cursor: pointer;
      text-align: left;
      gap: 12px;
      height: auto;
      min-height: 4rem;
    }

  .faq-item__question {
      font-size: 16px;
      font-weight: 400;
      color: #f7f6ec;
      line-height: 1.5;
      letter-spacing: 0;
      font-family: 'TT Jenevers Trl';
  }

    .faq-item__icon {
      flex-shrink: 0;
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.3s ease;
    }

    .faq-item__icon svg {
      width: 14px;
      height: 14px;
      stroke: none;
      fill: #f7f6ec;
      stroke-width: 0;
    }

    .faq-item.is-open .faq-item__icon {
      transform: rotate(180deg);
    }

    .faq-item__body {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease;
    }

    .faq-item.is-open .faq-item__body {
      max-height: 600px;
    }

  .faq-item__answer {
      padding: 0 18px 0px;
      font-size: 18px;
      color: #adadad;
      line-height: 1.7;
      font-family: Airif-body;
      font-weight: 400 !important;
  }
  @media(max-width: 767px) {
    .faq-item__answer {
        font-size: 15px;
    }
  }
.home_rich p strong {
    font-family: Graftyne Display;
    font-weight: 500;
}

.lookbook-section .lookbook button.button.primary-button.add-to-cart-button:not(.rlb-cart-btn) {
    background-color: #778060!important;
    border: 1px solid #778060!important;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px !important;
}
span.item-count-label {
    display: none;
}
span.item-count.cart-item-count {
    position: absolute;
    right: 0;
    bottom: -3px;
}
@media(max-width: 767px) {
    span.item-count.cart-item-count {
        right: -4px;
        bottom: -7px;
    }
}
.header-icons .header-icon.action-cart {
    padding: 0!important;
}
a.header-icon.action-account.new-customer-accounts {
    display: inline-flex;
}
.video-banner-section .video-750px {
    height: 84vh!important;
}
.video-banner-section .video-850px {
    height: 90vh!important;
}
@media(max-width: 767px) {
    .video-banner-section .video-mobile-500px{
        height: 50vh!important;
    }
}
.video-banner-section .content .inner-content {
    max-width: 83.3rem!important;
}
.video-banner-section .content {
    height: 100%!important;
}
/* .video-banner-section .content .description {
    margin-bottom: 15rem!important;
} */
.ft-newsletter-social h3 {
    font-family: 'BDO Grotesk';
    max-width: 19rem;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.78px;
    color: #000;
}

.ft-bar {
    padding: 3rem 0 6rem;
    margin-top: 3rem;
    border-top: 2px solid #000;
}
p.new--txt {
    /* text-align: justify; */
    font-size: 12px;
    margin-bottom: 12px;
    font-family: 'BDO Grotesk';
    font-weight: 400;
}
.richtext-section .rich-text-blocks {
    gap: 1rem!important;
}
.shopable-video-section .title-wrapper {
    padding-bottom: 3rem!important;
}
@media(max-width: 767px) {
    .shopable-video-section .title-wrapper {
        padding-bottom: 2rem!important;
    }
}
#btnScrollToTop {
    left: 1.5rem;
    right:auto!important;
}
#btnScrollToTop:hover {
    background-color: #778060!important;
}
.epp-block__hashtag-wrap.mobile-version {
    display: none;
}
.for-coll {
    padding-top: 2rem;
}
@media(max-width: 767px) {
    .for-coll {
        padding-top: 0;
    }
}
.collections .toolbar-inner {
    display: none !important;
}
.has-product-filters .product-card .product-card-content, .coll-secc .product-card .product-card-content, .quick-search-container .product-card .product-card-content {
    background: #222323;
    border-radius: 0 0 10px 10px;
    padding: 0;
}
.has-product-filters button.button.primary-button.add-to-cart-button, , .coll-secc button.button.primary-button.add-to-cart-button {
    border-radius: 0 0 10px 10px;
    text-transform: capitalize;
    font-size: 22px!important;
}
.product-card .product-collections a {
    color: #fff !important;
}
.custom-collection {
    /* border: 1px solid #78805f; */
    padding: 10px 15px;
    height: 100%;
}
.has-product-filters button.button.primary-button.add-to-cart-button svg {
    display: none;
}
.product-card h2.product-title.h6 a {
    color: #f9f9f0;
    font-family: Airif body;
    height: 42px;
    position: relative;
    display: block;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.has-product-filters .product-card .price__regular span {
    font-family: 'Airif body';
    color: #F9F9F0;
    font-size: 20px;
}

.product-card .form-add-to-cart {
    position: static;
    opacity: 1;
    visibility: visible;
}
.coll-secc .product-card .form-add-to-cart .product-card .form-add-to-cart{ border-radius: unset !important; }
.hnhnh {
    display: none;
}
.product-collections {
    display: none;
}
.cusbtn .button {
    width: 100%!important;
    background: #778060;
    gap: 0 !important;
    color: #fff;
}
.lookbook-section .unity-slider .unity-thumbs-slide {
    opacity: 1 !important;
}
.Vtl-InstagramFeedWidget__Title {
    display: none;
}
.product-tags {
    display: none;
}
.field-input {
    box-shadow: none !important;
}
.has-product-filters .toolbar .show-filter {
    display: none !important;
}
.custom-heading {
    font-family: Airif;
    font-size: 40px;
    margin-bottom: 20px;
}
.has-product-filters.filters-sidebar .filter-title {
    font-family: Airif body !important;
    text-transform: capitalize !important;
    font-size: 22px !important;
    letter-spacing: normal !important;
    font-weight: 500 !important;
}
.has-product-filters .item-list .filter-label {
    font-family: Airif body;
}
.filter-form-wrapper span.details-icon {
    display: none !important;
}
.coll-secc .epp-block__image-wrap {
    display: none;
}
.coll-secc .epp-block__content {
    max-width: 75% !important;
    flex: 0 0 75% !important; 
    margin: 0 0 0 auto;
    padding-top: 46px;
    padding-left: 0;
}
.coll-secc .epp-block__content .swiper-wrapper {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 15px;
}
.coll-secc .epp-products .swiper-slide {
    width: 32%!important;
}
.coll-secc .epp-nav-wrap {
    display: none;
}
.coll-secc .epp-block__hashtag {
    display: none;
}
.has-product-filters .layout-collection {
    padding-top: 2rem!important;
}
p.collection-desc.epp-card__desc, .collection-reviews.epp-card__stars {
    padding: 0;
}
.collection-reviews.epp-card__stars {
    margin-top: 8px;
}
.has-product-filters.filters-sidebar .filter-item {
    border-bottom: none!important;
}
.has-product-filters.filters-sidebar .filter-item:last-child {
    margin-top: 20px;
}
.coll-secc .epp-heading__main {
    max-width: 62%;
    font-size: 42px;
}
/* .product-card .product-card-content>* {
    margin-top: 0!important;
} */

/* .epp-block__content {
        padding: 0px 40px 0px 40px !important;
} */
.epp-block--reverse .epp-block__content {
    padding-top: 22px !important;
}

@media(max-width: 767px) {
    .epp-block--reverse .epp-block__content {
        padding-top: 0px !important;
    }
}

.shopable-video-section .swiper-button-custom {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;

  width: 44px;
  height: 44px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 22px;
  cursor: pointer;

  transition: all 0.3s ease;
}



/* Left arrow */
.shopable-video-section .coach-prev- {
  left: 10px;
}

/* Right arrow */
.shopable-video-section .coach-next- {
  right: 10px;
}

/* Hover effect */
.shopable-video-section .swiper-button-custom:hover {
  background: rgba(0, 0, 0, 0.85);
  transform: translateY(-50%) scale(1.1);
}




.ais-wrapp {
    display: flex;
    width: 100%;
    justify-content: center;
    /* gap: 50px; */
    margin: 22px 0;
}

.ais-block {
    padding: 0px 50px;
    width: calc(23% - 10px);
    text-align: center;
}

.ais-block p:empty { 
  display: none !important; 
}

.ais-block .first-content{
    margin-top: 18px;
    margin-bottom: 0 !important;
    font-weight: 700;
    font-family: 'Airif Body';
}

.ais-block .second-content p{
    margin-top: 0 !important;
    font-family: 'Airif Body';
}

.ais-block:nth-child(2) {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.ais-block img {
    width: 100%;
    display: block;
    max-width: 8rem;
    margin: 0 auto;
    height: 3.5rem;
    object-fit: contain;
}

.ais-block p {
    font-family: 'Poppins';
    margin-top: 10px;
    font-size: 14px;
    /* font-weight: 600; */
}

.text.rte.scroll-trigger {
    font-family: 'Airif body';
}

h4.heading.h4.scroll-trigger {
    font-family: 'TT Jenevers Trl';
}




.atb-wrap {
    display: flex;
    width: 100%;
}

.inner-mainn {
    width: 50%;
    display: flex;
}

.image--blockk {
    width: 50%;
    text-align: center;
}

.image--blockk .designation{
    font-family: 'Airif Body';
    margin-bottom: 0;
}

.block-contntt {
    width: 50%;
    padding: 0 40px;
}

.about-two-blocks {
    padding: 20px 0 60px 0;
}

@media(max-width: 767px) {
    .about-two-blocks {
        padding: 20px 0 32px 0;
    }
}

.image--blockk img {
    width: 100%;
    display: block;
    height: 430px;
    object-fit: cover;
}

.block-contntt h3 {
    font-family: 'TT Jenevers Trl';
    font-size: 28px;
}

.block-contntt p {
    font-family: 'Airif body';
    font-size: 16px;
}
.description.iwt-desc.scroll-trigger {
    font-family: 'Airif body';
}

.unbound-newsletter__heading {
    font-family: 'TT Jenevers Trl';
}

p.unbound-newsletter__subtext {
    font-family: 'Airif body';
}

.lower-block {
    background: #78805f;
    padding: 14px 24px;
    display: flex;
    justify-content: center;
    gap: 48px;
    border-radius: 0 0 10px 10px;
}

/* .offer-block {
    max-width: 34rem;
    margin: 0 auto;
    padding: 0 20px;
} */

.lower-block img {
    width: 100%;
    display: block;
    /* filter: invert(1); */
    max-width: 6rem;
}
.offer-wrapp {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 18px;
}

.offer-heading h2 {
    color: #f7f6ec;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    font-family: 'TT Jenevers Trl';
}
.first_block .offer-heading h2 {
    color: #f7f6ec;
}

.offer-main-content {
    width: 100%;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 0;
}
.offer-img {
    width: 14%;
}
.offer-title {
    flex: 1;
}

.offer-main-content img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    max-width: 4rem;
}

/* Offers panel's free-shipping truck icon was rendering at the generic
   4rem cap (way past the 20x20 the Figma spec calls for) — scoped to
   first_block only so Benefits' own icon sizing is untouched. */
.first_block .offer-main-content img {
    width: 20px;
    height: 20px;
    max-width: 20px;
}

/* ...and the icon's own column has to shrink with it. At 14% the box stayed
   42px wide around a 20px icon, so 22px of dead space sat on top of the
   row's 12px gap and pushed the label way off the truck. */
.first_block .offer-img {
    width: auto;
    flex: 0 0 auto;
}

.offer {
    border-radius: 0;
    padding: 24px !important;
    background: #252525;
    border: 1px solid #3d3d3d;
}

.offer-heading {
    margin-bottom: 20px;
}

.offer-title h3 {
    font-size: 14px;
    margin: 0;
    font-family: 'BDO Grotesk';
    line-height: 1.5;
    font-weight: 400;
    color: #f7f6ec;
}
.second_block .offer-title h3 {
    color: #f7f6ec;
}
.second_block .offer {
    background: #252525;
    border: 1px solid #3d3d3d;
    border-radius: 0;
    margin-top: 20px;
}

/* Mobile Benefits card keeps Figma's row of columns (icon above label,
   items side by side). Scoped to .second_block only so Offers (single item,
   fine either way) is untouched. Desktop switches to a list further down. */
.second_block .offer-wrapp {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 8px;
}
.second_block .offer-main-content {
    width: auto;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}
/* Fixed height, not just width: the icons have different aspect ratios, so
   an auto height made each column's label start at a different y. */
.second_block .offer-img {
    width: 40px;
    height: 40px;
}

/* Desktop: Benefits is a vertical list instead - icon left, label right,
   16px gap, per Figma. min-height rather than the spec's flat 104px so a
   fourth benefit isn't clipped; 104px is exactly three 24px rows + 2x16. */
@media (min-width: 768px) {
    .second_block .offer-wrapp {
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        justify-content: flex-start;
        min-height: 104px;
        gap: 16px;
        row-gap: 16px;
    }
    .second_block .offer-main-content {
        width: 100%;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        text-align: left;
    }
    .second_block .offer-img {
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
    }
    .second_block .offer-main-content img {
        width: 24px;
        height: 24px;
        max-width: 24px;
    }
}

/* Home page: the reels row and the free-from icon marquee sat ~45px apart
   even though both sections are already at 0 padding in index.json - the
   space is the reel app block's own bottom padding. Trim what the theme
   owns and pull the marquee up over the rest. Tune the two margin-top
   values if the gap needs to be tighter or looser. */
#shopify-section-1777480053a01b5df4 .section-wrapper {
    padding-bottom: 0;
}
#shopify-section-1777480053a01b5df4 > *:last-child {
    margin-bottom: 0;
}
#shopify-section-scrolling_promotion_GDD3eD .section-wrapper {
    padding-top: 0;
    margin-top: -16px;
}
@media (min-width: 992px) {
    #shopify-section-scrolling_promotion_GDD3eD .section-wrapper {
        margin-top: -24px;
    }
}

@media (max-width: 767px) {
    .second_block .offer-title h3 {
        font-size: 12px;
    }
}
.ingredient-block {
    background: #252525;
    border: 1px solid #3d3d3d;
    border-radius: 0;
    margin: 20px auto;
    padding: 24px !important;
}

.ib-wrapp {
    display: flex;
    width: 100%;
    /* align-items: center; */
    justify-content: space-between;
    flex-wrap: wrap;
}
.ib-content img {
    /* width: 100%; */
    display: block;
    max-width: 60px;
    margin: 0 auto 15px;
    height: 60px;
    object-fit: cover;
    /* border-radius: 40px; */
}
.ib-content {
    width: 33%;
    text-align: center;
}

.ib-content p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
    font-family: 'BDO Grotesk';
    line-height: 1.5;
    color: #f7f6ec;
    /* Ingredient names are merchant-typed metafield text and come through
       inconsistently cased ("Hyaluronic acid", "Botanical repair blend") —
       force title case here instead of relying on the data being retyped. */
    text-transform: capitalize;
}

.ib-heading h2 {
    margin: 0 0 18px;
    font-family: 'TT Jenevers Trl';
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #f7f6ec;
}

.view-btn {
    text-align: center;
    margin-top: 20px;
    font-family: 'BDO Grotesk';
}

.view-btn a {
    color: #6b7458;
    text-decoration: underline;
}

.auto-height {
    height: auto;
}

.VIEW-ALL-content {
    max-width: 100% !important;
    text-align: left !important;
    width: 100%;
    overflow: auto;
    /* height: 0; */
}

.VIEW-ALL-content .ing_box_head {
    max-width: 100%;
    color: #adadad;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 4px auto 0;
    font-family: "BDO Grotesk";
    margin-top: 15px;
    letter-spacing: 0.5px;
}

.product-summary .product-accordion {
    border: none;
    border-bottom: 1px solid #303030;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
}

/* Each .collapsible-tab carries a border-bottom from style.css, sitting about
   14px below the tab's own bordered accordion box. Between tabs the next box
   follows immediately so it reads as separation, but on the final tab there is
   nothing beneath it and it hangs as a stray rule under "Additional
   Information". Drop it on the last tab only, leaving the spacing between the
   others exactly as it was. */
.product-summary .summary-item.collapsible-tab:last-child {
    border-bottom: none;
}
.wave-img img {
    width: 100%;
    display: block;
}
.product-media-inner .unity-slider .unity-slide {
    padding-left: 16.3rem;
}
.main-product-section .product-media-box .unity-slider .algin-center-thumbs-slider {
    /* top: -16%; */
}
.product-summary .product-title {
    font-family: 'TT Jenevers Trl';
    font-size: 26px;
    max-width: 43rem;
    line-height: 1.1em;
    font-weight: 500;
    color: #f7f6ec;
}
.product-summary .product-price-wrapper {
    font-family: 'BDO Grotesk';
    margin-bottom: 0;
}
.product-description.rte {
    font-family: 'BDO Grotesk';
    line-height: 1.4em;
    color: #adadad;
}
.product-text.rte {
    font-family: 'BDO Grotesk';
    font-size: 13px;
    margin: 0;
}

/* Type here follows Figma "Web/04 UI/Button/LG": BDO Grotesk 16/150%, weight
   500, uppercase, no extra tracking. These carry !important because the base
   theme's .primary-button rules would otherwise win. */
.product-summary button.button.add-to-cart-button.primary-button.text-capitalize.no-price {
    width: 100%;
    height: 52px;
    background: #6b7458;
    color: var(--03-Text-On-Action, var(--text-on-action, #f7f6ec));
    font-family: 'BDO Grotesk' !important;
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 150% !important;
    border-radius: 0 !important;
}

.ct-offer-pro-price-main {
    width: 100%;
    background: #1a1a1a;
}
.ct-offer-pro-price-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #f7f6ec;
    font-family: 'BDO Grotesk';
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    text-align: center;
    padding: 10px 0;
}
.ct-offer-pro-price-title svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.product-summary button.button.add-to-cart-button.loading .addto-cart-text-wrapper{
    display: none;
}

.banner-image.hidden-desktop.lazy-image.lazy-loaded {
    display: none;
}

.image-banner-wrapper .heading {
    font-family: poppins;
    font-size: 60px;
    margin-bottom: -20px !important;
    font-weight: 600;
}
.image-banner-section .image-banner-title .description {
    font-family: poppins;
    font-size: 20px;
    font-weight: 400;
}
.template-page .image-with-text-section .content {
    padding: 1rem!important;
}
.sub-heading.rte {
    font-family: 'Poppins';
    margin-bottom: 20px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 300;
}

.gbgbgb11 {
    border-top: 1px solid #c7c7c7;
    padding-top: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Airif Body';
}

/***************************** responsive***************************** */

@media (min-width: 992px) {
.footer .footer-inner .footer-newsletter {
    border-right: none !important;
    max-width: 40rem !important;
    padding: 8rem 6.4rem 0 0 !important;
    
}
.footer .footer-inner .footer-blocks {
    padding: 8rem 0  !important;
}
.ft-block-item:nth-child(2) {
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    padding-left: 40px;
}
}

@media (max-width: 1780px) {
.video-banner-section .video-750px {
    height: 86vh!important;
}
}
@media (max-width: 1180px) {
/* .svg-img {
    bottom: 20px;
} */
}

@media (min-width: 992px) {
    /* .header-section .site-branding-wrap {
    width: 33%;
} */
.header-section .header .header-row.logo-menu-left .site-navigation {
    flex: 0 0 47.5%;
    text-align: center;
}
.header-section .header .header-row.logo-menu-left .site-navigation {
    flex: 0 0 47%;
}
.header-section .header .header-row .header-icons {
    /* flex: 0 0 25%; */
}

}

@media (min-width: 991px) {
    .video-banner-section .video-mobile-100vh .background-video-item.video-850px {
    height: 90vh!important;
}
.video-banner-section .video-mobile-100vh .background-video-item {
    height: 87vh!important;
}

}



@media (max-width: 1024px) {
.shopable-video-section .product-wrapper .product-info {
    width: 60%;
}
.video-banner-section .content .description {
    margin-bottom: 2rem!important;
}
a.header-icon.action-account.new-customer-accounts {
    padding: 0;
}
.block-contntt h3 {
    font-family: 'TT Jenevers Trl';
    font-size: 22px;
}
.block-contntt p {
    font-family: 'Airif body';
    font-size: 16px;
}
.block-contntt {
    width: 50%;
    padding: 0px 25px;
}
.atb-wrap {
    flex-wrap: wrap;
        row-gap: 20px;
}
.inner-mainn {
    width: 100%;
    display: flex;
}
.image--blockk img {
    height: 370px;
}
.image-banner-wrapper .heading {
        font-size: 45px;
}
}
@media (max-width: 1056px) {
    .epp-card__title {
    font-size: 16px !important;
}
}

@media (max-width: 991px) {
.hcs-text h2 {
    font-size: 50px;
}
/* .svg-img {
    bottom: -18px;
} */
.video-banner-section .video-750px {
    height: 96vh!important;
}
.video-banner-section .content {
    justify-content: end!important;
}
.home_rich .section-wrapper.color-scheme-1 {
    background: #f9f9f0;
}
.coll-secc .epp-products .swiper-slide {
    width: 49%!important;
}
.custom-heading {
    display: none;
}
.epp-card__title {
    font-size: 12px !important;
}
.epp-block__hashtag {
    font-size: 25px !important;
}
.image-banner-wrapper .heading {
        font-size: 40px;
}
}

@media (max-width: 992px) {
.banner-image.hidden-desktop.lazy-image.lazy-loaded {
    display: block;
}
/* .image-with-text-section .content {
    padding: 3rem 1rem 0 0!important;
} */
/* .image.adapt-media.scroll-trigger {
    order: 2;
} */
}


@media (max-width: 880px) {
/* .svg-img {
    bottom: -15px;
} */
.home-ban .description.rte.scroll-trigger {
    font-size: 24px;
}
/* .video-banner-section .content .description {
    margin-bottom: 8rem!important;
} */
form.form-add-to-cart.hnhnh {
    display: none;
}
.coll-secc .epp-block__content {
    max-width: 100%!important;
    padding-top: 0 !important;
}
.product-media-inner .unity-slider .unity-slide {
    padding-left: inherit;
}
}


@media (max-width: 768px) {
.epp-block__hashtag-wrap.mobile-version {
    display: block;
    /* margin-left: 20px; */
    align-self: center;
}   
span.epp-block__hashtag.desktop-version {
    display: none;
}
  .heading-section {
    margin-bottom: -30px;
  }
  .join-the-tribe{
    padding-top: 16px;
  }
  .heading-section h5 {
    position: relative;
    z-index: 99;
  }
    .coach-carousel-subheading {
    font-size: 16px;
  }
img.desk-img {
    display: none;
}
img.mob-img {
    display: block;
}
.hcs-text p {
    display: none;
}
.hcs-text h2 {
    font-size: 35px;
}
.hh-title h2 {
    text-align: center;
    font-family: TT Jenevers Trl;
    font-size: 32px;
    margin-bottom: 2.6rem;
}
.epp-nav-btn {
    display: none !important;
}
.epp-block__hashtag {
    font-size: 20px !important;
}
.epp-card__title {
    height: auto !important;
}
.epp-card__desc {
    font-size: 12px !important;
}
.home_rich p {
    font-size: 32px;
    font-family: TT Jenevers Trl,serif;
}
.shopdev .coach-carousel-heading {
    font-size: 35px !important;
}
 .lookbook-section .product-wrapper {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
  .new_shop {
    padding-top: 0px;
}
.inner-wrapper .add-cart button.button.primary-button.add-to-cart-button {
    /* padding-bottom: 10px; */
}
.home-ban .inner-content {
    position: absolute;
    bottom: 0px;
}
.ft-newsletter-social h3 {
    font-family: TT Jenevers Trl;
    max-width: 100%;
    font-size: 20px;
}
p.new--txt {
    font-size: 11px;
    text-align: center;
}
.ft-copyright.scroll-trigger {
    font-size: 12px;
        text-align: center;
}
.epp-card__title {
    font-size: 14px !important;
    height: 22px !important;
}

  .shopable-video-section .swiper-button-custom {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }
.ais-block {
    padding: 0px 12px;
}
.ais-block img {
    max-width: 7rem;
    margin: 0 auto;
}

}
@media (max-width: 767px) {
.coll-secc .epp-heading__main {
    max-width: 100%;
    text-align: left;
    font-size: 32px;
}
.coll-secc .epp-card__btn, .has-product-filters button.button.primary-button.add-to-cart-button {
    font-size: 15px;
}
.has-product-filters button.button.primary-button.add-to-cart-button {
    font-size: 12px!important;
}
.product-card .product-title {
    margin-top: 0;
}
.collection-custom-content__price-table tbody tr td {
    font-size: 15px!important;
}
}



@media (max-width: 680px) {
.image-banner-wrapper.height-medium.flex-justify-center.container, .section-wrapper.height-medium {
    min-height: 400px!important;
}

/* .video-banner-section .content .description {
    margin-bottom: 22rem!important;
}   */
.header-section .header-row {
    grid-template-columns: 1fr 3fr 1fr;
}
.site-branding-wrap.h1 {
    width: 100%;
    max-width: 100%;
    justify-content: center;
}
img.site-branding-image {
    width: 123px!important;
}
/* .svg-img {
    bottom: -28px;
} */
.home-ban .heading.h2.scroll-trigger {
    font-size: 36px;
}
.home-ban .description.rte.scroll-trigger {
    font-size: 16px;
}
.epp-block__hashtag-blob {
    padding-left: 12px;
}
.shopdev .coach-carousel-section {
    padding: 0!important;
}
.ft-bar {
    padding: 2.6rem 0 2rem;
}
.footer .ft-block-heading {
    margin: 0!important;
    font-size: 20px;
    letter-spacing: 1px;
}
.custom-heading {
    font-family: Airif;
    font-size: 40px;
    margin-bottom: 20px;
    display: none;
}

p.collection-desc.epp-card__desc {
    /* display: none; */
    /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */
}
p.epp-card__desc {
    /* display: none; */
}
.has-product-filters .product-card .price__regular span {
    font-size: 16px;
}
.button.primary-button {
    font-family: Airif!important;
    font-size: 12px!important;
}
.faq-section {
    padding: 10px 20px 40px;
}
.faq-item__question {
    font-size: 16px;
    line-height: 1.2;
}
.coll-secc .epp-heading {
    margin-bottom: 0;
}
}
@media (max-width: 767px) {
    .coll-secc .epp-heading {
        margin-left: 0 !important;
}
.product-card h2.product-title.h6 a {
    /* height: 20px; */
    margin-bottom: 6px;
    font-size: 14px;
}
.product-summary-inner .product-price .price-item, .product-text.rte {
    font-size: 20px;
}
.product-summary .product-title{
    font-size: 26px;
}
.product-description.rte, .product-text.rte, .offer-title h3, {
    font-size: 17px;
}
.ais-block img {
    max-width: 4rem;
}
.image-banner-wrapper .heading {
        font-size: 30px;
}
.image-banner-section .image-banner-title .description {
    font-size: 16px;
}
}



@media (max-width: 480px) {
/* .svg-img {
    bottom: -40px;
} */
.fiat-img img {
    height: auto;
}
}

@media (max-width: 767px) {
img.desk-img-ban {
    display: none;
}
img.mob--ban- {
    display: block;
}
.image--blockk img, .fiat-img img {
    height: auto!important;
}
}
@media (max-width: 426px) {
  
/* .svg-img {
    bottom: 35px;
} */
.shopdev .coach-swiper-container {
    padding: 0!important;
}
.shopable-video-section .title-wrapper {
    padding-bottom: 0rem!important;
}
.heading-bar h4 {
    font-size: 24px;
    margin:0;
}
.heading-bar h5 {
    font-size: 14px;
}
.footer .footer-newsletter {
    padding-top: 2rem!important;
    margin-top: 2rem!important;
    padding-bottom: 2rem!important;
}
.footer .ft-block-heading, .footer .footer-newsletter .ft-newsletter-content .ft-newsletter-heading {
    font-size: 20px;
}
}


/* Judge.me exposes its whole theme as CSS custom properties on .jm-review-widget's
   own inline style attribute (set from the app's admin color pickers). Redeclaring
   them here with !important wins over that non-important inline style and re-themes
   the entire widget (text, buttons, stars, corners, review form) in one place. */
.jm-review-widget {
    --jm-review-widget-star-and-histogram-color: #f8b618 !important;
    --jm-review-widget-button-color: #6b7458 !important;
    --jm-review-widget-button-text-color: #f7f6ec !important;
    --jm-review-widget-text-color: #f7f6ec !important;
    --jm-review-widget-lighter-text-color: #adadad !important;
    --jm-widget-primary-color: #6b7458 !important;
    --jm-widget-border-radius: 0px !important;
    --jm-widget-border-radius-simplified: 0px !important;
    --jm-review-widget-form-background-color: #252525 !important;
    --jm-review-widget-form-button-color: #6b7458 !important;
    --jm-review-widget-form-button-text-color: #f7f6ec !important;
    --jm-review-widget-form-field-background-color: #1a1a1a !important;
    --jm-review-widget-form-modal-overlay-color: #000000 !important;
    --jm-review-widget-form-text-color: #f7f6ec !important;
}

.jm-review-widget-minimal-header__title, .jm-average-rating-display--minimal-header, .jm-reviewer-info__name, .jdgm-review-content__body-content{
    color: #f7f6ec !important;
}
.jm-reviewer-avatar{
    background-color: #f8b618 !important;
}
.jm-review-item{
    border-bottom: 1px solid #303030 !important;
}
.jm-button--secondary {
    background-color: unset !important;
    border-color: #6b7458 !important;
    color: #6b7458 !important;
}
.jm-button--primary{
    color: #f7f6ec !important;
}
/* ---------------------------------------------------------------------------
   Cart drawer checkout button — festive campaign
   ---------------------------------------------------------------------------
   GoKwik decorates this button (adds .gokwik-marge, data-gk-decorated) and
   loads its own stylesheet from cdn.gokwik.co, which repaints it black. The
   design calls for the brand olive, so we restate it with enough specificity
   (and !important) to win against the remote sheet.

   Only colour is overridden — GoKwik's click handler, UPI icons and coupon
   note are left intact so checkout behaviour is unchanged.
--------------------------------------------------------------------------- */
.side-cart .go-to-checkout button[name='checkout'],
.side-cart .go-to-checkout button.gokwik-marge,
.cart-page .go-to-checkout button[name='checkout'],
.cart-page .go-to-checkout button.gokwik-marge {
	background: #78805f !important;
	border-color: #78805f !important;
	color: #1f1f1f !important;
}

.side-cart .go-to-checkout button[name='checkout'] .btn-text span,
.side-cart .go-to-checkout button.gokwik-marge .btn-text span {
	color: #1f1f1f !important;
}

.side-cart .go-to-checkout button[name='checkout']:hover,
.side-cart .go-to-checkout button.gokwik-marge:hover {
	background: #6b7354 !important;
	border-color: #6b7354 !important;
}

/* ---------------------------------------------------------------------------
   Applied discount tag (e.g. "SAVE20") on a cart line
   ---------------------------------------------------------------------------
   The theme renders this at 50% text opacity
   (.discounts-discount { color: rgb(var(--text-color), 0.5) }), which is
   invisible against the dark drawer. Restyled as a gold pill so the shopper
   can actually see which code is working, matching the campaign accent.
--------------------------------------------------------------------------- */
.side-cart .product-item .discounts,
.cart-table .discounts,
.cart-item .discounts {
	list-style: none;
	padding: 0;
	margin: 6px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.side-cart .product-item .discounts .discounts-discount,
.cart-table .discounts .discounts-discount,
.cart-item .discounts .discounts-discount {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	padding: 3px 10px 3px 8px;
	border-radius: 999px;
	background: rgba(240, 193, 79, 0.14);
	border: 1px solid rgba(240, 193, 79, 0.55);
	color: #f0c14f !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.03em;
	line-height: 1.7;
	text-transform: uppercase;
	white-space: nowrap;
}

.side-cart .product-item .discounts .discounts-discount svg,
.cart-table .discounts .discounts-discount svg,
.cart-item .discounts .discounts-discount svg {
	width: 13px !important;
	height: 13px;
	margin-right: 0 !important;
	color: #f0c14f !important;
	flex: 0 0 auto;
}

/* Breadcrumb emphasis was inverted. style.css dims the last crumb (the page you
   are actually on) to 60% opacity and leaves the ancestor links at full
   strength; the design calls for the opposite, so the current page reads bright
   and the links you can navigate away by read muted.

   custom.css loads after style.css, so matching the original specificity is
   enough to win. Both the li[aria-current] and a[aria-current] forms are
   covered: most templates mark the current crumb on the list item, but the
   collection branches of sections/breadcrumb.liquid put it on the link. */
.breadcrumb-section .breadcrumb-list li,
.breadcrumb-section .breadcrumb-list li a {
    color: #8F8F8F;
}

.breadcrumb-section .breadcrumb-list li:last-child,
.breadcrumb-section .breadcrumb-list li[aria-current="page"],
.breadcrumb-section .breadcrumb-list li a[aria-current="page"] {
    color: #F7F6EC;
}

/* PDP breadcrumb type: Figma "Web/04 UI/Overline" — BDO Grotesk 12px/150%,
   weight 500, uppercase. style.css sets the crumbs in var(--subheading-font-family)
   (a merchant font setting) at 1.2rem, so they were neither the family nor the
   weight the rest of the PDP uses for its small caps labels. Colours already match
   the spec via the rules above (#F7F6EC current crumb, #8F8F8F links), so only the
   typography is restated here. Scoped to the product template — other templates
   keep the theme font. */
.template-product .breadcrumb-section .breadcrumb-list li,
.template-product .breadcrumb-section .breadcrumb-list li a {
    font-family: 'BDO Grotesk';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
}

/* PDP accordion numbered steps (e.g. "How to use"): Figma calls for the
   step number as a standalone small overline label ("01", "02"...) next
   to the instruction text, not the browser's default inline "1." marker.
   Scoped to accordion rich-text content generally, not just one tab, since
   any accordion could carry a numbered list in this same format. */
.accordion-content.rte ol {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: pdp-step;
}

.accordion-content.rte ol li {
    counter-increment: pdp-step;
    display: flex;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 16px;
    color: var(--03-Text-Primary, var(--text-primary, #F7F6EC));
    font-family: 'BDO Grotesk';
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.accordion-content.rte ol li:last-child {
    margin-bottom: 0;
}

/* Consumer claims numbers its rows from the metafield's own keys ("01", "02"),
   so the author controls them; every other list falls back to the counter. */
.accordion-content.rte ol li[data-step]::before {
    content: attr(data-step);
}

.accordion-content.rte ol li::before {
    content: counter(pdp-step, decimal-leading-zero);
    flex: 0 0 auto;
    color: var(--03-Text-Brand, var(--text-brand, #A3AB91));
    font-family: 'BDO Grotesk';
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
}

.summary-item.size {
    padding-top: 12px;
    padding-bottom: 8px;
}

/* Single-size products have no radio input to drive style.css's
   `.field-value:checked+.field-button` border highlight, so the one pill
   is marked selected directly — the size value only lives on the box now,
   not duplicated in the "Size:" label text next to it. */
.product-summary .variant-swatch .field-button.is-selected {
    border-color: rgba(var(--text-color), 0.8);
}

/* Cart drawer, between the click and the cart.

   btyAddToCart() opens the drawer as the add goes OUT rather than when it comes
   back, and stands a provisional line in it built from the card that was
   clicked. So this is the panel while the re-rendered cart is still on the
   wire: the new line already legible, the totals it has not reached yet held
   back, and the header live so the close button works and the drawer is never
   a trap. All of it is replaced wholesale when the section lands. */
.side-cart.side-cart-busy .side-cart-content {
	pointer-events: none;
}

/* Stale until the cart answers - the line is in, the total is not. */
.side-cart.side-cart-busy .side-cart-footer {
	opacity: 0.4;
	pointer-events: none;
	transition: opacity .2s ease;
}

/* The provisional line. Pulsed rather than dimmed: it is the one thing on the
   panel the shopper is actually looking for. */
.side-cart .product-item.is-pending {
	animation: side-cart-pending-pulse 1.1s ease-in-out infinite;
}

.side-cart .product-item.is-pending .product-name,
.side-cart .product-item.is-pending .product-price {
	color: rgba(247, 246, 236, 0.75);
}

@keyframes side-cart-pending-pulse {
	0%, 100% { opacity: 1 }
	50% { opacity: 0.55 }
}

/* The empty-cart state sits below the list we just created for the first add.
   Two answers to "what is in the bag" at once reads as a bug. */
.side-cart.side-cart-pending .cart-empty {
	display: none;
}

/* Fallback for an add we could read nothing off - no line to show, so the
   panel says it is working the only way left to it. The keyframes are
   style.css's own loader; it carries the centring translate, which is why only
   top and left are set here. */
.side-cart.side-cart-busy:not(.side-cart-pending) .side-cart-inner::after {
	content: "";
	z-index: 5;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	border: 3px solid rgba(247, 246, 236, 0.9);
	border-top-color: rgba(247, 246, 236, 0);
	border-radius: 50%;
	animation: circle-loading 500ms infinite linear;
}