/* mobil-compact.css — opțiunea `mobil: "compact"` din date.mjs (10 nov. 2026).
   Schimbă DOAR afișarea pe telefon (sub 640 px). Pe calculator și tabletă site-ul rămâne cum era.
   Se încarcă doar la clienții care au opțiunea pornită. */
.erou-form-link,.final-form-link{display:none}

@media (max-width:640px){
  /* ritm general: secțiuni mai strânse */
  .mobil-compact .sectiune{padding:40px 0}
  .mobil-compact .titlu-linie{margin-bottom:18px}
  .mobil-compact .titlu-linie h2{font-size:1.5rem;line-height:1.15}
  /* titlu de secțiune cu buton: eticheta deasupra, titlul și butonul pe același rând */
  .mobil-compact .cap-cu-buton{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;margin-bottom:18px}
  .mobil-compact .cap-cu-buton>.eticheta{grid-column:1/-1;justify-self:start;margin-bottom:8px}
  .mobil-compact .cap-cu-buton .btn{padding:.55em .9em;font-size:.88rem;white-space:nowrap}

  /* ---------- prima pagină: ordinea secțiunilor ---------- */
  .mobil-compact main.acasa{display:flex;flex-direction:column}
  .mobil-compact main.acasa>*{order:50;min-width:0}
  .mobil-compact main.acasa>.erou{order:0}
  .mobil-compact main.acasa>[data-s="galerie"]{order:1}
  .mobil-compact main.acasa>[data-s="recenzii"]{order:2}
  .mobil-compact main.acasa>[data-s="insigne"]{order:3}
  .mobil-compact main.acasa>[data-s="servicii"]{order:4}
  .mobil-compact main.acasa>[data-s="despre"]{order:5}
  .mobil-compact main.acasa>[data-s="omul"]{order:6}
  .mobil-compact main.acasa>[data-s="piesa"]{order:7}
  .mobil-compact main.acasa>[data-s="pasi"]{order:8}
  .mobil-compact main.acasa>[data-s="intrebari"]{order:9}
  .mobil-compact main.acasa>[data-s="blog"]{order:10}
  .mobil-compact main.acasa>[data-s="zone"]{order:11}
  .mobil-compact main.acasa>[data-s="final"]{order:12}
  .mobil-compact main.acasa>[data-s="banda"],.mobil-compact main.acasa>.marquee{display:none}

  /* ---------- primul ecran ---------- */
  .mobil-compact main.acasa .erou-in{padding-top:26px;padding-bottom:28px;gap:0}
  .mobil-compact main.acasa .erou .eticheta{font-size:.68rem;padding:4px 10px;margin-bottom:10px}
  .mobil-compact main.acasa .erou h1{font-size:1.7rem;line-height:1.14;margin-bottom:12px}
  .mobil-compact main.acasa .erou-dovada{display:flex;margin:0 0 14px;padding:8px 12px;font-size:.9rem}
  .mobil-compact main.acasa .erou-bife{gap:7px;margin-top:0}
  .mobil-compact main.acasa .erou-bife li{font-size:.95rem;gap:9px}
  .mobil-compact main.acasa .erou-bife .ic{width:22px;height:22px;padding:4px}
  .mobil-compact main.acasa .erou-butoane{margin-top:16px;gap:9px}
  /* formularul nu mai ocupă un ecran: se deschide când apeși „Cere ofertă” sau linkul de sub butoane */
  .mobil-compact main.acasa .erou-in>#oferta{display:none;margin-top:20px}
  .mobil-compact main.acasa .erou-in>#oferta:target{display:block}
  .mobil-compact .erou-form-link{display:block;text-align:center;margin:6px 0 0;font-size:.9rem;color:#dbe6f2}
  .mobil-compact .erou-form-link a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;color:#fff;font-weight:600}
  .mobil-compact .erou-in:has(>#oferta:target) .erou-form-link{display:none}

  /* ---------- poze: bandă care se trage cu degetul ---------- */
  .mobil-compact main.acasa [data-s="galerie"] .galerie{columns:auto;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:2px 20px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mobil-compact main.acasa [data-s="galerie"] .galerie::-webkit-scrollbar{display:none}
  .mobil-compact main.acasa [data-s="galerie"] .galerie figure{flex:0 0 76%;margin:0;scroll-snap-align:center}
  .mobil-compact main.acasa [data-s="galerie"] .galerie img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
  .mobil-compact main.acasa [data-s="galerie"] .galerie figcaption{padding:8px 12px;font-size:.8rem}

  /* ---------- recenzii: se trag cu degetul, fără repetări ---------- */
  .mobil-compact .rg-titlu{margin-bottom:16px}
  .mobil-compact .rg-carusel{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scroll-snap-type:x mandatory;padding:4px 20px 10px;scrollbar-width:none}
  .mobil-compact .rg-carusel::-webkit-scrollbar{display:none}
  .mobil-compact .rg-pista{animation:none;gap:10px}
  .mobil-compact .rg-copie{display:none}
  .mobil-compact .rg-pista .rg-card{width:78vw;max-width:320px;scroll-snap-align:center}
  .mobil-compact .rg-butoane{margin-top:14px}
  .mobil-compact .rg-nota{margin-top:10px}

  /* insigna unei platforme (ex. Necesit): pe un rând */
  .mobil-compact .insigne{padding:18px 0}
  .mobil-compact .insigna-in{flex-direction:row;align-items:center;text-align:left;gap:14px}
  .mobil-compact .insigna-img{width:108px}
  .mobil-compact .insigna-text h2{font-size:1.05rem;line-height:1.25;margin:0}
  .mobil-compact .insigna-text .eticheta{margin-bottom:6px}
  .mobil-compact .insigna-text p:not(.eticheta),.mobil-compact .insigna-linkuri{display:none}

  /* ---------- servicii: rânduri, nu carduri înalte ---------- */
  .mobil-compact .grid-servicii{gap:8px;border-radius:0;overflow:visible}
  .mobil-compact .card-serviciu{aspect-ratio:auto;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;background:#fff;color:#1d2a3a;border:1px solid #e1e7ee;border-radius:12px;padding:8px 12px 8px 8px;min-height:92px}
  .mobil-compact .card-serviciu picture{display:block;width:76px;height:76px}
  .mobil-compact .card-serviciu img{width:76px;height:76px;border-radius:8px;opacity:1;transform:none}
  .mobil-compact .card-serviciu-text{position:static}
  .mobil-compact .card-serviciu h3{display:flex;justify-content:space-between;align-items:center;gap:8px;background:none;padding:0;margin:0 0 3px;font-size:1rem;line-height:1.25;text-transform:none;color:#16202c}
  .mobil-compact .card-serviciu .sag{color:var(--accent-inchis);flex:none}
  .mobil-compact .card-serviciu p{display:block;background:none;padding:0;font-size:.85rem;line-height:1.4;color:#4a5a6c}
  .mobil-compact .card-serviciu.fara-poza{display:block;padding:14px}
  .mobil-compact .card-serviciu.fara-poza .card-serviciu-text{padding:0}

  /* ---------- despre: doar textul (pozele sunt deja sus) ---------- */
  .mobil-compact main.acasa .despre{gap:0}
  .mobil-compact main.acasa .despre-poza{display:none}

  /* ---------- pașii: listă numerotată ---------- */
  .mobil-compact .pasi,.mobil-compact .pasi-5{grid-template-columns:1fr;gap:0;background:#fff;border:1px solid #e1e7ee;border-radius:14px;overflow:hidden}
  .mobil-compact .pasi li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:start;border-radius:0;padding:13px 16px;border-bottom:1px solid #edf1f5}
  .mobil-compact .pasi li:last-child{border-bottom:0}
  .mobil-compact .pas-icon{display:none}
  .mobil-compact .pas-nr{position:static;grid-row:1/span 2;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:.78rem;display:grid;place-items:center}
  .mobil-compact .pasi h3{grid-column:2;font-size:1rem;margin:0;line-height:1.3}
  .mobil-compact .pasi p{grid-column:2;font-size:.86rem;line-height:1.45}

  /* ---------- piesa proprie ---------- */
  .mobil-compact .piesa-cap{margin-bottom:20px}
  .mobil-compact .piesa-cap h2{font-size:1.5rem;line-height:1.15}
  .mobil-compact .piesa-cap p:not(.eticheta){font-size:.98rem}

  /* ---------- întrebări, blog, zone ---------- */
  .mobil-compact .intrebari details{margin-bottom:8px}
  .mobil-compact .intrebari summary{padding:14px 16px}
  .mobil-compact .intrebari details p{padding:0 16px 14px}
  .mobil-compact main.acasa [data-s="blog"] .card-articol:nth-child(n+2){display:none}
  .mobil-compact main.acasa [data-s="blog"] .card-articol{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:stretch}
  .mobil-compact main.acasa [data-s="blog"] .card-articol img{width:104px;height:100%;min-height:104px;aspect-ratio:auto}
  .mobil-compact main.acasa [data-s="blog"] .card-articol-text{padding:12px 14px;gap:4px}
  .mobil-compact main.acasa [data-s="blog"] .card-articol-text h3{font-size:1rem;line-height:1.25}
  .mobil-compact main.acasa [data-s="blog"] .card-articol-text>p:not(.card-articol-data){display:none}
  .mobil-compact .zone{gap:8px}
  .mobil-compact .zone a{padding:10px 13px;font-size:.92rem;gap:6px}
  .mobil-compact .zone-nota{margin-top:14px;font-size:.95rem}
  .mobil-compact .final h2{font-size:1.5rem}
  .mobil-compact .final-form-link{display:block;margin:6px 0 0}
  .mobil-compact .final-form-link a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:inherit;font-weight:700}

  /* ---------- subsol: două coloane ---------- */
  .mobil-compact .subsol{padding-top:40px}
  .mobil-compact .subsol-grid{grid-template-columns:1fr 1fr;gap:22px 18px}
  .mobil-compact .subsol-grid>div:first-child,.mobil-compact .subsol-grid>div:last-child{grid-column:1/-1}
  .mobil-compact .subsol-grid>div:first-child p a{display:inline}
  .mobil-compact .subsol-jos{margin-top:26px;flex-direction:column;gap:6px}
}