/** Shopify CDN: Minification failed

Line 36:22 Unexpected "{"
Line 36:31 Expected ":"
Line 39:22 Unexpected "{"
Line 39:31 Expected ":"
Line 42:22 Unexpected "{"
Line 42:31 Expected ":"
Line 46:22 Unexpected "{"
Line 46:31 Expected ":"
Line 49:22 Unexpected "{"
Line 49:31 Expected ":"
... and 14 more hidden warnings

**/
/* Place any CSS overrides in this file. */

/* banner section css  */
.custom-main-banner-alignment .homepage-featured-content-box {
  max-width: 50%;
  padding-left: 100px;
  padding-top: 100px;
}
.slideshow-title-container h2 {
    text-transform: initial;
}
.custom-main-banner-alignment .slide-buttons .homepage-section-btn {
    border-radius: 50px;
}
@media(max-width:767px){

  .custom-main-banner-alignment .homepage-featured-content-box {
  padding-left: 0px;
}
  
  .homepage-content--{{ section.id }} .homepage-featured-content-box-inner.shown-on-scroll.animated.fadeInUp .sitewide--title-wrapper h2 {
    color: #2F1F19;
  }
  .homepage-content--{{ section.id }} .homepage-featured-content-box-inner.shown-on-scroll.animated.fadeInUp p {
    color: #50362B;
  }
  .homepage-content--{{ section.id }} .homepage-indiv-section-wrapper.grid--full.homepage-featured-content-wrapper.feature-row__text--left.feature-row__text-alignment--left .feature_row__image_wrapper.large--one-half {
    background-image: unset !important;
    background-color: #E5D6C7 !important;
  }
  .homepage-content--{{ section.id }} .grid__item.homepage-content--image {
    margin: 0px;
  }
  .homepage-content--{{ section.id }} .homepage-featured-content-box-inner.shown-on-scroll.animated.fadeInUp h2{
    text-align: left;
  } 
  .homepage-content--{{ section.id }} .homepage-featured-content-box-inner.shown-on-scroll.animated.fadeInUp p {
    text-align: left;
  }
   .homepage-content--{{ section.id }} .homepage-indiv-section-wrapper.grid--full.homepage-featured-content-wrapper.feature-row__text--left.feature-row__text-alignment--left{
      display: flex;
      flex-direction: column-reverse;
    }
    
    .custom-main-banner-alignment .homepage-featured-content-box {
        max-width: 100%;
    }
    .custom--logo_with_text .logo_with_text_container{
        display:block !important;
    }
    .custom--logo_with_text .logo_with_text_container .logo_with_text_block{
        display: block;
        text-align: center;
        margin-bottom: 40px;
    }
    /* #homepage-slider-container slider-section--{{ section.id }} .slideshow-title-container h2 span {
        display: none;
    }
    #homepage-slider-container slider-section--{{ section.id }} .slideshow-text-container .rte.featured-row__subtext.textarea{
      display: none;
    } */
}

/* Logo With Text Section Css */


   .custom--logo_with_text .logo_with_text_container{
      display:flex;
      justify-content:space-evenly;
      flex-wrap: nowrap;
    }
    
   .custom--logo_with_text {
      padding:30px 0px;
    }

    #logo-text-{{ section.id }} .logo_with_text_block img {
      width: 50px;
      height: 50px;
    }
    #logo-text-{{ section.id }} .detail h5 {
        color: #2F1F19;
        font-weight: 700;
        line-height: 24px;
        font-family: 'Madera';
        font-size:16px;
    }
    #logo-text-{{ section.id }} .detail p {
        color: #50362B;
        font-weight: 400;
        line-height: 24px;
        font-family: 'Avenir Next W1G';
        font-size:16px;

    }
   #logo-text-{{ section.id }} .logo_with_text_container .logo_with_text_block{
      display:flex;
      gap: 20px;
   }

/* text with image */

.homepage-content--{{ section.id }} .homepage-indiv-section-wrapper.grid--full.homepage-featured-content-wrapper.feature-row__text--left.feature-row__text-alignment--left .feature_row__image_wrapper.large--one-half {
    /* background-image: url(/cdn/shop/files/Pattern.png?v=1710325514); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #E5D6C7;
    color: black;
}
/* latest css  */
.custom--design--main-wrapper .product-grid--title a {
    color: #2F1F19;
  font-size:18px;
}
.custom--design--main-wrapper .product-grid--price .money:not(.sale-price):not(.price-line-through), .product-grid--price a, .product-grid--title, .product-grid--title a {
    color: #2F1F19;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
}
.custom--design--main-wrapper .custom--text{
  color:black;
  font-size:18px;
}
.custom--design--main-wrapper .grid-view-item-image{
  border-radius:16px;
}
.custom--design--main-wrapper .sold-out-badge {
    background: #694738;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 24px 8px 24px;
    top: 20px;
    left: 20px;
    border-radius: 99px;
}
.custom--design--main-wrapper .homepage-sections--title {
    font-size: 48px;
    color: black;
}
.custom--design--main-wrapper .homepage-featured-rich-text .featured-products-wrapper .featured-row__subtext {
    color: black;
    font-size: 18px;
    font-weight: 400;
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .custom-text-column-section .content-custom-row {
	flex-wrap: wrap;
    justify-content: center;
    padding: 0;
  }
  .custom-text-column-section .content-custom-row .single-column {
    width: calc(50% - 10px);	
    text-align: center;	
  }
}
@media only screen and (max-width:767px) {
  .custom--design--main-wrapper .grid__item.large--one-third.medium--one-half.small--one-whole {
    width: 100%;
  }
  .custom--design--main-wrapper .homepage-sections--title {
    font-size: 38px;
  }
  .custom--design--main-wrapper .homepage-featured-rich-text .featured-products-wrapper .featured-row__subtext,
  .homepage-featured-content-wrapper .product-grid--title a,
  .homepage-featured-content-wrapper .custom--text {
    font-size: 16px;
  }
  .homepage-featured-content-wrapper .product-grid--price .money:not(.sale-price):not(.price-line-through), .product-grid--price a, .product-grid--title, .product-grid--title a {
    color: black;
    font-size: 22px;
  }
}
.homepage-sections-wrapper--white .grid-item__content {
    justify-content: end;
}
.homepage-sections-wrapper--white .homepage-collection-grid-inner {
    border-radius: 37px;
    overflow: hidden;
}
.homepage-sections-wrapper--white .homepage-sections--title {
    color: #2F1F19;
    font-size: 48px;
    line-height: 57.6px;
}
.homepage-sections-wrapper--white .homepage-sections--description {
    color: #50362B;
    font-size: 18px;
    line-height: 27px;
}
.homepage-sections-wrapper--white .grid-item__subheading {
    font-size: 18px;
    line-height: 27px;
    color:#E5D6C7 !important;
}
.homepage-sections-wrapper--white .grid-item__title {
    font-size: 24px;
    line-height: 28.8px;
}
@media only screen and (max-width:767px){
 .homepage-sections-wrapper--white .collection-grid {
    gap: 48px;
}
  .homepage-sections-wrapper--white .homepage-collection-grid-inner {
    position: relative;
}
  /*
  .homepage-sections-wrapper--white .homepage-featured-box-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
  */
}
@media only screen and (min-width:768px){
  .homepage-sections-wrapper--white a.homepage-featured-box-btn.custom-btn-css {
    display:none;
}
}
.custom--logo_with_text {
    padding: 30px 125px;
}
.custom--logo_with_text .logo_with_text_container {
    justify-content: space-between;
    width: 100%;
}
.logo_with_text_container .logo_with_text_block {
    gap: 20px;
    /* width: 33.33%; */
}
.homepage-featured-content-wrapper .featured-products-wrapper{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.homepage-featured-content-wrapper .homepage-sections--title,.textarea text-link-animated{
  text-transform:capitalize;
}
.homepage-indiv-section-wrapper .homepage-featured-content-box-inner{
    padding: 51px;
}
.image-with-text-wrapper .featured-row__subtext p {
    margin-top: 10px;
}
.homepage-section-btn-container .homepage-section-btn{
  text-transform: capitalize;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
.grid-view-item .product-grid--title{
  font-weight:600;
}
.sitewide--title-wrapper .homepage-sections--title{
  text-transform: math-auto
}
.featured-collections-wrapper .homepage-sections--title {
    margin-bottom: 30px;
}
.featured-collections-wrapper .collection-grid {
    gap: 48px;
}
.featured-collections-wrapper .collection-grid--items-2 .homepage-collection-grid-item {
    
    width: calc(50% - 48px) !important;
    padding: 0 !important;
}
.wrapper-padded .sitewide--title-wrapper{
  margin-bottom:30px;
}
.wrapper-padded .grid__item{
  /* margin-bottom:20px; */
}
.page-width.featured-products-wrapper {
    gap: unset;
}
.multi-columns-content {
    padding: 0px 83px;
}

@media only screen and (max-width:767px){
  .custom--logo_with_text .logo_with_text_container {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
}
  .logo_with_text_container .logo_with_text_block {
    flex-direction: column !important;
    align-items: center !important;
    width:100%;
}
  .featured-collections-wrapper .collection-grid--items-2 .homepage-collection-grid-item {
    width: unset !important;
    padding: unset !important;
}
  .wrapper-padded .multi-columns-content .single-column {
    padding: 40px 30px 40px 30px;
    text-align:center;
    width:100%;
    max-width:100%;
}
  .custom--logo_with_text {
    padding: 35px 0px;
}.custom--logo_with_text .logo_with_text_container .logo_with_text_block { 
        margin-bottom: 25px;
    }.custom--logo_with_text .logo_with_text_container .logo_with_text_block:last-child{
    margin-bottom:0
    }
}
.custom-new-navigation {
    width: 100%;
    display: grid;
    grid-template-columns: 240px auto auto;
    align-items: center;
    justify-items: end;
    padding-block: 8px;
}
.custom-new-navigation .header--left-area {
  place-self: start;
}
.custom-new-navigation .site-header__logo img {
    display: block;
    width: 100%;
    max-width: 175px !important;
}

.custom-new-navigation .site-header__links .log-in-button .header--supporting-text {
  display: none;
}
.custom-new-navigation .site-header__cart-toggle{
      border: 1px solid #ffff;
    border-radius: 30px;
    height: 100%;
  gap: 6px;
      padding: 14px 28px;
} 
.custom-new-navigation .nav-link-animated{
  font-size:16px !important;
}
.custom-new-navigation .header--supporting-text{
  font-size:16px !important;
}
@media only screen and (min-width:480px) and (max-width:990px){
  .mobile-nav-bar-wrapper .site-header__logo img {
    display: block;
    width: 100%;
    max-width: 200px !important;
  }
}
/* latest css end  */
/* PDP CSS START */
:root {
  --product-text-color: #2F1F19; 
  --product-text-color-second: #694738; 
}
#breadcrumbs .breadcrumb a span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-transform: unset;
}
#breadcrumbs .breadcrumb-item.text-link.label-font {
  font-weight: 700;
  text-transform: capitalize;
}
.product-details-wrapper .product-details-product-title {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
  color: var(--product-text-color);
  text-transform: capitalize;
}
.homepage-slider-container .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-section-btn:hover {
  color: #fff;
}
.product-details-wrapper #ProductPrice .money {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  color: var(--product-text-color);
}
.product-details-wrapper #AddToCartForm .product-sub-label,
.product-details-wrapper .collapsible-tab .text-with-icon .text-with-icon--content .text-with-icon--text span {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: var(--product-text-color);
}
.product-section .product-details-wrapper .collapsible {
  border-top: 0;
  border-bottom: 1px solid var(--product-text-color-second);
}
.product-details-wrapper .collapsible-tab span .chevron-down path {
  stroke: var(--product-text-color-second);
}
.product-section #breadcrumbs .breadcrumb-divider img,
.mobile-content-main-wrapper #breadcrumbs .breadcrumb-divider img {
  display: inline-block;
  max-width: 16px;
  vertical-align: text-bottom;
}
.product-details-wrapper .paymentButtonsWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.product-section .product-details-wrapper .collapsible .collapsible-content p,
.product-section .product-details-wrapper .collapsible .collapsible-content span,
.product-section .product-details-wrapper .collapsible .collapsible-content ul li {
  font-size: 18px;
  line-height: 150%;
  color: #50362B;
}
.product-section .product-details-wrapper .collapsible .collapsible-content p em {
  font-style: normal;
}
.product-form__controls-group.custom--quantity-pdp .product-form__item #quantity {
  color: #2F1F19;
  border-color: #2F1F19;
}
.product-form__controls-group.custom--quantity-pdp .product-form__item #quantity option {
  color: #000;
}
/* PDP CSS END */
/* CSS 16-03-2024 START*/

