@layer reset,base;@layer components{.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.product-card{min-width:0;position:relative}.product-media{display:block;position:relative;overflow:hidden}.product-media img{width:100%;height:100%;transition:transform .9s var(--ease), filter .5s ease}.product-media:hover img{transform:scale(1.035)}.product-badge{z-index:2;color:var(--badge-text);background:var(--badge-background);letter-spacing:.12em;padding:.48rem .6rem;font-size:.59rem;font-weight:700;line-height:1;position:absolute;top:14px;left:14px}.product-info{justify-content:space-between;gap:1rem;display:flex}.product-info h2,.product-info h3{font-family:var(--font-display);text-transform:uppercase;font-weight:650}.product-info p{color:var(--gray);letter-spacing:.04em;margin-top:.28rem;font-size:.67rem}.product-price{align-content:start;justify-items:end;font-size:.75rem;display:grid}.product-price strong{font-weight:570}.product-price s{color:var(--gray);font-size:var(--text-control)}.quick-add{visibility:hidden;opacity:0;pointer-events:none;width:100%;height:0;color:var(--white);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:height .35s var(--ease), opacity .18s ease, visibility 0s linear .35s;justify-content:space-between;align-items:center;padding-inline:1rem;font-size:.62rem;font-weight:680;display:flex;overflow:hidden}.product-card:hover .quick-add,.product-card:focus-within .quick-add{visibility:visible;opacity:1;pointer-events:auto;height:46px;transition-delay:0s}}@layer pages;@layer responsive{@media (width<=1180px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.product-grid{grid-template-columns:1fr}.quick-add{height:46px}}@media (hover:none){.quick-add{height:46px}}}.product-grid{background:0 0;gap:clamp(14px,1.5vw,24px)}.product-card{--card-padding:16px;background:var(--white);flex-direction:column;display:flex}.product-media{aspect-ratio:.82;background:var(--surface-product)}.product-media img{object-fit:contain;padding:clamp(2px,.35vw,6px)}.product-image-secondary{opacity:0;position:absolute;inset:0}.product-media .product-image-primary,.product-media .product-image-secondary{transition:transform .56s var(--ease), opacity .22s ease}@media (hover:hover){.product-card:hover:not(.is-pinned) .product-image-secondary[data-secondary-loaded=true]{opacity:1}.product-card:hover:not(.is-pinned) .product-image-primary:has(+.product-image-secondary[data-secondary-loaded=true]){opacity:0}}.product-card.is-flipped .product-image-secondary[data-secondary-loaded=true]{opacity:1}.product-card.is-flipped .product-image-primary:has(+.product-image-secondary[data-secondary-loaded=true]){opacity:0}.card-flip{z-index:3;top:8px;right:var(--card-padding);min-height:44px;color:var(--ink);font-size:var(--text-control);letter-spacing:.03em;text-underline-offset:.32rem;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 .1rem;font-weight:680;text-decoration:underline #12110f57;display:inline-flex;position:absolute}.card-flip .card-flip-front,.product-card.is-flipped .card-flip .card-flip-back{display:none}.product-card.is-flipped .card-flip .card-flip-front{display:inline}.product-card-labels{z-index:3;top:12px;left:var(--card-padding);gap:.35rem;display:flex;position:absolute}.product-badge[data-line=urban]{--badge-background:var(--brand-strakes);--badge-text:var(--ink)}.product-badge[data-line=active]{--badge-background:var(--brand-venzid);--badge-text:var(--ink)}.product-card-labels .product-badge,.demo-badge{letter-spacing:.12em;padding:.52rem .62rem;font-size:.58rem;font-weight:720;line-height:1;position:static}.product-card-labels .product-badge-sold-out{color:#fff;background:var(--accent);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;font-size:12px;font-weight:700}.demo-badge{color:var(--ink);background:var(--stone)}.product-info{min-height:132px;padding:18px var(--card-padding) 16px;background:var(--white);border-top:0;flex:1;grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.product-category{min-height:2.8em;color:var(--gray-dark);font-size:var(--text-control);letter-spacing:.03em;text-transform:uppercase;margin:0 0 .5rem;line-height:1.4}.product-info h2,.product-info h3{font-size:var(--text-reading);letter-spacing:.03em}.product-card-meta{flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:1.2rem;margin-top:auto;padding-top:8px;display:flex}.product-card-meta p{font-size:var(--text-control);margin:0}.product-stock-state{color:var(--status-neutral);align-items:center;gap:.4rem;display:inline-flex}.product-stock-state span{background:currentColor;border-radius:50%;width:5px;height:5px}.product-colors{color:var(--gray)}.product-copy{overflow-wrap:normal;flex-direction:column;min-width:0;display:flex}.product-price{white-space:nowrap;flex-shrink:0;align-self:start;gap:.15rem}.product-price strong{font-size:var(--text-reading)}.product-card>.product-actions-compact{padding:10px var(--card-padding);justify-content:space-between;margin-top:0}.product-card>.product-actions-compact [data-share-product]{justify-content:flex-end;min-width:44px;padding:5px 0}.quick-add{height:44px;padding-inline:var(--card-padding);visibility:visible;opacity:1;pointer-events:auto;color:var(--ink);border-top:1px solid var(--line);background:0 0;font-size:12px;transition:background-color .18s,color .18s}.quick-add:hover{color:var(--white);background:var(--ink)}.product-card:hover .quick-add,.product-card:focus-within .quick-add{height:44px}@media (width<=640px){.product-card{--card-padding:12px}.product-grid{grid-template-columns:1fr 1fr;gap:24px 8px}.product-media{aspect-ratio:.78}.product-info{min-height:176px;padding:16px var(--card-padding) 12px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px}.product-price{justify-items:start}.quick-add{font-size:var(--text-control)}}@media (width<=420px){.product-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.product-card img,.product-media .product-image-primary,.product-media .product-image-secondary{transition:none!important}}
