/* Detail produktu kracaj.sk v štýle Kráčaj (návrh 13. 10. 2026; rovnaký štýl ako stránka kategórie, audit KAPA studia, branding od Marcusa).
   Platí len pre detail (.type-detail). Selektory začínajú #content, lebo Disco má pravidlá ako #content p { margin: 0 0 22px }.
   Dopĺňa produkt.js (veľkosti ako tlačidlá, prednosti, fyzioterapeut, doručenie, lišta na mobile). Mobil je hlavný (vyše 90 % návštev). */

.type-detail {
  --k-sage: #a0a98c; --k-sage4: #818a6d; --k-sage-l: #eef0e6; --k-line: #e3e6d9; --k-tint: #f6f7f2;
  --k-copper: #e1895c; --k-copper-l: #f8e3d6; --k-amber: #fbc776; --k-amber-l: #fdf0d8;
  --k-blue: #728dad; --k-blue-l: #e3e9f1; --k-black: #1a1a1a; --k-cream: #faf6ee;
}

/* ---------- Hlavička: drobčeky, názov, značka ---------- */
.type-detail .breadcrumbs { font-size: 13px; }
.type-detail #content .p-detail-inner-header h1,
.type-detail #content .p-detail-inner-header-mobile .h1 { margin: 0 0 6px; font-size: 22px; line-height: 1.25; letter-spacing: -.02em; color: var(--k-black); }
.type-detail #content .ratings-and-brand { margin: 0 0 12px; font-size: 13px; color: #666; }
.type-detail #content .brand-wrapper a { color: var(--k-black); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--k-sage); }

/* ---------- Fotky: oblá karta na jemnej šalvii, náhľady ako malé dlaždice ---------- */
.type-detail #content .p-image { position: relative; overflow: hidden; border-radius: 22px; background: var(--k-tint); }
/* podklad aj na odkaze s fotkou: Disco z neho robí samostatnú vrstvu, multiply by inak miešal s priehľadnou */
.type-detail #content .p-image .p-main-image { display: block; background: var(--k-tint); }
.type-detail #content .p-image img { mix-blend-mode: multiply; }
/* Lupa Shoptetu (CloudZoom) na dotykovom displeji: po 150 ms prsta na fotke ukáže v nej detailný výrez a blokuje posun prstom, takže pri
   približovaní dvoma prstami fotka preblikla na detail (Ežo 14. 10. 2026). Bez nej sa fotka približuje normálne prehliadačom,
   ťuknutie ide rovno na odkaz fotky a otvorí galériu ako doteraz. */
@media (hover: none) {
  .type-detail #content .p-image .mousetrap { pointer-events: none; }
  .type-detail #content .p-image #cloud-zoom-big,
  .type-detail #content .p-image .cloud-zoom-lens { display: none !important; }
}
.type-detail #content .p-image .flags-default { top: 12px; left: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.type-detail #content .p-image .flag { margin: 0; padding: 5px 12px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .02em;
  text-transform: uppercase; line-height: 1.2; }
.type-detail #content .p-image .flag-new { background: var(--k-amber); color: var(--k-black); }
.type-detail #content .p-image .flag-tip { background: var(--k-blue); color: #fff; }
.type-detail #content .p-image .flag-action,
.type-detail #content .p-image .flag-discount { background: var(--k-copper); color: #fff; }
.type-detail #content .p-thumbnails-wrapper { margin-top: 10px; }
.type-detail #content .p-thumbnails-inner > div { display: flex; gap: 8px; }
.type-detail #content .p-thumbnail { flex: none; width: 76px; height: 76px; margin: 0; padding: 4px; overflow: hidden; border: 2px solid transparent; border-radius: 14px;
  background: var(--k-tint); }
.type-detail #content .p-thumbnail img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.type-detail #content .p-thumbnail.highlighted { border-color: var(--k-sage4); }

