
.k-main{padding:14px 0 calc(var(--sec-gap)/2)}

/* Hero — zaokrąglone zdjęcie */
.k-hero{border-radius:26px;overflow:hidden}
.k-hero img{display:block;width:100%;height:auto}
/* Desktop: kadr o stałej maksymalnej wysokości. object-fit:cover jest tu
   konieczne — bez niego max-height przy width:100% spłaszczyłoby zdjęcie
   zamiast je przyciąć. Mobile (≤900px) zostaje na aspect-ratio 16/10. */
@media(min-width:901px){
  .k-hero img{max-height:600px;object-fit:cover;object-position:center}
}

/* Nagłówek wprowadzający */
.k-lead{font-family:'Inter',sans-serif;font-weight:500;font-size:40px;line-height:1.28;
  letter-spacing:-.4px;color:var(--title-dark);max-width:820px;margin:var(--sec-gap) 0 0}
.k-lead .rw{color:var(--title-dark)}

/* Układ: dane + formularz */
.k-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-top:var(--sec-gap)}

/* Wspólna oprawa kart (jak .evl-card / .evx-hero). */
.k-info,.k-formcard{padding:34px 36px;border-radius:24px;
  background:linear-gradient(135deg,#faf8f2 0%,#f5f1e8 100%);
  border:1px solid rgba(184,148,78,.28);box-shadow:0 12px 32px rgba(43,38,32,.07)}

/* Nagłówek karty ze złotą kreską pod spodem. */
.k-h{font-family:'Inter',sans-serif;font-size:22px;font-weight:600;color:var(--title-dark);
  margin:0 0 6px;padding-bottom:12px;position:relative}
.k-h::after{content:'';position:absolute;left:0;bottom:0;width:52px;height:2px;background:#c49a5a}

/* Lewa kolumna — dane kontaktowe */
.k-addr{color:var(--ink);font-size:16px;line-height:1.75;margin:22px 0 24px}
/* Telefon i e-mail: zwykłe wiersze tuż pod sobą (nie przyciski), złota ikona. */
.k-contact{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:17px;font-weight:600;
  margin-bottom:6px;transition:color .2s ease}
.k-contact:hover{color:#b8944e}
.k-contact .fi{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  color:#b8944e;font-size:18px;line-height:1}
/* Obie pigułki muszą zmieścić się w JEDNEJ linii w kolumnie karty — stąd nowrap
   i węższy padding/gap niż w stopce (tam mają całą szerokość strony). */
.k-pills{display:flex;flex-wrap:nowrap;gap:10px;margin-top:24px;align-items:center}
.k-pills .foot-pill{margin:0;white-space:nowrap;flex:0 1 auto;min-width:0;padding:10px 14px;gap:10px;font-size:14px}
.k-pills .foot-social{gap:8px}
.k-pills .foot-social a{width:34px;height:34px}

/* Prawa kolumna — formularz */
.k-form{margin-top:22px}
.k-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.k-input,.k-textarea{width:100%;background:#fff;border:1px solid rgba(184,148,78,.3);border-radius:14px;
  font-family:'Inter',sans-serif;font-size:15px;color:var(--ink);padding:15px 18px;
  transition:border-color .2s ease,box-shadow .2s ease}
.k-input{height:54px;text-align:left}
.k-textarea{display:block;min-height:180px;resize:vertical;text-align:left;margin-bottom:0}
.k-input::placeholder,.k-textarea::placeholder{color:#a49e91}
.k-req{margin-top:10px;font-size:12px;color:var(--muted)}
.k-input:focus,.k-textarea:focus{outline:none;border-color:#c49a5a;box-shadow:0 0 0 3px rgba(196,154,90,.18)}
.k-field-full{margin-bottom:14px}

.k-rodo{display:flex;gap:11px;margin-top:16px;align-items:flex-start}
.k-rodo input{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:#b8944e}
.k-rodo label{font-size:12px;line-height:1.5;color:var(--muted)}
.k-rodo a{color:#b8944e;text-decoration:none}
.k-rodo a:hover{text-decoration:underline}

/* Przycisk jak wszędzie: ciemna pigułka, hover na czerń. */
.k-submit{margin-top:22px;display:inline-flex;align-items:center;gap:10px;
  background:var(--ink-soft);border:1px solid transparent;border-radius:999px;
  padding:16px 34px;font-family:'Inter',sans-serif;font-size:16px;font-weight:500;color:#fff;
  cursor:pointer;transition:background .25s ease}
.k-submit:hover{background:#000}
.k-submit:disabled{opacity:.65;cursor:default;background:var(--ink-soft)}

/* Komunikat po wysłaniu */
/* Margines na .k-alert, a nie na #kformMsg — kontener bywa pusty i zostawiałby dziurę. */
.k-alert{border-radius:14px;padding:14px 18px;font-size:15px;line-height:1.45;margin:24px 0 4px;
  animation:kAlertIn .35s ease-out both}
@keyframes kAlertIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.k-alert{animation:none}}
.k-alert--ok{background:#e7f0dd;color:#3f5a2c;border:1px solid #cfe0bd}
.k-alert--err{background:#f6e2df;color:#7a3a30;border:1px solid #eccbc5}

/* Mapa — ta sama obwódka i zaokrąglenie co karty */
.k-map{margin-top:44px;border-radius:24px;overflow:hidden;background:#e7e2d7;
  border:1px solid rgba(184,148,78,.28);box-shadow:0 12px 32px rgba(43,38,32,.07)}
.k-map iframe{display:block;width:100%;height:440px;border:0}

@media(max-width:900px){
  .k-lead{font-size:28px;margin-top:32px}
  .k-grid{grid-template-columns:1fr;gap:24px}
  .k-info,.k-formcard{padding:26px 22px}
  .k-hero img{aspect-ratio:16/10}
  .k-map iframe{height:340px}
}
@media(max-width:560px){
  .k-form .row2{grid-template-columns:1fr}
  .k-pills{flex-direction:column;align-items:flex-start}
}
