/**
 * siera.cz - detail produktu (varianta A z navrhu + sticky nakupni panel z varianty B).
 * Struktura jadra: #detail_zbozi > h1 + .detail_flex > (.zbozi_prilohy_2 | .detail_right > form.form_polozka).
 * Tokeny --siera-* viz css/vlastni.css.
 */
.tpl-detail-page { width: 100%; }
.siera-extra { display: none !important; }

/* ---- rozlozeni: foto vlevo (sticky), nakup vpravo ---- */
div#detail_zbozi { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; row-gap: 0; align-items: start; }
div#detail_zbozi > h1 { grid-column: 2; grid-row: 2; margin: 0 0 12px; padding: 0; font-size: 32px; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; text-align: left; }
.siera-detail-brand { grid-column: 2; grid-row: 1; margin: 0 0 6px; font-size: 14px; font-weight: 700; }
.siera-detail-brand a { color: var(--siera-blue); text-decoration: none; }
.siera-detail-brand a:hover { color: var(--siera-blue-dark); text-decoration: underline; }
div#detail_zbozi div.detail_right { grid-column: 2; grid-row: 3; position: sticky; top: 20px; align-self: start; gap: 14px; }
div.zbozi_prilohy_2 { grid-row: 1 / 5; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 12px; }

/* galerie: hlavni foto jako karta, nahledy pod ni */
div.zbozi_prilohy_jpg_2 { grid-column: 1; grid-row: 1; border: 1px solid var(--siera-line); border-radius: var(--siera-radius-xl); background: #fff; padding: 16px; box-sizing: border-box; aspect-ratio: 1; }
div.zbozi_prilohy_jpg_2 img, div.zbozi_prilohy_jpg_2 img#img_velky { width: 100%; height: 100%; object-fit: contain; cursor: zoom-in; }
div.zbozi_prilohy_nahledy { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
div.zbozi_prilohy_nahledy:empty { display: none; }
div.zbozi_prilohy_nahledy img.img_zbozi { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; padding: 4px; box-sizing: border-box; border: 1px solid var(--siera-line); border-radius: var(--siera-radius-sm); background: #fff; }
div.zbozi_prilohy_nahledy img.img_zbozi:hover { border-color: var(--siera-blue); box-shadow: none; }
div.zbozi_prilohy_2 .tpl-popis-card { grid-column: 1; grid-row: 3; margin: 4px 0 0; padding: 0; border: 0; background: none; }
div.zbozi_prilohy_2 .tpl-popis-card p.kratky_popis { margin: 0; font-size: 14px; line-height: 1.5; color: var(--siera-text-2); }

/* ---- nakupni box ---- */
div#detail_zbozi div.detail_right form.form_polozka { display: flex; flex-direction: column; gap: 14px; box-sizing: border-box; padding: 24px; border: 1px solid var(--siera-line); border-radius: var(--siera-radius-xl); background: #fff; }
div.detail_right form.form_polozka > table.zbozi_tabulka { order: 1; margin: 0; }
div.detail_right form.form_polozka > div.tlacitka-pocet { order: 2; }

/* cena (36/800), puvodni cena, dostupnost s teckou, kod a vyrobce jako drobne radky */
#detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr { padding: 0; border: 0; }
#detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr > td { padding: 0; border: 0; }
#detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr.cena_s_dph { display: flex; align-items: baseline; gap: 12px; order: 1; }
#detail_zbozi table.zbozi_tabulka tr.cena_s_dph td.zt_popisek { display: none; }
#detail_zbozi table.zbozi_tabulka tr.cena_s_dph td { padding: 0; font-size: var(--tpl-detail-price-size, 36px); font-weight: 800; line-height: 1; letter-spacing: -.02em; color: var(--siera-ink); }
#detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr.cena_puvodni_s_dph { display: flex; align-items: baseline; gap: 8px; order: 2; font-size: 13px; color: var(--siera-muted); }
#detail_zbozi table.zbozi_tabulka tr.cena_puvodni_s_dph td { font-size: 13px; font-weight: 400; color: var(--siera-muted); }
#detail_zbozi table.zbozi_tabulka tr.cena_puvodni_s_dph td.puvodni_cena { text-decoration: line-through; }
#detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr.cena_sleva { order: 3; display: flex; gap: 8px; }
#detail_zbozi table.zbozi_tabulka tr.cena_sleva td { font-size: 13px; font-weight: 800; color: var(--siera-orange); }
#detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr.zbozi_dostupnost { display: flex; order: 4; margin-top: 6px; }
#detail_zbozi table.zbozi_tabulka tr.zbozi_dostupnost td.zt_popisek { display: none; }
#detail_zbozi table.zbozi_tabulka tr.zbozi_dostupnost td { font-size: 14px; font-weight: 700; }
#detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr.zbozi_kod, #detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr.zbozi_vyrobce, #detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr.detail_parametry { display: flex; gap: 6px; font-size: 13px; color: var(--siera-muted); }
#detail_zbozi table.zbozi_tabulka tr.zbozi_kod td, #detail_zbozi table.zbozi_tabulka tr.zbozi_vyrobce td, #detail_zbozi table.zbozi_tabulka tr.detail_parametry td { font-size: 13px; color: var(--siera-muted); }
#detail_zbozi table.zbozi_tabulka tr.zbozi_vyrobce { display: none !important; } /* znacka je nad nadpisem */
#detail_zbozi table.zbozi_tabulka tr.zbozi_kod { order: 30; margin-top: 6px; }
#detail_zbozi table.zbozi_tabulka tr.detail_parametry { order: 31; }
#detail_zbozi table.zbozi_tabulka tr.zbozi_kod td.zt_popisek, #detail_zbozi table.zbozi_tabulka tr.detail_parametry td.zt_popisek { width: auto; color: var(--siera-muted-2); }
#detail_zbozi table.zbozi_tabulka tr.zbozi_kod .zbozi_kod_detail { font-family: inherit; color: var(--siera-muted); }
#detail_zbozi table.zbozi_tabulka span.dostupnost svg.ikona { display: none; }
#detail_zbozi table.zbozi_tabulka span.dostupnost::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 50%; background: currentColor; vertical-align: 0; }

/* mnozstvi + Pridat do kosiku (zakonny text tlacitka objednavky se tu nemeni - je to jen tlacitko do kosiku) */
div#detail_zbozi div.tlacitka-pocet { display: flex; align-items: stretch; gap: 10px; margin: 0; padding: 0; }
div#detail_zbozi div.tlacitka-pocet input.zmenit_pocet { width: 36px; height: 52px; padding: 0; border: 0; background: none; color: var(--siera-muted); font-size: 20px; font-weight: 700; cursor: pointer; }
div#detail_zbozi div.tlacitka-pocet input.zmenit_pocet:hover { color: var(--siera-ink); background: none; }
div#detail_zbozi div.tlacitka-pocet input#pocet { width: 44px !important; height: 52px; padding: 0; border: 0; background: none; text-align: center; font: inherit; font-size: 16px; font-weight: 800; color: var(--siera-ink); box-shadow: none; }
div#detail_zbozi div.tlacitka-pocet span.jednotka { display: none; }
div#detail_zbozi div.tlacitka-pocet input.zmenit_pocet_minus { border-radius: var(--siera-radius-md) 0 0 var(--siera-radius-md); }
div#detail_zbozi div.tlacitka-pocet input.zmenit_pocet_plus { border-radius: 0 var(--siera-radius-md) var(--siera-radius-md) 0; }
div#detail_zbozi div.tlacitka-pocet input.button_konverzni, div#detail_zbozi div.tlacitka-pocet input[type="submit"] { flex: 1 1 auto; height: 52px; min-width: 0; padding: 0 20px; border: 0; border-radius: var(--siera-radius-md); background: var(--siera-blue); color: #fff; font: inherit; font-size: 16px; font-weight: 800; cursor: pointer; transition: background .15s; }
div#detail_zbozi div.tlacitka-pocet input.button_konverzni:hover { background: var(--siera-blue-dark); }

/* ---- extra bloky v panelu ---- */
.siera-extra__panel { display: flex; flex-direction: column; gap: 12px; }
.siera-dop { display: flex; flex-direction: column; padding: 4px 18px; border: 1px solid var(--siera-line); border-radius: var(--siera-radius-lg); background: #fff; font-size: 14px; }
.siera-dop__r { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--siera-line-soft); color: var(--siera-text-2); }
.siera-dop__r:last-child { border-bottom: 0; }
.siera-dop__r b { flex: none; color: var(--siera-ink); font-weight: 800; }
.siera-dop__r b.siera-dop__zdarma { color: var(--siera-green); }
.siera-dop__r--free { font-weight: 700; color: var(--siera-green-ink); }
.siera-info { padding: 14px 16px; border-radius: var(--siera-radius-lg); background: var(--siera-blue-tint); font-size: 14px; line-height: 1.45; }
.siera-info strong { display: block; }
.siera-info a { font-weight: 800; }
.siera-pomahame-box { padding: 12px 14px; border-radius: var(--siera-radius-sm); background: var(--siera-bg); border: 1px solid var(--siera-line); font-size: 13px; line-height: 1.45; color: var(--siera-text-2); }
.siera-pomahame-box a { font-weight: 700; }

/* ---- zalozky (jQuery UI tabs) ---- */
div#tabs.ui-tabs { margin-top: 36px; padding: 0; border: 0; background: none; }
div#tabs ul.ui-tabs-nav { display: flex; flex-wrap: wrap; gap: 0; margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--siera-line); border-radius: 0; background: none; }
div#tabs ul.ui-tabs-nav li { margin: 0 0 -1px; padding: 0; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: none; }
div#tabs ul.ui-tabs-nav li a { padding: 12px 18px; font-size: 15px; font-weight: 700; color: var(--siera-muted); text-decoration: none; }
div#tabs ul.ui-tabs-nav li.ui-tabs-active { border-bottom-color: var(--siera-ink); }
div#tabs ul.ui-tabs-nav li.ui-tabs-active a { color: var(--siera-ink); }
div#tabs .ui-tabs-panel { max-width: 860px; margin: 0; padding: 24px 0 0; font-size: 15px; line-height: 1.65; color: var(--siera-ink-2); text-align: left; }
div#tabs .ui-tabs-panel p { text-align: left; }

/* ---- tablet / mobil ---- */
@media (max-width: 1000px) {
    div#detail_zbozi { grid-template-columns: minmax(0, 1fr); }
    div#detail_zbozi > h1, .siera-detail-brand, div#detail_zbozi div.detail_right, div.zbozi_prilohy_2 { grid-column: 1; }
    .siera-detail-brand { grid-row: 1; }
    div#detail_zbozi > h1 { grid-row: 2; }
    div.zbozi_prilohy_2 { grid-row: 3; position: static; margin-bottom: 16px; }
    div#detail_zbozi div.detail_right { grid-row: 4; position: static; }
}
@media (max-width: 768px) {
    div#detail_zbozi > h1 { font-size: 20px; line-height: 1.2; margin-bottom: 8px; }
    .siera-detail-brand { font-size: 13px; }
    div.zbozi_prilohy_jpg_2 { padding: 8px; border-radius: var(--siera-radius-lg); }
    div.zbozi_prilohy_nahledy { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
    div#detail_zbozi div.detail_right form.form_polozka { padding: 16px; border-radius: var(--siera-radius-md); }
    #detail_zbozi table.zbozi_tabulka tr.cena_s_dph td { font-size: 28px; }
    .siera-dop { padding: 2px 14px; font-size: 13px; border-radius: var(--siera-radius-md); }
    body.sekce_detail { padding-bottom: 84px; }
    /* sticky lista dole: mnozstvi + Pridat do kosiku */
    div#detail_zbozi div.tlacitka-pocet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; box-sizing: border-box; padding: 12px 16px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--siera-line); background: #fff; }
    div#detail_zbozi div.tlacitka-pocet input.zmenit_pocet, div#detail_zbozi div.tlacitka-pocet input#pocet { height: 50px; }
    div#detail_zbozi div.tlacitka-pocet input.button_konverzni { height: 50px; font-size: 15px; }
    div#tabs ul.ui-tabs-nav li a { padding: 10px 12px; font-size: 14px; }
    /* plovouci widget Ecomail by prekryval sticky listu */
    [id^="ec_form_"] { display: none !important; }
}

/* upresneni: rozlozeni radku, puvodni cena / sleva, stepper, kratky popis */
div#detail_zbozi { grid-template-rows: auto auto auto 1fr; }
div.zbozi_prilohy_2 { grid-row: 1 / 5; }
#detail_zbozi table.zbozi_tabulka tr.cena_puvodni_s_dph td.zt_popisek, #detail_zbozi table.zbozi_tabulka tr.cena_sleva td.zt_popisek { display: none; }
#detail_zbozi table.zbozi_tabulka tr.cena_sleva td.right::before { content: "\2212"; }
#detail_zbozi table.zbozi_tabulka tr.cena_puvodni_s_dph td.right, #detail_zbozi table.zbozi_tabulka tr.cena_sleva td.right { text-align: left; }
div#detail_zbozi div.tlacitka-pocet input.zmenit_pocet_minus { border: 1.5px solid var(--siera-line-2); border-right: 0; }
div#detail_zbozi div.tlacitka-pocet input#pocet { border: solid var(--siera-line-2); border-width: 1.5px 0; border-radius: 0; }
div#detail_zbozi div.tlacitka-pocet input.zmenit_pocet_plus { border: 1.5px solid var(--siera-line-2); border-left: 0; }
div.zbozi_prilohy_2 div.tpl-popis-card { border: 0; border-left: 0; box-shadow: none; background: none; padding: 0; }
div.zbozi_prilohy_2 div.tpl-popis-card::before { content: none; }
div.detail_right > .siera-extra__panel { order: 2; }
div#tabs > div.ui-tabs-panel { margin: 0 !important; padding: 24px 0 0 !important; max-width: 860px; }
div#tabs > div.ui-tabs-panel p, div#tabs > div.ui-tabs-panel div { text-align: left !important; }
@media (max-width: 1000px) {
    div#detail_zbozi { grid-template-rows: none; }
    div.zbozi_prilohy_2 { grid-row: 3; grid-column: 1; }
}

/* cena v akci: puvodni cena 14 px prestrzena, sleva jako oranzova pilulka */
#detail_zbozi table.zbozi_tabulka tr.cena_puvodni_s_dph td { font-size: 14px; }
#detail_zbozi table.zbozi_tabulka:not(.mnozstevnislevy) tr.cena_sleva td.right { display: inline-block; padding: 3px 9px; border-radius: var(--siera-pill); background: var(--siera-orange); color: #fff; font-size: 12px; font-weight: 800; line-height: 1.3; }