/* Native category collections. Scoped geometry never changes the catalog filter/sidebar layout. */
.ctg-collection{--ctg-cols:var(--ctg-cols-desktop,4);width:100%;min-width:0;color:#18181b}
.ctg-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ctg-heading h2{margin:0;font-size:24px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.ctg-heading>a{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;color:inherit;font-size:14px;text-decoration:none}.ctg-heading>a:hover{text-decoration:underline}.ctg-controls{display:flex;gap:8px}.ctg-controls .ui-button{min-width:32px;min-height:32px}.ctg-controls [data-category-scroll="1"] svg{transform:rotate(180deg)}
.ctg-track{display:grid;grid-template-columns:repeat(var(--ctg-cols),minmax(0,1fr));gap:var(--ctg-gap,24px);width:100%;min-width:0;margin:0;padding:0;list-style:none}.ctg-cell{min-width:0;margin:0;padding:0}.ctg-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--ctg-padding,0);overflow:hidden;border:1px solid #e4e4e7;border-radius:var(--ctg-radius,12px);background:#fff;color:inherit;text-decoration:none}.ctg-card:focus-visible,.ctg-track:focus-visible{outline:2px solid #71717a;outline-offset:3px}.ctg-collection[data-category-border=false] .ctg-card{border-color:transparent}
.ctg-photo{display:block;position:relative;aspect-ratio:4/3;flex:none;overflow:hidden;border-radius:var(--ctg-image-radius,0);background:#f4f4f5}.ctg-photo-surface{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:var(--ctg-hover-idle,none);transition:transform var(--ctg-hover-duration,180ms) ease}.ctg-photo img{display:block;width:100%;height:100%;object-fit:var(--ctg-fit,cover)}.ctg-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#d4d4d8}.ctg-placeholder svg{width:56px;height:56px;flex:none}
.ctg-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:12px;background:var(--ctg-title-background,#fff);color:var(--ctg-title-color,#18181b);font-size:var(--ctg-name-size,14px);font-weight:var(--ctg-name-weight,500);line-height:1.4}.ctg-name{min-width:0;flex:1;overflow-wrap:anywhere;text-align:var(--ctg-text-align,start)}.ctg-count{flex:none;font-size:12px;opacity:.65}.ctg-go{display:inline-flex;flex:none;align-items:center;justify-content:center}.ctg-go svg{width:16px;height:16px;transform:rotate(135deg)}.ctg-empty{grid-column:1/-1;color:#71717a;font-size:14px}
.ctg-collection[data-category-title=light]{--ctg-title-background:#f4f4f5}.ctg-collection[data-category-title=black]{--ctg-title-background:#18181b;--ctg-title-color:#fff}.ctg-collection[data-category-title=transparent]{--ctg-title-background:transparent}
.ctg-collection[data-category-shadow=sm] .ctg-card{box-shadow:0 1px 2px #0000000d}.ctg-collection[data-category-shadow=md] .ctg-card{box-shadow:0 4px 12px #0000001a}.ctg-collection[data-category-shadow=lg] .ctg-card{box-shadow:0 10px 28px #00000026}
.ctg-collection[data-category-display=scroll] .ctg-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-block:2px 12px}.ctg-collection[data-category-display=scroll] .ctg-cell{flex:0 0 calc((100% - (var(--ctg-cols) - 1)*var(--ctg-gap,24px))/var(--ctg-cols));scroll-snap-align:start}.ctg-collection[data-category-navigation=arrows] .ctg-track,.ctg-collection[data-category-navigation=none] .ctg-track{scrollbar-width:none}
.ctg-collection[data-category-hover=zoom]{--ctg-hover-active:scale(var(--ctg-hover-scale,1.05))}.ctg-collection[data-category-hover=lift]{--ctg-hover-active:translateY(-2%) scale(1.04)}.ctg-collection[data-category-hover=tilt]{--ctg-hover-active:rotate(-2deg) scale(1.05)}
@media(hover:hover) and (pointer:fine){.ctg-collection:not([data-category-preview=true]) .ctg-card:hover .ctg-photo-surface{transform:var(--ctg-hover-active,none)}}.ctg-collection:not([data-category-preview=true]) .ctg-card:focus-visible .ctg-photo-surface{transform:var(--ctg-hover-active,none)}
@media(max-width:63.999rem){.ctg-collection{--ctg-cols:var(--ctg-cols-tablet,3)}}@media(max-width:47.999rem){.ctg-collection{--ctg-cols:var(--ctg-cols-mobile,2)}.ctg-heading h2{font-size:20px}}
@media(pointer:coarse){.ctg-controls .ui-button{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.ctg-photo-surface{transform:none;transition:none}.ctg-collection .ctg-card:hover .ctg-photo-surface,.ctg-collection .ctg-card:focus-visible .ctg-photo-surface{transform:none}}