.main-collection{background:var(--bg);color:var(--fg);padding-block:var(--mc-pad-top, 80px) var(--mc-pad-bottom, 120px)}.main-collection__inner{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-5)}.main-collection__header{margin-bottom:var(--space-7)}.main-collection__header-text{max-width:var(--container-text);display:flex;flex-direction:column;gap:var(--space-3)}.main-collection__header-text--band{max-width:none;align-items:center;text-align:center;gap:var(--space-4);background:color-mix(in srgb,var(--accent) 10%,var(--bg));border-radius:var(--radius-3);padding:clamp(48px,8vw,104px) var(--space-5)}.main-collection__header-text--band .main-collection__heading{font-size:clamp(2.5rem,7vw,4.5rem)}.main-collection__header-text--band .main-collection__description{max-width:60ch;margin-inline:auto}.main-collection__heading{margin:0;font-size:clamp(2.25rem,6vw,4rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.main-collection__description{margin:0;color:var(--muted);line-height:var(--leading-normal)}.main-collection__description p{margin:0 0 var(--space-3)}.main-collection__description p:last-child{margin-bottom:0}.main-collection__description-full{margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid color-mix(in srgb,var(--fg) 12%,transparent);max-width:68ch;color:var(--muted);line-height:var(--leading-normal)}.main-collection__description-full>:first-child{margin-top:0}.main-collection__description-full>:last-child{margin-bottom:0}.main-collection__description-full h2,.main-collection__description-full h3{color:var(--fg);margin:var(--space-5) 0 var(--space-2)}.main-collection__description-full p{margin:0 0 var(--space-3)}.main-collection__description-full ul,.main-collection__description-full ol{margin:0 0 var(--space-3) var(--space-5)}.main-collection__description-full li{margin-bottom:var(--space-1)}.main-collection__description-full hr{border:0;height:1px;background:color-mix(in srgb,var(--fg) 12%,transparent);margin:var(--space-5) 0}.main-collection__description-full a{color:var(--fg);text-decoration:underline;text-underline-offset:2px}.main-collection__description-full a:hover{color:var(--accent)}.main-collection__description-full strong{color:var(--fg)}.main-collection__hero{position:relative;overflow:hidden;border-radius:var(--radius-3);min-height:320px;margin-bottom:var(--space-5)}.main-collection__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.main-collection__hero-overlay{position:relative;z-index:1;padding:var(--space-8) var(--space-7);background:linear-gradient(to top,#0000009e,#00000057 38%,#0000 78%);min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.main-collection__hero-overlay .main-collection__heading{color:#fff;text-shadow:0 1px 24px rgba(0,0,0,.35)}.main-collection__intro{max-width:68ch;margin:var(--space-5) 0 0;color:var(--muted);line-height:var(--leading-normal);font-size:var(--type-200)}.main-collection__intro>:first-child{margin-top:0}.main-collection__intro>:last-child{margin-bottom:0}.main-collection__toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.main-collection__count{margin:0;font-size:var(--type-100);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.main-collection__controls{display:flex;align-items:center;gap:var(--space-3)}.main-collection__grid{display:grid;gap:var(--space-5) var(--space-4);grid-template-columns:repeat(var(--mcols, 2),minmax(0,1fr))}.main-collection--mcols-1{--mcols: 1}.main-collection--mcols-2{--mcols: 2}@media(min-width:750px){.main-collection__grid{grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:var(--space-6) var(--space-5)}.main-collection--cols-2{--cols: 2}.main-collection--cols-3{--cols: 3}.main-collection--cols-4{--cols: 4}.main-collection--cols-5{--cols: 5}}.main-collection__pagination{margin-top:var(--space-8);display:flex;justify-content:center}.main-collection__pagination .pagination{display:flex;gap:var(--space-2);flex-wrap:wrap;list-style:none;padding:0;margin:0}.main-collection__pagination .pagination li a,.main-collection__pagination .pagination li span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1.5px solid var(--border);color:var(--fg);text-decoration:none;font-size:var(--type-200);font-weight:var(--weight-medium);transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.main-collection__pagination .pagination li a:hover{border-color:var(--fg);background:var(--fg);color:var(--bg)}.main-collection__pagination .pagination li.active span{background:var(--fg);color:var(--bg);border-color:var(--fg)}.main-collection__more{margin-top:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.main-collection__more-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:14px 28px;border-radius:var(--radius-pill);border:1.5px solid var(--fg);background:transparent;color:var(--fg);font:inherit;font-size:var(--type-200);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.main-collection__more-button:hover{background:var(--fg);color:var(--bg)}.main-collection__more-button[data-state=loading]{pointer-events:none;cursor:progress}.main-collection__more-spinner{display:none;animation:mcSpin .8s linear infinite}@keyframes mcSpin{to{transform:rotate(360deg)}}.main-collection__more-button[data-state=loading] .main-collection__more-spinner{display:inline-grid;place-items:center}.main-collection__more-status{margin:0;font-size:var(--type-100);color:var(--muted);min-height:1.2em}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-main-collection.css.map */