*{box-sizing:border-box}body{margin:0;color:#20252b;background:#f6f7f9;font:16px/1.5 system-ui,Segoe UI,Arial,sans-serif}.wrap{max-width:1120px;margin:auto;padding:0 20px}header{background:#182b42;color:white;padding:25px 0 22px}header h1{margin:8px 0 3px;font-size:1.7rem}header p{margin:0;color:#dce5ef}.home{color:#c6e4ff}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin:30px auto}.layout>section,.layout>aside{background:white;border:1px solid #e1e4e9;border-radius:10px;padding:20px;align-self:start}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.bar h2,aside h2{margin:0 0 14px}.bar input{min-width:0;width:220px;max-width:55%;padding:10px;border:1px solid #bac2cb;border-radius:6px}.product{display:flex;align-items:center;gap:14px;border-top:1px solid #e8ebee;padding:14px 0}.thumb{width:80px;height:80px;flex:none;object-fit:cover;border:1px solid #ddd;border-radius:5px;cursor:zoom-in;background:#f0f2f4}.detail{flex:1;min-width:0}.name{font-weight:650}.meta{font-size:.85rem;color:#647083}.price{font-weight:650}.product button.add{background:#185b94;color:white;border:0;padding:9px 12px;border-radius:6px;cursor:pointer}.product button.add:hover{background:#11436d}.cartRow{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 0;border-bottom:1px solid #eee}.cartName{flex:1;min-width:0;font-size:.9rem}.qty{width:55px;padding:5px}.remove{border:0;background:transparent;color:#9b2929;cursor:pointer;font-size:1.2rem}.totals{border-top:1px solid #ddd;margin:14px 0;padding-top:12px}.totals>div{display:flex;justify-content:space-between;margin:6px 0}.totals .grand{border-top:1px solid #ddd;padding-top:12px;font-size:1.2rem}.note{color:#606b76;font-size:.82rem}#status{font-size:.9rem;overflow-wrap:anywhere}.modal:not([hidden]){position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.87);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 15px;color:white}.modal img{max-width:90vw;max-height:75vh;object-fit:contain}.close{position:absolute;right:20px;top:12px;font-size:36px;background:none;border:0;color:white;cursor:pointer}.modal p{margin:10px 0}@media(max-width:760px){.layout{grid-template-columns:1fr}.product{gap:10px}.bar{align-items:flex-start;flex-direction:column}.bar input{width:100%;max-width:100%}.product button.add{font-size:.8rem;padding:8px}.layout>section,.layout>aside{padding:14px}}