.collection-banner{position:relative;display:grid;gap:var(--space-md);align-items:center;min-block-size:15rem;padding:var(--space-lg);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-accent);color:var(--color-accent-ink);isolation:isolate}@media(min-width:60rem){.collection-banner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:var(--space-xl)}}.collection-banner__copy{position:relative;z-index:2;display:grid;gap:var(--space-2xs)}.collection-banner__title{font-family:var(--font-display);font-style:normal;font-weight:var(--weight-display);font-size:var(--text-4xl);letter-spacing:var(--tracking-display);line-height:var(--leading-display);overflow-wrap:anywhere;min-width:0;max-inline-size:18ch}.collection-banner__desc{color:inherit;opacity:.88;font-size:var(--text-base)}.collection-banner__desc p{color:inherit}.collection-banner__image{position:absolute;inset-block:0;inset-inline-end:0;inline-size:46%;block-size:100%;object-fit:cover;z-index:1;-webkit-mask-image:linear-gradient(to left,black 60%,transparent);mask-image:linear-gradient(to left,black 60%,transparent)}@media(max-width:59.99rem){.collection-banner__image{inline-size:100%;opacity:.3;-webkit-mask-image:linear-gradient(to top,black 40%,transparent);mask-image:linear-gradient(to top,black 40%,transparent)}}.collection-banner__glyph{position:absolute;inset-block-end:calc(var(--space-lg) * -1);inset-inline-end:var(--space-lg);opacity:.28;z-index:1}.collection-layout{display:grid;gap:var(--space-lg)}@media(min-width:60rem){.collection-layout{grid-template-columns:16.5rem minmax(0,1fr);gap:var(--space-xl);align-items:start}.collection-layout__rail{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-md));max-block-size:calc(100dvh - var(--header-h) - var(--space-xl));overflow-y:auto;padding-inline-end:var(--space-2xs)}}.collection-card{position:relative;display:block;aspect-ratio:4 / 3;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-paper-3);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.collection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.collection-card img{inline-size:100%;block-size:100%;object-fit:cover}.collection-card__chip{position:absolute;inset-block-end:var(--space-sm);inset-inline-start:var(--space-sm);max-inline-size:calc(100% - var(--space-lg));display:grid;gap:var(--space-hair);padding:.5em .95em;border-radius:var(--radius-md);background:var(--color-paper-2);box-shadow:var(--shadow-sm)}.collection-card__chip b{font-size:var(--text-sm);font-weight:var(--weight-semi);letter-spacing:var(--tracking-tight)}.collection-card__chip span{font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.search-hero{display:grid;gap:var(--space-sm);padding-block:var(--space-lg)}.search-hero .search-form__row{max-inline-size:34rem}.search-tabs{display:flex;flex-wrap:wrap;gap:var(--space-3xs)}.cart-page{display:grid;gap:var(--space-lg)}@media(min-width:60rem){.cart-page{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.cart-page__summary{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-md))}}.cart-page .cart-lines{gap:var(--space-lg)}.cart-page .cart-line{grid-template-columns:6rem minmax(0,1fr);column-gap:var(--space-sm)}@media(min-width:40rem){.cart-page .cart-line{grid-template-columns:7.5rem minmax(0,1fr)}}.cart-page .cart-line__title,.cart-page .cart-line__price{font-size:var(--text-sm)}.cart-page .cart-line__variant,.cart-page .cart-line__was{font-size:var(--text-xs)}.cart-page .cart-line__title{-webkit-line-clamp:3}.cart-summary{display:grid;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-paper-3)}.cart-summary__row{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-sm)}.cart-summary__row--total{padding-block-start:var(--space-2xs);border-block-start:var(--rule-hair) solid var(--color-rule-strong);font-size:var(--text-md);font-weight:var(--weight-semi)}.cart-summary__row .t-num{font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/12/assets/collection.css.map */