/* ---------- Výber veľkosti: tlačidlá namiesto roletky ---------- */
.type-detail #content .p-variants-block { margin: 0 0 6px; }
.type-detail #content .variant-list { position: relative; display: block; width: 100%; margin: 0; padding: 0; }
.type-detail #content .variant-list:has(.k-velkosti) select.hidden-split-parameter { position: absolute !important; width: 1px !important; height: 1px !important;
  overflow: hidden; clip: rect(0 0 0 0); opacity: 0; pointer-events: none; }
.type-detail #content .k-velkosti-hlavicka { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
.type-detail #content .k-velkosti-hlavicka > span { font-size: 15px; font-weight: 700; color: var(--k-black); }
.type-detail #content .k-velkosti-hlavicka .size-guide-link { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 6px 12px; border-radius: 999px;
  background: var(--k-amber-l); color: var(--k-black); font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; }
.type-detail #content .k-velkosti-hlavicka .size-guide-link::before { content: ""; width: 16px; height: 16px; background: currentColor;
  -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='2' stroke-linecap='round'%3E%3Crect x='2' y='7' width='20' height='10' rx='2'/%3E%3Cpath d='M6 7v4M10 7v3M14 7v4M18 7v3'/%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='2' stroke-linecap='round'%3E%3Crect x='2' y='7' width='20' height='10' rx='2'/%3E%3Cpath d='M6 7v4M10 7v3M14 7v4M18 7v3'/%3E%3C/svg%3E") center / contain no-repeat; }
/* šírka podľa hodnoty: topánky 19–35 vedľa seba, ponožky „S (23-26)“ sa nezalomia */
.type-detail #content .k-velkosti { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.type-detail #content .k-velkost { position: relative; flex: 0 0 auto; min-width: 52px; height: 46px; margin: 0; padding: 0 14px; white-space: nowrap; border: 1px solid #d9ddc9; border-radius: 14px; background: #fff;
  color: var(--k-black); font: 600 15px/1 Montserrat, sans-serif; cursor: pointer; transition: border-color .15s, background .15s; }
.type-detail #content .k-velkost:hover { border-color: var(--k-sage4); }
.type-detail #content .k-velkost.k-zvolena { border-color: var(--k-black); background: var(--k-black); color: #fff; }
.type-detail #content .k-velkost.k-vypredane { color: #aaa; background: #f6f6f4 linear-gradient(to top right, transparent 48%, #d5d5d0 49%, #d5d5d0 51%, transparent 52%); }
.type-detail #content .k-velkost[data-posledny]::after { content: ""; position: absolute; top: 6px; right: 6px; width: 7px; height: 7px; border-radius: 50%; background: var(--k-copper); }
.type-detail #content .k-velkosti-pozn { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; color: #666; font-size: 12px; }
.type-detail #content .k-velkosti-pozn i { width: 7px; height: 7px; border-radius: 50%; background: var(--k-copper); }
/* hlášku „Zvoľte veľkosť“ v riadkoch Dostupnosť a Doručiť do pred výberom netreba, tlačidlá hovoria za seba */
.type-detail #content form.k-bez-velkosti .detail-parameters { display: none; }
.type-detail #content #product-detail-form .detail-parameters { width: auto !important; margin: 14px 0 0; font-size: 13px; }
.type-detail #content #product-detail-form .detail-parameters th,
.type-detail #content #product-detail-form .detail-parameters td { padding: 2px 0; border: 0; background: none; }
.type-detail #content #product-detail-form .detail-parameters th { width: 1%; min-width: 0; padding-right: 14px; white-space: nowrap; color: #666; font-weight: 400; }
.type-detail #content #product-detail-form .detail-parameters th::after,
.type-detail #content #product-detail-form .detail-parameters .row-header-label::after { display: none; }
.type-detail #content #product-detail-form .availability-label { display: inline-flex; align-items: center; gap: 5px; color: #4d6b2a !important; font-weight: 700; }
.type-detail #content #product-detail-form .availability-label::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #6a9a3a; }
.type-detail #content #product-detail-form .availability-amount { display: none; }
/* namiesto čísla len upozornenie na posledný kus (vkladá produkt.js), farbou ako bodka posledného kusu pri veľkostiach */
.type-detail #content #product-detail-form .k-zostatok { margin-left: 8px; color: #b45f33; font-weight: 600; }

