:root{--black:#0B1F33;--graphite:#102A43;--graphite2:#163A59;--white:#FFFFFF;--muted:#D8E3EC;--orange:#C94F00;--orange2:#0077B6;--blue:#0077B6;--turquoise:#2EAAD1;--light:#FFFFFF;--light2:#F4F7FA;--ink:#0B1F33;--line:rgba(255,255,255,.14);--shadow:0 28px 90px rgba(7,24,39,.28);--radius:10px;--navh:60px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:#0B1F33;color:var(--white);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.62;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 14% 10%,rgba(0,119,182,.12),transparent 25%),radial-gradient(circle at 84% 18%,rgba(255,255,255,.06),transparent 23%),linear-gradient(135deg,#0B1F33,#102A43 44%,#0B1F33)}a{text-decoration:none;color:inherit}img,svg{display:block}.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;padding:10px 14px;border-radius:8px;background:var(--orange);color:#FFFFFF;font-weight:800}.skip-link:focus{top:12px}.site-nav{position:fixed;top:0;left:0;z-index:1000;width:100%;min-height:var(--navh);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px clamp(14px,3vw,34px);border-bottom:1px solid rgba(255,255,255,.12);background:rgba(11,31,51,.74);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 42px rgba(0,0,0,.36);transition:background .25s ease}.nav-logo{display:grid;gap:1px;align-content:center;min-width:160px}.nav-logo img{width:156px;height:auto}.nav-logo-subtitle{font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.8);white-space:nowrap;font-weight:300}.nav-toggle{display:none;width:40px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(0,0,0,.26);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:99px;transition:transform .25s ease,opacity .25s ease}.site-nav.is-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-nav.is-open .nav-toggle span:nth-child(2){opacity:0}.site-nav.is-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap}.nav-links a,.nav-dropdown-toggle{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 11px;border-radius:8px;border:0;background:transparent;color:rgba(255,255,255,.84);font:inherit;font-size:11px;font-weight:650;letter-spacing:.075em;text-transform:uppercase;cursor:pointer;transition:color .25s ease,background .25s ease,box-shadow .25s ease}.nav-links a:hover,.nav-links a:focus-visible,.nav-dropdown-toggle:hover,.nav-dropdown.is-open .nav-dropdown-toggle{color:#fff;background:rgba(0,119,182,.12);box-shadow:inset 0 0 0 1px rgba(0,119,182,.35),0 0 26px rgba(0,119,182,.12)}.nav-contact{color:#FFFFFF!important;background:linear-gradient(135deg,var(--orange),#2EAAD1)!important}.nav-dropdown{position:relative;display:inline-flex}.nav-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .22s ease}.nav-dropdown.is-open .nav-caret{transform:rotate(180deg)}.nav-submenu{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;display:grid;gap:4px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(11,31,51,.9);box-shadow:0 18px 50px rgba(0,0,0,.5);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:.22s ease}.nav-dropdown.is-open .nav-submenu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-submenu a{justify-content:flex-start;width:100%;font-size:10.5px}.hero{position:relative;min-height:100svh;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:#0B1F33}.hero-gradient{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 67% 28%,rgba(0,119,182,.28),transparent 23%),radial-gradient(circle at 24% 33%,rgba(255,255,255,.09),transparent 19%),linear-gradient(135deg,#0B1F33 0%,#12324D 44%,#0B1F33 72%,#0B1F33 100%)}.hero-gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.34) 75%,#0B1F33 100%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 18px)}.hero-content{width:min(1120px,calc(100% - 32px));min-height:70svh;display:flex;align-items:center;justify-content:center;padding:130px 0 150px}.hero-title-box{max-width:980px;padding:clamp(26px,5vw,48px);border:1px solid rgba(255,255,255,.14);border-radius:14px;background:radial-gradient(circle at 50% 0%,rgba(0,119,182,.13),transparent 50%),rgba(0,0,0,.32);box-shadow:0 28px 95px rgba(0,0,0,.52);backdrop-filter:blur(8px);text-align:center}.hero-brand{display:grid;justify-items:center;gap:9px;margin-bottom:18px}.hero-brand img{width:260px;max-width:78%;height:auto}.hero-brand-subtitle{margin:0;color:rgba(255,255,255,.86);font-size:clamp(10px,1.2vw,13px);font-weight:300;letter-spacing:.2em;text-transform:uppercase}.eyebrow{margin:0 0 14px;color:var(--orange2);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6.4vw,88px);line-height:.98;letter-spacing:-.045em;font-weight:500;text-shadow:0 12px 34px rgba(0,0,0,.66)}.hero h2{margin:18px 0 0;color:rgba(255,255,255,.91);font-size:clamp(18px,2.8vw,35px);font-weight:350;line-height:1.15}.hero-actions{position:absolute;left:clamp(16px,5vw,68px);bottom:clamp(28px,8vh,78px);z-index:3;display:flex;flex-wrap:wrap;gap:14px}.glass-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(0,0,0,.48);box-shadow:0 16px 44px rgba(0,0,0,.45);backdrop-filter:blur(12px);color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.glass-button:hover{transform:translateY(-3px);color:var(--orange2);border-color:rgba(0,119,182,.72);box-shadow:0 20px 58px rgba(0,0,0,.5),0 0 34px rgba(0,119,182,.18)}.glass-button--accent{background:linear-gradient(135deg,rgba(0,119,182,.92),rgba(46,170,209,.9));color:#FFFFFF;border-color:rgba(46,170,209,.76)}.section-inner{width:min(1180px,calc(100% - 32px));margin:0 auto}.services-section,.company-section,.detail-section,.process-section,.contact-section{padding:clamp(72px,10vw,130px) 0;background:linear-gradient(180deg,#0B1F33,#102A43)}.section-heading{max-width:860px;margin-bottom:42px}.section-heading h2,.panel h2,.detail-title h1,.detail-title h2{margin:0 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4.3vw,58px);line-height:1.04;letter-spacing:-.035em;font-weight:500}.section-heading p,.panel p{color:var(--muted);margin:0 0 16px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,32px)}.service-card{position:relative;min-height:310px;display:grid;align-content:end;overflow:hidden;padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:radial-gradient(circle at 86% 12%,rgba(0,119,182,.15),transparent 32%),linear-gradient(145deg,#0E263C,#143550 55%,#0B1F33);box-shadow:var(--shadow);transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.service-card:hover,.service-card.is-auto-lit{transform:translateY(-7px);border-color:rgba(0,119,182,.48);box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 46px rgba(0,119,182,.14)}.service-icon{position:absolute;top:26px;right:26px;width:64px;height:64px;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:grid;place-items:center;background:rgba(0,0,0,.26);color:rgba(46,170,209,.92)}.service-icon svg{width:34px;height:34px;fill:currentColor}.service-label{color:rgba(255,255,255,.56);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.service-card h3{margin:8px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,48px);line-height:1;font-weight:500;transition:color .28s ease,text-shadow .28s ease}.service-card:hover h3,.service-card.is-auto-lit h3{color:var(--orange2);text-shadow:0 0 26px rgba(0,119,182,.38)}.service-card p{margin:0;color:rgba(255,255,255,.66)}.service-card--cta{background:radial-gradient(circle at 24% 20%,rgba(0,119,182,.28),transparent 30%),linear-gradient(145deg,#102A43,#0B1F33)}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,42px)}.panel{padding:clamp(28px,5vw,52px);border:1px solid rgba(255,255,255,.13);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),rgba(16,42,67,.86);box-shadow:var(--shadow)}.contact-strip{display:grid;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}.contact-strip a,.contact-strip span{width:fit-content;display:inline-flex;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(0,0,0,.22);font-weight:650;color:#fff}.detail-hero{position:relative;min-height:clamp(600px,84vh,780px);display:grid;align-items:center;overflow:hidden;padding:92px 0 58px;background:#0B1F33;isolation:isolate}.detail-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 32%,rgba(0,119,182,.22),transparent 24%),radial-gradient(circle at 18% 20%,rgba(255,255,255,.1),transparent 20%),linear-gradient(135deg,#0B1F33 0%,#143550 45%,#0B1F33 75%,#0B1F33 100%)}.detail-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42)),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 18px)}.detail-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:clamp(28px,5vw,72px);align-items:center}.detail-title{padding:clamp(24px,5vw,46px);border:1px solid rgba(255,255,255,.12);border-radius:12px;background:radial-gradient(circle at 18% 0%,rgba(0,119,182,.12),transparent 46%),rgba(0,0,0,.32);box-shadow:0 28px 90px rgba(0,0,0,.54);backdrop-filter:blur(10px)}.detail-title h1{font-size:clamp(48px,7vw,96px);line-height:.96}.detail-title h2{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:clamp(15px,1.8vw,24px);letter-spacing:.02em;color:rgba(255,255,255,.88);font-weight:350;white-space:nowrap}.detail-title p:not(.eyebrow){color:rgba(255,255,255,.72);font-size:clamp(16px,1.55vw,19px)}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.detail-card{min-height:420px;display:grid;place-items:center;padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:radial-gradient(circle at 50% 36%,rgba(0,119,182,.2),transparent 31%),rgba(0,0,0,.2);box-shadow:0 28px 90px rgba(0,0,0,.44)}.detail-card svg{width:min(240px,70%);height:auto;fill:rgba(46,170,209,.84);filter:drop-shadow(0 28px 36px rgba(0,0,0,.55))}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:clamp(22px,4vw,42px)}.copy-panel{padding:clamp(26px,4vw,44px);border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),rgba(16,42,67,.82);box-shadow:0 24px 80px rgba(0,0,0,.46)}.copy-panel h2,.copy-panel h3{margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,54px);line-height:1.03;letter-spacing:-.035em;font-weight:500}.copy-panel h3{font-size:clamp(24px,3vw,36px)}.copy-panel p{color:rgba(255,255,255,.72);margin:0 0 18px}.feature-list,.spec-list{list-style:none;margin:0;padding:0}.feature-list{display:grid;gap:12px}.feature-list li,.spec-list li{padding:13px 14px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(0,0,0,.26);color:rgba(255,255,255,.82)}.spec-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spec-list span{display:block;color:rgba(255,255,255,.54);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.spec-list strong{display:block;margin-top:6px;color:#fff;font-size:18px;font-weight:500}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-grid a{min-height:58px;display:grid;place-items:center;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(0,0,0,.28);color:rgba(255,255,255,.82);font-weight:650;text-align:center}.related-grid a:hover{color:var(--orange2);border-color:rgba(0,119,182,.48)}.floating-actions{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:99999;display:grid;gap:9px}.float-btn{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(11,31,51,.78);color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.5);backdrop-filter:blur(12px);transition:.25s ease}.float-btn:hover{transform:translateY(-3px);color:var(--orange2);border-color:rgba(0,119,182,.58)}.float-btn svg{width:22px;height:22px;fill:currentColor}.site-footer{border-top:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 14% 0%,rgba(0,119,182,.1),transparent 28%),#0B1F33;padding:58px 0 24px}.footer-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1.15fr .9fr .95fr .7fr;gap:32px}.footer-brand img{width:210px;height:auto;margin-bottom:16px}.footer-brand p,.footer-contact p{color:var(--muted);margin:0 0 14px}.footer-map,.footer-contact,.footer-social{display:grid;align-content:start;gap:9px}.footer-map h2,.footer-contact h2,.footer-social h2{margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:500}.footer-map a,.footer-contact a,.footer-social a{color:var(--muted)}.footer-map a:hover,.footer-contact a:hover,.footer-social a:hover{color:var(--orange2)}.social-link{width:fit-content;padding:11px 16px;border:1px solid rgba(0,119,182,.4);border-radius:10px;background:rgba(0,119,182,.1);color:#fff!important;font-weight:700}.copyright{width:min(1180px,calc(100% - 32px));margin:42px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.46);font-size:13px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1040px){.nav-toggle{display:inline-flex;margin-left:auto}.site-nav{flex-wrap:wrap}.nav-links{width:100%;display:grid;grid-template-columns:1fr;gap:4px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .34s ease,opacity .28s ease,transform .28s ease;padding-top:0}.site-nav.is-open .nav-links{max-height:680px;opacity:1;transform:translateY(0);padding-top:2px}.nav-links a,.nav-dropdown-toggle{width:fit-content;justify-content:flex-start;font-size:12px}.nav-dropdown{display:grid;width:100%}.nav-submenu{position:static;min-width:0;width:100%;max-height:0;overflow:hidden;padding:0 0 0 12px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:max-height .34s ease,padding .26s ease}.nav-dropdown.is-open .nav-submenu{max-height:520px;padding-top:3px;padding-bottom:4px}.nav-submenu a{width:fit-content;min-height:30px;padding:5px 10px;background:rgba(255,255,255,.025)}.service-grid,.panel-grid,.content-grid,.detail-hero-inner{grid-template-columns:1fr}.spec-list,.related-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}.detail-card{min-height:320px}.detail-title h2{white-space:normal}}@media(max-width:640px){.hero-content{width:100%;min-height:100svh;padding:78px 14px 170px}.hero-title-box{padding:20px 14px}.hero-brand img{width:210px}.hero h1{font-size:clamp(34px,10vw,56px)}.hero h2{font-size:clamp(16px,4.5vw,23px)}.hero-actions{left:12px;right:auto;bottom:74px;width:min(178px,calc(100vw - 24px));display:grid;gap:8px}.glass-button{min-height:40px;padding:9px 11px;font-size:9.8px}.service-grid{grid-template-columns:1fr}.service-card{min-height:280px}.detail-hero{padding-top:78px}.detail-title h1{font-size:clamp(38px,12vw,62px)}.detail-title h2{font-size:clamp(13px,3.7vw,17px);white-space:normal}.detail-actions{display:grid;max-width:210px}.spec-list,.related-grid{grid-template-columns:1fr}.floating-actions{right:10px;bottom:12px}.float-btn{width:44px;height:44px}}


/* --- Poprawki: teksty w ramkach + zdjęcia usług --- */
.hero{
  background-image:
    linear-gradient(180deg, rgba(11,31,51,.52), rgba(11,31,51,.72)),
    radial-gradient(circle at 78% 26%, rgba(0,119,182,.18), transparent 24%),
    url('../images/services/hero-home.png');
  background-size: cover;
  background-position: center center;
}

.hero-gradient{background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.46));}

