/**
 * mavatex.cz - redesign 2026, individualni CSS nad sablonou 2026-001.
 *
 * Linkuje se az za sablona.css a varianty komponent (_page.php), takze sablonu prebiji.
 * Barvy/typografie sablony (--tpl-*) jsou v customizeru (customizer-mavatex.json); tady jsou
 * doplnkove tokeny --mvx-* z navrhu (Claude Design) a dorovnani komponent.
 *
 * Obsah:  1) font + tokeny   2) zaklad + sdilene prvky   3) hlavicka   4) navigace + mobilni chips
 *         5) progress bar dopravy zdarma   6) karta produktu (vypis)   7) modaly   8) paticka
 *         9) clanky/blog dlazdice   10) kosik a objednavka (kompaktni rezim)   11) pomocne
 * CSS jednotlivych sekci: css/sekce/{uvod,kategorie,detail,mockups}.css
 */

/* ============ 1) FONT + TOKENY ============ */
@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/figtree-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/figtree-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --mvx-ink: #2a2a2a;
    --mvx-muted: #6b6468;
    --mvx-line: #e8e2df;
    --mvx-line-2: #cfc6c1;
    --mvx-line-3: #d9d2cd;
    --mvx-surface: #f1ecea;
    --mvx-surface-2: #eee7e3;
    --mvx-bg-soft: #faf8f7;
    --mvx-pink: #d6307f;
    --mvx-pink-dark: #a3205e;
    --mvx-pink-light: #f7a8d1;
    --mvx-pink-bg: #fdeaf4;
    --mvx-green: #2fa84f;
    --mvx-green-bg: #e8f7ee;
    --mvx-green-bg-2: #f3faf5;
    --mvx-green-track: #dfe9e2;
    --mvx-cyan: #1f94b5;
    --mvx-cyan-bg: #e6f6fb;
    --mvx-cyan-light: #7fd8f0;
    --mvx-radius-s: 10px;
    --mvx-radius: 12px;
    --mvx-radius-l: 16px;
    --mvx-radius-xl: 20px;
    --mvx-gutter: 40px;
    --mvx-shadow-float: 0 4px 14px rgba(0, 0, 0, .12);
    --mvx-ring: 0 0 0 2px var(--mvx-ink);
    --mvx-font: 'Figtree', 'Helvetica Neue', Arial, sans-serif;
}
@media (max-width: 768px) { :root { --mvx-gutter: 16px; } }

/* ============ 2) ZAKLAD + SDILENE PRVKY ============ */
body { -webkit-font-smoothing: antialiased; font-family: var(--mvx-font); color: var(--mvx-ink); }
a { color: var(--mvx-pink); }
a:hover { color: var(--mvx-pink-dark); }
:focus-visible { outline: 2px solid var(--mvx-ink); outline-offset: 2px; }

/* obsah lícuje s hlavickou (40px), na mobilu 16px */
div#in_body { padding-left: var(--mvx-gutter); padding-right: var(--mvx-gutter); }

/* stare bannery, kterym se vzhled nahrazuje (po vypnuti v administraci uz jen pojistka) */
#banner_hlavicka, #banner_levy_top, #banner_menu { display: none; }

