.collection-template{padding:24px 0}.load-previous-container{margin-bottom:24px;text-align:center}.btn-load-previous{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--Alpha-dark-70);border:1px solid var(--Alpha-dark-10);padding:12px 24px;font-size:16px;font-weight:400;border-radius:100px;cursor:pointer;transition:all .3s ease-in-out}.btn-load-previous:hover{border-color:var(--Alpha-dark-70)}.btn-load-previous:disabled{opacity:.6;cursor:not-allowed}.container{max-width:1400px;margin:0 auto;padding:0 20px}.collection-content{display:flex;flex-direction:column;gap:16px}.collection-sidebar{display:flex;flex-direction:column;gap:0;margin-bottom:30px;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#fff;z-index:999;transform:translate(-100%);transition:transform .3s ease-in-out}.collection-sidebar.mobile-active{transform:translate(0)}.collection-sidebar header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.sidebar-filters{padding:0 16px;overflow-y:auto;flex-grow:1}.btn-close-filters{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:#000;padding:0}.filter-group{border-bottom:1px solid #e0e0e0;padding:16px 0}.filter-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:0;font-size:14px;font-weight:500;cursor:pointer;text-align:left}.filter-toggle svg{flex-shrink:0}.filter-content{margin-top:12px;display:none}.filter-toggle[aria-expanded=true]+.filter-content{display:block}.filter-list{list-style:none;margin:0;padding:0}.filter-color-label{display:inline-block;cursor:pointer;position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.filter-color-checkbox{position:absolute;opacity:0;pointer-events:none}.filter-color-item{width:32px;height:32px;border-radius:100%;border:1px solid var(--Alpha-dark-10);display:block;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .2s ease}.filter-color-checkbox:checked+.filter-color-item{outline:2px solid black;border:2px solid white;margin:2px}.filter-list{display:flex;flex-direction:column;gap:8px}.filter-list-color,.filter-list-size{flex-direction:row;flex-wrap:wrap;gap:4px}.filter-label{position:relative;padding-left:28px;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease;text-transform:capitalize}.filter-label:focus{text-decoration:underline}.filter-label:hover{text-decoration:underline}.filter-label:before{content:"";width:20px;height:20px;border-radius:4px;position:absolute;background:transparent;border:1px solid rgba(0,0,0,.1);left:0;top:0}.filter-checkbox{position:absolute;opacity:0;pointer-events:none}.filter-checkbox:checked+.filter-text:before,.filter-label:has(.filter-checkbox:checked):before{background-color:#000;border-color:#000}.filter-checkbox:checked+.filter-text:after,.filter-label:has(.filter-checkbox:checked):after{content:url('data:image/svg+xml,<svg class="bg-black text-white w-5 h-5 z-[2] rounded absolute left-0 top-0 block" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6932 4.81683L6.38647 12.1236L2.30664 8.04382L3.24945 7.10095L6.38647 10.238L12.7504 3.87402L13.6932 4.81683Z" fill="white"></path></svg>');position:absolute;left:2px;top:2px;color:#fff;font-size:12px;font-weight:700}.filter-button-item .filter-label{display:flex;min-height:40px;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--Alpha-dark-10);background-color:transparent;padding:0 16px;font-size:16px;color:var(--Alpha-dark-70);transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;height:100%;-webkit-user-select:none;user-select:none}.filter-button-item .filter-label:before{display:none}.filter-button-item .filter-label:hover,.filter-button-item .filter-label.active{text-decoration:none;box-shadow:0 138px 38px #0000,0 88px 35px #00000003,0 50px 30px #0000000a,0 22px 22px #0000000d,0 6px 12px #00000012}.filter-button-item .filter-label:hover{border-color:#000}.filter-button-item .filter-checkbox:checked+.filter-text,.filter-button-item .filter-label:has(.filter-checkbox:checked){border-color:#000;font-weight:700}.filter-button-item .filter-label.disabled{cursor:not-allowed;background-color:#0000001a}.filter-button-item .filter-text{justify-content:center}.filter-button-item .filter-count{display:none}.filter-button-item img{width:20px;height:20px;object-fit:contain;object-position:center}.filter-list-size{flex-direction:row;flex-wrap:wrap;gap:8px}.filter-list-team{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.filter-list-team .filter-button-item .filter-text{padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;text-align:center}.price-range-filter{padding:8px 0}.price-inputs{display:flex;align-items:center;gap:10px}.price-field{flex:1}.price-field label{display:block;font-size:12px;color:#666;margin-bottom:4px}.price-input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.price-separator{margin-top:20px;color:#999}.active-filters{padding:16px 0;border-bottom:1px solid #e0e0e0}.active-filters-title{font-size:14px;font-weight:500;margin:0 0 12px}.active-filter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f0f0f0;border:1px solid #ddd;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s}.filter-tag:hover{background:#e0e0e0}.filter-tag .icon-close{flex-shrink:0}.clear-all-filters{font-size:13px;color:#333;text-decoration:underline;cursor:pointer}.clear-all-filters:hover{text-decoration:none}.sort-controls{position:relative;display:inline-block}.sort-options{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--Alpha-dark-10);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:3;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease-in-out;min-width:max-content;padding:8px 0;margin-top:4px}.sort-options.active{opacity:1;visibility:visible;transform:translateY(0)}.sort-item{padding:0;margin:0}.sort-label{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .15s ease;font-size:14px;color:var(--Alpha-dark-70);width:100%;position:relative;gap:8px}.sort-label:hover{background-color:#f5f5f5;color:var(--Alpha-dark-100)}.sort-radio{position:absolute;opacity:0;pointer-events:none}.sort-text{flex:1;font-weight:400;transition:all .15s ease}.sort-radio:checked+.sort-text{font-weight:500;color:var(--Alpha-dark-100)}.sort-check{display:none;margin-left:auto}.sort-radio:checked+.sort-text+.sort-check{display:block;content:url('data:image/svg+xml,<svg class="bg-black text-white w-5 h-5 z-[2] rounded absolute left-0 top-0 block" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6932 4.81683L6.38647 12.1236L2.30664 8.04382L3.24945 7.10095L6.38647 10.238L12.7504 3.87402L13.6932 4.81683Z" fill="black"></path></svg>');width:16px;height:16px;flex-shrink:0}.sort-label:has(.sort-radio:checked){background-color:var(--Alpha-dark-10);color:var(--Alpha-dark-100)}.sort-item.selected .sort-label{background-color:var(--Alpha-dark-10);color:var(--Alpha-dark-100)}.sort-item.selected .sort-text{font-weight:500;color:var(--Alpha-dark-100)}.btn-sort[aria-expanded=true]{border-color:var(--Alpha-dark-70)}.btn-sort[aria-expanded=true] .icon-dropdown{transform:rotate(180deg)}.icon-dropdown{transition:transform .2s ease}.collection-main{flex:1;display:flex;flex-direction:column;gap:var(--section-m)}.collection-header{display:flex;justify-content:space-between;align-items:center;gap:8px}@media (max-width: 992px){.collection-header{position:sticky;top:97px;background:#fff;z-index:9;width:100vw;margin:0 -16px;padding:12px 16px}}@media (min-width: 768px) and (max-width: 992px){.collection-header{top:111px}}.product-count{color:var(--Alpha-dark-70);font-size:16px;font-weight:400;line-height:100%}.collection-header-controls{display:flex;gap:8px;align-items:center}.btn-sort,.btn-hide-filter{display:flex;align-items:center;justify-content:center;text-align:center;height:var(--buttons-small-height);padding:0 16px;gap:8px;background:none;border:1px solid var(--Alpha-dark-10);font-size:16px;cursor:pointer;border-radius:8px;color:var(--Alpha-dark-70);font-weight:400;line-height:100%;transition:all .3s ease-in-out;white-space:nowrap;min-width:0}.btn-sort{max-width:120px}[data-sort-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.btn-sort:hover,.btn-hide-filter:hover{border-color:var(--Alpha-dark-70)}.btn-hide-filter span{display:flex;align-items:center;gap:8px;justify-content:center;text-align:center}.btn-hide-filter.active .hide-filter-text,.btn-hide-filter .show-filter-text{display:flex}.btn-hide-filter.active .show-filter-text,.btn-hide-filter .hide-filter-text{display:none}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;overflow-y:visible;overflow-x:hidden}ul.products-grid{margin:0;padding:0;list-style:none}.products-grid li{list-style:none}.products-grid li .product-item{border-radius:12px;overflow:hidden;z-index:0;border:1px solid transparent;transition:box-shadow .3s ease-in-out}.product-item{text-align:center;opacity:0;animation:fadeIn .4s ease forwards}@media (min-width: 992px){.products-grid li .product-item:hover{border:1px solid var(--Alpha-dark-5);box-shadow:var(--shadow-02);z-index:1}}@keyframes fadeIn{to{opacity:1}}.empty-products-message{text-align:center;padding:60px 20px;margin:40px 0}.empty-products-content{max-width:400px;margin:0 auto}.empty-products-title{font-size:24px;font-weight:500;color:var(--Alpha-dark-100, #333);margin-bottom:16px;line-height:1.3}.empty-products-text{font-size:16px;color:var(--Alpha-dark-70, #666);line-height:1.5;margin-bottom:32px}.btn-clear-filters{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background-color:var(--Alpha-dark-100, #333);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:44px}.btn-clear-filters:hover{background-color:var(--Alpha-dark-80, #555);transform:translateY(-1px)}.btn-clear-filters:active{transform:translateY(0)}.infinite-scroll-trigger{height:20px;margin-top:40px;display:block!important}.infinite-scroll-loader{text-align:center;padding:40px 20px;display:flex;align-items:center;justify-content:center;gap:12px}.loader-spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-more-products{text-align:center;padding:40px 20px;color:#666}@media (min-width: 992px){.collection-template{padding:48px 0}.collection-content{flex-direction:row;gap:0}.collection-sidebar{width:310px;flex-shrink:0;transition:all .3s ease-in-out;max-width:0;opacity:0;position:static;inset:initial;height:auto;background:transparent;transform:none;margin-bottom:0;z-index:0}.collection-sidebar.desktop-active,.collection-sidebar{display:flex;max-width:310px;opacity:1;transform:none;padding-right:16px}.collection-sidebar.desktop-hidden{display:flex;max-width:0;opacity:0;transform:none;padding-right:0}.collection-sidebar header{display:none}.sidebar-filters{padding:0;overflow-y:visible;flex-grow:0}.btn-close-filters{display:none}.collection-header{gap:16px}.btn-sort{max-width:none}[data-sort-current]{max-width:200px}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--section-m)}.empty-products-message{padding:80px 40px}.empty-products-title{font-size:32px}.empty-products-text{font-size:18px}}@media (min-width: 1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}.filter-search-container{position:relative;margin-bottom:16px}.filter-search-input{width:100%;padding:12px 44px 12px 16px;border:1px solid var(--Alpha-dark-20, #e0e0e0);border-radius:8px;font-size:16px;color:var(--Alpha-dark-100, #333);background-color:#fff;transition:all .2s ease;box-sizing:border-box}.filter-search-input:focus{outline:none;border-color:var(--Alpha-dark-70, #666);box-shadow:0 0 0 2px #0000001a}.filter-search-input::placeholder{color:var(--Alpha-dark-50, #999);font-size:14px}.icon-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--Alpha-dark-50, #999);pointer-events:none}.filter-search-input:focus+.icon-search{color:var(--Alpha-dark-70, #666)}.filter-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:var(--Alpha-dark-30, #ccc);cursor:pointer;position:relative}.filter-search-input::-webkit-search-cancel-button:hover{background:var(--Alpha-dark-50, #999)}.applied-filters-section{padding:16px 0;margin-bottom:var(--section-s)}.applied-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.applied-filters-title{font-size:14px;font-weight:600;color:var(--Alpha-dark-100, #333);margin:0}.btn-clear-all-filters{background:none;border:1px solid var(--Alpha-dark-30, #ccc);color:var(--Alpha-dark-70, #666);padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-clear-all-filters:hover{border-color:var(--Alpha-dark-70, #666);color:var(--Alpha-dark-100, #333)}.applied-filters-list{display:flex;flex-wrap:wrap;gap:8px}.applied-filter-item{display:flex;align-items:center;background-color:#000;border:1px solid #000;border-radius:6px;padding:6px 8px;font-size:12px;max-width:100%}.applied-filter-content{display:flex;align-items:center;gap:6px;flex:1;min-width:0;color:#fff}.applied-filter-content .filter-logo{width:16px;height:16px;flex-shrink:0}.applied-filter-text{color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.applied-filter-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin-left:8px;font-size:16px;line-height:1;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.applied-filter-remove:hover{color:var(--Alpha-light-50)}.filter-empty-results{display:none;padding:16px 0;text-align:center;color:var(--Alpha-dark-50, #999);font-size:14px;font-style:italic}.filter-empty-results.show{display:block}.products-grid.loading{opacity:.6;pointer-events:none;position:relative;will-change:opacity;transition:opacity .2s ease}.products-grid.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.filter-color-item,.filter-label,.sort-label{will-change:transform}.filter-color-item:hover,.filter-label:hover,.sort-label:hover{transform:translateZ(0)}@media (max-width: 991px){.filter-search-input{min-height:44px;font-size:16px}.icon-search{width:24px;height:24px}}@media (min-width: 992px){.filter-search-container{margin-bottom:12px}.filter-search-input{padding:10px 40px 10px 14px;font-size:14px}.filter-search-input::placeholder{font-size:13px}}@media (max-width: 480px){.btn-sort{max-width:100px}[data-sort-current]{max-width:80px}}@media (min-width: 1400px){.collection-sidebar.desktop-hidden~.collection-main .products-grid{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/4354/assets/section-new-main-collection.css.map */