/** Shopify CDN: Minification failed

Line 87:0 Unexpected "}"
Line 125:11 Expected ":"

**/
/* ------------------- SM Updates ------------------- */



/* Sticky Add-to-cart button on product pages */


#essential-sticky-cart-form-mobile {
   padding: 25px 15px 15px 15px !important;  
   background: #102100 !important;
}

#essential-sticky-cart-form-mobile button {
   background: #F6F5F4 !important;
   margin: 20px;
   color: #102100 !important;
   border-radius: 10px !important;
}

/* Product block updates */

.product-block {text-align: left !important}
.product-block--sales-point {
    display: flex !important;
    align-items: center !important; /* Vertically centers the icon and text */
    justify-content: flex-start !important; /* Left aligns the content */
    text-align: left !important; /* Ensures text itself is left-aligned */
    margin: 0px !important;
}

.sales-points {margin: 5px 0px !important;}

.product-block--header {margin-bottom: 10px}




/* Announcement bar and Main Header on Mobile */ 

/* Mobile announcement bar - make thinner and keep content centered */
@media screen and (max-width: 768px) {
  /* Main announcement bar container 
  .announcement-bar {
    min-height: 30px !important;
    height: 30px !important;
    padding: 10px 0 !important;
    line-height: 20px !important; /* Match the height */
}

  .announcement-text {
    padding: 0px !importan; 
    font-size: 0.8em; 
    text-decoration:none;
  }
  
  .header-layout {
    display: flex !important;
    align-items: center !important;
    height: 35px !important;

}


.site-header__search .search__input {

  padding: 2px 5px !important;
  margin-top: 2px;
}
#SiteHeader > div.site-header__search-container.is-active > div > div > predictive-search > form > div.search__input-wrap > button {
    width: 30px !important;
    height: 30px !important;
    padding: 4px !important;
}

/* Scale down the icon inside the button */
#SiteHeader > div.site-header__search-container.is-active > div > div > predictive-search > form > div.search__input-wrap > button .icon {
    width: 20px !important;
    height: 20px !important;
}

}



/* Add-to-cart on Collection Grid */ 


.cleverapps-collections-add-to-cart-add-to-cart-button {
  margin-top: 2.5px !important;
  width: 60% !important; 
  border: 2px solid #000000 !important;
  height: 30px !important; 
  min-height: 30px !important; 
  font-size: 14px !important;
  padding: 2px 10px !important; 

}


.cleverapps-collections-add-to-cart-widget,
.cleverapps-collections-add-to-cart-button-super-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  flex-start: start !important;
}

.cleverapps-collections-add-to-cart-sold-out-button {
  margin-top: 2.5px !important;
  border-radius: 0 !important; 
  background: #F6F5F4 !important;
  border: 1px solid #b0b0b0 !important;
  font-size: 13px !important;
  color: #b0b0b0 !important;
  border-radius: 10px !important;
  width: 50% !important; 
  height: 30px !important; 
  font-family: 'Josefin Sans';
  min-height: 30px !important; 
  font-size 14px !important;
}

.grid-product__tag--sold-out {display: none}



@media screen and (max-width: 768px) {
.cleverapps-collections-add-to-cart-add-to-cart-button, .cleverapps-collections-add-to-cart-sold-out-button {
  font-size: 10px !important;
  width: 70% !important; 
  margin-top: 0px !important;
}

[data-context="featured-collection"] .cleverapps-collections-add-to-cart-add-to-cart-button, .cleverapps-collections-add-to-cart-sold-out-button {
width: 70% !important;
}

}


[data-context="featured-collection"] .cleverapps-collections-add-to-cart-widget {
padding-bottom: 0 !important;
}

