:root{--color-brand-blue:#1e3a8a;--color-brand-orange:#f97316;--color-primary:var(--color-brand-orange);--color-primary-dark:#ea580c;--color-primary-100:#f973161a;--surface-background:#fff;--surface-card:#f9fafb;--surface-elevated:#f9fafb;--surface-border:#e5e7eb;--surface-hover:#f8fafc;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--color-success:#16a34a;--color-warning:#f59e0b;--color-error:#dc2626;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000000d;--shadow-xl:0 20px 25px -5px #0000000d;--container-padding:1rem}body.dark{--surface-background:#0f172a;--surface-card:#1e293b;--surface-elevated:#1e293b;--surface-border:#334155;--surface-hover:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--surface-background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.container{width:100%;max-width:1280px;padding:0 var(--container-padding);margin:0 auto}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-background)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skeleton{background:linear-gradient(90deg, var(--surface-border) 25%, var(--surface-elevated) 50%, var(--surface-border) 75%);background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.2rem}.hero-container{height:60vh;min-height:500px}.nav-header{padding:24px var(--container-padding);justify-content:space-between;align-items:center;gap:32px;display:flex}.nav-search{flex:1;max-width:640px;position:relative}.nav-actions{align-items:center;gap:24px;display:flex}.section-title{font-size:1.6rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cookie-banner{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;display:flex}.admin-layout{align-items:flex-start;gap:24px;display:flex}.admin-sidebar{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:12px;flex-shrink:0;width:220px;padding:12px}.admin-content{flex:1;min-width:0}@media (width<=1024px){.nav-text-hide{display:none!important}}@media (width<=768px){.hero-title{margin-bottom:16px!important;font-size:2.2rem!important}.hero-subtitle{margin-bottom:24px!important;font-size:1rem!important}.hero-container{height:50vh!important;min-height:400px!important}.nav-header{flex-wrap:wrap;padding:16px var(--container-padding)!important;gap:16px!important}.nav-search{flex-basis:100%;order:3;margin-top:8px;max-width:100%!important}.nav-actions{gap:12px!important}.section-title{font-size:1.3rem!important}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.features-grid{grid-template-columns:1fr!important;gap:12px!important}.footer-grid{grid-template-columns:1fr!important;gap:32px!important}.prod-detail-grid{grid-template-columns:1fr!important;gap:24px!important}.checkout-grid,.form-grid{grid-template-columns:1fr!important}.form-grid-city-state{grid-column:auto!important;grid-template-columns:1fr!important}.cookie-banner{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px!important;bottom:16px!important;left:16px!important;right:16px!important}.cookie-banner-buttons{flex-direction:column!important;width:100%!important}.cookie-banner-buttons button{width:100%!important}.admin-layout{flex-direction:column!important}.admin-sidebar{flex-wrap:nowrap;gap:8px;display:flex;overflow-x:auto;width:100%!important;padding-bottom:8px!important}.admin-sidebar>button{white-space:nowrap;flex:none;width:auto!important}.admin-sidebar>div{display:none}.admin-content{padding:16px!important}.prod-title{margin-bottom:16px!important;font-size:1.4rem!important}.prod-price{font-size:1.8rem!important}.prod-action-row{flex-wrap:wrap!important;justify-content:space-between!important;gap:12px!important}.prod-action-row>div:first-child{flex:none!important}.prod-action-row>button:nth-child(3){flex:0 0 56px!important;width:56px!important}.prod-action-row>button:nth-child(2){flex:100%!important;order:3!important;width:100%!important}}.prod-price{font-size:2.5rem}.prod-action-row{flex-wrap:nowrap;gap:16px}.typing-dot{background-color:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}