/* ================= FONTY ================= */
@font-face { font-family: 'Gotham'; src: url('https://cdn-prod.neonet.pl/richcontent/1293702/fonts/Gotham-Book.otf') format('opentype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('https://cdn-prod.neonet.pl/richcontent/1293702/fonts/Gotham-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; }


/* ================= GŁÓWNY KONTENER ================= */
#prod-desc-container { max-width: 920px; min-width: 320px; margin: 0 auto; padding: 16px; font-family: 'Gotham', Arial, sans-serif; color: #333; background-color: #fff; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
#prod-desc-container * { margin: 0; padding: 0; box-sizing: border-box; }


/* ================= TYTUŁY, SEKCJE ================= */
#prod-desc-container .lp-title { font-size: 2rem; font-weight: 700; font-family: 'Gotham', Arial, sans-serif; text-align: center; margin-bottom: 20px; }
#prod-desc-container .lp-section { text-align: center; overflow: hidden; margin-bottom: 64px; }
#prod-desc-container .lp-subtitle { font-size: 1.5rem; font-weight: 600; margin: 20px 0 10px 0; text-align: center; }
#prod-desc-container img, #prod-desc-container video { width: 100%; max-width: 800px; height: auto; display: block; margin: 0 auto;}
#prod-desc-container .lp-description { font-size: 1rem; line-height: 1.5; font-weight: 400; font-family: 'Gotham', Arial, sans-serif; margin-bottom: 20px; text-align: center; }
#prod-desc-container .lp-small-text { font-size: 0.75rem; line-height: 1.2; color: #666; margin-bottom: 20px; text-align: center; }
#prod-desc-container figure { margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; max-width: 100%; }
#prod-desc-container figcaption { margin-top: 12px; padding-bottom: 0; font-size: 0.8rem; line-height: 1.5; color: #555; text-align: center; font-style: normal; max-width: 90%; }

/* ================= OBRAZKI ================= */
#prod-desc-container .lp-section img,
#prod-desc-container img.lazy { max-width: 100%; height: auto; display: block; margin: 0 auto; }

/* ============ BREAKPOINTY ============ */

/* WIDE DESKTOP: >1230px */
@media (min-width: 1230px) {
    #prod-desc-container { max-width: 920px; }
}

/* NARROW DESKTOP: 960px – 1229px */
@media (min-width: 960px) and (max-width: 1229px) {
    #prod-desc-container { max-width: 680px; }
}

/* MOBILE: <960px */
@media (max-width: 959px) {
    #prod-desc-container { width: 100%; max-width: 680px; min-width: 320px; padding: 0 1px; }
    #prod-desc-container .lp-title { font-size: 1.4rem; }
    #prod-desc-container .lp-description { font-size: 0.95rem; }
}