/*** MM Complementary Products ***/
.mm-product-recommendations-block[data-intent=complementary]{
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: var(--bg-clr);
  padding: 24px;
  position: relative;
  @media (max-width: 767px){
    padding: 16px 12px;
    gap: 12px;
  }
  &.atc-active{
    .grid-product__link:after{
      content: unset;
    }
  }
  .flickity-enabled{
    position: static;
  }
  .flickity-button{
    top: unset;
    bottom: -10px;
    left: 20px;
    background: transparent;
    @media (max-width: 749px){
      bottom: -20px;
    }
    &:after{
      content: "";
      display: inline-block;
      width: 20px;
      height: 14px;
      background-repeat: no-repeat;
      background-size: contain;
      margin-left: 6px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.2243 0L12.5729 0.672015L18.2365 6.52407H0.476347H0V7.47593H18.2356L12.5729 13.327L13.2243 14L20 6.99905L13.2243 0Z' fill='black'/%3E%3C/svg%3E");
    }
    &.flickity-next{
      left: 60px;
      @media (min-width: 768px) and (max-width: 991px){
        top: 40px;
        right: 20px;
        left: inherit;
      }
      @media (max-width: 767px){
        left: calc(0% - 90px);
      }
    }
    &.flickity-previous{
      &:after{
        transform:rotate(180deg) translateY(0px)
      }
      @media  (min-width: 768px) and (max-width: 991px){
        top: 40px;
        left: unset;
        right: 60px;
      }
      @media (max-width: 767px){
        left: calc(0% - 130px);
      }
    }
    svg{
      display: none;
    }
  }
  .product-recommendations_content{
    .product-recommendations__title{
        font-family: Cardo;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28.05px;
        letter-spacing: -0.75px;
        text-transform: capitalize;
        margin: 0;
        color: var(--title-clr);
        @media (max-width: 767px){
          font-size: 16px;
        }
    }
    .product-recommendations__description{
        color: var(--text-clr);
        font-family: "Josefin Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 130%;
        margin-top: 12px;
        @media (max-width: 767px){
          font-size: 10px;
        }
    }
  }
  .product-recommendations__slide{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    @media (max-width: 767px){
      flex-wrap: nowrap;
    }
    .grid__item{
      padding: 0;
      margin: 0;
      max-width: calc(50% - 6px);
    }
  }
  .grid__item-image-wrapper{
    flex-direction: column;
    .grid-product__image-mask{
      width: 100%;
    }
    .quick-add-mm{
      width: 100%;
      .add-to-cart{
        color: #FFF;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        background: var(--title-clr);
        border-radius: 88px;
        padding: 10px 14px;
        letter-spacing: 0.4px;
        width: 100%;
        text-align: center;
        @media (max-width: 767px){
          font-size: 10px;
          padding: 6px 10px;
        }
      }
    }
    .grid-product__meta{
      width: 100%;
      margin: 0;
      .jdgm-widget{
        display: none !important;
      }
      .grid-product__title{
        color: var(--text-clr);
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        letter-spacing: 0.5px;
        @media (max-width: 767px){
          font-size: 8px;
          line-height: 120%;
        }
      }
      .grid-product__price{
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0.5px;
        color: var(--text-clr);
        @media (max-width: 767px){
          font-size: 8px;
          line-height: 120%;
        }
      }
    }
  }
}