.hero-title-box,
.panel,
.copy-panel,
.detail-title,
.service-card,
.related-grid a,
.contact-strip a,
.contact-strip span,
.nav-links a,
.nav-dropdown-toggle,
.nav-submenu a {
  overflow-wrap:anywhere;
  word-break:normal;
}

.service-card {
  min-height: 340px;
  isolation:isolate;
  background-size: cover;
  background-position: center center;
}
.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg, rgba(16,42,67,.12) 0%, rgba(16,42,67,.38) 38%, rgba(16,42,67,.84) 100%);
}
.service-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:radial-gradient(circle at 86% 12%,rgba(0,119,182,.12),transparent 32%);
}
.service-card h3 {
  max-width: min(100%, 15ch);
  font-size: clamp(26px, 2.6vw, 40px);
  line-height: 1.04;
  text-wrap: balance;
  overflow-wrap:anywhere;
}
.service-card p {
  max-width: 42ch;
}
.service-card .service-label{
  position:relative;
  z-index:1;
}
.service-card .service-icon{
  backdrop-filter: blur(8px);
}
.service-card.service-oversize {background-image:url('../images/services/transport-ponadgabarytowy.png');}
.service-card.service-forwarding {background-image:url('../images/services/spedycja-miedzynarodowa.png');}
.service-card.service-containers {background-image:url('../images/services/przewoz-kontenerow-z-chin.png');}
.service-card.service-ocean {background-image:url('../images/services/transport-morski.png');}
.service-card.service-china-sea {background-image:url('../images/services/spedycja-morska-chiny-polska.png');}
.service-card.service-strategic {background-image:url('../images/services/przewoz-ladunkow-strategicznych.png');}
.service-card.service-rail {background-image:url('../images/services/transport-kolejowy.png');}
.service-card.service-cta {background-image:linear-gradient(145deg,#102A43,#0B1F33);}

.detail-card {
  overflow:hidden;
  padding:0;
  background:#102A43;
}
.detail-card svg{display:none;}
.detail-card img{
  width:100%;
  height:100%;
  min-height:420px;
  display:block;
  object-fit:cover;
}

.copy-panel h2,
.copy-panel h3,
.section-heading h2,
.panel h2,
.detail-title h1,
.detail-title h2,
.service-card h3,
.hero h1,
.hero h2{
  text-wrap:balance;
}
.detail-title h2{
  font-size: clamp(14px, 1.35vw, 20px);
  white-space:nowrap;
}
.hero h2{max-width:24ch;}

@media(max-width:1040px){
  .detail-title h2{white-space:normal;}
}
@media(max-width:640px){
  .service-card{min-height:300px;}
  .service-card h3{font-size:clamp(24px, 7vw, 34px); max-width:100%;}
  .detail-card img{min-height:280px;}
}


/* --- Korekta H1: jeden wiersz bez wychodzenia poza ramkę --- */
.hero-title-box h1,
.detail-title h1 {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  max-width: 100%;
}

.detail-title,
.hero-title-box {
  overflow: hidden;
}

.detail-title h1 {
  font-size: clamp(28px, 4.8vw, 78px);
  line-height: 1.02;
}

@media (max-width: 640px) {
  .detail-title h1 {
    font-size: clamp(20px, 8.8vw, 42px);
  }
}


/* --- Rozbudowa: menu 4 grupy i duża siatka zajawkowa --- */
.nav-links{align-items:flex-start}
.nav-submenu{max-height:min(70vh, 580px);overflow:auto}
.nav-submenu a{display:block}
.group-services{padding-top:28px}
.service-grid--many{grid-template-columns:repeat(3,1fr)}
.service-grid--many .service-card{min-height:300px}
.service-grid--many .service-card h3{font-size:clamp(24px,2.6vw,36px);max-width:100%}
.service-grid--many .service-card p{max-width:46ch}
.footer-inner{grid-template-columns:1.05fr .8fr .8fr .8fr .8fr .8fr}
.footer-map{min-width:0}
.footer-map a{display:block}
@media(max-width:1180px){.service-grid--many{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:1040px){.nav-links .nav-dropdown,.nav-links a{width:100%}.nav-dropdown-toggle,.nav-links a{min-height:36px}.nav-submenu a{white-space:normal} .service-grid--many{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.service-grid--many{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}}


.service-grid--dense{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 18px}
.service-grid--dense .service-card{min-height:310px}
.service-grid--dense .service-card h3{font-size:clamp(24px,2.2vw,34px);max-width:100%}
.service-grid--dense .service-card p{max-width:34ch}
.detail-card img{width:100%;height:100%;min-height:420px;display:block;object-fit:cover;border-radius:12px}
.footer-inner--wide{grid-template-columns:1fr 2.5fr;align-items:start}
.footer-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.footer-group{display:grid;gap:8px;align-content:start}
.footer-group h3{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:500}
.footer-group a{color:var(--muted)}
.footer-group a:hover{color:var(--orange2)}
.hero .hero-title-box{max-width:840px}
.hero h2{max-width:30ch}
.nav-links{align-items:flex-start}
.nav-dropdown{display:inline-flex;align-items:flex-start}
.nav-submenu a.is-active{color:var(--orange2)}
@media(max-width:1180px){.service-grid--dense{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){.footer-inner--wide{grid-template-columns:1fr}.footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid--dense{grid-template-columns:1fr}.nav-links a,.nav-dropdown-toggle{width:100%}.nav-submenu a{width:100%}}
@media(max-width:640px){.footer-links-grid{grid-template-columns:1fr}.service-grid--dense .service-card{min-height:270px}.hero h2{max-width:100%}}

/* Final: nowe zdjęcie hero */
.hero{background-image:linear-gradient(180deg, rgba(11,31,51,.52), rgba(11,31,51,.72)), radial-gradient(circle at 78% 26%, rgba(0,119,182,.18), transparent 24%), url('../images/services/hero-home-new.jpg') !important;}


/* === Aktualizacja GIGATRANS: logo, video hero, formularz i CTA === */
.nav-logo img,
.hero-brand img,
.footer-brand img {
  width: auto;
  max-width: min(300px, 100%);
  height: auto;
}

.nav-logo-subtitle {
  letter-spacing: .18em;
}

.hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,51,.21), rgba(11,31,51,.39)),
    radial-gradient(circle at 78% 26%, rgba(0,119,182,.18), transparent 24%),
    url('../images/services/hero-home-new.png');
  overflow: hidden;
}

.hero-video {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.89) contrast(1.06) saturate(1.03);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.31)),
    radial-gradient(circle at center, rgba(0,0,0,.03), rgba(0,0,0,.28) 78%);
  pointer-events: none;
}

