.main-collection{display:block}.main-collection__breadcrumbs{margin-bottom:40px}.main-collection__categories{margin:0 0 40px}.main-collection__categories-list{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding:0}.main-collection__category{display:flex;align-items:center;padding:20px 32px;font-size:24px;line-height:100%;white-space:nowrap;color:#000;background-color:#fff;border:1px solid #000000;border-radius:100px;cursor:pointer;transition:color .3s,background-color .3s,border-color .3s}.main-collection__category *{pointer-events:none}.main-collection__category:hover,.main-collection__category.active{color:#fff;background-color:#000;border-color:#000}.main-collection__controls-wrapper{margin:0 0 40px;border-top:1px solid #000000;border-bottom:1px solid #000000}.main-collection__controls{display:flex;align-items:stretch}.main-collection__control{width:fit-content;min-width:280px;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;font-family:var(--font-family);font-weight:300;font-size:16px;line-height:100%;color:#000;background-color:transparent;border:none;cursor:pointer}.main-collection__control *{pointer-events:none}.main-collection__control svg{width:24px;height:24px}.main-collection__control--filter{border-right:1px solid #000000}.main-collection__title{flex:1;text-align:center;font-size:24px;align-self:center}.main-collection__sort{position:relative;border-left:1px solid #000000}.main-collection__control--sort svg{width:20px;height:20px;transition:transform .3s}.main-collection__sort.open .main-collection__control--sort svg{transform:rotate(180deg)}.main-collection__sort-list{position:absolute;top:100%;right:0;z-index:3;min-width:340px;padding:32px 0;background-color:#fff;box-shadow:0 0 6px #00000026;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .3s,visibility .3s}.main-collection__sort.open .main-collection__sort-list{opacity:1;visibility:visible;transform:translateY(0)}.main-collection__sort-option{padding:10px 16px;font-size:16px;line-height:100%;cursor:pointer;transition:color .3s,background-color .3s}.main-collection__sort-option:hover{background-color:#f5f5f5}.main-collection__sort-option.active{color:#fff;background-color:#000}.main-collection__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px;padding:0}.loading .main-collection__grid{opacity:.6;pointer-events:none}.main-collection__empty{padding:64px 0;text-align:center;font-size:16px;color:#00000080}.main-collection__pagination{display:flex;justify-content:center;margin:48px 0 0}.main-collection__pagination:empty{margin:0}.main-collection__load-more{width:100%;max-width:320px;height:50px;background-color:transparent;color:#000}.main-collection__load-more .icon-loading{position:absolute}.loading .main-collection__load-more span{opacity:0}@media screen and (max-width:989px){.main-collection__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.main-collection__breadcrumbs{margin-bottom:32px}.main-collection__categories{margin:0 0 32px}.main-collection__categories-list{width:100%;flex-wrap:nowrap;overflow:auto;scroll-snap-type:x mandatory;justify-content:start;gap:12px;padding:0 20px;scroll-padding-left:20px}.main-collection__category{scroll-snap-align:start;padding:12px 20px;font-size:16px}.main-collection__title{font-size:16px}.main-collection__controls-wrapper{margin:0 0 48px}.main-collection__controls{padding:0}.main-collection__control{width:fit-content;min-width:100px;gap:8px;padding:16px 20px;font-size:12px}.main-collection__control svg{width:20px;height:20px}.main-collection__control--sort svg{width:16px;height:16px}.main-collection__sort-list{min-width:186px;padding:12px 0;box-shadow:0 0 4px #00000026}.main-collection__sort-option{font-size:14px}.main-collection__grid{grid-template-columns:repeat(2,1fr)}.main-collection__empty{padding:24px 0}.main-collection__pagination{margin:32px 0 0}}@media screen and (max-width:549px){.main-collection__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-collection.css.map */