.product-grid.is-loading{position:relative;min-height:200px}.product-grid.is-loading:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #e8e8e8;border-top-color:#333;border-radius:50%;animation:filter-loading-spin .8s linear infinite}.product-grid.is-loading>*{opacity:.4;pointer-events:none}@keyframes filter-loading-spin{to{transform:rotate(360deg)}}.active-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.active-filters-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.clear-all-btn{background:#f0f0f0;border:1px solid #ddd;color:#666;font-size:12px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:#e0e0e0;color:#333}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s ease}.active-filter-tag:hover{background:#f8f8f8;border-color:#ccc}.active-filter-tag .filter-value{color:#333;font-weight:500;margin-right:8px}.active-filter-tag .remove-filter{color:#999;cursor:pointer;font-size:14px;line-height:1;transition:color .2s ease}.active-filter-tag .remove-filter:hover{color:#333}.collection .all-filters .list-filter,.related-products .all-filters .list-filter{margin-bottom:20px}.collection .all-filters .list-filter ul,.related-products .all-filters .list-filter ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column}.collection .all-filters .list-filter li,.related-products .all-filters .list-filter li{display:flex;align-items:center;padding:0;cursor:pointer;transition:background-color .2s ease}.collection .all-filters .list-filter li:hover,.related-products .all-filters .list-filter li:hover{background-color:#f8f8f8}.collection .all-filters .list-filter input[type=checkbox],.related-products .all-filters .list-filter input[type=checkbox]{margin-right:8px;cursor:pointer}.collection .all-filters .list-filter label,.related-products .all-filters .list-filter label{display:flex;align-items:center;width:100%;cursor:pointer;font-size:14px;color:#333}.collection .all-filters .price-inputs,.related-products .all-filters .price-inputs{display:flex;gap:10px;margin-bottom:10px}.collection .all-filters .price-inputs label,.related-products .all-filters .price-inputs label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#666}.collection .all-filters .price-inputs input,.related-products .all-filters .price-inputs input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100px}.collection .all-filters .price-inputs input:focus,.related-products .all-filters .price-inputs input:focus{outline:none;border-color:#999}.soldout-marker{position:absolute}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;margin:0;list-style:none}.loading-products,.no-results{grid-column:1 / -1;text-align:center;padding:40px 20px;font-size:16px;color:#666;background:#f8f8f8;border-radius:4px;border:1px solid #eee}.shirt-collection .product-grid,.buttons-collection .product-grid{grid-template-columns:repeat(4,1fr);gap:20px}.product-grid-item{position:relative;width:100%;margin-bottom:30px}.product-grid-item .product-link{display:block;text-decoration:none;color:inherit;height:100%}.prod-image-wrap{position:relative;width:100%;padding-bottom:164.29%;overflow:hidden}.product-images{position:absolute;top:0;left:0;width:100%;height:100%}.primary-image,.secondary-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease}.primary-image img,.secondary-image img{width:100%;height:100%;object-fit:cover}.secondary-image,.product-grid-item:hover .primary-image{opacity:0}.product-grid-item:hover .secondary-image{opacity:1}.discount-marker,.soldout-marker,.low-stock_marker{position:absolute;width:fit-content;z-index:2;padding:8px 14px;font-size:12px;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:600;text-transform:uppercase;color:#fff}.discount-marker{bottom:20px;left:20px;background-color:red}.soldout-marker{bottom:20px;right:20px;background-color:#000000b3;transform:none}.low-stock_marker{bottom:20px;right:20px;background-color:#000a46}.swym-wishlist-collections-v2-container button,.swym-wishlist-collections-v2-container .swym-button,.swym-wishlist-collections-v2-container a{background:transparent!important;border:none!important;padding:0!important}.swym-wishlist-collections-v2-container button:hover,.swym-wishlist-collections-v2-container button:focus,.swym-wishlist-collections-v2-container .swym-button:hover,.swym-wishlist-collections-v2-container .swym-button:focus,.swym-wishlist-collections-v2-container a:hover,.swym-wishlist-collections-v2-container a:focus{background:transparent!important;background-color:transparent!important}.swym-wishlist-collections-v2-container button:hover svg,.swym-wishlist-collections-v2-container button:focus svg,.swym-wishlist-collections-v2-container .swym-button:hover svg,.swym-wishlist-collections-v2-container .swym-button:focus svg,.swym-wishlist-collections-v2-container a:hover svg,.swym-wishlist-collections-v2-container a:focus svg{fill:#000!important;stroke:#000!important;color:#000!important}.prod-caption{margin-top:15px;text-align:center}.product-title{font-size:13px!important;line-height:1.7em;font-family:Roboto,Helvetica,Arial,sans-serif;color:#000a46;font-weight:300;letter-spacing:1px}.prod-price{display:block;font-size:14px}.compare-at-price{color:#999;margin-right:5px;text-decoration:line-through}.prod-clear{display:none}.product-grid:before,.product-grid:after,.product-grid-item:before,.product-grid-item:after{display:none}.product-grid-item .prod-image-wrap{position:relative;padding-bottom:164%;margin-bottom:15px;overflow:hidden}.shoes-collection .product-grid-item .prod-image-wrap{padding-bottom:134%}.buttons-collection .product-grid-item .prod-image-wrap{padding-bottom:100%}.product-grid-item .prod-image-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.product-grid-item .prod-image-wrap .second{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.product-grid-item:hover .prod-image-wrap .first{opacity:0}.product-grid-item:hover .prod-image-wrap .second{opacity:1}.product-grid-item .prod-caption{display:flex;flex-direction:column;gap:8px}.product-grid-item .prod-caption a{color:#333;text-decoration:none;font-weight:500}.product-grid-item .prod-price{font-weight:600;color:#333}.product-grid-item .compare-at-price{color:#999;text-decoration:line-through;margin-right:8px}.product-grid-item .prod-quick-add{position:absolute;bottom:0;left:0;right:0;background:#ffffffe6;padding:10px;text-align:center;transform:translateY(100%);transition:transform .3s ease;z-index:2}.product-grid-item:hover .prod-quick-add{transform:translateY(0)}.prod-quick-add .button{display:inline-block;padding:8px 16px;background:#000;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;transition:background-color .3s ease}.prod-quick-add .button:hover{background:#333}.prod-quick-add .suit-button{background:#4a90e2}.prod-quick-add .suit-button:hover{background:#357abd}@media screen and (max-width:768px){body.filter-open #collection-controls{display:none!important}.product-grid{grid-template-columns:repeat(2,1fr);gap:20px}.shirt-collection .product-grid,.buttons-collection .product-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.product-grid{grid-template-columns:1fr;gap:15px}.shirt-collection .product-grid{grid-template-columns:1fr}}#collection-controls{position:sticky;top:var(--header-height, 100px);z-index:1001;background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:2rem 0;grid-column:1 / -1}#collection-sortable{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill-sorter .collection-sorter label{display:inline-flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:9999px;padding:8px 14px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;line-height:1.2;margin:0}.pill-sorter .collection-sorter label:after{content:"";display:inline-block;width:12px;height:12px;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat center;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat center;background:currentColor}.all-filters{padding-right:0}.all-filters .filter-wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.all-filters .filter-title{margin:0 8px 0 0}.all-filters .filter-side{position:relative;border:1px solid #ddd;border-radius:9999px;background:#fff;padding:0}.all-filters .filter-side-title{cursor:pointer;padding:8px 14px;display:flex;align-items:center;gap:8px;line-height:1.2}.all-filters .filter-side-title h4{margin:0;font-size:13px;font-weight:500;line-height:1.2}.all-filters .filter-side-title span{width:12px;height:12px;display:inline-block;vertical-align:middle;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat center;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat center;background:currentColor}.all-filters .filter-side-title.opened span{background-position:0 -15px}.all-filters .filter-side .list-filter{display:none;position:absolute;top:130%;left:0;min-width:260px;max-height:300px;overflow-y:scroll;border:1px solid #ddd;border-radius:12px;background:#fff;box-shadow:0 8px 20px #00000014;padding:10px 12px 12px;z-index:1002}.all-filters .filter-side.active .list-filter{display:block}.all-filters .filter-actions{display:flex;gap:8px;margin-left:auto}.all-filters .filter-actions .btn{border-radius:9999px;padding:8px 12px;font-size:12px}.desktop-active-filters{width:100%;order:3;border-top:1px solid #ddd}.desktop-active-filters .active-filters-list{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-top:12px}.desktop-active-filters .active-filter-tag{display:inline-flex;align-items:center;gap:6px;border-radius:9999px;padding:6px 10px;background:#f5f5f5;font-size:12px}.desktop-active-filters .remove-filter{cursor:pointer}@media screen and (max-width:768px){.filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:fixed!important}body.filter-open .filter-overlay{opacity:1;visibility:visible}.mobile-filters-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;overflow:hidden}body.filter-open .mobile-filters-panel,.mobile-filters-panel.mobile-open{transform:translate(0)}.mobile-filters-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#fff;flex-shrink:0}.mobile-filters-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.mobile-filters-close{background:none;border:none;padding:8px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center}.mobile-filters-close:hover{color:#333}.mobile-filters-content{flex:1;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch}.mobile-filters-actions{padding:20px;border-top:1px solid #eee;background:#fff;flex-shrink:0}.mobile-filters-actions .btn,.mobile-filters-actions .apply-filters{width:100%;padding:12px 20px;background:#000a46;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.mobile-filters-actions .btn:hover,.mobile-filters-actions .apply-filters:hover{background:#001a66}.all-filters{display:none!important}.mobile-filter-toggle{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000a46;color:#fff;padding:12px 24px;border-radius:25px;z-index:1001;box-shadow:0 2px 10px #0003;display:flex;align-items:center;gap:8px;position:fixed!important;bottom:env(safe-area-inset-bottom,20px)!important}.mobile-filters-content .filter-side{border-top:1px solid #dddddd;margin:0;padding:22px 0}.mobile-filters-content .filter-side:first-of-type{border-top:0px}.mobile-filters-content .filter-side:last-of-type{border-bottom:1px solid #dddddd}.mobile-filters-content .filter-side-title{cursor:pointer}.mobile-filters-content .filter-side-title h4{font-weight:400;letter-spacing:1px;font-size:13px;font-family:inherit;margin-bottom:0;color:#333}.mobile-filters-content .list-filter{width:100%;overflow:hidden;padding:30px 0 20px}.mobile-filters-content .list-filter ul{list-style:none;margin:0;padding:0;width:100%;overflow:hidden}.mobile-filters-content .list-filter li{margin:0;padding:0}.mobile-filters-content .list-filter label{display:flex;align-items:center;cursor:pointer;font-size:13px;font-family:inherit;font-weight:300;letter-spacing:1px;color:#333;width:100%;text-transform:capitalize}.mobile-filters-content .list-filter input[type=checkbox]{margin-right:12px;cursor:pointer}.mobile-filters-content .price-inputs{display:flex;gap:15px;margin-top:15px}.mobile-filters-content .price-inputs label{flex:1;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#666;text-transform:none}.mobile-filters-content .price-inputs input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%}.mobile-filters-content .price-inputs input:focus{outline:none;border-color:#999}.mobile-filters-content .active-filters{padding-top:8px;border-top:1px solid #f8f8f8}.mobile-filters-content .active-filters-header{display:none}.mobile-filters-content .active-filters-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.mobile-filters-content .clear-all-btn{background:#f0f0f0;border:1px solid #ddd;color:#666;font-size:12px;padding:6px 10px;border-radius:4px;cursor:pointer;transition:all .2s ease}.mobile-filters-content .clear-all-btn:hover{background:#e0e0e0;color:#333}.mobile-filters-content .active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.mobile-filters-content .active-filter-tag{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 10px;font-size:12px;cursor:pointer;transition:all .2s ease}.mobile-filters-content .active-filter-tag:hover{background:#f8f8f8;border-color:#ccc}.mobile-filters-content .active-filter-tag .filter-value{color:#333;font-weight:500;margin-right:8px}.mobile-filters-content .active-filter-tag .remove-filter{color:#999;cursor:pointer;font-size:14px;line-height:1;transition:color .2s ease}.mobile-filters-content .active-filter-tag .remove-filter:hover{color:#333}}@media screen and (min-width:769px){.mobile-filter-toggle,.mobile-filters-panel,.filter-overlay{display:none}.all-filters{display:block!important}}.filter-wrap{height:100%}.filter-side{margin-bottom:20px}.filter-actions{position:sticky;bottom:0;background:#fff;padding:15px 0;margin-top:20px;border-top:1px solid #eee}.product-type-slider{margin-top:1.5rem;margin-bottom:0;margin-left:auto;width:auto;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.product-type-slider[hidden]{display:none}.product-type-slider__track{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:.25rem 0;scrollbar-width:thin;width:100%;min-width:0;box-sizing:border-box}.product-type-slider__track::-webkit-scrollbar{height:6px}.product-type-slider__track::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.product-type-slider__track::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.product-type-slider__card{flex:0 0 auto;width:140px;min-width:140px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;border:2px solid transparent;border-radius:6px;background:#fafafa;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease;font-family:inherit;text-align:center}.product-type-slider__card:hover:not(.is-disabled){background:#f5f5f5;transform:translateY(-2px)}.product-type-slider__card.is-active{border-color:#333;background:#fff}.product-type-slider__card.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.product-type-slider__card:focus{outline:none}.product-type-slider__card:focus-visible:not(.is-active){outline:2px solid #999;outline-offset:2px}.product-type-slider__card-image{width:100%;aspect-ratio:14 / 23;border-radius:4px;background-size:cover;background-position:center;background-color:#e8e8e8}.product-type-slider__card-label-wrapper{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:.35rem;width:100%}.product-type-slider__card-label{font-size:.875rem;font-weight:500;color:#333}.product-type-slider__card-count{font-size:.75rem;color:#666}@media(max-width:768px){.collection.container.grid{max-width:100%;overflow-x:hidden}.product-type-slider{width:100%;max-width:100%;margin-left:0;flex:1 1 100%}.product-type-slider__track{gap:.5rem}.product-type-slider__card{flex:0 0 calc(38% - .25rem);min-width:0}.product-type-slider__card-label-wrapper .product-type-slider__card-label{font-size:.75rem}.product-type-slider__card-count{font-size:.65rem}}@media(max-width:768px){.collection .TitleBanner{overflow-x:hidden;min-width:0}.collection .TitleBanner header{flex-wrap:wrap;min-width:0}.collection .TitleBanner .product-type-slider{flex:1 1 100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/collection-filters.css.map */