.hero-content {
  align-items: center;
  justify-content: center;
  min-height: 100svh;
  padding-top: 120px;
  padding-bottom: 150px;
}

.hero-title-box {
  margin: 0 auto;
  text-align: center;
}

.hero-brand {
  justify-items: center;
  text-align: center;
}

.service-icon {
  display: none !important;
}

.floating-actions .float-btn:first-child {
  font-size: 9px;
  line-height: 1.04;
  text-align: center;
  letter-spacing: .06em;
  padding: 4px;
}

.quick-quote-text {
  display: block;
  width: 100%;
  font-weight: 800;
}

.footer-quote-form {
  margin: 46px auto 0;
  width: min(1180px, calc(100% - 32px));
  padding-top: 34px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.quote-form-inner {
  display: grid;
  grid-template-columns: minmax(240px, .65fr) minmax(0, 1.35fr);
  gap: clamp(22px, 4vw, 48px);
  align-items: start;
}

.quote-form-heading h2 {
  margin: 0 0 14px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.04;
  font-weight: 500;
}

.quote-form-heading p {
  color: var(--muted);
}

.quote-form {
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgba(0,119,182,.10), transparent 34%),
    rgba(0,0,0,.28);
  box-shadow: 0 22px 70px rgba(0,0,0,.38);
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.quote-form label {
  display: grid;
  gap: 7px;
  color: rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
}

.quote-form input,
.quote-form select,
.quote-form textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  background: rgba(11,31,51,.62);
  color: #fff;
  padding: 11px 12px;
  font: inherit;
  outline: none;
}