/* ---------- Cena a Do košíka: karta, cena so vzduchom, čierna pilulka ako Filtre v kategórii ---------- */
.type-detail #content .p-to-cart-block { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 16px 0 0; padding: 16px; border-radius: 20px;
  background: var(--k-tint); }
.type-detail #content .p-final-price-wrapper { flex: 1 0 100%; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; padding: 0 4px; }
.type-detail #content .p-final-price-wrapper .price-final { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.1; color: var(--k-black); }
.type-detail #content .p-final-price-wrapper .price-standard { font-size: 15px; color: #888; }
.type-detail #content .p-final-price-wrapper .price-save { padding: 2px 8px; border-radius: 999px; background: var(--k-copper-l); color: #a4532a; font-size: 13px; font-weight: 700; }
.type-detail #content .p-final-price-wrapper .price-measure { display: none; }
.type-detail #content .p-to-cart-block .add-to-cart { flex: none; display: flex; margin: 0; }
.type-detail #content .p-to-cart-block .quantity { display: flex; align-items: center; justify-content: flex-start; width: 116px; height: 52px; margin: 0; padding: 0 !important; overflow: hidden; border: 1px solid #d9ddc9;
  border-radius: 999px; background: #fff; }
.type-detail #content .p-to-cart-block .quantity > label { order: 2; flex: 1 1 auto !important; min-width: 36px; width: auto !important; height: 100%; margin: 0; }
.type-detail #content .p-to-cart-block .quantity input.amount { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: none;
  font: 600 15px Montserrat, sans-serif; text-align: center; }
.type-detail #content .p-to-cart-block .quantity .decrease { order: 1; }
.type-detail #content .p-to-cart-block .quantity .increase { order: 3; }
.type-detail #content .p-to-cart-block .quantity button { position: static; flex: none; width: 38px; height: 100%; margin: 0; border: 0; background: none; }
.type-detail #content .p-to-cart-block .add-to-cart-button { flex: 1 1 0; min-width: 0; height: 52px; margin: 0; padding: 0 20px; border: 0 !important; border-radius: 999px;
  background: var(--k-black) !important; color: #fff !important; font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.type-detail #content .p-to-cart-block .add-to-cart-button:hover { background: #3a3a3a !important; }

/* ---------- Bez zvolenej veľkosti: sivé Do košíka, bublina pri myši, upozornenie pri veľkostiach (klik zachytí produkt.js) ---------- */
.type-detail #content .p-to-cart-block .add-to-cart-button { position: relative; overflow: visible; transition: background .2s, color .2s; }
.type-detail #content form.k-bez-velkosti .add-to-cart-button,
.type-detail #content form.k-bez-velkosti .add-to-cart-button:hover { background: #e2e5da !important; color: #7d8370 !important; }
.type-detail #content .k-velkost-hlaska { display: flex; align-items: center; gap: 8px; width: fit-content; margin: 10px 0 0; padding: 7px 14px 7px 8px; border-radius: 999px;
  background: var(--k-copper-l); color: #8f4521; font-size: 14px; font-weight: 600; line-height: 1.3; }
.type-detail #content .k-velkost-hlaska::before { content: "!"; display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%;
  background: var(--k-copper); color: #fff; font-size: 13px; font-weight: 800; }
