.atg-cards{display:grid;grid-template-columns:repeat(var(--atg-cols-mobile, 2),minmax(0,1fr));gap:clamp(2rem,3.5vw,3.25rem) clamp(.875rem,1.8vw,1.75rem)}@media(min-width:750px){.atg-cards{grid-template-columns:repeat(var(--atg-cols, 4),minmax(0,1fr))}}@media(max-width:749px){.atg-cards--rail-mobile,.atg-cards--rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--atg-gutter) * -1);padding-inline:var(--atg-gutter);scroll-padding-inline:var(--atg-gutter)}}@media(min-width:750px){.atg-cards--rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(16rem,calc((100% - (3*clamp(.875rem,1.8vw,1.75rem)))/4));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}}.atg-cards--rail-mobile::-webkit-scrollbar,.atg-cards--rail::-webkit-scrollbar{display:none}.atg-cards--rail-mobile>.atg-card,.atg-cards--rail>.atg-card{scroll-snap-align:start}.atg-card{position:relative;display:grid;grid-template-rows:auto auto auto auto;align-content:start}@supports (grid-template-rows: subgrid){.atg-cards{grid-auto-rows:auto}.atg-cards>.atg-card{grid-row:span 4;grid-template-rows:subgrid;row-gap:0}}.atg-card__media{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--atg-radius);background-color:var(--atg-tile)}.atg-card__media .atg-media{background-color:transparent}.atg-card__media .atg-media>img{object-fit:contain}.atg-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--atg-hairline);pointer-events:none}.atg-band--raised .atg-card__media{background-color:#fff}.atg-card__media .atg-media>img{transition:transform var(--atg-dur-slow) var(--atg-ease),opacity var(--atg-dur) var(--atg-ease)}.atg-card__alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-color:var(--atg-tile);transition:opacity var(--atg-dur) var(--atg-ease)}.atg-band--raised .atg-card__alt{background-color:#fff}@media(hover:hover){.atg-card:not(:has(.atg-card__alt)):hover .atg-card__media>.atg-media:first-child>img{transform:scale(1.03)}.atg-card:hover .atg-card__alt,.atg-card:focus-within .atg-card__alt{opacity:1}.atg-card:hover .atg-card__media:has(.atg-card__alt)>.atg-media:first-child>img,.atg-card:focus-within .atg-card__media:has(.atg-card__alt)>.atg-media:first-child>img{opacity:0}}.atg-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.atg-card__link:focus-visible{outline:none}.atg-card:has(.atg-card__link:focus-visible) .atg-card__media{outline:2px solid var(--atg-ink);outline-offset:3px}.atg-card__badge{position:absolute;top:.75rem;left:.75rem;z-index:2;padding:.4rem .65rem;border-radius:var(--atg-radius-pill);line-height:1;pointer-events:none}.atg-card__badge--accent{background-color:var(--atg-ink);color:var(--atg-bg)}.atg-card__badge--out{background-color:var(--atg-bg);color:var(--atg-muted)}.atg-card__kicker{display:flex;gap:.45rem;margin-top:1rem;color:var(--atg-muted-dim)}.atg-card__index{color:var(--atg-steel-dim)}.atg-card__title{margin-top:.45rem;font-size:clamp(.9375rem,1.1vw,1.0625rem);font-weight:var(--atg-weight-heading);line-height:1.35;letter-spacing:-.008em;color:var(--atg-ink);text-wrap:pretty}.atg-card__foot{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:.7rem}@media(hover:hover){.atg-card__cta{opacity:0;transform:translateY(.3rem);transition:opacity var(--atg-dur) var(--atg-ease),transform var(--atg-dur) var(--atg-ease),background-size var(--atg-dur) var(--atg-ease)}.atg-card:hover .atg-card__cta,.atg-card:focus-within .atg-card__cta{opacity:1;transform:none}}.atg-price{display:inline-flex;align-items:baseline;gap:.4rem;flex:none;font-family:var(--atg-font-mono);font-size:var(--atg-text-sm);font-variant-numeric:tabular-nums;color:var(--atg-muted)}.atg-price__from{font-size:var(--atg-text-label-sm);letter-spacing:var(--atg-ls-label-sm);text-transform:uppercase;color:var(--atg-muted-dim)}.atg-price__was{color:var(--atg-muted-dim);font-size:var(--atg-text-label)}.atg-price--sale .atg-price__now{color:var(--atg-crimson-glow)}@media(max-width:749px){.atg-cards:not(.atg-cards--rail):not(.atg-cards--rail-mobile) .atg-card__cta{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/atg-product-card.css.map */