@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--color-bg:#f9fafb;--color-bg-alt:#f3f4f6;--color-surface:#fff;--color-surface-hover:#f9fafb;--color-primary:#f97316;--color-primary-dark:#ea6c0a;--color-primary-light:#fff7ed;--color-primary-glow:#f9731626;--color-text:#111827;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-border:#e5e7eb;--color-border-dark:#d1d5db;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-warning:#f59e0b;--color-info:#3b82f6;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #00000012;--shadow-lg:0 10px 15px -3px #00000012, 0 4px 6px -4px #00000012;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #00000014;--shadow-card:0 2px 8px #0000000f, 0 0 1px #0000001a;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5{color:var(--color-text);font-weight:700;line-height:1.25}h1{letter-spacing:-.03em;font-size:2.75rem}h2{letter-spacing:-.02em;font-size:1.875rem}h3{letter-spacing:-.01em;font-size:1.25rem}h4{font-size:1.0625rem}p{color:var(--color-text-muted);line-height:1.7}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.relative{position:relative}.grid{gap:1.5rem;display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@media (width<=640px){h1{font-size:2rem!important;line-height:1.15!important}h2{font-size:1.5rem!important}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}.grid-cols-2-sm{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.container{padding:0 1rem}.features-grid-mobile{grid-template-columns:repeat(2,1fr)!important}}@media (width>=641px) and (width<=1024px){.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,1fr)}}.sidebar-layout{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}@media (width<=1024px){.sidebar-layout{grid-template-columns:1fr}}@media (width<=640px){.mobile-stack-sm{flex-direction:column!important;align-items:stretch!important}.mobile-full-width{width:100%!important}}.feature-item{align-items:center;gap:.875rem;padding:1.25rem 0;display:flex}@media (width<=640px){.feature-item{text-align:center;flex-direction:column;padding:1rem .5rem;border:none!important}}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;letter-spacing:.01em;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #f9731659}.btn-secondary{background:var(--color-text);color:#fff;border-color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#374151;transform:translateY(-1px)}.btn-outline{border-color:var(--color-border-dark);color:var(--color-text);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-alt);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:.4rem .875rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);padding:.875rem 2rem;font-size:1rem}.btn-block{width:100%}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:var(--transition-slow);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-dark);transform:translateY(-3px)}.product-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-border-dark);transform:translateY(-4px)}.product-card-img-wrap{aspect-ratio:1;background:var(--color-bg-alt);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.product-card-img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-card-img{transform:scale(1.07)}.product-card-add-btn{opacity:0;transition:var(--transition);white-space:nowrap;min-width:140px;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)translateY(10px)}.product-card:hover .product-card-add-btn{opacity:1;transform:translate(-50%)translateY(0)}.product-card-body{padding:1.125rem 1.25rem 1.375rem}.product-card-brand{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.product-card-title{color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.9375rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-price{color:var(--color-primary);font-size:1.0625rem;font-weight:700}.product-card-price-orig{color:var(--color-text-light);margin-left:.375rem;font-size:.8125rem;text-decoration:line-through}.product-card-rating{color:var(--color-text-muted);align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.8125rem;display:flex}.badge{letter-spacing:.02em;border-radius:20px;align-items:center;padding:.2rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{color:var(--color-warning);background:#fffbeb}.badge-info{color:var(--color-info);background:#eff6ff}.badge-neutral{background:var(--color-bg-alt);color:var(--color-text-muted)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--color-text);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-control{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:var(--transition);outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem}.form-control::placeholder{color:var(--color-text-light)}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161f}.form-control:hover:not(:focus){border-color:var(--color-border-dark)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}.password-input-wrap{position:relative}.password-input-wrap .form-control{padding-right:2.75rem}.password-toggle-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--color-text)}.divider{background:var(--color-border);width:100%;height:1px}.loader{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;margin:3rem auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-bg-alt) 25%, var(--color-border) 50%, var(--color-bg-alt) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.3s ease-out forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.section-head{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.section-title{color:var(--color-text);padding-left:.875rem;font-size:1.5rem;font-weight:700;position:relative}.section-title:before{content:"";background:var(--color-primary);border-radius:2px;width:3px;height:80%;position:absolute;top:10%;left:0}.stars{color:#fbbf24;letter-spacing:.05em}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:1rem;font-size:.9375rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-bg-alt)}.alert{border-radius:var(--radius-lg);border:1px solid;padding:.875rem 1.125rem;font-size:.9375rem}.alert-success{background:var(--color-success-bg);color:#065f46;border-color:#a7f3d0}.alert-danger{background:var(--color-danger-bg);color:#991b1b;border-color:#fecaca}.alert-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.tabs{border-bottom:2px solid var(--color-border);margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--color-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:1.5rem}.admin-sidebar-link{border-radius:var(--radius-lg);color:var(--color-text-muted);transition:var(--transition);align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.9375rem;font-weight:500;display:flex}.admin-sidebar-link:hover,.admin-sidebar-link.active{background:var(--color-primary-light);color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.border{border:1px solid var(--color-border)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.price-text{color:var(--color-primary);font-size:1.375rem;font-weight:700}.header-desktop-nav{display:flex}.header-mobile-btn{display:none!important}.header-search-wrap{flex:1;max-width:400px;position:relative}@media (width<=900px){.header-desktop-nav{display:none!important}.header-mobile-btn{display:flex!important}.header-search-wrap{max-width:100%}}@media (width<=640px){.header-search-form{display:none}.header-search-form.mobile-visible{z-index:500;background:var(--color-surface);box-shadow:var(--shadow-md);padding:1rem;display:block;position:fixed;top:0;left:0;right:0}.header-search-toggle{display:flex!important}}.mobile-nav-drawer{background:var(--color-surface);z-index:600;border-right:1px solid var(--color-border);width:280px;height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-overlay{z-index:590;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-nav-overlay.active{opacity:1;pointer-events:all}.auth-page-grid{grid-template-columns:1fr 1fr;min-height:calc(100vh - 120px);display:grid}@media (width<=768px){.auth-page-grid{grid-template-columns:1fr}.auth-dark-panel{display:none!important}}.profile-page-grid{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=900px){.profile-page-grid{grid-template-columns:1fr}.profile-sidebar-nav{flex-flow:wrap;gap:.5rem;display:flex}.profile-sidebar-nav button{flex:1;justify-content:center;min-width:140px}}.cart-page-grid{grid-template-columns:1fr 360px;align-items:start;gap:2rem;display:grid}@media (width<=900px){.cart-page-grid{grid-template-columns:1fr}.cart-summary-sticky{position:static!important}}.checkout-page-grid{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}@media (width<=900px){.checkout-page-grid{grid-template-columns:1fr}.checkout-summary-sticky{position:static!important}}.checkout-methods-grid{gap:1rem;display:flex}@media (width<=480px){.checkout-methods-grid{flex-direction:column}}.checkout-address-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.checkout-address-grid{grid-template-columns:1fr}}.product-detail-grid{grid-template-columns:1fr 1fr;gap:3.5rem;margin-bottom:3rem;display:grid}@media (width<=768px){.product-detail-grid{grid-template-columns:1fr;gap:2rem}}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-right{display:none}}.features-bar-grid{display:grid}@media (width>=769px){.features-bar-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=481px) and (width<=768px){.features-bar-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.features-bar-grid{grid-template-columns:repeat(2,1fr)}}.features-bar-item{border-right:1px solid var(--color-border);align-items:center;gap:.875rem;padding:1.25rem;display:flex}.features-bar-item:last-child{border-right:none}@media (width<=768px){.features-bar-item:nth-child(2){border-right:none}.features-bar-item:nth-child(3){border-right:1px solid var(--color-border)}}@media (width<=480px){.features-bar-item{padding:1rem .875rem}.features-bar-item:nth-child(odd){border-right:1px solid var(--color-border)}.features-bar-item:nth-child(2n){border-right:none}}.products-main-grid{gap:1.5rem;display:grid}@media (width>=1025px){.products-main-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=641px) and (width<=1024px){.products-main-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=481px) and (width<=640px){.products-main-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.products-main-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}}.category-grid{gap:1.5rem;display:grid}@media (width>=1025px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=641px) and (width<=1024px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.category-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}}.footer-main-grid{gap:3rem;margin-bottom:3rem;display:grid}@media (width>=769px){.footer-main-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=481px) and (width<=768px){.footer-main-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (width<=480px){.footer-main-grid{grid-template-columns:1fr;gap:2rem}}.admin-wrapper{background:var(--color-bg);min-height:100vh;display:flex}.admin-sidebar-panel{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:300;flex-direction:column;flex-shrink:0;width:240px;height:100vh;transition:transform .3s;display:flex;position:sticky;top:0}.admin-content-panel{flex:1;min-width:0;padding:2.5rem;overflow-y:auto}.admin-mobile-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:none;position:sticky;top:0}.admin-sidebar-overlay{z-index:290;background:#00000080;display:none;position:fixed;inset:0}@media (width<=900px){.admin-sidebar-panel{z-index:300;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar-panel.mobile-open{box-shadow:var(--shadow-xl);transform:translate(0)}.admin-sidebar-overlay.active{display:block}.admin-content-panel{padding:1.25rem}.admin-mobile-topbar{display:flex}}.admin-stat-grid{gap:1.25rem;margin-bottom:2rem;display:grid}@media (width>=641px){.admin-stat-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=440px){.admin-stat-grid{grid-template-columns:1fr}}.admin-table-container{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);position:relative;overflow-x:auto}.admin-table-container::-webkit-scrollbar{height:6px}.admin-table-container::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:10px}.mobile-hide{display:table-cell}@media (width<=768px){.mobile-hide{display:none!important}}.admin-charts-grid{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}@media (width<=900px){.admin-charts-grid{grid-template-columns:1fr}}.trending-cards-grid{gap:1.5rem;display:grid}@media (width>=769px){.trending-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.trending-cards-grid{grid-template-columns:1fr}}.trending-summary-grid{gap:1.25rem;margin-top:1.5rem;display:grid}@media (width>=641px){.trending-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.trending-summary-grid{grid-template-columns:1fr}}.order-manage-layout{grid-template-columns:1fr 1fr 1fr;display:grid}.order-manage-main{grid-column:span 2}@media (width<=900px){.order-manage-layout{flex-direction:column;display:flex}.order-manage-main{grid-column:span 1}}.address-cards-grid{gap:1.25rem;display:grid}@media (width>=641px){.address-cards-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.address-cards-grid{grid-template-columns:1fr}}.saved-addr-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.saved-addr-grid{grid-template-columns:1fr}}@media (width<=540px){.cart-item-row{flex-wrap:wrap}.cart-item-name{font-size:.875rem}}@media (width<=480px){.product-card-body{padding:.875rem 1rem 1rem}.product-card-title{font-size:.875rem}.product-card-price{font-size:.9375rem}.product-card-img-wrap{padding:1rem}}.pagination-wrap{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:3rem;display:flex}@media (width<=640px){.newsletter-form{flex-direction:column}.newsletter-form input,.newsletter-form button{width:100%}}.card-fields-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.card-fields-grid{grid-template-columns:1fr}}.product-edit-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.product-edit-grid{grid-template-columns:1fr}}.coupon-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.coupon-form-grid{grid-template-columns:1fr}}.hero-stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.overflow-x-auto{overflow-x:auto}@media (width<=640px){.card.overflow-x-auto table{min-width:600px}.page-section{padding:1.5rem 1rem!important}h2{margin-bottom:1.25rem!important}}.filter-sidebar{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);height:fit-content;padding:1.5rem;position:sticky;top:100px}.filter-group{margin-bottom:2rem}.filter-title{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.9375rem;font-weight:700;display:flex}.filter-list{flex-direction:column;gap:.75rem;display:flex}.filter-checkbox-item{cursor:pointer;color:var(--color-text-muted);transition:var(--transition);align-items:center;gap:.625rem;font-size:.875rem;display:flex}.filter-checkbox-item:hover{color:var(--color-text)}.filter-checkbox-item input[type=checkbox]{border:1.5px solid var(--color-border);cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary);border-radius:4px}.price-slider-container{padding:0 .5rem}.range-slider{-webkit-appearance:none;background:var(--color-bg-alt);border-radius:5px;outline:none;width:100%;height:6px;margin:1.5rem 0}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:20px;height:20px;box-shadow:0 0 0 1px var(--color-primary), var(--shadow-sm);transition:var(--transition);border:3px solid #fff;border-radius:50%}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #f9731633}.range-values{color:var(--color-text-muted);justify-content:space-between;font-size:.8125rem;font-weight:600;display:flex}.filter-mobile-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);width:100%;box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding:.875rem 1.25rem;font-weight:600;transition:all .2s;display:none}.filter-mobile-toggle:active{transform:scale(.98)}.filter-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;background:#0006;transition:all .3s ease-in-out;position:fixed;inset:0}.filter-backdrop.active{opacity:1;visibility:visible}body.filter-open{overflow:hidden!important}@media (width<=992px){.home-layout-grid{grid-template-columns:1fr!important}.filter-mobile-toggle{display:flex}.filter-sidebar{background:var(--color-surface);z-index:10000;-webkit-overflow-scrolling:touch;max-width:85vw;transition:left .4s cubic-bezier(.4,0,.2,1);top:0;bottom:0;left:-320px;box-shadow:20px 0 50px #00000026;border:none!important;border-radius:0!important;width:300px!important;height:100dvh!important;margin:0!important;padding:2rem 1.5rem 5rem!important;position:fixed!important;overflow-y:auto!important}.filter-sidebar.active{left:0}.filter-sidebar .filter-close-btn{background:var(--color-bg-alt);cursor:pointer;color:var(--color-text-muted);border:none;border-radius:50%;padding:.5rem;transition:all .2s;position:absolute;top:1.25rem;right:1.25rem;display:block!important}.filter-sidebar .filter-close-btn:hover{background:var(--color-border);color:var(--color-text)}}.filter-sidebar .filter-close-btn{display:none}.product-card.out-of-stock{opacity:.6;filter:grayscale(.5);transition:all .3s}.product-card.out-of-stock:hover{opacity:.9;filter:grayscale(.2)}.product-card.out-of-stock .product-card-img-wrap{filter:brightness(.9)}.compare-badge{color:var(--color-text-light);cursor:pointer;z-index:5;text-transform:uppercase;letter-spacing:.05em;background:#ffffffe6;border:1px solid #0000;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .625rem;font-size:.625rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000000d}.compare-badge:hover{background:#fff;transform:translate(-50%)scale(1.05);box-shadow:0 4px 12px #0000001a}.compare-badge.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.product-card:hover .compare-badge{opacity:1}@media (width<=992px){.compare-badge{top:.75rem;left:auto;right:3.5rem;transform:none}.compare-badge:hover{transform:scale(1.05)}}.compare-bar{-webkit-backdrop-filter:blur(10px);z-index:9999;border-top:1px solid var(--color-border);background:#fffffff2;animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.compare-item-thumb{border:1px solid var(--color-border);background:#fff;border-radius:8px;flex-shrink:0;width:44px;height:44px;padding:2px;position:relative;overflow:visible}.compare-item-thumb img{object-fit:cover;border-radius:6px;width:100%;height:100%}.compare-item-remove{color:#fff;cursor:pointer;opacity:0;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .2s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0000001a}.compare-item-thumb:hover .compare-item-remove{opacity:1}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.compare-matrix-wrapper{background:#fff;border-radius:1.5rem;margin-bottom:2rem;overflow:hidden}.compare-matrix{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px}.compare-matrix th,.compare-matrix td{border-bottom:1px solid var(--color-border);text-align:center;width:22%;padding:1.5rem 1rem}.compare-matrix th:first-child,.compare-matrix td:first-child{text-align:left;width:120px;min-width:120px;color:var(--color-text);border-right:1px solid var(--color-border);z-index:10;background:#f8fafc;padding-left:1.25rem;font-weight:700;position:sticky;left:0;box-shadow:4px 0 10px #00000008}.compare-matrix th.spec-label-col{background:#f1f5f9}.compare-matrix .spec-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);vertical-align:middle;font-size:.75rem}.compare-matrix .spec-value{color:var(--color-text);font-size:.875rem;font-weight:500;line-height:1.4}.compare-matrix .product-col{vertical-align:top;background:#fff;padding-top:2rem}.compare-matrix .product-col.empty,.compare-matrix .spec-value.empty{background:#fafafa}.compare-matrix tr:hover td{background-color:#f8fafc}.compare-matrix tr:hover td:first-child{background-color:#f1f5f9}@media (width<=768px){.container{padding-left:1rem;padding-right:1rem}.compare-matrix{min-width:800px}.compare-matrix th,.compare-matrix td{padding:1rem .75rem}.compare-matrix th:first-child,.compare-matrix td:first-child{width:100px;min-width:100px;padding-left:.75rem;font-size:.75rem}.compare-matrix .spec-value{font-size:.8125rem}.compare-bar .btn-sm{font-size:.75rem;padding:.5rem .75rem!important}}