/* Nasze poprawki do stylów z Webflow — doklejane przez serwer na każdej stronie (www_site._finish).
   11.10.2026: menu ma dwie pozycje więcej (Aukcje USA, Aukcje Japonia), stopka blok „Nasze serwisy”,
   a strona /import-aut-z-japonii własny układ (klasy jh-). */

/* Menu: dziewięć pozycji musi zmieścić się obok logo i przycisków.
   Na podstronach logo miało 8rem odstępu — przy 992–1300 px przyciski wychodziły poza ekran. */
@media screen and (min-width:992px){.brand{margin-right:2rem}}
@media screen and (min-width:1440px){.menu-links-wrapper{grid-column-gap:1.5rem}}
@media screen and (min-width:992px) and (max-width:1279px){
  .navbar,.contact-bar{padding-left:1.5rem;padding-right:1.5rem}
  .brand,.brand.w--current{width:8.5rem;margin-right:.75rem}
  .brand .image{width:100%}
  .menu-links-wrapper{grid-column-gap:.5rem}
  .nav-link{font-size:.72rem}
}
/* Telefon: rozwinięte menu jest dłuższe o dwie pozycje — na niskich ekranach (667 px) przewija się,
   żeby „Napisz do nas” (Messenger, WhatsApp, Mail) nie znikało pod krawędzią. */
@media screen and (max-width:991px){.nav-menu[data-nav-menu-open]{max-height:calc(100vh - 5.5rem);overflow-y:auto}}

/* Stopka: cztery bloki linków zawijają się w kolejny rząd zamiast wychodzić poza ekran. */
.footer-nav-wrapper{flex-wrap:wrap}
@media screen and (min-width:992px){.footer-nav-wrapper{justify-content:flex-end;grid-column-gap:3rem;grid-row-gap:2rem}}

/* Strona „Import aut z Japonii” */
.jh{margin-top:7rem;padding:3rem 1.5rem 0}
.jh-in{max-width:58rem;margin:0 auto;font-family:Inter,sans-serif;color:var(--black)}
.jh .mega-title-wrapper{margin-bottom:2rem}
.jh .jh-lead{font-size:1.375rem;line-height:140%;font-weight:500;color:var(--black);margin:0 0 1rem}
.jh .jh-meta{font-size:.875rem;line-height:140%;color:var(--gray1);margin:0 0 2rem}
.jh-cta{display:flex;flex-wrap:wrap;gap:1rem;margin:0 0 1rem}
.jh-cta .button{align-self:auto;margin:0;color:var(--white);text-decoration:none}
.jh-cta .button.jh-alt{background-color:var(--white);color:var(--accent);box-shadow:inset 0 0 0 .125rem var(--accent)}
.jh h2.section-title{margin:3.5rem 0 1.25rem}
.jh p{font-size:1.0625rem;line-height:150%;margin:0 0 1rem}
.jh a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:.15em}
.jh a:not(.button):hover{color:var(--accent-pink)}
.jh h3{font-family:Inter,sans-serif;font-size:1.125rem;line-height:130%;font-weight:700;color:var(--black);margin:0 0 .5rem}
.jh-steps,.jh-facts{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.jh-steps{grid-template-columns:repeat(2,1fr);counter-reset:jh}
.jh-facts{grid-template-columns:repeat(3,1fr)}
.jh-steps li,.jh-facts li{background:var(--white);border:.0625rem solid var(--gray);border-radius:1.25rem;padding:1.5rem}
.jh-steps li{counter-increment:jh;position:relative;padding-left:4.5rem}
.jh-steps li:before{content:counter(jh);position:absolute;left:1.5rem;top:1.375rem;width:2rem;height:2rem;border-radius:50%;
  background:var(--accent);color:var(--white);font-weight:700;font-size:1rem;line-height:2rem;text-align:center}
.jh .jh-steps p,.jh .jh-facts p{font-size:1rem;color:var(--gray1);margin:0}
.jh .jh-czas{margin-top:1rem;font-weight:600}
.jh-facts .jh-liczba{display:block;font-size:1.5rem;line-height:120%;font-weight:700;color:var(--accent);margin-bottom:.375rem}
.jh-wiecej{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.75rem}
.jh .jh-wiecej li{font-size:1.0625rem;line-height:150%}
.jh-podpis{margin-top:3rem;padding-top:1.5rem;border-top:.0625rem solid var(--gray)}
.jh .jh-podpis p{font-size:.9375rem;color:var(--gray1)}
@media screen and (max-width:991px){.jh{margin-top:5rem}.jh-facts{grid-template-columns:1fr 1fr}}
@media screen and (max-width:767px){.jh-steps,.jh-facts{grid-template-columns:1fr}}
@media screen and (max-width:479px){
  .jh{padding:2rem 1rem 0}
  .jh .jh-lead{font-size:1.1875rem}
  .jh-cta .button{width:100%}
  .jh-steps li{padding:1.25rem 1.25rem 1.25rem 4rem}
  .jh-steps li:before{left:1.125rem;top:1.125rem}
}

/* Hero strony głównej: link „Japonii” w podtytule (11.10.2026) — kolor tekstu, podkreślenie jak link */
.hero .body a.hero-jp{color:inherit;text-decoration:underline;text-underline-offset:.15em}
/* tytuł w dwóch liniach („… USA” / „i Japonii”) — podtytuł węższy, żeby nie wchodził pod zdjęcie auta */
@media screen and (min-width:992px){.hero .hero-text-wrapper .body{max-width:34rem}}