/** Shopify CDN: Minification failed

Line 340:23 Unexpected "("
Line 1240:0 Expected "}" to go with "{"

**/
@media (max-width: 999px) {
  .ref-header__top {
    display: none !important;
  }
}

/*  -style mobile search under header */
.mv-mobile-search{
  display: none;
}

@media (max-width: 989px){
  .mv-mobile-search{
    display: block;
    padding: 12px 16px 14px;
  }

  .mv-mobile-search__form{
    position: relative;
    width: 100%;
  }

  .mv-mobile-search__input{
    width: 100%;
    height: 44px;
    border: 0 !important;
    outline: none !important;
    background: #F8F4ED !important;
    border-radius: 9999px !important;
    padding: 0 48px 0 18px !important;
    font-size: 16px; /* prevents iOS zoom */
    line-height: 44px;
    color: inherit;
  }

  .mv-mobile-search__input::placeholder{
    opacity: 0.65;
  }

  .mv-mobile-search__btn{
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 28px;
    width: 28px;
    display: grid;
    place-items: center;
    color: inherit;
    cursor: pointer;
  }

  .mv-mobile-search__btn svg{
    display: block;
  }
}
.collection-readmore{
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin-top: 10px !important;
  font: inherit !important;
  text-decoration: underline;
  cursor: pointer;
  opacity: .75;
}
.collection-readmore:hover{ opacity: 1; }
/* ===== COLLECTION HEADER (CUSTOM SECTIONS) ===== */

