@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap";:root{--green-900:#064e3b;--green-700:#047857;--green-500:#10b981;--green-300:#6ee7b7;--green-100:#d1fae5;--red-600:#dc2626;--red-500:#ef4444;--red-100:#fee2e2;--bg-primary:#0a0f0d;--bg-secondary:#111810;--bg-card:#161d18;--bg-hover:#1e2820;--text-primary:#f0fdf4;--text-secondary:#a7f3d0;--text-muted:#6b7280;--border:#1f2d24;--border-green:#047857;--border-red:#dc2626;--font-display:"Barlow Condensed", sans-serif;--font-body:"Be Vietnam Pro", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-card:0 4px 24px #0006;--shadow-green:0 0 20px #10b98126;--shadow-red:0 0 20px #dc262633;--transition:.2s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--green-700);border-radius:3px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-body);outline:none}.container{max-width:1280px;padding:0 var(--space-lg);margin:0 auto}.text-green{color:var(--green-500)}.text-red{color:var(--red-600)}.text-muted{color:var(--text-muted)}.font-display{font-family:var(--font-display)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.4s forwards fadeIn}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-green{background:var(--green-100);color:var(--green-900)}.badge-red{background:var(--red-100);color:var(--red-600)}.header{z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0}.header-topbar{background:var(--green-900);color:var(--green-300);padding:6px 0;font-size:.78rem}.topbar-inner{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.topbar-inner strong{color:var(--text-primary)}.topbar-link{color:inherit;text-decoration:none}.topbar-link:hover strong{color:var(--green-300)}.topbar-divider{background:var(--border-green);opacity:.4;width:1px;height:12px}.header-main{padding:14px 0}.header-inner{align-items:center;gap:var(--space-lg);display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{align-items:center;display:flex}.logo-text-group{flex-direction:column;line-height:1;display:flex}.logo-text{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-primary);font-size:1.5rem;font-weight:800}.logo-accent{color:var(--green-500)}.logo-sub{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-size:.65rem}.search-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);transition:border-color var(--transition);flex:1;align-items:center;max-width:520px;display:flex;overflow:hidden}.search-form:focus-within{border-color:var(--green-500)}.search-input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:10px 16px;font-size:.9rem}.search-input::placeholder{color:var(--text-muted)}.search-btn{background:var(--green-700);color:#fff;transition:background var(--transition);cursor:pointer;border:none;align-items:center;padding:10px 16px;display:flex}.search-btn:hover{background:var(--green-500)}.header-nav{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);white-space:nowrap;padding:6px 10px;font-size:.88rem;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--green-500);background:#10b98114}.cart-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition), color var(--transition);align-items:center;padding:8px 12px;text-decoration:none;display:flex;position:relative}.cart-btn:hover{border-color:var(--green-500);color:var(--green-500)}.cart-count{background:var(--red-600);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.menu-toggle{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.hamburger,.hamburger:before,.hamburger:after{content:"";background:var(--text-primary);width:22px;height:2px;transition:transform var(--transition);display:block}.hamburger{position:relative}.hamburger:before{position:absolute;top:-7px;left:0}.hamburger:after{position:absolute;top:7px;left:0}.hamburger.open{background:0 0}.hamburger.open:before{transform:rotate(45deg)translate(5px,5px)}.hamburger.open:after{transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{padding:var(--space-md);gap:var(--space-sm);border-top:1px solid var(--border);background:var(--bg-card);flex-direction:column;display:flex}.mobile-search{max-width:100%}.mobile-link{color:var(--text-secondary);padding:12px var(--space-md);border-radius:var(--radius-sm);border-bottom:1px solid var(--border);align-items:center;gap:8px;font-size:1rem;text-decoration:none;display:flex}.mobile-link:last-child{border-bottom:none}.mobile-link:hover{color:var(--green-500)}.mobile-hotline{text-align:center;background:var(--green-700);color:#fff;border-radius:var(--radius-sm);margin-top:var(--space-sm);padding:12px;font-weight:700;text-decoration:none;display:block}.main-content{min-height:calc(100vh - 200px)}@media (width<=900px){.header-nav .nav-link{display:none}.menu-toggle{display:block}.search-form{max-width:100%}}@media (width<=600px){.topbar-inner span:not(:first-child),.topbar-divider,.logo-sub{display:none}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:var(--space-2xl)}.footer-top{padding:var(--space-2xl) 0 var(--space-xl)}.footer-grid{gap:var(--space-xl);grid-template-columns:2fr 1fr 1fr 1.4fr;display:grid}.footer-logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.03em;margin-bottom:var(--space-sm);font-size:1.8rem;font-weight:800}.footer-logo span{color:var(--green-500)}.footer-company-name{color:var(--green-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.72rem;font-weight:700}.footer-brand p{color:var(--text-muted);margin-bottom:var(--space-sm);font-size:.875rem;line-height:1.7}.footer-legal{color:var(--text-muted);margin-bottom:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;font-size:.75rem;display:inline-block}.footer-legal strong{color:var(--text-secondary)}.footer-phone{color:var(--text-primary);text-decoration:none}.footer-phone:hover{color:var(--green-500)}.footer-email{color:var(--text-muted);font-size:.875rem;text-decoration:none}.footer-email:hover{color:var(--green-500)}.footer-social{gap:var(--space-sm);flex-wrap:wrap;display:flex}.social-btn{border-radius:var(--radius-full);transition:opacity var(--transition);padding:6px 14px;font-size:.78rem;font-weight:600;text-decoration:none}.social-btn:hover{opacity:.8}.social-btn.zalo{color:#fff;background:#0068ff}.social-btn.fb{color:#fff;background:#1877f2}.social-btn.yt{color:#fff;background:red}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:10px;font-size:.875rem;font-weight:700}.footer-col a{color:var(--text-muted);transition:color var(--transition);font-size:.875rem;text-decoration:none}.footer-col a:hover{color:var(--green-500)}.contact-item{align-items:flex-start;gap:10px;display:flex}.contact-icon{flex-shrink:0;margin-top:2px;font-size:1rem}.contact-item span{color:var(--text-muted);font-size:.875rem;line-height:1.5}.contact-item strong{color:var(--text-primary)}.contact-item small{color:var(--text-muted);font-size:.78rem}.footer-bottom{border-top:1px solid var(--border);padding:var(--space-md) 0}.footer-bottom-inner{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.footer-bottom p{color:var(--text-muted);font-size:.8rem}.footer-badges{gap:var(--space-sm);flex-wrap:wrap;display:flex}.trust-badge{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px 10px;font-size:.75rem}@media (width<=960px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom-inner{flex-direction:column;align-items:flex-start}}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--green-700);box-shadow:var(--shadow-green);transform:translateY(-4px)}.card-badges{z-index:1;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:10px;left:10px}.badge-cat{color:var(--green-300);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#047857d9;padding:2px 8px;font-size:.65rem;font-weight:700}.badge-hot{background:var(--red-600);color:#fff;letter-spacing:.08em;border-radius:var(--radius-full);padding:2px 8px;font-size:.65rem;font-weight:800}.badge-out{color:#fff;border-radius:var(--radius-full);background:#6b7280cc;padding:2px 8px;font-size:.65rem;font-weight:600}.badge-in-stock{color:#fff;border-radius:var(--radius-full);background:#16a34ae6;padding:2px 8px;font-size:.65rem;font-weight:700}.badge-pre-order{color:#1f1600;border-radius:var(--radius-full);background:#eab308e6;padding:2px 8px;font-size:.65rem;font-weight:700}.badge-save{background:var(--red-600);color:#fff;border-radius:var(--radius-full);padding:2px 8px;font-size:.65rem;font-weight:800}.card-img-wrap{aspect-ratio:4/3;background:var(--bg-secondary);display:block;overflow:hidden}.card-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .card-img-wrap img{transform:scale(1.05)}.card-body{padding:var(--space-md);flex-direction:column;flex:1;gap:6px;display:flex}.card-brand{color:var(--green-500);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.card-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-name a{color:inherit;text-decoration:none}.card-name a:hover{color:var(--green-500)}.card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:4px;display:flex}.card-tag{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-full);padding:1px 7px;font-size:.68rem}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:10px;display:flex}.card-price{color:var(--red-600);font-size:1.05rem;font-weight:700;font-family:var(--font-display)}.card-original-price{color:var(--text-muted);margin-bottom:1px;font-size:.78rem;text-decoration:line-through}.card-warranty{color:var(--text-muted);margin-top:2px;font-size:.7rem}.card-add-btn{border-radius:var(--radius-sm);background:var(--green-700);color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--transition), transform var(--transition);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-add-btn:hover:not(.disabled){background:var(--green-500);transform:scale(1.1)}.card-add-btn.disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.card-price-block{min-width:0}.card-action-btn{border-radius:var(--radius-sm);background:var(--green-700);color:#fff;text-align:center;cursor:pointer;min-width:112px;min-height:36px;transition:background var(--transition), transform var(--transition);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.card-action-btn:hover{background:var(--green-500);transform:translateY(-1px)}.card-action-btn.quote{background:#0068ff}.card-action-btn.quote:hover{background:#0058d6}.card-action-btn.muted{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.hero{padding:80px 0 60px;position:relative;overflow:hidden}.hero-bg-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.3;pointer-events:none;background-size:50px 50px;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:radial-gradient(60% 80% at 50% 100%,#0478571f 0%,#0000 70%);position:absolute;inset:0}.hero-inner{z-index:1;position:relative}.hero-content{max-width:680px}.hero-eyebrow{color:var(--green-500);border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-md);background:#10b9811a;border:1px solid #10b98140;padding:4px 14px;font-size:.78rem;font-weight:600;display:inline-block}.hero-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-md);letter-spacing:-.01em;font-size:clamp(2.5rem,5vw,3.8rem);font-weight:800;line-height:1.1}.hero-accent{color:var(--green-500)}.hero-sub{color:var(--text-muted);margin-bottom:var(--space-xl);font-size:.95rem;line-height:1.8}.hero-actions{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.btn-primary{background:var(--green-700);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition), transform var(--transition);border:none;align-items:center;gap:6px;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--green-500);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition), color var(--transition);background:0 0;align-items:center;gap:6px;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--green-500);color:var(--green-500)}.hero-stats{gap:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-item strong{font-family:var(--font-display);color:var(--green-500);font-size:1.8rem;font-weight:800;line-height:1}.stat-item span{color:var(--text-muted);font-size:.78rem}.brands-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:14px 0;overflow-x:auto}.brands-inner{align-items:center;gap:var(--space-sm);white-space:nowrap;display:flex}.brands-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:.78rem;font-weight:600}.brand-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:5px 14px;font-size:.8rem;font-weight:500}.brand-chip:hover,.brand-chip.active{border-color:var(--green-500);color:var(--green-500);background:#10b98114}.cat-tabs-section{padding:var(--space-lg) 0 0}.cat-tabs{gap:var(--space-sm);scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:8px 18px;font-size:.875rem;font-weight:500}.cat-tab:hover{border-color:var(--green-700);color:var(--text-secondary)}.cat-tab.active{background:var(--green-700);border-color:var(--green-700);color:#fff;font-weight:600}.filter-bar{padding:var(--space-md) 0;z-index:10;background:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:88px}.filter-bar-inner{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:6px;display:flex}.filter-group label{color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-weight:500}.filter-group select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition);padding:6px 10px;font-size:.83rem}.filter-group select:hover{border-color:var(--green-700)}.btn-reset{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;padding:6px 12px;font-size:.8rem}.btn-reset:hover{border-color:var(--red-600);color:var(--red-600)}.result-count{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:.8rem}.products-section{padding:var(--space-xl) 0}.search-heading{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.95rem}.search-heading strong{color:var(--text-primary)}.products-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.loading-state{justify-content:center;align-items:center;gap:var(--space-md);min-height:280px;color:var(--text-muted);flex-direction:column;font-size:.9rem;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--green-500);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.fetch-error{margin-bottom:var(--space-md);border-radius:var(--radius-sm);color:var(--red-600);background:#dc262614;border:1px solid #dc262640;padding:10px 14px;font-size:.86rem}.pagination{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);color:var(--text-muted);font-size:.88rem;display:flex}.pagination .btn-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px var(--space-lg)}.empty-icon{margin-bottom:var(--space-md);font-size:3rem}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem}.empty-state p{color:var(--text-muted);margin-bottom:var(--space-lg)}.why-us{padding:var(--space-2xl) 0;border-top:1px solid var(--border);background:var(--bg-secondary)}.section-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;margin-bottom:var(--space-xl);font-size:1.8rem;font-weight:800}.why-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.why-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);text-align:center;transition:border-color var(--transition), transform var(--transition)}.why-card:hover{border-color:var(--green-700);transform:translateY(-3px)}.why-icon{margin-bottom:var(--space-md);font-size:2rem}.why-card h3{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:700}.why-card p{color:var(--text-muted);font-size:.83rem;line-height:1.6}@media (width<=1100px){.products-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.products-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:50px 0 40px}.filter-bar{position:static}.hero-stats{gap:var(--space-lg)}}@media (width<=480px){.products-grid,.why-grid{grid-template-columns:1fr}.filter-bar-inner{gap:var(--space-sm)}}.pd-page{padding:var(--space-xl) 0 var(--space-2xl)}.breadcrumb{color:var(--text-muted);margin-bottom:var(--space-xl);flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.breadcrumb a,.breadcrumb button{color:var(--text-muted);font-size:inherit;cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:0;text-decoration:none}.breadcrumb a:hover,.breadcrumb button:hover{color:var(--green-500)}.bc-current{color:var(--text-secondary);font-weight:500}.pd-main{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:1fr 1fr;display:grid}.pd-img-col{gap:var(--space-sm);flex-direction:column;display:flex}.pd-img-wrap{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);aspect-ratio:4/3;position:relative;overflow:hidden}.pd-img-wrap img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.pd-out-overlay{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;position:absolute;inset:0}.pd-thumbnails{gap:8px;display:flex}.pd-thumb{aspect-ratio:4/3;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-card);cursor:pointer;transition:border-color var(--transition);flex:1;padding:0;overflow:hidden}.pd-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pd-thumb:hover,.pd-thumb.active{border-color:var(--green-500)}.pd-info{gap:var(--space-md);flex-direction:column;display:flex}.pd-meta{align-items:center;gap:10px;display:flex}.pd-brand{color:var(--green-500);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);background:#10b9811a;border:1px solid #10b98133;padding:3px 10px;font-size:.75rem;font-weight:700}.pd-cat{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem}.pd-name{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;line-height:1.3}.pd-price-row{align-items:center;gap:var(--space-md);display:flex}.pd-price{font-family:var(--font-display);color:var(--red-600);font-size:2rem;font-weight:800}.pd-stock{border-radius:var(--radius-full);padding:4px 12px;font-size:.82rem;font-weight:600}.pd-stock.in{color:var(--green-500);background:#10b9811a;border:1px solid #10b98140}.pd-stock.out{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border)}.pd-desc{color:var(--text-muted);font-size:.9rem;line-height:1.7}.pd-specs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.pd-specs h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm);font-size:.82rem;font-weight:700}.pd-specs ul{flex-direction:column;gap:6px;list-style:none;display:flex}.pd-specs li{color:var(--text-muted);gap:8px;font-size:.875rem;display:flex}.spec-dot{color:var(--green-500);flex-shrink:0}.pd-tags{flex-wrap:wrap;gap:6px;display:flex}.pd-tag{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem}.pd-warranty-box{gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);background:#04785714;border:1px solid #04785733;flex-wrap:wrap;font-size:.83rem;display:flex}.pd-warranty-box strong{color:var(--green-500)}.pd-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.btn-add-cart{background:var(--green-700);color:#fff;border-radius:var(--radius-full);cursor:pointer;min-width:180px;transition:background var(--transition), transform var(--transition);border:none;flex:1;padding:14px 24px;font-size:1rem;font-weight:600}.btn-add-cart:hover:not(.disabled){background:var(--green-500);transform:translateY(-1px)}.btn-add-cart.disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.btn-add-cart.added{background:var(--green-500)}.btn-call{background:var(--red-600);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition);white-space:nowrap;border:none;align-items:center;gap:6px;padding:14px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-call:hover{background:var(--red-500)}.pd-trust{gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.trust-item{color:var(--text-muted);font-size:.8rem}.pd-related{padding-top:var(--space-2xl);border-top:1px solid var(--border)}.section-title-left{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-lg);font-size:1.5rem;font-weight:800}.related-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.not-found-wrap{padding:100px var(--space-lg);text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.not-found-wrap h2{color:var(--text-primary);font-size:1.5rem}@media (width<=860px){.pd-main{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.related-grid{grid-template-columns:1fr}.pd-actions{flex-direction:column}.btn-add-cart{min-width:unset}}.cart-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:opacity var(--transition), border-color var(--transition);display:flex}.cart-item.deselected{opacity:.5}.cart-item:hover{border-color:var(--border-green)}.cart-item-check{width:18px;height:18px;accent-color:var(--green-500);cursor:pointer;flex-shrink:0}.cart-item-img{border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;width:80px;height:60px;overflow:hidden}.cart-item-img img{object-fit:cover;width:100%;height:100%}.cart-item-info{flex:1;min-width:0}.cart-item-brand{color:var(--green-500);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700}.cart-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:.875rem;font-weight:500;line-height:1.4;overflow:hidden}.cart-item-warranty{color:var(--text-muted);font-size:.72rem}.cart-item-qty{flex-shrink:0;align-items:center;gap:8px;display:flex}.cart-item-qty button{border-radius:var(--radius-sm);background:var(--bg-hover);width:30px;height:30px;color:var(--text-primary);border:1px solid var(--border);transition:background var(--transition), border-color var(--transition);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.cart-item-qty button:hover{background:var(--green-700);border-color:var(--green-700)}.cart-item-qty span{color:var(--text-primary);text-align:center;min-width:24px;font-size:.9rem;font-weight:600}.cart-item-price{text-align:right;flex-shrink:0}.unit-price{color:var(--text-muted);font-size:.75rem}.total-price{color:var(--red-600);font-size:.95rem;font-weight:700;font-family:var(--font-display)}.cart-item-remove{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);transition:border-color var(--transition), color var(--transition);background:0 0;flex-shrink:0;align-items:center;padding:6px;display:flex}.cart-item-remove:hover{border-color:var(--red-600);color:var(--red-600)}@media (width<=640px){.cart-item{flex-wrap:wrap}.cart-item-info{min-width:calc(100% - 110px)}.cart-item-qty{margin-left:110px}}.cart-page{padding:var(--space-xl) 0 var(--space-2xl)}.cart-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.cart-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.8rem;font-weight:800}.cart-layout{gap:var(--space-xl);grid-template-columns:1fr 340px;align-items:start;display:grid}.cart-toolbar{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.select-all-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;display:flex}.select-all-label input{width:16px;height:16px;accent-color:var(--green-500)}.clear-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;padding:4px 12px;font-size:.8rem}.clear-btn:hover{border-color:var(--red-600);color:var(--red-600)}.cart-items-list{gap:var(--space-sm);flex-direction:column;display:flex}.cart-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;position:sticky;top:100px}.summary-title{color:var(--text-primary);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);font-size:1rem;font-weight:700}.summary-rows{flex-direction:column;gap:10px;display:flex}.summary-row{color:var(--text-muted);justify-content:space-between;font-size:.875rem;display:flex}.summary-row.total{color:var(--text-primary);padding-top:var(--space-sm);font-size:1.05rem;font-weight:700}.summary-row.total span:last-child{color:var(--red-600);font-family:var(--font-display);font-size:1.2rem}.text-green{color:var(--green-500);font-weight:600}.summary-divider{background:var(--border);height:1px}.btn-checkout{background:var(--green-700);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:100%;transition:background var(--transition);border:none;padding:14px;font-size:1rem;font-weight:600}.btn-checkout:hover:not(:disabled){background:var(--green-500)}.btn-checkout:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.btn-hotline{text-align:center;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition), color var(--transition);padding:8px;font-size:.8rem;text-decoration:none;display:block}.btn-hotline:hover{border-color:var(--green-500);color:var(--green-500)}.cart-trust{padding-top:var(--space-sm);border-top:1px solid var(--border);flex-direction:column;gap:6px;display:flex}.cart-trust span{color:var(--text-muted);font-size:.78rem}.cart-empty{padding:100px var(--space-lg);text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.cart-empty-icon{font-size:4rem}.cart-empty h2{color:var(--text-primary);font-size:1.5rem}.cart-empty p{color:var(--text-muted)}@media (width<=860px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}.checkout-page{padding:var(--space-xl) 0 var(--space-2xl)}.send-error{border:1px solid var(--red-600);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--text-secondary);background:#dc26261a;font-size:.875rem;line-height:1.6}.send-error a{color:var(--red-600)}.btn-place-order:disabled{opacity:.7;cursor:not-allowed;transform:none}.checkout-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.checkout-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.8rem;font-weight:800}.back-link{color:var(--text-muted);transition:color var(--transition);font-size:.875rem;text-decoration:none}.back-link:hover{color:var(--green-500)}.checkout-layout{gap:var(--space-xl);grid-template-columns:1fr 380px;align-items:start;display:grid}.checkout-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.form-section h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);font-size:.9rem;font-weight:700}.field input.error,.field select.error{border-color:var(--red-600)}.field-error{color:var(--red-600);font-size:.78rem}.payment-options{gap:var(--space-sm);flex-direction:column;display:flex}.payment-option{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition), background var(--transition);display:flex}.payment-option:hover,.payment-option.selected{border-color:var(--green-500);background:#10b9810d}.payment-option input{accent-color:var(--green-500);flex-shrink:0;margin-top:3px}.payment-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.payment-desc{color:var(--text-muted);margin-top:2px;font-size:.78rem}.btn-place-order{background:var(--green-700);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition), transform var(--transition);border:none;padding:16px;font-size:1.05rem;font-weight:700}.btn-place-order:hover{background:var(--green-500);transform:translateY(-1px)}.order-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;position:sticky;top:100px}.order-summary h3{color:var(--text-primary);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.order-items{gap:var(--space-sm);flex-direction:column;display:flex}.order-item{align-items:center;gap:var(--space-sm);display:flex}.order-item img{object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;width:50px;height:38px}.order-item-info{flex:1;min-width:0}.order-item-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.order-item-qty{color:var(--text-muted);font-size:.72rem}.order-item-price{color:var(--text-primary);white-space:nowrap;font-size:.83rem;font-weight:600}.order-total-row{padding-top:var(--space-sm);border-top:1px solid var(--border);justify-content:space-between;align-items:center;font-weight:700;display:flex}.order-total-row span:first-child{color:var(--text-secondary)}.order-total-price{font-family:var(--font-display);color:var(--red-600);font-size:1.3rem}.order-note{color:var(--text-muted);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:#0478570f;border:1px solid #04785726;font-size:.78rem;line-height:1.8}.order-note strong{color:var(--green-500)}.checkout-empty,.checkout-success{padding:100px var(--space-lg);text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.checkout-empty h2,.checkout-success h2{color:var(--text-primary);font-size:1.5rem}.checkout-empty p,.checkout-success p{color:var(--text-muted);max-width:460px}.success-phone{color:var(--green-500);font-size:1rem}.payos-qr{aspect-ratio:1;border-radius:var(--radius-sm);background:#fff;width:260px;max-width:100%;padding:10px}@media (width<=860px){.checkout-layout{grid-template-columns:1fr}.order-summary{position:static}}.about-page{padding:var(--space-xl) 0 var(--space-2xl)}.about-hero{padding:var(--space-2xl) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-2xl)}.about-eyebrow{color:var(--green-500);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md);background:#10b9811a;border:1px solid #10b98140;padding:3px 12px;font-size:.75rem;font-weight:700;display:inline-block}.about-hero-content h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-md);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.2}.about-hero-content p{color:var(--text-muted);max-width:660px;margin-bottom:var(--space-md);font-size:1rem;line-height:1.8}.about-legal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;gap:8px;display:flex}.legal-row{gap:var(--space-md);align-items:flex-start;font-size:.83rem;display:flex}.legal-label{color:var(--text-muted);flex-shrink:0;min-width:120px}.legal-value{color:var(--text-primary);font-weight:500}.legal-highlight{color:var(--green-500);font-weight:700;font-family:var(--font-display);letter-spacing:.05em}.section-sub{color:var(--text-muted);margin-top:-12px;margin-bottom:var(--space-xl);font-size:.9rem}.partners-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.partner-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:border-color var(--transition), transform var(--transition)}.partner-card:hover{border-color:var(--green-700);transform:translateY(-2px)}.partner-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.3rem;font-weight:800}.partner-role{color:var(--green-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.72rem;font-weight:700}.partner-note{color:var(--text-muted);font-size:.8rem}.reasons-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.reason-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.reason-q{color:var(--text-primary);font-size:.9rem;font-weight:600}.reason-a{color:var(--text-muted);font-size:.875rem;line-height:1.7}@media (width<=760px){.partners-grid{grid-template-columns:repeat(2,1fr)}.reasons-grid{grid-template-columns:1fr}.legal-label{min-width:90px}}.about-hero-stats{gap:var(--space-xl);flex-wrap:wrap;display:flex}.a-stat{flex-direction:column;gap:4px;display:flex}.a-stat strong{font-family:var(--font-display);color:var(--green-500);font-size:2rem;font-weight:800;line-height:1}.a-stat span{color:var(--text-muted);font-size:.8rem}.about-section{margin-bottom:var(--space-2xl)}.mission-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.mission-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);transition:border-color var(--transition), transform var(--transition)}.mission-card:hover{border-color:var(--green-700);transform:translateY(-3px)}.mission-icon{margin-bottom:var(--space-md);font-size:2rem}.mission-card h3{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.mission-card p{color:var(--text-muted);font-size:.875rem;line-height:1.7}.timeline{gap:var(--space-lg);flex-direction:column;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:80px}.timeline-item{gap:var(--space-lg);align-items:flex-start;padding-left:0;display:flex}.timeline-year{font-family:var(--font-display);color:var(--green-500);text-align:right;flex-shrink:0;min-width:60px;margin-top:4px;font-size:1.1rem;font-weight:800}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-left:var(--space-lg);flex:1}.timeline-content h3{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.timeline-content p{color:var(--text-muted);font-size:.875rem}.team-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.team-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);text-align:center;transition:border-color var(--transition), transform var(--transition)}.team-card:hover{border-color:var(--green-700);transform:translateY(-3px)}.team-avatar{background:var(--green-700);color:#fff;width:64px;height:64px;font-family:var(--font-display);margin:0 auto var(--space-md);border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;font-weight:800;display:flex}.team-card h3{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:700}.team-role{color:var(--green-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.team-card p{color:var(--text-muted);font-size:.8rem;line-height:1.6}.about-cta{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.about-cta h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.8rem;font-weight:800}.about-cta p{color:var(--text-muted);margin-bottom:var(--space-xl)}@media (width<=900px){.mission-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.timeline:before{left:60px}}@media (width<=560px){.team-grid{grid-template-columns:1fr}.about-hero-stats{gap:var(--space-lg)}}.contact-page{padding:var(--space-xl) 0 var(--space-2xl)}.contact-header{text-align:center;margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto}.contact-eyebrow{color:var(--green-500);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md);background:#10b9811a;border:1px solid #10b98140;padding:3px 12px;font-size:.75rem;font-weight:700;display:inline-block}.contact-header h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.contact-header p{color:var(--text-muted);font-size:.95rem;line-height:1.7}.contact-layout{gap:var(--space-xl);grid-template-columns:1fr 380px;align-items:start;display:grid}.contact-form-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl)}.contact-form h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-lg);font-size:1.4rem;font-weight:800}.contact-form{gap:var(--space-md);flex-direction:column;display:flex}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-secondary);font-size:.83rem;font-weight:500}.required{color:var(--red-600)}.field input,.field select,.field textarea{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);transition:border-color var(--transition);resize:vertical;padding:10px 14px;font-size:.9rem}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-500)}.btn-submit{background:var(--green-700);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition), transform var(--transition);margin-top:var(--space-sm);border:none;padding:14px;font-size:1rem;font-weight:600}.btn-submit:hover{background:var(--green-500);transform:translateY(-1px)}.form-success{text-align:center;padding:var(--space-2xl) var(--space-xl);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.success-icon{font-size:3rem}.form-success h3{color:var(--text-primary);font-size:1.3rem;font-weight:700}.form-success p{color:var(--text-muted);line-height:1.7}.form-success strong{color:var(--green-500)}.contact-info{gap:var(--space-md);flex-direction:column;display:flex}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.info-card h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);font-size:.85rem;font-weight:700}.info-items{gap:var(--space-md);flex-direction:column;display:flex}.info-item{gap:var(--space-sm);align-items:flex-start;display:flex}.info-icon{flex-shrink:0;margin-top:2px;font-size:1.2rem}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.72rem}.info-value{color:var(--text-primary);transition:color var(--transition);font-size:.9rem;font-weight:600;text-decoration:none}a.info-value:hover{color:var(--green-500)}.info-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.quick-cards{gap:var(--space-sm);flex-direction:column;display:flex}.quick-card{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition), background var(--transition);text-decoration:none;display:flex}.quick-card:hover{border-color:var(--green-500);background:#10b9810f}.quick-card>span{flex-shrink:0;font-size:1.4rem}.quick-card strong{color:var(--text-primary);font-size:.875rem;display:block}.quick-card p{color:var(--text-muted);margin:0;font-size:.75rem}@media (width<=900px){.contact-layout{grid-template-columns:1fr}}@media (width<=560px){.form-row{grid-template-columns:1fr}.contact-form-wrap{padding:var(--space-md)}}.projects-page{padding:var(--space-xl) 0 var(--space-2xl)}.projects-hero{padding:var(--space-2xl) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-2xl)}.projects-eyebrow{color:var(--green-500);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md);background:#10b9811a;border:1px solid #10b98140;padding:3px 12px;font-size:.75rem;font-weight:700;display:inline-block}.projects-hero h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-md);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.2}.projects-hero p{color:var(--text-muted);max-width:640px;margin-bottom:var(--space-xl);font-size:1rem;line-height:1.8}.projects-stats{gap:var(--space-xl);flex-wrap:wrap;display:flex}.p-stat{flex-direction:column;gap:4px;display:flex}.p-stat strong{font-family:var(--font-display);color:var(--green-500);font-size:2rem;font-weight:800;line-height:1}.p-stat span{color:var(--text-muted);font-size:.8rem}.projects-section{margin-bottom:var(--space-2xl)}.projects-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition), transform var(--transition);overflow:hidden}.project-card:hover{border-color:var(--green-700);transform:translateY(-3px)}.project-placeholder{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:160px;font-size:3rem;display:flex}.project-body{padding:var(--space-lg)}.project-tag{color:var(--green-500);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm);background:#10b9811a;border:1px solid #10b98140;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.project-card h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1rem;font-weight:700}.project-card>.project-body>p{color:var(--text-muted);margin-bottom:var(--space-sm);font-size:.875rem;line-height:1.6}.project-specs{margin:0 0 var(--space-sm);flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.project-specs li{color:var(--text-muted);padding-left:14px;font-size:.8rem;position:relative}.project-specs li:before{content:"✓";color:var(--green-500);font-size:.75rem;position:absolute;left:0}.project-time{color:var(--text-muted);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);font-size:.75rem;font-style:italic}.process-steps{gap:var(--space-md);flex-direction:column;display:flex}.process-step{gap:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition);align-items:flex-start;display:flex}.process-step:hover{border-color:var(--green-700)}.step-num{font-family:var(--font-display);color:var(--green-500);opacity:.5;flex-shrink:0;min-width:50px;font-size:2rem;font-weight:800;line-height:1}.step-body h3{color:var(--text-primary);margin-bottom:6px;font-size:1rem;font-weight:700}.step-body p{color:var(--text-muted);font-size:.875rem;line-height:1.7}.projects-cta{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.projects-cta h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.8rem;font-weight:800}.projects-cta p{color:var(--text-muted);margin-bottom:var(--space-xl)}@media (width<=960px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.projects-grid{grid-template-columns:1fr}.projects-stats{gap:var(--space-lg)}}.solutions-page{padding:var(--space-xl) 0 var(--space-2xl)}.solutions-hero{padding:var(--space-2xl) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-2xl)}.solutions-eyebrow{color:var(--green-500);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md);background:#10b9811a;border:1px solid #10b98140;padding:3px 12px;font-size:.75rem;font-weight:700;display:inline-block}.solutions-hero h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-md);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.2}.solutions-hero p{color:var(--text-muted);max-width:640px;font-size:1rem;line-height:1.8}.solution-block{gap:var(--space-xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:start;display:grid}.solution-block:last-of-type{border-bottom:none}.solution-block.reverse{direction:rtl}.solution-block.reverse>*{direction:ltr}.solution-icon{margin-bottom:var(--space-sm);font-size:2.5rem}.solution-tag{color:var(--green-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);font-size:.72rem;font-weight:700;display:inline-block}.solution-info h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.6rem;font-weight:800}.solution-info>p{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.95rem;line-height:1.8}.solution-features{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.solution-features li{color:var(--text-secondary);align-items:center;gap:10px;font-size:.875rem;display:flex}.solution-features li:before{content:"✓";color:var(--green-500);flex-shrink:0;font-weight:700}.solution-packages h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);font-size:.8rem;font-weight:700}.pkg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);transition:border-color var(--transition)}.pkg-card:hover{border-color:var(--green-700)}.pkg-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pkg-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.pkg-price{color:var(--green-500);font-size:1rem;font-weight:800;font-family:var(--font-display)}.pkg-items{color:var(--text-muted);font-size:.8rem}.solution-actions{margin-top:var(--space-md)}.solutions-section{margin-bottom:var(--space-2xl)}.section-heading{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-xl);font-size:1.6rem;font-weight:800}.brands-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.brand-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:border-color var(--transition), transform var(--transition)}.brand-card:hover{border-color:var(--green-700);transform:translateY(-2px)}.brand-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:1.3rem;font-weight:800}.brand-note{color:var(--text-muted);font-size:.8rem}.warranty-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.warranty-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);text-align:center}.warranty-icon{margin-bottom:var(--space-md);font-size:2rem}.warranty-card h3{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:700}.warranty-card p{color:var(--text-muted);font-size:.8rem;line-height:1.7}.solutions-cta{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.solutions-cta h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.8rem;font-weight:800}.solutions-cta p{color:var(--text-muted);margin-bottom:var(--space-xl)}.cta-btns{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=960px){.solution-block{grid-template-columns:1fr}.solution-block.reverse{direction:ltr}.warranty-grid,.brands-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.brands-grid,.warranty-grid{grid-template-columns:1fr}}.login-page{padding:var(--space-xl) 0 var(--space-2xl)}.login-header{text-align:center;margin:0 auto var(--space-xl);max-width:560px}.login-eyebrow{color:var(--green-500);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md);background:#10b9811a;border:1px solid #10b98140;padding:3px 12px;font-size:.75rem;font-weight:700;display:inline-block}.login-header h1{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.login-form-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl);max-width:460px;margin:0 auto}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.login-notice{color:var(--text-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-md);background:#eab3081a;border:1px solid #eab30847;flex-direction:column;gap:8px;padding:12px 14px;font-size:.88rem;display:flex}.login-notice strong{color:var(--text-primary)}.login-error{color:var(--red-600);border-radius:var(--radius-sm);background:#dc262614;border:1px solid #dc262638;padding:10px 14px;font-size:.88rem}.login-secondary-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-self:flex-start;min-height:36px;padding:8px 12px;font-weight:700}.login-secondary-btn:hover:not(:disabled){border-color:var(--green-500);color:var(--green-500)}.login-secondary-btn:disabled{cursor:not-allowed;opacity:.7}.login-form .btn-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (width<=560px){.login-form-wrap{padding:var(--space-md)}}.admin-page{padding:var(--space-xl) 0 var(--space-2xl)}.admin-header{justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg);align-items:flex-start;display:flex}.admin-eyebrow{color:var(--green-500);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-sm);background:#10b9811a;border:1px solid #10b98140;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.admin-header h1{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.admin-header p{color:var(--text-muted);overflow-wrap:anywhere;margin-top:4px;font-size:.88rem}.admin-tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-lg);gap:6px;display:flex;overflow-x:auto}.admin-tabs button{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 14px;font-weight:700}.admin-tabs button.active{color:var(--green-500);border-bottom-color:var(--green-500)}.admin-section{gap:var(--space-lg);flex-direction:column;display:flex}.admin-section-header{justify-content:space-between;gap:var(--space-md);align-items:center;display:flex}.admin-section-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:800}.admin-section-header p{color:var(--text-muted);margin-top:3px;font-size:.86rem}.metric-grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metric-card,.bulk-panel,.csv-panel,.image-panel,.inventory-panel,.product-form-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.product-form-header{justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);align-items:flex-start;display:flex}.product-form-header h3{color:var(--text-primary);font-size:1rem;font-weight:800}.product-form-header p{color:var(--text-muted);margin-top:2px;font-size:.82rem}.product-form-grid{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-form-grid label{color:var(--text-muted);text-transform:uppercase;flex-direction:column;gap:6px;font-size:.78rem;font-weight:800;display:flex}.product-form-grid input,.product-form-grid select,.product-form-grid textarea{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);text-transform:none;padding:10px 12px;font-size:.88rem}.product-form-grid textarea{resize:vertical}.product-form-wide{grid-column:span 3}.product-form-checkbox{justify-content:end;min-height:64px}.product-form-checkbox input{width:auto}.product-form-actions,.admin-row-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.product-form-actions{margin-top:var(--space-md);justify-content:flex-end}.inventory-actions,.csv-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.admin-file-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);min-height:38px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:8px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.admin-file-btn:hover{border-color:var(--green-500);color:var(--green-500)}.admin-file-btn input{display:none}.csv-help{gap:var(--space-sm);color:var(--text-muted);margin-bottom:var(--space-sm);flex-wrap:wrap;align-items:center;font-size:.82rem;display:flex}.csv-help code{color:var(--text-secondary);overflow-wrap:anywhere}.csv-summary{gap:var(--space-sm);color:var(--text-muted);margin-bottom:var(--space-sm);flex-wrap:wrap;font-size:.84rem;display:flex}.csv-summary span{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px}.csv-error-list{border-radius:var(--radius-sm);color:var(--text-secondary);padding:var(--space-md);margin-bottom:var(--space-md);background:#dc26261a;border:1px solid #dc262659;flex-direction:column;gap:4px;font-size:.86rem;display:flex}.image-warning{border-radius:var(--radius-sm);color:var(--text-secondary);padding:var(--space-md);margin-top:var(--space-md);background:#eab3081f;border:1px solid #eab30859;font-size:.88rem}.image-panel{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.image-panel h2{color:var(--text-primary);font-size:1rem;font-weight:800}.image-panel p{color:var(--text-muted);margin-top:2px;font-size:.82rem}.image-summary{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:180px;padding:var(--space-md)}.image-summary span{color:var(--text-muted);text-transform:uppercase;font-size:.74rem;font-weight:800;display:block}.image-summary strong{color:var(--text-primary);margin-top:6px;font-size:1.35rem;display:block}.inventory-actions select,.admin-row-actions select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);min-height:38px;padding:8px 10px;font-size:.82rem}.inventory-summary{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.inventory-summary-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md)}.inventory-summary-item span{color:var(--text-muted);text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.inventory-summary-item strong{color:var(--text-primary);margin-top:6px;font-size:1.35rem;display:block}.metric-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700;display:block}.metric-card strong{color:var(--text-primary);font-family:var(--font-display);margin-top:8px;font-size:1.8rem;display:block}.metric-card.revenue strong{color:var(--red-600);font-size:1.45rem}.admin-toolbar,.bulk-controls{gap:var(--space-sm);grid-template-columns:2fr repeat(4,minmax(140px,1fr));display:grid}.admin-toolbar.compact{grid-template-columns:minmax(180px,260px) auto;justify-content:start}.admin-toolbar input,.admin-toolbar select,.bulk-controls input,.bulk-controls select{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 12px;font-size:.88rem}.bulk-header{justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);align-items:center;display:flex}.bulk-header h2{color:var(--text-primary);font-size:1rem;font-weight:800}.bulk-header p{color:var(--text-muted);margin-top:2px;font-size:.82rem}.bulk-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.admin-primary-btn,.admin-secondary-btn,.admin-danger-btn{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;min-height:38px;transition:background var(--transition), border-color var(--transition);padding:8px 14px;font-weight:700}.admin-primary-btn{background:var(--green-700);color:#fff;border-color:var(--green-700)}.admin-primary-btn:hover:not(:disabled){background:var(--green-500)}.admin-secondary-btn{background:var(--bg-card);color:var(--text-secondary)}.admin-secondary-btn:hover:not(:disabled){border-color:var(--green-500);color:var(--green-500)}.admin-danger-btn{color:var(--red-600);background:#dc262614;border-color:#dc262647}.admin-danger-btn:hover:not(:disabled){background:#dc262624}.admin-primary-btn:disabled,.admin-secondary-btn:disabled,.admin-danger-btn:disabled{opacity:.55;cursor:not-allowed}.admin-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.admin-table-wrap table{border-collapse:collapse;width:100%;min-width:980px}.admin-table-wrap th,.admin-table-wrap td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px 12px;font-size:.82rem}.admin-table-wrap th{color:var(--text-muted);background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800}.admin-table-wrap tr:last-child td{border-bottom:none}.admin-product-name{color:var(--text-primary);min-width:260px;font-weight:700}.admin-product-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);object-fit:cover;width:52px;height:52px;display:block}.image-missing-pill{border-radius:var(--radius-full);color:#d6a400;white-space:nowrap;background:#eab30824;align-items:center;min-height:24px;padding:3px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.preview-table{margin-top:var(--space-md)}.preview-table table,.csv-preview-table table{min-width:620px}.up{color:var(--green-500);font-weight:800}.down{color:var(--red-600);font-weight:800}.admin-pill{border-radius:var(--radius-full);background:var(--bg-hover);min-height:24px;color:var(--text-secondary);white-space:nowrap;align-items:center;padding:3px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.admin-pill.in_stock,.admin-pill.paid{color:var(--green-500);background:#16a34a1f}.admin-pill.pre_order,.admin-pill.pending{color:#d6a400;background:#eab30824}.admin-pill.out_of_stock,.admin-pill.failed,.admin-pill.cancelled,.admin-pill.discontinued{color:var(--red-600);background:#dc26261f}.admin-state,.admin-error,.bulk-error{border-radius:var(--radius-sm);padding:var(--space-md);font-size:.9rem}.admin-state{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}.admin-error,.bulk-error{color:var(--text-secondary);background:#dc26261a;border:1px solid #dc262659}.admin-error{justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.admin-error button{color:var(--red-600);cursor:pointer;background:0 0;border:none;font-weight:800}.admin-pagination{justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:.88rem;display:flex}.admin-pagination>div{align-items:center;gap:var(--space-sm);display:flex}@media (width<=900px){.admin-header,.admin-section-header,.image-panel,.product-form-header,.bulk-header,.admin-pagination{flex-direction:column;align-items:stretch}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar,.admin-toolbar.compact,.bulk-controls,.inventory-summary,.product-form-grid{grid-template-columns:1fr}.product-form-wide{grid-column:span 1}}@media (width<=560px){.metric-grid{grid-template-columns:1fr}.admin-tabs button{flex:1}}.notfound-page{text-align:center;min-height:60vh;padding:var(--space-2xl) var(--space-lg);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.notfound-code{font-family:var(--font-display);color:#0000;-webkit-text-stroke:2px var(--green-700);opacity:.5;font-size:clamp(5rem,15vw,10rem);font-weight:900;line-height:1}.notfound-page h1{font-family:var(--font-display);color:var(--text-primary);font-size:1.8rem;font-weight:800}.notfound-page p{color:var(--text-muted);max-width:400px}.notfound-actions{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}