/* vy_odstupenie: stranky Odstupenie od zmluvy a Reklamacia - samostatny modul (nezavisly od temy); farby sa daju prepisat premennymi --vy-* v teme */
.vy-odst { max-width: 760px; margin: 8px auto 40px; }
.vy-odst__kroky { list-style: none; padding: 0; margin: 0 0 20px; display: flex; gap: 8px; }
.vy-odst__kroky li { flex: 1; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: var(--vy-bg, #f7f3f1); color: var(--vy-muted, #6b6b6b); font-family: var(--vy-font-heading, inherit); font-weight: 700; font-size: 14px; }
.vy-odst__kroky b { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #fff; box-shadow: var(--vy-shadow, 0 1px 3px rgba(0,0,0,.18)); }
.vy-odst__kroky li.is-aktivny { background: var(--vy-primary-light, #f3e8e6); color: var(--vy-dark, #222); }
.vy-odst__kroky li.is-aktivny b { background: var(--vy-primary, #77413a); color: #fff; }
.vy-odst__kroky li.is-hotovy b { background: var(--vy-primary-dark, #5b2f29); color: #fff; }
.vy-odst__karta h2 { font-size: 22px; margin: 0 0 6px; }
.vy-odst__uvod { font-size: 16px; color: var(--vy-dark, #222); margin: 0 0 18px; }
.vy-odst__pozn { color: var(--vy-muted, #6b6b6b); margin: 0 0 16px; }
.vy-odst__mieru { font-size: 13px; color: var(--vy-muted, #6b6b6b); background: var(--vy-bg, #f7f3f1); border-radius: 12px; padding: 10px 14px; margin: 18px 0; }
.vy-odst__moje { list-style: none; padding: 0; margin: 0 0 8px; display: grid; gap: 8px; }
.vy-odst__moje li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid #e3e8ec; border-radius: 12px; }
.vy-odst__moje small { color: var(--vy-muted, #6b6b6b); margin-left: 6px; }
.vy-odst__mriezka { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.vy-odst__h3 { font-size: 17px; margin: 8px 0 10px; }
.vy-odst__polozky { display: grid; gap: 8px; margin-bottom: 18px; }
.vy-odst__polozka { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid #e3e8ec; border-radius: 12px; }
.vy-odst__polozka div { min-width: 0; }
.vy-odst__polozka b { display: block; color: var(--vy-dark, #222); }
.vy-odst__polozka small { display: inline-block; color: var(--vy-muted, #6b6b6b); margin-right: 12px; font-size: 13px; }
.vy-odst__polozka label { flex: none; display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--vy-muted, #6b6b6b); white-space: nowrap; }
.vy-odst__polozka select { width: auto; min-width: 64px; }
.vy-odst__suhrn { display: grid; grid-template-columns: max-content 1fr; gap: 8px 18px; margin: 0 0 20px; text-align: left; }
.vy-odst__suhrn dt { color: var(--vy-muted, #6b6b6b); font-weight: 600; }
.vy-odst__suhrn dd { margin: 0; color: var(--vy-dark, #222); }
.vy-odst__suhrn ul { margin: 0; padding-left: 18px; }
.vy-odst__pre { white-space: pre-wrap; }
.vy-odst__potvrdit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.vy-odst__hotovo { text-align: center; }
.vy-odst__hotovo .vy-odst__suhrn { max-width: 420px; margin: 18px auto; }
.vy-odst__hotovo > p { color: var(--vy-muted, #6b6b6b); }
.vy-odst__ik { width: 64px; height: 64px; border-radius: 50%; background: var(--vy-primary-light, #f3e8e6); color: var(--vy-primary, #77413a); display: inline-grid; place-items: center; margin-bottom: 12px; }
.vy-odst__ik .vy-ikona { width: 30px; height: 30px; }
@media (max-width: 575.98px) {
  .vy-odst__kroky span { display: none; }
  .vy-odst__kroky li { justify-content: center; }
  .vy-odst__mriezka { grid-template-columns: 1fr; }
  .vy-odst__polozka { flex-direction: column; align-items: flex-start; }
  .vy-odst__suhrn { grid-template-columns: 1fr; gap: 2px; }
  .vy-odst__suhrn dd { margin-bottom: 8px; }
}

.vy-odst__karta { background: #fff; border: 1px solid #e3e8ec; border-radius: 12px; padding: 24px; }
.vy-odst .vy-ikona { display: block; }
.vy-vzor__subory { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 16px; border: 2px dashed #cfd6dc; border-radius: 12px; cursor: pointer; background: #fff; }
.vy-vzor__subory:hover, .vy-vzor__subory.is-over { border-color: var(--vy-primary, #77413a); background: var(--vy-bg, #f7f3f1); }
.vy-vzor__vstup { max-width: 100%; }
.vy-vzor__subory-ik { color: var(--vy-primary, #77413a); }
.vy-vzor__zoznam { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 4px; font-size: 14px; }
.vy-vzor__zoznam small { color: var(--vy-muted, #6b6b6b); margin-left: 6px; }
.vy-vzor__chyba-subory { color: #b3261e; font-size: 14px; margin-top: 6px; }