@font-face{font-family:Inter-fallback;size-adjust:100%;ascent-override:90%;src:local("Arial")}@font-face{font-family:Poppins-fallback;size-adjust:100%;ascent-override:92%;src:local("Arial")}:root{--primary: #8a2be2;--secondary: #ff3e9d;--accent: #00c2ff;--dark: #1e0a3c;--light: #f8f9fa;--gray: #6c757d;--success: #00d09c;--shadow: 0 8px 30px rgba(0,0,0,.12);--transition: all .3s ease;--primary-color: #2c6bed;--secondary-color: #ff6b35;--white: #ffffff;--light-gray: #f0f2f5;--text-color: #333333}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,Inter-fallback,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5fa;color:#333;min-height:100vh;line-height:1.6;font-display:swap}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;border:none;text-decoration:none;transition:all .3s ease;line-height:1.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-full{width:100%}.btn-pulse{animation:btnPulse 2s infinite}@keyframes btnPulse{0%{box-shadow:0 0 #667eeab3}70%{box-shadow:0 0 0 15px #667eea00}to{box-shadow:0 0 #667eea00}}.product-card{background-color:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #0000001a}.store-button{background-color:var(--secondary-color);color:var(--white);text-decoration:none;font-weight:600;padding:10px;border-radius:5px;display:block;text-align:center}.hero{background:linear-gradient(135deg,#2c6bed,#1a56d6);color:#fff;padding:60px 0}*{box-sizing:border-box}img,video,iframe{max-width:100%;height:auto;display:block}img:not([src]){visibility:hidden}.product-card:empty,.product-grid:empty{min-height:400px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.header{contain:layout style paint}.product-card{contain:layout style paint;content-visibility:auto}:root{--primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-solid: #667eea;--primary-dark: #5a67d8;--primary-light: #a3bffa;--secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--secondary-solid: #f093fb;--secondary-dark: #e53e3e;--accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--accent-solid: #4facfe;--success: #48bb78;--warning: #ed8936;--error: #f56565;--text-primary: #1a202c;--text-secondary: #2d3748;--text-muted: #4a5568;--text-light: #718096;--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7;--bg-dark: #1a202c;--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--gradient-text: linear-gradient(135deg, #667eea 0%, #f093fb 100%);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .05);--shadow-sm: 0 4px 6px rgba(0, 0, 0, .07);--shadow-md: 0 10px 25px rgba(0, 0, 0, .1);--shadow-lg: 0 25px 50px rgba(0, 0, 0, .15);--shadow-xl: 0 35px 70px rgba(0, 0, 0, .2);--shadow-2xl: 0 50px 100px rgba(0, 0, 0, .25);--shadow-primary: 0 20px 40px rgba(102, 126, 234, .3);--shadow-secondary: 0 20px 40px rgba(240, 147, 251, .3);--shadow-accent: 0 20px 40px rgba(79, 172, 254, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .3s cubic-bezier(.68, -.55, .265, 1.55);--font-primary: "Inter", "Segoe UI", -apple-system, sans-serif;--font-display: "Poppins", "Inter", sans-serif;--z-dropdown: 1000;--z-modal: 1100;--z-popover: 1200;--z-tooltip: 1300;--z-toast: 1400}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{font-family:var(--font-display);font-size:2.5rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md);position:relative}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--gradient-text);border-radius:var(--radius-full)}.section-header p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 2rem;font-weight:600;font-size:1rem;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:var(--transition-normal);position:relative;overflow:hidden;white-space:nowrap}.ios-install-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:var(--z-toast);background:#fffffff2;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #0000001f;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}.ios-install-banner .banner-content{display:flex;align-items:center;gap:12px;padding:12px 14px}.ios-install-banner .banner-emoji{font-size:24px}.ios-install-banner .banner-text{color:var(--text-primary);line-height:1.35;font-size:14px}.ios-install-banner .banner-text strong{display:block;font-weight:700;margin-bottom:2px}.ios-install-banner .banner-text em{font-style:normal;font-weight:600}.ios-install-banner .banner-close{margin-left:auto;background:transparent;border:none;font-size:18px;color:#6b7280;cursor:pointer}.ios-install-banner .banner-close:hover{color:#111827}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.floating-filter-btn{position:fixed;top:50%;right:18px;transform:translateY(-50%);z-index:var(--z-popover);width:56px;height:56px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;box-shadow:0 12px 24px #0000002e,var(--shadow-primary);cursor:pointer;transition:var(--transition-bounce)}.floating-filter-btn i{font-size:20px}.floating-filter-btn:hover{transform:translateY(calc(-50% - 2px)) scale(1.04);box-shadow:var(--shadow-lg)}.floating-filter-btn:active{transform:translateY(calc(-50% + 0px)) scale(.98)}@media (max-width: 768px){.floating-filter-btn{right:12px;width:52px;height:52px}.floating-filter-btn i{font-size:18px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;border:none;position:relative;overflow:hidden;transition:all var(--transition-normal);text-decoration:none}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.btn:hover:before{left:100%}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--primary-solid);border:2px solid var(--primary-solid)}.btn-outline:hover{background:var(--primary-solid);color:#fff;transform:translateY(-3px)}.btn-full{width:100%;margin-top:auto}.btn-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #667eeab3}70%{box-shadow:0 0 0 15px #667eea00}to{box-shadow:0 0 #667eea00}}.header{position:fixed;top:0;left:0;width:100%;z-index:var(--z-dropdown);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);transition:var(--transition-normal);height:80px;min-height:80px}.header.scrolled{background:#fffffffa;box-shadow:var(--shadow-lg);height:70px;min-height:70px}.header.compact .navbar{padding:var(--space-xs) 0}.navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0;position:relative;transition:var(--transition-normal)}.logo{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;z-index:1001}.logo-icon{font-size:2rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-primary);min-width:180px;display:inline-block;white-space:nowrap;contain:layout style paint}.highlight{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;contain:paint}.nav-links{display:flex;align-items:center;gap:var(--space-xl);list-style:none}.nav-link{font-weight:500;color:var(--text-secondary);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:var(--transition-normal);position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--gradient-text);border-radius:var(--radius-full);transition:var(--transition-normal)}.nav-link:hover,.nav-link.active{color:var(--primary-solid);background:#667eea1a}.nav-link:hover:after,.nav-link.active:after{width:80%}.dropdown{position:relative}.dropdown-content{position:absolute;top:100%;left:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-lg);min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition-normal);border:1px solid rgba(255,255,255,.2);z-index:1000}.dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown:focus-within .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-content a{display:block;color:var(--text-secondary);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:var(--transition-fast);font-weight:500}.dropdown-content a:hover{color:var(--primary-solid);background:#667eea1a}@media (min-width: 769px){.dropdown-content{display:block!important;position:absolute;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-xl);border:1px solid rgba(255,255,255,.2)}.dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}}.dropdown-column h4{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--bg-tertiary)}.dropdown-column a{display:block;color:var(--text-secondary);text-decoration:none;padding:var(--space-sm) 0;transition:var(--transition-fast)}.dropdown-column a:hover{color:var(--primary-solid);transform:translate(5px)}.search-container{position:relative;transition:all .3s ease-in-out;transform-origin:center}.header .search-container.hidden{opacity:0;transform:scale(.8) translateY(-10px);visibility:hidden;pointer-events:none}.search-bar{display:flex;align-items:center;background:#fff;border:2px solid var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.search-bar:focus-within{border-color:var(--primary-solid);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.search-bar input{border:none;outline:none;padding:.875rem var(--space-lg);font-size:1rem;width:420px;background:transparent}.search-button{background:var(--primary);border:none;padding:.875rem var(--space-lg);color:#fff;cursor:pointer;transition:var(--transition-normal)}.search-button:hover{background:var(--primary-dark)}.wheel-test-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 8px #667eea4d;margin-left:15px}.wheel-test-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #667eea66}.wheel-test-btn:active{transform:translateY(0) scale(.95)}@media (max-width: 768px){.wheel-test-btn{width:40px;height:40px;font-size:16px;margin-left:10px}}.notification-floating-btn{position:fixed;top:20px;right:20px;width:60px;height:60px;background:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);transition:var(--transition-normal);z-index:1002;animation:bellPulse 2s infinite ease-in-out}.notification-floating-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-2xl)}.notification-floating-btn.active{background:var(--success);animation:bellPulseActive 1.5s infinite ease-in-out}.notification-floating-btn.denied{background:var(--text-muted);animation:none;opacity:.6;cursor:not-allowed}.notification-floating-btn .fas{font-size:1.5rem;z-index:1}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:3px solid var(--primary);border-radius:50%;animation:pulseRing 2s infinite ease-in-out;opacity:.6}.notification-floating-btn.active .pulse-ring{border-color:var(--success)}@keyframes bellPulse{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-10deg)}75%{transform:scale(1.05) rotate(10deg)}}@keyframes bellPulseActive{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-15deg)}75%{transform:scale(1.1) rotate(15deg)}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}50%{transform:translate(-50%,-50%) scale(1);opacity:.4}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.mobile-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:var(--transition-fast)}.mobile-toggle:hover{background:var(--bg-subtle)}.mobile-toggle span{width:20px;height:2px;background:#fff;border-radius:2px;transition:var(--transition-normal);transform-origin:center}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-overlay{display:none}@media (max-width: 768px){.mobile-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.mobile-overlay.active{opacity:1;visibility:visible}.notification-floating-btn{width:50px;height:50px;top:15px;right:15px}.notification-floating-btn .fas{font-size:1.2rem}.notification-counter{width:20px;height:20px;font-size:.7rem}.pulse-ring{width:70px;height:70px}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--gradient-hero);overflow:hidden;margin-top:80px}.hero-parallax{position:relative;z-index:2;width:100%}.hero-content{text-align:center;color:#fff;max-width:800px;margin:0 auto;padding:var(--space-3xl) 0}.hero-title{font-family:var(--font-display);font-size:4rem;font-weight:800;margin-bottom:var(--space-lg);text-shadow:0 10px 30px rgba(0,0,0,.3);animation:slideInUp 1s ease-out}.hero-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg);opacity:.9;animation:slideInUp 1s ease-out .2s both}.hero-description{font-size:1.125rem;margin-bottom:var(--space-2xl);opacity:.8;line-height:1.8;animation:slideInUp 1s ease-out .4s both}.hero-buttons{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-3xl);animation:slideInUp 1s ease-out .6s both}.hero-features{display:flex;justify-content:center;gap:var(--space-2xl);animation:slideInUp 1s ease-out .8s both}.feature-item{display:flex;align-items:center;gap:var(--space-sm);font-weight:500}.feature-item i{font-size:1.25rem}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;z-index:1}.hero-wave svg{width:100%;height:auto}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.categories-section{padding:var(--space-3xl) 0;background:var(--bg-primary)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-xl)}.category-card{background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;text-decoration:none;color:var(--text-primary);transition:var(--transition-normal);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:var(--transition-normal)}.category-card:hover:before{left:100%}.category-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-xl)}.category-icon{font-size:3rem;margin-bottom:var(--space-lg);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:var(--transition-normal)}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-card h3{font-weight:600;font-size:1.125rem}.filters-section{padding:var(--space-xl) 0;background:var(--bg-secondary)}.filters-container{background:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.filter-group{display:flex;align-items:center;gap:var(--space-lg)}.filter-group h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.filter-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.filter-btn{padding:var(--space-sm) var(--space-lg);border:2px solid var(--bg-tertiary);background:#fff;color:var(--text-secondary);border-radius:var(--radius-full);font-weight:500;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-height:44px;position:relative;z-index:1}@media (max-width: 992px){.filter-btn{min-height:48px;padding:14px 20px;font-size:15px;border-width:2px}.filter-btn:active{transform:scale(.95);background:var(--primary-solid);color:#fff;border-color:var(--primary-solid)}}.filter-btn:hover{border-color:var(--primary-solid);color:var(--primary-solid);transform:translateY(-2px)}.filter-btn:active{transform:scale(.98);background:var(--bg-secondary)}.filter-btn:focus{outline:2px solid var(--primary-solid);outline-offset:2px}@media (hover: hover){.filter-btn:hover{border-color:var(--primary-solid);color:var(--primary-solid);transform:translateY(-2px)}}@media (hover: none){.filter-btn:hover{transform:none}}.filter-btn.active{background:var(--primary);border-color:var(--primary-solid);color:#fff;box-shadow:var(--shadow-primary)}.sort-dropdown{display:flex;align-items:center;gap:var(--space-sm)}.sort-dropdown label{display:flex;align-items:center;gap:6px;font-weight:600}.sort-select{padding:var(--space-sm) var(--space-lg);border:2px solid var(--bg-tertiary);border-radius:var(--radius-md);background:#fff;font-weight:500;cursor:pointer;transition:var(--transition-normal)}.sort-select:focus{outline:none;border-color:var(--primary-solid);box-shadow:var(--shadow-primary)}.products-section{padding:var(--space-3xl) 0;background:var(--bg-primary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-2xl);min-height:500px;contain:layout style}.product-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-normal);position:relative;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;height:100%;min-height:450px;will-change:transform}.product-card:hover{transform:translateY(-15px);box-shadow:var(--shadow-2xl)}.product-badge{position:absolute;top:var(--space-md);left:var(--space-md);background:var(--secondary);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;z-index:10;box-shadow:var(--shadow-md)}.wishlist-button{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;background:#fff;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.wishlist-button:hover{background:var(--secondary-solid);color:#fff;transform:scale(1.1)}.product-image{position:relative;height:250px;overflow:hidden;background:#f0f0f0;aspect-ratio:16 / 10}.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow);content-visibility:auto;contain-intrinsic-size:320px 200px}.product-card:hover .product-image img{transform:scale(1.1)}.product-clock-badge{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:var(--primary-solid);box-shadow:0 4px 10px #00000026}.product-clock-badge i{font-size:14px}.product-tag{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--error);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.product-actions-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--space-lg);opacity:0;transform:translateY(20px);transition:var(--transition-normal)}.product-card:hover .product-actions-overlay{opacity:1;transform:translateY(0)}.quick-view-btn{background:#fff;color:var(--text-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:600;display:block;text-align:center;transition:var(--transition-normal)}.quick-view-btn:hover{background:var(--primary-solid);color:#fff;transform:translateY(-2px)}.product-content{padding:var(--space-xl);display:flex;flex-direction:column;flex-grow:1}.product-seller{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-sm);font-weight:500}.product-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm);line-height:1.6;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:normal;font-variant-ligatures:normal}.product-rating{display:flex;align-items:center;gap:2px;margin-bottom:var(--space-md)}.product-rating i{color:#fbbf24;font-size:.875rem}.rating-count{margin-left:var(--space-sm);font-size:.875rem;color:var(--text-muted)}.product-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.product-description-mobile{font-size:.82rem;color:var(--text-secondary);line-height:1.4;margin-bottom:10px}.product-price-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.product-price-info{display:flex;flex-direction:column}.product-price{font-size:1.5rem;font-weight:700;color:var(--primary-solid)}.product-price-original{font-size:.875rem;color:var(--text-muted);text-decoration:line-through}.product-shipping{font-size:.75rem;color:var(--success);font-weight:600}.fade-in{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.no-results{grid-column:1 / -1;text-align:center;padding:var(--space-3xl);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.no-results-icon{font-size:4rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.benefits-section{padding:var(--space-3xl) 0;background:var(--bg-secondary)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2xl)}.benefit-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-md);transition:var(--transition-normal);border:1px solid rgba(255,255,255,.2)}.benefit-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.benefit-icon{width:80px;height:80px;background:var(--gradient-text);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);font-size:2rem;color:#fff;box-shadow:var(--shadow-primary)}.benefit-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}.benefit-card p{color:var(--text-secondary);line-height:1.6}.testimonials-section{padding:var(--space-3xl) 0;background:var(--bg-primary)}.testimonials-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-2xl)}.testimonial-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-md);transition:var(--transition-normal);position:relative;border:1px solid rgba(255,255,255,.2)}.testimonial-card:before{content:'"';position:absolute;top:var(--space-lg);left:var(--space-lg);font-size:4rem;color:#667eea1a;font-family:serif;line-height:1}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.testimonial-rating{display:flex;margin-bottom:var(--space-lg)}.testimonial-rating i{color:#fbbf24;font-size:1.125rem;margin-right:2px}.testimonial-text{font-style:italic;margin-bottom:var(--space-xl);font-size:1.125rem;line-height:1.7;color:var(--text-secondary);position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:var(--space-lg)}.testimonial-author img{width:60px;height:60px;border-radius:var(--radius-full);object-fit:cover;box-shadow:var(--shadow-md)}.testimonial-author h4{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.testimonial-author p{color:var(--text-muted);font-size:.875rem}.newsletter-section{padding:var(--space-3xl) 0;background:var(--gradient-hero);position:relative;overflow:hidden}.newsletter-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-3xl);box-shadow:var(--shadow-2xl);display:flex;align-items:center;gap:var(--space-3xl);position:relative;z-index:1}.newsletter-content{flex:1}.newsletter-content h2{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.newsletter-content p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.newsletter-form{flex:1}.form-group{display:flex;margin-bottom:var(--space-lg)}.form-group input{flex:1;padding:1rem var(--space-lg);border:2px solid var(--bg-tertiary);border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:1rem;outline:none;transition:var(--transition-normal)}.form-group input:focus{border-color:var(--primary-solid);box-shadow:var(--shadow-primary)}.form-group .btn{border-radius:0 var(--radius-md) var(--radius-md) 0;padding:1rem var(--space-xl)}.checkbox-container{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--text-secondary);cursor:pointer}.notification-section{margin-top:var(--space-xl);text-align:center}.notification-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:2px solid var(--primary-solid);background:transparent;color:var(--primary-solid);border-radius:var(--radius-lg);font-weight:600;transition:var(--transition-normal);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:44px}.notification-btn:hover:not(:disabled){background:var(--primary-solid);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.notification-btn:active{transform:translateY(0);background:var(--primary-solid);color:#fff}.notification-btn.active{background:var(--success);border-color:var(--success);color:#fff}.notification-btn.loading{background:var(--primary-light);border-color:var(--primary-solid);color:var(--primary-solid);cursor:wait}.notification-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-muted);border-color:var(--border-color);color:var(--text-muted)}@media (max-width: 768px){.notification-btn{width:100%;justify-content:center;padding:var(--space-lg) var(--space-xl);font-size:1rem;min-height:50px}.notification-btn:active{transform:scale(.98);background:var(--primary-solid);color:#fff}}.notification-info{margin-top:var(--space-sm);font-size:.875rem;color:var(--success);font-weight:500}.footer{background:var(--bg-dark);color:#cbd5e0}.footer-top{padding:var(--space-3xl) 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2xl)}.footer-logo{display:flex;align-items:center;gap:var(--space-md);font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:var(--space-lg)}.footer-logo i{font-size:2rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-about{line-height:1.7;margin-bottom:var(--space-lg);color:#a0aec0}.social-icons{display:flex;gap:var(--space-md)}.social-icon{width:45px;height:45px;background:#ffffff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-normal);text-decoration:none}.social-icon:hover{background:var(--primary-solid);transform:translateY(-3px);box-shadow:var(--shadow-primary)}.footer-title{color:#fff;font-weight:600;font-size:1.125rem;margin-bottom:var(--space-lg);position:relative;padding-bottom:var(--space-sm)}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--gradient-text);border-radius:var(--radius-full)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:#a0aec0;text-decoration:none;transition:var(--transition-normal);display:inline-block}.footer-links a:hover{color:#fff;transform:translate(5px)}.footer-contact{list-style:none}.footer-contact li{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);color:#a0aec0}.footer-contact i{color:var(--primary-light);width:20px}.payment-methods{margin-top:var(--space-xl)}.payment-icons{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-md)}.payment-icons i{font-size:2rem;color:#a0aec0;transition:var(--transition-normal)}.payment-icons i:hover{color:#fff;transform:scale(1.1)}.footer-bottom{background:#0000004d;padding:var(--space-xl) 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#a0aec0;margin-bottom:var(--space-sm)}.footer-bottom i{color:#f56565}.back-to-top{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:50px;height:50px;background:var(--primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:var(--shadow-primary);transition:var(--transition-normal);z-index:var(--z-tooltip)}.back-to-top:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.filter-parents{display:grid;gap:var(--space-sm)}.filter-parent{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-subbuttons{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm);background:#fff;border:1px solid var(--bg-tertiary);border-radius:var(--radius-md)}@media (max-width: 768px){.filter-parents{grid-template-columns:1fr}.filter-parent .filter-btn{width:100%;justify-content:flex-start}.filter-subbuttons{width:100%;margin:0;padding-left:var(--space-lg);border-left:3px solid var(--primary-solid);border-top-left-radius:0;border-bottom-left-radius:0;background:#fff}}@media (max-width: 1024px){.hero-title{font-size:3rem}.newsletter-container{flex-direction:column;grid-template-columns:repeat(2,1fr)}.newsletter-container .product-image{height:auto;aspect-ratio:1 / 1}.newsletter-container .product-image img{object-fit:cover}.newsletter-container .product-content{padding:10px 10px 12px}.newsletter-container .product-title{font-size:.95rem}.newsletter-container .product-description{display:none}.newsletter-container .mobile-title-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.newsletter-container .mobile-title{flex:1;font-weight:600;color:var(--text-primary);line-height:1.6;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:normal;font-variant-ligatures:normal}.newsletter-container .discount-badge{background:#ff6b6b;color:#fff;font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:6px;line-height:1;white-space:nowrap}.dropdown-content{min-width:600px}}@media (max-width: 768px){.nav-links{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-xl);transform:translate(-100%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001;border-bottom:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.dropdown .nav-link{font-size:1.2rem;font-weight:600;color:var(--primary-solid);margin-bottom:var(--space-sm);padding:var(--space-sm) 0;border-bottom:2px solid var(--bg-tertiary)}.dropdown-content{position:static;opacity:1;visibility:visible;transform:none;background:transparent;box-shadow:none;border:none;padding:0 0 var(--space-lg) 0;margin-bottom:var(--space-lg)}.dropdown-content a{padding:var(--space-sm) var(--space-md);margin-left:var(--space-md);font-size:.95rem}.nav-links::-webkit-scrollbar{width:4px}.nav-links::-webkit-scrollbar-track{background:transparent}.nav-links::-webkit-scrollbar-thumb{background:var(--primary-solid);border-radius:2px}.nav-links::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.nav-links.active{transform:translate(0);opacity:1;visibility:visible}.mobile-toggle{display:none}.nav-links li{width:100%;margin:0;border-bottom:1px solid rgba(0,0,0,.05)}.nav-links .nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-md);border-radius:0;transition:all .3s ease;font-weight:500;color:var(--text-primary);font-size:1.1rem;min-height:56px}.nav-links .nav-link:hover,.nav-links .nav-link.active{background:var(--primary-bg);color:var(--primary-solid);padding-left:calc(var(--space-md) + var(--space-sm))}.dropdown{position:relative}.dropdown>.nav-link{position:relative}.dropdown-always-open{width:100%}.dropdown-content-always{display:block;background:#fff;border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-md);box-shadow:0 4px 12px #0000001a;border:1px solid #f0f0f0}.dropdown-grid{display:block}.dropdown-column{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid #f0f0f0}.dropdown-column:last-child{border-bottom:none;margin-bottom:0}.dropdown-column h4{color:var(--primary-solid);margin-bottom:var(--space-md);font-size:1.1rem;font-weight:600;padding:var(--space-sm) var(--space-md);background:var(--primary-bg);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-xs);border-left:4px solid var(--primary-solid)}.dropdown-column a{display:block;padding:var(--space-md) var(--space-lg);color:var(--text-secondary);font-size:1rem;border-radius:var(--radius-sm);margin:var(--space-xs) 0;transition:var(--transition-fast);border:1px solid transparent;min-height:48px;display:flex;align-items:center}.dropdown-column a:hover{background:var(--primary-bg);color:var(--primary-solid);border-color:var(--primary-solid);transform:translate(8px);box-shadow:0 2px 8px #667eea33}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.hero-features{flex-direction:column;gap:var(--space-lg)}.search-bar input{width:300px}.dropdown-content{position:relative;transform:none;opacity:1;visibility:visible;box-shadow:none;padding:var(--space-lg);margin-top:var(--space-md);min-width:auto}.dropdown-grid{grid-template-columns:1fr}.filters-container{flex-direction:column;align-items:stretch;gap:var(--space-xl);padding:var(--space-lg)}.filter-group{flex-direction:column;align-items:stretch;gap:var(--space-md)}.filter-group h3{text-align:center;font-size:1rem;margin-bottom:0;color:var(--text-primary)}.filter-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);justify-content:center}.filter-btn{padding:var(--space-md);font-size:.875rem;text-align:center;white-space:nowrap;border-radius:var(--radius-md)}.sort-dropdown{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.sort-dropdown label{text-align:center;font-weight:600;color:var(--text-primary);font-size:1rem}.sort-select{width:100%;padding:var(--space-md);font-size:.875rem;text-align:center;border-radius:var(--radius-md)}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.product-image{height:180px}.product-content{padding:var(--space-lg)}.product-title{font-size:1rem}.product-description{display:none}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.testimonials-slider{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}}@media (max-width: 480px){.container{padding:0 var(--space-md)}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.section-header h2{font-size:2rem}.search-bar input{width:240px}.search-bar{width:100%;max-width:320px}.navbar{padding:var(--space-md) 0}.filters-container{padding:var(--space-md);gap:var(--space-lg)}.filter-buttons{grid-template-columns:1fr;gap:var(--space-xs)}.filter-btn{padding:var(--space-sm) var(--space-md);font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:4px}.filter-group h3,.sort-dropdown label{font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:6px}.sort-select{padding:var(--space-sm) var(--space-md);font-size:.8rem}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.newsletter-container{padding:var(--space-xl)}.form-group{flex-direction:column}.form-group input,.form-group .btn{border-radius:var(--radius-md)}.form-group .btn{margin-top:var(--space-md)}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width: 769px){.product-title.desktop-only{display:block!important;white-space:normal;overflow:visible;text-overflow:initial}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.floating{animation:float 3s ease-in-out infinite}.spinning{animation:spin 2s linear infinite}.bouncing{animation:bounce 2s infinite}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glow{box-shadow:0 0 20px #667eea80;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px #667eea80}to{box-shadow:0 0 30px #667eeacc,0 0 40px #667eea99}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary-solid);color:#fff}::-moz-selection{background:var(--primary-solid);color:#fff}.purchase-notification{position:fixed;bottom:30px;left:30px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:16px 20px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:9999;max-width:350px;transform:translate(-120%);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid var(--primary-solid)}.purchase-notification.show{transform:translate(0);opacity:1}.purchase-notification-content{display:flex;align-items:center;gap:12px}.purchase-avatar{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-solid),var(--primary-gradient));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;position:relative;overflow:visible;animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 rgba(var(--primary-solid-rgb, 79, 70, 229),.4);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(var(--primary-solid-rgb, 79, 70, 229),0);transform:scale(1.05)}}.avatar-animation{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.smile-emoji{font-size:20px;animation:bounceSmile 2s ease-in-out infinite;z-index:2}.confetti{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.confetti-piece{position:absolute;width:4px;height:4px;background:var(--color);border-radius:50%;animation:confettiFall 2s ease-out infinite;animation-delay:var(--delay);opacity:0}.confetti-piece:nth-child(1){top:10%;left:20%}.confetti-piece:nth-child(2){top:15%;left:80%}.confetti-piece:nth-child(3){top:20%;left:50%}.confetti-piece:nth-child(4){top:10%;left:70%}.confetti-piece:nth-child(5){top:25%;left:30%}.confetti-piece:nth-child(6){top:5%;left:60%}.confetti-piece:nth-child(7){top:18%;left:40%}.confetti-piece:nth-child(8){top:8%;left:90%}.confetti-piece:nth-child(9){top:22%;left:10%}.confetti-piece:nth-child(10){top:12%;left:85%}@keyframes bounceSmile{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.2) rotate(0)}75%{transform:scale(1.1) rotate(5deg)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px) rotate(0) scale(0)}10%{opacity:1;transform:translateY(-15px) rotate(45deg) scale(1)}50%{opacity:1;transform:translateY(15px) rotate(180deg) scale(1)}to{opacity:0;transform:translateY(40px) rotate(360deg) scale(0)}}.purchase-info{flex:1;display:flex;flex-direction:column;gap:2px}.purchase-user{font-weight:700;color:var(--primary-solid);font-size:14px}.purchase-text{font-size:12px;color:#64748b}.purchase-product{font-weight:600;color:#1e293b;font-size:13px;line-height:1.2;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-icon{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;animation:purchasePulse 2s infinite}.purchase-notification.promo .purchase-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes purchasePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 480px){.purchase-notification{left:15px;right:15px;max-width:none;bottom:20px}.purchase-product{max-width:150px}.purchase-avatar{width:35px;height:35px}.smile-emoji{font-size:16px}.confetti-piece{width:3px;height:3px}}.nav-sub-search{width:100%;padding:8px 12px;margin-bottom:var(--space-sm);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);font-size:.9rem;outline:none}.nav-sub-search:focus{border-color:var(--primary-solid);box-shadow:var(--shadow-primary)}@media (max-width: 768px){.dropdown-content .nav-sub-search{margin:0 0 var(--space-sm) 0;background:#fff}}.btn.btn-full .cta-mobile{display:none}.btn.btn-full .cta-desktop{display:inline}@media (max-width: 768px){.btn.btn-full .cta-desktop{display:none}.btn.btn-full .cta-mobile{display:inline}}.filters-section{background:#fff;border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);margin:20px auto 30px;box-shadow:var(--shadow-lg);overflow:hidden}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--primary);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.filters-header h3{margin:0;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px}.filters-header h3 i{font-size:1.1rem}.results-count{font-size:.9rem;opacity:.9;font-weight:500}.filters-content{padding:24px}.desktop-filters{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.filter-control{display:flex;flex-direction:column;gap:8px}.filter-label{font-weight:600;color:var(--text-primary);font-size:.9rem;display:flex;align-items:center;gap:6px}.filter-label i{color:var(--primary-solid);width:16px}.filter-select{padding:12px 40px 12px 16px;border:2px solid var(--bg-tertiary);border-radius:var(--radius-md);background:#fff;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--transition-normal);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23667eea' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.filter-select:hover{border-color:var(--primary-solid);box-shadow:var(--shadow-primary)}.filter-select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px #667eea1a}.mobile-filters{margin-bottom:20px}.mobile-filter-row{display:flex;flex-direction:column;gap:16px}.mobile-select-wrapper{display:flex;flex-direction:column;gap:6px}.mobile-label{font-size:14px;font-weight:600;color:var(--text-primary);padding-left:4px}.mobile-filter-select{padding:16px 50px 16px 20px;border:2px solid var(--bg-tertiary);border-radius:var(--radius-lg);background:#fff;font-size:16px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--transition-normal);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23667eea' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;touch-action:manipulation;min-height:54px;width:100%;box-sizing:border-box}.mobile-filter-select:active,.mobile-filter-select:focus{border-color:var(--primary-solid);box-shadow:var(--shadow-primary);outline:none}.quick-filters{display:flex;flex-wrap:wrap;gap:10px;padding-top:15px;border-top:1px solid var(--bg-tertiary)}.quick-filter-chip{padding:10px 16px;background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.quick-filter-chip:hover{background:var(--primary-light);border-color:var(--primary-solid);color:var(--primary-solid);transform:translateY(-1px)}.quick-filter-chip.active{background:var(--primary);border-color:var(--primary-solid);color:#fff;box-shadow:var(--shadow-primary)}@media (max-width: 992px){.filters-section{margin:15px;border-radius:var(--radius-md)}.filters-header{padding:16px 20px}.filters-header h3{font-size:1.1rem}.results-count{font-size:.8rem}.filters-content{padding:20px}.mobile-filter-row{gap:12px}.mobile-filter-select{padding:18px 20px;font-size:16px;min-height:56px}.quick-filters{margin-top:15px;gap:8px}.quick-filter-chip{font-size:13px;padding:8px 14px;min-height:44px;display:flex;align-items:center}}@media (max-width: 480px){.filters-section{margin:10px}.filters-header{padding:12px 16px;flex-direction:column;gap:8px;text-align:center}.filters-content{padding:16px}.mobile-filter-select{padding:20px 18px;font-size:16px;min-height:58px}.quick-filters{justify-content:center}}.filter-select optgroup{font-weight:600;color:var(--primary-solid);padding:8px 0}.filter-select option{padding:8px 12px;color:var(--text-primary);font-weight:500}.loading-more{display:flex;justify-content:center;align-items:center;padding:40px 20px;width:100%}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--primary-solid)}.loading-spinner i{font-size:2.5rem;animation:spin 1s linear infinite}.loading-spinner p{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.end-of-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;margin-top:20px}.end-of-products .end-icon{font-size:3rem;color:var(--success);margin-bottom:15px;animation:fadeInScale .5s ease-out}.end-of-products p{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin:0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.loading-spinner i{font-size:2rem}.loading-spinner p{font-size:.9rem}.end-of-products .end-icon{font-size:2.5rem}.end-of-products p{font-size:1rem}}