body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8}header{padding:70px 20px;text-align:center;background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.75)),url('../img/hero.jpg') center/cover no-repeat}.brand{font-size:72px;font-weight:900;letter-spacing:4px;transform:scaleX(.92)}header h1,header p{text-shadow:0 2px 6px rgba(0,0,0,.6);margin:0}nav{background:#2f80b9;position:sticky;top:0}nav ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:16px 20px;display:block;font-weight:600}nav a:hover{background:#25679a}.section{max-width:1100px;margin:60px auto;padding:0 20px}.card{background:#fff;padding:40px;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.08)}footer{background:#0b3c5d;color:#fff;text-align:center;padding:40px 20px;margin-top:60px}

/* ===== SPANNER MENU: desktop + mobile ===== */

.menu-toggle{
  display:none;
  background:#2f80b9;
  color:#fff;
  border:0;
  width:100%;
  padding:15px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}

/* Desktop menu */
.main-nav .menu{
  display:flex;
  justify-content:center;
  list-style:none;
  margin:0;
  padding:0;
}

.main-nav .menu li{
  position:relative;
}

.main-nav .menu li ul{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#25679a;
  min-width:220px;
  padding:0;
}

.main-nav .menu li:hover > ul{
  display:block;
}


@media(max-width:900px){

  .main-nav .menu li ul{
    display:none;
  }

  .main-nav .menu li.open > ul{
    display:block;
  }

}

.wpcf7 input,
.wpcf7 textarea{
  width:100%;
  padding:14px;
  margin-bottom:16px;
  border-radius:6px;
  border:1px solid #ccc;
  font-family:inherit;
}

.wpcf7 input[type="submit"]{
  background:#2f80b9;
  color:#fff;
  border:none;
  padding:14px 36px;
  font-weight:700;
  border-radius:6px;
  cursor:pointer;
}

.wpcf7 input[type="submit"]:hover{
  background:#25679a;
}

/* FIX: formularz nie wychodzi poza ekran */

.wpcf7 input,
.wpcf7 textarea{
  box-sizing:border-box !important;
  max-width:100% !important;
}

/* FIX CF7 MOBILE WIDTH */

.wpcf7,
.wpcf7 form,
.wpcf7 input,
.wpcf7 textarea{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* USUNIĘCIE CZERWONEGO TŁA CF7 */

.wpcf7-not-valid-tip,
.wpcf7-response-output,
.wpcf7 form.invalid input,
.wpcf7 form.invalid textarea,
.wpcf7 form.sent input,
.wpcf7 form.sent textarea,
.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
  background: transparent !important;
  border-color: #ccc !important;
  color: #000 !important;
}

.wpcf7-response-output {
  border: none !important;
}
/* ===== MOBILE MA BYĆ IDENTYCZNE JAK PC ===== */
@media(max-width:900px){

  /* wyłącz hamburger */
  .menu-toggle{
    display:none !important;
  }

  /* menu zawsze widoczne */
  .main-nav .menu{
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    gap:20px;
  }

  /* podmenu działa normalnie */
  .main-nav .menu li ul{
    position:absolute !important;
    display:none;
  }

  .main-nav .menu li:hover > ul{
    display:block !important;
  }
}

/* MOBILE: pokaż menu zawsze (bez hamburgera) */
@media(max-width:900px){

  .main-nav .menu{
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
  }

}