.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-md);list-style:none}@media screen and (min-width:600px){.product-grid{gap:var(--sp-lg)}}@media screen and (min-width:768px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-xl)}}@media screen and (min-width:1024px){.product-grid{grid-template-columns:repeat(var(--grid-cols, 4),minmax(0,1fr))}}@media screen and (max-width:359px){.product-grid{gap:var(--sp-sm)}}.product-grid>li{display:flex}.product-grid>li>.doorway{width:100%}.doorway{--doorway-rail: 22px;--doorway-ratio: 3 / 4;position:relative;display:grid;grid-template-columns:var(--doorway-rail) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--sp-sm);height:100%}@media screen and (min-width:768px){.doorway{--doorway-rail: 28px;column-gap:var(--sp-md)}}.doorway--ratio-square{--doorway-ratio: 3 / 4}.doorway--ratio-portrait{--doorway-ratio: 4 / 5}.doorway--ratio-natural{--doorway-ratio: auto}.doorway__rail{grid-column:1;grid-row:1 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-md);min-width:0;overflow:hidden}.doorway__rail>*{writing-mode:vertical-rl;font-family:var(--font-mono);font-size:var(--fs-code-sm);font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.doorway__num,.doorway__ways-count{color:var(--muted)}.doorway__flag{color:var(--accent-dark)}.doorway__link{grid-column:2;grid-row:1;display:block;min-width:0}.doorway__media{position:relative;display:block;aspect-ratio:var(--doorway-ratio);background-color:var(--canvas-alt);border-radius:var(--r-sm);overflow:hidden}.doorway__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s var(--ease)}.doorway--ratio-natural .doorway__image{position:static;height:auto}.doorway__image--second{opacity:0}@media(hover:hover){.doorway:hover .doorway__image--second{opacity:1}.doorway:hover .doorway__image--lead{opacity:0}}@media(prefers-reduced-motion:reduce){.doorway__image{transition:none}.doorway:hover .doorway__image--second{opacity:0}.doorway:hover .doorway__image--lead{opacity:1}}.doorway__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--canvas-alt);color:var(--tertiary)}.doorway__chip{position:absolute;left:var(--sp-sm);bottom:var(--sp-sm);z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - var(--sp-lg));min-height:24px;padding:4px 10px;border-radius:var(--r-full);background-color:var(--surface-deep);color:var(--on-dark);font-family:var(--font-mono);font-size:var(--fs-code-sm);font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}@media screen and (min-width:768px){.doorway__chip{left:var(--sp-md);bottom:var(--sp-md)}}.doorway--sold-out .doorway__image{filter:grayscale(.55)}.doorway__caption{display:grid;gap:var(--sp-xxs);padding-top:var(--sp-md)}.doorway__price .price{gap:var(--sp-sm);font-family:var(--font-display);font-size:var(--fs-heading-sm);line-height:1.1}.doorway__price .price__current{font-weight:600;letter-spacing:-.02em;color:var(--ink)}.doorway__price .price__from,.doorway__price .price__compare{font-family:var(--font-body);font-size:var(--fs-caption);font-weight:400;letter-spacing:0}.doorway__title{font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:500;line-height:1.43;letter-spacing:0;color:var(--body);min-height:2.86em;overflow-wrap:anywhere}.doorway__link:hover .doorway__title{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.doorway__ways{grid-column:2;grid-row:2;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sp-xs);min-height:56px;margin-top:var(--sp-xs);padding:6px 0;list-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.doorway__ways::-webkit-scrollbar{display:none}.doorway__ways>li{flex:0 0 auto}.doorway__way{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--r-sm)}.doorway__way-chip{display:block;width:40px;height:40px;border-radius:var(--r-xs);background-color:var(--swatch, var(--canvas-alt));background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .16);overflow:hidden}.doorway__way-image{display:block;width:100%;height:100%;object-fit:cover}.doorway__way-chip--named{display:flex;align-items:center;justify-content:center;background-color:var(--canvas-alt);font-family:var(--font-mono);font-size:var(--fs-code-sm);font-weight:500;letter-spacing:.04em;color:var(--muted)}.doorway__way--more{padding-inline:var(--sp-sm);font-family:var(--font-mono);font-size:var(--fs-code-sm);font-weight:500;letter-spacing:.04em;color:var(--muted)}@media(hover:hover){.doorway__way:hover .doorway__way-chip{box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .16),0 0 0 2px var(--hairline-strong)}.doorway__way--more:hover{color:var(--ink)}}.doorway__ways--swatches,.doorway__ways--empty{display:flex;align-items:center;overflow:visible}.doorway__action{grid-column:2;grid-row:3;align-self:end;display:flex;align-items:flex-end;padding-top:var(--sp-sm)}.doorway__form{width:100%}.doorway__button{display:inline-flex;align-items:center;gap:var(--sp-sm);min-height:44px;font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--ink);cursor:pointer}.doorway__button-label{border-bottom:1px solid currentColor;padding-bottom:3px}@media(hover:hover){.doorway__button:hover{color:var(--accent-dark)}}.doorway__button[aria-disabled=true]{cursor:default}.doorway__button[data-state=loading]{opacity:.6}.doorway__error{margin-top:var(--sp-xs);font-family:var(--font-mono);font-size:var(--fs-code-sm);line-height:1.4;letter-spacing:.02em;color:var(--accent-dark)}.doorway__link:focus-visible,.doorway__button:focus-visible{outline:2px solid var(--hairline-strong);outline-offset:3px;border-radius:var(--r-sm);box-shadow:0 0 0 5px var(--ring-focus)}.doorway__way:focus-visible{outline:2px solid var(--hairline-strong);outline-offset:2px;border-radius:var(--r-sm)}.section--dark .doorway__title{color:var(--on-dark-mute)}.section--dark .doorway__link:hover .doorway__title,.section--dark .doorway__price .price__current,.section--dark .doorway__button{color:var(--on-dark)}.section--dark .doorway__num,.section--dark .doorway__ways-count,.section--dark .doorway__way--more,.section--dark .doorway__way-chip--named{color:var(--on-dark-mute)}.section--dark .doorway__flag,.section--dark .doorway__error{color:var(--on-dark)}.section--dark .doorway__link:focus-visible,.section--dark .doorway__way:focus-visible,.section--dark .doorway__button:focus-visible{outline-color:var(--on-dark)}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-sm);font-size:var(--fs-body-md)}.price__current{font-weight:600;color:var(--ink)}.price__compare{color:var(--tertiary);text-decoration:line-through;font-size:var(--fs-body-sm);font-weight:400}.price--on-sale .price__current{color:var(--sale)}.price__from{color:var(--muted);font-weight:400;font-size:var(--fs-body-sm)}.price--lg{font-family:var(--font-display);font-size:var(--fs-display-md);font-weight:700;letter-spacing:-.02em;line-height:1;gap:var(--sp-md)}.price--lg .price__compare,.price--lg .price__from{font-family:var(--font-body);font-size:var(--fs-body-md);font-weight:400;letter-spacing:0}.price--unavailable .price__current{color:var(--subtle)}.mini-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--sp-md);align-items:center;padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-md);transition:background-color .16s var(--ease)}.mini-card:hover{background-color:var(--canvas-alt)}.mini-card__media{aspect-ratio:1 / 1;border-radius:var(--r-sm);background-color:var(--canvas-alt);overflow:hidden}.mini-card__media img{width:100%;height:100%;object-fit:cover}.mini-card__body{display:grid;gap:2px;min-width:0}.mini-card__title{font-size:var(--fs-body-sm);font-weight:600;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}.mini-card__meta{font-size:var(--fs-caption);color:var(--muted)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-product-card.css.map */