/* Category directory uses the same dark editorial system as the home page. */
body:has(.all-page){min-height:100vh;background:#070d18;color:#f4f6fb}
body:has(.all-page) .cp-announcement{background:#050912;color:#d9dfeb;border-bottom:1px solid #172237}
body:has(.all-page) .cp-header{background:#080e19;color:#fff;border-color:#1d2a3e}
body:has(.all-page) .cp-header img{filter:drop-shadow(0 0 12px #d7ff1833)}
.all-header-nav{display:flex;gap:6px;align-items:center;margin:auto;color:#d5deea}
.all-header-nav a{padding:9px 12px;border-radius:999px;color:inherit;text-decoration:none;font-size:11px;font-weight:700}
.all-header-nav a:hover{background:#d7ff18;color:#09111c}
body:has(.all-page) .cp-cart{background:#d7ff18;color:#09111c;border-radius:999px}
.all-page h1{color:#f5f7fb;letter-spacing:-.05em;font-size:clamp(38px,6vw,66px)}
.all-page .cp-eyebrow{color:#d7ff18}
.all-page .intro{color:#aab6c7;font-size:14px}
.all-search{display:flex;align-items:center;gap:12px;width:min(760px,100%);height:54px;margin-top:24px;padding:0 16px;border:1px solid #415d2b;border-radius:999px;background:#0c1522;box-shadow:0 0 28px #d7ff1810}
.all-search>span{color:#d7ff18;font-size:25px}
.all-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font:500 13px 'DM Sans',Arial,sans-serif}
.all-search input::placeholder{color:#8796ab}
.all-search b{white-space:nowrap;color:#9eacbf;font-size:10px}
.all-shortcuts{display:flex;gap:8px;overflow:auto;margin-top:12px;padding-bottom:2px}
.all-shortcuts a{flex:none;padding:8px 12px;border:1px solid #2a3c54;border-radius:999px;background:#101b2b;color:#d9e2ee;text-decoration:none;font-size:10px;font-weight:700}
.all-shortcuts a:hover{border-color:#d7ff18;color:#d7ff18}
.all-categories-grid{margin-top:24px}
.all-cat{--cat-color:#ff3558;position:relative;border:1px solid #28394f;border-radius:16px;background:#0d1725;box-shadow:0 10px 28px #0003;transition:transform .2s,border-color .2s,box-shadow .2s}
.all-cat:nth-child(5n+1){--cat-color:#ff3154}.all-cat:nth-child(5n+2){--cat-color:#3c7bff}.all-cat:nth-child(5n+3){--cat-color:#f1be18}.all-cat:nth-child(5n+4){--cat-color:#91d424}.all-cat:nth-child(5n){--cat-color:#12c4dc}
.all-cat:before{content:"";display:block;height:5px;background:var(--cat-color);box-shadow:0 0 20px color-mix(in srgb,var(--cat-color) 35%,transparent)}
.all-cat:hover{transform:translateY(-3px);border-color:var(--cat-color);box-shadow:0 16px 34px #0007,0 0 23px color-mix(in srgb,var(--cat-color) 17%,transparent)}
.all-cat>a{background:linear-gradient(120deg,color-mix(in srgb,var(--cat-color) 19%,#0d1725),#0d1725 70%);color:#fff}
.all-cat img{padding:4px;border-radius:10px;background:var(--cat-color);filter:drop-shadow(0 7px 12px #0004)}
.all-cat b{font-size:17px}.all-cat small{color:#aab5c4}
.all-subcats{border-top:1px solid #1f2e42}
.all-subcats a{background:#172437;color:#c8d3e1;border:1px solid #263951;transition:.16s}
.all-subcats a:hover{background:var(--cat-color);color:#081018}
.all-cat[hidden]{display:none!important}
.all-no-results{padding:26px 0;color:#aab5c4}
@media(max-width:760px){.all-header-nav{order:3;flex-basis:100%;justify-content:center;overflow:auto}.all-header-nav a{font-size:10px;padding:7px 9px}.all-page{margin-top:26px}.all-page h1{font-size:38px}.all-page .intro{font-size:12px}.all-search{height:48px}.all-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.all-cat>a{min-height:82px}.all-cat img{width:52px;height:52px}}
@media(max-width:420px){.all-categories-grid{grid-template-columns:1fr}.all-cat>a{min-height:74px}}