:root{--primary-brand: #FF6D1F;--text-dark: #111;--text-light: #666;--border-color: #e0e0e0;--radius-lg: 12px;--radius-md: 6px;--sidebar-width: 260px}.custom-collection-grid{padding:8px 0 20px}.custom-collection-layout{display:block}@media(min-width:990px){.custom-collection-layout.has-sidebar{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:40px;align-items:start}.custom-grid-container{grid-template-columns:repeat(3,1fr)!important;gap:30px}}.custom-sidebar{position:relative;top:0;height:fit-content;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:30px}.sidebar-block{border-bottom:1px solid var(--border-color)}.sidebar-title{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:none;border:none;font-size:.8125rem;font-weight:800;color:var(--text-dark);text-transform:uppercase;letter-spacing:.8px;cursor:pointer}.sidebar-title .icon{transition:transform .3s ease;color:#888}.sidebar-block.is-open .sidebar-title .icon{transform:rotate(180deg)}.sidebar-content-wrapper{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .3s ease,padding .3s ease}.sidebar-block.is-open .sidebar-content-wrapper{max-height:500px;padding:0 20px 20px}.filter-list{list-style:none;padding:0;margin:0}.filter-list li{margin-bottom:12px}.filter-list li:last-child{margin-bottom:0}.filter-checkbox-label{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--text-light);cursor:pointer}.filter-checkbox-label input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.custom-checkbox{width:18px;height:18px;border:2px solid #bbb;border-radius:4px;position:relative;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0}.filter-checkbox-label input:focus-visible+.custom-checkbox{outline:2px solid var(--primary-brand);outline-offset:2px}.filter-checkbox-label input:checked+.custom-checkbox{background:var(--primary-brand);border-color:var(--primary-brand)}.filter-checkbox-label input:checked+.custom-checkbox:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-checkbox-label input:disabled+.custom-checkbox{opacity:.4;cursor:not-allowed}.filter-checkbox-label input:disabled~.label-text{opacity:.4}.count{margin-left:auto;color:#888;font-size:.6875rem}.sort-by-wrapper{display:flex;align-items:center;gap:8px}.sort-by-wrapper label{font-size:.75rem;font-weight:700;color:var(--text-light);text-transform:uppercase;white-space:nowrap}.sort-by-select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='3'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 30px 8px 12px;font-size:.8125rem;color:var(--text-dark);cursor:pointer;min-width:160px}.sort-by-select:focus-visible{outline:2px solid var(--primary-brand);outline-offset:1px}.custom-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;transition:opacity .3s ease}@media(min-width:768px){.custom-grid-container{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1200px){.custom-grid-container{grid-template-columns:repeat(3,1fr);gap:30px}}.custom-recastle-card{padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease}.custom-recastle-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000f}.prod-img{display:block;position:relative;width:100%;height:var(--image-height, 280px);overflow:hidden;border-radius:var(--radius-md);margin-bottom:15px;background:#f9f9f9}.prod-img img{width:100%;height:100%;object-fit:var(--image-fit, contain);transition:opacity .4s ease}.prod-img .hover-image{position:absolute;top:0;left:0;opacity:0}@media(hover:hover){.prod-img .hover-image{transition:opacity .3s ease}.prod-img:hover .hover-image{opacity:1}.prod-img:hover .main-image{opacity:0}}.card-title{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{color:var(--primary-brand)}.prod-offer{display:flex;align-items:center;gap:8px;margin-bottom:15px}.price{font-size:1.25rem;font-weight:900;color:var(--primary-brand)}.prod-offer del{color:#888;font-size:.9375rem}.discount-text{color:#e02229;font-size:.875rem;font-weight:800}.single_add_to_cart_button{background-color:var(--primary-brand);border-radius:var(--radius-md);height:46px;display:flex;align-items:center;justify-content:center;border:none;color:#fff;font-weight:800;font-size:.8125rem;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease;width:100%;margin-top:auto}.single_add_to_cart_button:hover{background-color:#d74b00}.single_add_to_cart_button:disabled{background-color:#ccc;color:#888;cursor:not-allowed}.single_add_to_cart_button:focus-visible{outline:2px solid var(--primary-brand);outline-offset:2px}.loading-overlay__spinner{display:none}.loading-overlay__spinner .spinner{width:20px;height:20px;animation:spinner-rotate .8s linear infinite}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;width:100%;gap:8px}.badges-wrapper{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.offer-banner{background:#fdf2f2;color:#e02229;padding:4px 10px;border-radius:4px;font-size:.6875rem;font-weight:900;display:inline-flex;align-items:center;height:22px}.rating{display:inline-flex;align-items:center;height:22px;flex-shrink:0}.star-rating{display:inline-flex;gap:2px;color:#ffb800;font-size:.875rem;line-height:1;position:relative}.star--empty{color:#e0e0e0}.star--half{position:relative;color:#e0e0e0}.star--half:after{content:"\2605";position:absolute;left:0;top:0;width:50%;overflow:hidden;color:#ffb800}.active-filters-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.active-filter-pill{padding:6px 14px;background:#f0f2f8;color:var(--primary-brand);border-radius:25px;font-size:.75rem;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .2s ease,background-color .2s ease}.active-filter-pill:hover{background:var(--primary-brand);color:#fff}.active-filter-pill:focus-visible{outline:2px solid var(--primary-brand);outline-offset:2px}@media(max-width:767px){.custom-collection-grid{padding:8px 0 15px}.custom-grid-container{grid-template-columns:repeat(2,1fr)!important;gap:10px;padding:0}.custom-recastle-card{padding:10px;border-radius:10px}.prod-img{height:180px;margin-bottom:10px}.card-header{margin-bottom:8px}.badges-wrapper{width:auto}.card-title{font-size:.9375rem;min-height:auto;margin-bottom:8px}.price{font-size:1.1rem}.prod-offer{margin-bottom:10px;gap:6px}.prod-offer del{font-size:.6875rem}.single_add_to_cart_button{height:40px;font-size:.6875rem}.offer-banner{font-size:.5625rem;padding:3px 6px;height:18px}.badge{font-size:.5rem;padding:2px 4px}.custom-sidebar{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100%;z-index:400;margin:0;transform:translate(-100%);transition:transform .3s ease;box-shadow:10px 0 30px #0000001a;background:#fff;border:none;border-radius:0;display:flex;flex-direction:column}.custom-sidebar.active{transform:translate(0)}.sidebar-inner-header{background:var(--primary-brand)!important;color:#fff!important;padding:16px 20px!important;border-bottom:none!important}.sidebar-inner-header span,.sidebar-inner-header a{color:#fff!important}.sidebar-close-btn{display:flex!important;align-items:center;justify-content:center;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1;min-width:44px;min-height:44px}.facets__form{height:100%;overflow-y:auto;padding-bottom:60px}.mobile-filter-bar{display:flex!important;justify-content:space-between;align-items:center;background:#fff;padding:12px 15px;border:1px solid var(--border-color);border-radius:10px;margin-bottom:15px;box-shadow:0 2px 10px #0000000d}.btn-mobile-filter{display:flex;align-items:center;gap:10px;background:none;border:none;font-weight:800;font-size:.875rem;text-transform:uppercase;color:var(--text-dark);cursor:pointer;min-height:44px}.btn-mobile-filter:focus-visible{outline:2px solid var(--primary-brand);outline-offset:2px}.filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:399;display:none}.filter-overlay.active{display:block}.sort-by-wrapper{display:none}.mobile-sort-wrapper{display:flex!important}}.sidebar-close-btn,.mobile-filter-bar,.mobile-sort-wrapper{display:none}@media(max-width:767px){.qv-modal-content{grid-template-columns:1fr!important;padding:20px!important;width:95%!important;max-height:85vh}.qv-image-wrapper img{max-height:250px;object-fit:contain;width:100%;margin-bottom:15px}.qv-title{font-size:1.25rem!important;margin-bottom:8px}.qv-price{font-size:1.125rem!important;margin-bottom:15px}.qv-description{font-size:.8125rem!important;line-height:1.5;margin-bottom:20px}.qv-add-btn{padding:12px!important;font-size:.8125rem!important}}@media(max-width:480px){.prod-img{height:160px}}.badge{font-size:.625rem;font-weight:800;padding:3px 6px;border-radius:4px;color:#fff;text-transform:uppercase;line-height:1}.badge-bestseller{background-color:#e68a00}.badge-new{background-color:#2e8b57}.stock-alert{color:#d32f2f;font-size:.75rem;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:4px}.quick-actions{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .3s ease;z-index:2}@media(hover:hover){.prod-img:hover .quick-actions{opacity:1}}.btn-quick-view{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dark);box-shadow:0 4px 10px #0000001a;cursor:pointer;border:none;transition:transform .2s,color .2s}.btn-quick-view:hover{transform:scale(1.1);color:var(--primary-brand)}.btn-quick-view:focus-visible{outline:2px solid var(--primary-brand);outline-offset:2px}@media(max-width:767px){.quick-actions{opacity:1;top:auto;bottom:8px;right:8px}.btn-quick-view{width:34px;height:34px}.btn-quick-view svg{width:16px;height:16px}}.flavor-swatches{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.swatch-circle{width:14px;height:14px;border-radius:50%;border:1px solid #ddd;display:inline-block}.swatch-more{font-size:.6875rem;color:#666;display:flex;align-items:center}.qv-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:500;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.qv-modal-overlay.open{opacity:1;visibility:visible}.qv-modal-content{background:#fff;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:12px;position:relative;display:grid;grid-template-columns:1fr;padding:30px;gap:30px;transform:translateY(20px);transition:transform .3s ease}.qv-modal-overlay.open .qv-modal-content{transform:translateY(0)}@media(min-width:768px){.qv-modal-content{grid-template-columns:1fr 1fr;padding:40px}}.qv-close-btn{position:absolute;top:10px;right:10px;background:#fff;border:none;font-size:1.5rem;cursor:pointer;line-height:1;color:#555;z-index:2;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%}.qv-close-btn:hover{background:#f5f5f5}.qv-close-btn:focus-visible{outline:2px solid var(--primary-brand);outline-offset:2px}.qv-image-wrapper img{width:100%;height:auto;border-radius:8px;object-fit:contain}.qv-details{display:flex;flex-direction:column}.qv-title{font-size:1.5rem;font-weight:800;margin-bottom:10px;color:var(--text-dark)}.qv-price{font-size:1.25rem;font-weight:700;color:var(--primary-brand);margin-bottom:20px}.qv-description{font-size:.875rem;color:#666;line-height:1.6;margin-bottom:25px}.qv-add-btn{margin-top:auto;width:100%;padding:15px;background:var(--primary-brand);color:#fff;border:none;border-radius:6px;font-weight:800;cursor:pointer;text-transform:uppercase;text-decoration:none;text-align:center;display:block;transition:background-color .2s ease}.qv-add-btn:hover{background:#d74b00}.qv-add-btn:focus-visible{outline:2px solid var(--primary-brand);outline-offset:2px}.no-products{grid-column:1 / -1;text-align:center;padding:60px 20px}.no-products h2{color:#888;font-size:1.125rem;font-weight:700;margin-bottom:16px}.no-products p{color:var(--text-light);font-size:.875rem;margin-bottom:20px}.no-products .btn-clear-filters{display:inline-block;padding:12px 24px;background:var(--primary-brand);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:700;font-size:.875rem;transition:background-color .2s ease}.no-products .btn-clear-filters:hover{background:#d74b00}.load-more-container{grid-column:1 / -1;text-align:center;margin-top:40px}.btn-load-more{display:inline-block;padding:14px 40px;background:var(--primary-brand);color:#fff;border:none;border-radius:30px;font-weight:800;font-size:.875rem;text-transform:uppercase;cursor:pointer;min-width:200px;transition:background-color .2s ease}.btn-load-more:hover{background:#d74b00}.btn-load-more:focus-visible{outline:2px solid var(--primary-brand);outline-offset:2px}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{display:none;margin:0 auto}.loading-spinner .spinner{width:30px;height:30px;animation:spinner-rotate 1s linear infinite}.loading-spinner .spinner .path{stroke:var(--primary-brand);stroke-dasharray:150;stroke-dashoffset:50}.product-count-text{font-size:.75rem;color:#666}.sidebar-inner-header{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-inner-header .filter-label{font-weight:800;font-size:.875rem;text-transform:uppercase}.clear-all-link{text-decoration:none;color:var(--primary-brand);font-size:.75rem;font-weight:600}.clear-all-link:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/custom-collection-grid.css.map */