/* SupuCheckout · Carrito B2B · Juan Gallardo by SupuDigital */
body #supu-cart { --navy:#001224; --navy-2:#0b2a45; --red:#E20F1F; --red-dk:#B50D1A; --ink:#1a2330; --mute:#5d6673; --line:#e3e6ea; --soft:#f4f5f7; --ok:#1e8e3e; --ok-bg:#e7f4ea;
  --ff-d:'Playfair Display', Georgia, serif; --ff-b:'DM Sans', system-ui, sans-serif; --ease:cubic-bezier(.16,1,.3,1);
  --sh-up:0 -12px 30px -18px rgba(0,18,36,.35);
  display:block; width:100%; max-width:none; margin:0; padding:0; background:#fff; font-family:var(--ff-b); font-size:15px; line-height:1.5; color:var(--ink); text-align:left; }
body #supu-cart *, body #supu-cart *::before, body #supu-cart *::after { box-sizing:border-box; text-transform:none; letter-spacing:normal; }
body #supu-cart h1, body #supu-cart h2, body #supu-cart p, body #supu-cart ul, body #supu-cart ol, body #supu-cart fieldset, body #supu-cart legend { margin:0; padding:0; }
body #supu-cart ul, body #supu-cart ol { list-style:none; }
body #supu-cart li { margin:0; }
body #supu-cart li::before, body #supu-cart li::marker { content:none; }
body #supu-cart a { color:inherit; box-shadow:none; }
body #supu-cart img { display:block; max-width:100%; height:auto; border:0; box-shadow:none; border-radius:0; }
body #supu-cart button, body #supu-cart input { font-family:inherit; font-size:inherit; color:inherit; margin:0; letter-spacing:normal; text-transform:none; box-shadow:none; min-height:0; line-height:normal; text-shadow:none; }
body #supu-cart button { cursor:pointer; background:none; border:0; border-radius:0; padding:0; font-weight:inherit; }
body #supu-cart svg.i { width:18px; height:18px; flex:none; fill:currentColor; display:inline-block; }
body #supu-cart :focus-visible { outline:3px solid var(--navy); outline-offset:2px; border-radius:6px; }
/* OceanWP pinta .amount en rojo: aquí hereda. */
body #supu-cart .amount, body #supu-cart .amount bdi, body #supu-cart .woocommerce-Price-amount { color:inherit; font-weight:inherit; font-size:inherit; }
body #supu-cart .tax_label, body #supu-cart .woocommerce-Price-taxLabel { display:none; }
body #supu-cart .dot { color:var(--red); font-style:normal; }
body #supu-cart [hidden] { display:none !important; }

/* Avisos de WooCommerce (añadido al carrito, errores de stock, cupones) */
body #supu-cart > .woocommerce > .woocommerce-notices-wrapper { max-width:1240px; margin:0 auto; padding:20px 20px 0; }
body #supu-cart > .woocommerce > .woocommerce-notices-wrapper:empty { display:none; }
body #supu-cart .woocommerce-message, body #supu-cart .woocommerce-info, body #supu-cart .woocommerce-error {
  margin:0 0 10px; padding:12px 16px; border:1px solid var(--line); border-left:4px solid var(--navy); border-radius:10px; background:var(--soft); color:var(--ink); font-size:14px; list-style:none;
  display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; justify-content:space-between; outline:0; box-shadow:none; }
body #supu-cart .woocommerce-message::before, body #supu-cart .woocommerce-info::before, body #supu-cart .woocommerce-error::before { content:none; display:none; }
body #supu-cart .woocommerce-error { border-left-color:var(--red); background:#fdf1f2; display:block; }
body #supu-cart .woocommerce-error p, body #supu-cart .woocommerce-error li { margin:0; }
body #supu-cart .woocommerce-message .button, body #supu-cart .woocommerce-info .button { order:2; float:none; margin:0; padding:0; background:none; border:0; color:var(--navy); font-weight:700; font-size:14px; text-decoration:underline; text-underline-offset:3px; min-height:0; box-shadow:none; }
body #supu-cart .scc-notices:empty { display:none; }
body #supu-cart .scc-notices { margin-top:16px; }

