@layer components{.c-folder{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--surface-card);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.c-folder:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.c-folder__chip{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--chip-md);block-size:var(--chip-md);border-radius:var(--radius-md);background-color:var(--bg-muted);color:var(--brand-primary-active)}.c-folder__title{font-size:var(--font-size-h4);line-height:var(--line-height-h3)}.c-folder__link{color:var(--text-strong);text-decoration:none}.c-folder__link:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg)}.c-folder__link:hover{color:var(--text-link)}@supports selector(:has(*)){.c-folder__link:focus-visible{outline:none}.c-folder:has(.c-folder__link:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}}.c-folder__desc{color:var(--text-muted);font-size:var(--font-size-body-sm)}.c-folder__count{margin-block-start:auto;padding-block-start:var(--space-3);border-block-start:1px dashed var(--border-subtle);font-size:var(--font-size-caption);color:var(--text-subtle)}[data-theme=dark] .c-folder{border-color:var(--border-default)}}@layer components{.c-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--surface-card);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.c-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.c-card__chip{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--chip-md);block-size:var(--chip-md);border-radius:var(--radius-md);background-color:var(--bg-muted);color:var(--brand-primary-active)}.c-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.c-card__cat{font-size:var(--font-size-caption);color:var(--text-subtle)}.c-card__title{font-size:var(--font-size-h4);line-height:var(--line-height-h3)}.c-card__link{color:var(--text-strong);text-decoration:none}.c-card__link:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg)}.c-card__link:hover{color:var(--text-link)}@supports selector(:has(*)){.c-card__link:focus-visible{outline:none}.c-card:has(.c-card__link:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}}.c-card__summary{color:var(--text-muted);font-size:var(--font-size-body-sm)}.c-card__sku{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2);font-size:var(--font-size-caption);color:var(--text-subtle)}.c-card__sku-icon{flex-shrink:0;color:var(--text-subtle)}.c-card__sku-label{color:var(--text-muted)}.c-card__sku-value{font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--text-default);font-weight:var(--font-weight-medium)}.c-card__price{margin-block-start:auto;padding-block-start:var(--space-3);border-block-start:1px dashed var(--border-subtle)}[data-theme=dark] .c-card{border-color:var(--border-default)}}