/* DNK 2026-09: dodatki do nowej seetrade.eu */
.hero-buttons{display:flex;flex-wrap:wrap;gap:14px}
.btn-hero-main{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:240px;height:70px;padding:0 32px;border-radius:999px;background:#fff;color:#0b1426;font-weight:700;font-size:17px;text-decoration:none;transition:transform .2s,background .2s}
.btn-hero-main:hover{transform:translateY(-2px);background:#e8f6fd}
.btn-platform{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:2px solid #4fc3f7;color:#fff;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.btn-platform[hidden]{display:none!important}
.nav-carriers a{color:#4fc3f7!important;font-weight:600}
.form-consent{font-size:13px;line-height:1.5;color:#6b7280;margin:12px 0 0}
.form-consent a{color:inherit;text-decoration:underline}
.footer-legal{display:flex;flex-wrap:wrap;gap:18px}
.footer-legal a{color:inherit;text-decoration:underline;opacity:.85}
.carrier-routes{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.carrier-routes li{border:2px solid #4fc3f7;border-radius:999px;padding:8px 16px;font-weight:600;font-size:15px;color:inherit}
.carrier-note{margin-top:18px;font-weight:600}
.select-field select{width:100%;height:52px;border:0;background:transparent;font-family:"Poppins",sans-serif;font-size:14px;color:#172131;outline:0;padding:0 14px 0 46px;cursor:pointer}
.legal{padding:170px 0 90px;background:#f5f8fc}
.legal-container{max-width:860px;margin:0 auto;padding:0 24px;color:#1f2937;font-size:16px;line-height:1.7}
.legal-container h1{font-size:38px;line-height:1.2;margin-bottom:10px;color:#0b1426}
.legal-container h2{font-size:22px;margin:34px 0 10px;color:#0b1426}
.legal-container p,.legal-container li{margin:0 0 10px}
.legal-container ul{padding-left:22px}
.legal-meta{color:#6b7280;font-size:14px;margin-bottom:26px}
.st-cookie-link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;opacity:.85}

/* === Poprawki klienta 28.09 === */
/* 1. Nowe logo w naglowku + menu w jednej linii */
.logo .logo-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:5px 9px;flex:none;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.logo .logo-badge img{width:auto!important;height:34px!important;display:block}
.logo{gap:12px}
.navigation a{white-space:nowrap}
@media (min-width:1101px){
  .header-container{grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:clamp(16px,2vw,36px)!important;width:min(96%,1560px)!important}
  .navigation ul{gap:clamp(12px,1.35vw,28px)!important}
  .navigation a{font-size:clamp(13px,.95vw,16px)!important}
  .header-right{gap:14px!important}
  .btn-header{white-space:nowrap;padding-left:22px!important;padding-right:22px!important}
}
@media (min-width:1101px) and (max-width:1300px){
  .logo-see,.logo-trade{font-size:24px!important}
  .logo .logo-badge img{height:28px!important}
  .language-current{display:none}
}
/* 2. Jasniejsze zdjecie w hero */
.hero::after{filter:brightness(1.4) saturate(1.05) contrast(1.02)}
.hero-overlay{background:linear-gradient(90deg,rgba(23,33,49,.72) 0%,rgba(23,33,49,.48) 30%,rgba(23,33,49,.08) 52%,rgba(23,33,49,0) 64%)!important}
@media (max-width:1100px){.hero-overlay{background:linear-gradient(90deg,rgba(23,33,49,.76) 0%,rgba(23,33,49,.5) 50%,rgba(23,33,49,.08) 100%)!important}}
@media (max-width:768px){.hero-overlay{background:linear-gradient(90deg,rgba(23,33,49,.76) 0%,rgba(23,33,49,.58) 62%,rgba(23,33,49,.34) 100%)!important}}
@media (max-width:560px){.hero-overlay{background:linear-gradient(90deg,rgba(23,33,49,.74) 0%,rgba(23,33,49,.6) 70%,rgba(23,33,49,.44) 100%)!important}}
.hero-left h1,.hero-left p,.hero-benefit{text-shadow:0 2px 16px rgba(0,0,0,.6)}
/* Przewoznicy: to samo zdjecie w miejscu hero1, bez dodatkowego przyciemnienia */
.hero.hero-carriers{background-image:none!important}
.hero.hero-carriers::after{background-image:url("Images/real-zestaw-duzy.jpg");background-size:cover;background-position:62% 60%;filter:brightness(1.05) saturate(1.04)}
/* 3. Nowe logo w tle sekcji kontakt */
.contact::before{background-image:url("Images/seetrade-logo.png")!important}
/* szerszy naglowek na duzych ekranach, zeby menu nie wchodzilo na logo */
@media (min-width:1101px){
  header.header .header-container{width:min(96%,1720px)!important;max-width:none!important}
  header.header .navigation a{font-size:clamp(13px,.9vw,15.5px)!important}
  header.header .navigation ul{gap:clamp(12px,1.25vw,26px)!important}
}
@media (min-width:1101px) and (max-width:1240px){

  header.header .navigation ul{gap:11px!important}
  header.header .navigation a{font-size:12.5px!important}
  .logo-see,.logo-trade{font-size:21px!important}
  .logo .logo-badge img{height:24px!important}
  .btn-header{padding-left:16px!important;padding-right:16px!important;font-size:13px!important}
}

/* 29.09: pelne logo klienta bez tla w naglowku (zamiast globu w bialym kafelku + napisu) */
.logo img.logo-full{height:84px!important;width:auto!important;display:block}
@media (min-width:1101px) and (max-width:1240px){.logo img.logo-full{height:72px!important}}
@media (max-width:1100px){.logo img.logo-full{height:64px!important}}
@media (max-width:560px){.logo img.logo-full{height:58px!important}}

/* 30.09: logo w sekcji "jak to dziala" mniejsze, jako delikatne tlo, stale polozenie */
.how{position:relative;overflow:hidden}
.how-watermark{top:40px!important;left:3%!important;width:clamp(150px,13vw,230px)!important;opacity:.14!important;z-index:0!important}
.how-watermark img{filter:grayscale(.2)!important;opacity:1!important}
.how-header,.how-process{position:relative;z-index:1}
@media (max-width:900px){.how-watermark{display:none!important}}