:root{--bg:#f5f7fb;--surface:#fff;--surface-strong:#eef2f7;--text:#172033;--muted:#627089;--border:#d8e0ea;--primary:#1769aa;--primary-dark:#0f4f83;--danger:#b42318;--success:#177245;--warning:#9a5b00;--shadow:0 12px 32px rgba(23,32,51,.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit}button,input,select{font:inherit}.app-shell{min-height:100vh}.site-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px clamp(16px,4vw,48px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{color:var(--primary-dark);font-size:1.05rem;font-weight:800;text-decoration:none}.nav-links{display:flex;gap:18px}.nav-links a,.text-link{color:var(--primary-dark);font-weight:700;text-decoration:none}.page-shell{margin:0 auto;max-width:1180px;padding:28px clamp(16px,4vw,48px) 56px}.hero-band,.page-stack{display:grid;grid-gap:24px;gap:24px}.hero-band{align-items:end;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto;padding:clamp(24px,5vw,44px)}.hero-band h1,.section-heading h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.05;margin:0 0 14px}.control-panel p,.hero-band p,.section-heading p{color:var(--muted);margin:0}.eyebrow,.product-meta{color:var(--primary-dark);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.metric-strip{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(120px,1fr))}.metric-strip div{background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;padding:16px}.metric-strip span{color:var(--muted);display:block;font-size:.85rem}.metric-strip strong{display:block;font-size:1.6rem}.section-heading{margin-bottom:16px}.control-panel h2,.form-panel h2,.section-heading h2,.summary-panel h2{margin:0 0 8px}.product-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.confirmation-panel,.control-panel,.empty-state,.form-panel,.product-card,.summary-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.product-card{display:grid;grid-gap:14px;gap:14px;padding:18px}.detail-image,.product-image{align-items:center;aspect-ratio:16/10;background:linear-gradient(135deg,rgba(23,105,170,.12),rgba(23,114,69,.12)),var(--surface-strong);border:1px solid var(--border);border-radius:8px;color:var(--primary-dark);display:flex;font-size:2rem;font-weight:800;justify-content:center}.line-item h2,.product-card h2{font-size:1.1rem;margin:0 0 6px}.product-card p{color:var(--muted);margin:0}.product-card-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.stock-badge{border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:800;padding:6px 10px}.stock-in_stock{background:#e6f4ed;color:var(--success)}.stock-low_stock{background:#fff4df;color:var(--warning)}.stock-out_of_stock{background:#fde8e5;color:var(--danger)}.button{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:10px 14px;text-decoration:none}.button:hover{background:var(--primary-dark)}.button:disabled{cursor:not-allowed;opacity:.55}.button.secondary{background:var(--surface);color:var(--primary-dark)}.button.danger{background:var(--danger);border-color:var(--danger)}.control-panel{display:grid;grid-gap:18px;gap:18px;padding:20px}.control-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}label{color:var(--text);display:grid;font-size:.9rem;font-weight:800;grid-gap:7px;gap:7px}input,select{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);min-height:42px;padding:9px 10px}.checkbox-label{align-content:end;display:flex;gap:10px}.checkbox-label input{min-height:auto}.manual-restock{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) 120px auto}.event-log{background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;color:var(--muted);display:grid;grid-gap:6px;gap:6px;padding:12px}.event-log p{margin:0}.status-message{border-radius:8px;font-weight:800;padding:12px 14px}.status-loading{background:#e8f1fb;color:var(--primary-dark)}.status-success{background:#e6f4ed;color:var(--success)}.status-error{background:#fde8e5;color:var(--danger)}.cart-layout,.checkout-layout,.detail-layout{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.detail-content{align-content:start;display:grid;grid-gap:16px;gap:16px}.detail-content h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0}.price-large{font-size:1.5rem}.detail-list{margin:0;padding-left:20px}.purchase-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.line-item,.line-items,.purchase-panel{display:grid;grid-gap:12px;gap:12px}.line-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) 90px 120px auto;padding:16px}.line-item p{color:var(--muted);margin:0}.summary-panel{align-content:start;display:grid;grid-gap:14px;gap:14px;padding:18px}.summary-panel.embedded{box-shadow:none}.summary-panel.wide{max-width:760px}.summary-row{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:12px}.summary-row.total{font-size:1.15rem}.confirmation-panel,.empty-state{padding:28px}.form-panel{display:grid;grid-gap:14px;gap:14px;padding:20px}.form-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:860px){.cart-layout,.checkout-layout,.detail-layout,.hero-band,.line-item,.manual-restock,.site-header{grid-template-columns:1fr}.site-header{align-items:start;display:grid;grid-gap:12px;gap:12px}.form-row,.metric-strip{grid-template-columns:1fr}.nav-links{flex-wrap:wrap}}