/**
 * Sablona 2026-007 Domov - hlavicka (hlavicka.latte, ANALYZA kap. 2.1-2.4, artboardy 01, 06.1, 06.2, 06.4).
 * Linkuje ji komponenta hlavicka (komponenty.json). Jen tokeny var(--tpl-...), bez !important.
 *   lista 40 · topbar 36 · hlavni radek 88 (sticky 64) · menu 52 · mega menu s fotkami · mobil 56 + hledani 44 · drawer
 */

/* jadrove prvky, ktere Domov nahrazuje vlastnim markupem */
body div#hlavni_menu { display: none; }
.tpl-menu-toggle-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
#hlavicka.dm-hd { position: relative; z-index: 60; background: var(--tpl-header-bg); color: var(--tpl-header-text); font-family: var(--tpl-font); }
#hlavicka.dm-hd [hidden] { display: none; }
.dm-wrap { width: 100%; max-width: calc(var(--tpl-max-width) + 2 * var(--tpl-gutter)); margin: 0 auto; padding: 0 var(--tpl-gutter); box-sizing: border-box; }

/* --- oznamovaci lista 40 px na secondary (slot_oznameni, --tpl-annbar-*) --- */
#hlavicka.dm-hd .tpl-oznameni { min-height: 40px; font-size: 14px; }
#hlavicka.dm-hd .tpl-oznameni-in { min-height: 40px; }
#hlavicka.dm-hd .tpl-oznameni a.tpl-oznameni-text { color: var(--tpl-annbar-text); text-decoration: underline; text-underline-offset: 3px; }
#hlavicka.dm-hd .tpl-oznameni-zavrit { width: 40px; height: 40px; color: var(--tpl-annbar-text); }
@media (max-width: 768px) {
    #hlavicka.dm-hd .tpl-oznameni-in { min-height: 44px; padding-top: 0; padding-bottom: 0; padding-right: 44px; }
    #hlavicka.dm-hd .tpl-oznameni a.tpl-oznameni-text { display: inline-flex; align-items: center; min-height: 44px; }
    #hlavicka.dm-hd .tpl-oznameni-zavrit { right: 0; width: 44px; height: 44px; }
}

