/* Header Products dropdown (v2, prod chrome.css classes). Load after chrome.css and glass-core.css. Body: class="glass". */
@media (min-width: 1264px) {
  body.glass .nav-panel {
    background: rgba(255,255,255,0.72);
    -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid rgba(255,255,255,0.85);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), inset 0 0 0 1px rgba(255,255,255,0.35), 0 1px 2px rgba(18,22,36,0.05), 0 14px 32px rgba(18,40,60,0.10), 0 40px 80px -20px rgba(20,70,60,0.22); }
  body.glass .nav-panel-row:hover, body.glass .nav-panel-row[aria-current="page"] { background: rgba(232,248,239,0.72); }
  body.glass .nav-panel-icon { background: rgba(245,245,247,0.8); }
  body.glass .nav-panel-row:hover .nav-panel-icon, body.glass .nav-panel-row[aria-current="page"] .nav-panel-icon { background: rgba(255,255,255,0.9); box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(18,22,36,0.06); }
}
/* All-in-One row: glossy green icon (all widths) */
body.glass .nav-panel-row.is-aio .nav-panel-icon,
body.glass .nav-panel-row.is-aio:hover .nav-panel-icon,
body.glass .nav-panel-row.is-aio[aria-current="page"] .nav-panel-icon {
  background: linear-gradient(180deg, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.06) 46%, rgba(255,255,255,0) 52%), linear-gradient(150deg, #54CB88 0%, #2F9E5B 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 14px rgba(47,158,91,0.32); }
/* Phone menu sheet: soft glows, frosted product tiles */
@media (max-width: 768px) {
  body.glass .site-nav .nav-links { background:
      radial-gradient(320px 260px at 0% 0%, rgba(63,186,115,0.14) 0%, transparent 70%),
      radial-gradient(340px 300px at 100% 30%, rgba(70,180,205,0.16) 0%, transparent 72%), #fff; }
  body.glass .nav-panel-row {
    background: rgba(255,255,255,0.7);
    -webkit-backdrop-filter: blur(10px) saturate(150%); backdrop-filter: blur(10px) saturate(150%);
    border: 1px solid rgba(255,255,255,0.9);
    box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(18,22,36,0.04), 0 10px 22px -10px rgba(20,70,60,0.18); }
  body.glass .nav-panel-row[aria-current="page"] { background: rgba(232,248,239,0.8); border-color: rgba(63,186,115,0.35); }
}