/* Tighel — croitorie și retușuri, Arad.
   Fond: pânza întăriturii (#d3cdc2). Cărbunele stofei în carouri, kaki-ul paltonului, bleumarinul draperiilor și al
   pernuței de ace, cărămiziul sacoului de pe manechin doar pe acele alese. Un singur serif (Source Serif 4) pentru
   titluri și cifre, Source Sans 3 pentru text. Referințe: Samuel Snider (prima pagină), Durup (interioare), PXR (componente). */
:root {
  --pansa: #d3cdc2;
  --pansa-adanc: #c6bfb2;
  --carbune: #3b3a37;
  --text: #1f1e1c;
  --stins: #4b4741;
  --kaki: #a89a82;
  --bleumarin: #1d2836;
  --caramiziu: #9a3a26;
  --hartie: #ffffff;
  --linie: rgba(31, 30, 28, .28);
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
  --lat: 1240px;
  --gut: 32px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body { margin: 0; background: var(--pansa); color: var(--text); font: 400 18px/1.55 var(--sans); }
img, video, svg { display: block; max-width: 100%; }
img { height: auto; }
figure { margin: 0; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--bleumarin); outline-offset: 3px; }
[hidden] { display: none !important; }
h1, h2, h3 { font-family: var(--serif); font-weight: 400; line-height: 1.12; margin: 0; letter-spacing: -.01em; }
h1 { font-size: clamp(38px, 5vw, 60px); }
h2 { font-size: clamp(30px, 3.4vw, 40px); }
h3 { font-size: 24px; }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
figcaption { font-size: 15px; color: var(--stins); margin-top: 10px; font-family: var(--serif); font-style: italic; }
.sari { position: absolute; left: 16px; top: 8px; z-index: 50; padding: 8px 14px; background: var(--hartie); clip-path: inset(50%); }
.sari:focus { clip-path: none; }
.fara-js { padding: 14px 16px; border: 1px solid var(--linie); }

/* ---------- butoane: pastile cu contur (PXR) ---------- */
.pastila { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 20px;
  border: 1px solid currentColor; border-radius: 999px; background: transparent; color: var(--text);
  font: 600 16px/1.2 var(--sans); text-decoration: none; cursor: pointer; appearance: none; }