.quote-form textarea {
  resize: vertical;
  min-height: 92px;
}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus {
  border-color: rgba(0,119,182,.72);
  box-shadow: 0 0 0 3px rgba(0,119,182,.14);
}

.quote-submit {
  margin-top: 18px;
  width: 100%;
  min-height: 52px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--orange), #2EAAD1);
  color: #FFFFFF;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 16px 38px rgba(0,119,182,.24);
}

.quote-submit:hover,
.quote-submit:focus-visible {
  filter: brightness(1.06);
}

.form-hidden {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
}

@media (max-width: 940px) {
  .quote-form-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
  .footer-quote-form {
    width: min(100% - 24px, 1180px);
  }
  .floating-actions .float-btn:first-child {
    font-size: 8px;
  }
}


/* === Ostatnia korekta hero + CTA === */
.hero-brand img,
.nav-logo img,
.footer-brand img {
  filter: drop-shadow(0 0 14px rgba(180, 215, 255, .12));
}
.hero-title-box {
  display: grid;
  justify-items: center;
}
.hero-brand-subtitle {
  max-width: 34ch;
  margin: 0 auto;
  text-align: center;
  line-height: 1.2;
}
.hero h2 {
  max-width: 18.5ch !important;
  margin: 18px auto 0 !important;
  text-align: center !important;
  line-height: 1.16;
}
.floating-actions .float-btn:first-child {
  font-size: 7px !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: .03em !important;
  padding: 3px !important;
}
.quick-quote-text {
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: .03em !important;
}
@media (max-width: 640px) {
  .hero h2 {
    max-width: 16.6ch !important;
  }
  .floating-actions .float-btn:first-child {
    font-size: 6.6px !important;
  }
}