.type-detail #content .variant-list:has(.k-velkost-hlaska) .k-velkost:not(.k-vypredane) { border-color: var(--k-copper); }
.type-detail #content .k-velkosti.k-zatras { animation: k-zatras .45s ease-in-out; }
@keyframes k-zatras { 20% { transform: translateX(-6px); } 40% { transform: translateX(5px); } 60% { transform: translateX(-3px); } 80% { transform: translateX(2px); } }
@media (prefers-reduced-motion: reduce) { .type-detail #content .k-velkosti.k-zatras { animation: none; } }
@media (hover: hover) {
  .type-detail #content form.k-bez-velkosti .add-to-cart-button::before,
  .type-detail #content form.k-bez-velkosti .add-to-cart-button::after { position: absolute; left: 50%; opacity: 0; pointer-events: none;
    transition: opacity .15s, transform .15s; transform: translate(-50%, 4px); }
  .type-detail #content form.k-bez-velkosti .add-to-cart-button::before { content: "Najprv si vyberte veľkosť"; bottom: calc(100% + 12px); padding: 9px 14px;
    border-radius: 12px; background: var(--k-black); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .15); }
  .type-detail #content form.k-bez-velkosti .add-to-cart-button::after { content: ""; bottom: calc(100% + 6px); border: 6px solid transparent; border-bottom: 0;
    border-top-color: var(--k-black); }
  .type-detail #content form.k-bez-velkosti .add-to-cart-button:hover::before,
  .type-detail #content form.k-bez-velkosti .add-to-cart-button:hover::after { opacity: 1; transform: translate(-50%, 0); }
  /* pri myši nad tlačidlom sa jemne zvýraznia veľkosti, aby bolo vidno, kde vybrať */
  .type-detail #content form.k-bez-velkosti:has(.add-to-cart-button:hover) .k-velkost:not(.k-vypredane) { border-color: var(--k-copper); }
}

/* ---------- Doručenie a predajňa pod nákupom ---------- */
.type-detail #content .k-nakup-info { display: grid; gap: 10px; margin: 14px 0 0; padding: 0 4px; list-style: none; }
.type-detail #content .k-nakup-info li { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 13px; line-height: 1.35; color: #555; }
.type-detail #content .k-nakup-info img { flex: none; width: 34px; height: 34px; padding: 6px; border-radius: 50%; background: var(--k-sage-l); }
.type-detail #content .k-nakup-info b { display: block; color: var(--k-black); font-size: 14px; }
.type-detail #content .k-nakup-info a { color: #555; text-decoration: underline; text-decoration-color: var(--k-sage); text-underline-offset: 2px; }

/* Tlač nepotrebujeme, Opýtať sa a Zdieľať ako nenápadné odkazy */
.type-detail #content .social-buttons-wrapper { margin: 16px 0 0; padding: 0 4px; }
.type-detail #content .link-icons { display: flex; gap: 18px; margin: 0; }
.type-detail #content .link-icon.print { display: none; }
.type-detail #content .link-icon { margin: 0; color: #666; font-size: 13px; }

/* ---------- Konkurenčné výhody: šalviový pás ako v kategórii ---------- */
.type-detail .benefitBanner.position--benefitProduct { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 36px 0 0; padding: 16px 0;
  background: var(--k-sage); box-shadow: 0 0 0 100vmax var(--k-sage); clip-path: inset(0 -100vmax); }
