/* eTech v3 — mehsul-detay.html səhifə-lokal stilləri
   (markdown təsvir, hover-zoom, lightbox, SSR blok, sabit alış paneli).
   Tailwind-dən kənar: dinamik HTML (renderMarkdown) və tam ekran dialoq. */

/* hidden atributu Tailwind display utilitlərini (flex/inline-flex/.chip) üstələsin */
main [hidden], #pd-lb [hidden], #pd-lb[hidden], #pd-sticky[hidden] { display: none !important; }

/* ── Təsvir (renderMarkdown çıxışı) ── */
.pd-prose { line-height: 1.6; overflow-wrap: anywhere; }
.pd-prose p { margin: 0 0 .75rem; }
.pd-prose h3 { font-family: Manrope, Inter, sans-serif; font-size: 18px; line-height: 26px; font-weight: 700; color: #0F172A; margin: 1.25rem 0 .5rem; }
.pd-prose h4 { font-family: Manrope, Inter, sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; color: #0F172A; margin: 1rem 0 .5rem; }
.pd-prose ul, .pd-prose ol { margin: 0 0 .75rem; padding-left: 1.25rem; }
.pd-prose ul { list-style: disc; }
.pd-prose ol { list-style: decimal; }
.pd-prose li { margin: .2rem 0; }
.pd-prose li::marker { color: #005cba; }
.pd-prose strong { font-weight: 600; color: #0F172A; }
.pd-prose table { border-collapse: collapse; margin: 0 0 .75rem; font-size: 13px; display: block; overflow-x: auto; max-width: 100%; }
.pd-prose th, .pd-prose td { border: 1px solid #E2E8F0; padding: 6px 10px; text-align: left; vertical-align: top; }
.pd-prose th { background: #F1F5F9; font-weight: 600; }
.pd-prose > :last-child { margin-bottom: 0; }

/* ── Hover zoom (yalnız siçan) ── */
.pd-zoom { cursor: zoom-in; overflow: hidden; }
.pd-zoom img { transition: transform .2s ease; }
@media (hover: hover) and (pointer: fine) {
  .pd-zoom.is-zooming img { transform: scale(2); transition: none; }
}

/* ── Thumbnail ── */
.pd-thumb { flex: 0 0 auto; width: 72px; height: 72px; border-radius: 8px; background: #fff; border: 2px solid #E2E8F0; padding: 6px; display: flex; align-items: center; justify-content: center; }
.pd-thumb[aria-current="true"] { border-color: #005cba; }
.pd-thumb:hover { border-color: #94a3b8; }
.pd-thumb img { width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
@media (min-width: 768px) { .pd-thumb { width: 88px; height: 88px; } }

/* ── Spesifikasiya cədvəli ── */
#pd-specs-body tr { border-bottom: 1px solid #E2E8F0; }
#pd-specs-body tr:last-child { border-bottom: 0; }
#pd-specs-body th { width: 40%; text-align: left; font-weight: 500; color: #44474c; padding: .65rem 1rem .65rem 0; vertical-align: top; }
#pd-specs-body td { font-weight: 600; color: #0b1c30; padding: .65rem 0; overflow-wrap: anywhere; }

/* ── SSR bloku (crawler mətni; JS yükləyəndə silinir) ── */
#ssr-content { font-size: 14px; line-height: 1.55; color: #44474c; }
#ssr-content nav, #ssr-content p { margin: 0 0 .5rem; }
#ssr-content table { border-collapse: collapse; margin-top: .5rem; }
#ssr-content td { border: 1px solid #E2E8F0; padding: 4px 8px; }
#ssr-content h2 { font-weight: 700; color: #0F172A; margin: .75rem 0 .25rem; }

/* ── Lightbox ── */
.pd-lb { position: fixed; inset: 0; z-index: 10040; background: rgba(8, 12, 20, .94); display: flex; flex-direction: column; color: #fff; }
.pd-lb[hidden] { display: none; }
.pd-lb-top { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px 0 20px; }
.pd-lb-stage { position: relative; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 8px 56px; touch-action: pan-y; }
.pd-lb-stage img { max-width: 100%; max-height: 100%; object-fit: contain; background: #fff; border-radius: 8px; }
.pd-lb-nav { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; background: rgba(255, 255, 255, .12); }
.pd-lb-nav:hover { background: rgba(255, 255, 255, .22); }
.pd-lb-thumbs { display: flex; gap: 8px; justify-content: center; overflow-x: auto; padding: 12px 16px calc(16px + env(safe-area-inset-bottom, 0px)); }
.pd-lb-thumbs button { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 6px; background: #fff; padding: 4px; border: 2px solid transparent; opacity: .6; }
.pd-lb-thumbs button[aria-current="true"] { border-color: #0088FF; opacity: 1; }
.pd-lb-thumbs img { width: 100%; height: 100%; object-fit: contain; }
body.pd-lb-open { overflow: hidden; }
body.pd-lb-open #etech-launcher { display: none; }
@media (max-width: 767.98px) { .pd-lb-stage { padding: 8px 8px; } .pd-lb-nav { display: none; } }

/* ── Mobil sabit alış paneli: alt nav-ın üstündə; launcher onun üstünə qalxır ── */
#pd-sticky { bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
#pd-sticky[hidden] { display: none; }
@media (max-width: 1023.98px) {
  body.pd-sticky-on.v3-has-bottomnav #etech-launcher { bottom: calc(76px + 64px + env(safe-area-inset-bottom, 0px)) !important; }
  body.pd-sticky-on { padding-bottom: calc(128px + env(safe-area-inset-bottom, 0px)); }
}

/* ── Uyğunluq siyahısı: mobildə ilk 6 ── */
@media (max-width: 767.98px) { #pd-compat-list.is-collapsed > li:nth-child(n+7) { display: none; } }