/* ============================================================
   4422 · kontakt.css: blok zdjecie + karta z danymi, formularz.
   Wartosci z handoffu: D 1440 / T 834 / M 390.
   ============================================================ */

/* ---------- KARTA ---------- */
.k44-contact{padding-top:var(--k44-section-pt);display:grid;grid-template-columns:repeat(20,minmax(0,1fr))}
.k44-contact__media{grid-column:1/12;grid-row:1;align-self:stretch;width:100%;height:100%;min-height:0;object-fit:cover;object-position:52% 50%;background:var(--k44-ph)}
.k44-contact__card{grid-column:12/21;grid-row:1;align-self:stretch;position:relative;z-index:1;background:var(--k44-card);padding:56px;display:flex;flex-direction:column;align-items:flex-start}
.k44-contact__title{font:400 var(--k44-fs-h1)/var(--k44-lh-h1) var(--k44-serif)}
.k44-contact__lead{margin-top:22px;font:400 var(--k44-fs-lead)/var(--k44-lh-lead) var(--k44-serif);text-wrap:pretty}
.k44-contact__text{margin-top:22px;font:400 var(--k44-fs-body)/1.6 var(--k44-serif);text-wrap:pretty}
.k44-contact__line{width:100%;height:1px;background:var(--k44-accent);margin:32px 0}
.k44-contact__address{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.k44-contact__item{display:flex;flex-direction:column;gap:6px}
.k44-contact__label{font:400 var(--k44-fs-eyebrow)/1 var(--k44-serif);letter-spacing:var(--k44-ls-eyebrow);text-transform:uppercase}
.k44-contact__value{font:400 var(--k44-fs-body)/1.5 var(--k44-serif);transition:color var(--k44-dur)}
a.k44-contact__value:hover{color:var(--k44-accent)}
.k44-contact__closing{margin-top:32px;font:700 var(--k44-fs-body)/1.6 var(--k44-serif);text-wrap:pretty;display:flex;flex-direction:column}

/* ---------- FORMULARZ ---------- */
.k44-form-section{padding-top:96px}
.k44-form{display:flex;flex-direction:column;gap:32px;align-items:flex-start;width:100%}
.k44-form__fields{display:flex;flex-direction:column;gap:32px;width:100%}
.k44-form__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}
.k44-field{display:flex;flex-direction:column;gap:10px;min-width:0}
.k44-field--full{width:100%}
.k44-field__label{font:400 var(--k44-fs-eyebrow)/1 var(--k44-serif);letter-spacing:var(--k44-ls-eyebrow);text-transform:uppercase}
.k44-input{display:block;width:100%;height:62px;border:1.5px solid var(--k44-text);background:#fff;padding:0 20px;font:400 18px/1.4 var(--k44-serif);color:var(--k44-text);border-radius:0;box-shadow:none;appearance:none;-webkit-appearance:none;transition:border-color var(--k44-dur),box-shadow var(--k44-dur)}
.k44-input::placeholder{color:var(--k44-muted);opacity:1}
.k44-input:focus{outline:none;border-color:var(--k44-accent)}
.k44-input:focus-visible{outline:none;border-color:var(--k44-accent);box-shadow:0 0 0 1px var(--k44-accent)}
.k44-textarea{height:auto;min-height:200px;padding:18px 20px;line-height:1.6;resize:vertical}
.k44-consent{display:grid;grid-template-columns:22px minmax(0,1fr);gap:16px;align-items:start;width:100%;cursor:pointer;position:relative}
.k44-consent__box{width:22px;height:22px;border:1.5px solid var(--k44-text);background:#fff;display:flex;align-items:center;justify-content:center;margin-top:2px;color:var(--k44-text)}
.k44-consent__box .k44-icon{display:none}
.k44-consent__input:checked + .k44-consent__box .k44-icon{display:block}
.k44-consent__input:focus-visible + .k44-consent__box{outline:2px solid var(--k44-text);outline-offset:3px}
.k44-consent__text{font:400 16px/1.5 var(--k44-serif);text-wrap:pretty}
.k44-consent__link{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;transition:color var(--k44-dur)}
.k44-consent__link:hover{color:var(--k44-accent)}
.k44-form__submit{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.k44-form__error{font:400 16px/1.5 var(--k44-serif);color:var(--k44-error);text-wrap:pretty}
.k44-form__note{font:400 15px/1.5 var(--k44-serif);color:var(--k44-muted)}
.k44-form.is-sending .k44-btn{opacity:.5;pointer-events:none}

/* ---------- 768 do 1023: tablet (uklad warstwowy) ---------- */
@media (max-width:1023px){
	.k44-contact{display:flex;flex-direction:column}
	.k44-contact__media{width:calc(100% - 144px);align-self:flex-end;aspect-ratio:3/2;height:auto}
	.k44-contact__card{width:calc(100% - 192px);align-self:flex-start;margin-top:-120px;padding:40px}
	.k44-contact__lead{margin-top:18px}
	.k44-contact__text{margin-top:20px}
	.k44-contact__line{margin:28px 0}
	.k44-contact__address{gap:18px}
	.k44-contact__closing{margin-top:28px}
	.k44-form-section{padding-top:80px}
	.k44-form__row{gap:20px}
	.k44-input{height:60px;padding:0 18px}
	.k44-textarea{padding:18px}
}

/* ---------- do 767: telefon ---------- */
@media (max-width:767px){
	.k44-contact__media{width:calc(100% - 48px);aspect-ratio:1/1}
	.k44-contact__card{width:calc(100% - 48px);margin-top:-100px;padding:28px 24px}
	.k44-contact__lead{margin-top:14px}
	.k44-contact__text{margin-top:16px}
	.k44-contact__line{margin:24px 0}
	.k44-contact__address{gap:16px}
	.k44-contact__closing{margin-top:24px;display:block}
	.k44-contact__closing span{display:inline}
	.k44-form-section{padding-top:64px}
	.k44-form{gap:28px;align-items:stretch}
	.k44-form__fields{gap:24px}
	.k44-form__row{grid-template-columns:minmax(0,1fr);gap:24px}
	.k44-input{height:56px;padding:0 16px;font-size:17px}
	.k44-textarea{min-height:180px;padding:16px}
	.k44-consent{gap:14px}
	.k44-consent__box{margin-top:1px}
	.k44-consent__text{font-size:15px}
	.k44-form__submit{gap:14px;align-items:stretch}
	.k44-form__submit .k44-btn{display:block;width:100%}
	.k44-form__note{font-size:14px}
}