.type-detail .position--benefitProduct .benefitBanner__item { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0; padding: 14px 12px;
  width: auto; max-width: none; flex: none; border-radius: 16px; background: #fff; }
.type-detail .position--benefitProduct .benefitBanner__picture { flex: none; width: 44px; height: 44px; margin: 0; padding: 7px; background: var(--k-sage-l); border-radius: 50%; }
.type-detail .position--benefitProduct .benefitBanner__img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.type-detail .position--benefitProduct .benefitBanner__content { padding: 0; text-align: left; }
.type-detail .position--benefitProduct .benefitBanner__title { display: block; margin-bottom: 2px; font-size: 14px; line-height: 1.25; color: var(--k-black); }
.type-detail .position--benefitProduct .benefitBanner__data { font-size: 12px; line-height: 1.3; color: #555; }
@media (min-width: 768px) {
  .type-detail .benefitBanner.position--benefitProduct { grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 56px; padding: 30px 0; }
  .type-detail .position--benefitProduct .benefitBanner__item { flex-direction: row; align-items: center; gap: 12px; padding: 0; background: none; }
  .type-detail .position--benefitProduct .benefitBanner__picture { width: 66px; height: 66px; padding: 10px; background: #fff; }
  .type-detail .position--benefitProduct .benefitBanner__title { font-size: 16px; }
  .type-detail .position--benefitProduct .benefitBanner__data { font-size: 14px; color: #2c3125; }
}

/* ---------- Záložky Popis / Parametre (obsah popisu je produktu, ten nemeníme) ---------- */
.type-detail #content .shp-tabs-wrapper { margin-top: 36px; }
.type-detail #content .shp-tabs-holder .shp-tabs { display: flex; justify-content: center; gap: 8px; margin: 0 0 24px; border: 0; }
.type-detail #content .shp-tabs-holder .shp-tab { margin: 0; }
.type-detail #content .shp-tabs-holder .shp-tab a.shp-tab-link { display: block; padding: 10px 22px; border: 1px solid #d9ddc9 !important; border-radius: 999px;
  background: #fff !important; color: var(--k-black) !important; font-size: 15px; font-weight: 600 !important; }
.type-detail #content .shp-tabs-holder .shp-tab.active a.shp-tab-link { border-color: var(--k-black) !important; background: var(--k-black) !important; color: #fff !important; }
/* Výnimky v štýle popisu (Ežo 14. 10. 2026, inak HTML popisu nemeníme). Popisy majú vložené štýly, preto !important.
   Nadpisy majú text-align: justify a pri veľkých písmenách sa slová roztiahli cez celý riadok. */
.type-detail #content .basic-description :is(h2, h3, h4) { text-align: left !important; }
/* Boxy s ikonkou (🩺 Pohľad fyzioterapeuta, 💡, 💬) sú v popise display: flex, takže text bol úzky stĺpec vedľa ikonky.
   Ikonka obtečená textom: pod ňou už nie je prázdne miesto a text využije celú šírku. V popisoch sú všetky flex boxy takéto (export 9. 10. 2026). */
.type-detail #content .basic-description div[style*="flex"] { display: flow-root !important; }
.type-detail #content .basic-description div[style*="flex"] > :first-child { float: left; margin-bottom: 0; line-height: 1; } /* vysoká len na 1 riadok textu */
/* parametre (záložka Parametre): čisté riadky bez pruhov, bez Disco bodkovanej čiary a bieleho podkladu pod názvom, jemný „?“ */
.type-detail #content .extended-description .detail-parameters { width: 100%; margin: 0; border: 0; border-collapse: collapse; }
.type-detail #content .extended-description .detail-parameters tr { border-bottom: 1px solid var(--k-line); background: none; }
.type-detail #content .extended-description .detail-parameters tr:last-child { border-bottom: 0; }
.type-detail #content .extended-description .detail-parameters th,
.type-detail #content .extended-description .detail-parameters td { padding: 14px 0; border: 0; background: none; vertical-align: middle; font-size: 14px; line-height: 1.4; }
.type-detail #content .extended-description .detail-parameters th { width: 45%; min-width: 0; padding-right: 16px; color: #6a6a6a; font-weight: 400; text-align: left; }
.type-detail #content .extended-description .detail-parameters th::after,
.type-detail #content .extended-description .detail-parameters th::before { display: none !important; }
.type-detail #content .extended-description .detail-parameters .row-header-label { position: static; display: inline-flex; align-items: center; gap: 6px;
  padding: 0; background: none; }
.type-detail #content .extended-description .detail-parameters .row-header-label-colon { display: none; }
/* „?“ s popisom parametra (ten patrí k filtrom v kategórii) tu mätie (Ežo 14. 10. 2026) */
.type-detail #content .extended-description .detail-parameters .question-tooltip { display: none !important; }
.type-detail #content .extended-description .detail-parameters td { color: var(--k-black); font-weight: 600; }
.type-detail #content .extended-description .detail-parameters td a { color: var(--k-black); text-decoration: underline; text-decoration-color: var(--k-sage);
  text-underline-offset: 3px; }
/* Disco dáva záložke Parametre úzky stĺpec v strede; cez celú šírku ako Popis, na počítači parametre ako dlaždice */
.type-detail #content #tab-content > #extendedDescription { width: 100% !important; max-width: none !important; }
.type-detail #content #extendedDescription .extended-description { width: 100% !important; max-width: none !important; float: none; padding: 0; }
@media (min-width: 768px) {
  .type-detail #content .extended-description .detail-parameters { display: block; }
  .type-detail #content .extended-description .detail-parameters tbody { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
  .type-detail #content .extended-description .detail-parameters tr { display: flex; flex-direction: column; gap: 4px; padding: 14px 18px; border: 0;
    border-radius: 16px; background: var(--k-tint); }
  .type-detail #content .extended-description .detail-parameters th,
  .type-detail #content .extended-description .detail-parameters td { display: block; width: auto; padding: 0; }
  .type-detail #content .extended-description .detail-parameters th { font-size: 13px; }
  .type-detail #content .extended-description .detail-parameters td { font-size: 15px; }
}
/* EAN pred výberom veľkosti ukazuje len „Zvoľte veľkosť“ (trieda k-bez-velkosti na body od produkt.js) */
.type-detail.k-bez-velkosti #content .extended-description .detail-parameters tr.productEan { display: none; }

/* ---------- Tabuľka veľkostí (okno zo size-table.js, obsah skladá produkt.js krok 5) ----------
   Mobil: panel zospodu cez celú šírku. Od 768 px okno v strede. Hlavička ostáva hore, pod ňou aj názvy stĺpcov. */
.type-detail #moje-modal-okno .modal-content { border: 0; border-radius: 22px; box-shadow: 0 20px 50px rgba(0, 0, 0, .25); }
.type-detail #moje-modal-okno .close-button { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--k-sage-l);
  color: var(--k-black); font-size: 24px; line-height: 1; }
