/* The Layotter (WordPress page-builder) sections arrive as raw v-html, out of
   reach of scoped CSS — so this block is global, anchored to the
   .szk-post-content wrapper on this page only.

   The content is authored to mirror the OEM's model-page bands (STYLING /
   PERFORMANCE / TECHNOLOGY / Safety / WE HAVE YOUR BACK, with the band
   backgrounds and the model accent colour set inline by the WP authors) —
   these rules give that markup the OEM's treatment, per
   SUZUKI-STYLE-GUIDE.md §10. Two kinds of h1 arrive:

   - `h1.uk-h1` — a BAND title ("STYLING"). The OEM sets these in Loos Extd
     Bd at hero scale (30/44/60px) in the model colour; the authored inline
     colour wins over the blue default below.
   - a plain `h1` — a FEATURE heading inside a band ("ALLGRIP PRO"). The OEM
     sets these in TT Commons Pro DemiBold, dark, 22/35/44px — never the
     stencil. */
.szk-post-content h1.uk-h1 {
  font-family: "Loos Extd Bd", "SuzukiSlider", "TTCommons_Bold", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #00368f;
  margin: 0;
}
.szk-post-content h1:not(.uk-h1) {
  font-family: "TT Commons Pro DemiBold", "TTCommons_DemiBold", Arial, sans-serif;
  font-size: 22px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #121212;
  margin: 0 0 7px;
}

/* Authors wrap the heading text in <strong>; the DemiBold face is already
   the bold — a bolder weight on top would faux-bold it (guide §12). */
.szk-post-content h1 strong {
  font-family: inherit;
  font-weight: inherit;
}

/* The "5 YEARS" service pillars are the only h1s that live inside cards —
   the OEM sets them in Loos at 48px (40px desktop), coloured per pillar
   (the colour arrives inline from WP). */
.szk-post-content .uk-card h1:not(.uk-h1) {
  font-family: "Loos Extd Bd", "SuzukiSlider", "TTCommons_Bold", Helvetica, Arial, sans-serif;
  font-size: 48px;
  line-height: 0.95;
}
@media (min-width: 64.063em) {
.szk-post-content .uk-card h1:not(.uk-h1) {
    font-size: 40px;
}
}

/* The OEM's feature stack is heading / subtitle / hairline / copy. Authors
   write the subtitle as a fully-bold paragraph right under the heading
   ("<p><strong>Built for the wild</strong></p>") — restyle it to the OEM's
   Regular 20px in #414141 and hang the 1px #6d6d6d keyline off it. (Browsers
   without :has() simply skip the keyline.) */
.szk-post-content h1:not(.uk-h1) + p > strong:only-child {
  font-family: "TT Commons Pro Regular", "TTCommons_Regular", Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #414141;
}
.szk-post-content h1:not(.uk-h1) + p:has(> strong:only-child) {
  padding-bottom: 15px;
  border-bottom: 1px solid #6d6d6d;
  margin-bottom: 15px;
}

/* Model-page body copy: 16px/32px, stepping 14/26 on phones and 18/36 on
   xlarge — the OEM's exact feature-copy scale. */
.szk-post-content p,
.szk-post-content li {
  font-size: 16px;
  line-height: 2;
}

/* Content CTAs → the OEM outline CTA (guide §5): Loos uppercase, 1px ink,
   fills on hover over 300ms. UIkit's default button look is fully replaced. */
.szk-post-content .uk-button-default {
  font-family: "Loos Extd Bd", "SuzukiSlider", "TTCommons_Bold", Helvetica, Arial, sans-serif;
  font-size: 15px;
  letter-spacing: 0.23px;
  text-transform: uppercase;
  color: #121212;
  border: 1px solid #121212;
  background: transparent;
  padding: 7px 25px;
  line-height: 1.5;
  transition: background-color 300ms ease, color 300ms ease;
}
.szk-post-content .uk-button-default:hover,
.szk-post-content .uk-button-default:focus {
  background: #121212;
  color: #fff;
  border-color: #121212;
}

/* Slider dot nav → the OEM's carousel dots: 13px circles, 2px ink ring,
   active filled (their .slick-dots). */
.szk-post-content .uk-dotnav > * > * {
  width: 13px;
  height: 13px;
  border: 2px solid #11171f;
  background: transparent;
  transition: background-color 300ms ease;
}
.szk-post-content .uk-dotnav > .uk-active > * {
  background: #11171f;
  border-color: #11171f;
}

/* Everything above, re-grounded for dark bands (uk-light / secondary):
   white headings, white CTAs and dots — the inline accent colour still wins
   where the author set one. */
.szk-post-content .uk-light h1,
.szk-post-content .uk-section-secondary h1 {
  color: #fff;
}
.szk-post-content .uk-light h1:not(.uk-h1) + p > strong:only-child {
  color: #fff;
}
.szk-post-content .uk-light .uk-button-default {
  color: #fff;
  border-color: #fff;
}
.szk-post-content .uk-light .uk-button-default:hover,
.szk-post-content .uk-light .uk-button-default:focus {
  background: #fff;
  color: #121212;
}
.szk-post-content .uk-light .uk-dotnav > * > * {
  border-color: #fff;
  background: transparent;
}
.szk-post-content .uk-light .uk-dotnav > .uk-active > * {
  background: #fff;
}
@media (min-width: 40.063em) {
.szk-post-content h1.uk-h1 {
    font-size: 44px;
}
.szk-post-content h1:not(.uk-h1) {
    font-size: 35px;
}
.szk-post-content h1:not(.uk-h1) + p > strong:only-child {
    font-size: 28px;
}
}
@media (min-width: 64.063em) {
.szk-post-content h1.uk-h1 {
    font-size: 60px;
}
.szk-post-content h1:not(.uk-h1) {
    font-size: 44px;
}
.szk-post-content .uk-button-default {
    padding: 14px 25px;
    font-size: 17px;
}
}
@media (max-width: 40em) {
.szk-post-content p,
  .szk-post-content li {
    font-size: 14px;
    line-height: 1.86;
}
}
@media (min-width: 75.063em) {
.szk-post-content p,
  .szk-post-content li {
    font-size: 18px;
    line-height: 2;
}
}

