/**
 * 2026-004 Linka – detail produktu (sekce detail, jadro linkuje samo). Navrh 04-Detail-desktop / -mobil.
 * Markup: jadrovy #detail_zbozi prestaveny js/detail.js (.lk-panel-*, .lk-stepper, .lk-acc ...), varianty jako
 * tlacitka jadra (J-L2 .tpl-varianty*), sekce/detail.latte (#lk-hodi, recenze).
 */
.lk-detail { display: flex; flex-direction: column; }
.lk-detail > .tpl-detail-cesty { order: -1; margin: 0 0 20px; font-size: 13px; color: var(--tpl-text-light); }
.lk-detail .cesta_kategorie { display: none; }
.lk-detail .cesta_kategorie:first-child { display: block; }
.lk-detail .cesta_kategorie a { color: var(--tpl-text-light); }
.lk-detail .cesta_kategorie a:hover { color: var(--tpl-text); }
.lk-detail .tpl-detail-popis { display: none; }
.lk-detail .priznak_akce_cz,
.lk-detail [class^="priznak_"] { display: none; }

/* --- mrizka: galerie | panel 440 --- */
#detail_zbozi .detail_flex {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 440px;
    gap: 32px;
    align-items: start;
}
#detail_zbozi > h1 { margin: 0 0 16px; }
.lk-skryt { display: none; }

/* galerie: svisle nahledy 90 px | hlavni foto 3:4 */
#detail_zbozi .zbozi_prilohy_2 {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    float: none;
    width: auto;
    margin: 0;
}
#detail_zbozi .zbozi_prilohy_popisek_2,
#detail_zbozi .zbozi_prilohy_bottom { display: none; }
#detail_zbozi .zbozi_prilohy_jpg_2 {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: var(--tpl-detail-photo-radius);
    background: var(--tpl-secondary);
}
#detail_zbozi .zbozi_prilohy_jpg_2 a { display: block; width: 100%; height: 100%; }
#detail_zbozi #img_velky {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: top;
    mix-blend-mode: multiply;
    cursor: zoom-in;
}
#detail_zbozi .zbozi_prilohy_nahledy {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
}
#detail_zbozi .zbozi_prilohy_nahledy img {
    display: block;
    width: 90px;
    height: 120px;
    margin: 0;
    object-fit: cover;
    border: 0;
    border-radius: var(--tpl-thumb-radius);
    background: var(--tpl-secondary);
    cursor: pointer;
}
#detail_zbozi .zbozi_prilohy_nahledy img.is-on { outline: 2px solid var(--tpl-primary); outline-offset: 2px; }
.lk-tecky { display: none; }

/* --- nakupni panel (sticky) --- */
#detail_zbozi .detail_right {
    position: sticky;
    top: 76px;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}
.lk-panel-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; }
.lk-panel-znacka,
a.lk-panel-znacka { font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--tpl-text-light); }
.lk-panel-srdce { margin: 0; }
.lk-panel-srdce .zbozi_oblibene {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--tpl-border);
    border-radius: 50%;
    color: var(--tpl-oblibene);
    font-size: 0;
    cursor: pointer;
}
.lk-panel-srdce .zbozi_oblibene svg { width: 16px; height: 16px; font-size: 16px; }
.lk-panel-srdce .zbozi_oblibene_neaktivni svg path { fill: none; stroke: currentColor; stroke-width: 40px; }
.lk-panel-srdce .zbozi_oblibene:hover { border-color: var(--tpl-primary); }
.lk-panel-hl h1,
#prostredek .lk-panel-hl h1 { margin: 8px 0 0; font-size: calc(30px - var(--tpl-head-shrink)); line-height: 1.2; }
a.lk-panel-hodnoceni { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--tpl-text-light); text-decoration: underline; text-underline-offset: 3px; }
.lk-cena { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-top: 18px; }
.lk-cena-akt { font-size: var(--tpl-detail-price-size); font-weight: 600; color: var(--tpl-text); }
.lk-cena-puv { font-size: 15px; color: var(--tpl-strike); }
.lk-cena-usetrite { font-size: 13px; font-weight: 500; color: var(--tpl-sale-price); }
.lk-cena-dph { margin: 4px 0 20px; font-size: 12px; color: var(--tpl-text-light); }

