/* Landing /zglos-sprawe/ (narzedzia/landing.py): kolory i kroje wersji 4 (krem #f1ede5, grafit, złoto), bez menu głównego. */
#gl-landing{--krem:#f1ede5;--grafit:#242527;--zloto:#B79A68;--zloto-ciemne:#6f5a33;--linia:#535454;--wyc:#c2bfb9;
  background:var(--grafit);color:var(--krem);font:400 15px/1.7 Arial,sans-serif}
#gl-landing *{box-sizing:border-box}
#gl-landing a{color:inherit}
#gl-landing em{font-style:italic}
/* Nagłówek: logo jak na podstronach, po prawej telefon i przełącznik języka. */
.gl-landing__naglowek{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:24px 6%;border-bottom:1px solid var(--linia)}
#gl-landing .brand-link{display:flex;align-items:center;gap:clamp(10px,1.1vw,15px);color:var(--krem);text-decoration:none;white-space:nowrap}
#gl-landing .logo-crop,#gl-landing .logo-crop img{display:block;width:clamp(44px,4.2vw,60px);height:clamp(44px,4.2vw,60px);flex-shrink:0}
#gl-landing .brand{display:block;font:400 clamp(21px,2vw,28px) Georgia,serif;letter-spacing:1px;white-space:nowrap}
#gl-landing .brand small{display:block;font:400 clamp(7px,.65vw,9px) Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;margin-top:6px;color:var(--zloto)}
.gl-landing__prawa{display:flex;align-items:center;gap:20px}
#gl-landing .gl-landing__tel{font:400 14px Arial,sans-serif;letter-spacing:1px;color:var(--zloto);text-decoration:none;border-bottom:1px solid transparent}
#gl-landing .gl-landing__tel:hover,#gl-landing .gl-landing__tel:focus-visible{border-bottom-color:var(--zloto)}
#gl-landing .gl-jezyk{font:400 14px Arial,sans-serif;letter-spacing:1px;color:var(--zloto);text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
#gl-landing .gl-jezyk:hover,#gl-landing .gl-jezyk:focus-visible{color:var(--krem);border-bottom-color:var(--zloto)}
/* Hero: kremowy panel z hasłem i CTA, obok czarno-białe zdjęcie. */
.gl-landing__hero{display:grid;grid-template-columns:minmax(340px,50%) 1fr;min-height:calc(100svh - 110px)}
.gl-landing__panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,96px) clamp(24px,5vw,88px);background:var(--krem);color:var(--grafit)}
.gl-landing__eyebrow{margin:0 0 18px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--zloto-ciemne)}
#gl-landing h1{margin:0;font:400 clamp(38px,4.4vw,66px)/1.12 Georgia,serif;color:var(--grafit)}
.gl-landing__wstep{max-width:520px;margin:24px 0 0;font-size:16px;color:#45464a}
.gl-landing__cta{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 0}
#gl-landing .gl-landing__przycisk{display:inline-block;border:1px solid var(--grafit);padding:15px 22px;color:var(--grafit);text-decoration:none;font:400 13px Georgia,serif;letter-spacing:1.2px;text-transform:uppercase}
#gl-landing .gl-landing__przycisk:hover,#gl-landing .gl-landing__przycisk:focus-visible{background:var(--grafit);color:var(--krem)}
#gl-landing .gl-landing__przycisk--pelny{background:var(--grafit);color:var(--krem)}
#gl-landing .gl-landing__przycisk--pelny:hover,#gl-landing .gl-landing__przycisk--pelny:focus-visible{background:transparent;color:var(--grafit)}
.gl-landing__obszary{display:flex;flex-wrap:wrap;gap:8px 10px;margin:38px 0 0;padding:0;list-style:none}
.gl-landing__obszary li{padding:6px 10px;border:1px solid rgba(36,37,39,.35);font-size:12px;letter-spacing:.5px;color:var(--grafit)}
.gl-landing__foto{display:block;min-height:0}
.gl-landing__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(1)}
/* Kroki */
.gl-landing__kroki{padding:clamp(64px,10vh,110px) 6%;max-width:1240px;margin:0 auto}
#gl-landing h2{margin:0;font:400 clamp(30px,4vw,48px)/1.2 Georgia,serif}
.gl-landing__kroki ol{display:grid;grid-template-columns:repeat(3,1fr);margin:44px 0 0;padding:0;list-style:none;border-top:1px solid var(--linia)}
.gl-landing__kroki li{padding:28px 30px 8px;border-left:1px solid var(--linia)}
.gl-landing__kroki li:first-child{border-left:0;padding-left:0}
.gl-landing__nr{font-size:11px;letter-spacing:3px;color:var(--zloto)}
#gl-landing h3{margin:12px 0;font:400 23px/1.3 Georgia,serif}
.gl-landing__kroki p{margin:0;color:var(--wyc);font-size:14.5px}
/* Formularz */
.gl-landing__formularz{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:clamp(32px,6vw,90px);padding:clamp(64px,10vh,110px) 6%;
  background:var(--krem);color:var(--grafit);scroll-margin-top:0}
