/* Korekty po przeglądzie wersji mobilnej 320-768 px. */
.nav-contact-mobile{display:none}
@media(max-width:620px){
  header .brand{flex:0 1 auto;min-width:0;font-size:28px}
  header .brand small{font-size:8px;letter-spacing:1px}
  header nav{flex:0 0 auto;gap:8px}
  header nav .btn{padding:11px 13px;min-height:40px;gap:0;font-size:12px}
  header .nav-contact-full,header .nav-contact-arrow{display:none}
  header .nav-contact-mobile{display:inline}
  .contact .form-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .contact .field{min-width:0;font-size:13px}
  .contact input,.contact select,.contact textarea{font-size:16px;min-height:44px}
  .contact .product-picker>summary{font-size:16px;min-height:48px}
  .contact .product-option{font-size:14px;min-height:44px;align-items:center}
  .contact .product-options{max-height:280px}
  .contact .product-option input{min-height:0;width:19px;height:19px;flex-basis:19px;margin:0}
  .contact .product-selection{font-size:12px}
}
@media(max-width:540px){
  .position-facts{grid-template-columns:minmax(0,1fr);gap:0}
  .position-facts>div{padding:16px 0;border-top:1px solid var(--line)}
  .position-facts strong{font-size:30px;margin-bottom:6px}
}
@media(max-width:360px){
  header{gap:8px}
  header .brand{font-size:25px}
  header .brand small{font-size:7px;letter-spacing:.8px}
  header nav{gap:6px}
  header nav .btn{padding:11px 10px}
  .v3 .hero h1{font-size:40px!important;letter-spacing:-1.5px}
}