#detail_zbozi .detail_right form.form_polozka { display: flex; flex-direction: column; gap: 0; margin: 0; }
#detail_zbozi .detail_right table.zbozi_tabulka { display: none; }

/* varianty jako tlacitka (J-L2) */
#detail_zbozi .zbozi_varianty { margin: 0 0 12px; padding: 0; border: 0; background: none; }
a.lk-tab-odkaz { position: absolute; right: 0; top: 0; font-size: 13px; color: var(--tpl-text); text-decoration: underline; text-underline-offset: 3px; }
.lk-hlidat { margin: 0 0 12px; font-size: 13px; color: var(--tpl-text-light); }

button.lk-hlidat-odkaz { padding: 0; min-height: 32px; border: 0; background: none; color: var(--tpl-text); font: 500 13px/1 var(--tpl-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
p.lk-strih { margin: 0 0 16px; font-size: 13px; color: var(--tpl-text-light); }

/* priplatky radio (komponenta priplatky = radio) - radky s linkou */
.lk-detail .zbozi_priplatky,
.lk-detail .tpl-priplatky { margin: 0 0 16px; }
.lk-detail .tpl-priplatky label,
.lk-detail .zbozi_priplatky label { display: flex; align-items: center; gap: 10px; min-height: 48px; border-bottom: 1px solid var(--tpl-line); font-size: 14px; }

/* stepper pilulka 128 x 52 + CTA 52 */
#detail_zbozi .tlacitka-pocet { display: flex; align-items: stretch; gap: 12px; margin: 8px 0 12px; }
.lk-stepper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 128px;
    height: 52px;
    border: 1px solid var(--tpl-border);
    border-radius: var(--tpl-pill);
}
#prostredek .lk-stepper input.zmenit_pocet {
    width: 40px;
    min-height: 0;
    height: 50px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--tpl-text);
    font: 400 18px/1 var(--tpl-font);
    letter-spacing: 0;
}
#prostredek .lk-stepper input.zmenit_pocet:hover { background: none; color: var(--tpl-text-light); }
#prostredek .lk-stepper input#pocet {
    width: 40px;
    min-height: 0;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    text-align: center;
    font-size: 15px;
    -moz-appearance: textfield;
}
.lk-stepper input#pocet::-webkit-inner-spin-button,
.lk-stepper input#pocet::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
#prostredek #detail_zbozi .tlacitka-pocet input[type="submit"] { flex: 1 1 auto; min-height: 52px; border-radius: var(--tpl-pill); }
#detail_zbozi .datum_doruceni { margin: 0 0 8px; font-size: 13px; color: var(--tpl-text-light); }
#detail_zbozi .datum_doruceni a { color: var(--tpl-text-light); }

