/* Hlavní navigace + mobilní menu + patička — sdílené pro stránky, které mají vlastní CSS (Dostupnost, Manuály).
   Převzato z motocykly.html (stejné pořadí pravidel), ať jsou všechny stránky stejné. */
  /* ---------- NAV ---------- */
  nav.site-nav{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:rgba(10,10,12,0.82); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);
  }
  .nav-inner{max-width:1180px; margin:0 auto; padding:0 32px; height:88px; display:flex; align-items:center; justify-content:space-between;}
  .nav-logo{display:inline-flex; align-items:center;}
  .nav-logo img{height:64px; width:auto; display:block;}
  .nav-links{display:flex; align-items:center; gap:30px;}
  .nav-links a{font-size:12.5px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); padding:4px 0; border-bottom:1px solid transparent;}
  .nav-links a:hover{color:var(--text); border-bottom-color:var(--ignition);}
  .nav-dealer{font-size:12px; color:var(--text-muted); border:1px solid var(--line); padding:9px 16px; text-transform:uppercase; letter-spacing:0.05em; cursor:pointer; background:transparent; display:inline-block;}
  .nav-dealer:hover{color:var(--ignition); border-color:var(--ignition);}
  .nav-burger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;}
  .nav-burger span{width:22px; height:2px; background:var(--text);}
  .mobile-menu{display:none; position:fixed; inset:88px 0 0 0; background:var(--bg); z-index:99; padding:32px; flex-direction:column; gap:22px;}
  .mobile-menu.open{display:flex;}
  .mobile-menu a{font-size:20px; text-transform:uppercase; font-family:'Oswald'; letter-spacing:0.03em;}
  /* ---------- FOOTER ---------- */
  footer.site-footer{border-top:1px solid var(--line); padding:56px 0 30px; background:var(--surface);}
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; margin-bottom:40px;}
  .footer-col h4{font-size:12px; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:16px;}
  .footer-col a{display:block; font-size:13.5px; color:var(--text-muted); margin-bottom:10px;}
  .footer-col a:hover{color:var(--text);}
  .footer-lede{color:var(--text-muted); font-size:13.5px; line-height:1.7; max-width:320px; margin-top:14px;}
  .footer-bottom{border-top:1px solid var(--line); padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12px; color:var(--text-muted);}
  @media(max-width:760px){.footer-grid{grid-template-columns:1fr; gap:28px;}}

  @media(max-width:760px){
    .nav-links{display:none;}
    .nav-burger{display:flex;}
  }

  /* --- NAV CTA (Testovací jízda + jazyk) --- */
  .nav-actions{display:flex; align-items:center; gap:14px;}
  .nav-lang{font-size:11.5px; letter-spacing:0.05em; color:var(--text-muted); border:1px solid var(--line); padding:7px 11px; white-space:nowrap;}
  .nav-ride{background:var(--ignition); color:#fff; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; padding:11px 18px; white-space:nowrap; display:inline-block;}
  .nav-ride:hover{filter:brightness(1.12);}
  @media(max-width:760px){.nav-actions{display:none;}}
  /* --- navbar: logo vlevo, menu hned vedle, akce vpravo (inspirace CFMOTO) --- */
  .nav-inner{max-width:1240px; margin:0 auto; padding:0 28px; height:74px; display:flex; align-items:center; gap:36px;}
  .nav-logo{display:inline-flex; align-items:center; flex:0 0 auto;}
  .nav-logo img{height:40px; width:auto; display:block;}
  .nav-links{display:flex; align-items:center; gap:24px; flex:0 1 auto;}
  .nav-links a{font-size:12.5px; text-transform:uppercase; letter-spacing:0.07em; font-weight:500; padding:26px 0; position:relative; white-space:nowrap;}
  .nav-links a::after{content:''; position:absolute; left:0; right:0; bottom:18px; height:2px; background:var(--ignition); transform:scaleX(0); transition:transform .2s;}
  .nav-links a:hover::after{transform:scaleX(1);}
  .nav-actions{margin-left:auto; display:flex; align-items:center; gap:12px; flex:0 0 auto;}
  .nav-lang{font-size:11.5px; letter-spacing:0.06em; color:var(--text-muted); border:1px solid var(--line); padding:6px 10px; border-radius:2px; white-space:nowrap;}
  .nav-lang:hover{color:var(--text); border-color:var(--text-muted);}
  .nav-ride{background:var(--ignition); color:#fff; font-size:11.5px; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; padding:11px 18px; border-radius:2px; white-space:nowrap; display:inline-block; transition:filter .15s;}
  .nav-ride:hover{filter:brightness(1.12);}
  .mobile-menu{inset:74px 0 0 0;}
  @media(max-width:1100px){.nav-links{gap:18px;} .nav-links a{font-size:11.5px;}}
  @media(max-width:900px){.nav-links,.nav-actions{display:none;} .nav-burger{display:flex; margin-left:auto;}}
  /* --- navbar: doladění barev odkazů --- */
  .nav-links a{color:#e6e6ea; border-bottom:none !important;}
  .nav-links a:hover{color:#fff; border-bottom-color:transparent !important;}
  .site-nav .nav-burger{margin-left:auto;}
  /* --- navbar ve stylu zontesmotos.es: logo uprostřed a větší, menu po stranách --- */
  .nav-inner{max-width:1500px; margin:0 auto; padding:0 34px; height:96px;
             display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px;}
  .nav-logo{justify-self:center; display:inline-flex; align-items:center;}
  .nav-logo img{height:58px; width:auto; display:block;}
  .nav-links{display:flex; align-items:center; gap:26px;}
  .nav-left{justify-content:flex-start;}
  .nav-right{justify-content:flex-end;}
  .nav-links a{font-size:15px; text-transform:none; letter-spacing:0.01em; font-weight:500;
               color:#e9e9ec; position:relative; padding:34px 0; white-space:nowrap; border-bottom:none !important;}
  .nav-links a::after{content:''; position:absolute; left:0; right:0; bottom:28px; height:2px;
                      background:var(--ignition); transform:scaleX(0); transition:transform .2s;}
  .nav-links a:hover{color:#fff;}
  .nav-links a:hover::after{transform:scaleX(1);}
  .nav-lang{font-size:12px; color:var(--text-muted); border:1px solid var(--line); padding:6px 10px; border-radius:2px; white-space:nowrap;}
  .nav-lang:hover{color:var(--text); border-color:var(--text-muted);}
  .nav-ride{background:var(--ignition); color:#fff !important; font-size:12.5px; font-weight:600; text-transform:uppercase;
            letter-spacing:0.05em; padding:12px 20px; border-radius:2px; white-space:nowrap; transition:filter .15s;}
  .nav-ride:hover{filter:brightness(1.12);}
  .nav-ride::after{display:none !important;}
  .mobile-menu{inset:96px 0 0 0;}
  @media(max-width:1250px){ .nav-links a{font-size:13.5px;} .nav-links{gap:18px;} .nav-logo img{height:50px;} .nav-inner{padding:0 20px;} }
  @media(max-width:1000px){
    .nav-inner{grid-template-columns:auto 1fr; height:78px;}
    .nav-left,.nav-right{display:none;}
    .nav-logo{justify-self:start;}
    .nav-logo img{height:44px;}
    .nav-burger{display:flex; justify-self:end;}
    .mobile-menu{inset:78px 0 0 0;}
  }
  /* --- navbar: tlačítko a jazyk nesmí dědit výšku odkazů --- */
  .nav-links a.nav-ride{padding:12px 20px; line-height:1.1; align-self:center;}
  .nav-links .nav-lang{padding:7px 10px; line-height:1.1; align-self:center;}
  /* --- logo: nové ve vysokém rozlišení, velikost jako zontesmotos.es --- */
  .nav-inner{height:102px;}
  .nav-logo img{height:64px;}
  .mobile-menu{inset:102px 0 0 0;}
  @media(max-width:1250px){ .nav-logo img{height:56px;} .nav-inner{height:92px;} .mobile-menu{inset:92px 0 0 0;} }
  @media(max-width:1000px){ .nav-inner{height:78px;} .nav-logo img{height:46px;} .mobile-menu{inset:78px 0 0 0;} }
  /* --- navbar: větší písmo i logo (jako ES/CFMOTO), se stupni pro užší displeje --- */
  .nav-inner{max-width:1760px; padding:0 30px; height:110px; gap:20px;}
  .nav-logo img{height:74px;}
  .nav-links{gap:22px;}
  .nav-links a{font-size:17px; font-weight:500; padding:40px 0;}
  .nav-links a::after{bottom:32px; height:2px;}
  .nav-links a.nav-ride{font-size:13px; padding:13px 22px;}
  .nav-links .nav-lang{font-size:12.5px; padding:8px 11px;}
  .mobile-menu{inset:110px 0 0 0;}
  @media(max-width:1600px){
    .nav-inner{height:98px; gap:16px;}
    .nav-logo img{height:64px;}
    .nav-links{gap:18px;}
    .nav-links a{font-size:15px; padding:34px 0;}
    .nav-links a::after{bottom:28px;}
    .nav-links a.nav-ride{font-size:12px; padding:11px 17px;}
    .mobile-menu{inset:98px 0 0 0;}
  }
  @media(max-width:1250px){
    .nav-inner{height:90px; gap:12px; padding:0 18px;}
    .nav-logo img{height:56px;}
    .nav-links{gap:14px;}
    .nav-links a{font-size:13.5px; padding:30px 0;}
    .mobile-menu{inset:90px 0 0 0;}
  }
  @media(max-width:1000px){
    .nav-inner{grid-template-columns:auto 1fr; height:78px;}
    .nav-left,.nav-right{display:none;}
    .nav-logo{justify-self:start;} .nav-logo img{height:48px;}
    .nav-burger{display:flex; justify-self:end;}
    .mobile-menu{inset:78px 0 0 0;}
  }
</style>
</head>
<body>
/* stránky s pevnou navigací: obsah začíná pod ní */
body.has-site-nav{padding-top:110px;}
@media(max-width:1600px){ body.has-site-nav{padding-top:98px;} }
@media(max-width:1250px){ body.has-site-nav{padding-top:90px;} }
@media(max-width:1000px){ body.has-site-nav{padding-top:78px;} }
.site-footer .wrap{padding-bottom:0;}
.site-nav a, .mobile-menu a, .site-footer a{text-decoration:none; color:inherit;}
.site-nav .nav-links a{color:#e9e9ec;}
/* hlavička stránky vycentrovaná jako na ostatních stránkách (Motocykly, Prodejci) */
.page-head{text-align:center; padding-top:28px !important;}
.page-head .eyebrow{justify-content:center;}
.page-head .eyebrow::after{content:''; width:20px; height:2px; background:var(--ignition);}
.page-head p{margin-left:auto; margin-right:auto;}