/* ==== AquaStop Cream – Kalkulačka spotřeby ==== */
.asc-calc { --gap:16px; --radius:14px; --border:1px solid rgba(0,0,0,.12); --shadow:0 6px 20px rgba(0,0,0,.06);
  --cart-red:#F50E0E;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  max-width: 960px; margin:0 auto; padding:16px; border:var(--border); border-radius:var(--radius); box-shadow:var(--shadow); background:#fff; }
.asc-calc * { box-sizing: border-box; }
.asc-row { display:grid; gap:var(--gap); }

/* STĚNY */
.asc-walls-grid { display:grid; gap:16px; grid-template-columns:1fr; }
.asc-walls-footer { display:flex; justify-content:flex-start; margin-top:8px; }
.asc-wall { border:var(--border); border-radius:var(--radius); padding:12px; background:#fff; }
.asc-wall-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.asc-wall-title { font-weight:800; }
.asc-btn { border:1px solid rgba(0,0,0,.15); background:#0ea5e9; color:#fff; border-radius:10px; padding:8px 12px; font-weight:700; cursor:pointer; }
.asc-btn:hover { filter:brightness(.95); }
.asc-btn.asc-btn-del { background:#ef4444; }
.asc-btn.asc-btn-add { align-self:flex-start; }

.asc-sliders { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items:end; }
.asc-field label { display:block; margin-bottom:8px; font-weight:600; }
.asc-field input[type="range"] { width:100%; }

/* Typ zdiva */
.asc-types legend { font-weight:700; margin:20px 0; text-align:center; padding-bottom:10px; }
.asc-type-grid { display:grid; grid-template-columns: repeat(5, 1fr); gap:16px; justify-items:center; }
.asc-type-card { display:grid; grid-template-rows:auto auto auto; justify-items:center; gap:8px; width:100%; padding:12px; border:var(--border); border-radius:var(--radius);
  cursor:pointer; transition:transform .08s ease, box-shadow .08s ease, border-color .08s ease; text-align:center; }
.asc-type-card:hover { transform:translateY(-1px); box-shadow:0 8px 24px rgba(0,0,0,.08); }
.asc-type-card input[type="radio"] { position:absolute; opacity:0; pointer-events:none; }
.asc-type-card .asc-visual { display:grid; place-items:center; width:100%; aspect-ratio:16/9; border-radius:10px; overflow:hidden; background:#f6f7f9; border:1px solid rgba(0,0,0,.06); }
.asc-type-card .asc-visual img { width:100%; height:100%; object-fit:cover; display:block; }
.asc-type-card .asc-title { font-weight:600; }
.asc-type-card .asc-coeff { display:none; }
.asc-type-card:has(input[type="radio"]:checked) { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.15); }

/* Způsob navrtání zdiva */
.asc-drill legend { font-weight:700; margin:44px 0 20px; text-align:center; padding-bottom:10px; }
.asc-drill-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.asc-drill-card { display:flex; align-items:center; gap:10px; text-align:center; padding:14px 12px; border:var(--border); border-radius:var(--radius);
  cursor:pointer; font-weight:600; transition:transform .08s ease, box-shadow .08s ease, border-color .08s ease; }
.asc-drill-num { font-size:40px; font-weight:400; line-height:1; }
.asc-drill-title { flex:1; }
.asc-drill-card:hover { transform:translateY(-1px); box-shadow:0 8px 24px rgba(0,0,0,.08); }
.asc-drill-card input[type="radio"] { position:absolute; opacity:0; pointer-events:none; }
.asc-drill-card:has(input[type="radio"]:checked) { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.15); }

/* Výsledek – červený box */
.asc-result { display:grid; justify-items:center; }
.asc-result-card { display:grid; row-gap:6px; place-items:center; text-align:center; background:#F50E0E; color:#fff; border-radius:14px; padding:16px 20px; margin:30px 0; }
.asc-result-title { font-weight:700; font-size:14px; letter-spacing:.02em; text-transform:uppercase; }
.asc-result-value { font-size:32px; font-weight:800; line-height:1.1; }
.asc-result-sub { font-size:13px; opacity:.9; }

/* Doporučené balení + miniatury */
.asc-pack { justify-items:stretch; }
.asc-pack-card { padding:16px; border-radius:14px; background:#f8fafc; border:1px solid rgba(0,0,0,.06); }
.asc-pack-title { font-weight:800; margin-bottom:6px; text-transform:uppercase; font-size:14px; color:#334155; }
.asc-pack-summary { font-weight:600; margin-bottom:8px; }
.asc-pack-list { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.asc-pack-list li { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:10px 12px; background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:10px; }
.asc-pack-list li .left { display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center; }
.asc-pack-list .pack-thumb { width:36px; height:36px; object-fit:cover; border-radius:6px; border:1px solid rgba(0,0,0,.08); background:#f3f4f6; }
.asc-pack-list .meta { font-size:13px; color:#334155; opacity:.9; }
.asc-pack-list .price { font-weight:700; }
.asc-pack-list .actions { display:flex; gap:8px; align-items:center; }
.asc-pack-list .button { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px; border:1px solid rgba(0,0,0,.12); background:var(--cart-red); color:#fff; text-decoration:none; font-weight:700; }
.asc-pack-list .button:hover { filter:brightness(.95); }
.asc-pack-list .button .asc-icon { width:14px; height:14px; }

/* Spodní statistiky: 2 sloupce nahoře, dole 1 box přes celou šířku */
.asc-pack-stats { margin-top:10px; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:8px; }
.asc-pack-stats .box { background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:10px; padding:10px 12px; text-align:center; }
.asc-pack-stats .box.full { grid-column: 1 / -1; }

@media (max-width: 900px) { .asc-calc .asc-type-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  .asc-calc .asc-sliders { grid-template-columns: 1fr; }
  .asc-calc .asc-pack-stats { grid-template-columns:1fr; }
  /* Tlačítka způsobu navrtání zůstávají vedle sebe i na mobilu – text se zalomí. */
  .asc-calc .asc-drill-grid { gap:8px; }
  .asc-calc .asc-drill-card { padding:10px 8px; font-size:14px; }
  .asc-calc .asc-drill-num { font-size:38px; }
}