/* ============================================================
   .cmv-pd — descrieri de produs v3 CarMedic (stil landing page)
   Namespace propriu, separat de .cm-pd (prefixul vechi al motorului).
   ============================================================ */
.single-product .woocommerce-tabs .cmv-pd{font-size:16px;line-height:1.7;color:var(--cmv-text-soft)}
.single-product .woocommerce-tabs .cmv-pd > *:first-child{margin-top:0}

/* --- lead ------------------------------------------------- */
.cmv-pd-lead{font-size:1.16rem;line-height:1.62;color:var(--cmv-text);
  border-left:3px solid var(--cmv-blue);padding:2px 0 2px 18px;margin:0 0 32px}

/* --- verdict (merită / nu e pentru tine) ------------------ */
.cmv-pd-verdict{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 38px}
.cmv-pd-verdict > div{background:var(--cmv-bg-softer);border:1px solid var(--cmv-border);
  border-radius:var(--cmv-radius);padding:20px 22px}
.cmv-pd-verdict-yes{border-top:3px solid #2E9B5B}
.cmv-pd-verdict-no{border-top:3px solid var(--cmv-amber)}
.cmv-pd-verdict h4{margin:0 0 12px;font-size:1.02rem;color:var(--cmv-text);letter-spacing:.1px}
.cmv-pd-verdict ul{margin:0;padding:0;list-style:none}
.cmv-pd-verdict li{position:relative;padding-left:24px;margin-bottom:9px;font-size:.95rem}
.cmv-pd-verdict li:last-child{margin-bottom:0}
.cmv-pd-verdict-yes li::before{content:"";position:absolute;left:4px;top:.55em;width:9px;height:5px;
  border-left:2px solid #2E9B5B;border-bottom:2px solid #2E9B5B;transform:rotate(-45deg)}
.cmv-pd-verdict-no li::before{content:"";position:absolute;left:5px;top:.68em;width:10px;height:2px;
  background:var(--cmv-amber)}

/* --- secțiuni narative cu imagine ------------------------- */
.cmv-pd-split{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:center;margin:0 0 40px}
.cmv-pd-split--rev .cmv-pd-split-text{order:2}
.cmv-pd-split--rev .cmv-pd-split-img{order:1}
.cmv-pd-split h3{margin:0 0 12px;font-size:1.28rem;line-height:1.3;color:var(--cmv-text)}
.cmv-pd-split p{margin:0 0 12px}
.cmv-pd-split p:last-child{margin-bottom:0}
.cmv-pd-split-img{margin:0;background:var(--cmv-bg-soft);border:1px solid var(--cmv-border);
  border-radius:var(--cmv-radius);padding:14px;text-align:center}
.cmv-pd-split-img img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:6px}

/* --- bloc narativ fără imagine + citat -------------------- */
.cmv-pd-story{margin:0 0 40px}
.cmv-pd-story h3{margin:0 0 12px;font-size:1.28rem;line-height:1.3;color:var(--cmv-text)}
.cmv-pd-quote{margin:22px 0;padding:18px 24px;background:var(--cmv-bg-tint);
  border-left:3px solid var(--cmv-blue);border-radius:0 var(--cmv-radius) var(--cmv-radius) 0;
  font-size:1.08rem;line-height:1.55;color:var(--cmv-text);font-style:normal}

/* --- scenarii concrete ------------------------------------ */
.cmv-pd-cases{margin:0 0 40px}
.cmv-pd-cases > h3{margin:0 0 18px;font-size:1.3rem;color:var(--cmv-text)}
.cmv-pd-case{border-left:2px solid var(--cmv-border);padding:2px 0 2px 20px;margin-bottom:22px}
.cmv-pd-case:last-child{margin-bottom:0}
.cmv-pd-case h4{margin:0 0 7px;font-size:1.02rem;color:var(--cmv-blue);line-height:1.35}
.cmv-pd-case p{margin:0;font-size:.96rem}

/* --- funcții grupate -------------------------------------- */
.cmv-pd-groups{margin:0 0 40px}
.cmv-pd-groups > h3{margin:0 0 20px;font-size:1.3rem;color:var(--cmv-text)}
.cmv-pd-group{margin-bottom:26px}
.cmv-pd-group:last-child{margin-bottom:0}
.cmv-pd-group h4{margin:0 0 6px;font-size:1.05rem;color:var(--cmv-text);
  padding-bottom:8px;border-bottom:1px solid var(--cmv-border)}
.cmv-pd-group > p{margin:10px 0 12px;font-size:.94rem;color:var(--cmv-text-faint)}
ul.cmv-pd-fn{margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:1fr 1fr;gap:8px 26px}
ul.cmv-pd-fn li{position:relative;padding-left:17px;font-size:.94rem;line-height:1.55}
ul.cmv-pd-fn li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;
  border-radius:50%;background:var(--cmv-blue)}