/* --- topbar 36 px --- */
.dm-topbar { background: var(--tpl-topbar-bg); color: var(--tpl-topbar-text); font-size: 13px; border-bottom: 1px solid var(--tpl-hd-line); }
.dm-topbar-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 36px; }
.dm-tb { display: flex; align-items: center; gap: 28px; margin: 0; padding: 0; list-style: none; min-width: 0; }
.dm-tb-i { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.dm-tb-r { display: flex; align-items: center; gap: 18px; flex: none; }
.dm-tb-tel { display: inline-flex; align-items: center; gap: 6px; color: var(--tpl-topbar-text); text-decoration: none; white-space: nowrap; }
.dm-tb-tel:hover { color: var(--tpl-topbar-text); text-decoration: underline; }
/* jazyk / mena (J-A8 dropdown) */
.dm-topbar .tpl-jazyk-mena { gap: 4px; font-size: 13px; color: var(--tpl-topbar-text); }
.dm-topbar .tpl-jm-tlacitko { display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 8px; border-radius: var(--tpl-radius); color: inherit; cursor: pointer; list-style: none; }
.dm-topbar .tpl-jm-skupina[open] .tpl-jm-tlacitko { background: var(--tpl-surface); color: var(--tpl-text); box-shadow: inset 0 0 0 1px var(--tpl-border); }
.tpl-jm-panel { padding: 6px; min-width: 180px; background: var(--tpl-surface); color: var(--tpl-text); border-radius: var(--tpl-area-radius); box-shadow: var(--tpl-shadow-pop); }
.tpl-jm-polozka { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: var(--tpl-radius); font-size: 14px; color: var(--tpl-text); }
.tpl-jm-polozka:hover, .tpl-jm-polozka:focus-visible { background: var(--tpl-body-bg); color: var(--tpl-text); text-decoration: none; }
.tpl-jm-polozka--aktivni { background: var(--tpl-body-bg); font-weight: 700; }
.tpl-jm-polozka--aktivni::after { margin-left: auto; color: var(--tpl-primary); }

/* --- hlavni radek 88 px --- */
.dm-hd-pruh { background: var(--tpl-header-bg); color: var(--tpl-header-text); }
.dm-hd-main { display: flex; align-items: center; gap: 40px; height: 88px; }
.dm-hd-burger, .dm-hd-kategorie { display: none; }
.dm-logo { flex: none; display: inline-flex; align-items: center; gap: 12px; max-width: 220px; min-height: 44px; color: var(--tpl-header-text); text-decoration: none; white-space: nowrap; }
.dm-logo:hover { color: var(--tpl-header-text); text-decoration: none; }
.dm-logo img { display: block; max-width: 220px; max-height: 56px; width: auto; height: auto; }
.dm-logo--text { max-width: 340px; color: var(--tpl-primary); }
.dm-hd--tmava .dm-logo--text { color: var(--tpl-header-text); }
.dm-logo-znak { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: none; border: 2px solid currentColor; border-radius: 50%; font: 700 14px/1 var(--tpl-font); letter-spacing: .02em; }
.dm-logo-t { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; }
.dm-logo-n { font: 700 21px/1.1 var(--tpl-font); letter-spacing: .08em; overflow: hidden; text-overflow: ellipsis; }
.dm-logo-s { margin-top: 3px; font-size: 12px; letter-spacing: .02em; color: var(--tpl-text-light); overflow: hidden; text-overflow: ellipsis; }
.dm-hd--tmava .dm-logo-s { color: var(--tpl-topbar-text); }

/* hledani 560 x 48 s tlacitkem "Hledat" (slot_search rezim 'pole' = modul fulltextu jadra) */
.dm-hd-search { flex: 0 1 560px; min-width: 0; }
.dm-hd-search .tpl-header-search { width: 100%; margin: 0; padding: 0; }
.dm-hd-search form#hlavicka_fulltext_form {
    position: relative; display: flex; align-items: center; gap: 10px; width: 100%; height: 48px; margin: 0; padding: 0 5px 0 46px;
    border: 1px solid var(--tpl-search-border); border-radius: var(--tpl-radius); background: var(--tpl-search-bg); box-sizing: border-box;
}
.dm-hd-search form#hlavicka_fulltext_form::before {
    content: ''; position: absolute; left: 16px; top: 50%; width: 20px; height: 20px; margin-top: -10px; pointer-events: none;
    background: var(--tpl-search-text);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.dm-hd-search input#fulltext_text {
    flex: 1 1 auto; min-width: 0; width: 100%; height: 100%; margin: 0; padding: 0;
    border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none;
    color: var(--tpl-text); font: 400 15px/1 var(--tpl-font);
}
.dm-hd input#fulltext_text { color: var(--tpl-search-ink, var(--tpl-text)); }
.dm-hd-search input#fulltext_text::placeholder { color: var(--tpl-search-text); opacity: 1; }
.dm-hd-search form#hlavicka_fulltext_form input[type="submit"] {
    flex: none; width: auto; height: 38px; margin: 0; padding: 0 16px; border: 0; border-radius: var(--tpl-radius); cursor: pointer;
    background: var(--tpl-search-btn); color: var(--tpl-search-btn-text); font: 500 14px/1 var(--tpl-font); background-image: none;
}
.dm-hd-search form#hlavicka_fulltext_form input[type="submit"]:hover { filter: brightness(.92); }
.dm-hd-search form#hlavicka_fulltext_form:focus-within { border-color: var(--tpl-primary); box-shadow: 0 0 0 1px var(--tpl-primary); }
.dm-hd--tmava .dm-hd-search form#hlavicka_fulltext_form:focus-within { border-color: var(--tpl-search-btn); box-shadow: 0 0 0 1px var(--tpl-search-btn); }

