/* Site-wide page maximum: 2200px (23 October 2026).
   Only OUTER page shells are capped; card, paragraph, grid-column and form widths
   are deliberately untouched for readability and responsive functionality. */
:root{--zumi-page-max:2200px;}
#zumi-native-homepage .zumi-native-homepage__container,
#zumi-native-homepage .zumi-home-stack,
#zumi-native-about .zna-shell,
#zumi-native-about .zna-page,
#zumi-native-contact .znc-shell,
#zumi-native-contact .znc-page,
#zumi-native-emergency .zne-shell,
#zumi-native-emergency .zne-page,
#zumi-native-insurance .zni-shell,
#zumi-native-insurance .zni-page,
#zumi-native-refunds .znr-shell,
#zumi-native-refunds .znr-page,
#zumi-native-booking-page .zumi-native-booking-page__container,
#zumi-native-booking-page .zumi-booking-portal,
#zumi-native-hilux-standard-page #zumi-hilux-premium,
#zumi-native-hilux-camping-page #zumi-hilux-premium,
#zumi-native-fortuner-standard-page #zumi-fortuner-premium,
#zumi-native-tour-page .zt-wrap,
#zumi-native-tour-page .zt-sticky,
.zumi-blog-page #zumi-native-blog .zumi-blog,
.zumi-blog-article-page .zumi-article,
.zumi-blog__hero,
.zumi-article__hero,
.zumi-blog__explore-inner,
.zumi-blog__layout,
.zumi-blog__hero-inner,
.zumi-article__layout,
.zumi-article__nav-inner,
main.zumi-static-blog {
  box-sizing:border-box;
  max-width:var(--zumi-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* Correct previous export-only 1440px refunds restriction. Keep safe gutters. */
#zumi-native-refunds .znr-page{
  width:min(calc(100% - 48px),2200px) !important;
  max-width:2200px !important;
}
@media(max-width:760px){
  #zumi-native-refunds .znr-page{width:calc(100% - 24px)!important;}
}
/* Blog formerly used a 1512px wide outer page template. */
.zumi-blog,.zumi-blog-page #zumi-native-blog{--zb-site-max:2200px;}
.zumi-article,.zumi-blog-article-page{--za-site-max:2200px;}
/* On desktop, align article/blog hero and body container to the same maximum. */
@media(min-width:761px){
  .zumi-blog__hero,.zumi-article__hero{width:min(calc(100% - 48px),2200px)!important;}
  .zumi-article__layout,.zumi-blog__layout,
  .zumi-blog__hero-inner,.zumi-blog__explore-inner,
  .zumi-article__nav-inner{width:min(calc(100% - 48px),2200px)!important;}
}

/* Content-to-footer spacing: half the previous gap, without a white strip.
   Padding extends each page's own background instead of exposing the body
   background through an external footer margin. Applies to all languages. */
:root{--zumi-content-footer-gap:14px;}
@media (max-width:760px){
  :root{--zumi-content-footer-gap:11px;}
}
body.zumi-static-preview > main{
  margin-bottom:0 !important;
  padding-bottom:var(--zumi-content-footer-gap) !important;
}
body.zumi-static-preview > #zumi-static-footer{
  margin-top:0 !important;
}

/* Versioned, user-supplied menu artwork. CSS renders these independently of
   navigation JS, so icons appear even on pages with script/cached menu issues. */
#zumi-site-header .zhv-menu > .zh-top-trigger > .zh-top-label::before,
#zumi-site-header .zhv-menu > .zh-mobile-row > .zhv-mobile-parent::before,
#zumi-site-header .zh-desktop-list > .zh-menu-item > .zh-top-link[href$="/blog/"]::before,
#zumi-site-header .zh-mobile-list--depth-0 > .zh-mobile-item > .zh-mobile-row > .zh-mobile-link[href$="/blog/"]::before{
  content:"";
  display:inline-block;
  width:18px;
  height:18px;
  flex:0 0 18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
#zumi-site-header .zhv-menu > .zh-top-trigger > .zh-top-label::before,
#zumi-site-header .zhv-menu > .zh-mobile-row > .zhv-mobile-parent::before{
  background-image:url("/assets/media/header-car-icon-approved-20261023.svg");
}
#zumi-site-header .zh-desktop-list > .zh-menu-item > .zh-top-link[href$="/blog/"]::before,
#zumi-site-header .zh-mobile-list--depth-0 > .zh-mobile-item > .zh-mobile-row > .zh-mobile-link[href$="/blog/"]::before{
  background-image:url("/assets/media/blog-icon-final-approved-20261023.svg");
}
/* Avoid duplicates where the JavaScript initializer also inserts an icon. */
#zumi-site-header .zhv-menu .zumi-restored-menu-icon,
#zumi-site-header a[href$="/blog/"] > .zumi-restored-menu-icon{
  display:none !important;
}