.header{z-index:50;background:0 0;width:100%;padding:24px 0;transition:all .3s;position:fixed;top:0;left:0}.header-scrolled{background:var(--glass-bg);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);padding:16px 0}.header-container{justify-content:space-between;align-items:center;display:flex}.header-logo{gap:8px}.logo-icon{width:32px;height:32px;color:var(--accent-red)}.logo-text{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-size:24px;font-weight:800}.logo-text span{color:var(--accent-red);font-weight:400}.header-nav{display:none}@media (width>=768px){.header-nav{align-items:center;gap:32px;display:flex}}.nav-link{font-family:var(--font-display);letter-spacing:.025em;text-transform:uppercase;color:var(--text-secondary);padding:4px 0;font-size:14px;font-weight:600;transition:color .3s;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-red)}.nav-link-indicator{background-color:var(--accent-red);width:100%;height:2px;position:absolute;bottom:0;left:0}.header-actions{display:none}@media (width>=1024px){.header-actions{align-items:center;gap:16px;display:flex}}.search-form{position:relative}.search-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:9999px;width:220px;padding:8px 40px 8px 16px;font-size:14px;transition:all .35s}.search-input:focus{border-color:var(--accent-red);outline:none;width:280px}.search-submit{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-submit:hover{color:var(--text-primary)}.search-icon{width:16px;height:16px}.icon-btn{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:9999px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.icon-btn:hover{color:var(--text-primary);border-color:var(--text-secondary);background-color:var(--bg-secondary)}.mobile-menu-toggle{align-items:center;gap:16px;display:flex}@media (width>=768px){.mobile-menu-toggle{display:none}}.mobile-nav-overlay{background-color:var(--bg-primary);z-index:40;flex-direction:column;gap:32px;width:100%;height:100vh;padding:112px 24px 24px;display:flex;position:fixed;top:0;left:0}@media (width>=768px){.mobile-nav-overlay{display:none}}.mobile-search-form{width:100%;position:relative}.mobile-search-form .search-input{border-radius:8px;width:100%;padding:12px 48px 12px 16px;font-size:16px}.mobile-search-form .search-submit{right:16px}.mobile-nav-links{flex-direction:column;gap:24px;display:flex}.mobile-nav-link{font-family:var(--font-display);letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:8px 0;font-size:18px;font-weight:600}.mobile-nav-link.active{color:var(--accent-red)}.header-spacer{height:80px}.home-hero{background:var(--bg-secondary);min-height:calc(100vh - 80px);padding:60px 0;position:relative;overflow:hidden}.hero-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.badge{background-color:var(--accent-red-alpha);color:var(--accent-red);text-transform:uppercase;letter-spacing:.05em;border:1px solid #e1272633;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.hero-title{margin-bottom:24px;font-size:48px;line-height:1.1}@media (width>=768px){.hero-title{font-size:60px}}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:18px}.hero-image-wrapper{aspect-ratio:4/3;border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);position:relative;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%}.bg-secondary{background-color:var(--bg-secondary)}.section-header{text-align:center;max-width:672px;margin:0 auto 64px}.section-header h2{margin-bottom:16px;font-size:36px}.category-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.category-icon-wrapper{background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;transition:all .3s;display:flex}.category-card:hover .category-icon-wrapper{color:var(--accent-red);border-color:var(--accent-red-alpha);transform:scale(1.1)}.category-name{font-family:var(--font-display);color:var(--text-primary);font-size:14px;font-weight:700;transition:color .3s}.category-card:hover .category-name{color:var(--accent-red)}.brand-card{text-align:center;justify-content:center;align-items:center;padding:20px;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);font-size:14px;font-weight:900;transition:color .3s}.brand-card:hover .brand-name{color:var(--text-primary)}.feature-card{text-align:left;gap:20px;padding:32px;display:flex}.feature-icon{background-color:var(--accent-red-alpha);width:40px;height:40px;color:var(--accent-red);border:1px solid #e1272633;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-content h3{margin-bottom:8px;font-size:18px}.feature-content p{font-size:14px;line-height:1.6}.dream-setup-banner{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:96px 0;position:relative;overflow:hidden}.dream-setup-bg{z-index:0;position:absolute;inset:0}.dream-setup-bg img{object-fit:cover;opacity:.2;width:100%;height:100%}.dream-setup-overlay{background:linear-gradient(90deg,#fff 0%,#fffc 50%,#0000 100%);position:absolute;inset:0}.dream-setup-content{z-index:10;position:relative}.dream-setup-content h2{margin-bottom:24px;font-size:40px}@media (width>=768px){.dream-setup-content h2{font-size:48px}}.testimonial-card{flex-direction:column;justify-content:space-between;padding:32px;display:flex}.stars{color:#fbbf24;gap:4px;margin-bottom:16px;display:flex}.testimonial-text{margin-bottom:24px;font-size:14px;font-style:italic;line-height:1.6}.testimonial-author{border-top:1px solid var(--border-color);padding-top:16px}.testimonial-author h4{margin-bottom:2px;font-size:14px}.testimonial-author span{color:var(--text-muted);font-size:12px}.cta-card{text-align:center;max-width:896px;box-shadow:var(--shadow-red);border:1px solid #e1272633;margin:0 auto;padding:48px;position:relative;overflow:hidden}.cta-card h2{margin-bottom:16px;font-size:32px}@media (width>=768px){.cta-card h2{font-size:36px}}.product-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.product-image-container{aspect-ratio:4/3;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);width:100%;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-image{transform:scale(1.05)}.product-badge{font-size:12px;font-family:var(--font-display);text-transform:uppercase;border:1px solid #0000;border-radius:4px;padding:4px 10px;font-weight:600;position:absolute;top:16px;left:16px}.badge-in-stock{color:#059669;background-color:#10b9811a;border-color:#10b98133}.badge-out-of-stock{color:#e11d48;background-color:#f43f5e1a;border-color:#f43f5e33}.badge-pre-order{color:#d97706;background-color:#f59e0b1a;border-color:#f59e0b33}.badge-inquire{color:#2563eb;background-color:#3b82f61a;border-color:#3b82f633}.product-details{flex-direction:column;flex-grow:1;padding:20px;display:flex}.product-brand{font-size:12px;font-family:var(--font-display);color:var(--accent-red);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-weight:600}.product-name{min-height:44px;margin-bottom:8px;font-size:16px;transition:color .3s}.product-name:hover{color:var(--accent-red)}.product-spec{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:16px;font-size:12px;overflow:hidden}.product-price-row{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.product-price-info{flex-direction:column;display:flex}.price-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px}.price-value{font-size:18px;font-family:var(--font-display);color:var(--text-primary);font-weight:700}.product-actions{padding:0 20px 20px}.product-btn{width:100%;padding:10px 8px;font-size:12px}.footer{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);margin-top:auto;padding:64px 0 32px}.footer-grid{grid-template-columns:1fr;gap:48px;margin-bottom:64px;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-col{flex-direction:column;gap:24px;display:flex}.footer-logo{align-items:center;gap:8px;text-decoration:none;display:flex}.footer-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.social-links{gap:12px;display:flex}.social-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-btn:hover{color:var(--text-primary);border-color:var(--accent-red)}.footer-heading{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.footer-links{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent-red)}.contact-info{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.contact-info li{align-items:flex-start;gap:12px;display:flex}.contact-icon{color:var(--accent-red);flex-shrink:0;margin-top:2px}.contact-info span{color:var(--text-secondary);font-size:14px;line-height:1.6}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:32px;display:flex}.footer-bottom p{color:var(--text-muted);font-size:14px}@media (width>=768px){.footer-bottom{text-align:left;flex-direction:row;justify-content:space-between}}.whatsapp-floating{z-index:50;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 25px -5px #25d36666}.whatsapp-floating:hover{background-color:#20ba5a;transform:scale(1.1)}@keyframes pulse-whatsapp{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.shop-layout{flex-direction:column;align-items:flex-start;gap:32px;margin-top:16px;display:flex}@media (width>=1024px){.shop-layout{flex-direction:row}}.shop-sidebar{flex-direction:column;flex-shrink:0;gap:24px;width:280px;display:none;position:sticky;top:96px}@media (width>=1024px){.shop-sidebar{display:flex}}.shop-main{flex-grow:1;width:100%}.shop-toolbar{justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;display:flex}.shop-toolbar-actions{align-items:center;gap:16px;display:flex}.mobile-filter-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .2s;display:inline-flex}.mobile-filter-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-red)}@media (width>=1024px){.mobile-filter-btn{display:none!important}}.sort-label{color:var(--text-secondary);font-size:14px;display:none}@media (width>=640px){.sort-label{display:inline-block}}.hover-text-accent:hover{transition:color .2s;color:var(--accent-red)!important}:root{--bg-off-white:#fafafa;--bg-warm-white:#f7f8fa;--bg-light-gray:#f2f4f7;--bg-blue-gray:#eef3f8;--bg-charcoal:#111827;--bg-primary:var(--bg-off-white);--bg-secondary:var(--bg-warm-white);--bg-tertiary:var(--bg-light-gray);--accent-red:#e53935;--accent-red-hover:#d32f2f;--accent-red-alpha:#e539351a;--gradient-accent:linear-gradient(135deg, #e53935 0%, #8a2be2 100%);--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-color:#e5e7eb;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-border-hover:#e539354d;--shadow-sm:0 4px 12px #00000008;--shadow-md:0 10px 30px #0000000d;--shadow-lg:0 20px 50px #00000014;--shadow-glow:0 0 30px #e5393526;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--header-height:80px;--container-max-width:1280px;--border-radius-sm:12px;--border-radius-md:20px;--border-radius-lg:24px}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(var(--border-color) 1px, transparent 1px);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:24px 24px;font-size:16px;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:all .3s}p{color:var(--text-secondary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#dee2e6;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section{padding-top:80px;padding-bottom:80px}@media (width<=768px){.section{padding-top:50px;padding-bottom:50px}}.text-gradient{background:linear-gradient(135deg,#1a1a1a 30%,#868e96 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-red-gradient{background:linear-gradient(135deg,#e12726 0%,#ff5277 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{font-family:var(--font-display);border-radius:var(--border-radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background-color:var(--accent-red);color:#fff;box-shadow:0 4px 14px #e1272640}.btn-primary:hover{background-color:var(--accent-red-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e1272659}.btn-secondary{color:var(--text-primary);border-color:var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary);transform:translateY(-2px)}.btn-glass{color:var(--text-primary);border-color:var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff80}.btn-glass:hover{border-color:var(--text-primary);background-color:#fffc;transform:translateY(-2px)}.btn-whatsapp{color:#fff;background-color:#25d366;box-shadow:0 4px 14px #25d3664d}.btn-whatsapp:hover{background-color:#20ba5a;transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.glass-card{background:var(--glass-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.rgb-glow-hover{transition:all .4s cubic-bezier(.16,1,.3,1)}.rgb-glow-hover:hover{border-color:#e1272680;transform:translateY(-4px);box-shadow:0 0 15px #e127264d,0 0 30px #00c3ff33,0 0 45px #8a2be21a}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-display);color:var(--text-secondary);font-size:14px;font-weight:500}.form-input,.form-textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-sans);width:100%;padding:12px 16px;font-size:15px;transition:all .3s}.form-input:focus,.form-textarea:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px var(--accent-red-alpha);outline:none}.form-textarea{resize:vertical;min-height:120px}.animate-pulse-slow{animation:3s ease-in-out infinite pulse-slow}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.pulse-whatsapp{animation:2s infinite whatsapp-pulse}@keyframes whatsapp-pulse{0%{box-shadow:0 0 #25d36666}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.marquee-container{white-space:nowrap;align-items:center;width:100%;padding:32px 0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-content{will-change:transform;gap:64px;animation:40s linear infinite scrollMarquee;display:flex}.marquee-container:hover .marquee-content{animation-play-state:paused}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 32px))}}.filter-checkbox{appearance:none;border:2px solid var(--border-color);cursor:pointer;border-radius:4px;outline:none;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.filter-checkbox:checked{background-color:var(--accent-red);border-color:var(--accent-red)}.filter-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.filter-label{cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;transition:background-color .2s,color .2s;display:flex}.filter-label:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.filter-label.active{color:var(--accent-red);background-color:var(--accent-red-alpha);font-weight:600}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;width:100%;display:grid}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}.global-bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0000000d 1px,#0000 1px),linear-gradient(#0000000d 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}.global-glow-blob-1{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#e5393529 0%,#e5393500 70%);border-radius:50%;width:500px;height:500px;position:fixed;top:-10%;left:20%}.global-glow-blob-2{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#9333ea1f 0%,#9333ea00 70%);border-radius:50%;width:600px;height:600px;position:fixed;bottom:10%;right:15%}.global-glow-blob-3{filter:blur(45px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f61f 0%,#3b82f600 70%);border-radius:50%;width:450px;height:450px;position:fixed;top:40%;right:60%}