/* ikony s popiskem pod ikonou: Oblibene (n), Ucet, Kosik (n + castka, ikona v --tpl-header-cart) */
.dm-hd-ikony { display: flex; align-items: center; gap: 4px; margin-left: auto; flex: none; }
.dm-hi {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    min-width: 72px; height: 64px; padding: 0 6px; border-radius: var(--tpl-radius);
    color: var(--tpl-header-text); font-size: 12px; line-height: 1.2; text-decoration: none; white-space: nowrap;
}
a.dm-hi:hover { color: var(--tpl-menu-hover-text); text-decoration: none; }
.dm-hi--kosik > .dm-ico { color: var(--tpl-header-cart); }
.dm-hi-t--kosik { font-weight: 700; font-variant-numeric: tabular-nums; }
.dm-hi-t { display: block; }
.dm-hi-t::first-letter { text-transform: uppercase; }
.dm-badge {
    position: absolute; top: 2px; left: calc(50% + 4px); min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box;
    border-radius: 9px; background: var(--tpl-hd-badge-bg); color: var(--tpl-hd-badge-text);
    font: 700 11px/18px var(--tpl-font); text-align: center;
}
.dm-badge--kosik { background: var(--tpl-cta); color: var(--tpl-cta-text); box-shadow: 0 0 0 1px var(--tpl-header-bg); }