.gl-landing__opis p{color:#45464a;margin:18px 0 0}
.gl-landing__dane{display:flex;flex-direction:column;gap:6px}
#gl-landing .gl-landing__dane a{color:var(--grafit);font:400 19px Georgia,serif;text-decoration:none;border-bottom:1px solid transparent;align-self:flex-start;overflow-wrap:anywhere}
#gl-landing .gl-landing__dane a:hover,#gl-landing .gl-landing__dane a:focus-visible{border-bottom-color:var(--zloto-ciemne)}
.gl-landing__adres{font-size:13px}
#gl-landing form label{display:block;margin-bottom:18px;font-size:12px;letter-spacing:.5px;color:#45464a}
#gl-landing input,#gl-landing select,#gl-landing textarea{display:block;width:100%;margin-top:7px;padding:12px;background:#fff;color:var(--grafit);border:1px solid #8d8a84;border-radius:0;font:400 16px/1.5 Arial,sans-serif}
#gl-landing textarea{min-height:160px;resize:vertical}
#gl-landing input:focus-visible,#gl-landing select:focus-visible,#gl-landing textarea:focus-visible{outline:2px solid var(--grafit);outline-offset:1px}
#gl-landing form button{padding:15px 24px;background:var(--grafit);color:var(--krem);border:1px solid var(--grafit);font:400 13px Georgia,serif;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}
#gl-landing form button:hover,#gl-landing form button:focus-visible{background:transparent;color:var(--grafit)}
#gl-landing form button:focus-visible{outline:2px solid var(--grafit);outline-offset:2px}
#gl-landing form button:disabled{opacity:.6;cursor:wait}
.gl-landing__klauzula{margin:16px 0 0;font-size:11px;line-height:1.6;color:#55565a}
#gl-landing .gl-landing__klauzula a{text-decoration:underline;text-underline-offset:3px}
.gl-landing__status{min-height:22px;margin:12px 0 0;font-size:13px}
.gl-landing__status[data-stan=ok]{color:#3f6b3a}
.gl-landing__status[data-stan=blad]{color:#9b2c1f}
#gl-landing .gl-pulapka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Stopka jak na podstronach */
#gl-landing footer.gl-stopka{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0 6%;padding:20px 0;font-size:10px;letter-spacing:1px;color:var(--wyc)}
#gl-landing footer.gl-stopka a{color:var(--wyc);text-decoration:underline;text-underline-offset:3px}
#gl-landing footer.gl-stopka a:hover{color:var(--zloto)}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:860px){
  .gl-landing__hero{grid-template-columns:1fr;min-height:0}
  .gl-landing__panel{padding:44px 20px 48px}
  .gl-landing__foto img{height:56vh;min-height:320px}
  .gl-landing__kroki{padding:56px 20px}
  .gl-landing__kroki ol{grid-template-columns:1fr}
  .gl-landing__kroki li,.gl-landing__kroki li:first-child{border-left:0;border-bottom:1px solid var(--linia);padding:22px 0}
  .gl-landing__formularz{grid-template-columns:1fr;padding:56px 20px}
}
@media(max-width:520px){.gl-landing__naglowek{padding:18px 20px}.gl-landing__cta a{width:100%;text-align:center}}