/* Cabecera del pedido */
body #supu-cart .scc-wrap { max-width:1240px; margin:0 auto; padding:28px 20px 64px; }
body #supu-cart .scc-head { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; padding-bottom:18px; border-bottom:2px solid var(--navy); }
body #supu-cart h1 { font:900 36px/1.1 var(--ff-d); color:var(--navy); letter-spacing:-.01em; }
body #supu-cart h1 em { font-weight:400; font-style:italic; }
body #supu-cart .scc-head p { font-size:14px; color:var(--mute); margin-top:6px; }
body #supu-cart .scc-tools { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
body #supu-cart .scc-tools a, body #supu-cart .scc-tools button { font-size:14px; font-weight:600; color:var(--navy); padding:6px 0; display:inline-flex; align-items:center; gap:6px; text-decoration:none; }
body #supu-cart .scc-tools a:hover, body #supu-cart .scc-tools button:hover { text-decoration:underline; text-underline-offset:3px; }
body #supu-cart .scc-tools svg.i { width:16px; height:16px; }

/* Confirmación de vaciar (sin window.confirm) */
body #supu-cart .scc-confirm { margin-top:16px; padding:14px 18px; border:1.5px solid var(--red); border-radius:12px; background:#fdf1f2; display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; justify-content:space-between; font-size:14px; }
body #supu-cart .scc-confirm b { color:var(--navy); }
body #supu-cart .scc-confirm div { display:flex; gap:10px; }
body #supu-cart .scc-confirm button { height:40px; padding:0 16px; border-radius:10px; font-weight:700; font-size:14px; }
body #supu-cart .scc-confirm .yes { background:var(--red); color:#fff; }
body #supu-cart .scc-confirm .yes:hover { background:var(--red-dk); }
body #supu-cart .scc-confirm .no { border:1.5px solid #cfd4db; background:#fff; color:var(--navy); }