/* --- menu 52 px, oddelene linkami --- */
.dm-nav { position: relative; background: var(--tpl-nav-bg); color: var(--tpl-nav-text); border-top: 1px solid var(--tpl-hd-line); border-bottom: 1px solid var(--tpl-hd-line); }
.dm-nav-in { display: flex; align-items: center; gap: 2px; height: 52px; }
.dm-nav-ul { display: flex; align-items: center; gap: 2px; min-width: 0; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.dm-nav-a { display: flex; align-items: center; height: 52px; padding: 0 12px; font-size: 15px; font-weight: 500; color: var(--tpl-nav-text); white-space: nowrap; text-decoration: none; border-bottom: 2px solid transparent; box-sizing: border-box; }
.dm-nav-a:hover, .dm-nav-a--on, .dm-nav-a[aria-expanded="true"] { color: var(--tpl-menu-hover-text); border-bottom-color: currentColor; text-decoration: none; }
.dm-nav-sp { flex: 1 1 auto; }
a.dm-nav-akcent, .dm-nav-a.dm-nav-akcent { height: 30px; margin-left: 6px; padding: 0 12px; border: 0; border-radius: var(--tpl-label-radius); background: var(--tpl-accent); color: var(--tpl-accent-text); display: inline-flex; align-items: center; font-weight: 500; text-decoration: none; }
a.dm-nav-akcent:hover { color: var(--tpl-accent-text); background: color-mix(in srgb, var(--tpl-accent) 88%, #000); text-decoration: none; }

/* --- mega menu s fotkami (06.2) --- */
.dm-mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 65; }
.dm-mega-in {
    display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 360px; max-height: calc(100vh - 240px);
    background: var(--tpl-surface); color: var(--tpl-text); border-radius: 0 0 var(--tpl-area-radius) var(--tpl-area-radius);
    box-shadow: var(--tpl-shadow-pop); overflow: hidden;
}
.dm-mega-l1 { margin: 0; padding: 16px 0; list-style: none; background: var(--tpl-body-bg); overflow-y: auto; }
.dm-mega-l1-a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 20px; font-size: 15px; font-weight: 500; color: var(--tpl-text); text-decoration: none; }
.dm-mega-l1-a .dm-ico { margin-left: auto; color: var(--tpl-text-light); }
.dm-mega-l1-a:hover, .dm-mega-l1-a.is-on { background: var(--tpl-surface); color: var(--tpl-primary); text-decoration: none; box-shadow: inset 2px 0 0 var(--tpl-primary); }
.dm-mega-panel { display: none; gap: 24px; padding: 32px; align-items: start; overflow-y: auto; }
.dm-mega-panel.is-on { display: grid; grid-template-columns: 200px 180px minmax(0, 1fr); }
.dm-mega-panel.is-on.dm-mega-panel--banner { grid-template-columns: 200px 180px minmax(0, 1fr) 180px; }
.dm-mega-h { margin: 0 0 10px; font: 700 13px/1.3 var(--tpl-font); letter-spacing: .06em; text-transform: uppercase; color: var(--tpl-text-light); }
.dm-mega-seznam { margin: 0; padding: 0; list-style: none; }
.dm-mega-seznam a { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 36px; font-size: 16px; color: var(--tpl-text); text-decoration: none; }
.dm-mega-seznam a:hover { color: var(--tpl-primary); text-decoration: underline; text-underline-offset: 3px; }
.dm-mega-seznam small { font-size: 13px; color: var(--tpl-text-light); }
.dm-mega-vse { display: inline-flex; margin-top: 10px; font-size: 15px; font-weight: 500; color: var(--tpl-link); text-decoration: underline; text-underline-offset: 4px; }
.dm-mega-dlazdice { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.dm-mega-t { display: flex; flex-direction: column; gap: 4px; color: var(--tpl-text); text-decoration: none; }
.dm-mega-t:hover { color: var(--tpl-text); text-decoration: none; }
.dm-mega-t:hover .dm-mega-t-n { text-decoration: underline; text-underline-offset: 3px; }
.dm-mega-t-foto { display: block; aspect-ratio: 4 / 3; border-radius: var(--tpl-thumb-radius); background: var(--tpl-surface-2); overflow: hidden; margin-bottom: 6px; }
.dm-mega-t-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dm-mega-t-n { font-weight: 500; font-size: 15px; }
.dm-mega-t small { font-size: 13px; color: var(--tpl-text-light); }
.dm-mega-banner { position: relative; display: block; aspect-ratio: 3 / 4; border-radius: var(--tpl-thumb-radius); overflow: hidden; background: var(--tpl-surface-2); color: var(--tpl-text); text-decoration: none; }
.dm-mega-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dm-mega-banner span { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px; background: var(--tpl-body-bg); font-weight: 500; }

/* --- drawer (mobil) --- */
.dm-drawer, .dm-drawer-overlay { display: none; }

/* --- sticky hlavicka (hd_sticky = ano; jadro pridava body.tpl-hd-sticky po 120 px a tpl-hd-nahoru pri scrollu nahoru) --- */
#hlavicka.dm-hd { min-height: var(--dm-hd-h, auto); }
body.tpl-hd-sticky #hlavicka.dm-hd .dm-hd-pruh {
    position: fixed; top: 0; left: 0; right: 0; z-index: 80; box-shadow: var(--tpl-shadow-hover); border-bottom: 1px solid var(--tpl-hd-line);
}
@media (min-width: 1025px) {
    body.tpl-hd-sticky .dm-hd-main { height: 64px; gap: 24px; }
    body.tpl-hd-sticky .dm-logo img { max-height: 36px; }
    body.tpl-hd-sticky .dm-logo-znak { width: 36px; height: 36px; font-size: 12px; }
    body.tpl-hd-sticky .dm-logo-s { display: none; }
    body.tpl-hd-sticky .dm-hd-search { flex-basis: 480px; }
    body.tpl-hd-sticky .dm-hd-search form#hlavicka_fulltext_form { height: 44px; }
    body.tpl-hd-sticky .dm-hi-t { display: none; }
    body.tpl-hd-sticky .dm-hi { height: 48px; min-width: 48px; }
    body.tpl-hd-sticky .dm-hd-kategorie {
        display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; flex: none; order: -1;
        border: 0; border-radius: var(--tpl-radius); background: var(--tpl-primary-fill); color: var(--tpl-primary-text);
        font: 500 15px/1 var(--tpl-font); cursor: pointer;
    }
    body.tpl-hd-sticky .dm-mega { position: fixed; top: 64px; z-index: 79; }
}

/* ---------------- tablet ≤ 1240 / 1024 px ---------------- */
@media (max-width: 1240px) {
    .dm-hd-main { gap: 20px; }
    .dm-hd-search { flex: 1 1 auto; }
    .dm-hi { min-width: 60px; }
    .dm-tb { gap: 18px; }
    .dm-tb-i:nth-child(3) { display: none; }
    .dm-nav-a { padding: 0 9px; font-size: 14px; }
}
@media (max-width: 1024px) {
    .dm-tb-i:nth-child(n+2) { display: none; }
    .dm-nav-ul li:nth-child(n+5) { display: none; }
    .dm-hi-t { display: none; }
    .dm-hi { min-width: 48px; height: 48px; }
    .dm-logo-s { display: none; }
    .dm-mega-panel.is-on, .dm-mega-panel.is-on.dm-mega-panel--banner { grid-template-columns: 200px minmax(0, 1fr); }
    .dm-mega-panel .dm-mega-sl + .dm-mega-sl, .dm-mega-banner { display: none; }
    .dm-mega-dlazdice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------------- mobil ≤ 768 px: radek 56 + hledani 44, drawer ---------------- */
@media (max-width: 768px) {
    .dm-topbar, .dm-nav { display: none; }
    .dm-hd-pruh { border-bottom: 1px solid var(--tpl-hd-line); }
    .dm-hd-main { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "burger logo ikony" "search search search"; gap: 0 4px; height: auto; padding: 6px 8px 10px; }
    .dm-hd-burger { grid-area: burger; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--tpl-radius); color: var(--tpl-header-text); cursor: pointer; }
    .dm-logo { grid-area: logo; min-height: 44px; max-width: 200px; gap: 8px; }
    .dm-logo img { max-width: 140px; max-height: 40px; }
    .dm-logo-znak { width: 32px; height: 32px; font-size: 11px; }
    .dm-logo-n { font-size: 16px; letter-spacing: .06em; }
    .dm-logo-s { display: none; }
    .dm-hd-ikony { grid-area: ikony; gap: 0; }
    .dm-hi--ucet { display: none; }
    .dm-hi { min-width: 44px; height: 44px; padding: 0; }
    .dm-hi-t { display: none; }
    .dm-badge { top: 0; left: auto; right: 0; margin: 0; }
    .dm-hd-search { grid-area: search; flex: none; width: 100%; margin-top: 4px; }
    .dm-hd-search form#hlavicka_fulltext_form { height: 44px; padding-left: 40px; }
    .dm-hd-search form#hlavicka_fulltext_form::before { left: 12px; }
    .dm-hd-search form#hlavicka_fulltext_form input[type="submit"] { height: 34px; padding: 0 12px; }
    /* pri scrollu dolu se hledani skryje, pri scrollu nahoru vrati (J-L8 body.tpl-hd-nahoru) */
    body.tpl-hd-sticky:not(.tpl-hd-nahoru) .dm-hd-search { display: none; }
    body.tpl-hd-sticky:not(.tpl-hd-nahoru) .dm-hd-main { padding-bottom: 6px; }

    /* drawer zleva 100 %, panely po urovnich */
    .dm-drawer {
        display: flex; flex-direction: column; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1001; width: 100%;
        background: var(--tpl-surface); color: var(--tpl-text);
        transform: translateX(-105%); transition: transform .25s ease; visibility: hidden;
    }
    .dm-drawer-overlay { display: block; position: fixed; inset: 0; z-index: 1000; background: var(--tpl-overlay); opacity: 0; pointer-events: none; transition: opacity .25s ease; }
    #tpl-menu-toggle:checked + #hlavicka .dm-drawer,
    #tpl-menu-toggle:checked ~ #hlavicka .dm-drawer { transform: none; visibility: visible; }
    #tpl-menu-toggle:checked + #hlavicka .dm-drawer-overlay,
    #tpl-menu-toggle:checked ~ #hlavicka .dm-drawer-overlay { opacity: 1; pointer-events: auto; }
    .dm-drawer-h { display: flex; align-items: center; gap: 8px; height: 56px; padding: 0 4px 0 16px; border-bottom: 1px solid var(--tpl-line); flex: none; }
    .dm-drawer-h .dm-logo { color: var(--tpl-primary); }
    .dm-mib { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; cursor: pointer; color: var(--tpl-text); }
    .dm-drawer-l { flex: 1 1 auto; overflow-y: auto; }
    .dm-drawer-panel { margin: 0; padding: 0; list-style: none; }
    .dm-dr-i {
        display: flex; align-items: center; gap: 14px; width: 100%; min-height: 60px; padding: 0 16px; margin: 0; box-sizing: border-box;
        border: 0; border-bottom: 1px solid var(--tpl-line); border-radius: 0; background: none;
        font: 500 16px/1.3 var(--tpl-font); color: var(--tpl-text); text-align: left; text-decoration: none; cursor: pointer;
    }
    .dm-dr-i:hover { color: var(--tpl-primary); text-decoration: none; }
    .dm-dr-th { display: block; width: 48px; height: 36px; flex: none; border-radius: var(--tpl-thumb-radius); background: var(--tpl-surface-2); object-fit: cover; }
    .dm-dr-chev { margin-left: auto; color: var(--tpl-text-light); }
    .dm-dr-i small { margin-left: auto; font-weight: 400; font-size: 14px; color: var(--tpl-text-light); }
    .dm-dr-i--sub { min-height: 52px; font-weight: 400; }
    .dm-dr-i--vse { min-height: 52px; color: var(--tpl-link); text-decoration: underline; text-underline-offset: 3px; }
    .dm-dr-zpet { min-height: 52px; background: var(--tpl-body-bg); font-weight: 700; }
    .dm-dr-extra { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--tpl-line); }
    .dm-dr-odkaz { display: inline-flex; align-items: center; min-height: 44px; font-weight: 500; color: var(--tpl-text); }
    .dm-dr-extra .dm-nav-akcent { height: 36px; margin: 0; }
    .dm-drawer-f { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px 16px; border-top: 1px solid var(--tpl-line); background: var(--tpl-body-bg); font-size: 14px; flex: none; }
    .dm-drawer-info { display: flex; align-items: center; gap: 8px; min-height: 32px; margin: 0; color: var(--tpl-text-light); }
    .dm-drawer-f > a { display: flex; align-items: center; gap: 8px; min-height: 44px; color: var(--tpl-text); text-decoration: none; }
    .dm-drawer-lm { margin-top: 6px; }
    .dm-drawer-lm .tpl-jm-segment { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 8px; }
    html.dm-drawer-otevreny { overflow: hidden; }
}
@media (max-width: 360px) {
    .dm-logo-t { display: none; }
}

