@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap);.about-page{width:100%}.about-hero{background:linear-gradient(135deg,var(--brand) 0,#1a4d2e 100%);background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark,#1a4d2e) 100%);color:#fff;margin-bottom:3rem;padding:4rem 2rem;text-align:center}.about-hero-content h1{font-family:var(--font-head);font-size:3rem;font-weight:800;margin-bottom:1rem}.about-hero-content p{font-size:1.2rem;opacity:.95}.about-section{padding:3rem 2rem}.about-section.bg-light{background-color:#f8f9fa}.about-section h2{color:var(--text-dark);font-family:var(--font-head);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.about-section>p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto;max-width:800px}.container{max-width:1200px}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin-top:2rem}.value-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.value-icon{color:var(--brand);height:48px;margin:0 auto 1rem;width:48px}.value-card h3{color:var(--text-dark);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.value-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.offers-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin-top:2rem}.offer-item{background:#fff;border-left:4px solid var(--brand);border-radius:4px;box-shadow:0 1px 4px #00000014;padding:1.5rem}.offer-item h3{color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.offer-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}@media (max-width:768px){.about-hero-content h1{font-size:2rem}.about-hero-content p{font-size:1rem}.about-section h2{font-size:1.5rem}.values-grid{gap:1.5rem;grid-template-columns:1fr}.offers-list{gap:1rem;grid-template-columns:1fr}}.legal-page{background-color:#f8f9fa;min-height:100vh;width:100%}.legal-header{background:linear-gradient(135deg,var(--brand) 0,#1a4d2e 100%);background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark,#1a4d2e) 100%);color:#fff;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.legal-header h1{font-family:var(--font-head);font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.legal-header p{font-size:.95rem;opacity:.9}.legal-content{margin:0 auto;max-width:900px;padding:0 2rem 3rem}.legal-content section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;padding:2rem}.legal-content h2{border-bottom:2px solid var(--brand);color:var(--text-dark);font-family:var(--font-head);font-size:1.4rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.legal-content h3{color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-top:1.5rem}.legal-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:1rem}.legal-content ul{line-height:1.8;margin:1rem 0 1rem 1.5rem}.legal-content li{color:var(--text-secondary);font-size:.95rem;list-style-type:disc;margin-bottom:.5rem}.legal-content strong{color:var(--text-dark);font-weight:600}@media (max-width:768px){.legal-header h1{font-size:1.8rem}.legal-header p{font-size:.9rem}.legal-content{padding:0 1rem 2rem}.legal-content section{margin-bottom:1rem;padding:1.5rem}.legal-content h2{font-size:1.2rem}.legal-content h3{font-size:1rem}.legal-content li,.legal-content p{font-size:.9rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand:#e8471a;--brand-hover:#c93b14;--brand-light:#fef0ec;--brand-glow:#e8471a40;--accent:#ff6b35;--accent-hover:#e8471a;--dark:#0d1b2a;--dark-mid:#162436;--dark-light:#1e3148;--gold:#f5a623;--gold-light:#fff8e7;--text:#0d1b2a;--text-muted:#64748b;--text-faint:#94a3b8;--border:#e8ecf0;--border-mid:#d1d9e0;--surface:#f7f8fa;--surface-mid:#eef1f4;--white:#fff;--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#2563eb;--info-bg:#dbeafe;--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px #0d1b2a0d;--shadow-sm:0 2px 8px #0d1b2a14;--shadow:0 4px 16px #0d1b2a1a;--shadow-md:0 8px 32px #0d1b2a1f;--shadow-lg:0 20px 60px #0d1b2a26;--shadow-brand:0 8px 24px var(--brand-glow);--font-head:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--ease:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:0.15s;--dur:0.22s;--dur-slow:0.4s}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--white);font-family:Inter,sans-serif;font-family:var(--font-body);line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#0d1b2a;color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-family:var(--font-head);font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer}button,input,select,textarea{font-family:Inter,sans-serif;font-family:var(--font-body)}input,select,textarea{font-size:15px;outline:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d9e0;background:var(--border-mid);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-faint)}.container{margin:0 auto;max-width:1312px;padding:0 28px}.section{padding:80px 0}.section-sm{padding:48px 0}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:11px 24px;position:relative;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--dur) var(--ease);white-space:nowrap}.btn:after{background:#fff0;content:"";inset:0;position:absolute;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--dur-fast) var(--ease)}.btn:hover:after{background:#ffffff14}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:#e8471a;background:var(--brand);box-shadow:0 4px 14px #e8471a40;box-shadow:0 4px 14px var(--brand-glow);color:#fff}.btn-primary:hover{background:#c93b14;background:var(--brand-hover);box-shadow:0 6px 20px #e8471a40;box-shadow:0 6px 20px var(--brand-glow);transform:translateY(-1px)}.btn-dark{background:#0d1b2a;background:var(--dark);box-shadow:0 2px 8px #0d1b2a14;box-shadow:var(--shadow-sm);color:#fff}.btn-dark:hover{background:#162436;background:var(--dark-mid);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #e8471a;border:2px solid var(--brand);color:#e8471a;color:var(--brand)}.btn-outline:hover{background:#fef0ec;background:var(--brand-light)}.btn-ghost{background:#0000;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);color:#0d1b2a;color:var(--text)}.btn-ghost:hover{background:#fef0ec;background:var(--brand-light);border-color:#e8471a;border-color:var(--brand)}.btn-ghost:hover,.btn-white{color:#e8471a;color:var(--brand)}.btn-white{background:#fff;box-shadow:0 2px 8px #0d1b2a14;box-shadow:var(--shadow-sm)}.btn-white:hover{box-shadow:0 8px 32px #0d1b2a1f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#f7f8fa;background:var(--surface);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);color:#0d1b2a;color:var(--text)}.btn-secondary:hover{border-color:#e8471a;border-color:var(--brand);color:#e8471a;color:var(--brand)}.btn-sm{font-size:13px;padding:7px 16px}.btn-lg{border-radius:12px;border-radius:var(--radius);font-size:16px;padding:14px 32px}.btn-xl{border-radius:16px;border-radius:var(--radius-md);font-size:17px;padding:18px 40px}.w-full{width:100%}.card{background:#fff;background:var(--white);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px #0d1b2a0d;box-shadow:var(--shadow-xs);transition:box-shadow .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card:hover{border-color:#d1d9e0;border-color:var(--border-mid);box-shadow:0 8px 32px #0d1b2a1f;box-shadow:var(--shadow-md)}.card-lift:hover{transform:translateY(-4px)}.card-flat{box-shadow:none}.glass{background:#fffc;border:1px solid #ffffff80}.glass,.glass-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-dark{background:#0d1b2abf;border:1px solid #ffffff14}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-input{background:#fff;background:var(--white);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0d1b2a;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:15px;padding:11px 14px;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);width:100%}.form-input:focus{border-color:#e8471a;border-color:var(--brand);box-shadow:0 0 0 3px #e8471a40;box-shadow:0 0 0 3px var(--brand-glow)}.form-input::placeholder{color:#94a3b8;color:var(--text-faint)}.form-input.error{border-color:#dc2626;border-color:var(--danger);box-shadow:0 0 0 3px #dc262626}.form-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0d1b2a;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:15px;padding:11px 40px 11px 14px;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);width:100%}.form-select:focus{border-color:#e8471a;border-color:var(--brand);box-shadow:0 0 0 3px #e8471a40;box-shadow:0 0 0 3px var(--brand-glow);outline:none}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.03em;padding:3px 10px}.badge-brand{background:#fef0ec;background:var(--brand-light);color:#e8471a;color:var(--brand)}.badge-success{background:#dcfce7;background:var(--success-bg);color:#16a34a;color:var(--success)}.badge-warning{background:#fef3c7;background:var(--warning-bg);color:#d97706;color:var(--warning)}.badge-danger{background:#fee2e2;background:var(--danger-bg);color:#dc2626;color:var(--danger)}.badge-info{background:#dbeafe;background:var(--info-bg);color:#2563eb;color:var(--info)}.badge-gold{background:#fff8e7;background:var(--gold-light);color:#92400e}.badge-dark{background:#0d1b2a;background:var(--dark);color:#fff}.badge-default{background:#f7f8fa;background:var(--surface);border:1px solid #e8ecf0;border:1px solid var(--border);color:#64748b;color:var(--text-muted)}.product-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.cameras-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.loader{align-items:center;display:flex;justify-content:center;min-height:240px}.spinner{animation:spin .7s linear infinite;border:3px solid #e8ecf0;border-top-color:#e8471a;border:3px solid var(--border);border-radius:50%;border-top-color:var(--brand);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{animation:shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#f7f8fa 25%,#eef1f4 50%,#f7f8fa 75%);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-mid) 50%,var(--surface) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.page-enter{animation:fadeUp .4s cubic-bezier(.4,0,.2,1) forwards;animation:fadeUp .4s var(--ease) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards;animation:fadeIn .3s var(--ease) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stagger-child{animation:fadeUp .4s cubic-bezier(.4,0,.2,1) forwards;animation:fadeUp .4s var(--ease) forwards;opacity:0}.stagger-child:first-child{animation-delay:.05s}.stagger-child:nth-child(2){animation-delay:.1s}.stagger-child:nth-child(3){animation-delay:.15s}.stagger-child:nth-child(4){animation-delay:.2s}.stagger-child:nth-child(5){animation-delay:.25s}.stagger-child:nth-child(6){animation-delay:.3s}.stagger-child:nth-child(7){animation-delay:.35s}.stagger-child:nth-child(8){animation-delay:.4s}.img-zoom-wrap{overflow:hidden}.img-zoom-wrap img{transform-origin:center;transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s var(--ease)}.img-zoom-wrap:hover img{transform:scale(1.08)}.wishlist-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:none;border-radius:50%;box-shadow:0 2px 8px #0d1b2a14;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .22s cubic-bezier(.34,1.56,.64,1);transition:all var(--dur) var(--ease-spring);width:36px;z-index:2}.wishlist-btn:hover{box-shadow:0 4px 16px #0d1b2a1a;box-shadow:var(--shadow);transform:scale(1.15)}.wishlist-btn.active{background:#fee2e2}.urgency-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px}.urgency-low{background:#fef3c7;background:var(--warning-bg);color:#d97706;color:var(--warning)}.urgency-hot{background:#fee2e2;background:var(--danger-bg);color:#dc2626;color:var(--danger)}.timeline{padding-left:28px;position:relative}.timeline:before{background:#e8ecf0;background:var(--border);bottom:0;content:"";left:9px;position:absolute;top:0;width:2px}.timeline-item{padding-bottom:24px;position:relative}.timeline-dot{align-items:center;background:#fff;background:var(--white);border:2px solid #e8ecf0;border:2px solid var(--border);border-radius:50%;display:flex;height:18px;justify-content:center;left:-24px;position:absolute;top:4px;width:18px}.timeline-dot.done{background:#16a34a;background:var(--success);border-color:#16a34a;border-color:var(--success)}.timeline-dot.active{animation:pulse-dot 1.6s infinite;background:#e8471a;background:var(--brand);border-color:#e8471a;border-color:var(--brand)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #e8471a40;box-shadow:0 0 0 0 var(--brand-glow)}50%{box-shadow:0 0 0 7px #e8471a00}}.compare-table td,.compare-table th{border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border);padding:12px 16px;text-align:left;vertical-align:top}.compare-table th{background:#f7f8fa;background:var(--surface);color:#64748b;color:var(--text-muted);font-size:13px;font-weight:600;width:160px}.drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1b2a80;inset:0;position:fixed;z-index:400}.filter-drawer{animation:slideInRight .28s cubic-bezier(.4,0,.2,1);animation:slideInRight .28s var(--ease);background:#fff;background:var(--white);bottom:0;box-shadow:-8px 0 40px #0d1b2a26;overflow-y:auto;padding:24px;position:fixed;right:0;top:0;width:300px;z-index:401}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.wa-btn{align-items:center;background:#25d366;border:none;border-radius:50%;bottom:28px;box-shadow:0 4px 20px #25d36673;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:28px;transition:all .22s cubic-bezier(.34,1.56,.64,1);transition:all var(--dur) var(--ease-spring);width:56px;z-index:500}.wa-btn:hover{box-shadow:0 6px 28px #25d3668c;transform:scale(1.12) rotate(-5deg)}.search-dropdown{animation:fadeUp .18s cubic-bezier(.4,0,.2,1);animation:fadeUp .18s var(--ease);background:#fff;background:var(--white);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 20px 60px #0d1b2a26;box-shadow:var(--shadow-lg);left:0;max-height:440px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:300}.star-row{cursor:pointer;display:flex;gap:3px}.star-row svg{transition:transform .15s cubic-bezier(.34,1.56,.64,1);transition:transform var(--dur-fast) var(--ease-spring)}.star-row svg:hover{transform:scale(1.25)}.variant-pill{background:#fff;background:var(--white);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--dur-fast) var(--ease)}.variant-pill.selected,.variant-pill:hover{border-color:#e8471a;border-color:var(--brand);color:#e8471a;color:var(--brand)}.variant-pill.selected{background:#fef0ec;background:var(--brand-light);font-weight:600}.variant-pill:disabled{cursor:not-allowed;opacity:.35;text-decoration:line-through}.coupon-valid{border-color:#16a34a!important;border-color:var(--success)!important;box-shadow:0 0 0 3px #16a34a26!important}.coupon-invalid{border-color:#dc2626!important;border-color:var(--danger)!important;box-shadow:0 0 0 3px #dc262626!important}.chart-bar{transition:height .6s cubic-bezier(.34,1.56,.64,1)}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{background:#0d1b2a;background:var(--dark);color:#fff;flex-shrink:0;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:260px}.admin-main{background:#f7f8fa;background:var(--surface);flex:1 1;overflow:auto}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#64748b;color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.divider{border:none;border-top:1px solid #e8ecf0;border-top:1px solid var(--border)}.gradient-brand{background:linear-gradient(135deg,#e8471a,#ff6b35);background:linear-gradient(135deg,var(--brand),#ff6b35)}.gradient-dark{background:linear-gradient(135deg,#0d1b2a,#162436);background:linear-gradient(135deg,var(--dark),var(--dark-mid))}.gradient-hero{background:linear-gradient(135deg,#0d1b2a,#162436 50%,#1e3148)}.text-gradient-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e8471a,#ff6b35);background:linear-gradient(135deg,var(--brand),#ff6b35);-webkit-background-clip:text;background-clip:text}@media (max-width:1024px){.container{padding:0 20px}.section{padding:64px 0}.product-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}}@media (max-width:768px){.container{padding:0 16px}.section{padding:48px 0}.section-sm{padding:32px 0}.product-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{flex-direction:column!important}.admin-sidebar{height:auto!important;position:static!important;width:100%!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.wa-btn{bottom:20px;height:50px;right:16px;width:50px}}@media (max-width:480px){.container{padding:0 14px}.product-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.btn-lg{font-size:15px;padding:12px 24px}}@media (max-width:360px){.container{padding:0 12px}.product-grid{gap:12px;grid-template-columns:1fr}}.hero{align-items:center;background:#0a1118;color:#fff;display:flex;justify-content:center;min-height:82vh;overflow:hidden;padding:100px 20px 90px;position:relative}.hero-video{filter:contrast(110%) brightness(85%);height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;opacity:.35;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:0}.hero-overlay{background:linear-gradient(180deg,#0a1118d1,#0d1b2ae0 60%,#0d1b2a);inset:0;position:absolute;z-index:1}.hero-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:860px;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;animation:pulse-badge 2.5s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e8471a29;border:1px solid #e8471a5c;border-radius:9999px;box-shadow:0 4px 20px #e8471a26;color:#ff8f6b;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:24px;padding:8px 18px;text-transform:uppercase}.hero-content h1{color:#fff;font-size:clamp(26px,5vw,62px);font-weight:900;letter-spacing:-.025em;margin-bottom:20px;text-shadow:0 4px 24px #0006}.hero-content h1,.hero-slide-heading{font-family:Outfit,sans-serif;font-family:var(--font-head);line-height:1.15;overflow-wrap:break-word;word-break:break-word}.hero-slide-heading{font-size:clamp(24px,4vw,42px);font-weight:800}@media (max-width:480px){.hero-slide-heading{font-size:24px!important}}.carousel-player-controls{bottom:24px;left:40px;position:absolute;right:40px}@media (max-width:768px){.carousel-player-controls{bottom:12px!important;left:10px!important;right:10px!important}}.hero-content p{color:#cbd5e1;font-size:clamp(15px,1.8vw,19px);font-weight:400;line-height:1.7;margin-bottom:36px;max-width:680px;overflow-wrap:break-word;word-break:break-word}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1.5px solid #ffffff40;border-radius:8px;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s var(--ease)}.btn-secondary:hover{background:#ffffff2e;border-color:#fff;box-shadow:0 8px 24px #00000040;color:#fff;transform:translateY(-2px)}.features-bar{grid-gap:16px;background:#fff;border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 12px 40px #0d1b2a14;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;margin-top:-44px;max-width:1240px;padding:24px 28px;position:relative;z-index:10}.feature-item{align-items:center;border-radius:12px;border-radius:var(--radius);display:flex;gap:16px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.feature-item:hover{background:#f7f8fa;background:var(--surface);transform:translateY(-2px)}.feature-icon{align-items:center;background:#fef0ec;background:var(--brand-light);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #e8471a1a;display:flex;flex-shrink:0;font-size:26px;height:52px;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s var(--ease);width:52px}.feature-item:hover .feature-icon{transform:scale(1.08) rotate(-4deg)}.feature-item h4{color:#0d1b2a;color:var(--text);font-family:Outfit,sans-serif;font-family:var(--font-head);font-size:15px;font-weight:700;margin-bottom:3px}.feature-item p{color:#64748b;color:var(--text-muted);font-size:12px;line-height:1.4;margin:0}.categories-section{background:#f7f8fa;background:var(--surface);padding:90px 0 80px}.section-header{margin:0 auto 48px;max-width:650px;text-align:center}.section-header h2{color:#0d1b2a;color:var(--text);font-size:clamp(26px,3.5vw,38px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.section-header p{color:#64748b;color:var(--text-muted);font-size:16px;line-height:1.6}.category-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}.category-card{background:#fff;border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 4px 16px #0d1b2a0d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.category-card:hover{border-color:#e8471a66;box-shadow:0 16px 36px #0d1b2a1f;transform:translateY(-6px)}.category-img-wrap{background:#e2e8f0;height:190px;overflow:hidden;position:relative;width:100%}.category-img-wrap img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%}.category-card:hover .category-img-wrap img{transform:scale(1.07)}.category-badge{background:#e8471a;background:var(--brand);border-radius:9999px;box-shadow:0 2px 8px #0003;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.category-card h3{color:#0d1b2a;color:var(--text);font-family:Outfit,sans-serif;font-family:var(--font-head);font-size:17px;font-weight:700;padding:16px 18px 6px;transition:color .2s}.category-card:hover h3{color:#e8471a;color:var(--brand)}.category-card p{color:#64748b;color:var(--text-muted);flex:1 1;font-size:13px;line-height:1.5;margin-bottom:16px;padding:0 18px}.cat-link{align-items:center;background:#fafbfc;border-top:1px solid #e8ecf0;border-top:1px solid var(--border);color:#e8471a;color:var(--brand);display:flex;font-size:13px;font-weight:700;justify-content:space-between;padding:12px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.category-card:hover .cat-link{background:#fef0ec;background:var(--brand-light);padding-right:14px}.cta-banner{background:linear-gradient(135deg,#0a1118,#0d1b2a 40%,#162b3d);border:1px solid #ffffff14;border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0a111840;margin:60px auto;max-width:1240px;overflow:hidden;padding:70px 24px;position:relative}.cta-banner:before{background:radial-gradient(circle,#16a34a40 0,#0000 70%);height:320px;right:-80px;top:-80px;width:320px}.cta-banner:after,.cta-banner:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.cta-banner:after{background:radial-gradient(circle,#f5a6232e 0,#0000 70%);bottom:-60px;height:260px;left:20%;width:260px}.cta-content{margin:0 auto;max-width:720px;position:relative;text-align:center;z-index:2}.cta-content h2{color:#fff;font-size:clamp(26px,3.8vw,42px);font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.cta-content p{color:#cbd5e1;font-size:17px;line-height:1.6;margin:0 auto;max-width:580px}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@media (max-width:1024px){.features-bar{grid-template-columns:repeat(2,1fr);margin-left:20px;margin-right:20px;margin-top:-30px}}@media (max-width:640px){.features-bar{margin-left:16px;margin-right:16px;margin-top:-20px;padding:16px}.category-grid,.features-bar{grid-template-columns:1fr}.cta-banner{border-radius:24px;border-radius:var(--radius-lg);margin:30px 16px;padding:44px 18px}}body,html{overflow-x:hidden!important;position:relative}#root,body,html{max-width:100vw;width:100%}#root{overflow-x:clip}.hero-stats-bar{align-items:center;display:flex;flex-wrap:wrap;gap:36px}@media (max-width:768px){.hero-stats-bar{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:1fr 1fr!important}}@media (max-width:480px){.hero-stats-bar{grid-template-columns:1fr!important}}.home-main-container{max-width:100vw;overflow-x:clip;width:100%}@media (max-width:480px){.home-main-container{padding-left:0!important;padding-right:0!important}}.footer-trust-strip{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.footer-trust-strip{gap:12px!important;grid-template-columns:1fr 1fr!important}.footer-trust-strip>div{border-right:none!important;padding:6px 10px!important}}@media (max-width:480px){.footer-trust-strip{gap:8px!important;grid-template-columns:1fr!important}}.footer-main-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1.4fr;margin-bottom:56px}@media (max-width:900px){.footer-main-grid{gap:32px!important;grid-template-columns:1fr 1fr!important}}@media (max-width:580px){.footer-main-grid{gap:28px!important;grid-template-columns:1fr!important}}.admin-detail-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 420px}@media (max-width:960px){.admin-detail-layout{grid-template-columns:1fr!important}}.solar-calc-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1.4fr 1fr}@media (max-width:960px){.solar-calc-grid{gap:24px!important;grid-template-columns:1fr!important}}.appliance-item-row{align-items:center;border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:all .2s}@media (max-width:580px){.appliance-item-row{align-items:stretch!important;flex-direction:column!important;gap:10px!important;padding:12px!important}.appliance-controls-group{align-items:center!important;display:flex!important;justify-content:space-between!important;width:100%!important}}.responsive-two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:640px){.responsive-two-col{grid-template-columns:1fr!important}}.cart-layout-grid{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 360px}@media (max-width:920px){.cart-layout-grid{grid-template-columns:1fr!important}}.checkout-layout-grid{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 340px}@media (max-width:920px){.checkout-layout-grid{grid-template-columns:1fr!important}}.pdp-main-grid{grid-gap:56px;align-items:start;display:grid;gap:56px;grid-template-columns:1fr 1fr;margin-bottom:64px}@media (max-width:860px){.pdp-main-grid{gap:32px!important;grid-template-columns:1fr!important;margin-bottom:40px!important}}.login-split-container{display:flex;min-height:100vh}.login-left-panel{background:linear-gradient(135deg,#0d1b2a,#162436 60%,#1e3148);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:480px;overflow:hidden;padding:60px;position:relative}.login-right-panel{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.login-mobile-logo{display:none}@media (max-width:868px){.login-split-container{flex-direction:column!important}.login-left-panel{display:none!important}.login-right-panel{padding:32px 16px!important}.login-mobile-logo{display:flex!important;justify-content:center!important;margin-bottom:24px!important}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.32363584.css.map*/