.sb{gap:var(--gh-s-4);flex-direction:column;min-width:0;display:flex}.sb__section-title{font-family:var(--gh-font-display);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700;line-height:1.25}.sb__hint{color:var(--gh-cocoa-70);margin:0;font-size:14px;line-height:1.4}.sb__grid{gap:var(--gh-s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sb__filters{gap:var(--gh-s-2);flex-wrap:wrap;display:flex}.sb__filters .gh-chip{border-color:var(--gh-control-border,#8c7b6e);height:auto;min-height:44px;padding-block:6px}.sb__chip-n{color:var(--gh-cocoa-70);margin-left:6px;font-weight:500}.sb__filters .gh-chip[aria-checked=true]{background:var(--gh-cocoa);border-color:var(--gh-cocoa);color:var(--gh-paper)}.sb__filters .gh-chip[aria-checked=true] .sb__chip-n{color:var(--gh-cream)}.sb__filters .gh-chip:focus-visible{outline:3px solid var(--gh-persimmon-ink);outline-offset:2px}.sbc{text-align:left;font:inherit;color:var(--gh-cocoa);background:var(--gh-white);border:1.5px solid var(--gh-control-border,#8c7b6e);border-radius:var(--gh-r-md);padding:var(--gh-s-2);gap:var(--gh-s-2);cursor:pointer;flex-direction:column;min-height:44px;transition:box-shadow .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.sbc:hover{box-shadow:var(--gh-shadow-raised)}.sbc[aria-checked=true]{border-color:var(--gh-cocoa);box-shadow:0 0 0 2px var(--gh-cocoa)}.sbc:focus-visible{outline:3px solid var(--gh-persimmon-ink);outline-offset:2px}.sbc__media{aspect-ratio:1;border-radius:var(--gh-r-sm);background:var(--gh-cream);display:block;position:relative;overflow:hidden}.sbc__media img{object-fit:cover;width:100%;height:100%;display:block}.sbc__placeholder{grid-template-rows:repeat(5,1fr);display:grid;position:absolute;inset:0}.sbc__placeholder i{display:block}.sbc__swatches{border-radius:999px;height:8px;display:flex;overflow:hidden}.sbc__swatches i{flex:1}.sbc__name{padding:0 var(--gh-s-1);font-size:15px;font-weight:700;line-height:1.25}.sbc__desc{color:var(--gh-cocoa-70);padding:0 var(--gh-s-1) var(--gh-s-1);font-size:13px;line-height:1.4}.sbc__why{color:var(--gh-plum);background:var(--gh-blush);border-radius:var(--gh-r-sm);margin:0 var(--gh-s-1) var(--gh-s-1);padding:6px 8px;font-size:13px;font-weight:600;line-height:1.4}.sbc__check{background:var(--gh-cocoa);width:24px;height:24px;color:var(--gh-paper);border-radius:999px;justify-content:center;align-items:center;display:none;position:absolute;top:14px;right:14px}.sbc[aria-checked=true] .sbc__check{display:flex}.sbc__tag{background:var(--gh-paper);color:var(--gh-cocoa);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;bottom:6px;left:6px}.sb__offer{background:var(--gh-cream);border-radius:var(--gh-r-md);padding:var(--gh-s-3) var(--gh-s-4);gap:var(--gh-s-2);flex-direction:column;font-size:15px;line-height:1.4;display:flex}.sb__offer p{margin:0}.sb__status{color:var(--gh-cocoa-70);margin:0;font-size:14px}@media (min-width:720px){.sb__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.sb__grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.sbc{transition:none}}