.cbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s-4);list-style:none;margin:0;padding:0}.cbox-grid>li{display:flex;min-width:0}.cbox-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cbox-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.cbox-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}.cbox{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--sh-1);color:var(--fg);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}.cbox__media{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;margin:6px 6px 0;overflow:hidden;isolation:isolate;border-radius:calc(var(--r-3) - 5px);background:var(--media-floor),var(--media-studio);background-color:var(--media-bg)}.cbox__media img{width:100%;height:100%;object-fit:contain;padding:7% 9% 11%;mix-blend-mode:multiply;transition:transform var(--t-slow) var(--ease-out)}.cbox__media--icon{background:var(--surface-2)}.cbox__media--icon .cat-ico{width:34%;height:34%;color:var(--fg-2);transition:transform var(--t-slow) var(--ease-spring),color var(--t-fast) var(--ease)}.cbox__body{display:grid;gap:2px;padding:12px 52px 14px 14px}a.cbox .cbox__body{align-content:center;min-height:62px}.cbox__name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;line-height:1.3;color:var(--fg);transition:color var(--t-fast) var(--ease)}.cbox__name .cat-ico{width:20px;height:20px;color:var(--fg-2)}.cbox__go{position:absolute;right:12px;bottom:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--fg);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-base) var(--ease-spring)}.cbox__go svg{width:16px;height:16px}a.cbox:hover,a.cbox:focus-visible,.cbox--tree:has(.cbox__head:hover){border-color:var(--brand)}a.cbox:hover,a.cbox:focus-visible{transform:translateY(-3px);box-shadow:var(--sh-2)}a.cbox:hover .cbox__media img,a.cbox:focus-visible .cbox__media img{transform:scale(1.05)}a.cbox:hover .cbox__media--icon .cat-ico,a.cbox:focus-visible .cbox__media--icon .cat-ico{transform:scale(1.08);color:var(--brand)}a.cbox:hover .cbox__name,a.cbox:focus-visible .cbox__name,a.cbox:hover .cbox__name .cat-ico{color:var(--brand)}a.cbox:hover .cbox__go,a.cbox:focus-visible .cbox__go{background:var(--brand);color:#fff;transform:translateX(3px)}a.cbox:active{transform:scale(.985)}a.cbox:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cbox--row{flex-direction:row;align-items:center;gap:12px;padding:6px 44px 6px 6px;border-radius:var(--r-2)}.cbox--row .cbox__media{flex:none;width:64px;height:64px;aspect-ratio:auto;margin:0;border-radius:var(--r-1)}.cbox--row .cbox__media img{padding:8px}.cbox--row .cbox__body{padding:0}.cbox--row .cbox__name{font-size:var(--fs-ui)}.cbox--row .cbox__go{width:28px;height:28px;right:10px;bottom:auto;top:50%;margin-top:-14px}.cbox--tree{padding-bottom:6px}.cbox__head{display:flex;flex-direction:column;color:inherit;border-radius:var(--r-3) var(--r-3) 0 0}.cbox__head:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.cbox__head:hover .cbox__name{color:var(--brand)}.cbox__head:hover .cbox__media img{transform:scale(1.04)}.cbox--tree .cbox__body{padding-right:14px}.cbox--tree .cbox__head:not(:has(.cbox__media)){flex-direction:row;align-items:center;gap:12px;padding:14px 14px 12px}.cbox--tree .cbox__head:not(:has(.cbox__media)) .cbox__body{flex:1;min-width:0;padding:0}.cbox--tree .cbox__head .cbox__go{position:static;flex:none;margin:0}.cbox__head:hover .cbox__go,.cbox__head:focus-visible .cbox__go{background:var(--brand);color:#fff;transform:translateX(3px)}.cbox__head:hover .cat-ico--badge,.cbox__head:focus-visible .cat-ico--badge{background:var(--brand);color:#fff;box-shadow:none}.cbox__head .cat-ico--badge{transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.cbox__all{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:2px 14px 8px;font-size:var(--fs-sm);font-weight:600;color:var(--fg);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:4px}.cbox__all svg{width:16px;height:16px;transition:transform var(--t-base) var(--ease-out)}.cbox__all:hover{text-decoration-color:var(--brand)}.cbox__all:hover svg{transform:translateX(3px)}.cbox__subs mark,.az-list mark,.cbox__name mark{background:var(--brand-soft);color:inherit;border-radius:3px;padding:0 2px;box-shadow:inset 0 -2px 0 rgba(191,30,45,.4)}.cbox__subs{display:grid;gap:0;margin:0 8px;padding:6px 0 4px;border-top:1px solid var(--border);list-style:none}.cbox__subs a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-height:36px;padding:8px 6px;border-radius:var(--r-1);font-size:var(--fs-ui);line-height:1.3;color:var(--fg-2)}.cbox__subs a:hover{background:var(--surface-2);color:var(--fg)}.cbox__subs a[aria-current="true"]{color:var(--fg);font-weight:600;box-shadow:inset 2px 0 0 var(--brand)}@media (max-width: 1100px){.cbox-grid--6{grid-template-columns:repeat(4,minmax(0,1fr))}.cbox-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.cbox-grid,.cbox-grid--3,.cbox-grid--4,.cbox-grid--6{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.cbox__body{padding:10px 42px 12px 12px}a.cbox .cbox__body{min-height:52px}.cbox__name{font-size:var(--fs-ui)}.cbox__go{right:10px;bottom:12px;width:28px;height:28px}.cbox--row .cbox__media{aspect-ratio:auto}}@media (pointer: coarse){.cbox__subs a,.cbox__all{min-height:44px}}@media (max-width: 1100px){.cbox-grid--3:has(.cbox--tree),.cbox-grid--4:has(.cbox--tree){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.cbox-grid:has(.cbox--tree){grid-template-columns:minmax(0,1fr)}.cbox__name .cat-ico{display:none}}.mbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-4);list-style:none;margin:0;padding:0}.mbox-grid>li{display:flex;min-width:0}.mbox{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--sh-1);color:var(--fg);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}.mbox__media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-3)}.mbox__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease-out)}.mbox__media--photo img{filter:var(--photo-grade)}.mbox__media--photo::after{content: "";position:absolute;inset:0;pointer-events:none;background:var(--photo-shade);opacity:.35}.mbox__media--collage{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;padding:4% 4% 0;isolation:isolate;background:radial-gradient(70% 55% at 50% 40%,#fff 0%,transparent 70%),linear-gradient(180deg,#fff 0%,var(--surface-2) 72%,var(--surface-3) 100%)}.mbox__media--collage::after{content: "";position:absolute;left:4%;right:4%;bottom:14%;height:5px;border-radius:3px;background:var(--border-strong);box-shadow:0 6px 12px -4px rgba(22,24,29,.2)}.mbox__media--collage img{position:relative;z-index:1;width:135%;max-width:none;height:auto;aspect-ratio:1;margin:0 -17.5% 15%;object-fit:contain;mix-blend-mode:multiply}.mbox__media--collage img:nth-child(2){z-index:2;margin-bottom:17%}.mbox__media--collage{grid-template-rows:1fr;gap:0}.mbox__media--collage img{grid-row:auto;padding:0;border:0;border-radius:0;background:none}.media-tag{position:absolute;left:8px;bottom:8px;z-index:2;padding:2px 7px;border-radius:4px;background:rgba(255,255,255,.88);color:var(--fg-2);font-size:var(--fs-2xs);font-weight:600;line-height:1.5;pointer-events:none}.mbox__media--sil{display:grid;place-items:center;background:radial-gradient(60% 10% at 50% 82%,rgba(22,24,29,.12),transparent 70%),linear-gradient(180deg,#fff 0%,var(--surface-2) 100%)}.car-sil{width:78%;height:auto;aspect-ratio:96 / 40;color:var(--fg);stroke-width:1.5;transition:transform var(--t-slow) var(--ease-out)}.mbox__body{display:grid;gap:3px;padding:14px 16px 16px}.mbox__name{font-family:var(--f-display);font-weight:700;font-size:1.125rem;line-height:1.2;letter-spacing:-.01em;color:var(--fg);transition:color var(--t-fast) var(--ease)}.mbox__meta{font-family:var(--f-mono);font-size:var(--fs-meta);font-weight:500;color:var(--fg-2);font-variant-numeric:tabular-nums}a.mbox:hover,a.mbox:focus-visible{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--brand)}a.mbox:hover .mbox__media img,a.mbox:focus-visible .mbox__media img{transform:scale(1.04)}a.mbox:hover .car-sil,a.mbox:focus-visible .car-sil{transform:translateX(4px)}a.mbox:hover .mbox__name,a.mbox:focus-visible .mbox__name{color:var(--brand)}a.mbox:active{transform:scale(.985)}a.mbox:focus-visible{outline:2px solid var(--brand);outline-offset:2px}a.mbox[aria-current="true"],.mbox.is-selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),var(--sh-1)}.sub-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.sub-chips .chip{min-height:36px;padding:6px 12px;border-radius:var(--r-pill)}.sub-chips .chip small{margin-left:2px}.sub-chips .chip[aria-current="true"]{background:var(--brand);border-color:var(--brand);color:#fff}.sub-chips .chip[aria-current="true"] small{color:rgba(255,255,255,.9)}@media (max-width: 760px){.sub-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter);scroll-padding-inline:var(--gutter);contain:inline-size;justify-self:stretch;align-self:stretch}.sub-chips::-webkit-scrollbar{display:none}.sub-chips .chip{flex:none}}@media (pointer: coarse){.sub-chips .chip{min-height:44px}}.side-nav{display:grid;gap:var(--s-2);align-content:start}.side-nav__title{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);padding:0 10px 6px;border-bottom:1px solid var(--border)}.side-nav__list,.side-nav__sub{display:grid;gap:1px;list-style:none;margin:0;padding:0}.side-nav__link{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:7px 10px;border-radius:var(--r-1);font-size:var(--fs-ui);line-height:1.3;color:var(--fg-2);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.side-nav__link>span{flex:1;min-width:0}.side-nav__link small{font-family:var(--f-mono);font-size:var(--fs-2xs);color:var(--fg-muted);font-variant-numeric:tabular-nums}.side-nav__link .cat-ico{color:var(--fg-muted);transition:color var(--t-fast) var(--ease)}.side-nav__link:hover{background:var(--surface-2);color:var(--fg)}.side-nav__link:hover .cat-ico{color:var(--fg)}.side-nav__link[aria-current="page"],.side-nav__link[aria-current="true"]{background:var(--brand-soft);color:var(--fg);font-weight:600;box-shadow:inset 2px 0 0 var(--brand)}.side-nav__link[aria-current="page"] .cat-ico,.side-nav__link[aria-current="true"] .cat-ico{color:var(--brand)}.side-nav__link[aria-current="page"] small,.side-nav__link[aria-current="true"] small{color:var(--fg-2)}.side-nav__sub{margin:2px 0 6px 20px;padding-left:10px;border-left:1px solid var(--border)}.side-nav__sub .side-nav__link{min-height:36px;padding-block:6px;font-size:var(--fs-sm)}@media (pointer: coarse){.side-nav__link,.side-nav__sub .side-nav__link{min-height:44px}}.stock{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-meta);font-weight:500;color:var(--fg-2);white-space:nowrap}.stock::before{content: "";flex:none;width:8px;height:8px;border-radius:50%;background:currentColor}.stock--in{color:var(--fg);font-weight:600}.stock--in::before{background:var(--fg);box-shadow:0 0 0 3px rgba(22,24,29,.1)}.stock--low::before{background:transparent;box-shadow:inset 0 0 0 2px var(--fg)}.stock--out{color:var(--fg-muted)}.stock--out::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--fg-muted)}.count-pill{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-meta);font-weight:600;color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap}.vat-note,.cat-note{display:inline-flex;align-items:flex-start;gap:8px;font-size:var(--fs-meta);line-height:1.5;color:var(--fg-muted)}.vat-note svg,.cat-note svg{width:16px;height:16px;flex:none;margin-top:1px;color:var(--fg-muted)}.cat-note{display:flex;padding:10px 12px;border-radius:var(--r-2);background:var(--surface-2);border:1px solid var(--border);color:var(--fg-2)}.cat-note a,.cat-note button{color:var(--fg);font-weight:600;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;background:none;border:0;padding:0}.cat-note a:hover,.cat-note button:hover{text-decoration-color:var(--brand)}.empty-state{display:grid;justify-items:center;gap:var(--s-3);padding:clamp(32px,6vw,56px) var(--s-5);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--r-3);background:var(--surface)}.empty-state__icon{width:64px;height:64px;padding:16px;border-radius:50%;background:var(--surface-2);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--border)}.empty-state__icon svg{width:100%;height:100%}svg.empty-state__icon{padding:16px}.empty-state__title{font-family:var(--f-display);font-size:1.375rem;font-weight:700;line-height:1.2}.empty-state p{max-width:48ch;color:var(--fg-2)}.empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-2)}@keyframes skel-shine{to{background-position:-200% 0}}.skel{display:block;border-radius:var(--r-1);color:transparent !important;pointer-events:none;background:linear-gradient(90deg,var(--surface-3) 0%,var(--surface-2) 40%,var(--surface-3) 80%) 0 0 / 200% 100%;animation:skel-shine 1.4s linear infinite}.skel--line{height:.9em;margin-block:.35em}.skel--line:last-child{width:62%}.skel--img{aspect-ratio:1;border-radius:calc(var(--r-2) - 3px)}.skel-card{display:grid;gap:10px;padding:6px 6px 16px;border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface)}.skel-card>.skel:not(.skel--img){margin-inline:8px}.hub-head{position:relative;padding-block:clamp(24px,4vw,40px) clamp(24px,4vw,36px);background:var(--surface-2);border-bottom:1px solid var(--border);overflow:hidden}.hub-head h1{margin-top:var(--s-3);font-size:clamp(2rem,1.4rem + 2.2vw,3.25rem)}.hub-head__meta{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s-2);font-family:var(--f-mono);font-size:var(--fs-sm);font-weight:500;color:var(--fg-2);font-variant-numeric:tabular-nums}.hub-head__meta::before{content: "";width:24px;height:9px;background:linear-gradient(to bottom,var(--brand) 0 2px,transparent 2px 3.5px,var(--brand-gray) 3.5px 5.5px,transparent 5.5px 7px,var(--brand) 7px 9px);clip-path:polygon(36% 0,100% 0,100% 100%,0 100%)}.hub-head__lead{margin-top:var(--s-3);max-width:62ch;font-size:1.0625rem;color:var(--fg-2)}.hub-head .gen-chips{margin-top:var(--s-5)}.hub-head__actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-5)}.dir-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-4)}.dir-search{position:relative;flex:1 1 320px;max-width:560px;min-width:0}.dir-search>svg{position:absolute;left:14px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--fg-2);pointer-events:none}.dir-search input{width:100%;min-height:52px;padding:0 16px 0 44px;border:1px solid var(--border-strong);border-radius:var(--r-2);outline:0;background:var(--surface);box-shadow:var(--sh-1);font-size:1rem;color:var(--fg);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.dir-search input::placeholder{color:var(--fg-muted);opacity:1}.dir-search input:hover{border-color:var(--fg-muted)}.dir-search input:focus{border-color:var(--brand);box-shadow:var(--ring)}.dir-view{display:inline-flex;gap:2px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-2)}.dir-view button,.dir-view a{min-height:38px;padding:0 14px;border:0;border-radius:calc(var(--r-2) - 3px);background:none;font-weight:600;font-size:var(--fs-ui);color:var(--fg-2);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.dir-view button:hover,.dir-view a:hover{color:var(--fg)}.dir-view [aria-pressed="true"],.dir-view [aria-selected="true"],.dir-view [aria-current="true"],.dir-view [aria-checked="true"]{background:var(--surface);color:var(--fg);box-shadow:var(--sh-1)}.az-nav{display:flex;flex-wrap:wrap;gap:4px}.az-nav a,.az-nav span{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 6px;border-radius:var(--r-1);font-weight:600;font-size:var(--fs-sm);color:var(--fg-2)}.az-nav a{border:1px solid var(--border);background:var(--surface)}.az-nav a:hover{border-color:var(--fg-2);color:var(--fg)}.az-nav a[aria-current="true"]{background:var(--brand);border-color:var(--brand);color:#fff}.az-nav a:hover{border-color:var(--brand);color:var(--brand)}.az-nav span{color:var(--border-strong)}@media (pointer: coarse){.az-nav a,.az-nav span{min-width:44px;height:44px}.dir-view button,.dir-view a{min-height:44px}}@media (max-width: 760px){.az-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;contain:inline-size;width:100%;justify-self:stretch}.az-nav::-webkit-scrollbar{display:none}.az-nav>*{flex:none}}@media (prefers-reduced-motion: reduce){a.cbox:hover,a.cbox:focus-visible,a.mbox:hover,a.mbox:focus-visible,a.cbox:hover .cbox__media img,a.mbox:hover .mbox__media img,a.mbox:hover .car-sil,a.cbox:hover .cbox__go{transform:none}.skel{animation:none}}