/* Rejilla */
body #supu-cart .scc-grid { margin-top:24px; display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:32px; align-items:start; }
body #supu-cart .scc-cols, body #supu-cart .scc-row { display:grid; grid-template-columns:minmax(0,1fr) 104px 128px 104px 40px; gap:16px; align-items:center; }
body #supu-cart .scc-cols { padding:0 16px 10px; font-size:13px; font-weight:600; color:var(--mute); }
body #supu-cart .scc-cols span:nth-child(n+2) { text-align:right; }
body #supu-cart .scc-cols span:nth-child(3) { text-align:center; }
body #supu-cart .scc-list { border:1px solid var(--line); border-radius:16px; overflow:hidden; }
body #supu-cart .scc-list > li { border-top:1px solid var(--line); }
body #supu-cart .scc-list > li:first-child { border-top:0; }
body #supu-cart .scc-row { padding:16px; transition:opacity .2s; }
body #supu-cart li.is-busy .scc-row { opacity:.55; }
body #supu-cart .scc-prod { display:grid; grid-template-columns:64px minmax(0,1fr); gap:14px; align-items:center; }
body #supu-cart .scc-prod .im { width:64px; height:64px; border:1px solid var(--line); border-radius:10px; display:grid; place-items:center; background:#fff; overflow:hidden; }
body #supu-cart .scc-prod .im a { display:grid; place-items:center; width:100%; height:100%; }
body #supu-cart .scc-prod img { width:54px; height:54px; object-fit:contain; }
body #supu-cart .scc-prod a, body #supu-cart .scc-prod .nm { font-size:15px; font-weight:600; color:var(--navy); line-height:1.35; text-decoration:none; overflow-wrap:anywhere; }
body #supu-cart .scc-prod a:hover { text-decoration:underline; text-underline-offset:3px; }
body #supu-cart .scc-prod small { display:block; font-size:13px; color:var(--mute); margin-top:2px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
body #supu-cart .scc-unit, body #supu-cart .scc-line { text-align:right; font-variant-numeric:tabular-nums; }
body #supu-cart .scc-unit { font-size:15px; color:var(--ink); }
body #supu-cart .scc-unit s { display:block; font-size:12px; color:var(--mute); }
body #supu-cart .scc-line { font-size:16px; font-weight:700; color:var(--navy); }
body #supu-cart .scc-q { text-align:center; }
body #supu-cart .scc-one { font-weight:700; color:var(--navy); }
body #supu-cart .scc-qty { display:inline-grid; grid-template-columns:36px 48px 36px; height:40px; border:1.5px solid #d4d9df; border-radius:10px; background:#fff; overflow:hidden; vertical-align:middle; }
body #supu-cart .scc-qty button { display:grid; place-items:center; color:var(--navy); background:none; height:100%; width:100%; transition:background .2s; }
body #supu-cart .scc-qty button:hover { background:var(--soft); }
body #supu-cart .scc-qty button:disabled { color:#b7bec7; cursor:not-allowed; background:none; }
body #supu-cart .scc-qty svg.i { width:15px; height:15px; }
body #supu-cart .scc-qty input { width:100%; height:100%; padding:0; border:0; border-inline:1.5px solid var(--line); border-radius:0; text-align:center; font-weight:700; font-size:15px; color:var(--navy); background:#fff; font-variant-numeric:tabular-nums; -moz-appearance:textfield; appearance:textfield; }
body #supu-cart .scc-qty input::-webkit-outer-spin-button, body #supu-cart .scc-qty input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
body #supu-cart .scc-qty input:focus { outline:0; background:#f7f9fb; }
body #supu-cart .scc-rm { width:40px; height:40px; border-radius:10px; color:var(--mute); display:grid; place-items:center; text-decoration:none; transition:background .2s, color .2s; }
body #supu-cart .scc-rm:hover { background:#fdecee; color:var(--red-dk); }
body #supu-cart .scc-tiers { grid-column:1/-1; margin-left:78px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; padding:12px 14px; background:var(--soft); border-radius:12px; font-size:13px; }
body #supu-cart .scc-tiers > span { font-weight:600; color:var(--navy); }
body #supu-cart .scc-tiers ol { display:flex; gap:6px; flex-wrap:wrap; }
body #supu-cart .scc-tiers ol li { padding:4px 10px; border-radius:8px; border:1px solid #cfd4db; background:#fff; color:var(--ink); font-variant-numeric:tabular-nums; }
body #supu-cart .scc-tiers ol li.on { border-color:var(--navy); background:var(--navy); color:#fff; font-weight:600; }
body #supu-cart .scc-tiers p { flex-basis:100%; color:var(--navy); }
body #supu-cart .scc-tiers p b { color:var(--red-dk); }
body #supu-cart .scc-tiers p svg.i { width:15px; height:15px; color:var(--ok); margin-right:4px; vertical-align:-2px; }
body #supu-cart .scc-undo { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; padding:14px 18px; font-size:14px; color:var(--mute); background:var(--soft); }
body #supu-cart .scc-undo b { color:var(--navy); font-weight:600; }
body #supu-cart .scc-undo a { padding:6px 0; font-weight:700; color:var(--navy); text-decoration:underline; text-underline-offset:3px; }
body #supu-cart .scc-list-undo { margin-top:20px; }

/* Venta cruzada */
body #supu-cart .scc-x { margin-top:22px; padding:18px; border:1px dashed #c3cad2; border-radius:16px; }
body #supu-cart .scc-x h2 { font:700 16px/1.3 var(--ff-b); color:var(--navy); }
body #supu-cart .scc-x ul { margin-top:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; }
body #supu-cart .scc-x li { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:12px; align-items:center; }
body #supu-cart .scc-x img { width:48px; height:48px; object-fit:contain; border:1px solid var(--line); border-radius:8px; background:#fff; }
body #supu-cart .scc-x .nm { display:block; font-size:14px; font-weight:600; color:var(--navy); line-height:1.3; text-decoration:none; overflow-wrap:anywhere; }
body #supu-cart .scc-x .nm:hover { text-decoration:underline; text-underline-offset:3px; }
body #supu-cart .scc-x span { font-size:13px; color:var(--mute); font-variant-numeric:tabular-nums; }
body #supu-cart .scc-add { height:36px; padding:0 12px; border-radius:10px; border:1.5px solid var(--navy); background:#fff; color:var(--navy); font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; transition:background .2s, color .2s; }
body #supu-cart .scc-add:hover { background:var(--navy); color:#fff; }
body #supu-cart .scc-add:disabled { opacity:.6; cursor:progress; }

