.feed-grid{gap:0;background:var(--white);border-radius:var(--radius);overflow:hidden}
.bcard{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--white);color:var(--ink);border-bottom:1px solid var(--line)}
.feed-grid .bcard:nth-child(odd){border-right:1px solid var(--line)}
.bcard-media{position:relative;aspect-ratio:2100/2830;background:var(--studio);overflow:hidden}
.bcard-img{position:absolute;inset:0;display:block}
.bcard-img img,.bcard-img svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.bcard-hover{opacity:0;transition:opacity .35s}
.bcard-tag{position:absolute;top:16px;left:16px;z-index:2;background:var(--black);color:var(--white);font-size:12px;line-height:18px;padding:1px 8px;border-radius:10px;pointer-events:none}
.bcard-quick{position:absolute;left:50%;bottom:20px;z-index:2;transform:translate(-50%,8px);opacity:0;transition:opacity .25s,transform .25s;margin:0}
.bcard-quick button,.bcard-quick span{display:inline-flex;align-items:center;height:40px;padding:0 22px;border:0;border-radius:29px;background:var(--white);color:var(--ink);font:inherit;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 2px 14px #0002;cursor:pointer}
.bcard-quick button:hover,.bcard-quick span:hover{background:var(--ink);color:var(--white)}
.bcard-quick button[aria-busy=true]{opacity:.6}
.bcard-body{padding:32px;display:flex;flex-direction:column}
.bcard-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.bcard-swatch{width:36px;height:45px;padding:5px;border:0;border-radius:2px;background:#f1f1f1;cursor:pointer}
.bcard-swatch img{width:100%;height:100%;object-fit:contain;display:block}
.bcard-swatch:hover{box-shadow:inset 0 0 0 1px #999}
.bcard-swatch.is-active{box-shadow:inset 0 0 0 1px #222}
.bcard-body h3{font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.01em;margin:0 0 8px}
.bcard-body h3 a:hover{text-decoration:underline}
.bcard-text{font-size:16px;line-height:1.4;color:var(--muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bcard-rating{font-size:14px;color:var(--muted);margin:0 0 14px}
.bcard-stars{color:var(--ink);letter-spacing:1px}
.bcard-price{font-size:14px;font-weight:500;margin:0}
.bcard-price s{color:var(--muted);font-weight:400;margin-left:4px}
.bcard-sold{color:var(--muted);font-weight:400;margin-left:6px}
@media(hover:hover){.bcard-media:hover .bcard-hover{opacity:1}.bcard-media:hover .bcard-quick,.bcard-media:focus-within .bcard-quick{opacity:1;transform:translate(-50%,0)}}
@media(hover:none){.bcard-quick{display:none}}
@media(max-width:860px){.feed-grid{border-radius:var(--radius)}.feed-grid .bcard,.feed-grid .bcard:nth-child(odd){border-right:1px solid var(--line);border-bottom:0}.feed-grid .bcard:last-child{border-right:0}.bcard-body{padding:20px 20px 24px}.bcard-body h3{font-size:18px}.bcard-text{font-size:15px}.bcard-swatch{width:30px;height:38px;padding:4px}}
@media(prefers-reduced-motion:reduce){.bcard-hover,.bcard-quick{transition:none}}
.best{background:var(--white);color:var(--ink);padding:0;overflow:hidden}
.best-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:36px 32px 24px}
.best-head h2{margin:0;font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1;letter-spacing:-.035em;text-transform:uppercase}
.best-all{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.best-all:hover{opacity:.6}
.best-row{display:grid;grid-auto-flow:column;grid-auto-columns:25%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.best-row::-webkit-scrollbar{display:none}
.scard{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line)}
.scard:last-child{border-right:0}
.scard-media{position:relative;display:block;aspect-ratio:4/5;background:var(--studio);overflow:hidden}
.scard-media img,.scard-media svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.scard-hover{opacity:0;transition:opacity .35s}
@media(hover:hover){.scard-media:hover .scard-hover{opacity:1}}
.scard-tag{position:absolute;top:14px;left:14px;z-index:2;background:var(--black);color:var(--white);font-size:12px;line-height:18px;padding:1px 8px;border-radius:10px}
.scard-info{padding:20px 24px 22px;display:flex;flex-direction:column;flex:1}
.scard-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.scard-swatch{width:30px;height:38px;padding:4px;border:0;border-radius:2px;background:#f1f1f1;cursor:pointer}
.scard-swatch img{width:100%;height:100%;object-fit:contain;display:block}
.scard-swatch:hover{box-shadow:inset 0 0 0 1px #999}
.scard-swatch.is-active{box-shadow:inset 0 0 0 1px #222}
.scard-info h3{margin:0 0 6px;font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.scard-info h3 a:hover{text-decoration:underline}
.scard-text{margin:0 0 16px;font-size:15px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scard-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:14px;font-weight:500}
.scard-price{white-space:nowrap}
.scard-price s{margin-right:4px;color:var(--muted);font-weight:400}
.scard-line form{margin:0}
.scard-add{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;cursor:pointer}
.scard-add:hover{text-decoration:underline;text-underline-offset:3px}
.scard-add[aria-busy=true]{opacity:.5}
.scard-sold{color:#999;cursor:default}
.scard-sold:hover{text-decoration:none}
.scard.is-sold h3 a{text-decoration:line-through}
.best-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 32px 22px}
.best-dots{display:flex;gap:7px}
.best-dots button{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid var(--ink);background:transparent;cursor:pointer}
.best-dots button.is-active{background:var(--ink)}
.best-nav{display:flex;gap:6px}
.best-arrow{width:44px;height:36px;padding:0;border:0;background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.best-arrow svg{width:32px;height:24px}
.best-arrow:hover{opacity:.6}
.best-arrow:disabled{opacity:.25;cursor:default}
@media(max-width:1100px){.best-row{grid-auto-columns:calc(100%/3)}}
@media(max-width:860px){.best-head{padding:24px 16px 16px}.best-row{grid-auto-columns:calc(100%/1.5)}.scard-info{padding:16px 16px 18px}.scard-info h3{font-size:16px}.scard-text{font-size:14px}.best-foot{padding:14px 16px 18px}}
@media(prefers-reduced-motion:reduce){.scard-hover{transition:none}}