/* Favori mobile layout: persistent navigation, no hamburger menu. */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

@media (max-width:900px){
  .topbar .container{justify-content:center;text-align:center;gap:4px 16px}
  header{position:sticky;top:0}
  nav{height:auto!important;min-height:0;padding:11px 0 10px;display:flex;flex-direction:column;gap:10px}
  nav>.logo{font-size:22px;line-height:1.15;text-align:center}
  nav>.logo small{font-size:8px;letter-spacing:3px;margin-top:3px}
  .navlinks{display:grid!important;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 6px;align-items:center}
  .navlinks>a:not(.btn){font-size:12px;padding:7px 3px;text-align:center;white-space:nowrap;border-radius:7px;background:#121212}
  .navlinks>a.btn{grid-column:1/3;padding:9px 8px;font-size:12px;white-space:nowrap}
  .navlinks .lang-switch{grid-column:3/5;margin:0;display:flex;justify-content:center;gap:7px}
  .lang-switch a{padding:5px!important;display:flex;align-items:center;justify-content:center}
  .lang-switch img{width:28px!important;height:18px!important}
  .hero{min-height:auto;padding:0}
  .hero-grid{padding:38px 0 48px!important;gap:28px!important}
  .hero h1{font-size:clamp(38px,11vw,56px)!important;line-height:1.04;margin:12px 0 17px}
  .hero p{font-size:16px;line-height:1.65}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}
  .hero-actions .btn{width:100%;padding:12px 10px;font-size:13px}
  .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;text-align:center;font-size:11px}
  .trust span{padding:10px 5px;background:#101010;border:1px solid #242424;border-radius:9px}
  .trust b{font-size:18px!important}
  .booking{padding:21px;border-radius:16px;margin-top:0!important}
  .booking,.booking .field,.booking .two,.booking .two>*{min-width:0;max-width:100%}
  .booking input,.booking select,.booking textarea{display:block;width:100%!important;max-width:100%;min-width:0;box-sizing:border-box}
  .booking h3{font-size:22px}
  .split{gap:28px!important}
  .visual-panel{min-height:280px;font-size:48px;border-radius:16px}
  .section-head{margin-bottom:30px}
  .section-head h2{font-size:clamp(29px,8vw,40px)}
  .features{gap:13px}
  .card{padding:20px}
  .articles-grid,.fleet-grid{gap:14px}
  .footer-grid{gap:20px}
  .cta{padding:55px 0}
  .cta h2{font-size:32px}
}

@media (max-width:640px){
  .container{width:min(100% - 28px,1180px)}
  .topbar{padding:6px 0;font-size:11px}
  .topbar .container{display:grid;gap:1px}
  nav{padding:9px 0 8px;gap:8px}
  nav>.logo{font-size:20px}
  nav>.logo small{font-size:7px;letter-spacing:2.3px}
  .navlinks{gap:5px 4px}
  .navlinks>a:not(.btn){font-size:11px;padding:6px 1px}
  .navlinks>a.btn{font-size:11px;padding:8px 5px}
  .lang-switch img{width:26px!important;height:17px!important}
  section{padding:56px 0!important}
  .hero-grid{padding:30px 0 40px!important}
  .hero h1{font-size:clamp(36px,11.5vw,47px)!important}
  .hero-actions{grid-template-columns:1fr}
  .trust{gap:6px}
  .trust span{font-size:10px}
  .two,.features,.fleet-grid,.articles-grid,.footer-grid,.checks,.seo-grid{grid-template-columns:1fr!important}
  .field input,.field select,.field textarea{font-size:16px}
  .booking input[type="date"]{appearance:none;-webkit-appearance:none;min-height:48px;padding-right:10px}
  .car-visual{height:190px}
  .visual-panel{min-height:220px;font-size:40px}
  .split h2{font-size:32px!important;line-height:1.2}
  .checks{gap:8px}
  .seo-copy{padding:20px}
  .faq details{padding:15px 16px}
  .cta h2{font-size:29px;line-height:1.2}
  .cta p{font-size:16px}
  .copyright{display:grid;text-align:center;justify-content:center}
  .wa{width:52px;height:52px;right:13px;bottom:13px;font-size:24px}
}

@media (max-width:370px){
  .navlinks>a:not(.btn){font-size:10px}
  .navlinks>a.btn{grid-column:1/5}
  .navlinks .lang-switch{grid-column:1/5}
  .hero h1{font-size:34px!important}
  .trust{grid-template-columns:1fr}
}