:root{--bg:#f5f7f8;--ink:#172126;--muted:#68767d;--line:#dce3e6;--accent:#174f67;--accent2:#0e394c;--white:#fff;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.hero{padding:64px 0 52px;background:linear-gradient(135deg,#10394b,#1d627d);color:white}.hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.05;margin:.25rem 0}.hero p{max-width:680px;opacity:.88}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:44px 0 18px}h2{margin:.25rem 0}.muted,.card p,.line-title span{color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px rgba(25,45,55,.05)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eaf0f2}.card-body{padding:20px}.card h3{margin:0}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.btn{border:0;border-radius:10px;padding:11px 16px;background:var(--accent);color:#fff;font-weight:750;cursor:pointer}.btn:hover{background:var(--accent2)}.btn:disabled{opacity:.45;cursor:not-allowed}.panel{padding:26px;margin:28px 0}.empty{padding:24px 0;color:var(--muted)}.order-line{display:grid;grid-template-columns:1.5fr 1fr 1fr 100px 110px 40px;gap:12px;align-items:end;padding:18px 0;border-bottom:1px solid var(--line)}label{display:grid;gap:6px;font-size:.9rem;font-weight:650}input,select,textarea{width:100%;border:1px solid #bdc9ce;border-radius:9px;padding:10px 11px;background:#fff;font:inherit;color:inherit}.line-title{display:grid}.line-price{text-align:right;padding-bottom:10px}.remove{border:0;background:transparent;font-size:1.7rem;cursor:pointer;color:#8b3030}.total{display:flex;justify-content:flex-end;gap:30px;font-size:1.2rem;padding-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;margin:20px 0}.check input{width:auto}.primary{font-size:1rem;padding:13px 20px}.notice{margin:28px 0;padding:16px 18px;border-radius:12px}.success{background:#e6f4eb;color:#1d6035}.error{background:#f8e8e8;color:#7a2828}footer{padding:36px 0;color:var(--muted)}@media(max-width:850px){.products{grid-template-columns:1fr 1fr}.order-line{grid-template-columns:1fr 1fr}.line-title{grid-column:1/-1}.line-price{text-align:left}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:560px){.products{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.order-line{grid-template-columns:1fr}.line-title{grid-column:auto}.total{justify-content:space-between}}