/* CLAUDE – jednotny detail produktu (bloky .pd-* v dlouhem popisu), pilot Glow 16. 9. 2026.
   Styl = Pobo widgety na ostatnich kartach (Teddy Bear, Recharge Tonic): zadne kulate rohy, serif nadpisy 24px/400,
   svetle podklady #f7f8f5 / #edf9ff / #fdf4ff, hranata tlacitka jako .btn-primary, text #033d37.
   Nadpisy: sekce i panel 36px, mobil 24px; text v panelu 18px/1.8 (vzor Firemni darky); panel foto 1:1.
   Bloky .pd-* jsou sourozenci .headTextDetail uvnitr .full-width-content – Honzuv JS presouva jen .headTextDetail
   vedle galerie, .pd-* zustavaji na plnou sirku pod galerii. Zdroj: ~/Claude/equa/produktove-stranky/glow/. */
.type-detail .pd-sec { margin: 0 0 80px; color: #033d37; }
.type-detail .pd-sec:first-of-type { margin-top: 40px; }
.type-detail .pd-sec h2 { font-family: var(--template-headings-font) !important; font-size: 36px; font-weight: 400; line-height: 1.4; color: #033d37; text-align: center; margin: 0 0 40px; } /* = nadpisy sekci na Firemni darky */
.type-detail .pd-sec h3 { font-family: Inter, sans-serif !important; font-size: 20px; font-weight: 600; line-height: 1.4; color: #033d37; margin: 0 0 8px; }
.type-detail .pd-sec p { font-size: 16px; line-height: 1.6; color: #033d37; margin: 0; }
.type-detail .pd-sec img { border-radius: 0; }
/* foto + text na podkladu (vzor Teddy Bear) */
/* podkresy jen z palety DESIGN-eshop-pravidla.md 1.1: hero #f2ede7, GIF panel bily box s ramecekem + GIF #e6e7dd, baterie #edf9ff, CTA #f2ede7 (fialova zamitnuta – zemite barvy), dlazdice #f7f8f5 */
.type-detail .pd-split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: #f2ede7; }
.type-detail .pd-split--blue { background: #edf9ff; }
.type-detail .pd-split--sand { background: #e6e7dd; } /* GIF panel: vnejsi podkres = pozadi GIFu; textova polovina bily box s ramecekem jako .p-widget-cta-banner__content.has-border na Firemni darky */
.type-detail .pd-split--sand .pd-txt { background: #fff; border: 1px solid #e0e0db; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.type-detail .pd-split--purple { background: #fdf4ff; }
.type-detail .pd-split img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; } /* ctverec jako .p-widget-grid__thumb */
/* hover zoom fotek (vzor myequa.com: .image-hover – scale 1.05 / 500 ms cubic-bezier(0,0,.2,1), orez ve wrapperu, jen desktop s mysi) */
.type-detail .pd-zoom { overflow: hidden; }
.type-detail .pd-zoom img { transition: transform .5s cubic-bezier(0, 0, .2, 1); }
@media (hover: hover) and (min-width: 1024px) {
  .type-detail .pd-zoom:hover img { transform: scale(1.05); }
  .type-detail .pd-colors a { overflow: hidden; }
  .type-detail .pd-colors img { transition: transform .5s cubic-bezier(0, 0, .2, 1); }
  .type-detail .pd-colors a:hover img { transform: scale(1.05); }
}
.type-detail .pd-split .pd-txt { padding: 48px 56px; }
.type-detail .pd-split .pd-txt h2 { text-align: left; font-size: 36px; line-height: 1.4; margin: 0 0 24px; } /* = panel na Firemni darky */
.type-detail .pd-split .pd-txt p { font-size: 18px; line-height: 1.8; } /* = odrazky na Firemni darky (18px/32px) */
.type-detail .pd-split--rev img, .type-detail .pd-split--rev .pd-zoom { order: 2; }
/* ikonove boxy (vzor Recharge Tonic) */
.type-detail .pd-icons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.type-detail .pd-icons .pd-card { text-align: center; padding: 0 8px; }
.type-detail .pd-icons .pd-ico { width: 64px; height: 64px; margin: 0 auto 20px; display: block; filter: invert(14%) sepia(30%) saturate(1500%) hue-rotate(140deg) brightness(90%); }
/* karty s fotkou */
.type-detail .pd-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.type-detail .pd-grid .pd-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; margin-bottom: 20px; }
.type-detail .pd-grid .pd-card .pd-zoom { margin-bottom: 20px; } /* margin nese wrapper, aby zoom nebledl do mezery */
.type-detail .pd-grid .pd-card .pd-zoom img { margin-bottom: 0; }
/* vyber barvy */
.type-detail .pd-colors { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.type-detail .pd-colors a { display: block; text-align: center; text-decoration: none !important; background: #f7f8f5; padding: 24px 16px; color: #033d37; font-family: Inter, sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 2.8px; }
.type-detail .pd-colors a:hover { background: #ede9e4; }
.type-detail .pd-colors img { width: 100%; aspect-ratio: 3 / 4; object-fit: contain; display: block; margin-bottom: 16px; mix-blend-mode: multiply; }
/* tlacitko = .btn-primary sablony */
.type-detail .pd-btn { display: inline-block; margin-top: 24px; background: #d2ea8e; color: #033d37 !important; font-family: Inter, sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; padding: 8px 24px; border: 2px solid transparent; border-radius: 0; text-decoration: none !important; }
.type-detail .pd-btn:hover { background: #c3df75; }
@media (max-width: 991px) {
  .type-detail .pd-icons, .type-detail .pd-grid, .type-detail .pd-colors { grid-template-columns: repeat(2, 1fr); }
  .type-detail .pd-split .pd-txt { padding: 32px; }
  .type-detail .pd-split .pd-txt p { font-size: 16px; }
}
@media (max-width: 767px) {
  .type-detail .pd-sec { margin-bottom: 56px; }
  .type-detail .pd-sec h2 { font-size: 24px; margin-bottom: 24px; }
  .type-detail .pd-split .pd-txt h2 { font-size: 24px; }
  .type-detail .pd-split { grid-template-columns: 1fr; }
  .type-detail .pd-split img, .type-detail .pd-split--rev img, .type-detail .pd-split--rev .pd-zoom { order: 0; }
  .type-detail .pd-split .pd-txt { padding: 24px; }
}

/* CLAUDE – kategorie Nerezove termosky (id-723 CZ i PL): skryt video pod galerii, ktere vklada Honzuv redesign bundle podle /user/documents/upload/video/product-video.txt (config vyprazdnen 16. 9. 2026, CSS je pojistka proti CDN cache configu). */
body.id-723 .p-embed-video { display: none !important; }

/* CLAUDE – rozsireni pro termosky Timeless Thermo (17. 9. 2026): 3 ikonove boxy, 5 dlazdic barev, srovnavaci tabulka */
.type-detail .pd-icons--3 { grid-template-columns: repeat(3, 1fr); max-width: 960px; margin: 0 auto; }
.type-detail .pd-colors--5 { grid-template-columns: repeat(5, 1fr); gap: 20px; }
.type-detail .pd-table-wrap { overflow-x: auto; }
/* srovnavaci tabulka = styl tabulky na /doprava-a-platba/: bez mrizky, jen spodni linky 1px #e0e0db, hlavicka Inter 16px tucne bez podkladu, padding 16px;
   table-layout fixed = stejne siroke sloupce; objemy = prokliky na kategorii s filtrem Objem (?pv21=ID, ID objemu jsou spolecna pro CZ i PL) */
.type-detail .pd-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 16px; line-height: 1.6; color: #033d37; }
.type-detail .pd-table th, .type-detail .pd-table td { border: 0; border-bottom: 1px solid #e0e0db; padding: 16px; text-align: left; vertical-align: top; background: transparent; }
.type-detail .pd-table th { font-family: Inter, sans-serif; font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: normal; }
.type-detail .pd-table td:first-child { font-weight: 600; }
.type-detail .pd-table .is-hl { background: #e6e7dd; } /* zvyrazneny sloupec = rada produktu na strance; tmavsi pastel z palety, text zustava tenky (Pavel 16. 9. vecer) */
.type-detail .pd-table a { color: #033d37; text-decoration: underline; }
.type-detail .pd-colors a[hidden] { display: none; } /* dlazdice mimo zivy vypis kategorie (claude-detail.js) */
@media (max-width: 991px) { .type-detail .pd-icons--3, .type-detail .pd-colors--5 { grid-template-columns: repeat(2, 1fr); } .type-detail .pd-table { font-size: 14px; } .type-detail .pd-table th, .type-detail .pd-table td { padding: 10px 12px; } }

/* CLAUDE – rozsireni pro termohrnky (17. 9. 2026): 3 dlazdice „Tri objemy, jedna rodina“ (Coffee / Carry / Big Cup) */
.type-detail .pd-colors--3 { grid-template-columns: repeat(3, 1fr); max-width: 900px; margin: 0 auto; }
@media (max-width: 767px) { .type-detail .pd-colors--3 { grid-template-columns: repeat(3, 1fr); gap: 12px; } .type-detail .pd-colors--3 a { padding: 16px 8px; font-size: 12px; letter-spacing: 1.5px; } }

/* CLAUDE – rozsireni pro dalsi rady (17. 9. 2026): 2 dlazdice (Flow 2v1, prichute proteinu, bryle) */
.type-detail .pd-colors--2 { grid-template-columns: repeat(2, 1fr); max-width: 600px; margin: 0 auto; }

/* CLAUDE – bloky s vice nez 10 dlazdicemi (Timeless 600, Active, plast s motivy, sklo s obalem…): 8 v radku, mensi popisky (Pavel 17. 9. 2026, Timeless) – :has() bez podpory spadne na 5 sloupcu */
.type-detail .pd-colors:has(> a:nth-child(11)) { grid-template-columns: repeat(8, 1fr); gap: 12px; }
.type-detail .pd-colors:has(> a:nth-child(11)) a { padding: 14px 8px; font-size: 11px; letter-spacing: 1.5px; }
.type-detail .pd-colors:has(> a:nth-child(11)) img { margin-bottom: 10px; }
@media (max-width: 991px) { .type-detail .pd-colors:has(> a:nth-child(11)) { grid-template-columns: repeat(4, 1fr); gap: 10px; } }
@media (max-width: 767px) { .type-detail .pd-colors:has(> a:nth-child(11)) { grid-template-columns: repeat(3, 1fr); } }