/* Resumen */
body #supu-cart .scc-sum { position:sticky; top:24px; display:grid; gap:16px; }
body #supu-cart .scc-box { border:1px solid var(--line); border-radius:16px; padding:20px 22px; background:#fff; }
body #supu-cart .scc-box h2 { font:700 17px/1.3 var(--ff-b); color:var(--navy); }
body #supu-cart .scc-kv { margin-top:14px; display:grid; gap:8px; font-size:14px; }
body #supu-cart .scc-kv > div { display:flex; justify-content:space-between; gap:12px; font-variant-numeric:tabular-nums; }
body #supu-cart .scc-kv > div > span:last-child { text-align:right; }
body #supu-cart .scc-kv .m { color:var(--mute); }
body #supu-cart .scc-kv .cp { color:var(--ok); }
body #supu-cart .scc-kv .cp button { margin-left:6px; font-size:13px; font-weight:600; color:var(--mute); text-decoration:underline; text-underline-offset:3px; }
body #supu-cart .scc-kv.sep { padding-top:14px; border-top:1px solid var(--line); }
body #supu-cart .scc-ship { margin-top:16px; border:0; min-width:0; }
body #supu-cart .scc-ship legend { font-size:14px; font-weight:600; color:var(--navy); padding:0; margin-bottom:0; float:none; width:auto; border:0; }
body #supu-cart .scc-opt { display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px 14px; margin:8px 0 0; border:1.5px solid #d4d9df; border-radius:12px; cursor:pointer; transition:border-color .2s, background .2s; font-weight:400; }
body #supu-cart .scc-opt input { width:18px; height:18px; accent-color:var(--navy); margin:0; }
body #supu-cart .scc-opt b { display:block; font-size:14px; line-height:1.35; color:var(--navy); }
body #supu-cart .scc-opt small { display:block; font-size:12px; line-height:1.35; margin-top:2px; color:var(--mute); }
body #supu-cart .scc-opt .p { font-weight:700; color:var(--navy); font-variant-numeric:tabular-nums; font-size:14px; text-align:right; }
body #supu-cart .scc-opt .p em { font-style:normal; font-weight:500; font-size:12px; color:var(--mute); }
body #supu-cart .scc-opt:has(input:checked) { border-color:var(--navy); background:#f7f9fb; }
body #supu-cart .scc-free { margin-top:12px; font-size:13px; color:var(--mute); }
body #supu-cart .scc-free b { color:var(--navy); }
body #supu-cart .scc-free.ok p, body #supu-cart .scc-free.ok b { color:var(--ok); }
body #supu-cart .scc-free p { display:block; }
body #supu-cart .scc-free p svg.i { width:15px; height:15px; margin-right:6px; vertical-align:-3px; }
body #supu-cart .scc-free .bar { display:block; margin-top:6px; height:5px; border-radius:6px; background:#e3e7ec; overflow:hidden; }
body #supu-cart .scc-free .bar i { display:block; height:100%; width:var(--p); background:var(--navy); border-radius:6px; transition:width .6s var(--ease); }
body #supu-cart .scc-free.ok .bar i { background:var(--ok); }
body #supu-cart .scc-coupon { margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
body #supu-cart .scc-coupon summary { cursor:pointer; font-size:14px; font-weight:600; color:var(--navy); list-style:none; display:flex; align-items:center; gap:8px; min-height:32px; }
body #supu-cart .scc-coupon summary::-webkit-details-marker { display:none; }
body #supu-cart .scc-coupon summary svg.i { width:16px; height:16px; }
body #supu-cart .scc-coupon .in { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin-top:10px; }
body #supu-cart .scc-coupon label { grid-column:1/-1; font-size:13px; font-weight:600; color:var(--navy); margin:0; }
body #supu-cart .scc-coupon input { height:44px; width:100%; border:1.5px solid #d4d9df; border-radius:10px; padding:0 12px; font-size:14px; min-width:0; background:#fff; color:var(--ink); }
body #supu-cart .scc-coupon input:focus { outline:0; border-color:var(--navy); box-shadow:0 0 0 4px rgba(0,18,36,.08); }
body #supu-cart .scc-coupon .in button { height:44px; padding:0 16px; border-radius:10px; background:var(--navy); color:#fff; font-weight:600; font-size:14px; }
body #supu-cart .scc-coupon .in button:hover { background:var(--navy-2); }
body #supu-cart .scc-coupon .msg { grid-column:1/-1; font-size:13px; }
body #supu-cart .scc-coupon .msg:empty { display:none; }
body #supu-cart .scc-coupon .msg .woocommerce-error, body #supu-cart .scc-coupon .msg .woocommerce-message { margin:0; padding:8px 12px; font-size:13px; }
body #supu-cart .scc-total { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
body #supu-cart .scc-total > span { font-weight:600; color:var(--navy); }
body #supu-cart .scc-total b { white-space:nowrap;  display:block; text-align:right; font:700 28px/1 var(--ff-b); color:var(--navy); font-variant-numeric:tabular-nums; }
body #supu-cart .scc-total small { display:block; text-align:right; font-size:12px; color:var(--mute); margin-top:4px; }
body #supu-cart .scc-pay { width:100%; height:56px; margin-top:16px; border:0; border-radius:12px; background:var(--red); color:#fff; font:700 17px var(--ff-b); display:flex; align-items:center; justify-content:center; gap:10px; white-space:nowrap; text-decoration:none; box-shadow:0 14px 28px -14px rgba(226,15,31,.7); transition:background .2s, transform .15s var(--ease); }
body #supu-cart .scc-pay:hover, body #supu-cart .scc-pay:focus { background:var(--red-dk); color:#fff; }
body #supu-cart .scc-pay:active { transform:scale(.99); }
body #supu-cart .scc-quote { background:var(--navy); color:#fff; border-radius:16px; padding:20px 22px; }
body #supu-cart .scc-quote h2 { font:700 16px/1.3 var(--ff-b); color:#fff; }
body #supu-cart .scc-quote p { font-size:14px; color:#c9d3de; margin-top:6px; }
body #supu-cart .scc-quote a { margin-top:14px; height:44px; padding:0 18px; border-radius:10px; border:1.5px solid rgba(255,255,255,.55); color:#fff; font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:8px; text-decoration:none; transition:background .2s, color .2s; }
body #supu-cart .scc-quote a:hover { background:#fff; color:var(--navy); }
body #supu-cart .scc-quote a svg.i { width:16px; height:16px; }
body #supu-cart .scc-trust { display:grid; gap:10px; font-size:13px; color:var(--ink); padding:0 4px; }
body #supu-cart .scc-trust li { display:flex; gap:10px; align-items:flex-start; }
body #supu-cart .scc-trust svg.i { color:var(--navy); width:17px; height:17px; margin-top:1px; }
body #supu-cart .scc.is-busy .scc-box .scc-kv, body #supu-cart .scc.is-busy .scc-total b, body #supu-cart .scc.is-busy .scc-mbar b { opacity:.5; transition:opacity .2s; }
body #supu-cart .scc-mbar { display:none; }

