.collection-main{width:min(100% - 2rem,var(--page-width));margin-inline:auto;padding-block:clamp(3rem,7vw,7rem)}.collection-main__header{position:relative;margin-bottom:clamp(2.5rem,6vw,5rem);padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.collection-main__header--media{display:grid;gap:clamp(2rem,5vw,5rem)}.collection-main__heading{align-self:end}.collection-main__hero{aspect-ratio:4 / 3;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-accent) 42%,transparent);background:#090909}.collection-main__hero img{width:100%;height:100%;object-fit:cover}.collection-main__eyebrow,.collection-main__count{margin:0;color:var(--color-accent);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.collection-main__title{max-width:12ch;margin:.8rem 0 0;font-size:clamp(2.8rem,8vw,7rem);font-weight:800;letter-spacing:-.06em;line-height:.88;text-transform:uppercase}.collection-main__description{max-width:640px;margin-top:1.5rem;color:color-mix(in srgb,var(--color-text) 65%,transparent)}.collection-main__count{margin-top:1.5rem}.collection-main__grid{display:grid;grid-template-columns:repeat(var(--collection-columns),minmax(0,1fr));gap:clamp(1rem,2vw,1.8rem)}.street-card{min-width:0}.street-card__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-accent) 55%,transparent);background:#0a0a0a}.street-card__image,.street-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1)}.street-card__image--secondary{opacity:0}.street-card__media:hover .street-card__image--primary{opacity:0;transform:scale(1.025)}.street-card__media:hover .street-card__image--secondary{opacity:1;transform:scale(1.025)}.street-card__badge{position:absolute;top:.8rem;left:.8rem;z-index:2;padding:.4rem .55rem;color:#000;background:var(--color-accent);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.street-card__content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding-top:1rem}.street-card__meta{min-width:0}.street-card__title{overflow:hidden;margin:0;font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.06em;line-height:1.3;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.street-card__price{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.45rem;color:color-mix(in srgb,var(--color-text) 68%,transparent);font-size:.76rem}.street-card__price s{opacity:.55}.street-card__unit-price{margin-top:.3rem;color:color-mix(in srgb,var(--color-text) 52%,transparent);font-size:.67rem}.street-card__form{position:relative}.street-card__add{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem 0 .45rem;border-bottom:1px solid var(--color-accent);color:var(--color-text);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:color .18s ease,opacity .18s ease}.street-card__add:hover{color:var(--color-accent)}.street-card__add:disabled{cursor:not-allowed;opacity:.4}.street-card__add.is-loading .street-card__add-mark{animation:collectionSpin .7s linear infinite}.street-card__error{position:absolute;top:100%;right:0;width:180px;margin-top:.4rem;color:#ff8b8b;font-size:.66rem;text-align:right}.collection-pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:clamp(3rem,7vw,6rem)}.collection-pagination__link,.collection-main__empty a{padding-bottom:.3rem;border-bottom:1px solid var(--color-accent);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.collection-pagination__status{color:color-mix(in srgb,var(--color-text) 55%,transparent);font-size:.72rem}.collection-main__empty{display:grid;justify-items:start;gap:1rem;min-height:35vh}@keyframes collectionSpin{to{transform:rotate(360deg)}}@media(max-width:1050px){.collection-main__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.collection-main__header--media{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}.collection-main__header--media .collection-main__hero{aspect-ratio:16 / 10}}@media(max-width:580px){.collection-main{width:min(100% - 1.25rem,var(--page-width))}.collection-main__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.street-card__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/collection.css.map */