.type-detail #moje-modal-okno.k-tv-okno { background: rgba(26, 26, 26, .55); }
.type-detail #moje-modal-okno.k-tv-okno .modal-content { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; max-width: none; max-height: 90vh; margin: 0;
  padding: 0 0 env(safe-area-inset-bottom); border-radius: 24px 24px 0 0; animation: k-tv-zospodu .25s ease-out; }
.type-detail #moje-modal-okno.k-tv-okno .close-button { position: sticky; top: 14px; z-index: 3; float: right; margin: 14px 16px 0 0; }
.type-detail #moje-modal-okno.k-tv-okno .modal-body-content { padding: 0; overflow: visible; }
@keyframes k-tv-zospodu { from { transform: translateY(40px); opacity: 0; } }
@media (min-width: 768px) {
  .type-detail #moje-modal-okno.k-tv-okno .modal-content { top: 50%; bottom: auto; left: 50%; right: auto; width: 620px; max-height: 86vh; border-radius: 24px;
    transform: translate(-50%, -50%); animation: none; }
}
.type-detail #moje-modal-okno .k-tv { color: #333; font-size: 15px; line-height: 1.5; }
.type-detail #moje-modal-okno .k-tv-hlava { position: sticky; top: 0; z-index: 2; padding: 18px 70px 14px 20px; background: #fff; }
.type-detail #moje-modal-okno .k-tv-hlava h2 { margin: 0; padding: 0; color: var(--k-black); font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -.02em;
  text-transform: none; }
