/* ================================================================
   /shop/assets/detail.css — detail produktu (shop/produkt.php), katalogový styl:
   mozaika fotek a chutí, tabulka parametrů, řada nákupu, Z farmy do šálku, časté dotazy,
   pás recenzí, další kávy, newsletter, lepivá lišta se slevou.
   ================================================================ */
.kd-page { --kt-ink: #1f1e1b; --kt-mut: #6b6860; --kt-line: #d9d6cf; --kt-bg: var(--c-search-bg, #f3eee4); color: var(--kt-ink); }
.kt-in { max-width: 1440px; margin: 0 auto; padding: clamp(20px, 4vw, 48px) clamp(16px, 5vw, 64px) clamp(56px, 8vw, 104px); }
.kd__tags .rk__tag { display: inline-block; }

.kd-crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 clamp(14px, 2vw, 22px); font-size: 13px; color: var(--kt-mut); }
.kd-crumbs a { color: inherit; text-decoration: none; }
.kd-crumbs a:hover { color: var(--kt-ink); text-decoration: underline; text-underline-offset: 3px; }
.kd-crumbs [aria-current] { color: var(--kt-ink); }
/* nákupní část */
.kd { display: grid; gap: clamp(20px, 4vw, 56px); align-items: start; }
@media (min-width: 960px) { .kd { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: clamp(36px, 5vw, 88px); } }
/* mozaika: sáček přes tři řádky, vpravo pod sebou tři čtverce chutí */
.kd__media { display: grid; grid-template-columns: 3fr 1fr; grid-template-rows: repeat(3, auto); gap: 8px; align-self: start; }
.kd__main { grid-column: 1; grid-row: 1 / 4; position: relative; background: var(--kt-bg); display: block; width: 100%; height: 100%; }
.kd__main > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 9%; mix-blend-mode: multiply; display: block; }
.kd__thumbs { grid-column: 1 / -1; grid-row: 4; display: flex; gap: 8px; margin-top: 2px; }
.kd__thumbs button { all: unset; cursor: pointer; width: clamp(48px, 5vw, 64px); aspect-ratio: 1; background: var(--kt-bg); outline: 1.5px solid transparent; outline-offset: -1.5px; }
.kd__thumbs button[aria-current="true"] { outline-color: var(--kt-ink); }
.kd__thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; mix-blend-mode: multiply; }
.kd__main.is-cover > img { object-fit: cover; padding: 0; mix-blend-mode: normal; }
.kd__main.is-cover.is-bile { isolation: isolate; }
.kd__main.is-cover.is-bile > img { mix-blend-mode: multiply; }   /* fotka na bílém pozadí přes celou plochu: bílá se prolne do béžové jako v náhledech */
.kd__name { margin: 0 0 12px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 500; letter-spacing: .06em; text-transform: uppercase; line-height: 1.15; }
.kd__tags { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin: 0 0 20px; }
.kd__text { margin: 0 0 22px; font-size: 15.5px; line-height: 1.65; }
.kd__rating { display: inline-flex; gap: 6px; align-items: center; font-size: 13.5px; color: var(--kt-mut); text-decoration: none; margin-left: 6px; }
.kd__params { margin: 0 0 24px; border-top: 1.5px solid #3b3934; border-bottom: 1.5px solid #3b3934; padding: 12px 0; }
.kd__params div { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; font-size: 15px; }
.kd__params dt { color: var(--kt-ink); }
.kd__params dd { margin: 0; text-align: right; }
.kd__row { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 15px; line-height: 1; flex-wrap: wrap; }
.kd__row > * { height: 46px; box-sizing: border-box; }
.kd__row .size-opts { display: flex; gap: 8px; margin: 0; }
.kd__row .size-opt { height: 46px; display: inline-flex; align-items: center; padding: 0 13px; }
.kd__price { font-weight: 500; opacity: .85; margin-left: 4px; }
.kd-page, .kd { --buy: var(--c-buy, #2d6a4f); --buy-h: #24573f; }
.kd .size-opts { display: flex; gap: 8px; }
.kd .size-opt { all: unset; cursor: pointer; padding: 10px 18px; font-size: 14.5px; border: 1.5px solid #d6dfd8; border-radius: 6px; color: var(--kt-ink); transition: border-color .15s, background .15s; }
.kd .size-opt:hover { border-color: var(--buy); }
.kd .size-opt.is-active { background: #e8f2ec; border-color: var(--buy); color: var(--buy); font-weight: 600; }
.kd .size-opt[data-soldout] { opacity: .4; text-decoration: line-through; cursor: not-allowed; }
.kd .kd__row .qty { height: 46px; width: 108px; padding: 0 2px; }
.kd__row .qty__btn { width: 34px; }
.kd__row .kd__add { flex: 1 1 150px; height: 46px; font-size: 15px; padding: 0 16px; white-space: nowrap; }
.kd .qty { border: 1.5px solid #d6dfd8; border-radius: 6px; height: 50px; }
.kd .qty__btn { color: var(--buy); }
.kd__add { all: unset; box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 10px; height: 50px; border-radius: 6px; background: var(--buy); color: #fff; font-size: 16px; font-weight: 600; box-shadow: 0 6px 18px -8px rgba(45,106,79,.65); transition: background .15s, transform .15s, box-shadow .15s; }
.kd__add:hover { background: var(--buy-h); transform: translateY(-1px); box-shadow: 0 10px 22px -10px rgba(45,106,79,.75); }
.kd__add:active { transform: translateY(0); }
/* chuť ve fotkách: tři čtverce v nákupní části */
.kd__chute { display: contents; }
.kd__chute figure { margin: 0; grid-column: 2; position: relative; }
.kd__chute img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.kd__chute figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 8px 7px; font-size: 12px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.45)); opacity: 0; transition: opacity .2s; }
.kd__chute figure:hover figcaption { opacity: 1; }
.kd__add:disabled { opacity: .5; cursor: not-allowed; }
.kd__note { margin: 0; font-size: 13px; line-height: 1.55; color: var(--kt-mut); }
.kd__note a { color: inherit; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); }


/* od farmy do šálku */
.kd-page > .kt-in:first-of-type { padding-bottom: 0; }   /* mezi nákupem a příběhem jen jedna mezera */
.kd-cesta { padding: clamp(48px, 7vw, 88px) 0 0; }
.kd-cesta__h { text-align: center; font-size: clamp(22px, 2.6vw, 30px); font-weight: 500; margin: 0 0 16px; }
.kd-cesta__p { text-align: center; max-width: 62ch; margin: 0 auto clamp(32px, 5vw, 56px); font-size: 16px; line-height: 1.65; }
.kd-cesta__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 12px; }
@media (min-width: 960px) { .kd-cesta__grid { grid-template-columns: repeat(4, 1fr); gap: 28px; } .kd-cesta__grid--3 { grid-template-columns: repeat(3, 1fr); max-width: 1000px; margin: 0 auto; } }
.kd-cesta__h + .kd-cesta__grid { margin-top: clamp(24px, 4vw, 40px); }
.kd-cesta__grid img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; margin: 0 0 14px; }
.kd-cesta__grid h3 { margin: 0 0 8px; font-size: 15px; font-weight: 500; }
.kd-cesta__grid p { margin: 0; font-size: 14px; line-height: 1.6; }

/* recenze a další kávy */
.kd-sec { padding: clamp(56px, 9vw, 112px) 0 0; }
html, body { overflow-x: clip; }


/* newsletter: šedý pruh jako na úvodu, jen sjednocené prvky (bez ikony, zelené tlačítko, stejná pole) */
.kd-page > .unl { margin-bottom: 0; }
.kd-page .unl__text::before { display: none; }
.kd-page .unl__in { border-radius: 6px; }
.kd-page .unl__row input { height: 46px; border: 1.5px solid transparent; border-radius: 6px; }
.kd-page .unl__row input:focus { border-color: var(--buy); outline: none; }
.kd-page .unl__row button { height: 46px; border-radius: 6px; background: var(--buy); }
.kd-page .unl__row button:hover { background: var(--buy-h); }
.rail--dalsi { --rail-pad: 0; padding-top: 0; padding-bottom: 0; }   /* karty jako na úvodu shopu, zarovnané s obsahem stránky */
@media (min-width: 1000px) { .rail--dalsi .rail__track { grid-auto-columns: calc((100% - 3 * var(--rail-gap)) / 4); overflow: visible; } }
/* časté dotazy */
.kd-faq { display: grid; gap: clamp(16px, 3vw, 56px); padding: clamp(48px, 7vw, 88px) 0 0; }
@media (min-width: 960px) { .kd-faq { grid-template-columns: minmax(220px, 1fr) 3fr; align-items: start; } }
.kd-faq__list { border-top: 1.5px solid #3b3934; border-bottom: 1.5px solid #3b3934; }
.kd-faq details + details { border-top: 1px solid var(--kt-line); }
.kd-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 2px; font-size: 15.5px; font-weight: 400; color: var(--kt-ink); border-radius: 4px; }
.kd-faq summary:hover { color: var(--buy); }
.kd-faq summary:focus { outline: none; }
.kd-faq summary:focus-visible { outline: 2px solid var(--buy); outline-offset: 2px; }
.kd-faq details[open] summary { font-weight: 600; }
.kd-faq summary::-webkit-details-marker { display: none; }
.kd-faq summary::after { content: "+"; font-size: 20px; font-weight: 300; line-height: 1; color: var(--buy); transition: transform .2s; }
.kd-faq details[open] summary::after { transform: rotate(45deg); }
.kd-faq details p { margin: -4px 0 16px; padding: 0 2px; font-size: 15px; line-height: 1.6; color: #3f3a34; max-width: 70ch; }
.kd-faq__more { margin: 16px 0 0; font-size: 14px; line-height: 1.5; color: var(--kt-mut); }
.kd-faq__more a { color: var(--kt-ink); text-underline-offset: 3px; }
.kd-page > .kt-in:last-of-type { padding-bottom: 0; }   /* konec stránky: jen mezera nad patičkou */
/* recenze: výrazný pás na krémovém pozadí */
.kd-revs { background: var(--kt-bg); margin: clamp(48px, 7vw, 88px) calc(50% - 50vw) 0; padding: clamp(32px, 4.5vw, 56px) 0; }
.kd-revs__in { max-width: 1440px; margin: 0 auto; padding: 0 clamp(16px, 5vw, 64px); display: grid; gap: clamp(24px, 4vw, 56px); }
@media (min-width: 960px) { .kd-revs__in { grid-template-columns: minmax(220px, 1fr) 3fr; align-items: start; } }
.kd-revs__h { margin: 0 0 6px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 500; }
.kd-revs__big { margin: 0; font-size: clamp(38px, 4vw, 48px); font-weight: 600; line-height: 1; letter-spacing: -.03em; }
.kd-revs__stars { display: flex; align-items: center; gap: 10px; margin: 6px 0 12px; font-size: 14px; color: var(--kt-mut); }
.kd-revs__ok { margin: 4px 0 18px; font-size: 14px; color: var(--kt-mut); max-width: 32ch; line-height: 1.5; }   /* stejně jako „Máte další otázky?“ u dotazů */
.kd-rev { display: grid; gap: 14px; }
@media (min-width: 720px) { .kd-rev { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 719px) { .kd-rev { grid-auto-flow: column; grid-auto-columns: 82%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .kd-rev article { scroll-snap-align: start; } .kd-rev .is-more[hidden] { display: none; } }
.kd-rev article { background: #fff; border-radius: 6px; padding: 18px 18px 16px; display: flex; flex-direction: column; gap: 12px; }
.kd-rev p { margin: 0; font-size: 16px; line-height: 1.5; flex: 1; }
.kd-rev small { color: var(--kt-mut); font-size: 13px; }
.kd-rev article[hidden] { display: none; }
.kd-rev__top { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.kd-ok { font-size: 12.5px; font-weight: 600; color: var(--buy); }
.kd-rev__reply { padding-left: 12px; border-left: 2px solid var(--kt-line); font-size: 14px; line-height: 1.5; color: var(--kt-mut); }
.kd-rev__reply b { display: block; font-size: 12.5px; color: var(--kt-ink); }
.kd-revs__more { all: unset; cursor: pointer; margin-top: 16px; font-size: 14.5px; text-decoration: underline; text-underline-offset: 3px; }
.kd .stickybar { background: #fff; border-top: 1px solid var(--kt-line); box-shadow: none; padding-top: 10px; padding-bottom: calc(10px + env(safe-area-inset-bottom)); }
.kd .stickybar__info img { width: 40px; height: 40px; object-fit: contain; background: none; padding: 0; border-radius: 0; }
.kd .stickybar__meta { display: block; font-size: 15px; color: var(--kt-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kd .stickybar__meta span { color: var(--kt-mut); }
.kd .stickybar { gap: 16px; }
.kd .stickybar__info { flex: 1 1 auto; min-width: 0; }
.kd-sleva { margin-left: auto; white-space: nowrap; font-size: 13.5px; font-weight: 600; color: var(--buy); text-decoration: none; }
@media (max-width: 560px) { .kd-sleva { display: none; } }
a.kd-sleva:hover { text-decoration: underline; text-underline-offset: 3px; }
.kd .stickybar .btn-buy--sticky { background: var(--buy); color: #fff; border: 0; border-radius: 6px; height: 44px; padding: 0 20px; font-size: 15px; font-weight: 600; box-shadow: none; white-space: nowrap; }
.kd .stickybar .btn-buy--sticky:hover { background: var(--buy-h); }
.kd .stickybar .btn-buy--sticky span { font-weight: 500; margin-left: 6px; }

/* bez fotek chutí: jen hlavní fotka (čtverec) a náhledy pod ní */
.kd__media--jen { display: block; }
.kd__media--jen .kd__main { aspect-ratio: 1; height: auto; }
.kd__media--jen .kd__thumbs { margin-top: 8px; }

/* ================= MOBIL (< 720 px): odlehčený detail =================
   Jedna věc po druhé: mozaika přes celou šířku (sáček se přejíždí prstem, vpravo tři chutě),
   pod ní název, krátký text a nákup, parametry až pod tím. Tenké světlé linky, vše vlevo. */
.kd__swipe, .kd__dots { display: none; }

@media (max-width: 719px) {
  .kt-in { padding-top: 12px; }
  .kd-crumbs { font-size: 12px; margin-bottom: 12px; gap: 6px; }
  .kd { gap: 0; }

  /* fotky: mozaika přes celou šířku — vlevo sáček (přejíždí se prstem, tečky dole),
     vpravo pod sebou tři chutě s popiskem; bez řady miniatur */
  .kd__media { display: grid; grid-template-columns: 3fr 1fr; gap: 2px; margin: 0 calc(-1 * clamp(16px, 5vw, 64px)); position: relative; }
  .kd__media--jen { grid-template-columns: 1fr; }
  .kd__main, .kd__thumbs { display: none; }
  .kd__swipe { grid-column: 1; grid-row: 1 / 4; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; background: var(--kt-bg); }
  .kd__media--jen .kd__swipe { aspect-ratio: 1 / 0.8; }
  .kd__swipe::-webkit-scrollbar { display: none; }
  .kd__slide { flex: 0 0 100%; scroll-snap-align: start; position: relative; background: var(--kt-bg); isolation: isolate; }   /* podklad přímo pod fotkou: Safari jinak v posuvníku nesmíchá bílé pozadí fotky (rámeček v rámečku) */
  .kd__slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 10%; mix-blend-mode: multiply; }
  .kd__slide.is-cover img { object-fit: cover; padding: 0; mix-blend-mode: normal; }
  .kd__slide.is-cover.is-bile img { mix-blend-mode: multiply; }
  .kd__dots { display: flex; gap: 5px; position: absolute; left: 0; width: 75%; bottom: 10px; justify-content: center; pointer-events: none; }
  .kd__media--jen .kd__dots { width: 100%; }
  .kd__dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(31,30,27,.22); }
  .kd__dots i.on { background: var(--kt-ink); }
  .kd__chute { display: contents; }
  .kd__chute figure { grid-column: 2; margin: 0; position: relative; }
  .kd__chute figcaption { opacity: 1; padding: 16px 6px 6px; font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; background: linear-gradient(transparent, rgba(0,0,0,.45)); }

  /* informace: název, hodnocení, nákup; text a parametry až pod tím */
  .kd__info { display: flex; flex-direction: column; padding-top: 22px; }
  .kd__name { order: 1; font-size: 21px; letter-spacing: .04em; margin-bottom: 8px; }
  .kd__tags { order: 2; margin-bottom: 18px; gap: 8px; }
  .kd__tags .rk__tag { font-size: 10.5px; }
  .kd__rating { margin-left: 0; font-size: 13px; }
  .kd__text { order: 3; font-size: 15px; line-height: 1.6; margin-bottom: 18px; color: #3f3a34; }
  .kd__row { order: 4; }
  .kd__note { order: 5; margin-bottom: 26px; }
  .kd__params { order: 6; margin: 0; padding: 0; border: 0; }

  /* nákup: balení jako dvě stejné volby, pod nimi počet a tlačítko */
  .kd__row { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin-bottom: 12px; }
  .kd__row > * { height: 48px; }
  .kd__row .size-opts { grid-column: 1 / -1; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px; height: auto; }
  .kd__row .size-opts[hidden] { display: none; }
  .kd__row .size-opt { height: 44px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0; border-color: var(--kt-line); }
  .kd .kd__row .qty { width: 112px; height: 48px; border-color: var(--kt-line); }
  .kd__row .kd__add { height: 48px; box-shadow: none; }
  .kd__note { font-size: 12.5px; }

  /* parametry: tenké světlé linky, nic tučného */
  .kd__params div { padding: 10px 0; border-top: 1px solid var(--kt-line); font-size: 14px; }
  .kd__params div:last-child { border-bottom: 1px solid var(--kt-line); }
  .kd__params dt { color: var(--kt-mut); }

  /* sekce pod nákupem: vlevo, menší nadpisy, méně mezer */
  .kd-cesta, .kd-faq { padding-top: 44px; }
  .kd-cesta__h, .kd-revs__h { text-align: left; font-size: 20px; margin-bottom: 12px; }
  .kd-cesta__p { text-align: left; font-size: 15px; line-height: 1.65; margin: 0 0 14px; color: #3f3a34; }
  .kd-cesta__grid { margin-top: 24px; }
  .kd-faq { gap: 10px; }
  .kd-faq__list { border-top: 1px solid var(--kt-line); border-bottom: 1px solid var(--kt-line); }
  .kd-faq summary { font-size: 15px; padding: 15px 0; }

  /* recenze: krátké shrnutí na jednom řádku, karty bez těžkého pásu */
  .kd-revs { margin-top: 44px; padding: 28px 0; }
  .kd-revs__in { gap: 16px; }
  .kd-revs__sum { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
  .kd-revs__h { grid-column: 1 / -1; }
  .kd-revs__big { font-size: 34px; }
  .kd-revs__stars { margin: 0; flex-direction: column; align-items: flex-start; gap: 2px; font-size: 13px; }
  .kd-revs__ok { grid-column: 1 / -1; margin: 12px 0 0; max-width: none; }
  .kd-rev p { font-size: 15px; }

  /* další kávy: stejný posuvník jako na úvodu */
  .kd-sec { padding-top: 44px; }
  .kd-sec .kd-cesta__h { margin-bottom: 16px !important; }
}

/* ================= PŘEHLED ODDĚLENÍ (/shop/kava/, /shop/kava/espresso/, /shop/prislusenstvi/) ================= */
.odd-head { margin: clamp(8px, 2vw, 20px) 0 clamp(24px, 4vw, 40px); }
.odd-head__h { margin: 0 0 8px; font-size: clamp(26px, 3.4vw, 40px); font-weight: 500; letter-spacing: -.01em; }
.odd-head__p { margin: 0; max-width: 60ch; font-size: 15.5px; line-height: 1.6; color: var(--kt-mut); }
.odd-tabs { display: flex; gap: clamp(16px, 2.4vw, 28px); margin-top: clamp(18px, 3vw, 28px); font-size: clamp(18px, 2vw, 22px); }   /* jako DAK: Vše · Espresso · Filtr */
.odd-tabs a { color: #a19d94; text-decoration: none; }
.odd-tabs a:hover { color: var(--kt-ink); }
.odd-tabs a[aria-current] { color: var(--kt-ink); }
.rail--vypis { --rail-pad: 0; padding: 0; }
@media (min-width: 720px) { .rail--vypis .rail__track { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; row-gap: 0; }   /* mezera mezi řadami jen okrajem karty, ať se nepropíše do řádků uvnitř karty (subgrid) */
  .rail--vypis .rail__item { margin-bottom: clamp(32px, 4vw, 48px); } }
@media (min-width: 1000px) { .rail--vypis .rail__track { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.odd-empty { font-size: 15px; color: var(--kt-mut); }

/* přehled kávy: přepínač Vše · Espresso · Filtr jako nadpis stránky, popis až pod produkty */
.as-skryt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.odd-head--taby { margin-bottom: clamp(20px, 3vw, 32px); }
.odd-taby { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; white-space: nowrap; gap: 0 clamp(18px, 2.6vw, 34px); font-size: clamp(30px, 4vw, 48px); font-weight: 500; letter-spacing: -.01em; line-height: 1.15; }
.odd-taby a { color: #c4bfb5; text-decoration: none; transition: color .15s; }
.odd-taby a:hover { color: var(--kt-mut); }
.odd-taby a[aria-current] { color: var(--kt-ink); }
.odd-popis { max-width: 60ch; margin: clamp(8px, 2vw, 16px) 0 0; font-size: 14px; line-height: 1.6; color: var(--kt-mut); }
.odd-taby::-webkit-scrollbar { display: none; }
.odd-taby a { flex: none; }
.odd-taby-wrap { position: relative; }
.odd-taby-wrap.is-vic .odd-taby { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent); }   /* řada pokračuje: pravý okraj vybledne */
.odd-taby-wrap.is-zacatek .odd-taby { -webkit-mask-image: linear-gradient(90deg, transparent, #000 40px); mask-image: linear-gradient(90deg, transparent, #000 40px); }   /* posunuto: vybledne levý okraj */
.odd-taby-wrap.is-vic.is-zacatek .odd-taby { -webkit-mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 64px), transparent); mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 64px), transparent); }
.odd-taby-wrap { display: flex; align-items: center; gap: 12px; }
.odd-taby-wrap .odd-taby { flex: 1; min-width: 0; }
.odd-taby-nav { flex: none; }   /* ← → jako u řad na úvodu; na dotyku skryté (shop.css) */

/* video produktu (náhled → přehrávač po kliknutí) */
.kd-video { margin: clamp(24px, 3vw, 36px) auto 0; max-width: 860px; }
.kd-video__nahled, .kd-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 6px; overflow: hidden; background: #1f1e1b; }
.kd-video__nahled { all: unset; box-sizing: border-box; position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; cursor: pointer; border-radius: 6px; overflow: hidden; background: #1f1e1b; }
.kd-video__nahled img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.kd-video__btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 14px 26px; border-radius: 6px; background: var(--kt-ink); color: #fff; font-size: 15px; font-weight: 600; transition: background .15s; }
@media (hover: hover) { .kd-video__nahled:hover img { transform: scale(1.02); } .kd-video__nahled:hover .kd-video__btn { background: #3a3835; } }
.kd-video__nahled:focus-visible { outline: 2px solid var(--kt-ink); outline-offset: 3px; }
.kd-video__pozn { margin: 8px 0 0; font-size: 12.5px; color: var(--kt-mut); text-align: center; }
.kd-cesta--znacka { padding-top: clamp(40px, 6vw, 72px); }
/* návod k použití: oddíly jako časté dotazy, uvnitř odstavce, odrážky a kroky */
.kd-navod__in { margin: -4px 0 18px; padding: 0 2px; max-width: 70ch; font-size: 15px; line-height: 1.6; color: #3f3a34; }
.kd-faq .kd-navod__in p { margin: 0 0 10px; padding: 0; font-size: inherit; }
.kd-navod__in ul, .kd-navod__in ol { margin: 0 0 12px; padding-left: 22px; }
.kd-navod__in li { margin: 0 0 6px; }
.kd-navod__in li::marker { color: var(--buy); }
.kd-revs__ok a { color: var(--kt-ink); text-underline-offset: 3px; white-space: nowrap; }
.qty-limit { margin: 8px 0 0; font-size: 13.5px; line-height: 1.4; color: var(--kt-mut); }