.cat-grid{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);gap:18px}.cat-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--hairline);background:var(--surface);min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.cat-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.4);box-shadow:var(--accent-glow)}.cat-card .cat-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cat-card .cat-media img,.cat-card .cat-media .ph-media{width:100%;height:100%;object-fit:cover}.cat-card .cat-media .ph-media{place-items:start center;padding-top:64px}.cat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0a0b0e00 30%,#0a0b0e8c 62%,#0a0b0eeb)}.cat-card .cat-body{position:relative;z-index:2;padding:26px}.cat-card .cat-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.cat-card .cat-count--inline{display:none}.cat-card .cat-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.cat-card h3{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.01em;margin-top:6px;color:#fff}.cat-card .cat-desc{color:#ffffffb8;font-size:14px;margin-top:8px;max-width:32ch}.cat-card .cat-link{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#fff}.cat-card .cat-link svg{width:16px;height:16px;transition:transform var(--dur) var(--ease)}.cat-card:hover .cat-link svg{transform:translate(4px)}.cat-card .cat-count{position:absolute;top:20px;right:22px;z-index:2;font-family:var(--font-mono);font-size:11px;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);padding:4px 9px;border-radius:999px;background:#00000040}[data-theme=light] .cat-card .cat-count{background:#08090c8c;border-color:#ffffff47;color:#ffffffeb}.cat-grid--stacked .cat-card{min-height:0;justify-content:flex-start}.cat-grid--stacked .cat-card:after{display:none}.cat-grid--stacked .cat-card .cat-media{position:relative;inset:auto;aspect-ratio:3 / 2;background:#0a0b0e;flex:none}.cat-grid--stacked .cat-card>.cat-count{display:none}.cat-grid--stacked .cat-card .cat-count--inline{display:inline-block;flex:none;color:var(--text-muted);border-color:var(--hairline);background:transparent;position:static}[data-theme=light] .cat-grid--stacked .cat-card .cat-count--inline{background:transparent;border-color:var(--hairline);color:var(--text-muted)}.cat-grid--stacked .cat-card{container-type:inline-size}@container (max-width: 360px){.cat-grid--stacked .cat-card .cat-count--inline{display:none}}.cat-grid--stacked .cat-card .cat-body{flex:1;display:flex;flex-direction:column;border-top:1px solid var(--hairline)}.cat-grid--stacked .cat-card .cat-kicker{color:var(--text-faint)}.cat-grid--stacked .cat-card h3{color:var(--text)}.cat-grid--stacked .cat-card .cat-desc{color:var(--text-muted);max-width:none}.cat-grid--stacked .cat-card .cat-link{color:var(--text);margin-top:auto;padding-top:16px}@media(max-width:920px){.cat-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collection-list.css.map */