.type-detail #moje-modal-okno .k-tv-hlava p { margin: 2px 0 0; color: #666; font-size: 13px; }
/* rada: úvodné texty z popisu, dôležité slová podčiarknuté jantárovou ako v brandingu */
.type-detail #moje-modal-okno .k-tv-rada { margin: 0 20px 18px; padding: 14px 16px; border: 1px solid var(--k-line); border-radius: 16px; background: var(--k-tint); text-align: left; }
.type-detail #moje-modal-okno .k-tv-rada-nadpis { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; color: var(--k-black); font-size: 14px; font-weight: 700; }
.type-detail #moje-modal-okno .k-tv-rada-nadpis::before { content: ""; flex: 0 0 22px; height: 22px; border-radius: 50%; background: var(--k-amber)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='3' y='8' width='18' height='8' rx='1.5'/%3E%3Cpath d='M7 8v3M11 8v2M15 8v3'/%3E%3C/svg%3E") center / 14px no-repeat; }
.type-detail #moje-modal-okno .k-tv-rada p { margin: 0 0 6px; color: #333; font-size: 14px; line-height: 1.55; }
.type-detail #moje-modal-okno .k-tv-rada p:last-child { margin-bottom: 0; }
.type-detail #moje-modal-okno .k-tv-rada strong { color: var(--k-black); background: linear-gradient(transparent 58%, var(--k-amber-l) 58%); }
.type-detail #moje-modal-okno .k-tv-tip { margin: 0 20px 8px; color: #666; font-size: 12px; }
/* tabuľka */
/* bez overflow: inak by sa názvy stĺpcov (sticky) zastavovali v obale, nie v okne */
.type-detail #moje-modal-okno .k-tv-obal { padding: 0 20px; }
.type-detail #moje-modal-okno .k-tv-obal + .k-tv-obal { margin-top: 14px; }
.type-detail #moje-modal-okno table.k-tv-tabulka { width: 100% !important; min-width: 0; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; background: none; }
.type-detail #moje-modal-okno .k-tv-tabulka th { position: sticky; top: var(--k-tv-hlava, 0); z-index: 1; padding: 10px 6px; border: 0; background: var(--k-sage-l);
  color: #4d5440; font-size: 11px; font-weight: 700; line-height: 1.3; letter-spacing: .03em; text-transform: uppercase; text-align: center; vertical-align: middle; }
.type-detail #moje-modal-okno .k-tv-tabulka th:first-child { border-radius: 12px 0 0 12px; }
.type-detail #moje-modal-okno .k-tv-tabulka th:last-child { border-radius: 0 12px 12px 0; }
.type-detail #moje-modal-okno .k-tv-tabulka td { padding: 7px 6px; border: 0; border-bottom: 1px solid var(--k-line); background: none; color: #333; font-size: 15px;
  text-align: center; vertical-align: middle; transition: background .15s; }
.type-detail #moje-modal-okno .k-tv-tabulka td:nth-child(2) { color: var(--k-black); font-weight: 700; }
.type-detail #moje-modal-okno .k-tv-tabulka tr:last-child td { border-bottom: 0; }
.type-detail #moje-modal-okno .k-tv-cislo { display: inline-grid; place-items: center; min-width: 44px; height: 40px; padding: 0 8px; border: 1px solid #d9ddc9;
  border-radius: 12px; background: #fff; color: var(--k-black); font-size: 15px; font-weight: 600; white-space: nowrap; }
