/* 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) */
.type-detail .pd-split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: #f7f8f5; }
.type-detail .pd-split--blue { background: #edf9ff; }
.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 */
.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 { 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; }
/* 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: #edf9ff; }
.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 { order: 0; }
  .type-detail .pd-split .pd-txt { padding: 24px; }
}