.mvx-btn { display: inline-block; border: 0; border-radius: var(--mvx-radius); padding: 13px 22px; font: inherit; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.mvx-btn--pink { background: var(--mvx-pink); color: #fff; }
.mvx-btn--pink:hover { background: var(--mvx-pink-dark); color: #fff; text-decoration: none; }
.mvx-btn--white { background: #fff; color: var(--mvx-ink); }
.mvx-btn--white:hover { background: var(--mvx-surface); color: var(--mvx-ink); text-decoration: none; }
.mvx-btn--outline { background: transparent; color: #fff; border: 1.5px solid rgba(255, 255, 255, .4); font-weight: 600; }
.mvx-btn--outline:hover { border-color: #fff; color: #fff; text-decoration: none; }
.mvx-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* ============ 3) HLAVICKA ============ */
div#hlavicka.mvx-hlavicka { background: #fff; border-bottom: 1px solid var(--mvx-line); }

.mvx-topbar { background: var(--mvx-bg-soft); color: var(--mvx-muted); font-size: 12px; }
.mvx-topbar__in { max-width: var(--tpl-max-width); margin: 0 auto; padding: 0 var(--mvx-gutter); height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 22px; box-sizing: border-box; }
.mvx-topbar__left, .mvx-topbar__right { display: flex; align-items: center; gap: 22px; white-space: nowrap; }
.mvx-topbar a { color: var(--mvx-muted); text-decoration: none; }
.mvx-topbar a:hover { color: var(--mvx-ink); text-decoration: underline; }
.mvx-topbar__tisk { color: var(--mvx-green); font-weight: 600; }

div#hlavicka_obsah { max-width: var(--tpl-max-width); gap: 36px; padding: 14px var(--mvx-gutter); height: auto; min-height: 0; box-sizing: border-box; }
.tpl-header-logo { max-width: none; }
.tpl-header-logo a { display: block; }
.tpl-header-logo img { display: block; height: 52px; width: auto; max-width: none; }

.tpl-header-search { flex: 1 1 auto; max-width: none; margin: 0; }
#hlavicka_fulltext_form { height: 46px; border: 1.5px solid var(--mvx-line); border-radius: var(--mvx-radius); background: #fff; flex-direction: row-reverse; }
#hlavicka_fulltext_form:focus-within { border-color: var(--mvx-ink); box-shadow: none; }
#fulltext_text { padding: 0 16px 0 4px; font-size: 15px; font-family: inherit; }
#fulltext_text::placeholder, #fulltext_text.defaultTextActive { color: var(--mvx-muted); }
#hlavicka_fulltext_form .submit, #hlavicka_fulltext_form input[type="submit"] { flex-basis: 44px; width: 44px; height: 44px; }
#hlavicka_fulltext_form:after { right: auto; left: 16px; color: var(--mvx-muted); }

div#hlavicka .tpl-header-right { display: flex; align-items: center; gap: 28px; }
div#hlavicka .tpl-header-right > * { margin: 0; }

/* prihlaseni = prosty textovy odkaz */
div.hlavicka_modul_uzivatel2 a, div.hlavicka_modul_uzivatel a { height: auto; padding: 0; border: 0; border-radius: 0; background: none; font-size: 14px; font-weight: 600; color: var(--mvx-ink); text-decoration: none; }
div.hlavicka_modul_uzivatel2 a:before { display: none; }
div.hlavicka_modul_uzivatel2 a:hover { background: none; color: var(--mvx-pink); }
div.hlavicka_modul_uzivatel2 ul { gap: 14px; }
div#hlavicka div.hlavicka_modul_uzivatel2, div#hlavicka div.hlavicka_modul_uzivatel2 ul, div#hlavicka div.hlavicka_modul_uzivatel2 li, div#hlavicka div.hlavicka_modul_uzivatel2 a { width: auto; min-width: 0; max-width: none; flex: none; white-space: nowrap; }

/* kosik: "Kosik ........ 275 Kc" + progress bar + text */
.mvx-cart { position: relative; min-width: 240px; }
div.hlavicka_modul_obsah_kosiku3 a { height: auto; padding: 0; border-radius: 0; background: none; color: var(--mvx-ink); display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font-size: 14px; font-weight: 700; }
div.hlavicka_modul_obsah_kosiku3 a:hover { background: none; color: var(--mvx-ink); }
div.hlavicka_modul_obsah_kosiku3 a:before { content: var(--mvx-t-kosik, "Košík"); display: inline; width: auto; height: auto; background: none; -webkit-mask: none; mask: none; font-size: 14px; color: inherit; text-transform: capitalize; }
div#hlavicka div.hlavicka_modul_obsah_kosiku3 { width: auto; }
span.kosik_cena_s_dph { color: var(--mvx-ink); font-size: 14px; font-weight: 800; }
@media (min-width: 769px) { div#hlavicka span.kosik_cena_s_dph { display: inline; } }
.mvx-cart__badge { display: none; }

.tpl-burger-icon { display: none; color: var(--mvx-ink); }

/* ============ 4) NAVIGACE + MOBILNI CHIPS ============ */
.tpl-category-menu.mvx-nav { display: block; max-width: none; margin: 0; padding: 0; border: 0; border-top: 1px solid var(--mvx-line); box-shadow: none; background: #fff; }
.mvx-nav div#slide_menu_kategorie { height: 46px; padding: 0 var(--mvx-gutter); gap: 32px; max-width: var(--tpl-max-width); box-sizing: border-box; background: #fff; }
.mvx-nav div.slide_menu a.slide_menu,
.mvx-nav div#slide_menu_kategorie div.slide_menu:first-child a.slide_menu { height: 46px; line-height: 46px; padding: 0; font-size: 14px; font-weight: 600; color: var(--mvx-ink); border-radius: 0; background: none; box-sizing: border-box; }
.mvx-nav div.slide_menu a.slide_menu:after { display: none; }
.mvx-nav div.slide_menu a.slide_menu:hover,
.mvx-nav div.slide_menu a.slide_menu_aktivni,
.mvx-nav div.slide_menu.slide_menu_aktivni > a.slide_menu { background: none; color: var(--mvx-pink); box-shadow: inset 0 -2px var(--mvx-pink); }
.mvx-nav div.mvx-menu-akce a.slide_menu { color: var(--mvx-pink); }
.mvx-nav a.mvx-nav__login { display: none; }

/* rozbalovaci podmenu */
.mvx-nav div.slide_podmenu { min-width: 260px; max-width: 520px; padding: 10px; border: 1px solid var(--mvx-line); border-top: 0; border-radius: 0 0 var(--mvx-radius) var(--mvx-radius); box-shadow: 0 12px 30px -12px rgba(0, 0, 0, .25); }
.mvx-nav div.slide_podmenu ul { margin: 0; padding: 0; list-style: none; columns: 1; }
.mvx-nav div.slide_podmenu ul li a { display: block; padding: 8px 12px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--mvx-ink); text-decoration: none; }
.mvx-nav div.slide_podmenu ul li a:hover { background: var(--mvx-surface); color: var(--mvx-pink); }

.mvx-dz-mobil, .mvx-chips { display: none; }

@media (max-width: 768px) {
    div#hlavicka.mvx-hlavicka { position: sticky; top: 0; z-index: 60; }
    .mvx-topbar { display: none; }
    div#hlavicka_obsah { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 8px 12px; padding: 8px 16px; }
    div#hlavicka .tpl-header-right { display: contents; }
    .tpl-header-logo { grid-column: 2; grid-row: 1; justify-self: center; }
    .tpl-header-logo img { height: 38px; }
    .tpl-burger-icon { display: flex; grid-column: 1; grid-row: 1; justify-self: start; width: 32px; height: 32px; padding: 0; }
    .tpl-burger-icon:hover { background: none; }
    .mvx-cart { grid-column: 3; grid-row: 1; min-width: 0; padding-right: 14px; }
    div.hlavicka_modul_obsah_kosiku3 a { font-size: 14px; min-height: 40px; align-items: center; }
    div.hlavicka_modul_obsah_kosiku3 span.kosik_cena_s_dph { display: none; }
    .mvx-cart__badge { display: inline-flex; position: absolute; top: -8px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; align-items: center; justify-content: center; border-radius: 999px; background: var(--mvx-pink); color: #fff; font-size: 11px; font-weight: 700; line-height: 1; }
    .mvx-cart__badge[hidden] { display: none; }
    div.hlavicka_modul_uzivatel2, div.hlavicka_modul_uzivatel { display: none !important; }
    .tpl-header-search { grid-column: 1 / -1; grid-row: 2; }
    #hlavicka_fulltext_form { height: 40px; }
    #fulltext_text { font-size: 14px; }
    .mvx-hlavicka .mvx-dz--hlava { display: none; }
    .mvx-dz-mobil { display: block; }
    .mvx-dz-mobil:empty { display: none; }

    .tpl-category-menu.mvx-nav { display: none; }
    .tpl-menu-toggle-input:checked ~ div#hlavicka .tpl-category-menu.mvx-nav { display: block; }
    .mvx-nav div#slide_menu_kategorie { height: auto; flex-direction: column; gap: 0; padding: 0; }
    .mvx-nav div.slide_menu a.slide_menu,
    .mvx-nav div#slide_menu_kategorie div.slide_menu:first-child a.slide_menu { height: auto; line-height: 1.4; width: 100%; padding: 14px var(--mvx-gutter); border-bottom: 1px solid var(--mvx-line); }
    .mvx-nav a.mvx-nav__login { display: block; padding: 14px var(--mvx-gutter); font-size: 14px; font-weight: 600; color: var(--mvx-ink); text-decoration: none; }

    .mvx-chips { display: flex; gap: 8px; overflow-x: auto; padding: 12px 16px 4px; scrollbar-width: none; }
    .mvx-chips::-webkit-scrollbar { display: none; }
    .mvx-chip { flex: none; padding: 8px 14px; border-radius: 999px; background: var(--mvx-surface); color: var(--mvx-ink); font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
    .mvx-chip--akce { background: var(--mvx-pink-bg); color: var(--mvx-pink); }
    body.sekce_kategorie .mvx-chips, body.sekce_detail .mvx-chips, body.sekce_kosik .mvx-chips, body.sekce_objednavka .mvx-chips { display: none; }
}

/* kosik / objednavka: zjednodusena hlavicka */
.mvx-hlavicka--checkout .mvx-topbar__in { justify-content: flex-start; }
.mvx-hlavicka--checkout div#hlavicka_obsah { justify-content: space-between; }
.mvx-hlavicka--checkout .tpl-header-logo { margin-right: auto; }
.mvx-hlavicka--checkout .mvx-cart { min-width: 0; }
.mvx-hlavicka--checkout .mvx-chips, .mvx-hlavicka--checkout .mvx-dz-mobil { display: none; }

/* ============ 5) PROGRESS BAR DOPRAVY ZDARMA ============ */
.mvx-dz { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.mvx-dz__track { order: 1; display: block; height: 6px; border-radius: 999px; background: var(--mvx-surface-2); overflow: hidden; }
.mvx-dz__fill { display: block; height: 100%; border-radius: 999px; background: var(--mvx-pink); transition: width .4s; }
.mvx-dz__text { order: 2; font-size: 12px; font-weight: 500; color: var(--mvx-muted); }
.mvx-dz.is-zdarma .mvx-dz__fill { background: var(--mvx-green); }
.mvx-dz.is-zdarma .mvx-dz__text { color: var(--mvx-green); font-weight: 600; }
.mvx-dz-mobil .mvx-dz { margin: 0; padding: 8px 16px; background: var(--mvx-green-bg-2); gap: 4px; }
.mvx-dz-mobil .mvx-dz__track { height: 5px; background: var(--mvx-green-track); }
.mvx-dz-mobil .mvx-dz__text { font-size: 12px; font-weight: 600; color: var(--mvx-green); }
.mvx-dz-mobil .mvx-dz__fill { background: var(--mvx-green); }

/* ============ 8) PATICKA ============ */
#banner_bottom { display: none; }
div#bottom, div#bottom footer { background: var(--mvx-bg-soft); }
div#bottom { border-top: 1px solid var(--mvx-line); margin-top: 48px; }
div#in_bottom { max-width: var(--tpl-max-width); margin: 0 auto; padding: 0 var(--mvx-gutter); box-sizing: border-box; }
.mvx-foot { color: var(--mvx-muted); font-size: 14px; line-height: 1.55; }
.mvx-foot__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; padding: 40px 0 32px; }
.mvx-foot__brand img { display: block; height: 44px; width: auto; }
.mvx-foot__brand p { margin: 12px 0 8px; max-width: 320px; }
.mvx-foot__heureka { display: inline-block; color: var(--mvx-green); font-weight: 600; text-decoration: none; }
.mvx-foot__heureka:before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--mvx-green); vertical-align: 1px; }
.mvx-foot__heureka:hover { color: var(--mvx-green); text-decoration: underline; }
.mvx-foot__title { margin-bottom: 10px; font-weight: 700; color: var(--mvx-ink); }
.mvx-foot__col a { display: block; margin-bottom: 10px; color: var(--mvx-muted); text-decoration: none; }
.mvx-foot__col a:hover { color: var(--mvx-pink); text-decoration: none; }
.mvx-foot__col a.mvx-foot__strong { margin-bottom: 0; color: var(--mvx-ink); font-weight: 700; }
.mvx-foot__sub { display: block; margin-bottom: 10px; font-size: 13px; }
.mvx-foot__news { padding: 0 0 24px; font-size: 13px; }
.mvx-foot__news .paticka_nadpis { margin-bottom: 8px; font-weight: 700; color: var(--mvx-ink); font-size: 14px; }
.mvx-foot__news input[type="text"], .mvx-foot__news input[type="email"] { height: 40px; padding: 0 12px; border: 1.5px solid var(--mvx-line); border-radius: var(--mvx-radius-s); font: inherit; background: #fff; }
.mvx-foot__news input[type="submit"], .mvx-foot__news .button { height: 40px; padding: 0 18px; border: 0; border-radius: var(--mvx-radius-s); background: var(--mvx-ink); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.mvx-foot__news input[type="submit"]:hover, .mvx-foot__news .button:hover { background: var(--mvx-pink); }
.mvx-foot__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; padding: 16px 0 20px; border-top: 1px solid var(--mvx-line); font-size: 12px; }
.mvx-foot__bottom a { color: var(--mvx-muted); }
.mvx-foot__bottom a:hover { color: var(--mvx-pink); }
.mvx-foot__legal { display: flex; gap: 20px; flex-wrap: wrap; }

@media (max-width: 1000px) {
    .mvx-foot__grid { grid-template-columns: 1fr 1fr; }
    .mvx-foot__brand { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
    div#bottom { margin-top: 24px; }
    .mvx-foot { font-size: 13px; }
    .mvx-foot__grid { grid-template-columns: 1fr; gap: 14px; padding: 24px 0 16px; }
    .mvx-foot__brand img, .mvx-foot__heureka { display: none; }
    .mvx-foot__brand p { margin: 0; }
    .mvx-foot__col .mvx-foot__title { display: none; }
    .mvx-foot__col:nth-child(2) { display: flex; flex-wrap: wrap; gap: 4px 16px; }
    .mvx-foot__col:nth-child(3) { display: none; }
    .mvx-foot__col a { margin-bottom: 0; padding: 9px 0; }
    .mvx-foot__bottom a { display: inline-block; padding: 9px 0; }
    .mvx-foot__col a.mvx-foot__strong { padding: 9px 0; }
    .mvx-foot__bottom { flex-direction: column; align-items: flex-start; }
}

/* ============ 10) KOSIK A OBJEDNAVKA - ZJEDNODUSENY REZIM ============ */
body.sekce_kosik #hlavni_menu, body.sekce_objednavka #hlavni_menu { display: none; }
/* kosik: pole mnozstvi (inline width 60px) oriznute "0,5" -> sirsi, bez spinneru */
div.tlacitka-pocet input.input_text[name^="upravit_pocet"] { box-sizing: border-box; width: 76px !important; padding: 0 6px; text-align: center; -moz-appearance: textfield; }
div.tlacitka-pocet input.input_text[name^="upravit_pocet"]::-webkit-outer-spin-button, div.tlacitka-pocet input.input_text[name^="upravit_pocet"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* ============ 6) KARTA PRODUKTU (vypis, novinky, souvisejici) ============ */
/* foto ctvercove, bez ramecku a stinu; dostupnost jako pill na foto vpravo dole; cena + jednotka; tlacitko */
div#in_body div.polozka { position: relative; display: grid; grid-template-columns: 1fr; grid-template-areas: "foto" "nazev" "cena" "odkaz"; grid-template-rows: auto auto 1fr auto; align-content: start; gap: 0; width: auto; max-width: none; min-width: 0; height: auto; margin: 0; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; transform: none; }
div#in_body div.polozka:hover { box-shadow: none; transform: none; border: 0; }
div#in_body div.polozka .polozka_foto { grid-area: foto; position: relative; width: 100%; max-width: none; height: auto; aspect-ratio: 1; padding: 0; margin: 0; border-radius: var(--mvx-radius-l); background: var(--mvx-surface); overflow: hidden; box-sizing: border-box; }
div#in_body div.polozka .polozka_foto img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; object-fit: cover; cursor: pointer; }
div#in_body div.polozka .polozka_foto img.polozka_foto_2 { display: none; }
div#in_body div.polozka:hover .polozka_foto img.polozka_foto_2 { display: block; animation: mvxFade .25s ease; }
@keyframes mvxFade { from { opacity: 0; } to { opacity: 1; } }
@media (hover: none) { div#in_body div.polozka:hover .polozka_foto img.polozka_foto_2 { display: none; } }
div#in_body div.polozka .polozka_icons { display: none; }
div#in_body div.polozka .polozka_nazev { grid-area: nazev; height: auto; min-height: 0; margin: 0; padding: 12px 0 0; }
div#in_body div.polozka .polozka_nazev a { display: block; height: auto; min-height: 0; font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--mvx-ink); text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
div#in_body div.polozka .polozka_nazev a:hover { color: var(--mvx-pink); }
div#in_body div.polozka .polozka_popis { display: contents; }
div#in_body div.polozka .polozka_popis > *:not(.dostupnost) { display: none; }
div#in_body div.polozka .polozka_popis > span.dostupnost { grid-area: foto; align-self: end; justify-self: end; z-index: 3; margin: 0 8px 8px 0; padding: 5px 9px; border-radius: 999px; background: rgba(255, 255, 255, .95); font-size: 0; line-height: 1.2; white-space: nowrap; }
div#in_body div.polozka .polozka_popis > span.dostupnost > span { font-size: 12px; font-weight: 600; color: var(--mvx-muted); background: none; padding: 0; }
div#in_body div.polozka .polozka_popis > span.dostupnost > span:before { display: none; }
div#in_body div.polozka .polozka_popis > span.dostupnost > span.dostupnost-stav-ok { color: var(--mvx-green); }
div#in_body div.polozka .polozka_cena { grid-area: cena; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; height: auto; min-height: 0; margin: 0; padding: 4px 0 0; background: none; border: 0; }
div#in_body div.polozka .polozka_cena table.ceny { width: auto; margin: 0; border: 0; border-collapse: collapse; }
div#in_body div.polozka .polozka_cena table.ceny, div#in_body div.polozka .polozka_cena table.ceny tbody { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 8px; }
div#in_body div.polozka .polozka_cena table.ceny tr { display: flex; align-items: baseline; }
div#in_body div.polozka .polozka_cena tr.cena_bez_dph, div#in_body div.polozka .polozka_cena tr.cena_sleva { display: none; }
div#in_body div.polozka .polozka_cena td { padding: 0; border: 0; text-align: left; font-size: 13px; color: var(--mvx-muted); }
div#in_body div.polozka .polozka_cena tr.cena_s_dph td:first-child { display: none; }
div#in_body div.polozka .polozka_cena.mvx-od tr.cena_s_dph td:last-child:before { content: var(--mvx-t-od, "od") " "; font-size: 13px; font-weight: 500; color: var(--mvx-muted); }
div#in_body div.polozka .polozka_cena tr.cena_s_dph strong { font-size: 17px; font-weight: 800; color: var(--mvx-ink); white-space: nowrap; }
div#in_body div.polozka .polozka_cena tr.cena_puvodni { order: 2; }
div#in_body div.polozka .polozka_cena tr.cena_puvodni td:first-child { display: none; }
div#in_body div.polozka .polozka_cena tr.cena_puvodni td { text-decoration: line-through; }
div#in_body div.polozka .polozka_cena table.polozka_zbozi_tabulka_ceny { display: none; }
div#in_body div.polozka .mvx-jednotka { flex: none; font-size: 13px; color: var(--mvx-muted); white-space: nowrap; }
div#in_body div.polozka .polozka_odkaz { grid-area: odkaz; padding: 10px 0 0; }
div#in_body div.polozka .polozka_odkaz form { margin: 0; }
div#in_body div.polozka .polozka_koupit { display: block; }
div#in_body div.polozka .polozka_koupit input[type="number"], div#in_body div.polozka .polozka_koupit select, div#in_body div.polozka .polozka_koupit .jednotka, div#in_body div.polozka .polozka_poznamka { display: none; }
div#in_body div.polozka .polozka_odkaz a.mvx-vybrat,
div#in_body div.polozka .polozka_odkaz input[type="submit"],
div#in_body div.polozka .polozka_odkaz .button { display: block; width: 100%; height: 40px; box-sizing: border-box; padding: 0 12px; border: 1.5px solid var(--mvx-ink); border-radius: var(--mvx-radius-s); background: #fff; color: var(--mvx-ink); font: inherit; font-size: 14px; font-weight: 700; line-height: 37px; text-align: center; text-decoration: none; cursor: pointer; transition: background .15s, color .15s; }
div#in_body div.polozka .polozka_odkaz a.mvx-vybrat:hover,
div#in_body div.polozka .polozka_odkaz input[type="submit"]:hover { background: var(--mvx-ink); color: #fff; }
div#in_body div.polozka .polozka_odkaz .seznam_variant { display: none; }

/* badge: sleva ruzova, novinka zelena (pill), ostatni jadrove prepsat na pill */
div#in_body span.polozka_priznaky { top: 10px; left: 10px; flex-direction: row; flex-wrap: wrap; gap: 6px; }
div#in_body span.polozka_priznaky > span { padding: 4px 10px !important; border-radius: 999px !important; letter-spacing: 0 !important; text-transform: none !important; }
div#in_body span.polozka_priznaky > span::after { font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0 !important; }
div#in_body span.polozka_priznaky .mvx-badge-sleva { display: block; padding: 4px 10px; border-radius: 999px; background: var(--mvx-pink); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
div#in_body span.polozka_priznaky span[class^="polozka_akce"],
div#in_body span.polozka_priznaky span[class^="polozka_nejprodavanejsi"],
div#in_body span.polozka_priznaky span[class^="polozka_doprava_zdarma"],
div#in_body span.polozka_priznaky span[class^="polozka_gift"] { display: none !important; }
div#in_body span.polozka_priznaky span[class^="polozka_novinka"] { background: var(--mvx-green) !important; }

@media (max-width: 768px) {
    div#in_body div.polozka .polozka_nazev { padding-top: 8px; }
    div#in_body div.polozka .polozka_nazev a { font-size: 13px; }
    div#in_body div.polozka .polozka_foto { border-radius: var(--mvx-radius); }
    div#in_body div.polozka .polozka_cena tr.cena_s_dph strong { font-size: 15px; }
    div#in_body div.polozka .polozka_cena { flex-wrap: wrap; }
    div#in_body div.polozka .mvx-jednotka { font-size: 11px; }
    div#in_body div.polozka .polozka_odkaz a.mvx-vybrat, div#in_body div.polozka .polozka_odkaz input[type="submit"] { height: 36px; line-height: 33px; border-radius: 9px; font-size: 13px; }
    div#in_body div.polozka .polozka_popis > span.dostupnost > span { font-size: 11px; }
}

/* ============ 11b) MOCKUPY - nenactene obrazky se schovaji (viz hlavicka.latte) ============ */
.mvx-mock-err { display: none !important; }
img.mockup_image.mvx-img-err { display: none; }

/* Poznamka k objednavce v kosiku: systemova sablona (css/sekce/kosik.css) ji skryva, obchod ji potrebuje -> zobrazit. */
html body.sekce_kosik div.poznamka_k_objednavce { display: block !important; max-width: 560px; margin: 20px 0 0; text-align: left; }
html body.sekce_kosik div.poznamka_k_objednavce > div { font-size: 13px; font-weight: 600; color: var(--mvx-muted); margin: 0 0 6px; }
html body.sekce_kosik div.poznamka_k_objednavce textarea#poznamka_k_objednavce {
    display: block; width: 100%; box-sizing: border-box; min-height: 84px; padding: 10px 12px; resize: vertical;
    font: inherit; font-size: 14px; color: var(--mvx-ink); background: #fff;
    border: 1.5px solid var(--mvx-line); border-radius: var(--mvx-radius);
}
html body.sekce_kosik div.poznamka_k_objednavce textarea#poznamka_k_objednavce:focus { outline: 2px solid var(--mvx-ink); outline-offset: 1px; }

/* Prihlaseny zakaznik v hlavicce: JS systemove sablony prestavi modul uzivatel2 na .tpl-acc (tlacitko + panel), styl pro nej
   v teto sablone chybi -> nativni seda tlacitka pod sebou. Jedna rada: jmeno/kod + textovy odkaz "Odhlasit se". Mobil: v burger menu. */
div#hlavicka .tpl-acc { display: flex; align-items: center; flex: 0 0 auto; }
div#hlavicka .tpl-acc-trigger, div#hlavicka .tpl-acc-ico, div#hlavicka .tpl-acc-caret { display: none !important; }
div#hlavicka .tpl-acc-panel { display: flex !important; align-items: center; gap: 12px; position: static; padding: 0; margin: 0; border: 0; background: none; box-shadow: none; flex: 0 0 auto; }
div#hlavicka .tpl-acc-item { flex: 0 0 auto; width: auto !important; height: auto !important; white-space: nowrap; font-size: 14px; font-weight: 600; color: var(--mvx-ink); text-decoration: none; }
div#hlavicka .tpl-acc-item:first-child { display: block !important; max-width: 200px; overflow: hidden; text-overflow: ellipsis; text-align: left; }
div#hlavicka a.tpl-acc-logout { padding: 4px 2px; border: 0 !important; border-radius: 0; background: none !important; font-size: 13px; font-weight: 500; color: var(--mvx-muted); text-decoration: underline; }
div#hlavicka a.tpl-acc-logout:hover { color: var(--mvx-pink); background: none; }
@media (max-width: 768px) { div#hlavicka .tpl-acc { display: none !important; } }