/* Vacío */
body #supu-cart .scc-empty { margin-top:24px; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:24px; }
body #supu-cart .scc-empty > div { border:1px solid var(--line); border-radius:16px; padding:28px; }
body #supu-cart .scc-empty h2 { font:700 19px/1.25 var(--ff-b); color:var(--navy); }
body #supu-cart .scc-empty p { color:var(--mute); margin-top:6px; font-size:14px; }
body #supu-cart .scc-empty .acts { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
body #supu-cart .scc-btn-navy, body #supu-cart .scc-btn-line { height:44px; padding:0 18px; border-radius:10px; font-weight:600; font-size:14px; display:inline-flex; align-items:center; gap:8px; text-decoration:none; transition:background .2s, border-color .2s; }
body #supu-cart .scc-btn-navy { background:var(--navy); color:#fff; border:0; }
body #supu-cart .scc-btn-navy:hover { background:var(--navy-2); color:#fff; }
body #supu-cart .scc-btn-line { border:1.5px solid #cfd4db; color:var(--navy); background:#fff; }
body #supu-cart .scc-btn-line:hover { border-color:var(--navy); }
body #supu-cart .scc-empty .tel { font:700 22px var(--ff-b); color:var(--navy); text-decoration:none; display:inline-block; margin-top:12px; font-variant-numeric:tabular-nums; }