/* Reduce the vertical space of the whole block */
.section-spacing > .container > .prose.text-center {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Title: smaller, lighter, editorial */
.section-spacing .prose.text-center > p.h1 {
  font-size: 20px !important;        /* down from huge */
  line-height: 1.15 !important;
  margin: 0 0 6px !important;

  text-transform: uppercase !important;
  letter-spacing: 0.12em !important; /* Reformation spacing */
  font-weight: 400 !important;       /* not bold */
}

/* Kill the <strong> weight inside the title */
.section-spacing .prose.text-center > p.h1 strong {
  font-weight: 400 !important;
}

/* Description: calmer, narrower feeling */
.section-spacing .prose.text-center p:not(.h1) {
  font-size: 14px !important;
  line-height: 1.55 !important;
  max-width: 950px;
  margin: 0 auto !important;
  color: rgba(0,0,0,0.65);
}

/* Global */
:root{
  --muchv-font: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

/* Body */
html, body, button, input, select, textarea{
  font-family: var(--muchv-font) !important;
  font-weight: 400;
  letter-spacing: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6{
  font-family: var(--muchv-font) !important;
  font-weight: 450; /* lighter than your 500 */
  letter-spacing: 0.02em;
}

/* Buttons */
.button, .btn, button{
  font-family: var(--muchv-font) !important;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Fix: this MUST be @media */
@media screen and (min-width: 700px){
  .product-info details{
    border-top: 0 !important;
  }



.ref-header .ref-header__top {
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.ref-header .ref-header__inner {
  max-width: 2500px;
  margin: 0 auto;
  padding: 10px 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ref-header .ref-header__utility {
  display: flex;
  gap: 18px;
}



.ref-header .ref-header__utility-link:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Clean, tighter main header row */
.ref-header {
  background: #fff;
}

/* reduce overall header height (these selectors catch most Prestige versions) */
.ref-header .header,
.ref-header .Header,
.ref-header .header__wrapper,
.ref-header .Header__Wrapper {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* LEFT align the nav instead of centered (covers common Prestige structures) */
.ref-header .header__inline-menu,
.ref-header .Header__MainNav,
.ref-header nav {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Make menu spacing clean */
.ref-header nav a {
  letter-spacing: 0 !important;
  text-transform: none !important;
}
/* FORCE utility bar to sit above Prestige header content */
x-header.ref-header,
.ref-header {
  display: flex;
  flex-direction: column;
}

/* Put utility row first */
.ref-header__top {
  order: -1;
  width: 100%;
}

/* Keep your existing styling */
.ref-header__top {
  background: #fff;
  border-bottom: 0px solid rgba(0,0,0,.08);
}

.ref-header__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ref-header__utility {
  display: flex;
  gap: 18px;
}

.ref-header__utility-link {
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  color: inherit;
  opacity: .9;
}

.ref-header__utility-link:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* =========================================================
   ref-style desktop header layout for Prestige (x-header)
   ========================================================= */
@media (min-width: 990px) {

  /* Keep utility row top */
  x-header.ref-header,
  .ref-header {
    display: block; /* undo the flex column trick on desktop */
  }

  .ref-header__top {
    width: 100%;
    order: initial;
  }

  /* Build a 3-column header row: logo | nav | icons */
  x-header.ref-header {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr auto;
    align-items: center;
  }

  /* Utility row spans full width */
  x-header.ref-header .ref-header__top {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  /* Everything else goes to row 2 */
  x-header.ref-header > *:not(.ref-header__top) {
    grid-row: 2;
  }

  /* Put logo to the left */
  x-header.ref-header .header__logo,
  x-header.ref-header .header__logo-link,
  x-header.ref-header .header__logo-wrapper,
  x-header.ref-header .header__logo-container {
    justify-self: start;
    text-align: left;
  }

  /* Put the primary nav in the middle, left aligned */
  x-header.ref-header nav,
  x-header.ref-header .header__primary-nav,
  x-header.ref-header .header__main-nav,
  x-header.ref-header .header__inline-menu {
    justify-self: start;
    text-align: left;
    margin-left: 28px; /* space between logo and menu */
  }

  /* Put icons/currency/search on the right */
  x-header.ref-header .header__secondary-nav,
  x-header.ref-header .header__actions,
  x-header.ref-header .header__icon-list,
  x-header.ref-header .header__buttons,
  x-header.ref-header .header__right {
    justify-self: end;
    margin-left: auto;
  }

  /* Remove the "extra row" feeling */
  x-header.ref-header .header__secondary-nav {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  /* Optional: hide MUCHVIP pill on desktop for clean ref look */
  x-header.ref-header a[href*="vip"],
  x-header.ref-header .muchvip,
  x-header.ref-header .vip,
  x-header.ref-header .pill,
  x-header.ref-header .button--vip {
    display: none !important;
  }

  /* Reduce overall header height */
  x-header.ref-header {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  /* Reduce menu letter spacing */
  x-header.ref-header nav a {
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
}

 desktop header layout (Prestige x-header)
   No Liquid wrappers needed
   ================================ */

@media (min-width: 990px) {

  /* The header itself */
  x-header.ref-header {
    background: #fff;
  }

  /* ----- Force the "main row" containers into a 3-column grid ----- */
  /* These selectors cover most Prestige versions */
  x-header.ref-header .header__wrapper,
  x-header.ref-header .header__content,
  x-header.ref-header .header__inner {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 28px !important;
    padding: 16px 24px !important;
  }

  /* Logo -> left */
  x-header.ref-header .header__logo {
    grid-column: 1 !important;
    justify-self: start !important;
    text-align: left !important;
  }

  /* Main nav -> middle, left-aligned */
  x-header.ref-header .header__primary-nav,
  x-header.ref-header .header__main-nav,
  x-header.ref-header .header__inline-menu,
  x-header.ref-header .header__navigation {
    grid-column: 2 !important;
    justify-self: start !important;
    text-align: left !important;
    margin: 0 !important;
  }

  /* Secondary/icons -> right */
  x-header.ref-header .header__secondary-nav {
    grid-column: 3 !important;
    justify-self: end !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  /* Remove centered "feel" if any parent is centering */
  x-header.ref-header .header__primary-nav,
  x-header.ref-header .header__inline-menu {
    justify-content: flex-start !important;
  }

  /* Hide MUCHVIP pill on desktop (we’ll refine selector if needed) */
  x-header.ref-header a[href*="vip"],
  x-header.ref-header .muchvip,
  x-header.ref-header .vip,
  x-header.ref-header .pill {
    display: none !important;
  }

  /* Clean typography like ref */
  x-header.ref-header nav a {
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
}
/* Utility bar: logo left, links right (ref-style) */
.ref-header__inner{
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between; /* IMPORTANT */
  gap: 16px;
}

.ref-header__utility-logo{
  flex: 0 0 auto;
}

.ref-header__utility-logo-link{
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.ref-header__utility-logo-image{
  height: 26px;         /* tweak */
  width: auto;
  display: block;
}

.ref-header__utility{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 18px;
}

/* Utility bar (top row) like ref */
.ref-header__top{
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.ref-header__inner{
  max-width: 1400px;
  margin: 0 auto;
  padding: 12px 24px;
  display:flex;
  align-items:center;
  justify-content: space-between; /* logo left, links right */
  gap: 18px;
}

.ref-header__utility-logo-link{
  display:flex;
  align-items:center;
  text-decoration:none;
  color:inherit;
}

.ref-header__utility-logo-image{
  height: 22px;   /* ref-ish */
  width:auto;
  display:block;
}

.ref-header__utility{
  display:flex;
  align-items:center;
  gap:18px;
}

.ref-header__utility-link{
  font-size:13px;
  line-height:1;
  text-decoration:none;
  color:inherit;
  opacity:.9;
}

.ref-header__utility-link:hover{
  opacity:1;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (min-width: 990px){
  x-header.ref-header .header__logo{
    display:none !important;
  }
}
/* Make the Search utility link look like ref */
.ref-header__utility-link[href*="/search"]{
  border-bottom: 1px solid rgba(0,0,0,.6);
  padding-bottom: 2px;
  opacity: 1;
}
/* Bigger logo in the utility bar (ref-style) */
.ref-header__utility-logo-image{
  height: 62px;      /* increase size */
  width: auto;
}

@media (min-width: 1200px){
  .ref-header__utility-logo-image{
    height: 40px;    /* slightly larger on wide screens */
  }
}
/* LEFT align main nav next to logo (desktop) */
@media (min-width: 990px){

  /* Stop Prestige from centering the nav */
  x-header.ref-header .header__inline-menu,
  x-header.ref-header .header__primary-nav,
  x-header.ref-header .header__main-nav,
  x-header.ref-header nav[role="navigation"]{
    justify-content: flex-start !important;
    text-align: left !important;
    margin-left: 32px !important; /* space between logo and menu */
  }

  /* Make sure menu items flow left, not centered */
  x-header.ref-header .header__inline-menu ul,
  x-header.ref-header nav ul{
    justify-content: flex-start !important;
  }
}
/* =========================================================
   FORCE Prestige desktop header menu to left-align (ref-ish)
   Works across Prestige variations by targeting common wrappers
   ========================================================= */
@media (min-width: 990px) {

  /* Only affect the main header area, not your utility top row */
  x-header.ref-header > :not(.ref-header__top) {
    text-align: left !important;
  }

  /* Catch the containers Prestige uses to center the menu */
  x-header.ref-header .header__navigation,
  x-header.ref-header .header__navigation-wrapper,
  x-header.ref-header .header__menu,
  x-header.ref-header .header__menu-wrapper,
  x-header.ref-header .header__main-nav,
  x-header.ref-header .header__primary-nav,
  x-header.ref-header .header__inline-menu,
  x-header.ref-header .header__inline-menu ul,
  x-header.ref-header nav,
  x-header.ref-header nav ul {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  /* Put menu visually next to the logo (space like ref) */
  x-header.ref-header .header__navigation,
  x-header.ref-header .header__main-nav,
  x-header.ref-header .header__primary-nav,
  x-header.ref-header .header__inline-menu {
    margin-left: 32px !important;
  }

  /* Make sure the logo stays hard-left */
  x-header.ref-header .header__logo {
    margin-right: 0 !important;
    justify-content: flex-start !important;
  }

  /* Keep the icons/currency on the right */
  x-header.ref-header .header__secondary-nav,
  x-header.ref-header .header__actions,
  x-header.ref-header .header__icon-list,
  x-header.ref-header .header__buttons {
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
}
@media (min-width: 990px) {
  x-header.ref-header .header__content,
  x-header.ref-header .header__inner,
  x-header.ref-header .header__wrapper {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
  }
}
.ref-header__utility-logo {
    flex: auto;
}
/* =========================================
   MOBILE (<990px) — revert Prestige layout + make it ref-like
   ========================================= */
@media (max-width: 989px){

  /* Undo our desktop flex-column overrides on mobile */
  x-header.ref-header{
    display:block !important;
  }

  x-header.ref-header .header__wrapper,
  x-header.ref-header .header__inner,
  x-header.ref-header .header__content{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:12px 16px !important;
  }

  /* Hide the utility top bar on mobile (like ref) */
  x-header.ref-header .ref-header__top{
    display:none !important;
  }

  /* Make sure the main logo shows on mobile (centered) */
  x-header.ref-header .header__logo{
    display:flex !important;
    justify-content:center !important;
    margin:0 auto !important;
  }

  /* Keep nav/menu button on the left (burger) */
  x-header.ref-header .header__navigation,
  x-header.ref-header .header__primary-nav,
  x-header.ref-header .header__main-nav,
  x-header.ref-header .header__inline-menu{
    display:none !important; /* no horizontal menu on mobile */
  }

  /* Left group / right group sizing */
  x-header.ref-header .header__secondary-nav,
  x-header.ref-header .header__actions,
  x-header.ref-header .header__icon-list,
  x-header.ref-header .header__buttons{
    margin-left:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
  }

  /* Prevent duplicate large logo / weird stacking */
  x-header.ref-header .header__wrapper > *{
    flex:0 0 auto;
  }

  /* Keep the centered logo truly centered between left & right icons */
  x-header.ref-header .header__logo{
    flex:1 1 auto !important;
  }

  /* Make logo size feel like ref on mobile */
  x-header.ref-header .header__logo img{
    height:22px !important;
    width:auto !important;
    max-width:180px !important;
  }

  /* Ensure icons don’t drop under the logo */
  x-header.ref-header .header__secondary-nav,
  x-header.ref-header .header__actions{
    flex:0 0 auto !important;
  }
}

/* Keep your “hide big logo” rule DESKTOP ONLY */
@media (min-width: 990px){
  x-header.ref-header .header__logo{ display:none !important; }
}
/* =========================================
   MOBILE FIX: show burger + align icons with logo
   ========================================= */
@media (max-width: 989px){

  /* Hide the utility top bar on mobile */
  x-header.ref-header .ref-header__top{
    display:none !important;
  }

  /* Force the visible header row into 3 columns */
  x-header.ref-header .header__wrapper,
  x-header.ref-header .header__inner,
  x-header.ref-header .header__content{
    display:grid !important;
    grid-template-columns: 44px 1fr auto !important; /* burger | logo | icons */
    align-items:center !important;
    padding:12px 16px !important;
  }

  /* LEFT: ensure burger button is visible */
  x-header.ref-header .header__navigation,
  x-header.ref-header .header__primary-nav{
    display:block !important;
    justify-self:start !important;
    align-self:center !important;
    margin:0 !important;
  }

  /* If Prestige uses a specific drawer toggle, force it visible */
  x-header.ref-header button[aria-controls*="menu"],
  x-header.ref-header button[aria-controls*="drawer"],
  x-header.ref-header button[aria-label*="Menu"],
  x-header.ref-header .header__menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* CENTER: logo */
  x-header.ref-header .header__logo{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    justify-self:center !important;
    margin:0 !important;
  }

  x-header.ref-header .header__logo img{
    height:22px !important;
    width:auto !important;
    max-width:180px !important;
    display:block !important;
  }

  /* RIGHT: icons aligned */
  x-header.ref-header .header__secondary-nav,
  x-header.ref-header .header__actions,
  x-header.ref-header .header__icon-list,
  x-header.ref-header .header__buttons{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    justify-self:end !important;
    align-self:center !important;
    margin:0 !important;
  }

  /* Prevent any elements from dropping onto a second line */
  x-header.ref-header .header__wrapper > *,
  x-header.ref-header .header__inner > *,
  x-header.ref-header .header__content > *{
    min-width:0 !important;
  }
}

/* Desktop only: keep hiding the big centered logo */
@media (min-width: 990px){
  x-header.ref-header .header__logo{ display:none !important; }
}
/* =========================================
   FINAL MOBILE HEADER ALIGNMENT (ref style)
   ========================================= */
@media (max-width: 989px){

  /* Hide utility top bar on mobile */
  x-header.ref-header .ref-header__top{
    display:none !important;
  }

  /* Force ONE header row */
  x-header.ref-header{
    position:relative !important;
  }

  x-header.ref-header .header__wrapper,
  x-header.ref-header .header__inner,
  x-header.ref-header .header__content{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:12px 16px !important;
  }

  /* LEFT: burger */
  x-header.ref-header .header__navigation,
  x-header.ref-header .header__menu-toggle,
  x-header.ref-header button[aria-label*="Menu"]{
    position:absolute !important;
    left:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
  }

  /* CENTER: logo */
  x-header.ref-header .header__logo{
    position:relative !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 auto !important;
  }

  x-header.ref-header .header__logo img{
    height:22px !important;
    width:auto !important;
    max-width:180px !important;
    display:block !important;
  }

  /* RIGHT: search + cart */
  x-header.ref-header .header__secondary-nav,
  x-header.ref-header .header__actions,
  x-header.ref-header .header__icon-list,
  x-header.ref-header .header__buttons{
    position:absolute !important;
    right:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
  }
}

/* Desktop only — keep big logo hidden */
@media (min-width: 990px){
  x-header.ref-header .header__logo{ display:none !important; }
}

@media (max-width: 989px){
  /* Micro-align everything on the same visual baseline */
  x-header.ref-header .header__logo{ transform: translateY(2px) !important; }

  x-header.ref-header .header__navigation,
  x-header.ref-header .header__menu-toggle,
  x-header.ref-header button[aria-label*="Menu"]{
    transform: translateY(-50%) translateY(2px) !important;
  }

  x-header.ref-header .header__secondary-nav,
  x-header.ref-header .header__actions,
  x-header.ref-header .header__icon-list,
  x-header.ref-header .header__buttons{
    transform: translateY(-50%) translateY(2px) !important;
  }
}
@media (max-width: 989px) {
    x-header.ref-header .header__secondary-nav, x-header.ref-header .header__actions, x-header.ref-header .header__icon-list, x-header.ref-header .header__buttons {
        position: absolute !important;
        right: 16px !important;
        top: 55% !important;
    }

    /* ============================
   ref-style typography
   ============================ */

/* Global */
:root{
  --muchv-font: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

/* Body */
html, body, button, input, select, textarea{
  font-family: var(--muchv-font) !important;
  font-weight: 400;
  letter-spacing: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6,
.Heading,
.SectionHeader__Heading,
.PageHeader__Title,
.product-info__block-item
.ProductMeta__Title,
.CollectionHeader__Title,
.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{
  font-family: var(--muchv-font) !important;
  font-weight: 400 !important;     /* was 500 */
  text-transform: uppercase!important;
  letter-spacing: -0.01em;
}

/* Nav/menu (slightly spaced like Ref) */
#shopify-section-header a,
#shopify-section-header .header__linklist a,
#shopify-section-header .header__menu-item,
#shopify-section-header .ref-header a{
  font-family: var(--muchv-font) !important;
  font-weight: 400;
  letter-spacing: 0.06em;
}

/* Buttons */
.button, .btn, button{
  font-family: var(--muchv-font) !important;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media (min-width: 700px){
  .product-info details{
    border-top: 0 !important;
  }
}

#shopify-section-header{
  --menu-font: var(--muchv-font);
}
/* =========================================
   FIX: product page accordion / tabs spacing + double lines
   ========================================= */

/* Reduce extra padding added by global rules */
.product__info-container details,
.product__info-container summary,
.Product__Info details,
.Product__Info summary,
.ProductMeta details,
.ProductMeta summary {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove duplicate borders (common when both summary + wrapper have borders) */
.product__info-container details,
.Product__Info details,
.ProductMeta details {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Use ONE clean divider line per item */
.product__info-container details + details,
.Product__Info details + details,
.ProductMeta details + details {
  border-top: 1px solid rgba(0,0,0,.15) !important;
}

/* Make summary spacing look clean */
.product__info-container summary,
.Product__Info summary,
.ProductMeta summary {
  margin: 0 !important;
  padding: 18px 0 !important;
}

/* Content spacing inside open tab */
.product__info-container details[open] > div,
.Product__Info details[open] > div,
.ProductMeta details[open] > div {
  padding: 0 0 18px 0 !important;
  margin: 0 !important;
}

/* If your theme uses a divider element inside accordion, kill it */
.product__info-container hr,
.Product__Info hr,
.ProductMeta hr {
  display: none !important;
}
/* ================================
   PDP accordions: remove double lines + reduce padding
   ================================ */

/* Remove borders from each details so you don't get "double" */
details.pdpo__details{
  border-top: 0 !important;
  margin: 0 !important;
  padding-block: 0.75rem !important; /* reduces the tall spacing */
}

/* Add ONE divider line only between items */
details.pdpo__details + details.pdpo__details{
  border-top: 1px solid rgba(0,0,0,.14) !important;
}

/* Tighten summary row (the clickable heading) */
details.pdpo__details > summary{
  padding-block: 0.85rem !important;
}

/* If Prestige is adding extra spacing around the block list */
.product-info__block-list{
  gap: 0.75rem !important;
}
/* ================================
   ref-ish typography (clean sans)
   ================================ */

:root{
  --ref-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Body */
body{
  font-family: var(--ref-font) !important;
  letter-spacing: 0.01em;
}
/* PDP title – catch all product templates (no dependency on .template-product) */
body[class*="template-product"] [data-block-type="title"] * {
  font-family: 'Barlow', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
}

/* also catch common Prestige title classes just in case */
body[class*="template-product"] .product-info__title,
body[class*="template-product"] .product-title,
body[class*="template-product"] h1.product-title,
body[class*="template-product"] h1 {
  font-weight: 800 !important;
}

@media (max-width: 999px) {
  .ref-header__top {
    display: none !important;
  }
}
/* ===== Mobile drawer: c-style ===== */
@media (max-width: 749px){

  /* Drawer padding */
  .header-sidebar__scroller{
    padding: 18px 18px 26px !important;
  }

  /* Search block */
  .mobile-drawer-search{
    margin: 6px 0 14px !important;
  }

  .mobile-drawer-search__form{
    display: flex;
    align-items: center;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 10px;
    overflow: hidden;
    background: #F8F4ED; /* your requested background */
    height: 44px;
  }

  .mobile-drawer-search__input{
    flex: 1;
    border: 0;
    background: transparent;
    padding: 0 14px;
    font-size: 16px;
    outline: none;
  }

  .mobile-drawer-search__btn{
    border: 0;
    background: transparent;
    width: 48px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  /* Menu list -> clean stacked rows */
  ul.header-sidebar__linklist.unstyled-list{
    margin: 0 !important;
    padding: 0 !important;
  }

  ul.header-sidebar__linklist.unstyled-list > li{
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(0,0,0,.10);
  }

  ul.header-sidebar__linklist.unstyled-list > li:first-child{
    border-top: 0;
  }

  /* Links + buttons look identical */
  a.header-sidebar__linklist-button,
  button.header-sidebar__linklist-button{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 2px !important;
    text-align: left !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 15px;
  }

  /* Add right arrow (even if theme doesn’t show one) */
  a.header-sidebar__linklist-button::after,
  button.header-sidebar__linklist-button::after{
    content: "›";
    font-size: 22px;
    line-height: 1;
    opacity: .65;
    margin-left: 12px;
  }

  /* Make the drawer feel less “empty” */
  a.header-sidebar__linklist-button,
  button.header-sidebar__linklist-button{
    color: inherit;
    background: transparent;
  }
}

/* Make the search bar full-width and aligned */
.mobile-drawer-search {
  padding: 14px 16px 6px;
}

.mobile-drawer-search__form {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
}

.mobile-drawer-search__input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;                 /* critical to stop placeholder clipping */
  height: 44px;
  padding: 0 44px 0 16px;       /* room for icon */
  border-radius: 9999px;
  border: 1px solid rgba(0,0,0,.18);
  background: #F8F4ED;
  font-size: 16px;
  line-height: 1;
}

.mobile-drawer-search__btn {
  position: absolute;
  right: 26px;
  margin-top: 0;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  background: transparent;
  border: 0;
  padding: 0;
}

/* Ensure the form can position the icon */
.mobile-drawer-search__form {
  position: relative;
}

/* -------------------------
   Menu list: separators + layout
   ------------------------- */

/* Divider line under every menu row */
.header-sidebar__linklist > li {
  border-bottom: 1px solid rgba(0,0,0,.10);
}

/* Force CoBo-style row layout on ALL screen sizes */
.header-sidebar__linklist-button--thumb {
  width: 100%;
  display: grid !important;
  grid-template-columns: 54px 1fr 28px;
  align-items: center;
  gap: 12px;
  padding: 14px 16px !important;
  text-align: left;
}

/* Title styling */
.header-sidebar__linklist-title,
.drawer-item__label {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.1;
}

/* Right chevron column always aligned */
.header-sidebar__linklist-button--thumb .drawer-item__right,
.header-sidebar__linklist-button--thumb svg {
  justify-self: end;
  opacity: 0.8;
}

/* -------------------------
   Thumbnails: consistent circle ratio + crop
   ------------------------- */

/* If you're using <img class="drawer-item__thumb"> */
.drawer-item__thumb,
.mobile-menu-thumb {
  width: 44px !important;
  height: 44px !important;
  border-radius: 9999px !important;
  object-fit: cover !important;         /* consistent crop */
  object-position: center !important;
  background: rgba(0,0,0,.04);
  display: block;
}

/* Placeholder (no image) — remove the circle and align text left */
.drawer-item__thumb--placeholder,
.mobile-menu-thumb--empty {
  display: none !important;
}

/* When placeholder hidden, remove left column spacing so text sits left */
.header-sidebar__linklist-button--thumb:has(.drawer-item__thumb--placeholder),
.header-sidebar__linklist-button--thumb:has(.mobile-menu-thumb--empty) {
  grid-template-columns: 1fr 28px;
}

/* In case your browser doesn't support :has(), fallback class option below */
.header-sidebar__linklist-button--thumb.no-thumb {
  grid-template-columns: 1fr 28px;
}

/* -------------------------
   Fix: small screens behaving differently
   ------------------------- */

/* Force the list to not switch into weird stacked mobile layout */
.header-sidebar__scroller .header-sidebar__linklist {
  padding: 0;
  margin: 0;
}

/* Make sure buttons/links are full width */
.header-sidebar__linklist a.header-sidebar__linklist-button--thumb,
.header-sidebar__linklist button.header-sidebar__linklist-button--thumb {
  width: 100%;
}