/* Two new STPD tee variants: scoped styles only; the rest of the storefront is untouched. */
.variant-options{margin:22px 0 8px;padding:18px 0;border-top:1px solid #484848;border-bottom:1px solid #484848}
.variant-options fieldset{border:0;margin:0;padding:0;min-width:0}
.variant-options legend,.variant-controls label{font-size:.9rem;font-weight:700;color:#eee}
.variant-options legend span{margin-left:9px;font-weight:500;color:#d7d7d7}
.variant-swatches{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 18px}
.variant-swatch{display:inline-flex;align-items:center;gap:8px;border:1px solid #686868;background:#171717;color:#f8f8f8;border-radius:3px;min-height:48px;padding:6px 12px;font:inherit;cursor:pointer}
.variant-swatch.is-selected{outline:2px solid var(--gold);outline-offset:2px}
.variant-swatch:focus-visible,.variant-options select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.swatch{width:21px;height:21px;display:inline-block;border-radius:50%;border:1px solid #666}
.swatch-white{background:#f9f9f6}.swatch-black{background:#171717;border-color:#aaa}.swatch-gray{background:#a4a6a4}
.variant-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.variant-controls label{display:flex;flex-direction:column;gap:9px}
.variant-controls select{background:#141414;color:#fafafa;border:1px solid #777;border-radius:3px;min-height:48px;padding:10px;font:inherit;width:100%;max-width:100%}
.variant-feedback{color:#bfbfbf;font-size:.82rem;min-height:1.5rem}
@media(max-width:480px){.variant-swatches{gap:8px}.variant-swatch{padding:8px 10px}.variant-controls{grid-template-columns:1fr 1fr}}

/* New tee previews link to their ONE configurable product page. */
.product-card[data-stpd-new-variant] .product-image>a{display:block;width:100%;height:100%;min-height:0}.product-card[data-stpd-new-variant] .product-image>a img{width:100%;height:100%;display:block;object-fit:contain}.product-card[data-stpd-new-variant] .product-image:has(> a){background:#e8e7e2}
.product-card[data-stpd-new-variant] .product-image>a:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
.preorder-color[hidden]{display:none!important}

/* Isolated three-color quick-preview controls on TWO approved STPD tee cards only. */
.product-card[data-stpd-new-variant] .card-variant-choices{margin:14px 0 6px;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.product-card[data-stpd-new-variant] .card-variant-choices legend{font-size:.77rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:inherit;margin:0 0 7px;width:100%}
.product-card[data-stpd-new-variant] .card-color-button{font:inherit;min-height:40px;min-width:40px;border:1px solid currentColor;padding:6px 8px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:inherit;background:transparent;border-radius:3px}
.product-card[data-stpd-new-variant] .card-color-button .chip{display:inline-block;width:18px;height:18px;flex:none;border:1px solid #aaa;border-radius:50%}
.product-card[data-stpd-new-variant] .chip[data-chip=White]{background:#fff}
.product-card[data-stpd-new-variant] .chip[data-chip=Black]{background:#111}
.product-card[data-stpd-new-variant] .chip[data-chip=Gray]{background:#a1a1a1}
.product-card[data-stpd-new-variant] .card-color-button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px;font-weight:800}
.product-card[data-stpd-new-variant] .card-color-button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.product-card[data-stpd-new-variant] .card-color-note{font-size:.77rem;opacity:.78;margin:5px 0 8px}
@media(max-width:380px){.product-card[data-stpd-new-variant] .card-color-button{font-size:.76rem;padding:6px}}

.product-card[data-stpd-new-variant] .product-image{aspect-ratio:1/1}.product-card[data-stpd-new-variant] .product-info{display:flex;flex-direction:column;align-items:stretch}.product-card[data-stpd-new-variant] .card-color-button{min-height:44px}.product-card[data-stpd-new-variant] .product-info>div{width:100%}.detail-copy{min-width:0}.variant-controls select{min-width:0}