/* Shared material prevents the category row from looking like a second glass layer. */
:root{--dev-navigation-material:rgba(24,29,40,.88);--dev-navigation-blur:blur(20px) saturate(150%)}
body>header,.dev-shop-active body>header,#categoryStrip{background:var(--dev-navigation-material)!important;backdrop-filter:var(--dev-navigation-blur)!important;-webkit-backdrop-filter:var(--dev-navigation-blur)!important;box-shadow:none!important}
body:has(#shopContent)>header,.dev-shop-active body>header{border-bottom:0!important}
#categoryStrip{border:0!important;overflow:visible!important}
#categoryStripTrigger{color:#f3f6ff;transition:color .18s ease}
#categoryStripTrigger:hover{color:#fff;background:transparent!important}
#categoryStripTrigger:focus-visible{outline:2px solid #b9d9fa;outline-offset:-4px;border-radius:10px!important}
#categoryStripArrow{transition:transform .2s ease!important}
#categoryDropdown{position:absolute!important;inset:auto!important;top:calc(100% + 8px)!important;left:max(12px,calc((100vw - 1100px)/2))!important;right:12px!important;width:min(400px,calc(100vw - 24px));height:auto!important;max-height:min(420px,calc(100dvh - 210px));box-sizing:border-box;margin:0;padding:7px;border:1px solid #ffffff26;border-radius:22px;background:linear-gradient(145deg,#2c3548f5,#171f2eef)!important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 20px 55px #0006,inset 0 1px 0 #ffffff18;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;transform-origin:top left;animation:devCategoryReveal .17s ease both}
#categoryDropdown[hidden]{display:none!important}
#categoryDropdownList{gap:3px}
#categoryDropdown .category-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;border:1px solid transparent;border-radius:15px;padding:11px 13px;font-family:inherit;font-size:14px;font-weight:550;line-height:1.35;letter-spacing:0;text-transform:none;color:#e8effa;transition:background .16s,border-color .16s}
#categoryDropdown .category-dropdown-item:hover{background:#ffffff0d}
#categoryDropdown .category-dropdown-item.active{background:#c4dfff16;border-color:#d7eaff16;color:#fff}
#categoryDropdown .category-dropdown-item.active:after{content:'\2713';color:#c3e0ff;font-size:16px;flex-shrink:0}
#categoryDropdown .category-dropdown-item:focus-visible{outline:2px solid #b9d9fa;outline-offset:-2px}
@keyframes devCategoryReveal{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#categoryDropdown{animation:none}#categoryStripArrow,#categoryDropdown .category-dropdown-item{transition:none!important}}
/* Header and categories are rendered inside one glass surface. */
body>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:65px auto;gap:0!important;padding:0 16px!important;min-height:65px;align-items:center;transition:transform .25s cubic-bezier(.2,.75,.25,1)!important;transform:translateY(0)!important}
body>header>.brand{grid-column:1;grid-row:1}body>header>.dev-header-balance{grid-column:2;grid-row:1}
.dev-shell-categories{display:none;position:relative;grid-column:1/-1;grid-row:2;height:45px;min-width:0}
.dev-shop-active .dev-shell-categories{display:block}
.dev-category-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:45px;padding:0 4px;border:0;background:transparent;color:#f2f6fc;text-align:left;font-family:inherit;font-weight:600;font-size:17px;line-height:1.2;cursor:pointer}
.dev-category-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-category-trigger svg{width:18px;height:18px;margin-left:16px;fill:none;stroke:currentColor;stroke-width:1.8;opacity:.65;transition:transform .2s}.dev-category-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.dev-category-menu{position:absolute;top:100%;left:-16px;right:-16px;height:calc(100dvh - var(--dev-header-height) - 90px);overflow:auto;overscroll-behavior:contain;padding:12px 16px 24px;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff24;border-radius:0 0 28px 28px;background:linear-gradient(145deg,#202938f5,#101724f5);box-shadow:0 25px 50px #0005;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);animation:devCategoryReveal .18s ease both}
.dev-category-menu[hidden]{display:none!important}.dev-category-list{display:grid;gap:6px;max-width:1080px;margin:auto}
.dev-category-option{display:flex;align-items:center;justify-content:space-between;min-height:51px;padding:13px 15px;border:1px solid transparent;border-radius:16px;background:transparent;color:#dce5f2;font-family:inherit;font-size:17px;font-weight:650;text-align:left;cursor:pointer;transition:background .16s}
.dev-category-option:hover{background:#ffffff08}.dev-category-option.active{background:var(--shop-accent-soft,#bad9fa18);border-color:var(--shop-accent-border,#bad9fa35);color:var(--shop-accent,#bad9fa)}.dev-category-option.active:after{content:'\2713';font-size:18px;margin-left:15px}
.dev-managed-shop #categoryStrip{display:none!important}.dev-managed-shop #shopContent{padding-top:0!important}
:root{--dev-header-collapse:0px}.dev-header-collapsed{--dev-header-collapse:var(--dev-header-height)}.dev-header-collapsed.dev-shop-active{--dev-header-collapse:65px}
.dev-header-collapsed body>header{transform:translateY(calc(-1 * var(--dev-header-collapse)))!important}
.dev-tab-frame{top:calc(var(--dev-header-height) - var(--dev-header-collapse));height:calc(100dvh - var(--dev-header-height) + var(--dev-header-collapse));transition:top .25s cubic-bezier(.2,.75,.25,1),height .25s cubic-bezier(.2,.75,.25,1)}
@media(prefers-reduced-motion:reduce){body>header,.dev-tab-frame{transition:none!important}}