.custom-product-grid{position:relative;padding:20px}.grid-container{display:grid;gap:20px}.grid-container.grid-desktop-3{grid-template-columns:repeat(3,1fr)}.grid-container.grid-desktop-4{grid-template-columns:repeat(4,1fr)}.grid-container.grid-desktop-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 768px){.grid-container.grid-mobile-1{grid-template-columns:1fr}.grid-container.grid-mobile-2{grid-template-columns:repeat(2,1fr)}}.product-card{border:1px solid #eee;border-radius:10px;padding:12px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #00000014}.product-card img{width:100%;height:auto;border-radius:8px}.product-info{margin-top:12px}.product-info .brand{font-size:13px;color:#777;text-transform:uppercase;letter-spacing:.5px}.product-info .title{font-size:15px;font-weight:500;margin:5px 0;color:#111}.product-info .price{font-size:15px;font-weight:700;margin-top:4px;color:#000}.filter-button{background:#000;color:#fff;padding:10px 22px;border:none;border-radius:6px;cursor:pointer;margin-bottom:20px;font-size:14px;font-weight:500;transition:background .2s ease}.filter-button:hover{background:#222}.filter-panel{position:fixed;top:0;right:-100%;width:360px;height:100%;background:#fff;border-left:1px solid #eee;transition:right .3s ease;z-index:1000;display:flex;flex-direction:column}.filter-panel.active{right:0}.filter-header{padding:20px;border-bottom:1px solid #f5f5f5;font-size:16px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.filter-close{background:none;border:none;font-size:24px;cursor:pointer}.filter-content{flex-grow:1;overflow-y:auto;padding:20px}.filter-content::-webkit-scrollbar{width:6px}.filter-content::-webkit-scrollbar-track{background:transparent}.filter-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.filter-content::-webkit-scrollbar-thumb:hover{background:#999}.filter-group{border-bottom:1px solid #f5f5f5;padding:15px 0}.accordion-header{display:flex;justify-content:space-between;font-size:13px;font-weight:600;text-transform:uppercase;cursor:pointer;color:#111}.accordion-header .arrow{transition:transform .2s ease}.accordion-header.active .arrow{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0}.accordion-content.open{max-height:500px;opacity:1;margin-top:10px}.filter-group label{display:block;font-size:14px;margin:6px 0;cursor:pointer;color:#333}.filter-group input[type=checkbox]{margin-right:8px}.price-filter{display:flex;flex-direction:column;gap:12px}.price-inputs{display:flex;gap:10px}.price-inputs input{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.slider-container{position:relative;height:40px;margin-top:5px}.slider-container:before{content:"";position:absolute;height:4px;background:#ddd;border-radius:2px;width:100%;top:50%;transform:translateY(-50%);z-index:1}.slider-track{position:absolute;height:4px;background:#111;border-radius:2px;top:50%;transform:translateY(-50%);z-index:2}.slider-container input[type=range]{position:absolute;left:0;top:0;width:100%;height:40px;background:none;pointer-events:none;-webkit-appearance:none;z-index:3}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:18px;height:18px;border-radius:50%;background:#111;cursor:pointer;margin-top:-7px;border:2px solid #fff;box-shadow:0 0 3px #0000004d}.slider-container input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#111;cursor:pointer;border:2px solid #fff;box-shadow:0 0 3px #0000004d}.filter-actions{border-top:1px solid #eee;padding:15px 20px;display:flex;justify-content:space-between;gap:10px;background:#fff;position:sticky;bottom:0}.filter-actions button{flex:1;padding:12px;border:none;border-radius:6px;font-weight:500;cursor:pointer;font-size:14px;transition:all .2s ease}.filter-actions .clear-button{background:#f9f9f9;color:#333}.filter-actions .clear-button:hover{background:#f0f0f0}.filter-actions .apply-button{background:#111;color:#fff}.filter-actions .apply-button:hover{background:#000}.pagination{margin-top:30px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#444}.next-button{background:#111;color:#fff;padding:8px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.next-button:hover{background:#000}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-product-grid.css.map */