/* =====================================================================
   R10.21.0 — STOREFRONT GLASSMORPHISM EXPERIENCE
   Applies a soft glassmorphism layer across the public website while
   preserving readability, spacing and existing commerce behavior.
   ===================================================================== */
:root{
  --sf-glass-bg:rgba(255,255,255,.56);
  --sf-glass-bg-strong:rgba(255,255,255,.72);
  --sf-glass-border:rgba(255,255,255,.48);
  --sf-glass-line:rgba(31,52,47,.10);
  --sf-glass-shadow:0 18px 48px rgba(16,35,31,.10),0 8px 24px rgba(16,35,31,.06);
  --sf-glass-blur:blur(18px) saturate(150%);
  --sf-glass-ink:#2e2924;
  --sf-glass-muted:#6b655d;
  --sf-glass-green:#0b5445;
  --sf-glass-red:#d84e35;
  --sf-glass-gold:#f2be3e;
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body){
  background:
    radial-gradient(circle at 8% 12%, rgba(244,189,56,.22), transparent 28%),
    radial-gradient(circle at 92% 6%, rgba(6,63,52,.13), transparent 24%),
    radial-gradient(circle at 82% 88%, rgba(229,74,49,.12), transparent 20%),
    linear-gradient(180deg,#efe8de 0%,#f7f2eb 38%,#f4eee6 100%);
  color:var(--sf-glass-ink);
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body)::before,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body)::after{
  content:'';
  position:fixed;
  inset:auto;
  z-index:-1;
  pointer-events:none;
  border-radius:999px;
  filter:blur(70px);
  opacity:.65;
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body)::before{
  width:240px;height:240px;left:-60px;top:120px;background:rgba(255,255,255,.75);
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body)::after{
  width:320px;height:320px;right:-80px;top:220px;background:rgba(244,189,56,.22);
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .announcement-bar,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .site-header-inner,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header #main-navigation,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-nav-more-menu,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-header-search,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-header-location,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-icon-link,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .cart-pill,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-order-now,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) main.container > section,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) main.container > article,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .container .card,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .container [class*='card'],
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .container [class*='panel'],
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .container .surface,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .footer-cta,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .site-footer,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .site-footer .footer-bottom,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .cart-confirm,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .sf-nav-more summary{
  background:var(--sf-glass-bg);
  -webkit-backdrop-filter:var(--sf-glass-blur);
  backdrop-filter:var(--sf-glass-blur);
  border:1px solid var(--sf-glass-border);
  box-shadow:var(--sf-glass-shadow);
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .announcement-bar{
  background:linear-gradient(90deg,rgba(244,189,56,.88),rgba(250,199,76,.82));
  border-color:rgba(255,255,255,.34);
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header{background:transparent!important;}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .site-header-inner{border-radius:28px;}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header #main-navigation>a,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-nav-more>summary{color:var(--sf-glass-ink)!important;}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header #main-navigation>a.active,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header #main-navigation>a:hover,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-nav-more.active>summary,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-nav-more>summary:hover{
  background:rgba(255,255,255,.62)!important;
  color:var(--sf-glass-green)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 10px 22px rgba(6,63,52,.08)!important;
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-header-search,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-header-location,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-icon-link,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .cart-pill,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-order-now{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(255,255,255,.46)!important;
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .cart-pill,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-order-now{
  background:linear-gradient(135deg,rgba(229,74,49,.92),rgba(240,91,57,.88))!important;
  color:#fff!important;
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-icon-link:hover,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-header-location:hover,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-header-search:hover,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-order-now:hover{transform:translateY(-1px);}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) main.container{position:relative;}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) main.container > section,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) main.container > article,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .footer-cta,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .site-footer{border-radius:30px;}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .container .card,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .container [class*='card'],
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .container [class*='panel'],
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .container .surface{border-radius:24px;}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) input:not([type='checkbox']):not([type='radio']):not([type='range']),
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) select,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) textarea{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(31,52,47,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 26px rgba(15,35,32,.06);
  color:var(--sf-glass-ink);
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) input::placeholder,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) textarea::placeholder{color:var(--sf-glass-muted);}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .btn,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) button,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) [role='button']{box-shadow:0 14px 32px rgba(15,35,32,.10);}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .btn-secondary,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .secondary-button,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .ghost-button{
  background:rgba(255,255,255,.56);
  -webkit-backdrop-filter:var(--sf-glass-blur);
  backdrop-filter:var(--sf-glass-blur);
  border:1px solid rgba(255,255,255,.46);
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .site-footer{
  color:#fff;
  background:linear-gradient(180deg,rgba(6,63,52,.84),rgba(6,63,52,.72));
  border-color:rgba(255,255,255,.14);
}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .site-footer a,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .site-footer p,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .site-footer span,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .site-footer h3{color:#fff!important;}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .site-footer .footer-bottom{background:rgba(255,255,255,.08);}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) table{border-collapse:separate;border-spacing:0;}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) th,
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) td{background:rgba(255,255,255,.38);}
@media (max-width:1100px){
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header #main-navigation{
    background:rgba(255,250,245,.76)!important;
    border-radius:24px!important;
    padding:14px!important;
  }
}