.szk-hero__title[data-v-97e02a30]{display:block;font-family:"SuzukiSlider","TTCommons_Bold",Helvetica,Arial,sans-serif;font-size:clamp(42px,6vw,84px);line-height:.95;text-transform:uppercase;letter-spacing:1px;color:#fff}.szk-hero__strap[data-v-97e02a30]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px;margin-top:12px}.szk-hero__subtitle[data-v-97e02a30]{font-family:"SuzukiSlider","TTCommons_Bold",Helvetica,Arial,sans-serif;font-size:clamp(16px,1.8vw,24px);letter-spacing:2.5px;text-transform:uppercase;color:#fff}.szk-hero__actions[data-v-97e02a30]{display:flex;flex-wrap:wrap;align-items:center}.spec-strip-header[data-v-97e02a30]{max-width:780px;margin-right:auto}.szk-hero__cta[data-v-97e02a30]{display:inline-block;border:1px solid #fff;color:#fff;background:rgba(0,0,0,0);font-family:"SuzukiSlider","TTCommons_Bold",Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:.3px;text-transform:uppercase;text-decoration:none;padding:12px 25px;margin-right:10px;transition:background-color 300ms ease,color 300ms ease}.szk-hero__cta[data-v-97e02a30]:hover,.szk-hero__cta[data-v-97e02a30]:focus{background:#fff;color:#121212;text-decoration:none}.new-id[data-v-97e02a30]{display:none !important}.uk-tab.tab-vehicle[data-v-97e02a30]::before{border-bottom:2px solid rgba(0,0,0,0)}.uk-tab.tab-vehicle a[data-v-97e02a30]{border-bottom:2px solid #e7e7e7}.uk-tab.tab-vehicle>.uk-active>a[data-v-97e02a30],.uk-tab.tab-vehicle a[data-v-97e02a30]:hover{border-bottom:2px solid #f01e1e}.variant-colors-items li a[data-v-97e02a30],.variant-colors-items li div[data-v-97e02a30]{width:40px;height:40px}.variant-colors-items li.uk-active a[data-v-97e02a30]::after{content:"";position:absolute;border:2px solid #e9e9e9;border-top:0;border-right:0;width:8px;height:4px;transform:rotate(-55deg);-webkit-transform:rotate(-55deg);margin:-25px 0 0 17px;z-index:1}.variant-colors-items li.uk-active div[data-v-97e02a30],.variant-colors-items li:hover a div[data-v-97e02a30],.vehicle-colors-items li.uk-active div[data-v-97e02a30],.vehicle-colors-items li:hover a div[data-v-97e02a30]{transform:scale(1.1);box-shadow:inset 0 0 0 1px #d7d7d7}.uk-switcher.vehicle-colors>:not(.uk-active) img.image-drag[data-v-97e02a30]{display:none}@media(min-width: 960px){.tab-wrap[data-v-97e02a30]{margin-bottom:-70px}.coluor-wrap[data-v-97e02a30]{margin-top:-70px}}.uk-gradient[data-v-97e02a30]{height:50%;background:linear-gradient(to top, rgb(0, 0, 0), transparent 68.91%)}.uk-height-xlarge[data-v-97e02a30]{height:600px}@media(max-width: 960px){.uk-gradient[data-v-97e02a30]{background:linear-gradient(to top, rgb(0, 0, 0), transparent 68.91%)}.heading-btn[data-v-97e02a30]{margin-top:30px}}.bounce[data-v-97e02a30]{animation:bounce-97e02a30 3s infinite}@keyframes bounce-97e02a30{0%,20%,50%,70%,90%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.variant-element[data-v-97e02a30]{display:none !important}

.related-vehicles .model--Category :checked + span {
    padding-bottom: 0;
}

.width-xsmall[data-v-2ca7fad7]{width:120px}.width-xxsmall[data-v-2ca7fad7]{width:80px}.uk-accordion-content .selected_accessorie[data-v-2ca7fad7]:hover{background-color:#f1f1f1;cursor:pointer}.btm-red[data-v-2ca7fad7]{color:#fff;border:4px solid #eb0a1e;background-color:#eb0a1e}.acc-close-btn[data-v-2ca7fad7]{padding:5px 20px}.text-xsmeta[data-v-2ca7fad7]{font-size:.675rem;line-height:1.4;color:#999}

.switcher-colour-hero-wrap[data-v-42e5a4a6] {
  min-height: calc(-62px + 100vh);
}
.related-vehicles[data-v-42e5a4a6] {
  position: relative;
  background-color: #fff;
  z-index: 999;
}
.spec-button[data-v-42e5a4a6] {
  padding: 0 15px;
}
.uk-button[data-v-42e5a4a6] {
  text-transform: none;
}
.hero-variant-select[data-v-42e5a4a6] {
  min-height: 92px;
}
@media (min-width: 1200px) {
.switcher-colour-hero-wrap[data-v-42e5a4a6] {
    position: fixed;
    left: 0;
    z-index: -1;
}
#enquire-header[data-v-42e5a4a6] {
    min-height: 100vh;
}
}
@media (max-width: 1200px) {
.switcher-colour-hero[data-v-42e5a4a6] {
    margin: 180px 0 110px 0;
}
.switcher-colour-hero-wrap[data-v-42e5a4a6] {
    position: relative;
}
}