/* the slides */
.testimonial_container .slick-slide {
    margin: 0 30px;
}
/* the parent */
.testimonial_container .slick-list {
    /* margin: 0 -30px; */
}
.testimonial_container .slick-next, 
.testimonial_container .slick-prev
{
width: 50px;
height: 50px;
}
.testimonial_container .slick-prev {
    left: -60px;
}
.testimonial_container .slick-next {
    right: -60px;
}

/* 55/15/15/15 left a dead zone under the newsletter and squeezed
   the three text columns — rebalanced 40/20/20/20. */
.footer-new-main .grid .newsletter-footer {
width:40%;
}
.footer-new-main .grid .links-footer {
width:20%;
}
.footer-new-main .grid .social-media-footer {
width:20%;
}
.footer-new-main .grid .img-logo-new {
    width: 151px;
    height: 80px;
}
.footer-new-main .grid .input-group {
    display: flex;
    width: 100%;
    gap: 16px;
}
.footer-new-main .input-group-field{
      border: 1px solid #D1B79D !important;
    border-radius: 8px !important;
  padding-left:22px !important;
}
.footer-new-main .footer-email-submit{
  width: 161px;
  height: 51px;
  border-radius: 8px !important;
  color: #2F1F19;
  margin: 0 !important;
}
.footer-new-main .footer-email-submit:hover {
  color: #fff;
}
.footer-new-main .footer-new-title {
  font-size: 16px;
  color: #2F1F19;
  line-height: 24px;
}
.footer-new-main p {
    font-size: 14px;
    line-height: 21px;
  color:#50362B;
  margin:0;
  text-align:left;
}
.social-media-footer ul li {
    list-style-type: none;
    display: flex !important;
    align-items: center;
}
.footer-new-main .grid__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer-new-main .footer-header{
  font-size: 16px;
    font-weight: 700;
  color:#2F1F19;
  text-align:left;
}
/* Footer headings on the new system: Figtree, sentence case
   (global heading settings still force uppercase elsewhere). */
.footer-new-main .footer-header,
.footer-new-main .footer-new-title {
  font-family: Figtree, sans-serif;
  text-transform: none;
  letter-spacing: 0;
}
.product-grid--title a {
    cursor: pointer;
    color: #50362B;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
}
.footer-alignment--left .social-media-footer ul {
    margin-left: -12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px;
}
/* Icon-only row — the text labels doubled the icons */
.footer-alignment--left .social-media-footer ul li > span {
    display: none;
}
.site-footer localization-form button {
    border-radius: 8px;
}
.links-footer ul li{
  margin-bottom:1.5em;
}
.js .site-footer localization-form ul.localization__list[hidden] {
    display: none;
}
/* Card border dropped at Daniel's request 27/07 — the comp draws one
   (node 120:44848 "Border") but he wants the footer to sit open on the
   ground. Padding stays so the content keeps its inset from the page edge. */
.footer-wrapper .wrapper-padded{
  padding:30px !important;
}
.footer-main{
  padding:60px 30px 0px 30px !important;
}
.footer-bottom{
padding:30px !important;
}
/* CSS 16-03-2024 END  */
.footer-blog-image img {
    width: 100%;
    max-width: 190px;
}
.blog-content {
    width: 100%;
    max-width: 590px;
    display: flex;
    gap: 20px;
    padding-top: 30px;
    border-top: 1px solid gray;
}
.footer-blog-text p {
    margin-bottom: 10px;
}
.footer-blog-text h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
.input-group .input-group-field {
    width: 50% !important;
}
@media only screen and (max-width:767px) {
  .footer-new-main .grid .newsletter-footer {
    width: unset;
}
  .footer-new-main .grid .input-group {
    display: block;
}
  .input-group .input-group-field {
    width: 100% !important;
}
  .footer-new-main .grid .links-footer {
    width: unset;
    margin:0;
}
  .footer-new-main .grid .social-media-footer {
    width: unset;
}
}
/* ^ closes @media (max-width:767px). It was missing, so EVERY rule
   below this point — the whole Awhi design system, the @font-face
   declarations and the :root tokens — was trapped inside a mobile
   media query and dead on desktop. */

/* Back to Daniel's original 30x20 (27/07). The comp (footer node
   120:44999) draws these at 55x40 and a previous pass took the comp over
   his earlier request; he has now asked for smaller again, so his number
   wins. At 55 wide they also wrapped to two rows on a 390 screen, which
   was most of the mobile footer gap. */
.payment-icons svg {
  height: 20px !important;
  width: 30px !important;
}

/* ============================================================
   Awhi design system — Scott's Figma (Awhi Company Shopify
   Updates, node 90:701). Archivo Narrow is the display face;
   Figtree stays the body face. Self-hosted, latin + latin-ext
   (latin-ext carries the macrons: ā ē ī ō ū).
   ============================================================ */
/* True per-weight cuts (500/600/700) — a single-instance file under a
   400-700 range declaration made browsers synthesize bold (the
   "OTS derived / Arial fallback" symptom). latin-ext carries macrons. */
