.collection-filters{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-bottom:1.5rem;font-family:inherit}.filter-categories{display:flex;flex-wrap:wrap;gap:10px}.filter-category-item{display:flex;align-items:center;justify-content:center;padding:8px 14px;background:#f8f8f8;border-radius:8px;text-decoration:none;color:#000;font-weight:600;transition:background .2s}.filter-category-item.active,.filter-category-item:hover{background:#000;color:#fff}.filter-stock{display:flex;align-items:center;gap:10px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px;transition:.2s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#f0f0f0;transition:.2s;border-radius:50%}input:checked+.slider{background-color:#000}input:checked+.slider:before{transform:translate(20px)}.filter-view{display:flex;align-items:center;gap:8px;margin-left:auto}.view-btn{background:none;border:none;cursor:pointer;padding:4px;opacity:.6}.view-btn.active{opacity:1}.second_row{display:flex;justify-content:flex-start}.second_row .filter-section{margin:4px 0}.third_row{display:flex;justify-content:space-between}.third_row .filter-section{margin:0 20px}.filter-grid-toggle{display:flex;align-items:center;gap:12px;margin-left:auto}.grid-toggle-btn{background:none;border:none;cursor:pointer;padding:4px;opacity:.5;transition:opacity .2s ease,transform .2s ease}.grid-toggle-btn:hover{opacity:.8;transform:scale(1.05)}.grid-toggle-btn.active{opacity:1}.grid-toggle-btn svg rect{transition:fill .2s ease}.grid-toggle-btn.active svg rect{fill:#000}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)!important}.grid-6{grid-template-columns:repeat(6,1fr)!important}@media (max-width: 749px){.main-product-card{grid-template-columns:repeat(2,1fr);gap:12px}}@media (min-width: 750px) and (max-width: 999px){.main-product-card{grid-template-columns:repeat(3,1fr);gap:16px}}.product-card{border-radius:8px}.product-card img{width:100%;height:auto;display:block}.product-card .product-title{font-size:.9rem;margin:6px 0 4px}.product-card .product-price{font-size:.85rem;color:#555}.product-card .product-card-info{margin:5px}/ .second_row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;margin-bottom:20px}.filter-section{flex:1 1 50%;min-width:250px;display:flex;flex-direction:row;gap:10px}.color-swatch{flex:0 0 auto;width:40px;height:40px;border:1px solid #b5b5b5;cursor:pointer;margin:0 2px}.color-swatch.active{box-shadow:inset 0 0 0 2px #363535}.collection-size{position:relative;background-color:#d7d7d7;padding:.125rem .75rem;text-wrap:nowrap;box-shadow:inset 0 0 0 2px #959393}.collection-size.active{box-shadow:inset 0 0 0 2px #363535}.filter-color,.filter-size{width:100%;display:flex;gap:12px}.inner-collection-scroll{width:calc(100vw - 120px);overflow:auto}@media screen and (max-width:767px){.inner-collection-scroll{width:calc(100vw - 32px)}}@media (max-width: 768px){.filter-color::-webkit-scrollbar,.filter-size::-webkit-scrollbar{height:6px}.filter-color::-webkit-scrollbar-thumb,.filter-size::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.filter-section{flex:1 1 100%}.color-swatch{width:30px;height:30px}.size-btn{padding:6px 12px;font-size:13px!important}.second_row{flex-direction:column}#product-grid .main-product-card.grid-3{grid-template-columns:repeat(2,1fr)!important}}.stock-label{text-transform:uppercase;font-size:11px;font-weight:700}@media screen and (max-width:767px){.collection-filters{flex-direction:row;flex-wrap:wrap}.collection-filters .third_row{width:70%}.collection-filters .toggle-filter{width:unset;flex:1;justify-content:end}}@media screen and (max-width:476px){.collection-filters .third_row{width:70%}.filter-size{gap:8px}.filter-size .size-btn{padding:5px 10px;font-size:12px!important}}@media screen and (max-width:440px){.toggle-filter{gap:6px;width:unset}.collection-filters .third_row{width:66%}}@media screen and (max-width:394px){.filter-size{gap:7px}.filter-size .size-btn{padding:4px 8px;font-size:11px!important}.collection-filters .third_row{width:62%;margin:0}}@media screen and (max-width:366px){.filter-size{gap:5px}.switch{width:38px}.stock-label{font-size:10px}.filter-stock{gap:7px}}@media screen and (max-width:364px){.toggle-filter{margin-right:15px;justify-content:start!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/collection-filters.css.map */