.collection__grid[data-card-style=tile]{--tcard-gap: clamp(var(--s2), 1.4vw, var(--s3));--tcard-img-w: 92%;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--tcard-gap)}.collection__grid[data-card-style=tile]>li{grid-column:span 4}.tcard:hover .tcard__img{scale:1.1}.tcard__info{position:relative;z-index:2;display:flex;justify-content:space-between;column-gap:var(--s2);margin-block-start:auto;inline-size:100%;align-items:flex-end;align-items:last baseline}.tcard__name{margin:0;font-family:var(--font-display);font-weight:var(--type-heading-4-fw);font-size:var(--type-heading-4-size);line-height:var(--type-heading-4-lh);letter-spacing:var(--type-heading-4-ls);text-transform:uppercase}.tcard__price{margin:0;font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--type-body-size);line-height:var(--type-body-lh);letter-spacing:var(--type-body-ls);white-space:nowrap}.tcard__sold{display:block;font:500 var(--text-small) / 1 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase}.tcard[data-stock=out] .tcard__img{opacity:.55}.tcard__panel{position:absolute;z-index:3;inset:var(--s3) var(--s2);display:flex;flex-direction:column;padding:var(--s2);visibility:hidden;background:var(--text);color:var(--on-accent);opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}.tcard:hover .tcard__panel,.tcard:focus-within .tcard__panel{visibility:visible;opacity:1;transition-delay:0s}.tcard__panel-text{margin:0;font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--type-lead-size);line-height:var(--type-lead-lh);letter-spacing:var(--type-lead-ls)}.tcard__specs{inline-size:100%;margin-block-start:auto;border-collapse:collapse}.tcard__specs td{padding-block:3px;font:500 var(--text-small) / 1 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase}.tcard__specs td:first-child{inline-size:126px}.tcard__link{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0}.tcard:has(.tcard__link:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.tcard__link:focus-visible{outline:none}.collection__grid[data-card-style=tile]>.tcell{position:relative;display:flex;grid-column:span 8;grid-row:span 2;align-items:center;justify-content:center;aspect-ratio:1070 / 1070;overflow:hidden;background:var(--deep)}.tcell__bg{position:absolute;top:0;right:0;bottom:0;left:0}.tcell__bg img{inline-size:100%;block-size:100%;object-fit:cover}.collection__grid[data-card-style=tile]>.tcell .tcard{z-index:2;inline-size:calc(94% - var(--tcard-gap));max-inline-size:376px}@media(max-width:989px){.collection__grid[data-card-style=tile]>li{grid-column:span 6}.collection__grid[data-card-style=tile]>.tcell{grid-column:span 12;grid-row:span 1}}@media(max-width:749px){.collection__grid[data-card-style=tile]{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s2)}.collection__grid[data-card-style=tile]>li{grid-column:span 6}.collection__grid[data-card-style=tile]>.tcell{grid-column:span 6;aspect-ratio:var(--tcell-mobile-ratio, 1070 / 1070)}.tcard{padding:var(--s2) 14px}.tcard__panel{display:none}}@media(prefers-reduced-motion:reduce){.tcard__img,.tcard__panel{transition:none}.tcard:hover .tcard__img{scale:1}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/collection-card-tile.css.map */