@font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 500; font-display: swap; src: url('archivo-narrow-500-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 500; font-display: swap; src: url('archivo-narrow-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 600; font-display: swap; src: url('archivo-narrow-600-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 600; font-display: swap; src: url('archivo-narrow-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 700; font-display: swap; src: url('archivo-narrow-700-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 700; font-display: swap; src: url('archivo-narrow-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ============================================================
   Footer — Figma node 120:44847. Dark-brown ground (set via
   color_footer_bg), cream/taupe type, gold pill subscribe.
   ============================================================ */
/* The theme centres footer text on phones (footer-alignment class);
   these hold the menu columns and promo card left at every width.
   Two survivors of the orphaned pseudo-mobile block deleted 31/07 —
   the other four rules there were genuinely dead. */
.links-footer ul {
  text-align: left;
}
.footer-blog-text {
  text-align: left;
}
/* Newsletter heading: Archivo Narrow Bold 22/24, brown.
   Was cream, from when the footer ground was dark brown. The 30/07 client
   reverts moved that ground to sand, so cream-on-tan was barely legible —
   the same cause as the white footer logo fixed on 02/08. */
.footer-new-main .footer-new-title,
.footer-new-main .newsletter-footer .footer-header {
  font-family: var(--awhi-display, 'Archivo Narrow', sans-serif) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--awhi-brown, #50362b) !important;
}
/* Column headings: Jost Bold 16/22.4. The file specifies #2F1F19,
   which would be invisible on the dark ground — using cream. */
.footer-new-main .links-footer .footer-header,
.footer-new-main .social-media-footer .footer-header {
  font-family: Jost, Figtree, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  text-transform: none;
  color: var(--awhi-brown, #50362b);
}
/* Links + disclaimer: Figtree Regular 14, brown on the light footer */
.footer-new-main .footer-content a,
.footer-new-main .newsletter-footer p {
  font-family: Figtree, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  color: var(--awhi-brown, #50362b);
}
/* Email input: pill, taupe rule, brown text */
.footer-new-main .footer-email-input {
  /* Fill the row instead of the legacy `.input-group .input-group-field`
     50%. Same specificity as that rule, so this wins on source order; the
     160px Subscribe button and the 16px gap are the only things it gives
     ground to.
     NOTE the history before changing this again: Daniel asked for it longer
     on 27/07, which took it from the comp's 355.69 to 467, then said it was
     too wide on 28/07. It is now capped back to the comp width on desktop
     (see the min-width block below). Filling the row is still the mobile
     behaviour, where the field stacks above the button. */
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  border: 1px solid #d1b79d !important;
  border-radius: 99px !important;
  height: 51px !important;
  padding-left: 22px !important;
  background: transparent !important;
  /* Footer reverted to the light ground (Tasmyn 30/07), so the field type is
     brown now — it was cream against the dark brown footer. */
  color: var(--awhi-brown, #50362b) !important;
  font-family: Figtree, sans-serif !important;
  font-size: 14px !important;
}
.footer-new-main .footer-email-input::placeholder {
  color: var(--awhi-brown, #50362b);
  opacity: 0.75;
}
/* Subscribe: gold pill 160x49, Archivo Narrow Bold 18 uppercase */
.footer-new-main .footer-email-submit {
  background: var(--awhi-gold, #f7c64c) !important;
  color: var(--awhi-dark-brown, #2f1f19) !important;
  width: 160px !important;
  height: 49px !important;
  border-radius: 72px !important;
  border: none !important;
  font-family: var(--awhi-display, 'Archivo Narrow', sans-serif) !important;
  font-size: 18px !important;
  /* 700 → 600 (Daniel 03/08) — same weight pass as the hero and gift CTAs. */
  font-weight: 600 !important;
  letter-spacing: -0.18px !important;
  /* Sentence case in the 03/08 button sweep. */
  text-transform: none !important;
}
/* The footer Subscribe hover was DEAD: the rule up at .footer-email-submit:hover
   sets `color: #fff` with no !important, and this block's `color` above is
   !important, so the base won and nothing happened on hover. It also never
   changed background, so it was the only Awhi button that did not invert.
   Matching the !important is the fix, same as .awhi-arrow and the card
   quick-add. Koha + white is the inversion every other button uses.
   Daniel 03/08. */
.footer-new-main .footer-email-submit:hover {
  background: var(--awhi-koha, #694638) !important;
  color: #fff !important;
}
/* Promo card: Koha rule above, Archivo Narrow 24 heading */
.footer-new-main .footer-blog {
  border-top: 1px solid var(--awhi-koha, #694638);
}
.footer-new-main .footer-blog-text h5 {
  font-family: var(--awhi-display, 'Archivo Narrow', sans-serif) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-transform: none !important;
  color: var(--awhi-brown, #50362b) !important;
}
.footer-new-main .footer-blog-text p {
  font-family: Figtree, sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: var(--awhi-brown, #50362b);
}
/* Two-area footer layout (Figma 120:44847): brand column left,
   two menu columns + promo card right. */
.footer-new-main .awhi-foot {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
.footer-new-main .awhi-foot__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  min-width: 0;
}
.footer-new-main .awhi-foot__brand .newsletter-footer { width: 100%; }
.footer-new-main .img-logo-new img {
  width: 151px;
  height: auto;
  display: block;
  /* The white-wordmark filter (brightness(0) invert(1), Daniel 27/07) is
     GONE as of 02/08. It existed because the footer ground was dark brown;
     the 30/07 client reverts moved that ground to sand, which left a white
     wordmark on a tan field and near-invisible. The picker already points at
     the brown SVG, so removing the filter is what makes it brown — do not
     reintroduce it without checking the footer ground colour first. */
}
.footer-new-main .awhi-foot__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
/* Payment row + social row sit at the foot of the brand column */
.footer-new-main .footer-new-payment {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-new-main .footer-new-payment .payment-icon {
  width: 38px;
  height: auto;
}
.footer-new-main .awhi-foot__brand .social-media-footer { margin: 0; }
/* Column-stacking that the old .grid/.grid__item rules used to give
   these blocks (the rewrite dropped .grid). */
.footer-new-main .newsletter-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.footer-new-main .input-group {
  display: flex;
  width: 100%;
  gap: 16px;
}
/* The form element Shopify wraps the newsletter in is a flex item of
   .newsletter-footer, which sets align-items: flex-start — so it was
   shrink-to-fit and the whole row measured 361px however wide the brand
   column got. Stretch it, or `width: 100%` on .input-group has nothing to
   be 100% of. */
.footer-new-main .newsletter-footer form {
  width: 100%;
}
.footer-new-main .awhi-foot__nav .links-footer {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
/* Promo card already carries the koha rule via .footer-blog — drop the
   inner grey rule so the divider isn't doubled. */
.footer-new-main .footer-blog .blog-content {
  border-top: 0;
}
/* Subscribe field back to the comp width on desktop (Daniel 28/07, "the sub
   box is too wide"). 356px is the comp's 355.69 rounded — node 120:44847,
   which also draws the 160px button beside it. It was filling the row at
   467px. Phones keep the fill, since there the field stacks above the
   button and a cap would just leave a gap. */
@media (min-width: 900px) {
  .footer-new-main .footer-email-input {
    flex: 0 1 356px !important;
    max-width: 356px !important;
  }
}

@media (min-width: 900px) {
  .footer-new-main .awhi-foot {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    column-gap: 64px;
    row-gap: 40px;
    align-items: start;
  }
  .footer-new-main .awhi-foot__brand { grid-column: 1; grid-row: 1 / span 2; }
  .footer-new-main .awhi-foot__nav { grid-column: 2; grid-row: 1; }
  .footer-new-main .footer-blog { grid-column: 2; grid-row: 2; align-self: end; }
}
/* Newsletter form stacks on phones so the 161px button never overflows */
@media (max-width: 767px) {
  .footer-new-main .input-group { flex-direction: column; }
  /* Full-width Subscribe on phones (Daniel 27/07). This rule already
     existed and had never applied: the base sets `width: 160px !important`
     at the same specificity, so it won regardless. Matching the !important
     is the fix, not raising specificity — the base rule is the thing being
     overridden. The submit sits inside a <span>, which stretches on its own
     as a column flex child, so only the input itself needs the width. */
  .footer-new-main .footer-email-submit { width: 100% !important; }
  .footer-new-main .footer-blog-image img { max-width: 140px; }
  /* Daniel 26/07: let the footer run the full width on a 16px gutter. The
     30px section padding plus the 30px wrapper padding was leaving only
     268px of content on a 390 screen. (The card border this used to also
     clear is gone site-wide as of 27/07.) !important matches the base
     rule above, which sets padding the same way. */
  .footer-wrapper .footer-new-main .wrapper-padded {
    padding: 0 !important;
  }
  .footer-new-main.footer-main {
    padding: 60px 16px 0 !important;
  }
  /* Bottom bar was 194px tall to hold a 92px row on a 390 screen: 30px
     padding all round plus the rows wrapping into dead space (Daniel
     27/07, "much less gap"). !important matches the base rule, which sets
     padding that way. */
  .footer-bottom {
    padding: 16px !important;
  }
  .footer-bottom .privacy-links ul {
    margin: 0 !important;
  }
  .footer-alignment--left .bottom--footer-row {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
}

/* Bottom bar sits on the same ground as the footer — light since 30/07 */
.footer-bottom,
.footer-bottom a {
  color: var(--awhi-brown, #50362b);
}

/* ============================================================
   Header + announcement bar — Figma node 94:43565.
   ============================================================ */
/* Announcement: #704032 ground, Archivo Narrow SemiBold 15,
   taupe type, 1px tracking, uppercase, 36.8px tall.
   NOTE: this theme's markup uses underscore classes
   (.announcement_bar / .announcement_wrapper) and paints the ground
   on <animated-background-text-colors class="announcements_only">.
   The old .announcement-bar (hyphen) selectors matched nothing. */
.announcement_bar,
.announcement_bar animated-background-text-colors,
.announcement_bar .announcements_only,
animated-background-text-colors.announcements_only {
  /* Gold, matching the live theme. Tasmyn 30/07: "change the banner bar back
     to yellow so the location details read clearly." The block setting in
     header-group.json is also #f7c64c, but these !important rules would
     override it, so both have to agree. */
  background: var(--awhi-gold, #f7c64c) !important;
  background-color: var(--awhi-gold, #f7c64c) !important;
}
.announcement_bar,
.announcement_bar a,
.announcement_bar p,
.announcement_bar span,
.announcement_wrapper span.announcement_text {
  font-family: var(--awhi-display, 'Archivo Narrow', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 20.8px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  /* Brown on the gold ground (30/07). Taupe was for the old brown bar. */
  color: var(--awhi-koha, #694638) !important;
}
/* Navbar: cream ground, taupe rule, 16px/24px padding */
.site-header {
  background-color: var(--awhi-cream, #f9f2e2);
  border-bottom: 1px solid var(--awhi-taupe, #e0d8cd);
}
.site-header .wrapper,
.site-header .wrapper-padded {
  padding-top: var(--awhi-sp-sm, 16px);
  padding-bottom: var(--awhi-sp-sm, 16px);
}
/* Logo 150x72 */
.site-header__logo img,
.site-header__logowrapper img {
  max-width: 150px;
  height: auto;
}
/* Header icons 20px. The Figma glyphs (Daniel 28/07) are stroke-2 in a
   20-unit box and specify #694638 — that is --awhi-koha, already in the
   palette, so bind to the token rather than re-minting the hex. The icons
   themselves stroke with currentColor so they stay reusable elsewhere.

   Both rules below are scoped to the .top-links wrapper purely to win the
   cascade, and the numbers are worth recording because the obvious
   selector loses (verified with tools/probes/cascade.js):
   - size: Flow ships `.top-links--icon-links .fa-lg {width/height:
     calc(var(--header-font-size-px)*1.5)}` = (0,2,0) — 27px at an 18px
     header font. A bare `.top-links--icon-links svg` is only (0,1,1) and
     loses. It never used to matter because the old account/cart icons
     dropped the class attribute entirely, so .fa-lg matched nothing.
   - colour: Flow ships `.top-links .top-links--icon-links a` = (0,2,1).
     `.top-links--icon-links li a` looks more specific but `li` is a TYPE,
     making it (0,1,2), which loses on class count.
   Source order does not save either one — custom.css loading later only
   settles ties. */
.site-header__links .theme-icon svg,
.top-links .top-links--icon-links svg {
  width: 20px;
  height: 20px;
}
.top-links .top-links--icon-links li a {
  color: var(--awhi-koha, #694638);
}
/* Spacing comes from the link padding, not a flex gap — Flow already
   ships `padding: 15px` here, so a gap stacks on top of it and the icons
   went 54px apart instead of 24.
   8px each side meets 8px on the neighbour for 16px between icons
   (Scott 27/07, "tighten up"; was 12/12 = 24). Vertical stays 12 so the
   hit area is still 44 tall and the header height does not move.
   Desktop only — this row lives inside <header>, which is display:none
   on phones; the mobile bar is separate markup in header.liquid. */
.top-links--icon-links li a {
  padding: 12px 8px;
}
/* Cart count badge: Rāwhiti pill */
.cart-item-count-header {
  background: var(--awhi-rawhiti, #f7c64c) !important;
  color: var(--awhi-brown, #50362b) !important;
  border-radius: 10px !important;
  padding: 2px 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* Main nav — design token "menu": Archivo Narrow SemiBold 18, ls -1.
   Face reverted to the BODY stack 06/08 (Daniel): live's nav is Figtree and
   he wants that back, keeping the 600 weight this rule introduced. The 600
   Figtree face is now genuinely loaded (css-variables.liquid), so this is a
   real semibold rather than a synthesised one. */
.site-nav__link .site-nav--link-text,
.site-nav__link {
  font-family: var(--body-font-stack, 'Figtree', sans-serif);
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
  letter-spacing: -0.18px;
  color: var(--awhi-brown, #50362b);
}

/* The Shop All footer rail was removed from every mega panel 27/07
   (Daniel, after discussing the menus with Scott). Its styles are deleted
   rather than left orphaned; the comp does draw one, bottom-left of the
   panel, so specs/02 records it if it is ever wanted back. */

/* Shared section header + carousel arrows (Scott's design: heading
   Archivo Narrow Bold 31px on the left, two 57px circular arrows
   right, 40px above / 4px below). Used by every carousel section. */
/* Top padding removed at source 02/08 (Daniel). It carried 40px above every
   section header, which stacked on top of each section's own Padding top
   setting and made that control look broken. Space above a section is owned
   by its padding settings now. Do not reintroduce it here. */
.awhi-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 0 0 var(--awhi-sp-4xs, 4px);
}
/* Weight corrected 700 -> 500 on 02/08. Headings are 500 across this build
   (buttons and prices keep 700), and every section that uses this class was
   already overriding it back to 500 with its own selector. The shared rule
   was the odd one out, so the overrides were carrying a bug rather than a
   design choice. 31/1.2/-0.62px is the section-heading scale; the gift
   feature and testimonials step up to 48px on desktop by choice. */
.awhi-sec-head__title {
  color: var(--awhi-brown, #50362b);
  margin: 0;
}
/* ONE section-heading scale, Daniel 03/08: "make all h2s the same as What our
   customers say". That was .awhi-tm__title — 31/1.2/-0.62 on phones stepping
   to 48/1.02/-1.5 at 900. Every other section heading sat at a flat 31.
   Colour is deliberately NOT in this group: the gift feature heading is cream
   because it sits over the tile's gradient, the rest are brown. Each section
   keeps its own colour rule.
   Sections must NOT redeclare these sizes — a section's own style block
   renders inline in the body, i.e. after custom.css, and would win on
   source order. */
.awhi-sec-head__title,
.awhi-cat__heading,
.awhi-fc__title,
.awhi-ugc__title,
.awhi-gf__heading,
.awhi-sub__heading,
.awhi-tm__title {
  font-family: var(--awhi-display, 'Archivo Narrow', sans-serif);
  font-size: 31px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.62px;
  margin: 0;
}
/* The desktop step-up is back to the TWO headings that always had it, Daniel
   04/08 — 48px everywhere read too big once it was on the page. Verified
   against `7fcaa6d`: before that commit unified them, only the gift feature
   (48/1.05/-1.44) and testimonials (48/1.02/-1.5) grew on desktop, and the
   other five sat flat at 31 across every width. So this reverts the five that
   were bumped and leaves the two deliberate ones alone.
   The base 31/1.2/-0.62 rule above still covers all seven — this only removes
   the desktop growth, it does not reintroduce per-section sizes. */
@media (min-width: 900px) {
  .awhi-gf__heading,
  .awhi-tm__title {
    font-size: 48px;
    line-height: 1.02;
    letter-spacing: -1.5px;
  }
}
.awhi-sec-head__nav {
  display: flex;
  align-items: center;
  gap: 0;
  flex: none;
}
/* Design uses bare long-arrow glyphs, no circle (Figma arrow_back/
   arrow_forward, 57px box, 34px glyph). Colour = currentColor. */
.awhi-sec-head__nav,
.awhi-gf__nav,
.awhi-tm__nav {
  gap: 0 !important;
}
/* !important throughout: the theme's global button skin (border,
   background, radius, min-height) is otherwise equal-specificity. */
.awhi-arrow {
  width: 57px;
  height: 57px;
  min-height: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--awhi-brown, #50362b);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.awhi-arrow__glyph {
  width: 34px;
  height: 34px;
  display: block;
}
.awhi-arrow:hover:not(:disabled) {
  color: var(--awhi-dark-brown, #2f1f19);
}
.awhi-arrow:disabled {
  color: var(--awhi-taupe, #e0d8cd);
  cursor: default;
}
.awhi-arrow__glyph--prev {
  transform: scaleX(-1);
}
/* Phones: 57px carousel arrows are oversized against a 390 viewport
   (Daniel 26/07). Applies everywhere .awhi-arrow is used. */
@media (max-width: 767px) {
  .awhi-arrow {
    width: 38px;
    height: 38px;
  }
  .awhi-arrow__glyph {
    width: 22px;
    height: 22px;
  }
}
/* On the Maunga testimonial band the design tints them olive:
   #8F8B6A active, #E1D89A inactive. */
.awhi-tm--maunga .awhi-arrow { color: #8f8b6a; }
.awhi-tm--maunga .awhi-arrow:hover:not(:disabled) { color: var(--awhi-brown, #50362b); }
.awhi-tm--maunga .awhi-arrow:disabled { color: #e1d89a; opacity: 1; }
/* Gold band: the taupe disabled colour is near-invisible on gold, so the
   spent arrow goes white (Daniel 03/08). opacity:1 for the same reason the
   maunga rule sets it — the base :disabled would otherwise fade it further.
   Active and hover are left on the shared brown. */
.awhi-tm--gold .awhi-arrow:disabled { color: #fff; opacity: 1; }

:root {
  /* Display face — consumed by awhi-statement / awhi-overlap-feature and every
     other design-system section.
     Was hardcoded to 'Archivo Narrow', which meant the Theme settings heading
     font did NOT reach any Awhi section — setting Jost in admin changed only
     Flow's own headings and left the whole Phase 3 build on Archivo Narrow.
     Tasmyn 30/07 asked for the original type back, so this now FOLLOWS the
     admin heading font (--header-font-stack, currently Jost). Change the face
     in Theme settings → Typography, not here.
     NOTE the sizes and negative tracking in the sections were tuned against
     Archivo Narrow, which is condensed; Jost sets wider, so check the 96px
     hero and the 48px feature headings for wrapping after any face change. */
  --awhi-display: var(--header-font-stack, 'Archivo Narrow', 'Figtree', sans-serif);

  /* Brand palette (Figma variable names kept for traceability) */
  /* Rāwhiti was #f7d277 (the cart-drawer gold, "match Figma" 26/07). Daniel
     folded every gold onto #f7c64c 03/08, so this now equals --awhi-gold.
     Kept as its own token so the drawer can be split back off in one line. */
  --awhi-rawhiti: #f7c64c;
  --awhi-maunga: #ccc48d;       /* sage — reviews section */
  --awhi-cream: #f9f2e2;        /* Neutral/White */
  --awhi-light-grey: #ede6da;   /* Neutral/Light Grey — cart drawer cards only */
  /* Section ground. Tasmyn 30/07 asked for the live theme's warmer tone; the
     published site paints this on <body> with every section transparent, so
     matching it means the sections carry it. Do NOT "correct" this back to
     #ede6da — that is the cooler Phase 3 value she rejected. */
  --awhi-sand: #d1b79d;

  /* Tile + card corner. Tasmyn 30/07: the 4px build read "too blocky", she
     wants the live site's softer feel ("warm and nurtured"). The published
     theme rounds images and tiles at 16px, so that was the target. Buttons are
     NOT covered by this — they are already full pills on both themes.
     Daniel 03/08: pulled back to 12px. This is the single source for all 14
     references (collection-grid, gift-feature, split-tiles, collections-menu,
     mega-menu, editorial-banner, featured-collection, overlap-feature,
     statement, cards) — they all move together. Cart drawer is NOT on the
     token and stays where it is. */
  --awhi-radius: 12px;
  --awhi-dark-brown: #2f1f19;
  --awhi-brown: #50362b;        /* Medium Brown — body text */
  --awhi-koha: #694638;         /* eyebrow */
  --awhi-taupe: #e0d8cd;        /* borders */
  /* Was #f7c74c — a one-digit slip off the brand gold that the saved
     templates and settings_data.json have always carried. Unified 03/08. */
  --awhi-gold: #f7c64c;
  --awhi-tm-card: #edebd8;      /* testimonial card ground (Figma 110:44695) */

  /* Type scale (Figma). Sections reference these rather than
     hardcoding, so the whole site moves from one place. */
  --awhi-fs-display: 96px;      /* hero */
  --awhi-fs-statement: 58px;    /* manifesto */
  --awhi-fs-feature: 48px;      /* gift feature */
  --awhi-fs-section: 31px;      /* section headings */
  --awhi-fs-tile: 36px;         /* split tile */
  --awhi-fs-tile-sm: 24px;      /* category tile */
  --awhi-fs-body: 16px;
  --awhi-fs-price: 17px;
  --awhi-fs-caption: 12px;

  /* Spacing scale */
  --awhi-sp-4xs: 4px;
  --awhi-sp-3xs: 6px;
  --awhi-sp-2xs: 8px;
  --awhi-sp-xs: 12px;
  --awhi-sp-sm: 16px;
  --awhi-sp-md: 24px;
  --awhi-sp-lg: 32px;
  --awhi-sp-xl: 40px;
  --awhi-sp-3xl: 64px;
}
/* PDP 16/03 */
.custom-atc-main--wrapper {
    display: flex;
    width: 100%;
    gap: 16px;
}
.product-details-wrapper .paymentButtonsWrapper {
  width: 100%;
}
.product-form__controls-group.custom--quantity-pdp .product-form__item #quantity {
  padding-right: 16px;
  padding-left: 16px;
  min-width: 70px;
}
.product-form__controls-group.custom--quantity-pdp .product-form__item {
  position: relative;
}
.product-form__controls-group.custom--quantity-pdp .product-form__item::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('/cdn/shop/files/Vector.svg?v=1710584899');
  background-repeat: no-repeat;
  background-size: contain;
  right: 16px;
  width: 16px;
  height: 9px;
  z-index: 999;
}
.product-details-wrapper .paymentButtonsWrapper .shopify-payment-button .shopify-payment-button__button,
.product-details-wrapper .paymentButtonsWrapper #AddToCart,
.product-form__controls-group.custom--quantity-pdp .product-form__item #quantity {
  border-radius: 30px !important;
  overflow: hidden;
}
.product-details-wrapper #AddToCartForm .product-sub-label {
  margin-bottom: 10px;
}
.product-details-wrapper .paymentButtonsWrapper #AddToCart {
  background: #C4A382 !important;
  color: #50362B !important;
  text-transform: math-auto;
}
.custom-testimonial-section-main .sitewide--title-wrapper h2.homepage-sections--title {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
  text-transform: capitalize;
}
.custom-testimonial-section-main .homepage-sections--description,
.custom-testimonial-section-main .testimonial_card_block p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
.custom-testimonial-section-main .testimonial_card_block .testimonial_title h4,
.custom-testimonial-section-main .testimonial_feedback p {  
  font-style: normal;
  font-size: 20px;
  line-height: 150%;
}
.custom-testimonial-section-main .testimonial_card_block .testimonial_title h4 {
  font-weight: 700;
}
.custom-testimonial-section-main .testimonial_feedback p {
  font-weight: 400;
}
.custom-testimonial-section-main .testimonial_card_block h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
}
.custom-testimonial-section-main .testimonial_card .slick-prev,
.custom-testimonial-section-main .testimonial_card .slick-next {
  width: 56px;
  height: 56px;
  z-index: 1;
}
.custom-testimonial-section-main .testimonial_card .slick-prev {
  left: 0;
}
.custom-testimonial-section-main .testimonial_card .slick-next {
  right: 0;
  z-index: 2;
}
.custom-testimonial-section-main .testimonial_card {
  position: relative;
}
.custom-testimonial-section-main .testimonial_card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16%;
  height: 100%;
  background: linear-gradient(90deg, rgba(209, 183, 157, 1) 0%, rgba(209, 183, 157, 0) 100%);
  z-index: 1;
}
.custom-testimonial-section-main .testimonial_card::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 16%;
  height: 100%;
  background: linear-gradient(90deg, rgba(209, 183, 157, 0) 0%, rgba(209, 183, 157, 1) 100%);
  z-index: 1;
}
product-recommendations .product-page-related-products .sitewide--title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}
product-recommendations .product-page-related-products .sitewide--title-wrapper .page--title {
  text-align: left;
  margin-bottom: 0;
}
product-recommendations .product-page-related-products .sitewide--title-wrapper .btn {
  color: #2F1F19;
  padding: 16px 40px;
  border-radius: 30px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
}
product-recommendations .product-page-related-products .sitewide--title-wrapper .btn:hover {
    color: #fff;
}
product-recommendations .product-page-related-products .sitewide--title-wrapper .page--title {
  text-align: left;
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 50px;
  text-transform: capitalize;
  color: #fff;
}
.custom-testimonial-section-main .testimonial_card:not(.custom-testimonial-section-main .testimonial_card.slick-initialized) {
  display: none;
}
product-recommendations .product-page-related-products .swiper-button--prev {
  top: unset;
  bottom: 0;
  left: 46%;
  background-image: url('/cdn/shop/files/Button.svg?v=1710591460');
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}
product-recommendations .product-page-related-products .swiper-button--next {
  top: unset;
  bottom: 0;
  right: 46%;
  background-image: url('/cdn/shop/files/Button_b30c03ab-27b9-46b2-81bf-e762ff3bd665.svg?v=1710592305');
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%
}
product-recommendations .product-page-related-products .grid-view-item {
  margin-bottom: 70px;
}
product-recommendations .product-page-related-products .swiper-button--prev svg,
product-recommendations .product-page-related-products .swiper-button--next svg{
  display: none;
}
product-recommendations .product-page-related-products .product-recommendations__slideshow .grid__item.swiper-slide .grid-view-item-image {
  border-radius: 16px;
}
product-recommendations .product-page-related-products .product-recommendations__slideshow .grid__item.swiper-slide .product-grid--title a,
product-recommendations .product-page-related-products .product-recommendations__slideshow .grid__item.swiper-slide .product-grid--price a {
  font-style: normal;
  font-size: 18px;
  line-height: 150%;
  color: #E5D6C7;
}
product-recommendations .product-page-related-products .product-recommendations__slideshow .grid__item.swiper-slide .product-grid--title a {
  font-weight: 700;
}
.product-recommendations__slideshow .product-card-image--bottom-wrapper .quick-add-wrapper .quick-add-button {
  border-radius: 30px;
  max-width: max-content;
  color: #000;
  text-transform: unset;
}
.product-recommendations__slideshow .grid-view-item-image .product-card-image--bottom-wrapper {
  bottom: 12px;
}
.product-details-wrapper .paymentButtonsWrapper.custom-mobile-dynamic-btn,
.mobile-content-main-wrapper {
  display: none;
}
/* review block css  */
.product-section .custom-review-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.product-section .custom-review-wrapper #shopify-block-stamped_product_reviews_ugc_star_rating_badge_bU49VR {
  margin-bottom: 0;
}
.product-section .custom-review-wrapper .stamped-badge-starrating .stamped-fa,
.mobile-content-main-wrapper .stamped-badge-starrating .stamped-fa,
.product-section .custom-review-wrapper .stamped-badge-caption {
  color: #694738;
}
.product-section .custom-review-wrapper .product-form-block .product-price-group,
.mobile-content-main-wrapper .product-price-group {
  position: relative;
  padding-right: 14px;
}
.product-section .custom-review-wrapper .product-form-block .product-price-group::after,
.mobile-content-main-wrapper .product-price-group::after {
  content: '';
  background: #000000;
  height: 90%;
  width: 1.5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.product-section .custom-review-wrapper .stamped-badge-caption[data-label="Reviews"]::before,
.mobile-content-main-wrapper .stamped-badge-caption[data-label="Reviews"]::before {
  content: '';
  background: #694738;
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  border-radius: 50%;
}
.product-section .custom-review-wrapper .stamped-badge-caption[data-label="Reviews"] ,
.mobile-content-main-wrapper .stamped-badge-caption[data-label="Reviews"] {
  padding-left: 24px;
  position: relative;
}
.product-section .product-medias__main .swiper-container {
  position: relative;
}
.product-section .product-medias__main .swiper-container .swiper-button--prev:hover,
.product-section .product-medias__main .swiper-container .swiper-button--next:hover {
  background: #f7c64c;
}
.product-section .product-medias__media[data-media-type=image] img {
  border-radius: 16px;
}
.product-medias__main .swiper-container .swiper-button--next,
.product-medias__main .swiper-container .swiper-button--prev {
  border-radius: 50%;
  width: 44px;
  height: 44px;
}
.product-medias__main .swiper-container .swiper-button--next {
  right: 30px;
}
.product-medias__main .swiper-container .swiper-button--prev {
  left: 30px;
}
.product-medias__with-thumbnails .swiper-pagination {
  display: block !important;
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
}
.product-medias__with-thumbnails .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: none;
  background: #D1B79D;
}
.product-medias__with-thumbnails .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #F7C64C;
}
.product-medias__with-thumbnails.product-medias__with-thumbnails--below .product-medias__thumbnails {
  display: none !important;
}
/* collection page css  */
.collection-wrapper .collection_grid #CollectionProductGrid .responsive-image-wrapper img {
  border-radius: 16px;
  transition: 0.5s;
}
.collection-wrapper .collection_grid #CollectionProductGrid .grid-view-item-image .sold-out-badge {
  border-radius: 16px;
  padding: 6px 13px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  top: 20px;
  left: 20px;
}
product-recommendations .product-page-related-products .product-recommendations__slideshow .grid__item.swiper-slide .money {
  color: #fff;
}
.section-header.collection .collection-header__title .page--title {
  text-align: left;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 46px;
  line-height: 56px;
  text-transform: unset;
  margin-bottom: 0;
  margin-top: 8px;
}
.section-header.collection .collection-header__title #breadcrumbs .breadcrumb a span,
.section-header.collection .collection-header__title #breadcrumbs .breadcrumb-item.text-link.label-font,
.section-header.collection #breadcrumbs .breadcrumb .breadcrumb-divider {
  color: #fff;
  font-size: 18px;
}
.section-header.collection .collection-header__title #breadcrumbs .breadcrumb-item.text-link.label-font {
  font-weight: 400;
}
header.section-header.collection {
  position: relative;
}
.section-header.collection .collection-header__title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
  padding-left: 10rem;
}
.collection-wrapper .collection_grid #CollectionProductGrid .grid__item .grid-view-item .quick-add-button,
.collection-wrapper .collection_grid #CollectionProductGrid .grid__item .grid-view-item .sold-out-button,
.collection-wrapper .collection_grid #CollectionProductGrid .grid__item .quick-add-button-variants {
  border-radius: 30px;
  max-width: max-content;
  color: #000;
  text-transform: unset;
}
.collection-wrapper .collection_grid #CollectionProductGrid .grid__item .grid-view-item .quick-add-button:hover,
.collection-wrapper .collection_grid #CollectionProductGrid .grid__item .grid-view-item .sold-out-button:hover,
.product-recommendations__slideshow .product-card-image--bottom-wrapper .quick-add-wrapper .quick-add-button:hover,
.collection-wrapper .collection_grid #CollectionProductGrid .grid__item .quick-add-button-variants:hover {
  color: #fff;
}
.product-form__controls-group.custom--quantity-pdp .product-form__item #quantity {
  margin-bottom: 0;
}
.collection-wrapper .collection_grid #CollectionProductGrid .grid-view-item-image .sold-out-badge.bestseller--badge.badge {
  background: #694738;
}
/* footer  */
.footer-bottom-links {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.privacy-links ul {
    display: flex;
    list-style-type: none;
    gap: 20px;
   margin:10px 0 !important;
}
.footer-alignment--left .bottom--footer-row{
  display:block !important;
}
.multi-columns-content .single-column {
  box-shadow: 0 0 25px 0 #00000030;
}
.multi-columns-content .single-column{
  height:auto !important;
  padding:30px 40px;
}
a.homepage-featured-box-btn.show_btn_on_hover {
    opacity: 0;
    position: absolute;
    top: 50%;
    border-radius:40px;
}
.homepage-collection-grid-item:hover a.homepage-featured-box-btn.show_btn_on_hover{
  opacity: 1;
  color: #2F1F19;
}
.homepage-collection-grid-item:hover a.homepage-featured-box-btn.show_btn_on_hover:hover {
  color: #fff;
}
.template-index .header-section:not(.sticky-header) .overlay-header:hover{
  background: none !important;
    border-bottom: none !important;
}
button.quick-add-button.quick-add-button-desktop.spo-container {
  border-radius: 40px;
  color: #694738;
}
a.sold-out-button.sold-out-button-desktop {
    border-radius: 40px;
}
.featured-collection-slider .grid__item .quick-add-button {
  width:100%;
  max-width:max-content;
}
.quick-add-wrapper.is-singular {
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
}
.custom--design--main-wrapper .slick-dots li{
  margin:0;
}
.custom--design--main-wrapper .slick-dots li button:before{
  color:#C4A382;
}
button.quick-add-button.quick-add-button-desktop.spo-container:hover {
  color: #ffffff;
}
/* header 21/03 */
a.homepage-featured-box-btn.show_btn_on_hover {
    opacity: 0;
    position: absolute;
    top: 50%;
    border-radius:40px;
}
.homepage-collection-grid-item:hover a.homepage-featured-box-btn.show_btn_on_hover{
  opacity: 1;
}
.template-index .header-section:not(.sticky-header) .overlay-header:hover{
  background: none !important;
    border-bottom: none !important;
}
button.quick-add-button.quick-add-button-desktop.spo-container {
    border-radius: 40px;
}
a.sold-out-button.sold-out-button-desktop {
    border-radius: 40px;
}
.featured-collection-slider .grid__item .quick-add-button {
  width:100%;
  max-width:max-content;
}
.quick-add-wrapper.is-singular {
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
}
.custom--design--main-wrapper .page-width.featured-products-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 30px;
}
.custom--design--main-wrapper .slick-dots li{
  margin:0;
}
.custom--design--main-wrapper .slick-dots li button:before{
  color:#C4A382;
}
.collection-wrapper .collection_grid .pagination__load-more .btn--load-more:hover {
  color: #fff;
}
.collection-wrapper .collection_grid .pagination__load-more .btn--load-more {
  border-radius: 30px;
  color: #2F1F19;
}
.collection-wrapper .collection_grid #CollectionProductGrid .grid__item .grid-view-item:hover .responsive-image-wrapper {
  transition: 0.5s;
}
.collection-wrapper .collection_grid #CollectionProductGrid .grid__item .grid-view-item:hover .responsive-image-wrapper:hover {
  transform: scale(1.2) !important;
}
.collection-wrapper .collection_grid #CollectionProductGrid .grid__item .grid-view-item:hover .grid-view-item-image {
  border-radius: 16px;
}
.featured-collection-slider .grid-view-item:hover .quick-add-wrapper .quick-add-button {
  color: #694738;
}
.featured-collection-slider .grid-view-item:hover .quick-add-wrapper .quick-add-button:hover {
  background: #694738;
  color: #fff;
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  product-recommendations .product-page-related-products .swiper-button--prev {
    left: 42%;
    transform: translateX(-50%);
  }
  product-recommendations .product-page-related-products .swiper-button--next {
    right: 42%;
    transform: translateX(-50%);
  }
  .custom-atc-main--wrapper {
    display: grid;
    grid-template-columns: 80px calc(100% - 96px);
  }
  .product-form__controls-group.custom--quantity-pdp .product-form__item #quantity {
    margin-bottom: 0;
  }
  .product-details-wrapper .paymentButtonsWrapper.custom-mobile-dynamic-btn {
    grid-column: 1 / 3;
  }
  .product-details-wrapper .paymentButtonsWrapper.custom-mobile-dynamic-btn {
    display: block;
  }
  .product-details-wrapper .paymentButtonsWrapper .shopify-payment-button[data-shopify="payment-button"]:not(.paymentButtonsWrapper.custom-mobile-dynamic-btn .shopify-payment-button[data-shopify="payment-button"]) {
    display: none;
  }
  .product-details-wrapper .paymentButtonsWrapper {
    grid-template-columns: 1fr;
  }
  .product-details-wrapper #ProductPrice .money {
    font-size: 22px;
  }
  .product-details-wrapper .product-details-product-title {
    font-size: 38px;
    line-height: 48px;
  }
  .product-form__controls-group.custom--quantity-pdp .product-form__item::after {
    right: 28px;
  }
}
@media only screen and (max-width:767px) {
  product-recommendations .product-page-related-products .sitewide--title-wrapper {
    flex-direction: column;
    row-gap: 32px;
    margin-bottom: 1rem;
  }
  product-recommendations .product-page-related-products .sitewide--title-wrapper .page--title {
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #fff;
  }
  product-recommendations .product-page-related-products .sitewide--title-wrapper .btn {
    font-size: 18px;
    line-height: 27px;
    padding: 13px 35px;
  }
  .product-page-related-products .grid__item {
    padding: 0 !important;
  }
  product-recommendations .product-page-related-products .swiper-button--prev,
  product-recommendations .product-page-related-products .swiper-button--next {
    display: none;
  }
  product-recommendations .grid-view-item {
    margin-bottom: 0;
  } 
  .product-page-related-products .grid__item {
    margin-bottom: 0;
  }
  .product-page-related-products {
    padding: 10px 0px;
  }
  .product-recommendations__slideshow .product-card-image--bottom-wrapper .quick-add-wrapper .quick-add-button {
    display: block !important;
    margin: 0 auto;
  }
  .product-recommendations__slideshow .product-card-image--bottom-wrapper .quick-add-wrapper .quick-add-button span {
    display: none !important;
  }
  .mobile-content-main-wrapper {
    margin-top: 38px;
  }
  .mobile-content-main-wrapper .custom-mob-title .product-details-product-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #2F1F19;
    text-transform: unset;
    margin-top: 8px;
  }
  .mobile-content-main-wrapper .custom-mob-price #ProductPrice .money {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    margin-top: 12px;
    display: block;
    color: #2F1F19;
  }
  .mobile-content-main-wrapper .custom-mob-price #ProductPrice .money {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    margin: 0;
    display: block;
    color: #2F1F19;
  }
  .mobile-content-main-wrapper .custom-mob-price {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 0px;
  }
  .product-details-wrapper .custom-mobile_disabled,
  .product-section #breadcrumbs,
  .product-section .custom-review-wrapper {
    display: none;
  }
  .product-details-wrapper .paymentButtonsWrapper.custom-mobile-dynamic-btn,
  .mobile-content-main-wrapper {
    display: block;
  }
  .product-details-wrapper .paymentButtonsWrapper .shopify-payment-button[data-shopify="payment-button"]:not(.paymentButtonsWrapper.custom-mobile-dynamic-btn .shopify-payment-button[data-shopify="payment-button"]) {
    display: none;
  }
  .product-details-wrapper .paymentButtonsWrapper {
    grid-template-columns: 1fr;
  }
  .custom-atc-main--wrapper {
    display: grid;
    grid-template-columns: 80px calc(100% - 96px);
  }
  .product-details-wrapper .paymentButtonsWrapper.custom-mobile-dynamic-btn {
    grid-column: 1 / 3;
  }
  .product-form__controls-group.custom--quantity-pdp .product-form__item #quantity {
    margin-bottom: 0;
  }
  .product-medias__with-thumbnails .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .product-medias__main .swiper-container .swiper-button--next, .product-medias__main .swiper-container .swiper-button--prev {
    width: 38px;
    height: 38px;
  }
  .product-medias__main .swiper-container .swiper-button--next svg,
  .product-medias__main .swiper-container .swiper-button--next svg {
    width: 20px;
    height: 20px;
  }
  .product-section .product-single-wrapper .product-single .grid__item {
    margin-bottom: 0;
  } 
  .product-form__controls-group.custom--quantity-pdp .product-form__item::after {
    right: 28px;
  }
  /* The 270px cap forced the four policy links onto an extra line inside
     358px of available width, which was most of the bottom bar's height
     (Daniel 27/07). Let them use the row and tighten the gap. */
  .privacy-links ul {
    display: flex;
    list-style-type: none;
    gap: 6px 14px;
    flex-wrap: wrap;
    width: 100%;
    max-width: none;
    justify-content: center;
  }
  .section-header.collection .collection-header__title {
    padding-left: 15px;
  }
  .footer-bottom-links {
    justify-content: center;
}
  .footer-header{
    padding-top: 30px;
    border-top: 1px solid var(--color-footer-border);
  }
  .multi-columns-content{
    padding:0;
  }
  .multi-columns-content .single-column {
    box-shadow: 0 0 25px 0 #00000030 !important;
}
}
@media only screen and (max-width:425px) {
  .custom-atc-main--wrapper {
    gap: 12px;
    grid-template-columns: 70px calc(100% - 82px);
  }
  .product-form__controls-group.custom--quantity-pdp .product-form__item #quantity {
    display: block;
    width: 100%;
    height: 100%;
  }
  .product-form__controls-group.custom--quantity-pdp .product-form__item::after {
    right: 16px;
  }
}




/* collection filter css  */
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner {
  grid-template-columns: 1fr;
  gap: 18px;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper {
  grid-column: 1 / 3;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .collection-filters__item.sorting {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters-with-search {
  display: flex;
  align-items: center;
  gap: 6px;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-title {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters .facets__summary {
  background: #F7C64C;
  color: #2F1F19;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
  border-radius: 30px;
  transition: 0.2s;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details {
  border: none;
  margin: 0;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details:hover {
  box-shadow: none;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .facets__display {
  left: unset;
  right: 0;
  background: #E5D6C7F7;
  max-width: 26rem;
  padding: 46px 24px;
  border-radius: 10px;
  border: none;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .custom_collection_filter_wrapper,
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .facets__display .facets__list {
  margin-left: 0;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .custom_collection_filter_wrapper li {
  list-style: none;
  margin-block: 14px;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .collection_filter_head {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-block: 24px;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .collection_list {
  border-bottom: 1px solid #C4A382;
  padding-bottom: 24px;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .collection-filters__item.sorting .collection-filters__label {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  text-transform: math-auto;
}
.grid-area--filtering #main-collection-filters {
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .collection-filters__item.sorting .collection-filters__field .collection-filters__field_label_wrapper {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 14px;
  cursor: pointer;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters .facets__summary:hover {
  background: #694638;
  color: #fff;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters .facets__summary:hover svg path {
    fill: #ffffff;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters .facets__summary:focus {
  border: none;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .filter-main-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .filter-main-header .filter-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .filter-main-header .filter-cross-btn {
  line-height: 0;
  cursor: pointer;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .dropdown-options {
  display: none;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .facets__display .facets__header {
  background: transparent;
  border-bottom: none;
  justify-content: center;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .facets__display .facets__header .facets__reset {
  margin: 0;
  background: #F7C64C;
  color: #2F1F19;
  padding: 14px 34px;
  font-weight: 700;
  text-align: center;
  border-radius: 30px;
  transition: 0.2s;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .facets__display .facets__header .facets__reset:hover {
  background: #694638;
  color: #fff;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .dropdown-options li {
  list-style: none;
  cursor: pointer;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .collection-filters__field {
  position: relative;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .dropdown-options {
  background: #E5D6C7F7;
  width: 100%;
  max-width: 320px;
  padding: 24px;
  border-radius: 10px;
  margin-left: 0;
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 9;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .dropdown-options li {
  list-style: none;
  padding-block: 4px;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .custom_collection_filter_wrapper li .custom_collection_filter,
.grid-area--filtering #main-collection-filters collection-filtering-form .dropdown-options li {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .dropdown-options li.active {
  font-weight: 600;
}
.grid-area--filtering #main-collection-filters collection-filtering-form .custom-sort-select {
  display: none;
}
.grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .collection-filters__item.sorting .collection_product_count_pagination span {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
}

@media only screen and (max-width:767px) {
  .grid-area--filtering #main-collection-filters collection-filtering-form {
    position: unset;
    max-width: 100%;
    transform: unset;
    overflow-y: unset;
    background: transparent;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner {
    flex-direction: column;
    margin-top: 0;
    gap: 0px;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm {
    opacity: 1;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper {
    margin-left: 0;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper {
    flex-direction: column;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters-with-search {
    flex-direction: column;
    width: 100%;
    margin-top: 18px;
    gap: 12px;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters {
    width: 100%;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters .facets__summary div {
    justify-content: center;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .facets__wrapper .custom-collection-top-wrapper .custom-collection-filters details .facets__display {
    margin-top: 20px;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .collection-filters__item.sorting {
    margin-top: 24px;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form .drawer__close button {
    display: none;
  }
  .grid-area--filtering #main-collection-filters .mobile-facets__open {
    display: none;
  }
  .grid-area--filtering #main-collection-filters {
    margin-top: 2.5rem;
    margin-bottom: 0.5rem;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form #CollectionFiltersForm .facets__form-inner .collection-filters__item.sorting {
    position: relative;
  }
  .grid-area--filtering #main-collection-filters collection-filtering-form .collection-filters__field {
    position: unset;
  }
}
/* 22/03 */
.custom--design--main-wrapper .page-width.featured-products-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 0px;
}
.featured-products-wrapper .text-center.show-view-all--button a {
  border-radius: 40px;
  color: #2F1F19;
}
.featured-products-wrapper .text-center.show-view-all--button a:hover {
  color: #fff;
}
.featured-collection-slider .slick-list.draggable {
  margin: 0 -10px;
}
.featured-collection-slider .slick-list.draggable .grid__item.slick-slide {
  padding-left: 0;
  margin: 0 10px;
}
.homepage-featured-content-box-inner .custom--text_size {
    color: #50362B;
}
.homepage-featured-content-box-inner .custom--heading_size {
    color: #50362b;
}
.announcement_wrapper span.announcement_text {
    display: flex !important;
    align-items: center;
    gap: 4px;
}
.homepage-sections-wrapper ooo-instagram-feed .ooo-instagram-container .ooo-instagram-feed .ooo-instagram-media {
  display: inline-block;
}
.homepage-sections-wrapper ooo-instagram-feed .ooo-instagram-container .ooo-instagram-header .page--title {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
  text-transform: capitalize;
}
.homepage-sections-wrapper ooo-instagram-feed .ooo-instagram-container .ooo-instagram-header .rte p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
}
.custom-product-wrap {
  padding-top: 18px !important;
  padding-bottom: 48px !important;
}
@media only screen and (max-width:1200px){
  
  .custom--logo_with_text.desktopLogosInline {
    padding-left: 50px;
    padding-right: 50px;
}
  
}

@media only screen and (max-width:1000px){
  
  .custom--logo_with_text.desktopLogosInline {
    padding-left: 20px;
    padding-right: 20px;
}
  
}

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

  .footer-blog .blog-content {
    /* padding-left: 30px; */
    border: none;
}

  
  .template-index .header-section:not(.sticky-header) .overlay-header {
    top: 0px;
  }
  .custom--design--main-wrapper .page-width.featured-products-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-left:0px;margin-bottom:20px;
  }
  .homepage-sections-wrapper--white .homepage-sections--title{
    font-size:40px;
  }
  .wrapper-padded .sitewide--title-wrapper{
    margin-bottom:0;
  }
   .multi-columns-content{
    padding:0;
  }
  .multi-columns-content .single-column {
    box-shadow: 0 0 25px 0 #00000030 !important;
  }
  .quick-add-wrapper:not(.quick-shop--block) .quick-add-button.quick-add-button-desktop{
    display:unset !important;
  }
  .quick-add-wrapper:not(.quick-shop--block) .sold-out-button.sold-out-button-desktop{
    display: unset !important;
  }
  a.homepage-featured-box-btn.show_btn_on_hover{
    opacity:100%;
  }
  .homepage-sections-wrapper ooo-instagram-feed .ooo-instagram-container .ooo-instagram-feed .ooo-instagram-media {
    width: 50%;
    scroll-snap-align: start;
  }
  .homepage-sections-wrapper ooo-instagram-feed .ooo-instagram-container .ooo-instagram-feed {
    margin-inline: 12px;
  }
  .homepage-sections-wrapper ooo-instagram-feed .ooo-instagram-container .ooo-instagram-feed .ooo-instagram-feed__list {
    padding-right: 22px;
    padding-left: 0;
  }
  .homepage-sections-wrapper ooo-instagram-feed .ooo-instagram-container .ooo-instagram-header .page--title {
    font-size: 34px;
  }
  .homepage-sections-wrapper ooo-instagram-feed .ooo-instagram-container .ooo-instagram-header .rte p {
    font-size: 18px;
  }
  .custom-mob-product {
    padding-top: 48px !important;
  }
  .homepage-sections-wrapper ooo-instagram-feed {
    padding: 0;
  }  
  .homepage-slider-container .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title {
    font-size: 40px;
  }
  .homepage-section-btn-container .homepage-section-btn {
    font-size: 16px;
  }
  .custom-main-banner-alignment .homepage-featured-content-box {
    padding-left: 0;
  }
}

.hero-video .hero-video--wrapper .hero-video--media .video-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.hero-video .hero-video--wrapper .hero-video--media .video-wrapper .overlay .poster-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-video .hero-video--wrapper .hero-video--media .video-wrapper iframe {
  width: 100% !important;
}
.hero-video .hero-video--wrapper .hero-video--media .video-wrapper .overlay .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: none;
  z-index: 999;
}
.hero-video .hero-video--wrapper .hero-video--media {
  pointer-events: unset;
}
a.homepage-featured-box-btn {
    border-radius: 40px;
}
.grid__item.itemfalse .sold-out-badge.badge {
    display: none !important;
}

 

@media only screen and (min-width:768px) { 
  .hero-video .hero-video--wrapper .hero-video--media .video-wrapper {
    position: relative;
    padding-bottom: 0;
    height: 100%;
  }
  .hero-video .hero-video--wrapper .hero-video--media .video-wrapper iframe {
    left: auto;
  }


  .footer-blog .blog-content {
    padding-left: 30px;
}
}



@media screen and (max-width: 767px) {
collection-filtering-form{
  z-index:9 !important
}
}



/* ============================================================
   Site-wide overrides — Awhi reskin (Innovate Agency, 2026-06-17)
   ============================================================ */

/* Round all theme buttons (overrides settings.button_style cascade).
   Catches: .btn, .btn--secondary, .quick-add-button, .sold-out-button,
   .shop-now-button, .shopify-challenge__button, .spr-button, etc. */
:root {
  --alt-btn-border-radius: 8px !important;
}

/* Belt-and-braces: any leftover square buttons not consuming the
   variable. Sentence case on all buttons — stock theme uppercases
   .btn and friends. */
button,
.btn,
a.btn,
.btn--secondary,
input[type="submit"],
.quick-add-button,
.quick-add-button-onboarding,
.quick-add-button-variants,
.shop-now-button,
.shop-now-button-onboarding,
.sold-out-button,
.spr-button,
.shopify-challenge__button,
.account-section--btn,
.mobile-facets__open {
  border-radius: 8px !important;
  text-transform: none !important;
}

/* Featured-collection "View all" link spacing — bump bottom margin
   so the product slider below has breathing room. */
.show-view-all--button {
  margin-bottom: 24px;
}

/* Stamped "verified by SHOP" badge SVG has no intrinsic size, was
   rendering at container width. Clamp by specific src match so other
   Stamped assets (flag SVGs, review thumbs, etc) aren't affected. */
img[src*="shopify_verified-by-shop"] {
  max-width: 120px !important;
  width: auto !important;
  height: auto !important;
  display: inline-block;
}

/* ============================================================
   Stamped reviews carousel (home page app block) — reskinned to
   the Awhi testimonial-card look. Stamped owns the DOM + slide
   JS (inline heights/widths); we only restyle. Scoped to the
   carousel widget type so PDP Stamped widgets are untouched.
   ============================================================ */
#stamped-reviews-widget[data-widget-type="carousel"] {
  font-family: Figtree, sans-serif;
  color: #50362b;
  box-sizing: border-box;
  /* Match the other home sections' content width (1500px inner, same
     side gutters) — the widget was rendering narrower/more inset. */
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 20px;
}
/* Stamped's own inner container can cap width narrower than the
   section — let it fill so the title + track align to the gutter. */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}
@media (min-width: 900px) {
  #stamped-reviews-widget[data-widget-type="carousel"] {
    padding: 8px 40px;
  }
}
/* Reviews band sits on Brand/Maunga sage per Scott's design — this
   is the page's bold-colour beat. Cards stay cream. */
.shopify-section:has(#stamped-reviews-widget[data-widget-type="carousel"]),
.shopify-section:has(#stamped-reviews-widget[data-widget-type="carousel"]) .homepage-sections-wrapper {
  background: var(--awhi-maunga, #ccc48d);
}

/* Heading + rating strapline — matches the other section headings
   (28px, 36px desktop, Figtree 700). */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-title {
  font-family: var(--awhi-display, 'Archivo Narrow', sans-serif) !important;
  color: #50362b !important;
  font-size: 31px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-subtitle {
  margin-top: 6px;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-subtitle .stamped-fa {
  color: #f7c64c;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-subtitle-count {
  color: #50362b;
  font-weight: 600;
  font-size: 24px;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-subtitle-count::after {
  content: " reviews";
  font-weight: 400;
}

/* Prev/next — round bordered buttons, brown fill on hover
   (mirrors .awhi-tm__nav). Chevron drawn with borders; Stamped's own
   arrow glyphs (font chars + container art) are force-killed below,
   which is why the !importants. */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-buttons {
  background: none !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-buttons::before,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-buttons::after {
  content: none !important;
  display: none !important;
}
/* If the widget re-renders its arrow pair, keep the first only */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-buttons ~ .stamped-carousel-buttons {
  display: none !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-left,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-right {
  box-sizing: border-box !important;
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  border: none !important;
  background: transparent none !important;
  background-image: none !important;
  color: #50362b;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  cursor: pointer;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-left > *,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-right > * {
  display: none !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-left::after,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-right::after {
  content: none !important;
  display: none !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-left::before,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-right::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: 9px !important;
  height: 9px !important;
  border: 0 solid #50362b !important;
  border-left-width: 2px !important;
  border-bottom-width: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  font-size: 0 !important;
  transform: translate(-30%, -50%) rotate(45deg) !important;
  transition: border-color 0.2s ease;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-right::before {
  transform: translate(-70%, -50%) rotate(225deg) !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-left:hover::before,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-button-right:hover::before {
  border-color: #694638;
}

/* Track: breathe on the right edge; more air under the header
   divider line. */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll {
  box-sizing: border-box !important;
  padding-right: 20px !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll::before {
  border-bottom: 2px solid #eee;
  display: block;
  content: '';
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}

/* Review cards. Stamped sets inline widths (33/34%) for the slide
   math — transparent side borders + padding-box clip fake the
   gutters without touching its width sums. */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll-wrapper .block {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 12px;
  vertical-align: top !important;
  white-space: normal !important;
  text-align: left !important;
  background: #f5ede0 !important;
  background-clip: padding-box !important;
  border: 0 solid transparent !important;
  border-left-width: 8px !important;
  border-right-width: 8px !important;
  /* 8px transparent border eats into the radius: 20px here renders
     as the site-wide 12px on the visible card corner. */
  border-radius: 20px !important;
  padding: 28px 26px !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-date {
  display: none;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-rating .stamped-fa {
  color: #f7c64c;
  font-size: 15px;
}
/* Stamped's carousel ships its own styles (floats, italics, grey
   text) that outrank plain overrides — the !importants below are
   deliberate and scoped to this widget only. */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-title a {
  font-family: Figtree, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #50362b !important;
  text-decoration: none !important;
  /* Section wrapper carries .text-link-animated — kill its
     gradient underline on widget links. */
  background-image: none !important;
}
/* Quote-first cards: the packshot container also carries the grey
   product-name box, so the whole thing goes. */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-image {
  display: none !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-ratings-wrapper,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-message {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-message-block {
  font-size: 15px !important;
  font-style: normal !important;
  line-height: 1.65 !important;
  color: #50362b !important;
  text-align: left !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-author {
  font-size: 14px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #50362b !important;
  margin-top: 6px !important;
  /* Stamped indents the author 100px inside the scroll area */
  margin-left: 0 !important;
}
@media (min-width: 900px) {
  #stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-title {
    font-size: 36px !important;
  }
}

/* The relative override on the buttons (needed for the drawn
   chevrons) collapses Stamped's absolute positioning, stacking the
   pair vertically — force them back into a row. */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-buttons {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Full reviews, nothing cropped: card/track heights are re-pinned to
   the tallest card's natural content by awhi-stamped-carousel.js —
   the track collapses if these are set to auto in CSS (Stamped's
   slide elements don't size it in normal flow). Here we only stop
   the message itself truncating. */
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-message,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-message-block {
  height: auto !important;
  max-height: none !important;
}

/* ============================================================
   Footer order on mobile — Scott 28/07: "logo, menu, sub,
   social, payment cards", with payment at the very bottom.
   ============================================================ */
/* .awhi-foot__brand gets display:contents so its children (logo, subscribe,
   social, payment) become siblings of .awhi-foot__nav in the same flex
   context — otherwise `order` can only shuffle the two columns, never
   interleave a menu block between the logo and the subscribe form.
   The promo card is not in Scott's list; it sits between subscribe and
   social so the two he DID pin to the bottom stay at the bottom. */
@media (max-width: 899px) {
  .footer-new-main .awhi-foot {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .footer-new-main .awhi-foot__brand { display: contents; }
  .footer-new-main .awhi-foot__logo { order: 1; }
  .footer-new-main .awhi-foot__nav { order: 2; }
  .footer-new-main .newsletter-footer { order: 3; }
  .footer-new-main .footer-blog { order: 4; }
  .footer-new-main .social-media-footer { order: 5; }
  .footer-new-main .footer-new-payment { order: 6; }
}

/* ============================================================
   Mobile section rhythm — Scott 28/07, "decrease spacing a bit
   between sections". Roughly a third off each, measured values
   below. Desktop is untouched.
   ============================================================ */
/* Scoped through .shopify-section on purpose, and it is not padding for
   padding's sake: each of these sections declares its own vertical padding
   inside a `{% style %}` block, which Shopify renders INLINE IN THE BODY —
   i.e. after custom.css. Source order therefore favours the section, so a
   bare `.awhi-fc` here would lose. `.shopify-section .awhi-fc` is (0,2,0)
   against their (0,1,0) and wins on specificity instead. Every one of these
   sections is a direct child of a .shopify-section wrapper.
   899px, not 900: these sections are mobile-first with `min-width: 900px`
   for desktop, so this is the exact complement and cannot both fire. */
@media (max-width: 899px) {
  .shopify-section .awhi-usp { padding-top: 40px; padding-bottom: 40px; }      /* was 60/60 */
  .shopify-section .awhi-fc  { padding-top: 32px; padding-bottom: 32px; }      /* was 48/48 */
  .shopify-section .awhi-gf  { padding-top: 48px; padding-bottom: 28px; }      /* was 72/40 */
  .shopify-section .awhi-cat { padding-top: 32px; padding-bottom: 32px; }      /* was 48/48 */
  .shopify-section .awhi-tm  { padding-top: 48px; padding-bottom: 48px; }      /* was 80/80 */
  .shopify-section .awhi-sp  { padding-top: 28px; padding-bottom: 28px; }      /* was 40/40 */
  .shopify-section .awhi-st  { padding-top: 40px; padding-bottom: 40px; }      /* was 60/60 */
  /* The shared header's own top padding is gone at source as of 02/08, so
     there is nothing left here to level down. */
}

/* "Align headings with arrows vertically" (Scott 28/07) — this is the
   testimonials block specifically, and only on phones. Measured first:
   Popular Products already sits at delta 0 on both widths, so the carousels
   generally are fine. Testimonials is the odd one — .awhi-tm__head is
   display:block below 900, so the heading and the arrows STACK (title at
   y-924, nav 84px lower at y-810, both at x32) while every other carousel
   puts them on one row. Making it a row here matches the rest.
   Desktop is deliberately left alone: there .awhi-tm__head is a flex row
   with align-items:flex-end, which bottom-aligns the 57px arrow box against
   the taller text block. That is comp behaviour and already signed off —
   changing it would move the arrows against the subtitle. */
@media (max-width: 899px) {
  .shopify-section .awhi-tm__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .shopify-section .awhi-tm__head-text {
    min-width: 0;
  }
  .shopify-section .awhi-tm__nav {
    flex: none;
  }
}

/* ============================================================
   Mobile nav drawer — Scott 28/07 (Loom). Was a 351px tan panel
   sliding in from the left with near-white text; now a full-width
   cream panel that fades, typed like the desktop nav.
   ============================================================ */
/* Contrast was the actual complaint ("hard to read"): #F8F8F8 on the
   #D1B79D Aroha tan is about 1.6:1. Desktop is #50362B on #F9F2E2, about
   9:1 — so this adopts the desktop pair rather than inventing a third.

   Recoloured at the SOURCE: the theme drives the whole drawer off three
   custom properties, e.g. `.mobile-nav > .mobile-nav__item {
   background-color: var(--menu-drawer-color) }`. Rebinding the properties
   here recolours every dependent rule at once — chasing the individual
   selectors instead leaves the tan on whatever was missed. */
#NavDrawer.drawer--left {
  --menu-drawer-color: var(--awhi-cream, #f9f2e2);
  --menu-drawer-text-color: var(--awhi-brown, #50362b);
  --menu-drawer-border-color: var(--awhi-taupe, #e0d8cd);
  background: var(--awhi-cream, #f9f2e2) !important;
  /* Full width. The theme parks it at left:-767px and slides it back with
     translateX(767px) on body.js-drawer-open-left; both are neutralised so
     the panel can sit in place and cross-fade instead. */
  left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  opacity: 0;
  visibility: hidden;
  /* Delay visibility until the fade finishes so it is not click-blocking
     while transparent, and does not pop on close. */
  transition: opacity 0.32s ease, visibility 0s linear 0.32s;
}
body.js-drawer-open-left #NavDrawer.drawer--left {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.32s ease;
}
@media (prefers-reduced-motion: reduce) {
  #NavDrawer.drawer--left,
  body.js-drawer-open-left #NavDrawer.drawer--left {
    transition: none;
  }
}
/* Type to match the desktop nav exactly: the "menu" token is Archivo
   Narrow SemiBold 18, ls -1% (= -0.18px at 18px). The drawer was Figtree
   400, and the face is back on Figtree 06/08 with the 600 weight kept —
   same call as the desktop nav above. */
#NavDrawer .mobile-nav__link,
#NavDrawer .mobile-nav a {
  font-family: var(--body-font-stack, 'Figtree', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  letter-spacing: -0.18px !important;
  color: var(--awhi-brown, #50362b) !important;
}
/* Chevrons and the close icon inherit, so they follow the type colour. */
#NavDrawer .mobile-nav__toggle button,
#NavDrawer .mobile-menu--close-btn {
  color: var(--awhi-brown, #50362b) !important;
}
/* The desktop mega side rail, repeated under the three main items as plain
   <li>s in the same list (see header.liquid for why it is not its own <ul>).
   No heading row: Daniel removed it 28/07 — the drawer reads as one
   continuous list, so a label only added a dead row. The rule that styled it
   is gone with it rather than left orphaned. */

/* ============================================================
   Stamped review drawer tab — deliberately NOT repositioned.
   ============================================================ */
/* There is no rule here on purpose, and it is not an oversight. Scott asked
   on 27/07 for the reviews tab to move to the bottom-left corner and it was
   pinned there on 28/07 with `top: calc(100dvh - 154px)` on
   #stamped-widget-drawer. The client asked for it back on 08/08 — they read
   the tab against the live site, where Stamped's own stylesheet centres the
   drawer vertically (measured at 1440x900: top 270, bottom 280). Deleting
   the override is what restores that, so live and dev now match exactly.
   Re-adding any top/bottom here reverses a client decision, not Scott's.
   How the tab is built, if it ever does need to move again, is recorded in
   the repo CLAUDE.md — the short version is that the tab is the drawer's
   right edge showing at x=0, so the DRAWER is the thing you move. */

/* ============================================================
   Header — reveal on scroll up (awhi-header-scroll.js toggles
   .awhi-header-hidden on the header's section wrapper).
   ============================================================ */
.awhi-sticky-header {
  position: sticky;
  top: 0;
  z-index: 900;
  transition: transform 0.28s ease;
}
.awhi-sticky-header.awhi-header-hidden {
  transform: translateY(-102%);
}

/* Phone section rhythm (Tasmyn 30/07, levelled to 28/28) moved into
   per-section "Padding (mobile)" settings on 31/07 — each awhi section now
   carries an id-scoped @media (max-width: 767px) rule defaulting to 28,
   which outranks anything here. The tablet block above (max-width: 899px)
   is still live and still the authority for 768-899. */

/* ============================================================
   Phone polish pass — Daniel 08/08. Deliberately mobile-only:
   desktop was signed off by the client this morning, so every
   rule here is inside a max-width query and nothing above 767
   changes. Measured before and after at 390x844.
   ============================================================ */

/* --- 1. Mobile menu tap state was going brown ---------------
   The drawer was recoloured by rebinding --menu-drawer-color to cream, but
   the theme derives TWO more custom properties that were never rebound with
   it, so they still hold the original tan palette:
     --menu-drawer-color-darken5  #c9aa8c  (measured)
     --menu-drawer-text-hover-color #f8f8f8 (measured)
   theme.min.css paints `.mobile-nav__item a:active/:focus` with the darken5
   value, which is where the brown flash on tap comes from. Rebinding at the
   source is the documented pattern for this drawer — chasing the individual
   :hover/:active selectors leaves the tan on whatever was missed.
   Taupe rather than cream so a tap still gives feedback; it is a warm grey,
   not brown. The near-white hover text is currently masked by an !important
   colour rule further up, but it is rebound too so the masking is not load
   bearing. */
#NavDrawer.drawer--left {
  /* NO tap background at all (Daniel 08/08). This started as brown
     (#c9aa8c, the theme's untouched darken5), went to taupe as a subtle
     press state, and is now bound to the drawer's own ground so the derived
     :active/:focus rule paints cream on cream and nothing shows. Rebinding
     is still the right lever — the theme derives the background from this
     property, so chasing the individual :hover/:active selectors would leave
     the colour on whatever was missed.
     The text-hover binding stays: it is a separate property that would
     otherwise resolve to near-white #f8f8f8 on a cream drawer. */
  --menu-drawer-color-darken5: var(--awhi-cream, #f9f2e2);
  --menu-drawer-text-hover-color: var(--awhi-brown, #50362b);
}
/* The other half of "no background" is the browser's own tap flash, which is
   painted by the UA rather than by any rule above and would survive the
   rebind. */
#NavDrawer .mobile-nav__item a,
#NavDrawer .mobile-nav__item button,
#NavDrawer .mobile-nav__toggle button,
#NavDrawer .mobile-nav a {
  -webkit-tap-highlight-color: transparent;
}

/* --- 1b. Hide the reviews tab while the nav drawer is open --
   The Stamped tab is position:fixed, so it floats over the drawer and sits
   on top of the menu. Keyed off the drawer's own open class rather than a
   width, because that class is what actually means "the drawer is showing"
   — the drawer is mobile-only anyway, so a media query would add a second
   assumption without adding any protection. Visibility rather than display
   so Stamped's own open/close transform is never interrupted mid-slide. */
body.js-drawer-open-left #stamped-widget-drawer {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* --- 1c. Drawer header: unstick it, and centre the logo -----
   Two separate things, both measured at 390x844 with the drawer open.

   STICKY: the site header itself is NOT sticky on mobile — measured at
   scroll 1500 it sat at y -1467, i.e. it scrolls away like anything else.
   The bar that appeared to stick is `.mobile-nav__logo-title`, the drawer's
   OWN logo row, which the theme sets to position: sticky so it pins to the
   top of the menu while the links scroll under it. That is the one to
   release.

   CENTRING: the logo centres itself inside `.mobile-nav__grow`, so the logo
   is only as centred as that box is. The box is not centred, and the reason
   is NOT a simple missing right margin — that was the first guess and
   mirroring the theme's `margin-left: 70px` onto the right overshot by
   exactly as much as it had been out, landing the logo 18px LEFT instead of
   18px right. The row is a flex container with a ~35px sibling (the close
   control) sitting to the RIGHT of the grow box, which already eats into
   that side.

   Measured insets on a 390 viewport, with the row's own 15px padding:
     left  = 15 padding + 70 margin                 = 85
     right = 15 padding + 35 sibling + X margin
   so the right margin has to be 35, not 70, to make both sides 85. That
   gives a 220-wide box at x 85, centre 195, which is the viewport centre,
   and puts the 100px logo at x 145. Both margins are pinned here rather
   than only the right one, so this does not silently drift if the theme's
   70 ever changes.

   No width query needed: #NavDrawer only exists on mobile, so the scope is
   the guard. Specificity (1,2,0) beats the theme's (0,1,0) on source order
   alone, so no !important. */
#NavDrawer .mobile-nav__logo-title {
  position: static;
}
#NavDrawer .mobile-nav__logo-title .mobile-nav__grow {
  margin-left: 70px;
  margin-right: 35px;
}

@media (max-width: 767px) {
  /* --- 2. Stamped reviews tab, moved down -------------------
     Stamped flips the tab to the RIGHT edge below ~600px and parks it near
     the top (measured: drawer top 168.8px, tab at y 171, 33x115). Anchor the
     DRAWER, never the tab — the tab is the drawer's edge showing through, so
     coordinates on the button alone just slide it along the hidden panel.
     calc(50% - 58px) centres the 115px tab in the viewport. Percent rather
     than vh so mobile browser chrome retracting does not shift it.
     DESKTOP IS UNTOUCHED and must stay that way: the client asked on 08/08
     for the desktop tab back at Stamped's native centre. */
  #stamped-widget-drawer {
    top: calc(50% - 58px) !important;
    bottom: auto !important;
  }

  /* --- 3. Announcement bar type ----------------------------
     15px + 1px tracking wrapped "Visit Our Store - 159 17th Ave Tauranga"
     onto two lines and made the bar 58px tall on a 390 screen. Matching the
     !important the base rule uses, since that is what sets the size — raising
     specificity alone would not win. */
  .announcement_bar,
  .announcement_bar a,
  .announcement_bar p,
  .announcement_bar span,
  .announcement_wrapper span.announcement_text {
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    line-height: 17px !important;
  }

  /* --- 4. CTA buttons, trimmed -----------------------------
     The hero CTA was 241px wide on a 390px screen, i.e. 62% of the viewport.
     Scoped through .shopify-section because each section styles its own
     button in a style block that renders inline in the BODY, therefore AFTER
     custom.css — a bare .awhi-hero__btn here loses on source order. The
     wrapper takes these to (0,2,0) against the sections' (0,1,0). */
  .shopify-section .awhi-hero__btn {
    min-width: 200px;
    height: 44px;
    font-size: 16px;
    padding: 0 24px;
  }
  .shopify-section .awhi-gf__btn {
    padding: 11px 32px;
    font-size: 16px;
  }
  .shopify-section .awhi-ed__btn,
  .shopify-section .awhi-of__btn,
  .shopify-section .awhi-st__btn {
    padding: 12px 26px;
    font-size: 14px;
  }
  .shopify-section .awhi-fc__btn,
  .shopify-section .awhi-ugc__btn {
    padding: 10px 22px;
    font-size: 13px;
  }

  /* --- 5. Editorial title: NOT here, see the section --------
     The phone size for the editorial banner title lives in
     sections/awhi-editorial-banner.liquid, not in this file, and that is
     deliberate. The section styles it as `.awhi-ed--split .awhi-ed__title`,
     which is (0,2,0), and a section's style block renders inline in the body
     — after custom.css — so the `.shopify-section .awhi-ed__title` override
     that used to sit here was also (0,2,0) and silently lost on source
     order. It measured as no change at all. Anything added here would need
     (0,3,0); fixing the missing breakpoint in the section is the honest fix.
     Do not reinstate a rule here. */

  /* --- 6. USP icons ----------------------------------------
     62px square is the desktop design tile; on a 390 screen it crowds the
     18px title beside it. 44 keeps the row legible without reflowing it. */
  .shopify-section .awhi-usp__icon {
    width: 44px;
    height: 44px;
  }

  /* --- 7. Collection page H1 -------------------------------
     The page title measured 31px, exactly the same as the section h2s below
     it, so the page had no visual hierarchy between "what page am I on" and
     "what is this row". Taking it to 38 restores a step without reaching the
     hero's 40. NOTE this is the COLLECTION h1; the PDP h1 already measures
     40px and is untouched, and the home page's only h1 is the logo. */
  .shopify-section .awhi-clx__title {
    font-size: 38px;
    line-height: 43px;
    letter-spacing: -0.76px;
  }
}