.type-detail #moje-modal-okno .k-tv-stitok { display: block; margin-top: 3px; color: #666; font-size: 10px; font-style: normal; font-weight: 600; line-height: 1; }
/* veľkosti, ktoré má produkt v ponuke: ťuknutím vybrať; ostatné (v obchode ich nemáme) potlačené */
.type-detail #moje-modal-okno .k-tv-ponuka { cursor: pointer; }
.type-detail #moje-modal-okno .k-tv-ponuka:hover td, .type-detail #moje-modal-okno .k-tv-ponuka:focus-visible td { background: var(--k-tint); }
.type-detail #moje-modal-okno .k-tv-ponuka:focus-visible { outline: none; }
.type-detail #moje-modal-okno .k-tv-ponuka:hover .k-tv-cislo { border-color: var(--k-sage4); }
.type-detail #moje-modal-okno .k-tv-zvolena td, .type-detail #moje-modal-okno .k-tv-zvolena:hover td { background: var(--k-amber-l); }
.type-detail #moje-modal-okno .k-tv-zvolena .k-tv-cislo { border-color: var(--k-black); background: var(--k-black); color: #fff; }
.type-detail #moje-modal-okno .k-tv-zvolena .k-tv-stitok { color: var(--k-black); }
.type-detail #moje-modal-okno .k-tv-vypredane td { color: #999; }
.type-detail #moje-modal-okno .k-tv-vypredane .k-tv-cislo { color: #aaa; background: #f6f6f4 linear-gradient(to top right, transparent 48%, #d5d5d0 49%, #d5d5d0 51%, transparent 52%); }
.type-detail #moje-modal-okno .k-tv-s-ponukou tr:not(.k-tv-ponuka):not(.k-tv-vypredane) td { opacity: .4; }
/* pôvodná tabuľka (tvar sa nedal prečítať) */
.type-detail #moje-modal-okno .k-tv-povodna td:first-child { font-weight: 700; }
/* päta */
.type-detail #moje-modal-okno .k-tv-pata { margin-top: 12px; padding: 14px 20px 24px; border-top: 1px solid var(--k-line); text-align: left; }
.type-detail #moje-modal-okno .k-tv-pozn { margin: 0 0 12px; color: #666; font-size: 12px; }
.type-detail #moje-modal-okno .k-tv-odkaz { display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; border: 1px solid var(--k-sage); border-radius: 999px;
  background: #fff; color: var(--k-black); font-size: 14px; font-weight: 600; text-decoration: none; }
.type-detail #moje-modal-okno .k-tv-odkaz::after { content: "→"; }
.type-detail #moje-modal-okno .k-tv-odkaz:hover { background: var(--k-sage-l); }
.type-detail #moje-modal-okno .k-tv-vymena { margin: 12px 0 0; color: #555; font-size: 13px; }

/* ---------- Mobil: lišta s cenou a Do košíka (keď je nákup nad obrazovkou) ---------- */
.k-lista { display: none; }
@media (max-width: 767px) {
  .type-detail .k-lista { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; display: flex; align-items: center; gap: 12px;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -6px 20px rgba(0, 0, 0, .1);
    transform: translateY(110%); transition: transform .25s; }
  .type-detail .k-lista.k-zobrazena { transform: none; }
  .type-detail .k-lista > div { flex: 1; min-width: 0; }
  .type-detail .k-lista-nazov { display: block; overflow: hidden; color: #666; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
  .type-detail .k-lista-cena { display: block; color: var(--k-black); font-size: 18px; font-weight: 800; }
  .type-detail .k-lista-tlacidlo { flex: none; height: 46px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--k-black); color: #fff;
    font: 700 15px Montserrat, sans-serif; }
}

/* ---------- Počítač: fotky vľavo (prilepené pri rolovaní), nákup vpravo ---------- */
@media (min-width: 992px) {
  .type-detail #content .p-detail-inner { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 0 56px; align-items: start; }
  .type-detail #content .p-detail-inner > .p-image-wrapper { grid-column: 1; grid-row: 1; position: sticky; top: 20px; width: auto; max-width: none; float: none; padding: 0; }
  .type-detail #content .p-detail-inner > .p-data-wrapper { grid-column: 2; grid-row: 1; width: auto; max-width: none; float: none; padding: 0; }
  .type-detail #content .p-detail-inner-header h1 { font-size: 30px; }
  .type-detail #content .p-thumbnail { width: 92px; height: 92px; }
  .type-detail #content .k-velkost { min-width: 62px; }
  .type-detail #content .p-to-cart-block { flex-wrap: nowrap; padding: 18px 18px 18px 22px; }
  .type-detail #content .p-final-price-wrapper { flex: 1 1 auto; padding: 0; }
  .type-detail #content .p-to-cart-block .add-to-cart-button { flex: 0 0 auto; min-width: 190px; }
  .type-detail #content .k-nakup-info { grid-template-columns: 1fr 1fr; }
  .type-detail #content .shp-tabs-wrapper { margin-top: 44px; }
}