/* Tableta y móvil */
@media (max-width:960px) {
  body #supu-cart .scc-grid { grid-template-columns:minmax(0,1fr); }
  body #supu-cart .scc-sum { position:static; }
  body #supu-cart .scc-mbar { display:grid; position:fixed; left:0; right:0; bottom:0; z-index:99990; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid var(--line); box-shadow:var(--sh-up); transition:transform .25s var(--ease); }
  body #supu-cart .scc-mbar.off { transform:translateY(110%); }
  body #supu-cart .scc-mbar > div > span { display:block; font-size:12px; color:var(--mute); }
  body #supu-cart .scc-mbar b { display:block; font:700 20px/1.1 var(--ff-b); color:var(--navy); font-variant-numeric:tabular-nums; white-space:nowrap; }
  body #supu-cart .scc-mbar .scc-pay { height:50px; width:auto; margin:0; padding:0 20px; font-size:16px; }
  body.supucheckout-cart { padding-bottom:80px; }
  /* Asesora IA (supubot): sube por encima de la barra fija mientras se ve, para no tapar el total ni el botón. */
  body.supucheckout-cart .supubot-fab { transition:bottom .25s cubic-bezier(.16,1,.3,1); }
  body.supucheckout-cart.scc-bar-on .supubot-fab { bottom:calc(90px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width:760px) {
  body #supu-cart .scc-wrap { padding:22px 16px 32px; }
  body #supu-cart > .woocommerce > .woocommerce-notices-wrapper { padding:16px 16px 0; }
  body #supu-cart h1 { font-size:30px; }
  body #supu-cart .scc-cols { display:none; }
  body #supu-cart .scc-row { grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:14px; position:relative; }
  body #supu-cart .scc-prod { grid-column:1/-1; grid-template-columns:56px minmax(0,1fr); padding-right:40px; }
  body #supu-cart .scc-prod .im { width:56px; height:56px; }
  body #supu-cart .scc-prod img { width:46px; height:46px; }
  body #supu-cart .scc-row > .scc-rm { position:absolute; top:10px; right:8px; }
  body #supu-cart .scc-unit { grid-column:1/-1; text-align:left; font-size:13px; color:var(--mute); order:3; }
  body #supu-cart .scc-unit::before { content:"Precio ud. "; }
  body #supu-cart .scc-unit s { display:inline; margin-right:6px; }
  body #supu-cart .scc-q { grid-column:1; text-align:left; order:4; }
  body #supu-cart .scc-line { grid-column:2; order:5; align-self:center; font-size:17px; }
  body #supu-cart .scc-tiers { margin-left:0; order:6; }
  body #supu-cart .scc-qty { grid-template-columns:44px 52px 44px; height:44px; }
  body #supu-cart .scc-x ul { grid-template-columns:minmax(0,1fr); }
  body #supu-cart .scc-empty { grid-template-columns:minmax(0,1fr); }
  body #supu-cart .scc-empty > div { padding:22px; }
}
@media (prefers-reduced-motion:reduce) { body #supu-cart * { transition:none !important; } }