.tt-breadcrumb{display:none!important}.collection-page-custom{font-family:var( --font-primary, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );color:var(--foreground, #333);line-height:1.6}.collection-page-custom *{box-sizing:border-box}.collection-container{max-width:1240px;margin:0 auto;padding:16px}.collection-banner{border-radius:16px;margin-bottom:32px;text-align:center;display:flex;align-items:center;justify-content:center}.collection-banner.has-image{background-size:cover;background-position:center;background-repeat:no-repeat}.collection-banner-text{font-size:18px;color:#475569}.collection-banner img{width:100%;height:auto;border-radius:16px;display:block}@media(max-width:768px){.collection-banner{border-radius:12px;margin-bottom:20px}.collection-banner img{width:100%;height:100px;object-fit:cover}}.collection-breadcrumb-tabs-wrapper{display:grid;grid-template-columns:260px 1fr;gap:32px;margin-bottom:24px}.collection-breadcrumb-tabs-wrapper.breadcrumb-only{display:block!important;margin-bottom:8px}.collection-breadcrumb{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted-foreground, #666);flex-shrink:0;margin-bottom:4px}.collection-breadcrumb a,.collection-breadcrumb span{font-size:12px;color:var(--muted-foreground, #666);text-decoration:none;transition:color .2s ease}.collection-breadcrumb a:hover{color:var(--primary, #000)}.collection-title-h1{font-size:20px;font-weight:700;margin-top:4px;margin-bottom:12px;line-height:1.2;color:var(--foreground, #333)}.collection-tabs{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap;margin-bottom:28px}.collection-tab-app-block{width:100%}.collection-tab{padding:4px 14px;background:transparent;border:1px solid var(--border, #e5e5e5);border-radius:24px;font-size:12px;font-weight:500;color:var(--foreground, #333);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.collection-tab:hover{border-color:var(--primary, #000);background:var(--muted, #f8f8f8)}.collection-tab.active{background:var(--primary, #000);color:var(--card, #fff);border-color:var(--primary, #000)}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px}.filter-header-text h3{font-size:8px;font-weight:400;color:var(--muted-foreground, #666);margin:0;padding-bottom:0!important;display:flex;align-items:center;gap:6px}.filter-header-text .fa-filter{font-size:13px}.sort-dropdown-wrapper{display:flex;align-items:center;gap:12px}.sort-label{font-size:14px;color:var(--muted-foreground, #666)}.sort-dropdown{padding:10px 36px 10px 16px;background:var(--card, #fff);border:1px solid var(--border, #e5e5e5);border-radius:8px;font-size:14px;color:var(--foreground, #333);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:160px}.sort-dropdown:focus{outline:none;border-color:var(--primary, #000)}@media(max-width:480px){.sort-dropdown{padding:8px 32px 8px 12px;font-size:13px}}.collection-main{display:grid;grid-template-columns:260px 1fr;gap:32px;margin-bottom:48px}.filter-sidebar{background:var(--card, #fff);border-radius:12px;padding:0;border:1px solid var(--border, #e5e5e5);height:fit-content;position:sticky;top:20px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.filter-sidebar.hidden{display:none}.filter-form{padding:6px 20px 20px}.filter-section{margin-bottom:0;padding-bottom:0;border-bottom:1px solid var(--border, #e5e5e5)}.filter-section:last-of-type{border-bottom:none}.reset-filters-btn{border-radius:4px!important}.filter-title{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0;text-align:left;background:none;border:none;font-size:14px!important;font-weight:600;color:var(--foreground, #333);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:color .2s ease}.filter-title:hover{color:var(--primary, #000)}.filter-title svg{transition:transform .3s ease;color:var(--muted-foreground, #666)}.filter-section.collapsed .filter-title svg{transform:rotate(-90deg)}.filter-section.collapsed .filter-options{display:none}.filter-options{display:flex;flex-direction:column;gap:12px;padding-bottom:16px}.filter-option{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--foreground, #333);transition:color .2s ease;position:relative;padding-left:0}.filter-option:hover{color:var(--primary, #000)}.filter-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border, #e5e5e5);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.filter-option input[type=checkbox]:checked+.checkbox-custom{background:var(--primary, #000);border-color:var(--primary, #000)}.filter-option input[type=checkbox]:checked+.checkbox-custom:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.filter-option:hover .checkbox-custom{border-color:var(--primary, #000)}.filter-option.active{color:var(--primary, #000);font-weight:600}.price-range-inputs{display:flex;align-items:center;gap:12px;margin-bottom:0}.price-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.price-currency{position:absolute;left:12px;color:var(--muted-foreground, #666);font-size:14px;pointer-events:none}.price-input{width:100%;padding:10px 12px 10px 28px;border:1px solid var(--border, #e5e5e5);border-radius:8px;font-size:14px;text-align:left;transition:all .2s ease}.price-input:focus{outline:none;border-color:var(--primary, #000);box-shadow:0 0 0 3px #0000000d}.price-input::placeholder{color:var(--muted-foreground, #999)}.price-separator{color:var(--muted-foreground, #666);font-size:14px;flex-shrink:0}.price-range-slider{width:100%;height:4px;background:var(--border, #e5e5e5);border-radius:2px;-webkit-appearance:none;appearance:none;cursor:pointer}.price-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary, #000);border-radius:50%;cursor:pointer}.filter-tags{display:flex;flex-wrap:wrap;gap:8px;flex-direction:row}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--muted, #f8f8f8);color:var(--foreground, #333);border:1px solid var(--border, #e5e5e5);border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.filter-tag:hover,.filter-tag.active{background:var(--primary, #000);color:var(--card, #fff);border-color:var(--primary, #000)}.filter-tag svg{width:14px;height:14px}.filter-actions{display:flex;gap:12px;padding-top:20px}.clear-filters-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:transparent;border:1px solid var(--border, #e5e5e5);border-radius:8px;font-size:14px;font-weight:500;color:var(--muted-foreground, #666);cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{border-color:var(--error, #ef4444);color:var(--error, #ef4444);background:#ef44440d}.apply-filters-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:var(--primary, #000);border:1px solid var(--primary, #000);border-radius:8px;font-size:14px;font-weight:500;color:var(--card, #fff);cursor:pointer;transition:all .2s ease}.apply-filters-btn:hover{opacity:.9}.products-section{flex:1}.collection-page-custom .products-grid{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:24px}.products-grid .product-card{border-radius:12px}form.ajax-add-to-cart-form{display:flex}.products-grid .product-actions{flex-direction:column}.load-more-wrapper{text-align:center;margin-top:40px}.load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--primary, #000);color:var(--card, #fff);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{opacity:.9;transform:translateY(-2px)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.load-more-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.products-count{text-align:center;margin-top:16px;font-size:14px;color:var(--muted-foreground, #666)}.collection-seo-section{background:var(--muted, #f8f8f8);padding:48px 0;margin-top:48px}.seo-content{max-width:1000px;margin:0 auto}.seo-title{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--foreground, #333)}.seo-description{font-size:14px;line-height:1.8;color:var(--muted-foreground, #666);margin-bottom:32px}.seo-links-section{margin-bottom:24px}.seo-links-title{font-size:14px;font-weight:600;color:var(--foreground, #333);margin-bottom:12px}.seo-links{display:flex;flex-wrap:wrap;gap:8px}.seo-links a{font-size:13px;color:var(--primary, #3b82f6);text-decoration:none;padding:4px 0}.seo-links a:hover{text-decoration:underline}.seo-links span{color:var(--muted-foreground, #999)}.collection-faq-section{padding-bottom:48px;background:var(--muted, #f8f8f8)}.faq-section-title{font-size:28px;font-weight:700;margin-bottom:32px;color:var(--foreground, #333);text-align:center}.faq-list{display:flex;flex-direction:column;gap:12px;max-width:900px;margin:0 auto;padding:0 24px}.faq-item{background:var(--card, #fff);border:2px solid var(--border, #e5e5e5);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:var(--primary, #000);box-shadow:0 4px 12px #00000014}.faq-item.active{border-color:var(--primary, #000)}.faq-question{width:100%;padding:20px 24px;background:none;border:none;text-align:left;font-size:16px;font-weight:600;color:var(--foreground, #333);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background .2s ease}.faq-question:hover{background:var(--muted, #f8f8f8)}.faq-question span{flex:1}.faq-question svg{width:20px;height:20px;flex-shrink:0;transition:transform .3s ease;color:var(--primary, #000)}.faq-item.active .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.active .faq-answer{max-height:1000px}.faq-answer-content{padding:0 24px 20px;font-size:15px;line-height:1.8;color:var(--muted-foreground, #666)}.no-products{text-align:center;padding:80px 20px;background:var(--muted, #f8f8f8);border-radius:12px}.no-products-icon{font-size:48px;margin-bottom:16px;color:var(--muted-foreground, #ccc)}.no-products h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--foreground, #333)}.no-products p{font-size:14px;color:var(--muted-foreground, #666)}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--muted-foreground, #666);font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border, #e5e5e5);border-top-color:var(--primary, #000);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filter-option.disabled{opacity:.5;pointer-events:none}.filter-count{color:#888;font-size:.85em;margin-left:4px}.filter-option input:checked+.checkbox-custom+.filter-count{color:#333}.filter-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.filter-modal-overlay.open{opacity:1;visibility:visible}.filter-modal-header{display:none;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.filter-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333;padding:0!important}.filter-modal-close{background:#fff;border:1px solid #ddd;font-size:16px;cursor:pointer;padding:0;line-height:1;border-radius:8px;color:#666;transition:all .2s ease;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.filter-modal-close:hover{background:#f5f5f5;color:#333}@media(min-width:1025px){.collection-page-custom .products-grid{grid-template-columns:repeat(4,1fr)!important}.filter-modal-header,.filter-modal-overlay{display:none!important}.filter-sidebar{display:block!important;position:sticky!important;transform:none!important;top:20px;width:auto!important;max-width:none!important;height:fit-content!important;box-shadow:none!important;border-radius:12px!important;border:1px solid var(--border, #e5e5e5)!important}}@media(max-width:1024px)and (min-width:769px){.collection-page-custom .products-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:992px){.collection-main{grid-template-columns:1fr;display:block}.products-section{width:100%}.filter-header-text{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 20px;background:linear-gradient(135deg,#2e2f31,#000);color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:15px;font-weight:600;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.filter-header-text:hover{background:linear-gradient(135deg,#2855d9,#4a7de0);box-shadow:0 6px 20px #36f6;transform:translateY(-2px)}.filter-header-text:active{transform:translateY(0)}.filter-header-text h3{margin:0;font-size:15px!important;font-weight:600!important;line-height:1.1!important;color:inherit!important}.filter-header-text i{font-size:12px!important}.filter-sidebar{display:block!important;position:fixed!important;top:0!important;left:0!important;width:85%!important;max-width:350px!important;height:100%!important;background:#fff!important;z-index:10000!important;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto!important;padding:0!important;box-sizing:border-box;box-shadow:5px 0 25px #00000026;border-radius:0!important;border:none!important}.filter-sidebar.open{transform:translate(0)!important}.filter-sidebar .filter-form{padding:20px}.filter-modal-header{display:flex!important}.collection-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.collection-tabs::-webkit-scrollbar{display:none}.collection-faq-section{padding:32px 0}.faq-section-title{font-size:24px;margin-bottom:24px}.faq-list{padding:0 16px}.faq-question{padding:16px 20px;font-size:15px}.faq-answer-content{padding:0 20px 16px;font-size:14px}}@media(max-width:768px){.collection-container{padding:12px}.collection-breadcrumb-tabs-wrapper{margin-bottom:16px}.collection-page-custom .products-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px}.collection-product-card .product-actions{flex-direction:column}.collection-product-card .product-actions .mz-btn{width:100%}.collection-breadcrumb-tabs-wrapper{grid-template-columns:1fr;gap:16px}.collection-title-h1{font-size:20px}}@media(max-width:480px){.collection-tabs{gap:6px}.collection-tab{padding:8px 14px;font-size:13px}.collection-product-card .product-content{padding:12px}.collection-product-card .product-content h3{font-size:13px}.collection-product-card .current-price{font-size:14px}.collection-product-card .product-actions .mz-btn{padding:8px 10px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/collection-page.css.map */