/* --- kompaktni hlavicka pokladny (hd_checkout_kompaktni, vlastni hlavicka--checkout.latte; navrh 06.1 / 06.4): 72 px na body_bg --- */
#hlavicka.dm-hd-checkout { background: var(--tpl-body-bg); color: var(--tpl-text); border-bottom: 1px solid var(--tpl-line); font-family: var(--tpl-font); }
.dm-hd-checkout-in { display: flex; align-items: center; gap: 32px; min-height: 72px; }
.dm-hd-checkout .dm-logo { color: var(--tpl-primary); }
.dm-hd-checkout .dm-logo img { max-height: 44px; max-width: 180px; }
.dm-kroky { display: flex; align-items: center; gap: 10px; margin: 0 auto; padding: 0; list-style: none; font-size: 14px; }
.dm-krok { display: flex; align-items: center; gap: 8px; color: var(--tpl-text-light); white-space: nowrap; }
.dm-krok a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.dm-krok a:hover { color: var(--tpl-primary); }
.dm-krok-c { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--tpl-border); background: var(--tpl-surface); font-size: 13px; }
.dm-krok--aktivni { color: var(--tpl-text); font-weight: 700; }
.dm-krok--aktivni .dm-krok-c { background: var(--tpl-primary-fill); border-color: var(--tpl-primary-fill); color: var(--tpl-primary-text); }
.dm-krok--hotovo .dm-krok-c { background: var(--tpl-secondary); border-color: var(--tpl-secondary); color: var(--tpl-text); }
.dm-krok-sep { width: 32px; height: 1px; background: var(--tpl-border); }
.dm-hd-checkout-r { display: flex; align-items: center; gap: 20px; flex: none; font-size: 14px; }
.dm-bezpecne { display: inline-flex; align-items: center; gap: 6px; color: var(--tpl-stav-skladem); font-weight: 500; }
.dm-hd-checkout-r a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--tpl-text); text-decoration: none; }
.dm-kroky-m { display: none; }
@media (max-width: 900px) {
    .dm-hd-checkout-in { flex-wrap: wrap; gap: 0 16px; min-height: 56px; }
    .dm-kroky, .dm-hd-checkout-r a { display: none; }
    .dm-hd-checkout-r { margin-left: auto; }
    .dm-kroky-m { display: block; width: 100%; padding: 0 0 10px; }
    .dm-kroky-m p { margin: 0 0 6px; font-size: 14px; color: var(--tpl-text); }
    .dm-kroky-m p b { font-weight: 700; }
    .dm-kroky-pruhy { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
    .dm-kroky-pruhy i { display: block; height: 4px; border-radius: 2px; background: var(--tpl-line); }
    .dm-kroky-pruhy i.on { background: var(--tpl-primary-fill); }
}