/* === Korekta logo + usunięte elementy z hero === */
.nav-logo {
  gap: 0 !important;
  min-width: 128px;
}
.nav-logo img {
  width: 117px !important;
  max-width: 117px !important;
  height: auto;
}
.footer-brand img {
  width: 158px !important;
  max-width: 158px !important;
  height: auto;
}
.hero-brand img {
  width: 195px !important;
  max-width: 195px !important;
}
.hero-content {
  min-height: 100svh;
  align-items: center;
  justify-content: center;
}
.hero-actions {
  z-index: 4;
}
@media (max-width: 640px) {
  .nav-logo img {
    width: 108px !important;
    max-width: 108px !important;
  }
  .footer-brand img {
    width: 146px !important;
    max-width: 146px !important;
  }
}


/* === Przywrócony kafelek hero na stronie głównej === */
.hero-content {
  display: flex;
}
.hero-title-box {
  width: min(900px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(28px, 4vw, 44px) clamp(22px, 4vw, 40px);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(11,31,51,.56), rgba(11,31,51,.68));
  box-shadow: 0 22px 70px rgba(0,0,0,.38);
  backdrop-filter: blur(4px);
}
.hero-brand {
  display: grid;
  justify-items: center;
  gap: 14px;
}
.hero-brand img {
  width: 270px !important;
  max-width: min(78vw, 270px) !important;
  height: auto;
}
.hero-brand-subtitle {
  margin: 0;
  color: #0077B6;
  font-size: clamp(13px, 1.2vw, 18px);
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
}
.hero-slogan {
  margin: 26px auto 0;
  max-width: 20ch;
  color: #FFFFFF;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 4.8vw, 60px);
  line-height: 1.06;
  text-align: center;
  text-wrap: balance;
}
@media (max-width: 640px) {
  .hero-title-box {
    width: min(100% - 20px, 900px);
    border-radius: 18px;
    padding: 24px 16px;
  }
  .hero-brand img {
    width: 220px !important;
    max-width: 72vw !important;
  }
  .hero-brand-subtitle {
    font-size: 11px;
    letter-spacing: .15em;
    line-height: 1.35;
  }
  .hero-slogan {
    max-width: 14ch;
    font-size: clamp(24px, 8vw, 42px);
  }
}


