.based-collection__banner{position:relative;padding:146px 0 32px;background-color:var(--color-bg)}.based-collection__banner--image{background-size:cover;background-position:center}.based-collection__banner--image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0303038c,#030303d9)}.based-collection__banner-inner{position:relative;max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin)}.based-collection__label{display:inline-block;margin-bottom:var(--space-3);color:var(--color-gold)}.based-collection__title{font-family:var(--font-display);font-size:clamp(3.2rem,2.6rem + 1vw,4rem);font-weight:500;line-height:1.05;letter-spacing:-.015em;color:var(--color-text)}.based-collection__description{margin-top:var(--space-3);max-width:60ch;font-size:1.4rem;line-height:1.6;color:var(--color-text-muted)}.based-collection__description p{margin:0 0 var(--space-2)}.based-collection__description p:last-child{margin-bottom:0}.based-collection__inner{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin) 64px}.based-collection__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:12px 0;margin-bottom:var(--space-8);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.based-collection__count{font-size:1.2rem;letter-spacing:var(--letter-spacing-sm);text-transform:uppercase;color:var(--color-text-muted)}.based-collection__sort{position:relative;display:inline-flex;align-items:center;gap:var(--space-2)}.based-collection__sort-label{font-size:1.2rem;letter-spacing:var(--letter-spacing-sm);text-transform:uppercase;color:var(--color-text-muted)}.based-collection__sort-wrap{position:relative;display:inline-flex;align-items:center}.based-collection__sort-select{appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:6px 26px 6px 0;font-size:1.2rem;letter-spacing:var(--letter-spacing-sm);text-transform:uppercase;color:var(--color-text);cursor:pointer;transition:color var(--duration-hover) var(--ease-hover)}.based-collection__sort-select:hover{color:var(--color-gold-light)}.based-collection__sort-select:focus-visible{outline:1px solid var(--color-gold);outline-offset:2px}.based-collection__sort-select option{background-color:var(--color-surface);color:var(--color-text);text-transform:none}.based-collection__sort-chevron{position:absolute;right:4px;pointer-events:none;color:var(--color-text-muted)}.based-collection__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}@media screen and (max-width:989px){.based-collection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.based-collection__empty{padding:96px 0;text-align:center}.based-collection__empty-title{font-family:var(--font-display);font-size:2.4rem;font-weight:500;color:var(--color-text);margin-bottom:var(--space-5)}.based-collection__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:48px 0 0}.based-collection__page,.based-collection__page-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);font-size:1.4rem;color:var(--color-text);transition:color var(--duration-hover) var(--ease-hover)}.based-collection__page:hover,.based-collection__page-arrow:hover{color:var(--color-gold-light)}.based-collection__page--current{color:var(--color-gold);border-bottom:1px solid var(--color-gold);pointer-events:none}.based-collection__page--gap{color:var(--color-text-muted);pointer-events:none}.based-collection__page-arrow--prev .icon{transform:rotate(180deg)}@media screen and (max-width:700px){.based-collection__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.based-collection__inner{padding:0 12px 40px}}@media screen and (max-width:749px){.based-collection__banner{padding:112px 0 24px}.based-collection__banner-inner{padding:0 16px}}.based-collections__inner{max-width:var(--page-width);margin:0 auto;padding:146px var(--page-margin) 64px}.based-collections__title{font-family:var(--font-display);font-size:clamp(3.2rem,2.6rem + 1vw,4rem);font-weight:500;line-height:1.05;letter-spacing:-.015em;color:var(--color-text);margin-bottom:var(--space-8)}.based-collections__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.based-collections__tile{position:relative;display:block;overflow:hidden}.based-collections__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background-color:var(--color-surface)}.based-collections__media img,.based-collections__media svg{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-surface) var(--ease-surface)}.based-collections__tile:hover .based-collections__media img{transform:scale(var(--hover-scale, 1.03))}.based-collections__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-image-overlay);pointer-events:none}.based-collections__tile-label{position:absolute;left:24px;bottom:24px;z-index:1;display:inline-flex;align-items:center;gap:var(--space-2);font-size:1.4rem;font-weight:500;text-transform:uppercase;letter-spacing:var(--letter-spacing-sm);color:var(--color-text);transition:color var(--duration-hover) var(--ease-hover)}.based-collections__tile-label .icon{transition:transform var(--duration-hover) var(--ease-hover)}.based-collections__tile:hover .based-collections__tile-label{color:var(--color-gold-light)}.based-collections__tile:hover .based-collections__tile-label .icon{transform:translate(4px)}@media screen and (max-width:749px){.based-collections__inner{padding:112px 16px 40px}.based-collections__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.based-collections__tile-label{left:16px;bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection.css.map */