#product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;min-height:400px}@media(max-width:768px){#product-grid{grid-template-columns:1fr}}.product-card-wrapper{position:relative}.product-card-wrapper.hidden{display:none}.product-card-wrapper.visible{display:block}.product-card-wrapper .product-metadata{display:none}.product-card{position:relative;height:100%}.product-card a{display:block;text-decoration:none;color:inherit}.product-card img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;display:block}.product-card__no-image{width:100%;aspect-ratio:1 / 1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999}.product-card__info h5{font-size:14px;color:#616161;margin:0 0 2px;text-transform:uppercase;letter-spacing:.5px}.product-card__info span{font-size:18px;color:#212121;font-weight:400}#empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#616161;font-size:18px}.desktop-filters{display:flex;flex-direction:column;gap:1.8rem;position:relative;margin-bottom:30px;padding:20px 0 32px;border-top:1px solid rgba(var(--color-foreground),.2);border-bottom:1px solid rgba(var(--color-foreground),.2)}@media(max-width:768px){#filters.desktop-filters{display:none}}#clear-filters.clear-link{display:flex;gap:.8rem;align-self:flex-end;background:none;border:none;color:#212121;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;padding:0;transition:color .2s;font-family:var(--font-body-family);font-style:var(--font-body-style)}#clear-filters.clear-link:hover{color:#000}.filters-title{margin-top:0}.filters-row{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px;flex:1 1 auto}.filter-group label{font-size:14px;font-weight:400;color:#212121;line-height:1.35}#filters select,#filters input[type=text]{padding:10px 32px 10px 40px;border:1px solid #ddd;border-radius:5px;font-size:16px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.filter-name-wrapper{position:relative;display:flex;align-items:center}.filter-name-wrapper .filter-name-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#757575;pointer-events:none;z-index:1}.filter-name-wrapper input[type=text]{font-family:Clash Display,sans-serif;font-weight:500;font-size:16px;width:100%;padding:10px 40px 10px 44px;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:text;transition:border-color .2s}.filter-name-wrapper input[type=text]:hover,#filters input[type=text]:hover{border-color:#999}.filter-name-wrapper input[type=text]:focus{outline:none;border-color:#999;box-shadow:none}.filter-name-wrapper .filter-name-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;display:none;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;color:#616161;z-index:1}.filter-name-wrapper .filter-name-clear:hover{background-color:#f0f0f0;color:#212121}.filter-name-wrapper .filter-name-clear.visible{display:flex}#filters select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23616161' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:12px}#filters select:focus{outline:none;border-color:#999}.custom-select{position:relative;width:100%}.custom-select-trigger{font-family:Clash Display,sans-serif;font-weight:500;font-size:16px;width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;background-color:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s;position:relative}.custom-select-trigger:hover{border-color:#999}.custom-select-trigger:focus{outline:none;border-color:#999}.custom-select.open .custom-select-trigger{border-color:#999;border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-select-value{flex:1;color:#212121;font-size:16px}#items-per-page-trigger .custom-select-value{font-size:14px}.custom-select-value.placeholder{color:#757575;background-color:transparent}.custom-select-arrow{width:12px;height:12px;color:#616161;transition:transform .2s;flex-shrink:0}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 5px 5px;max-height:300px;overflow-y:auto;z-index:100;display:none;box-shadow:0 4px 8px #0000001a}.custom-select.open .custom-select-dropdown{display:block}.custom-select-option{padding:12px 15px;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:column;gap:4px}.custom-select-option:hover{background-color:#f5f5f5}.custom-select-option.selected{background-color:#000;color:#fff}.custom-select-option .option-label{font-size:14px;font-weight:500;color:inherit}.custom-select-option .option-subtext{font-size:12px;color:#616161;display:flex;align-items:center;gap:4px}.custom-select-option.selected .option-subtext{color:#fffc}.custom-select-option .option-subtext svg{width:14px;height:14px;stroke:currentColor}.filter-icon-group{display:flex;flex-direction:column;gap:8px;flex:2 1 auto;min-width:320px}.filter-icon-group>label{font-size:13px;font-weight:600;color:#212121;text-transform:uppercase;letter-spacing:.5px}.icon-buttons{display:flex;gap:8px;flex-wrap:nowrap;padding:0 8px}.filter-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:none;background-color:transparent;cursor:pointer;transition:all .2s ease;flex:1 1 auto;border-radius:8px}.filter-icon-btn svg{width:32px;height:32px;stroke:#212121;transition:all .2s ease;opacity:.4}.filter-icon-btn span{font-size:14px;color:#212121;font-weight:500;transition:all .2s ease;opacity:.4}.filter-icon-btn:hover svg,.filter-icon-btn:hover span{opacity:.7}.filter-icon-btn.active svg,.filter-icon-btn.active span{opacity:1}@media(max-width:1200px){.filters-row{flex-wrap:wrap}.filter-group{min-width:calc(50% - 10px)}.filter-icon-group{min-width:100%;flex-basis:100%}}@media(max-width:768px){#clear-filters.clear-link{position:static;display:block;text-align:right;margin-bottom:15px}.filter-group{min-width:100%;flex-basis:100%}.icon-buttons{gap:10px;padding:0}.filter-icon-btn{min-width:70px;padding:10px 12px;flex:1 1 calc(25% - 10px);min-height:80px}.filter-icon-btn svg{width:28px;height:28px}.filter-icon-btn span{font-size:12px}}#items-result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}#items-result-row-right{display:flex;align-items:center;gap:36px}#items-per-page-selector{display:flex;align-items:center;gap:10px}#items-per-page-selector label{white-space:nowrap;font-size:14px;flex-shrink:0}#items-per-page-selector .custom-select{min-width:80px}#result-count{color:#616161;font-size:14px;text-align:right}@media(max-width:768px){#items-result-row{flex-direction:column;align-items:flex-start}#result-count{text-align:left;width:100%}}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px;flex-wrap:wrap}#page-numbers{display:flex;align-items:center;gap:10px}.pagination .btn{padding:14px 20px;border:1px solid #ccc;border-radius:5px;text-decoration:none;color:#212121;background-color:#f9f9f9;transition:background-color .3s,color .3s;cursor:pointer;font-size:14px;min-width:50px;text-align:center;min-height:44px}.pagination .btn:hover:not(:disabled):not(.active){background-color:#e0e0e0;color:#000}.pagination .btn.active{background-color:#212121;color:#fff;pointer-events:none;font-weight:600}.pagination .btn:disabled{background-color:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#e0e0e0}.pagination .btn.loading{background-color:#fff3cd;color:#856404;border-color:#ffc107;position:relative;cursor:wait}.pagination .btn.loading:after{content:"\23f3";margin-left:5px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pagination-ellipsis{color:#616161;padding:0 8px;-webkit-user-select:none;user-select:none}.pagination .page-number{min-width:44px;padding:12px 16px;min-height:44px}.pagination .page-number.active{background-color:#212121;color:#fff}@media(max-width:768px){.pagination{gap:8px}.pagination .btn{padding:14px 18px;font-size:14px;min-width:48px;min-height:48px}#page-numbers{gap:8px}.pagination .page-number{min-width:48px;padding:14px 16px;min-height:48px}}.pagination .btn .spinner{display:inline-block;width:12px;height:12px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;margin-left:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#mobile-filter-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#212121;color:#fff;z-index:999;height:66px}#show-filters-btn{font-family:Clash Display,sans-serif;height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 36px;font-size:20px;font-weight:600;text-transform:uppercase;border:none;background:#212121;color:#fff;letter-spacing:1.1px}#show-filters-btn svg{width:18px;height:18px}#mobile-filter-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease}#mobile-filter-overlay.active{display:block;opacity:1}#mobile-filter-drawer{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:1001;max-height:85vh;transform:translateY(100%);transition:transform .3s ease;display:flex;flex-direction:column}#mobile-filter-drawer.active{display:flex;transform:translateY(0)}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;flex-shrink:0}.mobile-filter-header h3{margin:0;font-size:20px;font-weight:600;letter-spacing:.08rem}.close-btn{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn:hover{background-color:#f0f0f0}.mobile-filter-content{padding:0 24px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.mobile-filter-section>span{display:block;font-size:14px;font-weight:400;color:#212121;line-height:1.35;margin-bottom:4px}.toggle-button-group{display:flex;gap:0;flex-wrap:nowrap}.toggle-btn{font-family:Clash Display,sans-serif;flex:1 1 0;padding:8px 16px;border:1px solid #ddd;background:#fff;color:#212121;font-size:16px;font-weight:500;border-radius:0;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s;text-align:center;margin-left:-1px}.toggle-btn-multiline{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.toggle-btn:first-child{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px}.toggle-btn:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.toggle-btn--subtext{font-size:14px;color:#616161;font-weight:400;letter-spacing:.04em}.toggle-btn.active .toggle-btn--subtext{color:#fff}.toggle-btn:hover{border-color:#999;background:#fff;position:relative;z-index:1}.toggle-btn.active{background:#000;color:#fff;border-color:#000;position:relative;z-index:2}#mobile-filter-clothing-icons{padding:4px 0}.mobile-icon-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mobile-filter-icon-btn{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background-color:transparent;cursor:pointer;transition:all .2s ease;border-radius:8px}.mobile-filter-icon-btn svg{width:32px;height:32px;stroke:#212121;transition:all .2s ease;opacity:.4}.mobile-filter-icon-btn span{font-size:14px;color:#212121;font-weight:500;transition:all .2s ease;opacity:.4}.mobile-filter-icon-btn:hover svg,.mobile-filter-icon-btn:hover span{opacity:.7}.mobile-filter-icon-btn.active svg,.mobile-filter-icon-btn.active span{opacity:1}.mobile-filter-section .filter-name-wrapper{position:relative;display:flex;align-items:center}.mobile-filter-section .filter-name-wrapper .filter-name-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#616161;pointer-events:none;z-index:1}.mobile-filter-section .filter-name-wrapper input[type=text]{font-family:Clash Display,sans-serif;font-weight:500;font-size:16px;width:100%;padding:10px 40px 10px 44px;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:text;transition:border-color .2s}.mobile-filter-section .filter-name-wrapper input[type=text]:hover{border-color:#999}.mobile-filter-section .filter-name-wrapper input[type=text]:focus{outline:none;border-color:#999;box-shadow:none}.mobile-filter-section .filter-name-wrapper .filter-name-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;cursor:pointer;display:none;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;color:#616161;z-index:1}.mobile-filter-section .filter-name-wrapper .filter-name-clear:hover{background-color:#f0f0f0;color:#212121}.mobile-filter-section .filter-name-wrapper .filter-name-clear.visible{display:flex}.mobile-filter-actions{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;background:#fff;flex-shrink:0}.mobile-filter-actions .chapter-button{flex:1;padding:14px 24px;font-size:18px;font-weight:600;text-align:center;justify-content:center;max-width:33%}.mobile-filter-actions .chapter-button.secondary{background:#fff;color:#212121;border:2px solid #212121}.mobile-filter-actions .chapter-button.secondary:hover{background:#f5f5f5}.mobile-filter-actions .chapter-button.primary{background:#000;color:#fff;border:2px solid #000}.mobile-filter-actions .chapter-button.primary:hover{background:#212121;border-color:#212121}@media(max-width:768px){#mobile-filter-bar{display:block}#product-catalog{padding-bottom:80px}}@media(min-width:769px){#mobile-filter-bar,#mobile-filter-drawer,#mobile-filter-overlay{display:none!important}}#items-per-page-wrapper{max-width:84px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-chapter-v2-product-catalog.css.map */