/* pod formularem: dostupnost, jistoty, akordeony, sdileni */
.lk-panel-pod { margin-top: 8px; }
.lk-dostupnost { margin: 0 0 12px; font-size: 14px; font-weight: 500; color: var(--tpl-stav-skladem); }
.lk-dostupnost--jina { color: var(--tpl-text); }
.lk-jistoty { margin: 0 0 20px; padding: 0; list-style: none; font-size: 13px; color: var(--tpl-text); }
.lk-jistoty li { position: relative; padding: 3px 0 3px 16px; }
.lk-jistoty li::before { content: '\25CF'; position: absolute; left: 0; top: 3px; font-size: 8px; line-height: 20px; color: var(--tpl-text); }
.lk-acc { border-bottom: 1px solid var(--tpl-line); }
.lk-acc-i { border-top: 1px solid var(--tpl-line); }
.lk-acc-h {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 52px;
    padding-right: 28px;
    list-style: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
}
.lk-acc-h::-webkit-details-marker { display: none; }
.lk-acc-h::before,
.lk-acc-h::after { content: ''; position: absolute; right: 4px; top: 50%; width: 12px; height: 1px; background: var(--tpl-text); }
.lk-acc-h::after { transform: rotate(90deg); }
.lk-acc-i[open] > .lk-acc-h::after { display: none; }
.lk-acc-b { padding: 0 0 20px; font-size: 14px; line-height: 1.65; }
.lk-acc-b p { margin: 0 0 .7em; }
.lk-acc-b ul { margin: 0 0 .7em; padding-left: 18px; }
.lk-acc-kod { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 0; }
.lk-acc-kod dt { color: var(--tpl-text-light); }
.lk-acc-kod dd { margin: 0; }
.lk-tabulka-vel { overflow-x: auto; }
.lk-tabulka-vel table { border-collapse: collapse; font-size: 13px; }
.lk-tabulka-vel td,
.lk-tabulka-vel th { padding: 8px 12px; border-bottom: 1px solid var(--tpl-line); white-space: nowrap; text-align: center; }
.lk-tabulka-vel tr > :first-child { position: sticky; left: 0; background: var(--tpl-surface); text-align: left; font-weight: 500; }
.lk-acc .ajax_form input[type="text"],
.lk-acc .ajax_form textarea { width: 100%; }

/* --- pod mrizkou --- */
.lk-hodi { margin-top: calc(var(--tpl-section-gap) + 16px); }
.lk-recenze:not(:empty) { margin-top: var(--tpl-section-gap); }
.lk-detail .tpl-detail-system,
.lk-detail .tpl-detail-faq { margin-top: 24px; }

/* --- tablet --- */
@media (max-width: 1100px) {
    #detail_zbozi .detail_flex { grid-template-columns: minmax(0, 1fr) 360px; }
    #detail_zbozi .zbozi_prilohy_2 { grid-template-columns: 72px minmax(0, 1fr); gap: 16px; }
    #detail_zbozi .zbozi_prilohy_nahledy img { width: 72px; height: 96px; }
}
/* 5 velikosti v panelu 360 px (tablet na sirku): "skladem 1" na jeden radek */
@media (min-width: 769px) and (max-width: 1100px) {
    .lk-detail .tpl-varianty-hodnota-stav { font-size: 10px; white-space: nowrap; }
}
/* --- tablet na vysku (601-768 px, mobilni rozvrzeni): fotka 3:4 pres celou sirku by mela ~1000 px -> 1:1 --- */
@media (min-width: 601px) and (max-width: 768px) {
    #detail_zbozi .zbozi_prilohy_jpg_2 { aspect-ratio: 1 / 1; }
}

/* --- mobil (04-Detail-mobil) --- */
@media (max-width: 768px) {
    .lk-detail > .tpl-detail-cesty { display: none; }
    #detail_zbozi .detail_flex { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    #detail_zbozi .zbozi_prilohy_2 { display: block; margin: -16px calc(-1 * var(--tpl-gutter)) 0; }
    #detail_zbozi .zbozi_prilohy_jpg_2 { border-radius: 0; }
    #detail_zbozi .zbozi_prilohy_nahledy { display: none; }
    .lk-tecky { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 2; display: flex; justify-content: center; gap: 6px; }
    .lk-tecky span { width: 6px; height: 4px; border-radius: 2px; background: var(--tpl-surface); opacity: .8; }
    .lk-tecky span.is-on { width: 16px; background: var(--tpl-primary); opacity: 1; }
    #detail_zbozi .detail_right { position: static; }
    .lk-panel-hl h1,
    #prostredek .lk-panel-hl h1 { font-size: calc(24px - var(--tpl-head-shrink)); }
    .lk-cena-akt { font-size: 22px; }
    .lk-detail .tpl-varianty-hodnota-stav { font-size: 12px; }
    .lk-acc-h { min-height: 52px; }
    .lk-hodi .lk-hodi-mrizka { display: flex; gap: 12px; overflow-x: auto; margin-right: calc(-1 * var(--tpl-gutter)); padding-right: var(--tpl-gutter); scrollbar-width: none; }
    .lk-hodi .lk-hodi-mrizka > .polozka { flex: 0 0 140px; }

    /* sticky CTA nad cookie listou */
    body.lk-ma-mbar { padding-bottom: calc(72px + var(--tpl-cookie-h, 0px)); }
    .lk-mbar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: var(--tpl-cookie-h, 0px);
        z-index: 900;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px var(--tpl-gutter) calc(10px + env(safe-area-inset-bottom, 0px));
        background: color-mix(in srgb, var(--tpl-content-bg) 96%, transparent);
        border-top: 1px solid var(--tpl-line);
    }
    .lk-mbar-v { font-size: 12px; color: var(--tpl-text-light); }
    .lk-mbar-c { font-size: 16px; font-weight: 600; }
    .lk-mbar-btn { min-height: 50px; padding: 0 22px; }
}
@media (min-width: 769px) {
    .lk-mbar { display: none; }
}