.pastila:hover { background: rgba(31, 30, 28, .07); }
.pastila--plina { background: var(--bleumarin); border-color: var(--bleumarin); color: #fff; }
.pastila--plina:hover { background: #2c3a4f; }
.pastila--deschisa { background: var(--pansa); border-color: var(--pansa); color: var(--text); }
.pastila--deschisa:hover { background: #e3ded5; }
.eticheta { display: inline-block; padding: 3px 12px; border: 1px solid var(--carbune); border-radius: 999px;
  font: 400 15px/1.3 var(--sans); white-space: nowrap; }

/* ---------- antet: numele mic, centrat, meniul de o parte, programarea de cealaltă (Snider) ---------- */
.antet { position: sticky; top: 0; z-index: 20; background: var(--pansa); border-bottom: 1px solid var(--linie);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 12px var(--gut); }
.antet__nav { display: flex; gap: 24px; font-size: 16px; }
.antet__nav a { text-decoration: none; padding: 6px 0; border-bottom: 1px solid transparent; white-space: nowrap; }
.antet__nav a:hover { border-bottom-color: var(--text); }
.antet__nav a[aria-current="page"] { border-bottom-color: var(--text); }
.marca { display: grid; justify-items: center; text-decoration: none; line-height: 1; }
.marca__nume { font: 400 32px/1 var(--serif); letter-spacing: .01em; }
.marca__loc { font-size: 14px; color: var(--stins); margin-top: 5px; }
.antet__dreapta { display: flex; justify-content: flex-end; align-items: center; gap: 20px; }
.antet__tel { font-size: 16px; text-decoration: none; white-space: nowrap; }
.antet__tel:hover { text-decoration: underline; }
@media (max-width: 1000px) {
  .antet { grid-template-columns: 1fr auto; grid-template-areas: "marca dreapta" "nav nav"; row-gap: 6px; padding: 10px 16px 0; }
  .marca { grid-area: marca; justify-items: start; }
  .antet__dreapta { grid-area: dreapta; }
  .antet__nav { grid-area: nav; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; gap: 22px; }
  .antet__nav::-webkit-scrollbar { display: none; }
  .antet__nav a { padding: 8px 0 10px; }
}
@media (max-width: 560px) {
  .antet__tel { display: none; }
  .marca__nume { font-size: 28px; }
  .antet .pastila { padding: 8px 14px; font-size: 15px; }
}

/* ---------- secțiuni ---------- */
main > section { max-width: var(--lat); margin: 0 auto; padding: 96px var(--gut) 0; }
main > section:last-child { padding-bottom: 104px; }
@media (max-width: 700px) { main > section { padding: 64px 16px 0; } main > section:last-child { padding-bottom: 72px; } }

/* erou: titlul și textul pe un rând, dedesubt o singură poză mare, încadrată pe pânză */
main > .erou { padding-top: 56px; }
.erou__text { display: grid; grid-template-columns: 7fr 5fr; gap: 48px; align-items: end; margin-bottom: 36px; }
.erou__text h1 { max-width: 13em; }
.erou__dreapta { font-size: 18px; }
.stare { font-family: var(--serif); font-style: italic; font-size: 19px; }
.butoane { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.erou__poza img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; object-position: 50% 42%; }
@media (max-width: 900px) {
  .erou__text { grid-template-columns: 1fr; gap: 20px; }
  .erou__poza img { aspect-ratio: 4 / 3; }
}

/* proba: textul îngust la stânga, trei poze așezate asimetric, cu legendă mică */
.proba { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; row-gap: 40px; align-items: start; }
.proba__text { grid-column: 1 / span 5; }
.proba__text h2 { margin-bottom: 24px; }
.semnatura { font-family: var(--serif); font-style: italic; font-size: 20px; margin-top: 24px; }
.proba__a { grid-column: 7 / span 6; margin-top: 64px; }
.proba__b { grid-column: 3 / span 3; margin-top: -40px; }
.proba__c { grid-column: 7 / span 3; }
.proba__a img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
.proba__b img, .proba__c img { aspect-ratio: 2 / 3; object-fit: cover; width: 100%; }
@media (max-width: 900px) {
  .proba { grid-template-columns: 1fr 1fr; column-gap: 16px; }
  .proba__text, .proba__a { grid-column: 1 / -1; margin-top: 0; }
  .proba__b { grid-column: 1; } .proba__c { grid-column: 2; margin-top: 0; }
}

/* fișa: hârtia albă de pe clipboard, îngustă (sub 30% din lățime) */
.fisa-loc { display: grid; grid-template-columns: 4fr 4fr 3fr; gap: 40px; align-items: start; }
.fisa-loc__text h2 { margin-bottom: 20px; }
.fisa-loc__poza img { aspect-ratio: 2 / 3; object-fit: cover; width: 100%; }
.fisa { background: var(--hartie); color: var(--text); border: 1px solid var(--carbune); padding: 22px 24px 20px; max-width: 400px; width: 100%; }
.fisa__cap { font: 400 24px/1.2 var(--serif); margin: 0 0 12px; padding-bottom: 10px; border-bottom: 2px solid var(--carbune); }
.fisa__tabel { width: 100%; border-collapse: collapse; font-size: 16px; }
.fisa__tabel th { text-align: left; font-weight: 400; padding: 10px 12px 10px 0; border-bottom: 1px solid #b9b2a6; vertical-align: top; }
.fisa__tabel td { text-align: right; padding: 10px 0; border-bottom: 1px solid #b9b2a6; font-family: var(--serif); font-size: 18px; white-space: nowrap; vertical-align: top; }
.fisa__total th, .fisa__total td { font-weight: 600; border-bottom: 2px solid var(--carbune); }
.fisa__total td { font-size: 22px; }
.fisa__nota { font-size: 15px; color: var(--stins); margin: 12px 0 0; min-height: 3em; }
@media (max-width: 1000px) {
  .fisa-loc { grid-template-columns: 1fr 1fr; }
  .fisa-loc__text { grid-column: 1 / -1; }
}
@media (max-width: 600px) { .fisa-loc { grid-template-columns: 1fr; } .fisa { max-width: none; } }

/* cele mai cerute: rânduri cu linie, prețul în serif, termenul în pastilă */
.cerute h2 { margin-bottom: 24px; }
.cerute__lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--carbune); }
.cerute__lista li { display: grid; grid-template-columns: 1fr auto 200px; gap: 24px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--linie); }
.cerute__nume { font-size: 19px; }
.cerute__haina { display: block; font-size: 15px; color: var(--stins); }
.cerute__lei { font: 400 24px/1 var(--serif); text-align: right; white-space: nowrap; }
.cerute__lista .eticheta { justify-self: end; }
.cerute__mai { margin-top: 20px; }
@media (max-width: 640px) {
  .cerute__lista li { grid-template-columns: 1fr auto; row-gap: 8px; }
  .cerute__lista .eticheta { grid-column: 1; justify-self: start; }
}

/* cât aștepți */
.asteptare { display: grid; grid-template-columns: 6fr 5fr; gap: 56px; align-items: center; }
.asteptare__text h2 { margin-bottom: 20px; }
.asteptare__poza img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
@media (max-width: 900px) { .asteptare { grid-template-columns: 1fr; gap: 32px; } }

/* întrebări: rânduri cu „+” rotund (PXR) */
.intrebari h2 { margin-bottom: 20px; }
.intrebari details { border-top: 1px solid var(--linie); }
.intrebari details:last-of-type { border-bottom: 1px solid var(--linie); }
.intrebari summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr 36px; gap: 16px; align-items: center; padding: 18px 0; font: 400 21px/1.3 var(--serif); }
.intrebari summary::-webkit-details-marker { display: none; }
.intrebari summary::after { content: "+"; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%;
  background: var(--kaki); color: var(--text); font: 400 24px/1 var(--sans); }
.intrebari details[open] summary::after { content: "−"; }
.intrebari details p { max-width: 44em; padding: 0 52px 20px 0; }

/* banda cărbune: atelierul și programul */
main > .banda { max-width: none; padding: 0; margin-top: 96px; background: var(--carbune); color: #f1eee8; }
main > .banda:last-child { padding-bottom: 0; }
.banda__grila { max-width: var(--lat); margin: 0 auto; padding: 72px var(--gut); display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.banda h2 { margin-bottom: 20px; }
.banda a:not(.pastila) { color: #fff; }
.banda__tel { font: 400 34px/1.2 var(--serif); }
.banda__tel a { text-decoration: none; }
.stare--banda { margin-bottom: 16px; }
.program { border-collapse: collapse; width: 100%; max-width: 420px; font-size: 18px; }
.program caption { text-align: left; font: 400 24px/1.2 var(--serif); padding-bottom: 10px; }
.program th, .program td { text-align: left; font-weight: 400; padding: 8px 0; border-bottom: 1px solid rgba(241, 238, 232, .3); }
.program td { text-align: right; }
.program tr.azi th, .program tr.azi td { font-weight: 600; }
.program tr.azi th::after { content: " · azi"; font-weight: 400; }
@media (max-width: 800px) { .banda__grila { grid-template-columns: 1fr; padding: 56px 16px; gap: 40px; } }

/* ---------- pagini interioare (Durup): titlul pe un rând, panouri cu poză mare + text scurt ---------- */
.pag-cap h1 { margin-bottom: 20px; }
.pag-cap p { max-width: 40em; font-size: 20px; }
.panou { display: grid; grid-template-columns: 7fr 5fr; gap: 48px; align-items: end; }
.panou--dreapta { grid-template-columns: 5fr 7fr; }
.panou__poza img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
.panou__text h2 { margin-bottom: 20px; }
@media (max-width: 900px) {
  .panou, .panou--dreapta { grid-template-columns: 1fr; gap: 28px; }
  .panou--dreapta .panou__poza { order: -1; }
}
.pasi h2 { margin-bottom: 32px; }
.pasi__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.pasi__lista img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; margin-bottom: 18px; }
.pasi__lista h3 { margin-bottom: 8px; }
@media (max-width: 800px) { .pasi__lista { grid-template-columns: 1fr; } .pasi__lista img { aspect-ratio: 3 / 2; } }
.detalii { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.detalii img { aspect-ratio: 1; object-fit: cover; width: 100%; }
@media (max-width: 800px) { .detalii { grid-template-columns: 1fr 1fr; } .detalii figure:first-child { grid-column: 1 / -1; } }
.reguli h2 { margin-bottom: 24px; }
.reguli__lista { margin: 0 0 32px; border-top: 1px solid var(--carbune); }
.reguli__lista div { display: grid; grid-template-columns: 240px 1fr; gap: 24px; padding: 16px 0; border-bottom: 1px solid var(--linie); }
.reguli__lista dt { font: 400 22px/1.3 var(--serif); }
.reguli__lista dd { margin: 0; max-width: 40em; }
@media (max-width: 640px) { .reguli__lista div { grid-template-columns: 1fr; gap: 4px; } }
.poze-sursa p { max-width: 44em; font-size: 16px; color: var(--stins); }
.text-lung { max-width: 760px; }
.text-lung h2 { font-size: 28px; margin: 36px 0 12px; }

/* ---------- semnătura: haina cu ace + fișa ---------- */
main > .semn { padding-top: 56px; }
.semn__cap { display: grid; grid-template-columns: 5fr 7fr; gap: 48px; align-items: end; margin-bottom: 40px; }
.semn__cap p { font-size: 19px; max-width: 34em; }
@media (max-width: 900px) { .semn__cap { grid-template-columns: 1fr; gap: 16px; } }
.semn__grila { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 56px; align-items: start; }
.fisa--mare { position: sticky; top: 96px; }
@media (max-width: 1000px) {
  .semn__grila { grid-template-columns: 1fr; gap: 40px; }
  .fisa--mare { position: static; max-width: 520px; }
}
.haina__file { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
.fila { min-height: 44px; padding: 8px 18px; border: 1px solid var(--carbune); border-radius: 999px; background: transparent;
  color: var(--text); font: 400 17px/1 var(--sans); cursor: pointer; }
.fila[aria-selected="true"] { background: var(--carbune); color: #f1eee8; }
@media (max-width: 560px) {
  .haina__file { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px 20px; padding: 0 16px; }
  .haina__file::-webkit-scrollbar { display: none; }
  .fila { flex: none; }
}
.haina { min-width: 0; display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 8px 40px; align-items: start; }
.haina__file, .haina .fara-js { grid-column: 1 / -1; }
.haina__corp { min-width: 0; }
@media (max-width: 700px) { .haina { grid-template-columns: minmax(0, 1fr); } .haina__corp { max-width: 340px; width: 100%; margin: 0 auto; } }
.desen { position: relative; aspect-ratio: 400 / 480; }
.desen svg { width: 100%; height: 100%; }
.d-plin { fill: #e4dfd6; stroke: var(--carbune); stroke-width: 2; stroke-linejoin: round; }
.d-linie { fill: none; stroke: var(--carbune); stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.d-fin { fill: none; stroke: var(--carbune); stroke-width: 1; opacity: .35; }
.d-tighel { fill: none; stroke: var(--carbune); stroke-width: 1.4; stroke-dasharray: 5 4; }
.d-nasture { fill: var(--pansa); stroke: var(--carbune); stroke-width: 1.6; }
/* acul: gămălia + vârful, cu eticheta lângă; ținta de atingere are 44 px */
.ac { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; padding: 0; border: 0; background: transparent; cursor: pointer; color: var(--text); }
.ac::before { content: ""; position: absolute; left: 21px; top: 21px; width: 2px; height: 26px; background: var(--carbune); transform: rotate(-38deg); transform-origin: 1px 0; }
.ac::after { content: ""; position: absolute; left: 12px; top: 12px; width: 20px; height: 20px; border-radius: 50%; background: var(--bleumarin); box-shadow: 0 0 0 3px var(--pansa); }
.ac span { position: absolute; left: 44px; top: 9px; padding: 2px 8px; border-radius: 999px; background: var(--pansa); font: italic 400 17px/1.3 var(--serif); white-space: nowrap; pointer-events: none; }
.ac:hover::after, .ac.activ::after { box-shadow: 0 0 0 3px var(--pansa), 0 0 0 5px var(--bleumarin); }
.ac.ales::after { background: var(--caramiziu); }
.ac.activ span { background: var(--carbune); color: #f1eee8; }
.optiuni { margin: 0; padding: 0; border: 0; min-width: 0; }
.optiuni legend { font: 400 22px/1.3 var(--serif); margin-bottom: 10px; padding: 0; }
.optiune { display: grid; grid-template-columns: 24px 1fr auto; gap: 12px; align-items: start; padding: 12px 0; border-bottom: 1px solid var(--linie); cursor: pointer; }
.optiune:first-child { border-top: 1px solid var(--linie); }
.optiune input { width: 20px; height: 20px; margin: 3px 0 0; accent-color: var(--bleumarin); }
.optiune__loc { display: block; font-size: 15px; color: var(--stins); }
.optiune__lei { font: 400 20px/1.3 var(--serif); white-space: nowrap; }
.optiune.in-loc { background: rgba(255, 255, 255, .28); }
.fisa__gol { color: var(--stins); margin: 4px 0 8px; }
.fisa__randuri-haina { display: block; font-size: 14px; color: var(--stins); }
.fisa__taxa th, .fisa__taxa td { color: var(--text); }
.grabire { margin: 18px 0 0; padding: 0; border: 0; min-width: 0; }
.grabire legend { font: 400 19px/1.3 var(--serif); padding: 0; margin-bottom: 6px; }
.grabire label { display: grid; grid-template-columns: 22px 1fr; gap: 8px; padding: 6px 0; font-size: 16px; cursor: pointer; }
.grabire input { margin: 4px 0 0; accent-color: var(--bleumarin); width: 18px; height: 18px; }
.fisa__butoane { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.fisa__mic { font-size: 14px; color: var(--stins); margin-top: 14px; }
.fisa .pastila:not(.pastila--plina) { color: var(--text); }

/* lista completă: tabele pe haine */
.lista__cap { display: grid; grid-template-columns: 5fr 7fr; gap: 48px; align-items: end; margin-bottom: 32px; }
.lista__cap p { max-width: 38em; }
@media (max-width: 900px) { .lista__cap { grid-template-columns: 1fr; gap: 16px; } }
.lista__haina { margin-bottom: 40px; }
.lista__haina h3 { margin-bottom: 12px; }
.tabel-preturi { width: 100%; border-collapse: collapse; font-size: 17px; table-layout: fixed; }
.tabel-preturi thead th:nth-child(1) { width: 36%; } .tabel-preturi thead th:nth-child(2) { width: 14%; } .tabel-preturi thead th:nth-child(4) { width: 18%; }
.tabel-preturi th, .tabel-preturi td { text-align: left; padding: 12px 16px 12px 0; border-bottom: 1px solid var(--linie); vertical-align: top; font-weight: 400; }
.tabel-preturi thead th { font-size: 15px; color: var(--stins); border-bottom: 1px solid var(--carbune); }
.tabel__lei { font: 400 21px/1.3 var(--serif); white-space: nowrap; }
.tabel__nota, .reper__cuvinte { display: block; font-size: 15px; color: var(--stins); }
.reper__fara { font-style: italic; color: var(--stins); }
.lista__surse { font-size: 15px; color: var(--stins); max-width: 52em; }
@media (max-width: 760px) {
  .tabel-preturi thead { display: none; }
  .tabel-preturi tr { display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; padding: 12px 0; border-bottom: 1px solid var(--linie); }
  .tabel-preturi th, .tabel-preturi td { border: 0; padding: 0; }
  .tabel-preturi tbody th { width: auto; grid-column: 1; }
  .tabel__lei { grid-column: 2; grid-row: 1; text-align: right; }
  .tabel__reper { grid-column: 1 / -1; font-size: 15px; }
  .tabel-preturi td:last-child { grid-column: 1 / -1; }
}

/* zilele */
.zile { display: grid; grid-template-columns: 6fr 5fr; gap: 56px; align-items: start; }
.zile__text h2 { margin-bottom: 20px; }
.libere { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.libere h3 { font-size: 22px; margin-bottom: 8px; }
.libere ul { list-style: none; margin: 0; padding: 0; font-size: 16px; }
.libere li { padding: 6px 0; border-bottom: 1px solid var(--linie); }
.libere li span { display: block; font-size: 14px; color: var(--stins); }
@media (max-width: 900px) { .zile { grid-template-columns: 1fr; gap: 32px; } }

/* ---------- programare ---------- */
.programare { display: grid; grid-template-columns: 7fr 4fr; gap: 56px; align-items: start; }
@media (max-width: 900px) { .programare { grid-template-columns: 1fr; } }
.formular { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 24px; }
.camp { display: grid; gap: 6px; align-content: start; }
.camp--lat { grid-column: 1 / -1; }
.camp label { font-size: 16px; }
.camp input, .camp select, .camp textarea { width: 100%; min-height: 48px; padding: 10px 2px; border: 0; border-bottom: 1px solid var(--carbune);
  border-radius: 0; background: transparent; color: var(--text); font: 400 18px/1.4 var(--sans); }
.camp textarea { resize: vertical; border: 1px solid var(--carbune); padding: 10px 12px; }
.camp select { appearance: auto; }
.camp input:focus, .camp select:focus, .camp textarea:focus { outline: 2px solid var(--bleumarin); outline-offset: 2px; }
.camp__eroare { min-height: 1.5em; margin: 0; font-size: 15px; color: #7d2414; }
.camp--capcana { position: absolute; left: 0; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.acord { display: grid; grid-template-columns: 22px 1fr; gap: 10px; font-size: 16px; }
.acord input { width: 18px; height: 18px; min-height: 0; margin: 4px 0 0; accent-color: var(--bleumarin); }
.formular__trimite { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 8px; }
.formular__stare { flex-basis: 100%; min-height: 3em; margin: 6px 0 0; font-size: 16px; }
@media (max-width: 600px) { .formular { grid-template-columns: 1fr; } }
.programare__laterala img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.programare__laterala .stare { margin-top: 24px; }
.pag-cap--404 { min-height: 40vh; }

/* ---------- subsol pe kaki (PXR) ---------- */
.subsol { background: var(--kaki); color: var(--text); padding: 56px var(--gut) 40px; font-size: 16px; }
.subsol__grila { max-width: calc(var(--lat) - 2 * var(--gut)); margin: 0 auto; display: grid; grid-template-columns: 1.3fr 1fr 1.2fr 1.3fr; gap: 32px; }
.subsol__marca { font: 400 30px/1 var(--serif); margin-bottom: 14px; }
.subsol__titlu { font: 400 19px/1.3 var(--serif); margin-bottom: 8px; }
.subsol ul { list-style: none; margin: 0; padding: 0; }
.subsol li { padding: 3px 0; }
.subsol__sal { display: inline-block; margin-top: 12px; }
.subsol__sal img { width: 200px; }
.subsol__note { max-width: calc(var(--lat) - 2 * var(--gut)); margin: 40px auto 0; padding-top: 16px; border-top: 1px solid rgba(31, 30, 28, .35); font-size: 15px; }
@media (max-width: 900px) { .subsol__grila { grid-template-columns: 1fr 1fr; } .subsol { padding: 48px 16px 32px; } }
@media (max-width: 520px) { .subsol__grila { grid-template-columns: 1fr; } }