:root{
  --cart-bg:#f4f7fb;--cart-card:#fff;--cart-text:#172236;--cart-muted:#68778b;
  --cart-line:#dfe7f0;--cart-accent:#ffcb28;--cart-danger:#c83e50;--cart-ok:#17633f;
  --cart-soft:#f8fafc;--cart-shadow:0 16px 38px rgba(17,34,57,.08)
}
html[data-theme="dark"]{
  --cart-bg:#0b1421;--cart-card:#122238;--cart-text:#edf5ff;--cart-muted:#a4b4c8;
  --cart-line:#304a68;--cart-soft:#0f1d2e;--cart-shadow:0 18px 42px rgba(0,0,0,.24)
}
*{box-sizing:border-box}
body{margin:0;overflow-x:clip;background:var(--cart-bg);color:var(--cart-text);font-family:'DM Sans',Arial,sans-serif}
.wrap{width:min(1120px,calc(100% - 28px));margin:0 auto;min-width:0}
.hero{padding:28px 0 12px;min-width:0}.hero h1{margin:0;font:800 clamp(1.55rem,3vw,2.2rem)/1.05 'Manrope',sans-serif;letter-spacing:-.04em}.hero p{max-width:760px;margin:.5rem 0 0;color:var(--cart-muted);line-height:1.5;overflow-wrap:anywhere}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding:12px 0 42px;align-items:start;min-width:0}.grid>*{min-width:0}
.panel{background:var(--cart-card);border:1px solid var(--cart-line);border-radius:18px;box-shadow:var(--cart-shadow);overflow:hidden}.panel h2{margin:0;padding:15px 17px;border-bottom:1px solid var(--cart-line);font:800 .95rem 'Manrope',sans-serif}.grid>aside.panel{position:sticky;top:calc(var(--innov-header-h,72px) + 14px)}
.items{padding:2px 17px}.item{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px dashed var(--cart-line);min-width:0}.item:last-child{border-bottom:0}.thumb{width:60px;height:60px;object-fit:contain;border:1px solid var(--cart-line);border-radius:13px;background:var(--cart-soft)}.name{font-weight:900;overflow-wrap:anywhere}.meta{margin-top:3px;color:var(--cart-muted);font-size:.76rem;line-height:1.4;overflow-wrap:anywhere}.qty{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.qty button,.remove{border:1px solid var(--cart-line);background:var(--cart-card);color:var(--cart-text);border-radius:9px;cursor:pointer;font-weight:900}.qty button{width:30px;height:30px}.remove{min-height:30px;padding:0 9px;color:var(--cart-danger)}.price{font-weight:900;white-space:nowrap}
.summary{padding:16px}.row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:var(--cart-muted)}.row b,.row.total{color:var(--cart-text)}.row.total{margin-top:8px;padding-top:13px;border-top:1px solid var(--cart-line);font-size:1.08rem;font-weight:900}
.coupon{margin:12px 0;padding:11px;border:1px dashed var(--cart-line);border-radius:13px;background:var(--cart-soft)}.coupon label{display:block;margin-bottom:7px;font-size:.75rem;font-weight:900}.coupon-line{display:flex;min-width:0}.coupon input{min-width:0;flex:1;border:1px solid var(--cart-line);border-radius:10px 0 0 10px;background:var(--cart-card);color:var(--cart-text);padding:10px}.coupon button{flex:none;border:1px solid var(--cart-line);border-left:0;border-radius:0 10px 10px 0;background:var(--cart-card);color:var(--cart-text);padding:0 12px;font-weight:900;cursor:pointer}.note{margin-top:7px;color:var(--cart-muted);font-size:.71rem;line-height:1.45}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 14px;border:1px solid #e5b900;border-radius:12px;background:var(--cart-accent);color:#172236;text-decoration:none;text-align:center;font-weight:900}.btn.secondary{margin-top:8px;border-color:var(--cart-line);background:var(--cart-card);color:var(--cart-text)}.safe{margin-top:12px;padding:10px 11px;border-radius:12px;background:color-mix(in srgb,#2db873 12%,var(--cart-card));color:var(--cart-ok);font-size:.72rem;font-weight:800;line-height:1.4}.empty{padding:42px 18px;text-align:center;color:var(--cart-muted)}.empty b{display:block;margin-bottom:6px;color:var(--cart-text);font-size:1rem}
html[data-theme="dark"] .safe{color:#86dfb2;background:rgba(45,184,115,.11)}
@media(max-width:820px){.wrap{width:min(100% - 20px,720px)}.hero{padding-top:18px}.grid{grid-template-columns:1fr;gap:12px}.grid>aside.panel{position:static}.item{grid-template-columns:52px minmax(0,1fr)}.thumb{width:52px;height:52px}.price{grid-column:2}.summary{padding:14px}}
@media(max-width:440px){.item{gap:10px}.items{padding:2px 13px}.panel h2{padding:13px}.qty{gap:5px}.remove{margin-left:0}}
\n/* Final responsive composition */\n.wrap{width:min(1180px,100%);padding-inline:clamp(12px,2.8vw,24px)}.grid>*{min-width:0}@media(max-width:760px){.wrap{padding-top:16px}.hero{padding-inline:2px}.grid{grid-template-columns:1fr}.panel{min-width:0}.item{grid-template-columns:58px minmax(0,1fr);gap:10px}.item>.price{grid-column:2;margin-top:4px;text-align:left}.coupon-line{grid-template-columns:minmax(0,1fr) auto}.safe{font-size:.72rem}}\n