:root{--primary-color: #CC0000;--primary-dark: #A30000;--primary-light: #DD1A1A;--secondary-color: #FFE6E6;--accent-color: #FF4444;--spacing-unit: 1rem;--spacing-half: .5rem;--spacing-quarter: .25rem;--border-color: #e5e5e5;--shadow-light: 0 1px 3px rgba(0,0,0,.1);--shadow-hover: 0 2px 8px rgba(0,0,0,.1);--transition-fast: .2s ease;--transition-medium: .3s ease}.collection-layout{display:block;max-width:100%;padding:var(--spacing-unit);overflow:hidden}.collection-header{position:relative;width:100%;margin-bottom:var(--spacing-unit);overflow:hidden;border-radius:8px}.collection-header__image{width:100%;height:100%;object-fit:cover;object-position:center}.collection-header__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000004d,#00000080);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 2)}.collection-header__title{color:#fff;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:0 0 var(--spacing-unit)}.collection-controls{background:#fff;margin-bottom:var(--spacing-unit);display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-unit);border-radius:8px;box-shadow:var(--shadow-light);flex-wrap:wrap;gap:var(--spacing-unit);position:sticky;top:0;z-index:10}.controls-left{display:flex;align-items:center;gap:var(--spacing-unit);flex:1;min-width:0}.filter-button{cursor:pointer;display:flex;align-items:center;gap:var(--spacing-half);padding:12px 16px;background:#f8f9fa;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);white-space:nowrap;min-height:44px;color:#495057}.filter-button:hover,.filter-button:focus{background:var(--secondary-color);border-color:var(--primary-color);color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #cc00001a}.filter-button svg{width:16px;height:16px;flex-shrink:0}.product-count{font-size:.875rem;color:#6b7280;white-space:nowrap}.controls-right{display:flex;align-items:center;gap:var(--spacing-unit);flex-shrink:0}.sort-by{padding:10px 16px;border:1px solid var(--border-color);border-radius:6px;background:#fff;font-size:.875rem;min-height:44px;min-width:180px;cursor:pointer;transition:border-color var(--transition-fast)}.sort-by:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #cc00001a}.applied-filters-mobile{width:100%;margin-top:var(--spacing-half);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:5px;display:none}.applied-filters-mobile::-webkit-scrollbar{display:none}.applied-filters-scroll{display:flex;gap:8px;padding-bottom:4px;min-width:max-content}.applied-filter-tag-mobile{white-space:nowrap;background:var(--secondary-color);border:1px solid var(--primary-light);color:var(--primary-color);padding:6px 10px;border-radius:20px;font-size:12px;text-decoration:none;display:flex;align-items:center;transition:all var(--transition-fast)}.applied-filter-tag-mobile:hover{background:var(--primary-light);color:#fff}.applied-filter-tag-mobile .remove-filter{margin-left:6px;font-size:16px;line-height:1}.collection-content{display:flex;gap:24px;max-width:1400px;margin:0 auto;position:relative;align-items:flex-start}.sidebar-container{width:280px;flex-shrink:0;position:sticky;top:120px;max-height:calc(100vh - 140px);overflow-y:auto}.filters-sidebar{background:#fff;border-radius:8px;box-shadow:var(--shadow-light);overflow:hidden;border:1px solid #f0f0f0}.filters-sidebar::-webkit-scrollbar{width:6px}.filters-sidebar::-webkit-scrollbar-track{background:#f1f5f9}.filters-sidebar::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:3px}.filters-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;display:none;opacity:0;transition:opacity var(--transition-medium)}.filters-overlay.is-visible{display:block;opacity:1}@media screen and (max-width: 768px){@supports (-webkit-touch-callout: none){.filters-sidebar{transition:none!important;-webkit-transition:none!important}.filters-sidebar:not(.is-open):not(.open):not(.active){display:none!important;visibility:hidden!important}.filters-sidebar.is-open,.filters-sidebar.open,.filters-sidebar.active{display:block!important;visibility:visible!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background:#fff!important;transform:none!important;-webkit-transform:none!important}}}.product-content{flex:1;min-width:0}.filters-header{padding:var(--spacing-unit);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--secondary-color)}.filters-title{font-size:16px;font-weight:600;margin:0;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all var(--transition-fast);line-height:1}.close-button:hover{background:#e5e7eb;color:var(--primary-color)}.active-filters{margin:var(--spacing-unit);background-color:#f8f9fa;border-radius:6px;padding:var(--spacing-unit);border:1px solid #e5e7eb}.active-filters:empty{display:none}.active-filters-header h3{font-size:14px;font-weight:600;margin:0 0 var(--spacing-half) 0;color:#374151}.active-filters-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-half)}.active-filter-tag{display:inline-flex;align-items:center;background:var(--primary-color);color:#fff;font-size:12px;padding:4px 8px;border-radius:12px;text-decoration:none;transition:all var(--transition-fast)}.active-filter-tag:hover{background:var(--primary-dark);transform:translateY(-1px)}.active-filter-tag .remove-filter{margin-left:4px;font-size:14px;line-height:1}.clear-all-filters{font-size:12px;color:var(--primary-color);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;font-weight:500}.clear-all-filters:hover{color:var(--primary-dark)}.filter-group{border-bottom:1px solid #e5e7eb;margin:0}.filter-group:last-child{border-bottom:none}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-unit);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);background:#fff}.filter-header:hover{background:#f8f9fa}.filter-header h3{margin:0;font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em}.filter-group.has-active-filters{background-color:#cc000005;border-left:3px solid var(--primary-color)}.filter-group.has-active-filters .filter-header h3{color:var(--primary-color)}.filter-header svg{width:12px;height:12px;transition:transform var(--transition-fast);color:#9ca3af}.filter-group.expanded .filter-header svg{transform:rotate(180deg);color:var(--primary-color)}.filter-content{display:none;padding:0 var(--spacing-unit) var(--spacing-unit);background:#fff}.filter-group.expanded .filter-content{display:block}.filter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-half);padding:8px 0;color:#374151;font-size:14px;cursor:pointer;width:100%;transition:all var(--transition-fast);border-radius:4px}.checkbox-label:hover{background:#f8f9fa;padding-left:var(--spacing-half);padding-right:var(--spacing-half)}.checkbox-label.is-active{background-color:var(--secondary-color);padding-left:var(--spacing-half);padding-right:var(--spacing-half);font-weight:500;color:var(--primary-color)}.checkbox-label input[type=checkbox]{margin:0;width:16px;height:16px;border:2px solid #d1d5db;border-radius:3px;cursor:pointer;position:relative;-webkit-appearance:none;appearance:none;background:#fff;transition:all var(--transition-fast)}.checkbox-label input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.checkbox-label input[type=checkbox]:checked:after{content:"\2713";position:absolute;top:-2px;left:2px;color:#fff;font-size:12px;font-weight:700}.checkbox-label input[type=checkbox]:focus{outline:2px solid rgba(204,0,0,.2);outline-offset:1px}.checkbox-label .count{margin-left:auto;color:#9ca3af;font-size:12px;font-weight:400}.checkbox-label.is-active .count{color:var(--primary-color);font-weight:500}.product-grid{display:grid;gap:var(--spacing-unit);padding:var(--spacing-unit) 0;transition:opacity var(--transition-medium);min-height:400px;grid-template-columns:repeat(3,1fr)}.product-grid.loading{opacity:.6;pointer-events:none}.product-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-color);padding:1rem;height:100%;transition:all var(--transition-fast);border-radius:8px;overflow:hidden}.product-card:hover,.product-card:focus-within{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.product-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex-grow:1}.product-card__image-wrapper{position:relative;padding-bottom:100%;margin-bottom:var(--spacing-unit);overflow:hidden;border-radius:6px;background:#f8f9fa;width:100%;height:0}.product-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity var(--transition-medium)}.product-card__image-hover{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity var(--transition-medium)}.product-card:has(.product-card__image-hover[src]):hover .product-card__image{opacity:0}.product-card:has(.product-card__image-hover[src]):hover .product-card__image-hover{opacity:1}.product-card__info{flex-grow:1;display:flex;flex-direction:column;margin-bottom:var(--spacing-unit)}.product-card__vendor{font-size:.75rem;color:#6b7280;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.025em}.product-card__title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#1f2937;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-card__price{display:flex!important;align-items:center;gap:var(--spacing-half);margin-bottom:1rem;visibility:visible!important;opacity:1!important}.price,.price__regular,.product-card .price{color:var(--primary-color)!important;font-size:1.5rem!important;font-weight:700!important;display:inline-block!important;visibility:visible!important;text-shadow:0 1px 2px rgba(204,0,0,.1)}.price__sale,.product-card .price--sale{color:#e74c3c!important;font-size:1.6rem!important;font-weight:700!important;text-shadow:0 1px 2px rgba(231,76,60,.15)}.price__compare,.price--compare-at,.product-card .price--compare{color:#999!important;font-size:1rem!important;text-decoration:line-through;margin-left:8px;opacity:.8}.product-card__form{margin-top:auto}.product-card__add-to-cart{width:100%;padding:14px 16px;background:#f8f9fa;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);position:relative;min-height:48px;letter-spacing:.025em;text-transform:uppercase}.product-card__add-to-cart:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #c003}.product-card__add-to-cart:disabled{background:#f1f1f1;color:#999;border-color:#ddd;cursor:not-allowed;transform:none}.product-card__add-to-cart.added{background:#ffe6e6!important;color:#c00!important;border:2px solid #CC0000!important}.product-badge{position:absolute;top:var(--spacing-half);left:var(--spacing-half);padding:4px 8px;background:var(--accent-color);color:#fff;font-size:.75rem;font-weight:600;z-index:2;border-radius:4px;text-transform:uppercase;letter-spacing:.025em}.mobile-filter-footer{position:fixed;bottom:0;left:0;right:0;padding:16px;background:#fff;box-shadow:0 -4px 12px #0000001a;display:none;gap:12px;z-index:1001;border-top:1px solid var(--border-color)}.mobile-filter-footer button{flex:1;padding:14px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-fast);border:none;min-height:48px}.mobile-filter-footer button[data-action=reset-filters]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.mobile-filter-footer button[data-action=reset-filters]:hover{background:#e5e7eb}.mobile-filter-footer button[data-action=apply-filters]{background:var(--primary-color);color:#fff}.mobile-filter-footer button[data-action=apply-filters]:hover{background:var(--primary-dark)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:2rem 0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border-color);border-radius:6px;text-decoration:none;color:#374151;font-weight:500;transition:all var(--transition-fast)}.pagination a:hover{background:var(--secondary-color);border-color:var(--primary-color);color:var(--primary-color)}.pagination .pagination__item--current{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);font-weight:600}@media (min-width: 769px){.mobile-filter-footer{display:none!important}.applied-filters-mobile{display:none}}@media screen and (max-width: 768px){.collection-layout{padding:0}.collection-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-half);padding:var(--spacing-unit);position:sticky;top:0;z-index:10;border-radius:0;margin-bottom:0}.controls-left,.controls-right{width:100%;justify-content:space-between}.applied-filters-mobile{display:block;width:100%;margin-top:var(--spacing-half)}.collection-content{flex-direction:column;gap:0}.sidebar-container{width:100%;position:static;max-height:none}.filters-sidebar.is-open+.mobile-filter-footer{display:flex}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem;padding:.75rem}}.filter-button:focus,.sort-by:focus,.checkbox-label input:focus,.product-card__add-to-cart:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){:root{--primary-color: #B30000;--border-color: #333}.product-card,.checkbox-label input[type=checkbox]{border-width:2px}}.recently-viewed-sidebar{margin-top:var(--spacing-unit);padding:var(--spacing-unit);background:#fff;border-radius:8px;box-shadow:var(--shadow-light);border:1px solid #f0f0f0}.recently-viewed-sidebar h3{font-size:14px;font-weight:600;margin:0 0 var(--spacing-unit) 0;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.recently-viewed-grid{display:grid;gap:1rem;grid-template-columns:1fr}.recently-viewed-item{display:flex;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:all var(--transition-fast)}.recently-viewed-item:hover{background:#e9ecef;transform:translate(2px)}.recently-viewed-item img{width:60px;height:60px;object-fit:contain;border-radius:4px;background:#fff}.recently-viewed-info{flex:1;min-width:0}.recently-viewed-title{font-size:.75rem;font-weight:500;margin:0 0 .25rem;color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recently-viewed-price{font-size:.75rem;color:var(--primary-color);font-weight:600}.recently-viewed-link{text-decoration:none;color:inherit;display:flex;gap:.75rem}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.custom__item.custom__item--text_rFzBUF,.custom__item-inner.custom__item-inner--text{background:transparent;border:none;padding:0!important;margin:2rem 0!important;box-shadow:none}.custom__item-inner--text .small--text-center,.custom__item-inner--text .medium-up--text-center{max-width:1200px;margin:0 auto;padding:0;background:#fff;box-shadow:0 1px 4px #00000014;position:relative;border-top:4px solid #cc0000}.custom__item-inner--text h1{color:#c00!important;font-weight:700!important;font-size:2.25rem!important;margin:0!important;padding:2rem 2rem 1rem!important;text-align:left!important;letter-spacing:-.01em;line-height:1.2;position:relative}.custom__item-inner--text h1:after{content:"";position:absolute;bottom:.5rem;left:2rem;width:60px;height:3px;background:#c00}.custom__item-inner--text .rte-setting,.custom__item-inner--text .rte{font-size:.9375rem;line-height:1.7;color:#4b5563;margin:0;padding:1rem 2rem 2rem;text-align:left}.custom__item-inner--text .rte p{margin-bottom:1.25rem}.custom__item-inner--text .rte p:first-of-type{font-size:1.0625rem;color:#1f2937;font-weight:500;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.custom__item-inner--text .rte br{display:block;margin-top:.75rem}@media screen and (max-width: 768px){.custom__item.custom__item--text_rFzBUF{margin:1.5rem 0!important}.custom__item-inner--text .small--text-center,.custom__item-inner--text .medium-up--text-center{border-top-width:3px}.custom__item-inner--text h1{font-size:1.625rem!important;padding:1.5rem 1.5rem .75rem!important}.custom__item-inner--text h1:after{left:1.5rem;width:50px}.custom__item-inner--text .rte-setting,.custom__item-inner--text .rte{font-size:.875rem;padding:.75rem 1.5rem 1.5rem}.custom__item-inner--text .rte p:first-of-type{font-size:.9375rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom__item-inner--text h1{animation:fadeIn .5s ease-out}.custom__item-inner--text .rte-setting{animation:fadeIn .5s ease-out .1s both}
/*# sourceMappingURL=/cdn/shop/t/9/assets/product-grid.css.map */