/* X-AESTHETIC — Global Liquid Glass. Shared visual language. */
:root{--xg-edge:rgba(239,245,255,.27);--xg-frost:rgba(37,44,56,.49);--xg-shine:rgba(245,250,255,.09);--xg-shadow:0 14px 45px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18)}
html{scroll-behavior:auto!important}body{opacity:1!important;animation:none!important;transition:none!important}body.xa-leaving{opacity:1!important;transition:none!important}
/* Shared floating navigation. Preserve logo artwork and image dimensions. */
nav.navigation{position:relative!important;z-index:120!important;margin:14px auto 0!important;width:calc(100% - 32px)!important;max-width:1540px!important;min-height:92px!important;padding:12px clamp(16px,3vw,44px)!important;border:1px solid var(--xg-edge)!important;border-radius:28px!important;background:linear-gradient(125deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 43%,rgba(200,220,245,.09)),var(--xg-frost)!important;box-shadow:var(--xg-shadow)!important;-webkit-backdrop-filter:blur(28px) saturate(170%)!important;backdrop-filter:blur(28px) saturate(170%)!important;isolation:isolate}
nav.navigation::before{content:'';position:absolute;inset:1px;border-radius:27px;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.11),transparent 32%,transparent 68%,rgba(255,255,255,.035));z-index:-1}
nav.navigation .nav-links{display:flex;align-items:center;gap:clamp(4px,.75vw,14px)}
nav.navigation .nav-links>a,nav.navigation .nav-links>a[href="products.html"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:10px 14px!important;border:1px solid transparent!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:#e5e9f0!important;text-decoration:none!important;font-size:11px!important;letter-spacing:.13em!important;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s!important}
nav.navigation .nav-links>a:hover,nav.navigation .nav-links>a:focus-visible{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.045))!important;border-color:rgba(255,255,255,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 20px rgba(0,0,0,.17)!important;transform:translateY(-1px)}
nav.navigation img{object-fit:contain!important;filter:none!important}
/* Glass only on editorial surfaces, never on product photography. */
body:not(.xa-home) article.card,body:not(.xa-home) .cards>.card{border:1px solid rgba(230,238,255,.18)!important;border-radius:24px!important;background:linear-gradient(140deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 45%,rgba(160,190,225,.055)),rgba(30,36,46,.54)!important;box-shadow:var(--xg-shadow)!important;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
body:not(.xa-home) .hero .wrap{filter:drop-shadow(0 4px 20px rgba(0,0,0,.18))}
body:not(.xa-home) a[class*="btn"],body:not(.xa-home) a[class*="button"],body:not(.xa-home) a[class*="cta"]{border-radius:999px!important;border:1px solid rgba(242,247,255,.32)!important;background:linear-gradient(140deg,rgba(255,255,255,.16),rgba(255,255,255,.035)),rgba(40,47,59,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 9px 25px rgba(0,0,0,.19)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
/* Preserve light catalogue image panels: readability and accurate product colours. */
#xa-curated-grid .xa-primor-photo,#xa-curated-grid .photo,.xa-hair-edit .photo,.xa-primor-photo{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:700px){nav.navigation{min-height:72px!important;border-radius:22px!important;padding:10px 16px!important;margin:9px auto 0!important;width:calc(100% - 18px)!important}nav.navigation .nav-links{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:16px!important;border:1px solid var(--xg-edge)!important;border-radius:22px!important;background:rgba(23,29,40,.93)!important;box-shadow:var(--xg-shadow)!important;backdrop-filter:blur(30px) saturate(150%)!important;-webkit-backdrop-filter:blur(30px) saturate(150%)!important}nav.navigation .nav-links:not(.is-open){opacity:0!important;visibility:hidden!important;pointer-events:none!important}nav.navigation .nav-links.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}nav.navigation .nav-links>a{justify-content:flex-start!important}nav.navigation .mobile-menu-toggle{border:1px solid rgba(255,255,255,.24)!important;border-radius:15px!important;background:rgba(255,255,255,.07)!important;padding:8px 13px!important}}
@media(prefers-reduced-motion:reduce){nav.navigation .nav-links>a{transition:none!important;transform:none!important}}

/* NAV UNIFICADO — same floating glass treatment on every official page */
nav.navigation{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;position:relative!important;overflow:visible!important;flex-wrap:nowrap!important}
nav.navigation>a:first-child{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
nav.navigation>a:first-child img{display:block!important;max-width:min(240px,30vw)!important;max-height:70px!important;width:auto!important;height:auto!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}
nav.navigation .nav-links{margin-left:auto!important;flex:0 1 auto!important;justify-content:flex-end!important;flex-wrap:wrap!important}
nav.navigation .nav-links>a{white-space:nowrap!important;text-transform:uppercase!important}
nav.navigation .nav-links>a:not(:hover):not(:focus-visible){background:transparent!important;border-color:transparent!important;box-shadow:none!important;outline:0!important}
@media(max-width:900px){nav.navigation{min-height:78px!important;padding:12px 18px!important}nav.navigation .nav-links{gap:2px!important}nav.navigation .nav-links>a{padding:9px 8px!important;font-size:10px!important;letter-spacing:.07em!important}}
@media(max-width:700px){nav.navigation{min-height:72px!important;justify-content:space-between!important}nav.navigation>a:first-child img{max-width:min(220px,63vw)!important;max-height:55px!important}nav.navigation .mobile-menu-toggle{display:block!important;flex:0 0 auto!important;margin-left:auto!important;color:#fff!important;cursor:pointer!important}nav.navigation .nav-links{margin:0!important;display:flex!important;flex-wrap:nowrap!important;z-index:999!important;transform:none!important}nav.navigation .nav-links:not(.is-open){display:flex!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}nav.navigation .nav-links.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}nav.navigation .nav-links>a{width:100%!important;justify-content:flex-start!important;padding:12px 15px!important;font-size:11px!important}}

/* X-AESTHETIC — persistent floating glass navigation */
html,body{overflow-x:clip}
nav.navigation{position:sticky!important;top:12px!important;z-index:9999!important;transform:none!important;will-change:auto!important}
@media(max-width:700px){nav.navigation{top:8px!important}}

/* GLOBAL INTERIOR — X-AESTHETIC LIQUID GLASS / Graphite Edition */
body.xa-glass-interior{--xa-glass-edge:rgba(226,237,255,.25);--xa-glass-ink:#edf1f7;--xa-glass-muted:#abb4c3;background:radial-gradient(ellipse 85% 42% at 95% 15%,rgba(101,118,145,.15),transparent 72%),radial-gradient(ellipse 65% 55% at 2% 78%,rgba(94,108,128,.12),transparent 72%),#090b10!important;color:var(--xa-glass-ink)}
body.xa-glass-interior :is(.content,.intro,.timeline,.moment,.source,.peptide-edit,.xa-research-copy,.xa-research-spotlight,.xa-research-reading,.xa-xtri-spotlight,.xa-xtri-soon,.xa-beauty-dark,.xa-catalogue-intro,.xa-hair-edit){background-color:transparent!important}
body.xa-glass-interior :is(.intro,.moment,.source,.xa-research-copy,.xa-research-reading,.xa-catalogue-intro,.xa-hair-edit){position:relative}
body.xa-glass-interior :is(.two-col,.timeline,.xa-beauty-grid,.xa-research-note,.xa-research-spotlight,.xa-xtri-wrap){border-color:rgba(230,238,255,.13)!important}
body.xa-glass-interior :is(.card,.peptide-card,.xa-hair-card,.xa-research-note,.xa-xtri-spotlight,.xa-xtri-soon){position:relative;overflow:hidden;border:1px solid var(--xa-glass-edge)!important;border-radius:24px!important;background:linear-gradient(125deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.035) 33%,rgba(143,167,200,.075) 100%),rgba(24,29,40,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 20px 55px rgba(0,0,0,.26)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);color:var(--xa-glass-ink)!important}
body.xa-glass-interior :is(.card,.peptide-card,.xa-hair-card)::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);pointer-events:none;z-index:3}
body.xa-glass-interior :is(.card,.peptide-card,.xa-hair-card):hover{border-color:rgba(245,250,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 24px 64px rgba(0,0,0,.32)!important}
body.xa-glass-interior :is(.pill-link,.xa-beauty-link,.xa-xtri-notify,a[class*="btn"],a[class*="button"],a[class*="cta"]){display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 22px!important;border:1px solid rgba(235,244,255,.34)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.035)),rgba(35,43,56,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 24px rgba(0,0,0,.19)!important;color:#f4f6fa!important;text-decoration:none!important;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);transition:background .22s,border-color .22s,box-shadow .22s!important}
body.xa-glass-interior :is(.pill-link,.xa-beauty-link,.xa-xtri-notify,a[class*="btn"],a[class*="button"],a[class*="cta"]):hover{border-color:rgba(255,255,255,.65)!important;background:linear-gradient(130deg,rgba(255,255,255,.23),rgba(255,255,255,.07)),rgba(39,47,61,.57)!important}
body.xa-glass-interior :is(.eyebrow,.number,.xa-beauty-kicker,.xa-hair-kicker){color:#c0cbdc!important}
body.xa-glass-interior :is(.content,.intro,.moment,.timeline,.source,.xa-research-copy,.xa-beauty-dark) p{color:#b6c0ce}
body.xa-glass-interior :is(.content,.intro,.moment,.timeline,.source,.xa-research-copy,.xa-beauty-dark) h1,body.xa-glass-interior :is(.content,.intro,.moment,.timeline,.source,.xa-research-copy,.xa-beauty-dark) h2,body.xa-glass-interior :is(.content,.intro,.moment,.timeline,.source,.xa-research-copy,.xa-beauty-dark) h3{color:#f0f3f8}
body.xa-glass-interior .hero{isolation:isolate}
body.xa-glass-interior .hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,16,.67),rgba(10,13,20,.24));pointer-events:none;z-index:0}
body.xa-glass-interior .hero>.wrap{position:relative;z-index:1}
/* Catalogue: maintain white/neutral photographic surfaces and true product colours. */
body.xa-glass-interior :is(.photo,.xa-primor-photo,.xa-hair-photo){background:#e8e9eb!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
body.xa-glass-interior :is(.photo,.xa-primor-photo,.xa-hair-photo) img{filter:none!important}
body.xa-glass-interior :is(.xa-catalogue-category-nav,.xa-hair-controls,.peptide-filters){border:1px solid rgba(240,246,255,.19);border-radius:22px;background:rgba(38,45,57,.45)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px}
body.xa-glass-interior :is(input,select,button){accent-color:#b7c2d1}
@media(max-width:700px){body.xa-glass-interior :is(.card,.peptide-card,.xa-hair-card){border-radius:19px!important}body.xa-glass-interior :is(.pill-link,.xa-beauty-link,a[class*="btn"]){max-width:100%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){body.xa-glass-interior :is(.card,.peptide-card,.xa-hair-card,.pill-link){transition:none!important}}


/* CATALOGUE ONLY — protect product editorial layout from global glass overrides */
body.xa-catalogue .xa-hair-edit,
body.xa-catalogue #xa-curated-grid{background:#e8e9e8!important;color:#1b2027!important}
body.xa-catalogue .xa-hair-edit{padding-top:65px!important}
body.xa-catalogue #xa-curated-grid{border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.xa-catalogue #xa-curated-grid .xa-hair-card{
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 overflow:visible!important;color:#1b2027!important;
}
body.xa-catalogue #xa-curated-grid .xa-hair-card::before{display:none!important}
body.xa-catalogue #xa-curated-grid .xa-hair-card:hover{box-shadow:none!important;border:0!important}
body.xa-catalogue #xa-curated-grid .xa-hair-photo{background:#f4f4f2!important;border-radius:9px;overflow:hidden}
body.xa-catalogue #xa-curated-grid :is(.xa-hair-brand,.xa-hair-size){color:#626b75!important}
body.xa-catalogue #xa-curated-grid h3{color:#1b2027!important}
body.xa-catalogue #xa-curated-grid .xa-hair-tag{color:#30343b!important;background:#f8f8f7!important;border:1px solid #d4d6d8!important}
body.xa-catalogue #xa-curated-grid .xa-hair-actions a{
 background:rgba(255,255,255,.38)!important;color:#222b36!important;
 border:1px solid rgba(66,77,92,.32)!important;border-radius:999px!important;
 box-shadow:none!important;padding:10px 12px!important;min-height:38px;
}
body.xa-catalogue #xa-curated-grid .xa-hair-actions a:hover{background:#313a46!important;color:white!important}
body.xa-catalogue .xa-hair-controls{
 background:rgba(255,255,255,.46)!important;border:1px solid rgba(64,76,91,.22)!important;
 border-radius:20px!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
body.xa-catalogue .xa-hair-filter{color:#29323d!important;background:rgba(255,255,255,.35)!important;border:1px solid #abb1b9!important}
body.xa-catalogue .xa-hair-filter[aria-pressed="true"]{background:#27313e!important;color:white!important;border-color:#27313e!important}
body.xa-catalogue .xa-hair-head h2,body.xa-catalogue .xa-hair-head h3{color:#1b2027!important}
body.xa-catalogue .xa-hair-head p,body.xa-catalogue .xa-hair-notice{color:#535e69!important}
body.xa-catalogue .xa-hair-kicker{color:#515c69!important}
body.xa-catalogue .xa-catalogue-category-nav{background:#e8e9e8!important;color:#26313c!important;border:0!important}
body.xa-catalogue .xa-catalogue-category-nav a{color:#26313c!important;border-color:#aab1ba!important}
body.xa-catalogue .xa-catalogue-category-nav a:hover{background:#27313e!important;color:white!important}
@media(max-width:700px){body.xa-catalogue .xa-hair-edit{padding-top:50px!important}}


/* CATALOGUE FINAL: light silver glass, dark readable typography.
   Scope to actual product grids, including haircare and legacy catalogue. */
body.xa-catalogue .xa-hair-edit,
body.xa-catalogue #xa-curated-grid {
  background: #e7e8e9 !important;
  color: #20262d !important;
}
body.xa-catalogue .xa-hair-grid,
body.xa-catalogue #xa-curated-grid {
  background: transparent !important;
}
body.xa-catalogue .xa-hair-grid > .xa-hair-card,
body.xa-catalogue #xa-curated-grid > .xa-hair-card {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(155deg, rgba(255,255,255,.91), rgba(242,244,247,.83)) !important;
  color: #20262d !important;
  border: 1px solid rgba(111,123,139,.30) !important;
  border-radius: 19px !important;
  box-shadow: 0 9px 26px rgba(30,39,51,.075), inset 0 1px 0 rgba(255,255,255,.98) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 0 0 18px !important;
}
body.xa-catalogue .xa-hair-grid > .xa-hair-card::before,
body.xa-catalogue #xa-curated-grid > .xa-hair-card::before { display:none !important; }
body.xa-catalogue .xa-hair-grid > .xa-hair-card:hover,
body.xa-catalogue #xa-curated-grid > .xa-hair-card:hover {
  border-color: rgba(74,89,109,.48) !important;
  box-shadow: 0 14px 34px rgba(30,39,51,.12), inset 0 1px 0 #fff !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-photo,
body.xa-catalogue #xa-curated-grid .xa-hair-photo {
  background: #f0f1f2 !important;
  border-radius: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-photo img,
body.xa-catalogue #xa-curated-grid .xa-hair-photo img { filter:none !important; }
body.xa-catalogue .xa-hair-grid .xa-hair-brand,
body.xa-catalogue #xa-curated-grid .xa-hair-brand {
  display:block !important; color:#66717d !important;
  padding:0 15px !important; margin-top:16px !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-card h3,
body.xa-catalogue #xa-curated-grid .xa-hair-card h3 {
  color:#1d2732 !important; padding:0 15px !important;
  margin-top:9px !important; text-shadow:none !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-size,
body.xa-catalogue #xa-curated-grid .xa-hair-size {
  color:#68727e !important; padding:0 15px !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-actions,
body.xa-catalogue #xa-curated-grid .xa-hair-actions {
  padding:0 12px !important; gap:7px !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-actions a,
body.xa-catalogue #xa-curated-grid .xa-hair-actions a {
  display:flex !important; align-items:center !important; justify-content:center !important;
  min-height:39px !important; min-width:0 !important;
  padding:9px 7px !important; color:#25303c !important;
  background:rgba(255,255,255,.83) !important;
  border:1px solid #aeb8c3 !important; border-radius:999px !important;
  box-shadow:none !important; font-size:10px !important;
  line-height:1.35 !important; text-decoration:none !important;
  text-shadow:none !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-actions a:hover,
body.xa-catalogue #xa-curated-grid .xa-hair-actions a:hover {
  background:#2a3440 !important; color:#fff !important; border-color:#2a3440 !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-card > p:last-child,
body.xa-catalogue #xa-curated-grid .xa-hair-card > p:last-child {
  padding:0 15px !important; color:#65717f !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-card > p:last-child a,
body.xa-catalogue #xa-curated-grid .xa-hair-card > p:last-child a {
  color:#526171 !important;
}
body.xa-catalogue .xa-hair-grid .xa-hair-tag,
body.xa-catalogue #xa-curated-grid .xa-hair-tag {
  color:#2d3540 !important; background:rgba(255,255,255,.92) !important;
  border:1px solid #d7dce2 !important;
}
body.xa-catalogue .xa-hair-controls {
  background:rgba(255,255,255,.55) !important;
  border:1px solid rgba(100,115,130,.23) !important;
}
body.xa-catalogue .xa-hair-filter { color:#2a3440 !important; }
body.xa-catalogue .xa-hair-filter[aria-pressed="true"] {color:#fff !important;}
@media(max-width:700px){
  body.xa-catalogue .xa-hair-grid > .xa-hair-card,
  body.xa-catalogue #xa-curated-grid > .xa-hair-card {border-radius:15px !important;}
  body.xa-catalogue .xa-hair-grid .xa-hair-actions a,
  body.xa-catalogue #xa-curated-grid .xa-hair-actions a {font-size:9px !important;padding:8px 4px !important;}
}

/* X-AESTHETIC — Centered Liquid Glass Navigation */
@media (min-width: 901px) {
  nav.navigation {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    justify-content: initial !important;
  }

  nav.navigation > a:first-child {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  nav.navigation .nav-links {
    grid-column: 2 !important;
    margin: 0 !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
  }
}


/* X-AESTHETIC — Consistent mobile navigation alignment */
@media (max-width:700px) {
  nav.navigation .nav-links > a,
  nav.navigation .nav-links > a[href="products.html"] {
    display:flex!important;
    width:100%!important;
    box-sizing:border-box!important;
    justify-content:flex-start!important;
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* XA UNIFIED MOBILE GLASS START */
@media (max-width: 700px) {
  nav.navigation .nav-links {
    transform: translateY(-12px) scale(.975) !important;
    transform-origin: top center !important;
    transition:
      opacity .35s ease,
      transform .45s cubic-bezier(.22,1,.36,1),
      visibility .35s ease !important;
  }

  nav.navigation .nav-links.is-open {
    transform: translateY(0) scale(1) !important;
  }

  nav.navigation .mobile-menu-toggle {
    transition:
      background .3s ease,
      border-color .3s ease,
      transform .3s ease !important;
  }

  nav.navigation .mobile-menu-toggle[aria-expanded="true"] {
    background: rgba(225,240,255,.17) !important;
    border-color: rgba(255,255,255,.45) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  nav.navigation .nav-links,
  nav.navigation .mobile-menu-toggle {
    transition: none !important;
  }
}
/* XA UNIFIED MOBILE GLASS END */