/*** MM Quantities ***/
.mm-quantities-wrapper{
  &.quantity-block .title{
    margin: 0 0 12px;
  }
  .title{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.5px;
    letter-spacing: -0.75px;
    margin: 0 0 20px;
    text-transform: capitalize;
    .text-normal{
      font-weight: 500;
    }
    @media (max-width: 767px){
      font-size: 14px;
    }
  }
  .mm-quantities-blocks{
    display: flex;
    align-items: stretch;
    gap: 8px;
  }
  .quantity-block{
    flex: 1;
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 8px;
    background-color: #F6F5F4;
    position: relative;
    cursor: pointer;
    border: 2px solid transparent;
    @media screen and (max-width: 1220px) and (min-width: 992px){
      padding: 12px 6px;
    }
    @media (max-width: 991px){
      flex-direction: column;
      text-align: center;
    }
  }
  .image-wrapper{
    max-width: 56px;
  }
  .quantity-title{
    color: #4F4F4F;
    font-family: "Josefin Sans";
    font-size: clamp(14px, 1.1vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0;
    @media (max-width: 767px){
      font-size: 14px;
    }
  }
  .quantity-pricing{
    color: #4F4F4F;
    font-family: "Josefin Sans";
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 130%;
    margin: 0;
    @media (max-width: 767px){
      font-size: 12px;
    }
  }
  .tag{
    position: absolute;
    top: -12px;
    color: #1C4632;
    background: white;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    border: 1px solid #1C4632;
    border-radius: 32px;
    padding: 4px 9px;
  }
  .quantity-block:last-child{
    .tag{
      background: #1C4632;
      color: white;
    }
  }
  .quantity-block.active{
    border-color: #000;
    background: #FFF;
  }
}

.quick-product__btn.quick-view-icon{
  background: transparent;
  text-align: right;
  max-width: fit-content;
  left: unset;
  .icon--quick-view{
    width: 24px;
    height: 24px;
  }
}



/* ========== SEARCH HEADER (both MAABAE + CultureClub) ==========
     When search opens it reads as ONE solid full-width panel that continues
     the header colour — no grey body colour, no grey gap under the input,
     no dark page scrim. Panel bleeds edge-to-edge; result rows stay centered
     in the site's 1500px content column.
     STRUCTURE rules are template-agnostic; only COLOUR branches per brand. */

  /* ---- STRUCTURE (both templates) ---- */
  predictive-search { max-width: none; }

  .site-header__search .page-width {
    max-width: 1500px;
    margin: 0 auto;
    position: static;
  }

  predictive-search .search__results {
    margin-top: 0 !important;                 /* kill the 10px grey strip */
    left: 50%;
    right: auto;
    width: 100vw !important;
    margin-left: -50vw !important;            /* stretch to viewport edges */
    margin-right: 0 !important;
  }
  predictive-search .search__results > * {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 17px;
    padding-right: 17px;
  }
  predictive-search.is-active .predictive__screen {
    background: transparent !important;
  }

  /* ---- COLOUR: MAABAE (header colour) ---- */
  .maabae-template .site-header__search,
  .maabae-template .site-header__search .page-width,
  .maabae-template predictive-search,
  .maabae-template predictive-search .search__results {
    background-color: var(--colorNav) !important;
  }
  .maabae-template .site-header__search,
  .maabae-template .site-header__search .search__input,
  .maabae-template .site-header__search .search__input::placeholder,
  .maabae-template predictive-search .search__results,
  .maabae-template predictive-search .search__results a,
  .maabae-template predictive-search .search__results span,
  .maabae-template predictive-search .search__results p {
    color: var(--colorNavText);
  }
  .maabae-template .site-header__search .btn--search .icon path,
  .maabae-template .site-header__search .btn--close-search .icon path {
    stroke: var(--colorNavText) !important;
  }

  /* ---- COLOUR: CultureClub (maroon palette) ---- */
  .culture-club-template .site-header__search,
  .culture-club-template .site-header__search .page-width,
  .culture-club-template predictive-search,
  .culture-club-template predictive-search .search__results {
    background-color: var(--cc-panel) !important;
  }
  .culture-club-template predictive-search .search__results,
  .culture-club-template predictive-search .search__results a,
  .culture-club-template predictive-search .search__results span,
  .culture-club-template predictive-search .search__results p {
    color: var(--cc-accent) !important;
  }

/* ---- MOBILE: close the left gap so the panel is truly edge-to-edge ---- */
  @media only screen and (max-width: 768px) {
    .site-header__search-container.is-active,
    .site-header__search-container {
      left: 50% !important;
      right: auto !important;
      width: 100vw !important;
      margin-left: -50vw !important;
    }
    .site-header__search {
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      margin-left: 0 !important;
    }
    .site-header__search .page-width {
      padding-left: 17px !important;
      padding-right: 17px !important;
      max-width: 100% !important;
    }
    predictive-search .search__results {
      margin-top: 0 !important;
    }
    predictive-search .search__results > * {
      padding-left: 17px;
      padding-right: 17px;
    }
  }

  /* ---- DIVIDERS / BORDERS: follow brand colour ---- */
  .maabae-template .predictive-search-results h3 {
    border-color: #F6F5F4 !important;
  }
  .culture-club-template .predictive-search-results h3 {
    border-color: var(--cc-accent) !important;
  }
/* ---- SEARCH INPUT FIELD: rounded corners + dark brand border + dark text ---- */
  .site-header__search .search__input {
    border-radius: 6px !important;
    border: 1px solid;
  }
  .maabae-template .site-header__search .search__input {
    color: var(--colorNav) !important;
    border-color: var(--colorNav) !important;
  }
  .culture-club-template .site-header__search .search__input {
    color: var(--cc-panel) !important;
    border-color: var(--cc-panel) !important;
  }

  /* search (magnifier) icon = same dark brand colour */
  .maabae-template .site-header__search .btn--search .icon path {
    stroke: var(--colorNav) !important;
  }
  .culture-club-template .site-header__search .btn--search .icon path {
    stroke: var(--cc-panel) !important;
  }

  /* ---- "Show all results for..." button border ---- */
  .maabae-template .results__search-btn {
    border-color: #F6F5F4 !important;
  }
  .culture-club-template .results__search-btn {
    border-color: var(--cc-accent) !important;
  }

/* ---- TYPED vs PREDICTED suggestion text ----
     Markup: <span><mark>mad</mark>aliya two tone</span>
     Opacity compounds, so dim via COLOR not opacity. */
  .maabae-template .results--queries span {
    color: rgba(255, 255, 255, 0.55) !important;
    opacity: 1 !important;
  }
  .maabae-template .results--queries mark {
    color: var(--colorNavText) !important;
    opacity: 1 !important;
  }
  .culture-club-template .results--queries span {
    color: rgba(240, 224, 130, 0.55) !important;
    opacity: 1 !important;
  }
  .culture-club-template .results--queries mark {
    color: var(--cc-accent) !important;
    opacity: 1 !important;
  }




/* ---- MOBILE: cart drawer ---- */

    /* ---- MOBILE: cart drawer full-screen (close the left gap) ---- */
  @media only screen and (max-width: 768px) {
    #CartDrawer.drawer--right {
      width: 100vw !important;
      max-width: 100% !important;
      right: -100vw !important;
    }
    #CartDrawer.drawer--right.drawer--is-open {
      transform: translateX(-100vw) !important;
    }
  }

      /* ---- MAABAE: cart drawer "Check Out" button (grey bg, dark green text) ---- */
    .maabae-template #CartDrawer .cart__checkout {
      background-color: #F6F5F4 !important;
      color: #102100 !important;
      border: 2px solid #102100 !important;
      transition: 0.3s;
    }
    .maabae-template #CartDrawer .cart__checkout:hover {
      background-color: #102100 !important;
      color: #F6F5F4 !important;
    }

  /* Hide dynamic/quick checkout buttons (PayPal, G Pay, etc.) in the cart drawer only */
  #CartDrawer .additional-checkout-buttons {
    display: none !important;
  }
  

  /* ================= Featured collection "VIEW ALL" ================= */
    /* View-all always reads as a text link (uppercase, underline on hover), never a pill. */

    /* --- Shared text-link look (top-right, bottom, mobile tail) --- */
    [data-context="featured-collection"] .section-header__link.btn,
    [data-context="featured-collection"] .grid__item > a.btn,
    [data-context="featured-collection"] .grid-product__see-all {
      background: transparent !important;
      border: none !important;
      padding: 5 !important;
      min-width: 0 !important;
      color: inherit !important;
      font-size: 14px !important;
      letter-spacing: 0.5px !important;
      font-weight: 300;
      text-transform: uppercase !important;
      text-decoration: none !important;
      white-space: nowrap !important;
      box-shadow: none !important;
    }
    [data-context="featured-collection"] .section-header__link.btn:hover,
    [data-context="featured-collection"] .grid__item > a.btn:hover,
    [data-context="featured-collection"] .grid-product__see-all:hover {
      background: transparent !important;
      color: inherit !important;
      text-decoration: underline !important;
    }