/* marca.css — arhetipul Marcă (DESIGN-SPEC §6, E20): hub-ul /branduri/ (un rând de fapte pe marcă) și pagina mărcii (pe scurt, modelele pe grupe,
   garanția pe finisaj, lucrările noastre, întrebările, chemarea). Vine după comun.css (firimiturile, întrebările, sursele, chemarea sunt acolo);
   culorile vin numai din tokens.css. Fără JS. Fără logo-uri de producător până la acordul lor: numele mărcii e scris în Geologica. */

/* Capul: textul pe coloana de 720 px; pe pagina mărcii, poza lângă el pe desktop, cu umbra-semnătură (1 pe pagină, §7) */
.marca-cap { padding-block: var(--acd-sp-card) var(--acd-sp-sectiune); }
.marca-cap__grila { display: grid; gap: var(--acd-sp-titlu); margin-top: var(--acd-sp-micro); }
.marca-cap__text { display: grid; gap: var(--acd-sp-card); max-width: var(--acd-coloana); align-content: start; margin-top: var(--acd-sp-micro); }
.marca-cap__grila .marca-cap__text { margin-top: 0; }
.marca-cap__lede { font-size: 1.25rem; line-height: 1.5; }
.marca-cap__poza img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: var(--acd-umbra-semnatura); }
.marca-cap__poza figcaption { margin-top: calc(var(--acd-sp-micro) + 10px); font-size: var(--acd-mic); line-height: 1.5; color: var(--acd-otel); }
@media (max-width: 1023px) { .marca-cap__poza img { aspect-ratio: 4 / 3; } }
/* P1 (S25b): pe telefon, poza vine sub H1, apoi lede-ul și butoanele; de la 1024, textul în stânga pe două rânduri, poza în dreapta */
@media (min-width: 1024px) {
  .marca-cap__grila { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-rows: auto 1fr; gap: 0 var(--acd-sp-rand); align-items: start; }
  .marca-cap__grila > .marca-cap__poza { grid-area: 1 / 2 / 3 / 3; }
  .marca-cap__grila > .marca-cap__rest { grid-area: 2 / 1; margin-top: var(--acd-sp-card); }
}

/* Casetele: faptele pe scurt (pagina mărcii) și ce scriu toți în certificat (hub) */
.casete { list-style: none; display: grid; gap: var(--acd-sp-card); }
.caseta { display: grid; align-content: start; gap: 10px; padding: var(--acd-sp-card); background-color: var(--acd-alb);
  outline: 2px solid color-mix(in srgb, var(--acd-ardezie) 12%, var(--acd-ceata)); outline-offset: -2px; border-top: 4px solid var(--acd-padure); }
.caseta p { line-height: 1.55; }
.caseta a, .marca-rand a, .grupe a, .finisaje a, .marca__vecine a, .intro a { text-underline-offset: .2em; }
.caseta a:hover, .marca-rand a:hover, .finisaje a:hover, .marca__vecine a:hover, .intrebari .raspuns a:hover { text-decoration-color: var(--acd-padure); }
@media (min-width: 640px) { .casete { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .casete:has(> :nth-child(4)) { grid-template-columns: repeat(4, minmax(0, 1fr)); } .casete:not(:has(> :nth-child(4))) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Hub: un rând pe marcă — numele mare, în Geologica, lângă cele două fapte */
.marci { list-style: none; display: grid; }
.marca-rand { display: grid; gap: var(--acd-sp-card); padding-block: var(--acd-sp-card); border-top: 2px solid color-mix(in srgb, var(--acd-ardezie) 14%, var(--acd-ceata)); scroll-margin-top: calc(var(--acd-antet) + 16px); }
.marca-rand:last-child { border-bottom: 2px solid color-mix(in srgb, var(--acd-ardezie) 14%, var(--acd-ceata)); }
.marca-rand__nume { font: 700 clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem) / 1.1 var(--acd-font-titlu); }
.marca-rand__fapte { display: grid; gap: var(--acd-sp-card); }
.marca-rand__fapte dt { font: 600 var(--acd-eticheta) / 1.3 var(--acd-font-titlu); letter-spacing: .12em; text-transform: uppercase; color: var(--acd-otel); }
.marca-rand__fapte dd { margin-top: 6px; line-height: 1.55; }
.marca-rand .marca__mai-mult { margin-top: 0; }
@media (min-width: 768px) { .marca-rand__fapte { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--acd-sp-titlu); } }
@media (min-width: 1024px) {
  .marca-rand { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); column-gap: var(--acd-sp-rand); }
  .marca-rand__nume { grid-row: span 2; }
  .marca-rand > .marca__mai-mult { grid-column: 2; }
}