.lk-sdilet[hidden],
.lk-jistoty[hidden] { display: none; }
#detail_zbozi table.zbozi_dopravy_doruceni { margin: 4px 0 0; border: 0; border-collapse: collapse; font-size: 13px; }
#detail_zbozi table.zbozi_dopravy_doruceni td { padding: 2px 12px 2px 0; border: 0; background: none; color: var(--tpl-text-light); }
.lk-acc-b h2, .lk-acc-b h3, .lk-acc-b h4,
#prostredek .lk-acc-b h2, #prostredek .lk-acc-b h3, #prostredek .lk-acc-b h4 { margin: 14px 0 6px; font-family: var(--tpl-font); font-size: 14px; font-weight: 600; letter-spacing: 0; color: var(--tpl-text); }

/* priplatky (komponenta priplatky = radio: jadro z selectu vyrobi .tpl-volby-radio) – radky 48 px s linkou */
#detail_zbozi table.zbozi_priplatky,
#detail_zbozi table.zbozi_priplatky tbody,
#detail_zbozi table.zbozi_priplatky tr,
#detail_zbozi table.zbozi_priplatky td { display: block; width: auto; padding: 0; border: 0; background: none; }
#detail_zbozi table.zbozi_priplatky { margin: 4px 0 16px; }
#detail_zbozi table.zbozi_priplatky td.nazev_priplatku {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--tpl-text);
}
#detail_zbozi table.zbozi_priplatky tr.info_priplatek td { padding: 6px 0 0; font-size: 13px; color: var(--tpl-text-light); }
#detail_zbozi select.tpl-select-skryty { display: none; }
#detail_zbozi .tpl-volby { display: flex; flex-wrap: wrap; gap: 8px; }
#detail_zbozi .tpl-volby-radio { flex-direction: column; gap: 0; border-top: 1px solid var(--tpl-line); }
#detail_zbozi .tpl-volba {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid var(--tpl-border);
    border-radius: var(--tpl-thumb-radius);
    background: var(--tpl-surface);
    color: var(--tpl-text);
    font: 400 14px/1.3 var(--tpl-font);
    text-align: left;
    cursor: pointer;
}
#detail_zbozi .tpl-volba.on { border-color: var(--tpl-primary); }
#detail_zbozi .tpl-volba .c { margin-left: auto; color: var(--tpl-text-light); font-size: 14px; }
#detail_zbozi .tpl-volby-radio .tpl-volba { width: 100%; padding: 0; border: 0; border-bottom: 1px solid var(--tpl-line); border-radius: 0; }
#detail_zbozi .tpl-radio-dot {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--tpl-text-light);
    border-radius: 50%;
}
#detail_zbozi .tpl-volba.on .tpl-radio-dot { border-color: var(--tpl-primary); }
#detail_zbozi .tpl-volba.on .tpl-radio-dot::after { content: ''; position: absolute; inset: 4px; border-radius: 50%; background: var(--tpl-primary); }
#detail_zbozi i.tpl-help { display: none; }

#detail_zbozi div.zbozi_dopravy_doruceni { display: none; }