ul.cmv-pd-fn li strong{color:var(--cmv-text)}

/* --- limite oneste ---------------------------------------- */
.cmv-pd-limits{margin:0 0 38px;background:#FFFBF3;border:1px solid #F0DFC0;
  border-radius:var(--cmv-radius);padding:20px 24px}
.cmv-pd-limits h3{margin:0 0 12px;font-size:1.1rem;color:#8A5A12}
.cmv-pd-limits ul{margin:0;padding:0;list-style:none}
.cmv-pd-limits li{position:relative;padding-left:22px;margin-bottom:9px;font-size:.95rem}
.cmv-pd-limits li:last-child{margin-bottom:0}
.cmv-pd-limits li::before{content:"!";position:absolute;left:0;top:0;width:15px;height:15px;
  margin-top:.28em;border-radius:50%;background:var(--cmv-amber);color:#fff;
  font-size:11px;font-weight:700;line-height:15px;text-align:center}

/* --- tabel specificații (compact, la final) --------------- */
.single-product .woocommerce-tabs table.cmv-pd-specs{width:100%;border-collapse:collapse;
  margin:0 0 34px;font-size:.94rem}
.single-product .woocommerce-tabs table.cmv-pd-specs th{width:34%;text-align:left;
  padding:9px 14px;background:var(--cmv-bg-soft);color:var(--cmv-text);font-weight:600;
  border:1px solid var(--cmv-border);vertical-align:top}
.single-product .woocommerce-tabs table.cmv-pd-specs td{padding:9px 14px;
  border:1px solid var(--cmv-border);color:var(--cmv-text-soft)}

/* --- pachet ----------------------------------------------- */
ul.cmv-pd-pack{margin:0 0 8px;padding:0;list-style:none;
  display:grid;grid-template-columns:1fr 1fr;gap:7px 26px}
ul.cmv-pd-pack li{position:relative;padding-left:20px;font-size:.95rem}
ul.cmv-pd-pack li::before{content:"";position:absolute;left:2px;top:.5em;width:8px;height:4px;
  border-left:2px solid var(--cmv-blue);border-bottom:2px solid var(--cmv-blue);transform:rotate(-45deg)}
.cmv-pd .cmv-pd-note{font-size:.88rem;color:var(--cmv-text-faint);margin:0 0 34px}

/* --- FAQ -------------------------------------------------- */
.cmv-pd-faq{margin:0 0 34px}
.cmv-pd-faq > h3{margin:0 0 14px;font-size:1.3rem;color:var(--cmv-text)}
.cmv-pd-faq details{border:1px solid var(--cmv-border);border-radius:10px;
  margin-bottom:9px;background:#fff;overflow:hidden}
.cmv-pd-faq details[open]{border-color:#C9D8F0;background:var(--cmv-bg-softer)}
.cmv-pd-faq summary{cursor:pointer;padding:14px 44px 14px 18px;position:relative;
  font-weight:600;color:var(--cmv-text);font-size:.99rem;list-style:none}
.cmv-pd-faq summary::-webkit-details-marker{display:none}
.cmv-pd-faq summary::after{content:"";position:absolute;right:19px;top:50%;
  width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--cmv-blue);
  border-bottom:2px solid var(--cmv-blue);transform:rotate(45deg);transition:transform .18s}
.cmv-pd-faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.cmv-pd-faq details p{margin:0;padding:0 18px 16px;font-size:.95rem;color:var(--cmv-text-soft)}

/* --- CTA -------------------------------------------------- */
.cmv-pd-cta{background:var(--cmv-navy);color:#DCE5F3;border-radius:var(--cmv-radius);
  padding:22px 26px;margin:0}
.cmv-pd-cta p{margin:0;font-size:1rem;line-height:1.6}
.cmv-pd-cta a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cmv-pd-cta a:hover{color:var(--cmv-amber)}

/* --- mobil ------------------------------------------------ */
@media (max-width:880px){
  .cmv-pd-verdict{grid-template-columns:1fr;gap:12px}
  .cmv-pd-split{grid-template-columns:1fr;gap:20px}
  .cmv-pd-split--rev .cmv-pd-split-text{order:1}
  .cmv-pd-split--rev .cmv-pd-split-img{order:2}
  .cmv-pd-split-img{max-width:420px;margin-inline:auto}
  ul.cmv-pd-fn,ul.cmv-pd-pack{grid-template-columns:1fr}
  .cmv-pd-lead{font-size:1.08rem}
  .cmv-pd-split h3,.cmv-pd-story h3{font-size:1.16rem}
  .single-product .woocommerce-tabs table.cmv-pd-specs th{width:42%}
}

/* ============================================================
   .cmv-pl — varianta LINIARĂ (stil diagshop: secțiuni stivuite,
   proză + liste, imagini pe toată lățimea). Coexistă cu .cmv-pd.
   ============================================================ */
.single-product .woocommerce-tabs .cmv-pl{font-size:16px;line-height:1.75;color:var(--cmv-text-soft);
  max-width:none} /* 19.08: lățimea întreagă a paginii, cerere Marius */
.single-product .woocommerce-tabs .cmv-pl > h3{margin:38px 0 14px;font-size:1.3rem;line-height:1.3;
  color:var(--cmv-text);font-weight:650;padding-bottom:10px;border-bottom:2px solid var(--cmv-border)}
.single-product .woocommerce-tabs .cmv-pl > h3:first-child{margin-top:0}
.single-product .woocommerce-tabs .cmv-pl p{margin:0 0 15px}
.single-product .woocommerce-tabs .cmv-pl strong{color:var(--cmv-text);font-weight:600}
.single-product .woocommerce-tabs .cmv-pl ul{margin:0 0 20px;padding:0;list-style:none}
.single-product .woocommerce-tabs .cmv-pl ul li{position:relative;padding-left:22px;margin-bottom:9px}
.single-product .woocommerce-tabs .cmv-pl ul li::before{content:"";position:absolute;left:2px;top:.68em;
  width:7px;height:7px;border-radius:2px;background:var(--cmv-blue)}
img.cmv-pl-img{display:block;width:100%;height:auto;margin:26px 0 30px;border-radius:var(--cmv-radius);
  border:1px solid var(--cmv-border);background:var(--cmv-bg-soft)}
.cmv-pl-cta{margin:34px 0 0;padding:22px 26px;background:var(--cmv-navy);color:#DCE5F3;
  border-radius:var(--cmv-radius)}
.cmv-pl-cta p{margin:0!important;color:#DCE5F3}
/* 21.08: <strong> moștenea culoarea închisă a textului de pagină și devenea invizibil pe
   fundalul navy al casetei CTA. Specificitatea trebuie s-o bată pe „.cmv-pl strong”. */
.single-product .woocommerce-tabs .cmv-pl .cmv-pl-cta strong{color:#fff}
.cmv-pl-cta a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cmv-pl-cta a:hover{color:var(--cmv-amber)}
@media (max-width:880px){
  .single-product .woocommerce-tabs .cmv-pl > h3{font-size:1.16rem;margin-top:30px}
  img.cmv-pl-img{margin:20px 0 24px}
}

/* imagine pe toată lățimea în varianta landing (ex. ecosistemul de module) */
figure.cmv-pd-wide{margin:0 0 36px;background:var(--cmv-bg-soft);border:1px solid var(--cmv-border);
  border-radius:var(--cmv-radius);padding:16px;text-align:center}
figure.cmv-pd-wide img{display:block;width:100%;max-width:760px;height:auto;margin:0 auto;border-radius:8px}
figure.cmv-pd-wide figcaption{margin:14px auto 2px;max-width:62ch;font-size:.9rem;line-height:1.55;
  color:var(--cmv-text-faint)}

/* ── 19.08: coliziune de cascadă, reparată ────────────────────────────────────
   `.single-product .woocommerce-tabs .woocommerce-Tabs-panel h3` din produs.css
   are ACEEAȘI specificitate cu regulile .cmv-pl de mai sus, iar produs.css se
   încarcă DUPĂ proddesc.css (globul din temă merge alfabetic: proddesc < produs)
   ⇒ câștiga ea, iar titlurile șablonului liniar ieșeau la 17px în loc de 1,3rem.
   Fix: un nivel de specificitate în plus, DOAR pe .cmv-pl. Nu atinge nimic altceva. */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl > h3{
  font-size:1.3rem;font-weight:650;line-height:1.3;margin:38px 0 14px;
  padding-bottom:10px;border-bottom:2px solid var(--cmv-border);color:var(--cmv-text)}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl > h3:first-child{margin-top:0}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl p{margin:0 0 15px;font-size:16px;line-height:1.75}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl ul li{margin-bottom:9px}
@media (max-width:880px){
  .single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl > h3{font-size:1.16rem;margin-top:30px}
}

/* ── 19.08: imaginile din varianta liniară nu se întind pe toată lățimea ──────
   Textul rămâne pe lățimea întreagă (cerere Marius), DAR o poză pătrată de produs
   întinsă la 1200px iese uriașă și moale — mai ales cele de 500×500 din galeria
   veche. Le centrez și le plafonez; pagina scade de la ~8300px la ~5000px. */
img.cmv-pl-img{max-width:620px;margin-inline:auto;padding:14px;background:var(--cmv-bg-soft);
  border:1px solid var(--cmv-border);box-sizing:border-box}
/* infograficele compuse (module compatibile etc.) suportă mai mult, au text în ele */
img.cmv-pl-img[src*='module-compatibile'],img.cmv-pl-img[src*='infografic']{max-width:820px}
@media (max-width:700px){img.cmv-pl-img{max-width:100%;padding:10px}}

/* ============================================================================
   MOBIL (≤767px) — macheta „design/mobil/Mobil Produs.dc.html", 19.08.2026

   Descrierea liniară e cel mai lung bloc din pagină: pe `launch-x431-pro3-apex`
   ținea 8.699px din 15.793 (55%). Nu se taie și nu se ascunde — e conținutul
   pentru care există pagina, și e ce citează asistenții AI. Se schimbă DOAR
   ritmul tipografic, la cel din machetă: proză 14px/1,65 (desktopul are
   16px/1,75). Măsurat: același text ocupă cu ~28% mai puțin, fără nimic pierdut.

   ⚠️ CAPCANĂ DE CASCADĂ, deja plătită o dată pe 19.08: tema încarcă `css/*.css`
   alfabetic, deci `produs.css` vine DUPĂ `proddesc.css` și
   `.single-product .woocommerce-tabs .woocommerce-Tabs-panel h3` de acolo bate
   o regulă `.cmv-pl > h3` de aceeași greutate. De asta selectoarele de mai jos
   trec toate prin `.woocommerce-Tabs-panel` — și se verifică în browser
   (getComputedStyle), nu doar în fișier.
   ========================================================================== */

@media (max-width: 767px) {

/* --- proza --------------------------------------------------------------- */
.single-product .woocommerce-tabs .cmv-pl,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl {
	font-size: 14px;
	line-height: 1.65;
	color: #4A5568;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl p {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.65;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl > h3 {
	margin: 26px 0 10px;
	padding-bottom: 8px;
	font-size: 16px;
	line-height: 1.3;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl > h3:first-child { margin-top: 0; }
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl ul { margin: 0 0 14px; }
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl ul li {
	margin-bottom: 6px;
	padding-left: 18px;
	font-size: 14px;
	line-height: 1.55;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pl ul li::before { left: 0; width: 6px; height: 6px; }

/* --- imaginile: plafonate la lățimea ecranului, cu rame subțiri ----------- */
.single-product .woocommerce-tabs img.cmv-pl-img {
	max-width: 100%;
	margin: 16px 0 18px;
	padding: 8px;
	border-radius: 10px;
}
.single-product .woocommerce-tabs figure.cmv-pd-wide { margin: 0 0 20px; padding: 10px; }
.single-product .woocommerce-tabs figure.cmv-pd-wide figcaption { margin-top: 10px; font-size: 12px; }

/* --- tabelele din descriere se derulează în cutia lor, nu lățesc pagina --- */
.single-product .woocommerce-tabs .cmv-pl table,
.single-product .woocommerce-tabs .cmv-pd table {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	font-size: 12.5px;
}

/* --- CTA-ul de la finalul descrierii ------------------------------------- */
.single-product .woocommerce-tabs .cmv-pl-cta,
.single-product .woocommerce-tabs .cmv-pd-cta { margin-top: 22px; padding: 16px 18px; border-radius: 12px; }
.single-product .woocommerce-tabs .cmv-pl-cta p,
.single-product .woocommerce-tabs .cmv-pd-cta p { font-size: 13.5px; line-height: 1.55; }

/* --- varianta „landing" (.cmv-pd) — aceleași reguli, ca să nu rămână un tipar
       de desktop pe produsele care o folosesc ------------------------------- */
.single-product .woocommerce-tabs .cmv-pd,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel .cmv-pd { font-size: 14px; line-height: 1.65; }
.cmv-pd-lead { margin-bottom: 22px; padding-left: 14px; font-size: 1rem; line-height: 1.55; }
.cmv-pd-verdict, .cmv-pd-split, .cmv-pd-story, .cmv-pd-cases, .cmv-pd-groups { margin-bottom: 24px; }
.cmv-pd-verdict > div { padding: 14px 16px; }
.cmv-pd-quote { margin: 16px 0; padding: 14px 16px; font-size: 1rem; }
.cmv-pd-limits { margin-bottom: 24px; padding: 14px 16px; }
.cmv-pd-faq summary { padding: 12px 38px 12px 14px; font-size: .95rem; }
.cmv-pd-faq details p { padding: 0 14px 14px; font-size: .9rem; }

}