/* === Korekta v5: logo w menu tej samej wielkości co w kafelku hero === */
.site-nav {
  min-height: 112px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-logo {
  min-width: 290px !important;
}

.nav-logo img {
  width: 270px !important;
  max-width: 270px !important;
  height: auto !important;
}

@media (max-width: 1040px) {
  .site-nav {
    min-height: 92px;
  }

  .nav-logo {
    min-width: 230px !important;
  }

  .nav-logo img {
    width: 220px !important;
    max-width: 220px !important;
  }
}

@media (max-width: 640px) {
  .site-nav {
    min-height: 82px;
  }

  .nav-logo {
    min-width: 205px !important;
  }

  .nav-logo img {
    width: 195px !important;
    max-width: 195px !important;
  }
}


/* === Popup cookies + polityka prywatności === */
.footer-legal-links {
  width: min(1180px, calc(100% - 32px));
  margin: 28px auto 0;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.footer-legal-links a {
  color: rgba(255,255,255,.72);
  font-size: 13px;
  letter-spacing: .04em;
}

.footer-legal-links a:hover {
  color: var(--orange2);
}

.cookie-popup {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 100000;
  width: min(560px, calc(100vw - 36px));
  opacity: 0;
  visibility: hidden;
  transform: translateY(18px);
  transition: opacity .28s ease, transform .28s ease, visibility .28s ease;
  pointer-events: none;
}

.cookie-popup.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.cookie-popup.is-hidden {
  display: none;
}

.cookie-popup__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  padding: 20px;
  border: 1px solid rgba(0,119,182,.42);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(0,119,182,.16), transparent 38%),
    rgba(11,31,51,.92);
  box-shadow: 0 24px 80px rgba(0,0,0,.56);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.cookie-popup__label {
  margin: 0 0 5px;
  color: var(--orange2);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.cookie-popup h2 {
  margin: 0 0 8px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.05;
  font-weight: 500;
}

.cookie-popup p {
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.55;
}

.cookie-popup__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.cookie-btn,
.cookie-link {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 9px;
  background: rgba(0,0,0,.26);
  color: rgba(255,255,255,.86);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
}

.cookie-btn--accent {
  background: linear-gradient(135deg, var(--orange), #2EAAD1);
  color: #FFFFFF;
  border-color: rgba(46,170,209,.74);
}

.cookie-link:hover,
.cookie-btn:hover {
  color: var(--orange2);
  border-color: rgba(0,119,182,.58);
}

.cookie-btn--accent:hover {
  color: #FFFFFF;
  filter: brightness(1.06);
}

@media (max-width: 640px) {
  .cookie-popup {
    left: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
  }

  .cookie-popup__inner {
    padding: 16px;
  }

  .cookie-popup__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .cookie-btn,
  .cookie-link {
    width: 100%;
  }
}


/* === Paleta sprzedażowa GIGATRANS: granat + jasne powierzchnie + niebieski + CTA === */
:root {
  --navy: #0B1F33;
  --navy-2: #102A43;
  --blue: #0077B6;
  --turquoise: #2EAAD1;
  --cta: #C94F00;
  --surface: #FFFFFF;
  --surface-soft: #F4F7FA;
  --ink: #0B1F33;
  --ink-soft: #40566A;
}

body {
  background: var(--navy);
  color: #FFFFFF;
}
body::before {
  background:
    radial-gradient(circle at 14% 10%, rgba(0,119,182,.18), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(46,170,209,.10), transparent 25%),
    linear-gradient(135deg, var(--navy), var(--navy-2) 52%, var(--navy));
}

.site-nav {
  border-bottom-color: rgba(46,170,209,.28);
  background: rgba(11,31,51,.94);
  box-shadow: 0 14px 42px rgba(5,20,32,.28);
}
.nav-links a,
.nav-dropdown-toggle { color: rgba(255,255,255,.88); }
.nav-links a:hover,
.nav-links a:focus-visible,
.nav-dropdown-toggle:hover,
.nav-dropdown.is-open .nav-dropdown-toggle {
  color: #FFFFFF;
  background: rgba(0,119,182,.20);
  box-shadow: inset 0 0 0 1px rgba(46,170,209,.48), 0 0 26px rgba(0,119,182,.18);
}
.nav-submenu {
  border-color: rgba(46,170,209,.30);
  background: rgba(11,31,51,.98);
}
.nav-submenu a.is-active { color: #65C7E8; }
.nav-contact,
.nav-contact:hover,
.nav-contact:focus-visible {
  color: #FFFFFF !important;
  background: var(--cta) !important;
  box-shadow: 0 10px 28px rgba(201,79,0,.28) !important;
}

.hero,
.detail-hero { background-color: var(--navy); }
.hero-gradient,
.detail-bg {
  background:
    radial-gradient(circle at 72% 26%, rgba(0,119,182,.34), transparent 28%),
    radial-gradient(circle at 20% 24%, rgba(46,170,209,.16), transparent 24%),
    linear-gradient(135deg, rgba(11,31,51,.50), rgba(16,42,67,.72));
}
.hero::before {
  background: linear-gradient(180deg, rgba(11,31,51,.18), rgba(11,31,51,.68));
}
.hero-title-box,
.detail-title {
  border-color: rgba(101,199,232,.36);
  background:
    radial-gradient(circle at 50% 0%, rgba(0,119,182,.20), transparent 52%),
    rgba(11,31,51,.76);
  box-shadow: 0 24px 76px rgba(4,17,28,.36);
}
.hero-brand-subtitle,
.eyebrow { color: #65C7E8; }
.hero-slogan,
.hero h1,
.hero h2,
.detail-title h1,
.detail-title h2,
.detail-title p:not(.eyebrow) { color: #FFFFFF; }

.glass-button {
  border-color: rgba(255,255,255,.34);
  background: rgba(11,31,51,.74);
  color: #FFFFFF;
}
.glass-button:hover {
  color: #FFFFFF;
  border-color: var(--turquoise);
  background: rgba(0,119,182,.78);
  box-shadow: 0 18px 48px rgba(4,17,28,.34), 0 0 28px rgba(46,170,209,.22);
}
.glass-button--accent,
.detail-actions .glass-button--accent {
  border-color: #C94F00;
  background: #C94F00;
  color: #FFFFFF;
  box-shadow: 0 16px 38px rgba(201,79,0,.28);
}
.glass-button--accent:hover,
.detail-actions .glass-button--accent:hover {
  border-color: #E26725;
  background: #E26725;
  color: #FFFFFF;
}

.company-section,
.services-section,
.detail-section,
.process-section,
.contact-section {
  color: var(--ink);
  background: var(--surface-soft);
}
main > .services-section:nth-of-type(even),
main > .detail-section:nth-of-type(even),
main > .process-section:nth-of-type(even) {
  background: var(--surface);
}
.section-heading h2,
.panel h2,
.copy-panel h2,
.copy-panel h3 { color: var(--ink); }
.section-heading p,
.panel p,
.copy-panel p,
.quote-form-heading p { color: var(--ink-soft); }
.company-section .eyebrow,
.services-section .eyebrow,
.detail-section .eyebrow,
.process-section .eyebrow,
.contact-section .eyebrow { color: var(--blue); }

.panel,
.copy-panel {
  border-color: #D8E3EC;
  background: #FFFFFF;
  box-shadow: 0 18px 52px rgba(11,31,51,.10);
}
.contact-strip { border-top-color: #D8E3EC; }
.contact-strip a,
.contact-strip span {
  border-color: rgba(0,119,182,.24);
  background: #EDF7FC;
  color: var(--ink);
}
.contact-strip a:hover { color: var(--blue); }

.service-card {
  border-color: rgba(101,199,232,.38);
  color: #FFFFFF;
  background-color: var(--navy-2);
  box-shadow: 0 18px 54px rgba(11,31,51,.22);
}
.service-card::before {
  background: linear-gradient(180deg, rgba(11,31,51,.10) 0%, rgba(11,31,51,.48) 42%, rgba(11,31,51,.94) 100%);
}
.service-card::after {
  background: radial-gradient(circle at 86% 12%, rgba(0,119,182,.24), transparent 34%);
}
.service-card:hover,
.service-card.is-auto-lit {
  border-color: var(--turquoise);
  box-shadow: 0 24px 70px rgba(11,31,51,.28), 0 0 38px rgba(0,119,182,.20);
}
.service-card h3,
.service-card p { color: #FFFFFF; }
.service-card .service-label { color: #9EDCF1; }
.service-card:hover h3,
.service-card.is-auto-lit h3 {
  color: #65C7E8;
  text-shadow: 0 0 24px rgba(46,170,209,.28);
}
.service-card--cta,
.service-card.service-cta {
  background: linear-gradient(145deg, var(--navy-2), var(--navy));
}

.feature-list li,
.spec-list li,
.related-grid a {
  border-color: #D8E3EC;
  background: #FFFFFF;
  color: var(--ink);
  box-shadow: 0 10px 26px rgba(11,31,51,.06);
}
.spec-list span { color: var(--blue); }
.spec-list strong { color: var(--ink); }
.related-grid a:hover {
  color: var(--blue);
  border-color: var(--turquoise);
  background: #EDF7FC;
}

.float-btn {
  border-color: rgba(101,199,232,.45);
  background: rgba(11,31,51,.92);
  color: #FFFFFF;
}
.float-btn:hover {
  color: #FFFFFF;
  border-color: var(--turquoise);
  background: var(--blue);
}
.floating-actions .float-btn:first-child {
  border-color: var(--cta);
  background: var(--cta);
  color: #FFFFFF;
  box-shadow: 0 12px 34px rgba(201,79,0,.32);
}
.floating-actions .float-btn:first-child:hover { background: #E26725; }

.site-footer {
  border-top-color: rgba(46,170,209,.28);
  background:
    radial-gradient(circle at 14% 0%, rgba(0,119,182,.18), transparent 32%),
    var(--navy);
  color: #FFFFFF;
}
.site-footer h2,
.site-footer h3 { color: #FFFFFF; }
.footer-brand p,
.footer-contact p,
.footer-map a,
.footer-contact a,
.footer-social a,
.footer-group a,
.footer-legal-links a,
.copyright { color: rgba(255,255,255,.74); }
.footer-map a:hover,
.footer-contact a:hover,
.footer-social a:hover,
.footer-group a:hover,
.footer-legal-links a:hover { color: #65C7E8; }
.footer-legal-links,
.footer-quote-form,
.copyright { border-color: rgba(255,255,255,.14); }

.quote-form-heading h2 { color: #FFFFFF; }
.quote-form-heading p { color: rgba(255,255,255,.74); }
.quote-form {
  border-color: rgba(101,199,232,.30);
  background:
    radial-gradient(circle at 100% 0%, rgba(0,119,182,.18), transparent 36%),
    rgba(16,42,67,.82);
  box-shadow: 0 22px 70px rgba(4,17,28,.30);
}
.quote-form label { color: rgba(255,255,255,.88); }
.quote-form input,
.quote-form select,
.quote-form textarea {
  border-color: #CFDCE6;
  background: #FFFFFF;
  color: var(--ink);
}
.quote-form input::placeholder,
.quote-form textarea::placeholder { color: #718395; }
.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(0,119,182,.18);
}
.quote-submit {
  background: var(--cta);
  color: #FFFFFF;
  box-shadow: 0 16px 38px rgba(201,79,0,.28);
}
.quote-submit:hover,
.quote-submit:focus-visible { background: #E26725; }

.quote-consent {
  grid-column: 1 / -1;
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  font-size: .88rem;
  line-height: 1.45;
}
.quote-consent input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  flex: 0 0 auto;
  accent-color: var(--blue);
}
.quote-consent a { color: #65C7E8; text-decoration: underline; }
.email-jpg { display: inline-block; width: auto; height: 24px; max-width: 100%; vertical-align: middle; }
.email-jpg--light { height: 25px; }
.administrator-jpg { display: block; width: auto; height: 32px; max-width: 100%; object-fit: contain; object-position: left center; }

.cookie-popup__inner {
  border-color: rgba(101,199,232,.42);
  background:
    radial-gradient(circle at 100% 0%, rgba(0,119,182,.20), transparent 40%),
    rgba(11,31,51,.98);
}
.cookie-popup__label { color: #65C7E8; }
.cookie-popup h2 { color: #FFFFFF; }
.cookie-popup p { color: rgba(255,255,255,.78); }
.cookie-btn,
.cookie-link {
  border-color: rgba(255,255,255,.24);
  background: rgba(16,42,67,.80);
  color: #FFFFFF;
}
.cookie-btn:hover,
.cookie-link:hover {
  color: #FFFFFF;
  border-color: var(--turquoise);
  background: var(--blue);
}
.cookie-btn--accent,
.cookie-btn--accent:hover {
  border-color: var(--cta);
  background: var(--cta);
  color: #FFFFFF;
}

.skip-link {
  background: var(--cta);
  color: #FFFFFF;
}

@media (max-width: 1040px) {
  .site-nav.is-open { background: rgba(11,31,51,.98); }
  .nav-submenu { background: transparent; }
  .nav-submenu a { background: rgba(0,119,182,.12); }
}

/* Strona potwierdzenia: cały nagłówek musi mieścić się w ramce. */
.thank-you-page .detail-title h1 {
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.06;
}