.accessories-page.svelte-1ebppc1{width:min(100% - var(--gutter) * 2, var(--width-site));padding-block:var(--spacing-8);margin-block-end:var(--spacing-8);margin-inline:auto}.accessory-grid.svelte-1ebppc1{gap:var(--spacing-6);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.accessory-grid.svelte-1ebppc1{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.accessory-grid.svelte-1ebppc1{grid-template-columns:repeat(3,1fr)}}.accessory-card.svelte-1ebppc1{aspect-ratio:16/9;border-radius:var(--radius-lg);text-decoration:none;position:relative;overflow:hidden}.accessory-image.svelte-1ebppc1,.accessory-image-placeholder.svelte-1ebppc1{object-fit:cover;width:100%;height:100%;transition:transform .3s}.accessory-card.svelte-1ebppc1:hover .accessory-image:where(.svelte-1ebppc1){transform:scale(1.05)}.accessory-image-placeholder.svelte-1ebppc1{background:linear-gradient(135deg, var(--color-base-200), var(--color-base-300))}.accessory-overlay.svelte-1ebppc1{padding:var(--spacing-m);color:#fff;text-align:center;background:linear-gradient(#0000 40%,#000000b3);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.accessory-name.svelte-1ebppc1{font-size:var(--text-xl);margin-bottom:var(--spacing-2xs);font-weight:600}.accessory-description.svelte-1ebppc1{font-size:var(--text-sm);opacity:.9;max-width:30ch}.accessory-count.svelte-1ebppc1{font-size:var(--text-base);opacity:.8;margin-top:var(--spacing-xs)}.empty-state.svelte-1ebppc1{padding:var(--spacing-2xl);text-align:center;color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}.coming-soon-banner.svelte-1ebppc1{padding:var(--spacing-m) var(--spacing-l);margin-bottom:var(--spacing-l);background:var(--color-base-200);border-radius:var(--radius-lg);text-align:center;font-size:var(--text-base);color:var(--color-base-content)}