:root{--navy:#07223c;--orange:#d97818;--bg:#f5f7f9;--line:#d9e0e6;--green:#19734a}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#17212b;background:var(--bg)}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}header{background:var(--navy);color:white;padding:18px 0;position:sticky;top:0;z-index:10}.top{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{color:white;text-decoration:none;font-size:22px;font-weight:800}.top a{color:white}.hero{background:white;padding:42px 0 28px;border-bottom:1px solid var(--line)}h1{margin:0 0 10px;font-size:clamp(32px,5vw,54px)}.hero p{max-width:760px;color:#52606d}.notice{background:#fff6e8;border:1px solid #f0c48a;border-radius:12px;padding:14px 16px;margin-top:18px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.toolbar input,.toolbar select{padding:12px;border:1px solid var(--line);border-radius:10px;background:white}.toolbar input{flex:1;min-width:240px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:50px}.product{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000b}.product img{width:100%;height:230px;object-fit:contain;background:#f1f3f5}.info{padding:16px}.info h3{margin:0 0 5px}.spec{color:#66727d;min-height:20px}.controls{display:grid;grid-template-columns:1fr 90px;gap:8px}.controls select,.controls input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}.add{margin-top:10px;width:100%;padding:11px;border:0;border-radius:9px;background:var(--navy);color:white;font-weight:700;cursor:pointer}.cart-btn{background:var(--orange);border:0;color:white;padding:11px 16px;border-radius:10px;font-weight:800;cursor:pointer}.drawer{position:fixed;right:-520px;top:0;width:min(500px,100%);height:100%;background:white;z-index:30;box-shadow:-8px 0 28px #0003;transition:.25s;overflow:auto;padding:22px}.drawer.open{right:0}.overlay{position:fixed;inset:0;background:#0006;z-index:20;display:none}.overlay.open{display:block}.close{float:right;border:0;background:#eee;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer}.cart-line{border-bottom:1px solid var(--line);padding:12px 0}.cart-line button{border:0;background:none;color:#a22;cursor:pointer}.delivery{margin-top:20px;border-top:3px solid var(--navy);padding-top:18px}.delivery label{display:block;font-weight:700;margin:12px 0 5px}.delivery input,.delivery select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vehicle{border:2px solid var(--line);border-radius:10px;padding:10px;text-align:center;cursor:pointer}.vehicle input{width:auto}.checks{background:#f6f8fa;padding:14px;border-radius:10px;margin-top:12px}.checks label{font-weight:400;display:flex;gap:9px;align-items:flex-start}.checks input{width:auto;margin-top:3px}.summary{background:#eef5f9;border-radius:12px;padding:14px;margin-top:15px}.warning{color:#9a4d00;font-weight:700}.ok{color:var(--green);font-weight:700}.checkout{width:100%;margin-top:15px;padding:13px;border:0;border-radius:10px;background:var(--orange);color:white;font-weight:800}.checkout:disabled{opacity:.45}.empty{color:#66727d}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}.vehicle-grid{grid-template-columns:1fr}.top{align-items:flex-start}.product img{height:210px}}

.distance-btn{width:100%;margin:10px 0;padding:12px 14px;border:0;border-radius:10px;background:#0b6b72;color:#fff;font-weight:800;cursor:pointer}.distance-btn:disabled{opacity:.6;cursor:wait}

.selected-price{margin:12px 0;padding:11px 12px;background:#f3f7fa;border:1px solid var(--line);border-radius:10px;font-size:15px}.selected-price strong{font-size:20px;color:var(--navy)}.selected-price span{color:#52606d}.goods-total{font-size:17px;padding:14px 0;border-bottom:2px solid var(--navy)}.order-status{background:#eef5f9;border-radius:10px;padding:12px;margin-top:10px;font-size:14px}

.photo-placeholder{height:230px;display:grid;place-items:center;background:#eef1f4;color:#6b7783;font-weight:800;border-bottom:1px solid var(--line)}

.category-title{grid-column:1/-1;margin:28px 0 4px;font-size:26px;border-bottom:2px solid #d8dee3;padding-bottom:8px}