/* Modelele pe grupe, lângă tabelul finisajelor (asimetria 7/5 a semnăturii, §2) */
.modele__grila { display: grid; gap: var(--acd-sp-titlu); align-items: start; }
.grupe { display: grid; }
.grupe div { display: grid; gap: 4px; padding-block: 14px; border-top: 2px solid color-mix(in srgb, var(--acd-ardezie) 14%, var(--acd-ceata)); }
.grupe dt { font: 600 var(--acd-h3) / 1.25 var(--acd-font-titlu); }
.grupe dd { line-height: 1.55; }
.grupe dd, .marca-rand__fapte dd { margin-inline-start: 0; }   /* fără indentarea implicită a browserului */
.finisaje { padding: var(--acd-sp-card); background-color: var(--acd-alb); outline: 2px solid color-mix(in srgb, var(--acd-ardezie) 12%, var(--acd-ceata)); outline-offset: -2px; }
.finisaje table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.finisaje caption { caption-side: top; text-align: left; padding-bottom: 10px; font-size: var(--acd-mic); line-height: 1.45; color: var(--acd-otel); }
.finisaje th, .finisaje td { padding: 10px 0 10px 12px; text-align: right; border-bottom: 2px solid color-mix(in srgb, var(--acd-ardezie) 14%, var(--acd-ceata)); }
.finisaje tr > :first-child { padding-left: 0; text-align: left; }
.finisaje thead th { vertical-align: bottom; font: 600 var(--acd-mic) / 1.3 var(--acd-font-titlu); border-bottom-color: var(--acd-ardezie); }
.finisaje tbody th { font-weight: 700; }
.finisaje__nota { margin-top: var(--acd-sp-card); font-size: var(--acd-mic); line-height: 1.5; color: var(--acd-otel); }
.marca__vecine { max-width: var(--acd-coloana); margin-top: var(--acd-sp-titlu); line-height: 1.6; }
@media (min-width: 1024px) { .modele__grila { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--acd-sp-rand); } }

/* Lucrările: pozele lui, cu legenda care spune doar ce e în cadru */
.marca-lucrari { list-style: none; display: grid; gap: var(--acd-sp-card); }
.marca-lucrari figure { display: grid; gap: 10px; }
.marca-lucrari img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.marca-lucrari figcaption { font-size: var(--acd-mic); line-height: 1.45; color: var(--acd-otel); }
@media (min-width: 360px) { .marca-lucrari { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; } }
@media (min-width: 1024px) { .marca-lucrari { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--acd-sp-card); } }

/* Legăturile mai departe, nota faptelor lipsă și sursele */
.marca__mai-mult { margin-top: var(--acd-sp-card); }
.marca__mai-mult a { display: inline-flex; align-items: center; gap: .1em; min-height: 44px; font-weight: 700; text-underline-offset: .25em; }
.marca__mai-mult a:hover { text-decoration-color: var(--acd-padure); }
.marca__mai-mult .semn { color: var(--acd-padure); }
.marca__surse { margin-top: var(--acd-sp-titlu); padding-top: var(--acd-sp-card); border-top: 2px solid color-mix(in srgb, var(--acd-ardezie) 14%, var(--acd-ceata)); max-width: var(--acd-coloana); }
.marca__surse h3 { font-size: 1.125rem; }
.sectiune > .container > .marca__surse:first-child { margin-top: 0; }
.intrebari .raspuns a { text-underline-offset: .2em; }
/* v25 · S24b: „Cele cinci mărci, rând cu rând”, pe banda închisă */
.pe-inchis .marca-rand, .pe-inchis .marca-rand:last-child { border-color: rgb(248 250 252 / .12); }
.pe-inchis .marca-rand__fapte dt { color: var(--acd-cer); }
.pe-inchis .marca-rand a:hover, .pe-inchis .marca__mai-mult a:hover { text-decoration-color: var(--acd-neon); }
.pe-inchis .marca__mai-mult .semn { color: var(--acd-neon); }