/** T-STUDIO-APPAREL-LISTING local harness — SB-STU-002. */
body:has(.sb-studio-apparel) { --sb-studio-plp-divider: rgba(var(--sb-alpha-line-dark), 0.08); }
.sb-studio-apparel { min-height: 100vh; background: var(--sb-color-bg-inverse); color: var(--sb-color-text-inverse-body); }
body:has(.sb-studio-apparel) .sb-header { border-bottom-color: var(--sb-studio-plp-divider, var(--sb-color-border-inverse)); }
.sb-studio-apparel__head { padding-bottom: var(--sb-space-18); }
.sb-studio-apparel__head .sb-eyebrow { margin: 0 0 var(--sb-space-8); color: var(--sb-color-text-inverse-label); }
.sb-studio-apparel__head .sb-hero { margin: 0; color: var(--sb-color-text-inverse); }
.sb-studio-apparel__breadcrumb { display: flex; align-items: center; gap: var(--sb-space-5); }
.sb-studio-apparel__breadcrumb a { color: inherit; }
.sb-studio-apparel__categories { border-block: var(--sb-border-hairline) solid var(--sb-studio-plp-divider); }
.sb-studio-apparel__category-rail { gap: var(--sb-space-11); margin: 0; padding: var(--sb-space-8) var(--sb-page-inline); list-style: none; white-space: nowrap; }
.sb-studio-apparel__category { display: inline-flex; align-items: center; min-height: var(--sb-control-height-md); color: var(--sb-color-text-inverse-label); }
.sb-studio-apparel__category.is-current { padding-bottom: var(--sb-space-2); border-bottom: var(--sb-border-hairline) solid var(--sb-color-text-inverse); color: var(--sb-color-text-inverse); }
.sb-studio-apparel__category:focus-visible { outline: var(--sb-focus-ring-width) solid var(--sb-color-focus); outline-offset: var(--sb-focus-ring-offset); }
.sb-studio-apparel .sb-filter-sort__toggle:focus-visible,
.sb-studio-apparel .sb-filter-sort__close:focus-visible,
.sb-studio-apparel .sb-filter-sort__option:has(input:focus-visible),
.sb-studio-apparel .sb-filter-sort__sort-option:has(input:focus-visible) { outline-width: var(--sb-focus-ring-width); outline-offset: var(--sb-focus-ring-offset); }
.sb-studio-apparel .sb-filter-sort__count,.sb-studio-apparel .sb-filter-sort__toggle,.sb-studio-apparel .sb-filter-sort__close { color: var(--sb-color-text-inverse-body); }
.sb-studio-apparel .sb-filter-sort__bar,.sb-studio-apparel .sb-filter-sort__panel { background: var(--sb-color-bg-inverse); color: var(--sb-color-text-inverse-body); border-color: var(--sb-studio-plp-divider); }
.sb-studio-apparel .sb-filter-sort__panel-header,.sb-studio-apparel .sb-filter-sort__panel-footer { border-color: var(--sb-studio-plp-divider); }
.sb-studio-apparel .sb-filter-sort__option input,.sb-studio-apparel .sb-filter-sort__sort-option { border-color: var(--sb-color-border-inverse-control); }
.sb-studio-apparel .sb-filter-sort__sort-option:has(input:checked) { background: var(--sb-color-text-inverse); color: var(--sb-color-text); }
.sb-studio-apparel__catalog { padding-block: var(--sb-section-y); }
.sb-studio-apparel__grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.sb-studio-apparel__grid-item { min-width: 0; }
.sb-studio-apparel__no-js-sort { display: grid; grid-template-columns: minmax(180px, 320px) auto; align-items: end; gap: var(--sb-space-6); padding: var(--sb-space-8) var(--sb-page-inline); }
.sb-studio-apparel__no-js-sort .sb-label { grid-column: 1 / -1; color: var(--sb-color-text-inverse-label); }
.sb-studio-apparel__no-js-sort .sb-select { border-color: var(--sb-color-border-inverse-control); color: var(--sb-color-text-inverse); }
.sb-studio-apparel__load { display: flex; flex-direction: column; align-items: center; gap: var(--sb-space-8); margin-top: var(--sb-space-16); padding-top: var(--sb-space-12); border-top: var(--sb-border-hairline) solid var(--sb-studio-plp-divider); color: var(--sb-color-text-inverse-label); }
.sb-studio-apparel__load .sb-caption { margin: 0; }
@media (max-width: 919px) { .sb-studio-apparel__grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 767px) { .sb-studio-apparel__head { padding-inline: var(--sb-page-inline-mobile); padding-top: var(--sb-space-14); }.sb-studio-apparel__category-rail { padding-inline: var(--sb-page-inline-mobile); }.sb-studio-apparel__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--sb-grid-gap-mobile-row) var(--sb-grid-gap-mobile); }.sb-studio-apparel__catalog { padding-inline: var(--sb-page-inline-mobile); }.sb-studio-apparel .sb-filter-sort__panel-header,.sb-studio-apparel .sb-filter-sort__panel-footer { background: var(--sb-color-bg-inverse); }.sb-studio-apparel__no-js-sort { grid-template-columns: 1fr; padding-inline: var(--sb-page-inline-mobile); }.sb-studio-apparel__no-js-sort .sb-label { grid-column: auto; } }
