/* =============================================================================
   Iktató — AJÁNLATKÉRŐ SZEKCIÓ és ŰRLAP a termék-nyitólapon (#ajanlat) és az önálló /ajanlat lapon.
   A szekció mustársárga (formaszín: fölötte sötét szöveg, --f-on-shape); az űrlap fehér kártyán ül,
   így a mezők és a feliratok a megszokott kontrasztot kapják. Az absec.hu contact.css mintájára, egyszerűsítve.
   ============================================================================= */
.f-ajanlat {
  background: var(--f-mustard);
  color: var(--f-on-shape);
}

.f-ajanlat__elrendezes {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(1.75rem, 4vw, 4.5rem);
  align-items: start;
}

.f-ajanlat__szoveg { display: grid; gap: 1rem; align-content: start; }
.f-ajanlat__szoveg h2 {
  max-width: 12ch;
  margin: 0;
  font-size: var(--t-h2);
  line-height: 1.02;
  letter-spacing: -0.043em;
  color: var(--f-on-shape);
  text-wrap: balance;
}
.f-ajanlat__szoveg p {
  max-width: 40ch;
  margin: 0;
  font-size: var(--t-lead);
  line-height: 1.45;
  color: var(--f-on-shape);
}

.f-ajanlat__kartya { color: var(--f-ink); }

/* --- Az űrlap -------------------------------------------------------------- */
.f-ajanlat-urlap__sor {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1rem;
}
.f-ajanlat-urlap textarea { resize: vertical; min-height: 7rem; }
.f-ajanlat-urlap .f-hint a { text-decoration: underline; text-underline-offset: 3px; }

/* A méhkas-mező (honeypot): kikerül a képernyőről, de a DOM-ban marad, hogy a botok kitöltsék.
   Nem display:none, mert az egyszerűbb botok azt kihagyják. Ember sem látja, sem eléri (aria-hidden, tabindex=-1). */
.f-csapda {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media (max-width: 900px) {
  .f-ajanlat__elrendezes { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
}
@media (max-width: 560px) {
  .f-ajanlat-urlap__sor { grid-template-columns: minmax(0, 1fr); }
}