.main-collection{width:100%;max-width:min(100%,var(--page-width));margin:0 auto;padding:var(--main-collection-pad-top, 0) var(--section-pad-inline-end) var(--main-collection-pad-bottom, 4rem) var(--section-pad-inline-start);box-sizing:border-box;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.main-collection__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.2rem 2rem;margin:0 0 3.2rem}.main-collection__title{margin:0;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:600;letter-spacing:.096rem;line-height:2.52rem;text-transform:uppercase}.main-collection__title a{color:inherit;text-decoration:none}.main-collection__view-all{border-bottom:.1rem solid currentColor;color:inherit;font-size:1.4rem;line-height:1.6;text-decoration:none;white-space:nowrap}.main-collection__view-all:hover{opacity:.7}.main-collection__intro{width:100%;max-width:45rem;margin:-1.6rem 0 3.2rem;font-size:1.4rem;line-height:2.1rem;color:rgba(var(--color-foreground),.75)}.main-collection__grid{display:grid;grid-template-columns:repeat(var(--main-collection-columns-mobile, 2),minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}.main-collection__empty{margin:0;font-size:1.6rem;line-height:2.4rem}.main-collection__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem 1.2rem;margin:4rem 0 0}.main-collection__pagination .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin:0;padding:0;list-style:none}.main-collection__pagination a,.main-collection__pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:4rem;min-height:4rem;padding:0 1.2rem;border:.1rem solid transparent;color:inherit;font-size:1.4rem;text-decoration:none}.main-collection__pagination a:hover{border-color:rgb(var(--color-foreground));text-decoration:none}.main-collection__pagination .current{border-color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.main-collection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.main-collection__grid{grid-template-columns:repeat(var(--main-collection-columns, 4),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-collection.css.map */