:root{--sunzio-orange:#F58220;--sunzio-light-blue:#55C8EF;--sunzio-royal:#1357A6;--sunzio-navy:#06213A}
.brand-inline{font-weight:800;white-space:nowrap;letter-spacing:-.02em}.brand-sun{color:var(--sunzio-orange)!important}.brand-zio{color:var(--sunzio-light-blue)!important}
:where(.feature,.feature-card,.feature-item,.benefit,.benefit-card,.trust-item,.trust-card,.stat,.stat-card,.pill,.capsule,.badge-card,.info-card,.step-card,.location-card,.best-for,.best-for-item,.requirements-card,.requirement-item,.vehicle-meta,.comparison-card,.mini-card,.quick-card,.icon-card){text-align:center!important;justify-content:center!important;justify-items:center!important;align-items:center!important}
:where(.feature,.feature-card,.feature-item,.benefit,.benefit-card,.trust-item,.trust-card,.stat,.stat-card,.pill,.capsule,.badge-card,.info-card,.step-card,.location-card,.best-for,.best-for-item,.requirements-card,.requirement-item,.vehicle-meta,.comparison-card,.mini-card,.quick-card,.icon-card)>*{margin-left:auto;margin-right:auto}
:where(.page-hero,.interior-hero,.hero-banner,.page-banner,.owner-hero,.faq-hero,.steps-hero,.availability-hero,.fleet-hero){background:linear-gradient(135deg,#f8fbfd,#eef8fc)!important;overflow:hidden!important}
:where(.page-hero,.interior-hero,.hero-banner,.page-banner,.owner-hero,.faq-hero,.steps-hero,.availability-hero,.fleet-hero) img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important}
.page-owner :where(.page-hero,.interior-hero,.hero-banner,.page-banner) img{object-position:center 30%!important}
.page-faq :where(.page-hero,.interior-hero,.hero-banner,.page-banner) img{object-position:center!important}
.page-steps :where(.page-hero,.interior-hero,.hero-banner,.page-banner) img{object-position:center 60%!important}
.page-availability :where(.page-hero,.interior-hero,.hero-banner,.page-banner) img{object-position:center 60%!important}
.page-fleet :where(.page-hero,.interior-hero,.hero-banner,.page-banner) img{object-position:center 62%!important}
.page-owner :where(.page-hero,.interior-hero,.hero-banner,.page-banner),.page-faq :where(.page-hero,.interior-hero,.hero-banner,.page-banner),.page-steps :where(.page-hero,.interior-hero,.hero-banner,.page-banner),.page-availability :where(.page-hero,.interior-hero,.hero-banner,.page-banner),.page-fleet :where(.page-hero,.interior-hero,.hero-banner,.page-banner){background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.page-home :where(.hero-features,.hero-benefits,.hero-stats,.feature-strip,.features-strip){position:relative!important;inset:auto!important;transform:none!important;z-index:3!important;margin-top:0!important}
.page-home :where(.hero,.home-hero){overflow:visible!important}.page-home :where(.hero-media,.hero-image,.hero-visual){position:relative!important;z-index:1!important;padding-bottom:20px!important}
@media(max-width:768px){:where(.page-hero,.interior-hero,.hero-banner,.page-banner,.owner-hero,.faq-hero,.steps-hero,.availability-hero,.fleet-hero){min-height:250px!important;height:auto!important}:where(.page-hero,.interior-hero,.hero-banner,.page-banner,.owner-hero,.faq-hero,.steps-hero,.availability-hero,.fleet-hero) img{min-height:230px!important;max-height:360px!important}}


/* 2026-08-07 homepage photo consistency fix */
.page-home .fleet-grid{align-items:stretch}
.page-home .vehicle-card{display:flex!important;flex-direction:column!important;background:#fff!important}
.page-home .vehicle-card-photo{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#dceaf2!important;
}
.page-home .vehicle-copy{flex:1!important}
.page-home .vehicle-placeholder{display:none!important}
.page-home .photo-note{display:none!important}

/* Every location tile now uses a real image rather than a gradient placeholder. */
.page-home .destination{
  background:none!important;
  min-height:260px!important;
  padding:0!important;
  display:block!important;
}
.page-home .destination-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
}
.page-home .destination:after{
  z-index:1!important;
  background:linear-gradient(transparent 25%,rgba(5,20,35,.88))!important;
}
.page-home .destination h3,.page-home .destination p{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  z-index:2!important;
}
.page-home .destination h3{bottom:44px!important}
.page-home .destination p{bottom:22px!important}

/* Keep card content visually consistent */
.page-home .vehicle-copy,.page-home .best-for,.page-home .specs{
  text-align:center!important;
  justify-content:center!important;
}
.page-home .vehicle-copy p{max-width:44ch;margin-left:auto!important;margin-right:auto!important}

@media(max-width:760px){
  .page-home .destination{min-height:220px!important}
}


/* ===== STRUCTURAL FIX: HERO, WHY SUN ZIO, HOMEPAGE FLEET ===== */

/* Hero ends before benefit cards. Nothing may overlap the vehicle artwork. */
.page-home #home.hero{
  min-height:620px!important;
  padding-bottom:54px!important;
  overflow:hidden!important;
}
.page-home #home .hero-content{
  padding-bottom:30px!important;
}
.page-home .hero-trust-section{
  position:relative!important;
  z-index:6!important;
  background:#f7fafc!important;
  padding:26px 0 30px!important;
  margin:0!important;
}
.page-home .hero-trust-section .trust-row{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0 auto!important;
  width:100%!important;
  max-width:1180px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  background:#fff!important;
  border:1px solid rgba(10,55,95,.12)!important;
  border-radius:22px!important;
  box-shadow:0 12px 32px rgba(3,30,55,.12)!important;
  overflow:hidden!important;
}
.page-home .hero-trust-section .trust-row>span{
  min-height:118px!important;
  padding:22px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  border-right:1px solid rgba(10,55,95,.12)!important;
}
.page-home .hero-trust-section .trust-row>span:last-child{border-right:0!important}
.page-home .hero-trust-section .trust-row strong,
.page-home .hero-trust-section .trust-row small{
  width:100%!important;text-align:center!important;margin:0 auto!important
}

/* WHY SUN ZIO: centered information inside both boxes */
.page-home #why .comparison-grid-centered{
  align-items:stretch!important;
}
.page-home #why .compare-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:36px!important;
}
.page-home #why .compare-card h3,
.page-home #why .compare-card .pill,
.page-home #why .compare-card .text-link{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-home #why .compare-card ul{
  width:100%!important;
  max-width:520px!important;
  padding:0!important;
  margin:22px auto!important;
  list-style:none!important;
}
.page-home #why .compare-card li{
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  min-height:44px!important;
  padding:10px 28px!important;
}
.page-home #why .compare-card li:before{
  position:static!important;
  margin-right:10px!important;
  flex:0 0 auto!important;
}

/* Homepage fleet: all seven vehicles visible at once on desktop */
.page-home .homepage-fleet{padding-top:58px!important;padding-bottom:64px!important}
.page-home .homepage-fleet-heading{margin-bottom:28px!important}
.page-home .homepage-fleet-heading h2{margin-bottom:6px!important}
.page-home .homepage-fleet-heading p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.page-home .fleet-mini-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.page-home .fleet-mini-card{
  background:#fff!important;
  color:#0b2740!important;
  border-radius:16px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  box-shadow:0 8px 24px rgba(0,0,0,.15)!important;
}
.page-home .fleet-mini-card img{
  width:100%!important;
  aspect-ratio:4/3!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#eef5f8!important;
  padding:5px!important;
}
.page-home .fleet-mini-copy{
  padding:12px 8px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:4px!important;
  flex:1!important;
}
.page-home .fleet-mini-copy strong{
  font-size:16px!important;
  text-align:center!important;
}
.page-home .fleet-mini-copy span{
  font-size:10px!important;
  line-height:1.25!important;
  text-align:center!important;
}
.page-home .fleet-mini-actions{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:24px!important;
}

/* All common informational cards: actual centered contents */
.page-home :where(.steps article,.quick-grid article,.trust-grid article,.requirements-grid article){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.page-home :where(.steps article,.quick-grid article,.trust-grid article,.requirements-grid article) p,
.page-home :where(.steps article,.quick-grid article,.trust-grid article,.requirements-grid article) h3{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-home .steps article>span{margin-left:auto!important;margin-right:auto!important}

/* Responsive: never cover artwork; convert seven-card fleet to scrollable row on smaller screens. */
@media(max-width:1050px){
  .page-home .fleet-mini-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:14px!important;
    padding-bottom:10px!important;
    scroll-snap-type:x mandatory!important;
  }
  .page-home .fleet-mini-card{
    flex:0 0 210px!important;
    scroll-snap-align:start!important;
  }
}
@media(max-width:760px){
  .page-home #home.hero{min-height:560px!important}
  .page-home .hero-trust-section .trust-row{grid-template-columns:repeat(2,1fr)!important}
  .page-home .hero-trust-section .trust-row>span:nth-child(2){border-right:0!important}
  .page-home #why .comparison-grid-centered{grid-template-columns:1fr!important}
  .page-home .fleet-mini-card{flex-basis:190px!important}
}


/* ===== Fleet page final alignment pass ===== */

/* Remove the oversized gallery title and move the brand line upward. */
.page-fleet .page-hero-copy.fleet-hero-copy{
  top:28px!important;
  bottom:auto!important;
  transform:none!important;
  left:50%!important;
  width:min(94%,1100px)!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  padding:0 18px!important;
}
.page-fleet .fleet-hero-eyebrow{
  margin:0!important;
  font-size:14px!important;
  letter-spacing:.16em!important;
  text-align:center!important;
}
.page-fleet .fleet-hero-subhead{
  margin:4px 0 0!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-align:center!important;
  text-shadow:0 2px 10px rgba(0,0,0,.32)!important;
}
.page-fleet .fleet-hero-tagline{
  margin:2px 0 0!important;
  color:#eef7fb!important;
  font-size:15px!important;
  font-weight:700!important;
  text-align:center!important;
  text-shadow:0 2px 8px rgba(0,0,0,.3)!important;
}

/* Center every vehicle information box */
.page-fleet .fleet-quick-grid article{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:110px!important;
}
.page-fleet .fleet-quick-grid article strong,
.page-fleet .fleet-quick-grid article span{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-fleet .fleet-quick-grid article strong{margin-bottom:5px!important}

/* Center the Explore local bubbles as a group and individually */
.page-fleet .fleet-local-links{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:24px auto 0!important;
}
.page-fleet .fleet-local-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin:0!important;
  min-height:42px!important;
}

@media(max-width:760px){
  .page-fleet .page-hero-copy.fleet-hero-copy{top:18px!important}
  .page-fleet .fleet-hero-subhead{font-size:22px!important}
  .page-fleet .fleet-hero-tagline{font-size:13px!important}
}


/* ===== 2026-08-07 ALL REQUESTED CENTERING + ZOOM-OUT PASS ===== */

/* Full subject visibility for the four requested first-row images */
.page-availability .page-hero-img,
.page-steps .page-hero-img,
.page-owner .page-hero-img,
.page-reserve .page-hero-img{
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  background:var(--navy)!important;
}
.page-availability .page-hero,
.page-steps .page-hero,
.page-owner .page-hero,
.page-reserve .page-hero{
  background:var(--navy)!important;
}

/* Keep all location capsule groups centered on every page */
.local-seo-links,
.centered-local-links,
.internal-links{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.local-seo-links a,
.centered-local-links a,
.internal-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Center content in recurring informational boxes */
.quick-grid article,
.trust-cards article,
.requirements-grid article,
.requirement-card,
.steps article,
.steps-page article,
.compare-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.quick-grid article strong,.quick-grid article span,
.trust-cards article strong,.trust-cards article p,
.requirements-grid article strong,.requirements-grid article span,
.requirement-card strong,.requirement-card span,
.steps article h3,.steps article p,
.steps-page article h3,.steps-page article p,
.compare-card h3,.compare-card p{
  width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.steps article>span,.steps-page article>span{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Why SUN ZiO comparison criteria centered inside both cards */
#why .comparison-grid{
  align-items:stretch!important;
}
#why .compare-card ul{
  list-style:none!important;
  width:100%!important;
  padding:0!important;
  margin:20px auto!important;
}
#why .compare-card li{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:44px!important;
  padding:9px 18px!important;
}
#why .compare-card .pill,
#why .compare-card .text-link{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* Reservation planner: only the three requested criteria remain and are centered */
.trip-planner .planner-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.trip-planner .planner-grid label{
  text-align:center!important;
  align-items:stretch!important;
}
.trip-planner .planner-grid input,
.trip-planner .planner-grid select{
  text-align:left!important;
}
.trip-planner .planner-actions{
  justify-content:center!important;
  align-items:center!important;
}
.trip-planner .date-availability-status,
.trip-planner .inline-benefit{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Pickup & return: criteria centered over each renter-response capsule */
.location-booking-head{
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.location-booking-head h2,
.location-booking-head p,
.location-booking-head .eyebrow{
  text-align:center!important;
}
.location-form label{
  text-align:center!important;
  align-items:stretch!important;
}
.location-form select,
.location-form input{
  text-align:left!important;
}
.location-form-actions{
  justify-content:center!important;
  align-items:center!important;
}
.delivery-summary,
.form-note{
  text-align:center!important;
}
.location-form-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Availability and Reserve-now support cards */
.page-availability .trust-cards article,
.page-reserve .trust-cards article{
  min-height:155px!important;
}
.page-availability .trust-cards,
.page-reserve .trust-cards{
  align-items:stretch!important;
}

/* Five reservation-step cards: identical visual alignment */
.steps,.steps-page{
  align-items:stretch!important;
}
.steps article,.steps-page article{
  min-height:190px!important;
  padding:24px 18px!important;
}
.steps article>span,.steps-page article>span{
  flex:0 0 auto!important;
}

/* Fleet vehicle boxes remain centered */
.page-fleet .fleet-quick-grid article{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
}
.page-fleet .fleet-quick-grid article strong,
.page-fleet .fleet-quick-grid article span{
  text-align:center!important;
}

/* Center destination/vehicle SEO capsules such as "Plan by destination or vehicle" */
.seo-card .internal-links,
.section .internal-links,
.vehicle-seo-grid .internal-links{
  justify-content:center!important;
}

/* Responsive */
@media(max-width:940px){
  .trip-planner .planner-grid{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .location-form-actions{flex-direction:column!important}
  .location-form-actions .btn{width:100%!important}
}

/* Full-subject hero rebuild: authoritative override */
.page-hero.hero-full-subject{
  height:clamp(360px,34vw,540px)!important;
  min-height:360px!important;
  background:#06213A!important;
  overflow:hidden!important;
}
.page-hero.hero-full-subject .page-hero-img{
  position:absolute!important; inset:0!important;
  width:100%!important; height:100%!important;
  object-fit:contain!important; object-position:center center!important;
  transform:none!important;
}
.page-hero.hero-full-subject .page-hero-shade{
  background:linear-gradient(90deg,rgba(4,18,32,.64) 0%,rgba(4,18,32,.24) 43%,rgba(4,18,32,.04) 72%,rgba(4,18,32,0) 100%)!important;
}
@media(max-width:760px){
  .page-hero.hero-full-subject{height:420px!important;min-height:420px!important}
  .page-hero.hero-full-subject .page-hero-img{object-fit:contain!important;object-position:center center!important}
}

/* Right-positioned subject heroes: keep text zone clear on left */
.page-availability .hero-full-subject .page-hero-img,
.page-steps .hero-full-subject .page-hero-img,
.page-owner .hero-full-subject .page-hero-img{
  object-fit:contain!important;
  object-position:right center!important;
}
.page-availability .hero-full-subject .page-hero-copy,
.page-steps .hero-full-subject .page-hero-copy,
.page-owner .hero-full-subject .page-hero-copy{
  width:min(1180px,92%)!important;
  padding-right:52%!important;
}
.page-availability .hero-full-subject .page-hero-copy h1,
.page-steps .hero-full-subject .page-hero-copy h1,
.page-owner .hero-full-subject .page-hero-copy h1,
.page-availability .hero-full-subject .page-hero-copy p,
.page-steps .hero-full-subject .page-hero-copy p,
.page-owner .hero-full-subject .page-hero-copy p{
  max-width:100%!important;
}
@media(max-width:760px){
  .page-availability .hero-full-subject .page-hero-copy,
  .page-steps .hero-full-subject .page-hero-copy,
  .page-owner .hero-full-subject .page-hero-copy{
    padding-right:38%!important;
  }
  .page-availability .hero-full-subject .page-hero-copy h1,
  .page-steps .hero-full-subject .page-hero-copy h1,
  .page-owner .hero-full-subject .page-hero-copy h1{
    font-size:42px!important;
  }
}


/* ===== Compact clean homepage fleet cards v4 ===== */
.page-home .fleet-mini-grid{
  align-items:stretch!important;
}
.page-home .fleet-mini-card{
  min-height:0!important;
  height:auto!important;
  border-radius:14px!important;
}
.page-home .fleet-mini-card img{
  display:block!important;
  width:100%!important;
  height:138px!important;
  min-height:138px!important;
  max-height:138px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  background:#eaf2f6!important;
}
.page-home .fleet-mini-copy{
  flex:0 0 auto!important;
  min-height:72px!important;
  padding:10px 6px 11px!important;
  gap:3px!important;
}
.page-home .fleet-mini-copy strong{
  font-size:14px!important;
  line-height:1.05!important;
}
.page-home .fleet-mini-copy span{
  font-size:9px!important;
  line-height:1.2!important;
}
@media(max-width:1050px){
  .page-home .fleet-mini-card{
    flex:0 0 190px!important;
  }
  .page-home .fleet-mini-card img{
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
  }
}


/* ===== Nissan Z clean-crop system v5 ===== */
img[src*="nissan-z-clean-v5.webp"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 54%!important;
  border:0!important;
  outline:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.page-availability img[src*="nissan-z-hero-clean-v5.webp"],
.page-steps img[src*="nissan-z-hero-clean-v5.webp"],
img[src*="nissan-z-hero-clean-v5.webp"]{
  object-fit:cover!important;
  object-position:right center!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
}


/* ===== Final requested FAQ + location alignment pass ===== */

/* FAQ: use the sky for copy and preserve the complete vehicle lineup below */
.page-faq .page-hero,
.page-faq .faq-vehicle-hero{
  height:520px!important;
  min-height:520px!important;
  overflow:hidden!important;
}
.page-faq .page-hero .page-hero-img,
.page-faq .faq-vehicle-hero .page-hero-img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:none!important;
  background:#06213A!important;
}
.page-faq .page-hero .page-hero-copy,
.page-faq .faq-vehicle-hero .page-hero-copy{
  position:absolute!important;
  top:38px!important;
  bottom:auto!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1180px,92%)!important;
  padding:0!important;
  text-align:left!important;
  z-index:4!important;
}
.page-faq .page-hero .page-hero-copy .eyebrow,
.page-faq .faq-vehicle-hero .page-hero-copy .eyebrow{
  margin-top:0!important;
  margin-bottom:8px!important;
}
.page-faq .page-hero .page-hero-copy h1,
.page-faq .faq-vehicle-hero .page-hero-copy h1{
  margin-top:0!important;
  margin-bottom:8px!important;
}
.page-faq .page-hero .page-hero-copy p,
.page-faq .faq-vehicle-hero .page-hero-copy p{
  margin-top:0!important;
  max-width:560px!important;
}
.page-faq .page-hero .page-hero-shade,
.page-faq .faq-vehicle-hero .page-hero-shade{
  background:linear-gradient(180deg,rgba(4,18,32,.68) 0%,rgba(4,18,32,.28) 42%,rgba(4,18,32,.02) 75%,rgba(4,18,32,0) 100%)!important;
}

/* Location cards: center location name and description directly beneath it */
.page-home .centered-destination-grid .destination h3,
.page-home .destination-grid .destination h3{
  left:16px!important;
  right:16px!important;
  width:auto!important;
  bottom:48px!important;
  text-align:center!important;
  margin:0 auto!important;
}
.page-home .centered-destination-grid .destination p,
.page-home .destination-grid .destination p{
  left:16px!important;
  right:16px!important;
  width:auto!important;
  bottom:22px!important;
  text-align:center!important;
  margin:0 auto!important;
}
.page-home .centered-destination-grid .destination{
  text-align:center!important;
}
@media(max-width:760px){
  .page-faq .page-hero,
  .page-faq .faq-vehicle-hero{
    height:460px!important;
    min-height:460px!important;
  }
  .page-faq .page-hero .page-hero-copy,
  .page-faq .faq-vehicle-hero .page-hero-copy{
    top:24px!important;
  }
}

/* 2026-08-07: approved bright fleet hero for Home + Reserve Now */
#home.hero .hero-bg{
  background-image:url('/assets/sunzio-home-reserve-hero.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  transform:none!important;
}
#home.hero .hero-overlay{background:rgba(4,18,32,.08)!important;}
#home.hero .hero-content{padding-top:42px!important;padding-bottom:40px!important;align-self:flex-start!important;}
#home.hero h1{font-size:clamp(42px,5.2vw,72px)!important;line-height:.9!important;margin:10px 0 12px!important;max-width:650px!important;}
#home.hero .lead{font-size:18px!important;max-width:620px!important;}
#home.hero .hero-actions{margin:18px 0 0!important;}
.page-reserve .page-hero.hero-full-subject{
  background:#dff3ff!important;
  height:clamp(430px,52vw,720px)!important;
}
.page-reserve .page-hero.hero-full-subject .page-hero-img{
  content:url('/assets/sunzio-home-reserve-hero.png');
  object-fit:cover!important;
  object-position:center center!important;
}
.page-reserve .page-hero.hero-full-subject .page-hero-shade{background:rgba(4,18,32,.08)!important;}
.page-reserve .page-hero.hero-full-subject .page-hero-copy{justify-content:flex-start!important;padding-top:42px!important;}
.page-reserve .page-hero.hero-full-subject .page-hero-copy h1{font-size:clamp(40px,5vw,68px)!important;}
@media(max-width:620px){
 #home.hero .hero-content{padding-top:28px!important}
 #home.hero h1{font-size:44px!important}
 .page-reserve .page-hero.hero-full-subject{height:500px!important;min-height:500px!important}
 .page-reserve .page-hero.hero-full-subject .page-hero-copy{padding-top:26px!important}
}

/* 2026-08-07: larger alternating-color primary navigation */
.navlinks{font-size:14px!important;font-weight:800!important;}
.navlinks>a:not(.btn){opacity:1!important;}
.navlinks .nav-why{color:var(--sunzio-orange)!important;}
.navlinks .nav-why .nav-sun{color:var(--sunzio-orange)!important;}
.navlinks .nav-why .nav-zio{color:var(--sunzio-light-blue)!important;}
.navlinks .nav-fleet{color:var(--sunzio-light-blue)!important;}
.navlinks .nav-locations{color:var(--sunzio-orange)!important;}
.navlinks .nav-how{color:var(--sunzio-light-blue)!important;}
.navlinks .nav-owner{color:var(--sunzio-orange)!important;}
.navlinks .nav-faq{color:var(--sunzio-light-blue)!important;}
.navlinks>a.btn.btn-primary{font-size:14px!important;}


/* ===== FINAL SHARED HERO + NAV PASS v6 ===== */

/* Shared hero artwork: Home, Fleet, FAQ, Reserve Now */
.page-home #home.hero,
.page-fleet .page-hero,
.page-faq .page-hero,
.page-reserve .page-hero {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: #06213A !important;
  overflow: hidden !important;
}
.page-fleet .page-hero img,
.page-faq .page-hero img,
.page-reserve .page-hero img,
.page-home #home.hero img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

/* The shared artwork already includes SUNZiO, tagline and the visible CTA buttons.
   Hide duplicate home-page overlay copy/buttons so the vehicles remain unobstructed. */
.page-home #home .hero-content,
.page-home #home .hero-copy,
.page-home #home .hero-actions,
.page-home #home .hero-shade,
.page-home #home .eyebrow,
.page-home #home h1,
.page-home #home .hero-subtitle {
  display:none !important;
}

/* Keep any old bottom trust/value cards below the image, never over it */
.page-home .hero-trust-section,
.page-home #home + .hero-trust-section {
  position:relative !important;
  z-index:2 !important;
}

/* Navigation font one more size larger */
.site-nav a,
.main-nav a,
header nav a {
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

/* Color-coded nav */
.site-nav a[href*="why"],
.main-nav a[href*="why"],
header nav a[href*="why"] { color:#F58220 !important; }

.site-nav a[href*="fleet"],
.main-nav a[href*="fleet"],
header nav a[href*="fleet"] { color:#55C8EF !important; }

.site-nav a[href*="location"],
.main-nav a[href*="location"],
header nav a[href*="location"] { color:#F58220 !important; }

.site-nav a[href*="how"],
.main-nav a[href*="how"],
header nav a[href*="how"] { color:#55C8EF !important; }

.site-nav a[href*="owner"],
.main-nav a[href*="owner"],
header nav a[href*="owner"] { color:#F58220 !important; }

.site-nav a[href*="faq"],
.main-nav a[href*="faq"],
header nav a[href*="faq"] { color:#55C8EF !important; }

/* Reserve Now button one size larger */
.site-nav .btn,
.main-nav .btn,
header nav .btn,
a[href*="reserve-now"].btn {
  font-size:18px !important;
  font-weight:900 !important;
}

/* Top utility line */
.topbar,
.utility-bar,
.header-top {
  font-size:15px !important;
}

/* Gold Turo rating + trophy */
.topbar .rating,
.utility-bar .rating,
.header-top .rating,
[class*="rating"] {
  color:#F7C948 !important;
  font-weight:800 !important;
}

/* Preserve brand treatment with no gap between SUN and ZiO */
.brand-inline {
  white-space:nowrap !important;
}
.brand-inline .brand-sun { color:#F58220 !important; }
.brand-inline .brand-zio { color:#55C8EF !important; }

/* Shared hero artwork has visible CTA graphics. Keep the actual page navigation
   and primary content below the hero; do not place extra hero text over vehicles. */
.page-fleet .page-hero-copy,
.page-faq .page-hero-copy,
.page-reserve .page-hero-copy,
.page-fleet .page-hero-shade,
.page-faq .page-hero-shade,
.page-reserve .page-hero-shade {
  display:none !important;
}

@media (max-width: 900px) {
  .site-nav a,
  .main-nav a,
  header nav a {
    font-size:15px !important;
  }
  .site-nav .btn,
  .main-nav .btn,
  header nav .btn {
    font-size:16px !important;
  }
}
\n\n/* ===== CURRENT CORRECTED APPROVED SHARED HERO v8 ===== */
.page-home #home.hero,
.page-fleet .page-hero,
.page-faq .page-hero,
.page-reserve .page-hero{
  padding:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#06213A!important;
}
.page-home #home.hero img[src*="hero-approved-current-v8.webp"],
.page-fleet .page-hero img[src*="hero-approved-current-v8.webp"],
.page-faq .page-hero img[src*="hero-approved-current-v8.webp"],
.page-reserve .page-hero img[src*="hero-approved-current-v8.webp"]{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
}
.page-home #home .hero-content,
.page-home #home .hero-copy,
.page-home #home .hero-actions,
.page-home #home .hero-shade,
.page-home #home .eyebrow,
.page-home #home h1,
.page-home #home .hero-subtitle,
.page-fleet .page-hero-copy,
.page-fleet .page-hero-shade,
.page-faq .page-hero-copy,
.page-faq .page-hero-shade,
.page-reserve .page-hero-copy,
.page-reserve .page-hero-shade{
  display:none!important;
}


/* ===== MOST CURRENT APPROVED HERO v9 — fixes actual Home background ===== */
#home.hero{
  display:block!important;
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  background:#06213A!important;
}
#home.hero .hero-bg{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1536/850!important;
  background-image:url('/assets/seo/hero-approved-visual-v9.webp')!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center center!important;
  transform:none!important;
}
#home.hero .hero-overlay,#home.hero .hero-content{display:none!important;}

.page-fleet .page-hero,.page-faq .page-hero,.page-reserve .page-hero{
  position:relative!important;
  padding:0!important; height:auto!important; min-height:0!important; overflow:hidden!important; background:#06213A!important;
}
.page-fleet .page-hero img[src*="hero-approved-visual-v9.webp"],
.page-faq .page-hero img[src*="hero-approved-visual-v9.webp"],
.page-reserve .page-hero img[src*="hero-approved-visual-v9.webp"]{
  display:block!important; position:relative!important; inset:auto!important; width:100%!important; height:auto!important; max-height:none!important; object-fit:contain!important; object-position:center!important; transform:none!important; margin:0!important; padding:0!important; opacity:1!important;
}
.page-fleet .page-hero-copy,.page-fleet .page-hero-shade,.page-faq .page-hero-copy,.page-faq .page-hero-shade,.page-reserve .page-hero-copy,.page-reserve .page-hero-shade{display:none!important;}

/* Clickable transparent areas aligned to baked CTA graphics */
.hero-hotspot{position:absolute!important;z-index:8!important;display:block!important;background:transparent!important;border:0!important;}
#home.hero .hero-hotspot-view-fleet,.page-hero .hero-hotspot-view-fleet{left:4.8%!important;bottom:3.7%!important;width:17.2%!important;height:8.6%!important;}
#home.hero .hero-hotspot-check,.page-hero .hero-hotspot-check{right:5.1%!important;bottom:3.7%!important;width:20.8%!important;height:8.6%!important;}


/* ===== USER-SPECIFIED HERO ASSIGNMENT v10 ===== */

/* Home visible hero is a CSS background. */
.page-home #home .hero-bg{
  background-image:url('/assets/seo/hero-user-approved-shared-v10.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.page-home #home{
  min-height:0!important;
  height:clamp(360px,35vw,520px)!important;
  padding:0!important;
  overflow:hidden!important;
}
.page-home #home .hero-overlay,
.page-home #home .hero-content{display:none!important;}

/* Same image leads off Why SUNZiO section. */
.why-shared-hero{
  position:relative!important;
  width:100%!important;
  height:clamp(300px,32vw,470px)!important;
  overflow:hidden!important;
  margin:calc(-1 * var(--section-pad, 0px)) 0 36px!important;
  background:#06213A!important;
}
.why-shared-hero img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Fleet and Reserve Now: same user-approved lead image. */
.page-fleet .page-hero,
.page-reserve .page-hero{
  height:clamp(330px,35vw,510px)!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#06213A!important;
}
.page-fleet .page-hero img[src*="hero-user-approved-shared-v10.webp"],
.page-reserve .page-hero img[src*="hero-user-approved-shared-v10.webp"]{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
.page-fleet .page-hero-copy,.page-fleet .page-hero-shade,
.page-reserve .page-hero-copy,.page-reserve .page-hero-shade{display:none!important;}

/* FAQ: the first revised compact FAQ hero, roughly first 35% of viewport. */
.page-faq .page-hero{
  height:clamp(300px,35vw,480px)!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#06213A!important;
}
.page-faq .page-hero img[src*="hero-faq-first-mockup-v10.webp"]{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
.page-faq .page-hero-copy,.page-faq .page-hero-shade{display:none!important;}

/* Hero CTA click areas stay aligned to the baked-in buttons. */
.hero-hotspot{position:absolute!important;z-index:8!important;display:block!important;}
.hero-hotspot-view-fleet{left:4.5%!important;bottom:5.5%!important;width:16%!important;height:12%!important;}
.hero-hotspot-check{right:6.5%!important;bottom:5.5%!important;width:20%!important;height:12%!important;}

@media(max-width:760px){
  .page-home #home,.page-fleet .page-hero,.page-reserve .page-hero,.page-faq .page-hero{height:300px!important;}
  .why-shared-hero{height:280px!important;}
}

/* ===== EXACT SHARED LEAD HERO — Reserve Now image on Home, Why SUNZiO, Fleet, FAQ, Reserve Now ===== */
.page-home #home,
.why-shared-hero,
.page-fleet .page-hero,
.page-faq .page-hero,
.page-reserve .page-hero{
  height:clamp(330px,35vw,510px)!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#06213A!important;
}
.page-home #home .hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  background-image:url('/assets/seo/hero-user-approved-shared-v10.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.why-shared-hero{margin:calc(-1 * var(--section-pad, 0px)) 0 36px!important;}
.why-shared-hero img,
.page-fleet .page-hero img[src*="hero-user-approved-shared-v10.webp"],
.page-faq .page-hero img[src*="hero-user-approved-shared-v10.webp"],
.page-reserve .page-hero img[src*="hero-user-approved-shared-v10.webp"]{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
}
@media(max-width:760px){
  .page-home #home,.why-shared-hero,.page-fleet .page-hero,.page-faq .page-hero,.page-reserve .page-hero{height:300px!important;}
}
/* Live availability repair */
.live-availability-panel{max-width:1000px;margin:0 auto;background:#fff;border:1px solid #dbe4ec;border-radius:20px;padding:24px;box-shadow:0 14px 34px rgba(6,33,58,.08)}
.live-availability-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.live-availability-form label{font-weight:800;display:grid;gap:7px}.live-availability-form input{padding:12px;border:1px solid #b9c8d5;border-radius:10px;font:inherit}.live-status{margin:16px 0;padding:12px 14px;border-radius:10px;background:#eef6fb}.live-status.ready{background:#edf8ef}.live-status.error{background:#fff0ef}.live-results{display:grid;gap:10px}.availability-result{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dbe4ec;border-radius:13px;padding:13px 15px}.availability-result div{display:grid;gap:4px}.availability-result.is-available div span{color:#247a3d;font-weight:800}.availability-result.is-reserved{background:#faf4f2}.availability-result.is-reserved div span{color:#a2362d;font-weight:800}.availability-badge.reserved{display:inline-block;background:#a2362d;color:white;border-radius:999px;padding:7px 12px;font-weight:800}@media(max-width:760px){.live-availability-form{grid-template-columns:1fr}.availability-result{align-items:flex-start;flex-direction:column}}


/* ===== SUNZiO MASTER WORDMARK TYPOGRAPHY — 2026-08-11 =====
   Visual reference: supplied SUNZiO AUTO RENTALS lockup.
   Keeps inherited/current font sizes so existing layout dimensions do not change. */
:root{
  --sunzio-brand-orange:#ff7417;
  --sunzio-brand-light-blue:#55c8ef;
  --sunzio-brand-auto-blue:#2e6ee8;
}
.brand,
.brand-inline,
.brand-wordmark{
  font-family:"Arial Black","Avenir Next Condensed","Helvetica Neue",Arial,sans-serif!important;
  font-style:italic;
  font-weight:900!important;
  letter-spacing:-.035em;
  font-size:inherit;
}
.brand{letter-spacing:-.055em;}
.brand .sun,.brand-sun,.brand-wordmark .sun{color:var(--sunzio-brand-orange)!important;}
.brand .zio,.brand-zio,.brand-wordmark .zio{color:var(--sunzio-brand-light-blue)!important;}
.brand small,
.brand-auto,
.brand-wordmark .auto-rentals{
  color:var(--sunzio-brand-auto-blue)!important;
  font-family:"Arial Black","Avenir Next Condensed","Helvetica Neue",Arial,sans-serif!important;
  font-style:italic;
  font-weight:900!important;
  text-transform:uppercase;
}
/* Preserve the existing full-lockup footprint; only the type treatment changes. */
.brand small{
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.19em!important;
  margin-top:7px!important;
  white-space:nowrap;
}
.footer-brand small{color:var(--sunzio-brand-auto-blue)!important;}
/* Inline references inherit the exact surrounding size/line-height to avoid reflow. */
.brand-inline,.brand-wordmark{font-size:1em;line-height:inherit;white-space:nowrap;}
.brand-inline .brand-sun,.brand-inline .brand-zio{font-size:1em;}
.brand-inline .brand-auto{margin-left:.28em;letter-spacing:.035em;font-size:.92em;}
/* Navigation keeps its existing navigation font/size; only SUNZiO receives brand colors. */
.navlinks .nav-why,
.navlinks .nav-why *{font-family:inherit!important;font-style:normal!important;font-size:inherit!important;letter-spacing:inherit!important;}
.navlinks .nav-why .nav-sun{color:var(--sunzio-brand-orange)!important;font-weight:900;}
.navlinks .nav-why .nav-zio{color:var(--sunzio-brand-light-blue)!important;font-weight:900;}


/* ===== SHARED FULL-FLEET HERO + WHY SPACING — 2026-08-11 =====
   Targeted visual-only update: use the complete seven-vehicle/name image on
   Home, Why SUNZiO and Fleet; leave Reserve Now and all workflows untouched. */
.page-home #home .hero-bg{
  background-image:url('/assets/seo/hero-fleet.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.page-home #why{
  padding-top:12px!important;
}
.page-home #why .why-shared-hero{
  margin-top:0!important;
  margin-bottom:24px!important;
}
@media (max-width:760px){
  .page-home #why{padding-top:8px!important;}
  .page-home #why .why-shared-hero{margin-bottom:18px!important;}
}

/* Explore by Destination or Vehicle: clear grouping + alternating SUNZiO capsules */
.explore-by-section .explore-subhead{
  margin:30px 0 12px!important;
  color:#06213A!important;
  font-size:clamp(1.05rem,1.5vw,1.28rem)!important;
  font-weight:800!important;
}
.explore-by-section .vehicle-subhead{margin-top:34px!important}
.explore-by-section .explore-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  justify-content:center!important;
  align-items:center!important;
}
.explore-by-section .explore-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 16px!important;
  border:0!important;
  border-radius:999px!important;
  color:#fff!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 4px 12px rgba(6,33,58,.12)!important;
}
.explore-by-section .explore-links a:nth-child(odd){background:#F58220!important}
.explore-by-section .explore-links a:nth-child(even){background:#55C8EF!important}
.explore-by-section .explore-links a:hover,
.explore-by-section .explore-links a:focus-visible{
  transform:translateY(-1px)!important;
  filter:brightness(.97)!important;
}
@media(max-width:640px){
  .explore-by-section .explore-links{gap:8px!important}
  .explore-by-section .explore-links a{width:100%!important;max-width:360px!important}
}

/* Fleet quick-select layout: center the final row of three vehicles beneath the first row of four. */
@media (min-width:941px){
  .page-fleet .fleet-quick-grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
  .page-fleet .fleet-quick-grid article{
    grid-column:span 2;
  }
  .page-fleet .fleet-quick-grid article:nth-child(5){grid-column:2 / span 2;}
  .page-fleet .fleet-quick-grid article:nth-child(6){grid-column:4 / span 2;}
  .page-fleet .fleet-quick-grid article:nth-child(7){grid-column:6 / span 2;}
}

/* Availability page alignment refinement */
#live-calendar .live-availability-panel > .eyebrow,
#live-calendar .live-availability-panel > h2,
#live-calendar .live-status{
  text-align:center;
}
#live-calendar .live-availability-panel > h2{
  margin-left:auto;
  margin-right:auto;
}
#live-calendar .live-status{
  display:block;
  width:100%;
}
.trip-summary-head{
  position:relative;
  justify-content:center;
  text-align:center;
}
.trip-summary-head h3{
  width:100%;
  text-align:center;
}
.trip-summary-head .trip-edit{
  position:absolute;
  right:0;
}
.trip-summary-empty{
  text-align:center;
}

/* Meet the Owner alignment refinement */
.owner-copy-centered { text-align: center; }
.owner-copy-centered > p:not(.signature-dark) { max-width: 920px; margin-left: auto; margin-right: auto; }
.owner-copy-centered .signature-dark { text-align: center; margin-left: auto; margin-right: auto; }
.owner-copy-centered .trust-cards { text-align: left; }
@media (min-width: 900px) {
  .owner-copy-centered > h2 { white-space: nowrap; }
}
/* Reservation flow simplification: keep the three actions visually connected. */
.reserve-trust + .trust-cards { margin-bottom: 1rem; }
.trip-planner-section { padding-top: 1.5rem !important; padding-bottom: 1.25rem !important; }
.trip-planner-section + .section { padding-top: 1.25rem !important; }
#direct-reservation { padding-top: 1.25rem !important; }
.trip-planner-section .location-booking-card,
#direct-reservation .direct-reservation-card { margin-top: 0; }
@media (max-width: 700px) {
  .trip-planner-section { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .trip-planner-section + .section, #direct-reservation { padding-top: 1rem !important; }
}

/* Pickup/return time capture — keep date, time and vehicle fields balanced */
.trip-planner .planner-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:1120px!important}
.live-availability-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto!important}
@media(max-width:980px){.trip-planner .planner-grid,.live-availability-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.live-availability-form .btn{grid-column:1/-1}}
@media(max-width:620px){.trip-planner .planner-grid,.live-availability-form{grid-template-columns:1fr!important}.live-availability-form .btn{grid-column:auto}}


/* Top-line Turo Superhost treatment */
.topline .turo-superhost { color:#55C8EF !important; font-weight:800 !important; }
.topline .turo-superhost strong { color:#55C8EF !important; font-weight:900 !important; }

/* ===== 2026-08-11 FINAL FULL-FLEET HERO FIT =====
   Use one pre-cropped Reserve Now fleet image on Home, Why SUNZiO and Fleet.
   The crop contains the complete seven-vehicle lineup, all vehicle labels,
   headline and CTA artwork, without the baked navigation/trust strip.
   Display it at its native aspect ratio so no vehicle or label is clipped. */
.page-home #home{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
  background:#06213A!important;
}
.page-home #home .hero-bg{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1448/718!important;
  background-image:url('/assets/seo/reserve-now-visible-fleet-hero.webp')!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

.page-home #why .why-shared-hero,
.page-fleet .page-hero{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
  background:#06213A!important;
}
.page-home #why .why-shared-hero{
  margin-top:0!important;
  margin-bottom:18px!important;
}
.page-home #why .why-shared-hero img,
.page-fleet .page-hero img{
  content:url('/assets/seo/reserve-now-visible-fleet-hero.webp')!important;
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
}

/* Click targets aligned to the baked View Fleet / Check Availability buttons. */
.page-home #home .hero-hotspot-view-fleet,
.page-home #why .hero-hotspot-view-fleet,
.page-fleet .page-hero .hero-hotspot-view-fleet{
  left:3.7%!important;
  top:22.1%!important;
  bottom:auto!important;
  width:12.0%!important;
  height:6.8%!important;
}
.page-home #home .hero-hotspot-check,
.page-home #why .hero-hotspot-check,
.page-fleet .page-hero .hero-hotspot-check{
  left:16.3%!important;
  right:auto!important;
  top:22.1%!important;
  bottom:auto!important;
  width:13.6%!important;
  height:6.8%!important;
}

@media(max-width:760px){
  .page-home #home,
  .page-home #why .why-shared-hero,
  .page-fleet .page-hero{
    height:auto!important;
  }
  .page-home #home .hero-bg{aspect-ratio:1448/718!important;}
}

/* 2026-08-12: Why SUNZiO destination tiles - add St. Petersburg + Clearwater Beach and tighten 8-tile layout */
.page-home .centered-destination-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.page-home .centered-destination-grid .destination{
  min-height:220px!important;
  padding:18px!important;
}
.page-home .centered-destination-grid .destination h3{
  font-size:20px!important;
  bottom:44px!important;
}
.page-home .centered-destination-grid .destination p{
  font-size:12px!important;
  bottom:18px!important;
}
@media(max-width:900px){
  .page-home .centered-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  .page-home .centered-destination-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .page-home .centered-destination-grid .destination{min-height:210px!important;}
}

/* Final Why SUNZiO explore capsule alignment */
.explore-by-section .explore-links a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.2!important;
}

/* Home/Why scope separation */
.why-page-intro h1{margin:.35rem auto 1rem;max-width:900px;text-align:center;}
.why-page-intro .trust-row{margin-top:2rem;}


/* ===== CLEAN FLEET HERO + SEPARATE VEHICLE LEGEND =====
   Vehicle names/models are no longer baked beneath each vehicle on Home, Fleet,
   or Reserve Now. The full image is shown uncropped; identification is grouped
   in a clean centered legend below the hero where applicable. */
.page-home #home{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1080/445!important;
  padding:0!important;
  overflow:hidden!important;
  background:#06213A!important;
}
.page-home #home .hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  background-image:url('/assets/seo/hero-user-approved-shared-v10.webp')!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.page-fleet .page-hero,
.page-reserve .page-hero{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1080/445!important;
  padding:0!important;
  overflow:hidden!important;
  background:#06213A!important;
}
.page-fleet .page-hero .page-hero-img,
.page-reserve .page-hero .page-hero-img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  transform:none!important;
}
.fleet-hero-legend{
  background:#fff;
  padding:14px 0 16px;
  border-bottom:1px solid rgba(6,33,58,.10);
}
.fleet-hero-legend-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:8px;
  max-width:1180px;
}
.fleet-hero-legend-grid article{
  flex:0 1 245px;
  min-width:190px;
  text-align:center;
  padding:9px 12px;
  border-radius:12px;
  background:#f7fafc;
  border:1px solid rgba(6,33,58,.09);
  line-height:1.2;
}
.fleet-hero-legend-grid strong{
  display:block;
  color:#06213A;
  font-size:15px;
  font-weight:800;
  margin-bottom:3px;
}
.fleet-hero-legend-grid span{
  display:block;
  color:#5d6872;
  font-size:12px;
  font-weight:600;
}
@media(max-width:760px){
  .fleet-hero-legend{padding:10px 0 12px}
  .fleet-hero-legend-grid{gap:6px;padding-inline:10px}
  .fleet-hero-legend-grid article{flex:1 1 calc(50% - 6px);min-width:0;padding:8px 7px}
  .fleet-hero-legend-grid strong{font-size:13px}
  .fleet-hero-legend-grid span{font-size:10.5px}
}

/* ===== FAQ FULL-PHOTO HERO FIT — 2026-08-12 =====
   Show the complete FAQ beach image without cropping at any viewport width. */
.page-faq .page-hero,
.page-faq .faq-vehicle-hero{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
  background:#06213A!important;
}
.page-faq .page-hero .page-hero-img,
.page-faq .faq-vehicle-hero .page-hero-img{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:760px){
  .page-faq .page-hero,
  .page-faq .faq-vehicle-hero{height:auto!important;min-height:0!important;}
  .page-faq .page-hero .page-hero-img,
  .page-faq .faq-vehicle-hero .page-hero-img{min-height:0!important;max-height:none!important;}
}

/* 2026-08-12: Consistent centered text for all customer-facing capsule/action buttons. */
:where(
  .btn,
  .internal-links a,
  .local-seo-links a,
  .centered-local-links a,
  .explore-links a,
  .sticky-mobile-actions a,
  .reserve-trust span,
  .best-for span
){
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
}

:where(
  .internal-links a,
  .local-seo-links a,
  .centered-local-links a,
  .explore-links a
){
  display:inline-flex!important;
  min-height:40px;
  line-height:1.2!important;
  white-space:normal;
}

button.btn,
a.btn{
  display:inline-flex!important;
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
}


/* ===== 2026-08-12 SITEWIDE BOX-DENSITY POLISH =====
   Make informational boxes tighter, cleaner, and consistent across customer-facing pages. */
.trust-cards{
  margin-top:16px!important;
  gap:12px!important;
  align-items:stretch!important;
}
.trust-cards article{
  min-height:160px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
}
.trust-cards article strong{margin-bottom:6px!important;}
.trust-cards article p{line-height:1.35!important;}

.comparison-grid{
  gap:18px!important;
  align-items:stretch!important;
}
.compare-card{
  min-height:100%!important;
  padding:28px 26px!important;
}
#why .compare-card ul,
.page-home #why .compare-card ul{
  margin:16px auto!important;
}
#why .compare-card li,
.page-home #why .compare-card li{
  min-height:38px!important;
  padding:8px 24px!important;
}

.location-booking-card{
  padding:28px!important;
  border-radius:22px!important;
}
.location-form{margin-top:22px!important;}
.location-grid,
.custom-location-fields{gap:14px!important;}

.requirement-card{
  padding:14px 16px!important;
}
.quick-grid{
  gap:12px!important;
  margin-top:28px!important;
}
.quick-grid article{
  padding:16px!important;
}
.page-actions{margin-top:24px!important;}
.steps-page{margin-bottom:10px!important;}
.steps-page article{padding:18px!important;}

@media(max-width:760px){
  .trust-cards article{
    min-height:auto!important;
    padding:14px 16px!important;
  }
  .compare-card{
    padding:22px 18px!important;
  }
  .location-booking-card{
    padding:22px 18px!important;
  }
}


/* ===== 2026-08-12 WHY SUNZIO + HEADER CONTACT POLISH ===== */
.why-page-intro > .wrap:last-child{display:flex;justify-content:center;}
.why-page-intro .trust-row{margin:2rem auto 0!important;max-width:860px!important;justify-self:center;}
.why-page-intro .trust-row span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.why-page-intro .trust-row strong,.why-page-intro .trust-row small{text-align:center!important;}
@media(max-width:620px){.why-page-intro .trust-row span{padding:14px 10px!important;}}


/* ===== 2026-08-12 RESERVE NOW STEP 1 + STEP 2 FIELD CENTERING ===== */
.page-reserve .trip-planner .planner-grid label,
.page-reserve .location-form .location-grid label,
.page-reserve .location-form .custom-location-fields label{
  text-align:center!important;
  align-items:stretch!important;
}

.page-reserve .trip-planner .planner-grid input,
.page-reserve .trip-planner .planner-grid select,
.page-reserve .location-form .location-grid input,
.page-reserve .location-form .location-grid select,
.page-reserve .location-form .custom-location-fields input,
.page-reserve .location-form .custom-location-fields select{
  text-align:center!important;
  text-align-last:center!important;
}

.page-reserve .trip-planner .planner-grid input::-webkit-date-and-time-value{
  text-align:center!important;
  width:100%!important;
}


/* ===== 2026-08-12 HOME HERO TRUST ROW + SUNCOAST COPY ===== */
.page-home .hero-trust-section .trust-row>span{
  min-height:96px!important;
  padding:16px 12px!important;
}
.page-home .hero-trust-section .trust-row strong{
  line-height:1.18!important;
}
.page-home .hero-trust-section .trust-row small{
  margin-top:6px!important;
  font-size:12px!important;
  color:#35566f!important;
  line-height:1.35!important;
}
@media(max-width:620px){
  .page-home .hero-trust-section .trust-row>span{
    min-height:86px!important;
    padding:14px 10px!important;
  }
}


/* ===== 2026-08-12 HOME HERO CLEANUP + CENTERED LEGAL ===== */
.footer .legal{
  text-align:center!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* ===== 2026-08-12 FLEET HERO CLEANUP ===== */
.page-fleet .page-hero{
  height:clamp(250px,30vw,430px)!important;
  min-height:250px!important;
}
.page-fleet .page-hero .page-hero-img[src*="fleet-hero-clean-no-labels.png"]{
  object-fit:cover!important;
  object-position:center center!important;
}
.page-fleet #fleet-selection.section{
  padding-top:48px!important;
}
.page-fleet #fleet-selection .wrap.narrow.center{
  margin-top:0!important;
}
.page-fleet #fleet-selection .eyebrow{
  margin-top:0!important;
  margin-bottom:8px!important;
}
.page-fleet #fleet-selection h2{
  margin-top:0!important;
  margin-bottom:10px!important;
}
.page-fleet #fleet-selection .section-intro{
  margin-top:0!important;
}
.page-fleet #fleet-selection .page-actions{
  margin-top:18px!important;
}


/* ===== 2026-08-12 HERO IMAGE SYNC: HOME / FLEET / RESERVE ===== */
.page-home #home.hero{min-height:clamp(320px,44vw,700px)!important;}
.page-home #home .hero-bg{
  background-image:url('/assets/seo/hero-vehicles-clean-shared.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  transform:none!important;
}
.page-home #home .hero-overlay,
.page-home #home .hero-content{display:none!important;}
.page-fleet .page-hero,
.page-reserve .page-hero{
  height:clamp(320px,44vw,700px)!important;
  min-height:320px!important;
}
.page-fleet .page-hero .page-hero-img,
.page-reserve .page-hero .page-hero-img{
  object-fit:cover!important;
  object-position:center top!important;
}
.page-fleet #fleet-selection.section{padding-top:48px!important;}
.page-fleet #fleet-selection .wrap.narrow.center{margin-top:0!important;}
.page-reserve .page-hero + .section .page-actions a.js-availability{display:none!important;}


/* 2026-08-13 FINAL SHARED HERO CORRECTION
   One clean, identical first image on Home, Why SUNZiO, Fleet, Pickup/Return, FAQ,
   Rental Policies, Reservation Steps, and Reserve Now. No baked labels or faux buttons. */
.sunzio-shared-hero{
  position:relative!important;
  width:100%!important;
  height:clamp(320px,44vw,700px)!important;
  min-height:320px!important;
  max-height:700px!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}
.sunzio-shared-hero .page-hero-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center top!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.sunzio-shared-hero .page-hero-copy,
.sunzio-shared-hero .page-hero-shade,
.sunzio-shared-hero .hero-hotspot{display:none!important;}
@media (max-width:700px){
  .sunzio-shared-hero{height:300px!important;min-height:300px!important;max-height:300px!important;}
}


/* ===== 2026-08-13 UNIFIED SUN COAST HERO + SITEWIDE DENSITY ===== */
.sunzio-unified-opening-hero{
  position:relative!important;
  height:clamp(330px,42vw,660px)!important;
  min-height:330px!important;
  max-height:660px!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  background:#0b3551!important;
}
.sunzio-unified-opening-hero .page-hero-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  z-index:0!important;
}
.sunzio-unified-opening-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(3,25,43,.16) 0%,rgba(3,25,43,.03) 45%,rgba(3,25,43,.08) 100%);
  pointer-events:none;
}
.sunzio-unified-hero-copy{
  position:absolute!important;
  z-index:2!important;
  top:7%!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(92%,1080px)!important;
  text-align:center!important;
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.42)!important;
  pointer-events:none!important;
}
.sunzio-unified-hero-copy h1{
  margin:0!important;
  font-size:clamp(34px,4.6vw,68px)!important;
  line-height:1.04!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  color:#fff!important;
}
.sunzio-unified-hero-copy p{
  margin:12px auto 0!important;
  max-width:900px!important;
  font-size:clamp(17px,1.75vw,27px)!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:#fff!important;
}
.sunzio-unified-hero-copy strong{color:#ff7a1a!important;font-weight:800!important;}
.sunzio-unified-opening-hero .hero-hotspot,
.sunzio-unified-opening-hero .hero-hotspot-view-fleet,
.sunzio-unified-opening-hero .hero-hotspot-check,
.sunzio-unified-opening-hero .btn,
.sunzio-unified-opening-hero a{display:none!important;}

/* Tighten vertical rhythm after the opening hero without crowding controls. */
main > .sunzio-unified-opening-hero + .section{padding-top:34px!important;}
.section{padding-top:46px!important;padding-bottom:46px!important;}
.section + .section{padding-top:40px!important;padding-bottom:40px!important;}
.section .wrap.narrow.center > .eyebrow:first-child{margin-top:0!important;margin-bottom:7px!important;}
.section .wrap.narrow.center > h2{margin-top:0!important;margin-bottom:10px!important;}
.section .section-intro{margin-top:0!important;margin-bottom:18px!important;}
.page-actions{margin-top:18px!important;margin-bottom:0!important;}
.trust-cards{margin-top:18px!important;margin-bottom:0!important;}
.location-booking-card,.direct-reservation-card{margin-top:0!important;margin-bottom:0!important;}
.location-booking-section,.trip-planner-section{padding-top:34px!important;padding-bottom:34px!important;}
.requirements-grid,.steps-page,.faq-list,.comparison-grid,.quick-grid{margin-top:20px!important;}
.footer{margin-top:0!important;}

@media(max-width:700px){
  .sunzio-unified-opening-hero{height:300px!important;min-height:300px!important;max-height:300px!important;}
  .sunzio-unified-hero-copy{top:8%!important;width:94%!important;}
  .sunzio-unified-hero-copy h1{font-size:clamp(30px,9vw,42px)!important;}
  .sunzio-unified-hero-copy p{font-size:clamp(15px,4.3vw,19px)!important;margin-top:8px!important;}
  main > .sunzio-unified-opening-hero + .section{padding-top:26px!important;}
  .section,.section + .section{padding-top:32px!important;padding-bottom:32px!important;}
  .location-booking-section,.trip-planner-section{padding-top:28px!important;padding-bottom:28px!important;}
}

/* ===== 2026-08-14 FINAL UNIFIED HERO / NAV REPAIR =====
   One real seven-vehicle image, no mirrored/duplicate layers, no baked/dead CTA hotspots. */
.sunzio-unified-opening-hero{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1536/500!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#06213A!important;
  background-image:none!important;
}
.sunzio-unified-opening-hero::before,
.sunzio-unified-opening-hero::after{content:none!important;display:none!important;}
.sunzio-unified-opening-hero .page-hero-img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
}
.sunzio-unified-opening-hero .sunzio-unified-hero-copy{
  position:absolute!important;
  z-index:3!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  pointer-events:none!important;
  padding:3.2% 24px 0!important;
  color:#fff!important;
  text-shadow:0 2px 9px rgba(0,0,0,.65)!important;
}
.sunzio-unified-opening-hero .sunzio-unified-hero-copy h1{
  margin:0 0 8px!important;
  max-width:980px!important;
  font-size:clamp(30px,4.4vw,64px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  color:#fff!important;
}
.sunzio-unified-opening-hero .sunzio-unified-hero-copy p{
  margin:0!important;
  max-width:900px!important;
  font-size:clamp(14px,1.65vw,24px)!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#fff!important;
}
.sunzio-unified-opening-hero .sunzio-unified-hero-copy strong{color:#F58220!important;}
.sunzio-unified-opening-hero .hero-hotspot,
.sunzio-unified-opening-hero [class*="hero-hotspot"]{display:none!important;pointer-events:none!important;}

/* Keep main navigation complete but compact enough for desktop. */
.navlinks{gap:12px!important;align-items:center!important;}
.navlinks>a:not(.btn){font-size:13px!important;white-space:nowrap!important;}
.navlinks>a.btn.btn-primary{font-size:14px!important;white-space:nowrap!important;padding:11px 16px!important;}
.navlinks a[href*="pickup-return"]{color:#F58220!important;}
.navlinks a[href*="rental-policies"]{color:#55C8EF!important;}
@media(max-width:1180px){
  .navlinks{gap:8px!important;}
  .navlinks>a:not(.btn){font-size:12px!important;}
  .navlinks>a.btn.btn-primary{font-size:13px!important;padding:10px 13px!important;}
}
@media(max-width:900px){
  .sunzio-unified-opening-hero{aspect-ratio:1536/620!important;}
  .sunzio-unified-opening-hero .page-hero-img{object-fit:cover!important;object-position:center center!important;}
  .sunzio-unified-opening-hero .sunzio-unified-hero-copy{padding-top:5%!important;}
  .navlinks>a:not(.btn){font-size:15px!important;white-space:normal!important;}
}
@media(max-width:620px){
  .sunzio-unified-opening-hero{aspect-ratio:4/3!important;}
  .sunzio-unified-opening-hero .page-hero-img{object-fit:cover!important;object-position:center center!important;}
  .sunzio-unified-opening-hero .sunzio-unified-hero-copy{padding:7% 18px 0!important;}
  .sunzio-unified-opening-hero .sunzio-unified-hero-copy h1{font-size:34px!important;}
  .sunzio-unified-opening-hero .sunzio-unified-hero-copy p{font-size:14px!important;max-width:92%!important;}
}


/* ===== RESERVE NOW — CENTERED FORM FIELDS + READ-ONLY DELIVERY FEE ===== */
.page-reserve-now .trip-planner .planner-grid label,
#directReservationForm .direct-grid > label{
  text-align:center!important;
}
.page-reserve-now .trip-planner .planner-grid input,
.page-reserve-now .trip-planner .planner-grid select,
#directReservationForm .direct-grid input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#directReservationForm .direct-grid select,
#directReservationForm .direct-grid textarea{
  text-align:center!important;
  text-align-last:center!important;
}
#directReservationForm input[type="date"],
#directReservationForm input[type="time"],
.trip-planner input[type="date"],
.trip-planner input[type="time"]{
  text-align:center!important;
}
#directReservationForm .reservation-submit-status,
#reservationSubmitStatus{
  text-align:center!important;
}
.delivery-fee-readonly{
  text-align:center!important;
}
.readonly-field{
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border:1px solid rgba(10,55,95,.18);
  border-radius:10px;
  background:#f5f8fa;
  color:var(--navy);
  font-weight:800;
  text-align:center;
}

/* Why SUNZiO — visually distinguish marketplace drawbacks */
.compare-card.muted .x-list li{
  color:#c62828!important;
  font-weight:700;
}
.compare-card.muted .x-list li::before{
  color:#c62828!important;
}


/* ===== SITEWIDE NAV COLOR ASSIGNMENTS ===== */
.site-nav a[href="/meet-the-owner.html"],
.site-nav a[href="meet-the-owner.html"],
.site-nav a[href="/meet-the-owner"],
.site-nav a[href="meet-the-owner"]{
  color:var(--blue)!important;
}
.site-nav a[href="/faq.html"],
.site-nav a[href="faq.html"],
.site-nav a[href="/faq"],
.site-nav a[href="faq"]{
  color:var(--orange)!important;
}
.site-nav a[href="/reservation-steps.html"],
.site-nav a[href="reservation-steps.html"],
.site-nav a[href="/reservation-steps"],
.site-nav a[href="reservation-steps"]{
  color:var(--blue)!important;
}


/* ===== RENTAL POLICIES — CENTER HEADINGS OVER DESCRIPTIONS ===== */
.policy-card h3,
.policy-card h4,
.policy-card .policy-title,
.policy-card .policy-heading{
  text-align:center!important;
}
.policy-card p,
.policy-card .policy-description{
  text-align:center!important;
}
.rental-policies-questions h2,
.rental-policies-questions h3,
.rental-policies-questions .eyebrow,
.rental-policies-questions p{
  text-align:center!important;
}


/* ===== RESERVE NOW — CENTER ATTESTATIONS + ACTION BUTTONS ===== */
#directReservationForm .attestations{
  text-align:center!important;
}
#directReservationForm .attestations label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:8px!important;
}
#directReservationForm .attestations input[type="checkbox"]{
  flex:0 0 auto!important;
}
#directReservationForm .planner-actions{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  text-align:center!important;
}
#directReservationForm .planner-actions .btn{
  text-align:center!important;
}

/* Reserve Now Step 2 — custom address fields appear only for Custom / Other */
#customPickupAddressWrap[hidden],
#customReturnAddressWrap[hidden]{
  display:none!important;
}


/* ===== PICKUP & RETURN LOCATIONS — CENTER MAP + LOCATION LISTS ===== */
.page-pickup-locations .pickup-map-layout{
  display:block!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-pickup-locations .pickup-map-card{
  width:min(100%, 980px)!important;
  margin:0 auto 28px!important;
}
.page-pickup-locations .pickup-map-card iframe{
  display:block!important;
  width:100%!important;
  min-height:460px!important;
  margin:0 auto!important;
}
.page-pickup-locations .pickup-location-panel{
  width:min(100%, 1100px)!important;
  margin:0 auto!important;
  text-align:center!important;
}
.page-pickup-locations .pickup-location-panel h2,
.page-pickup-locations .pickup-location-panel > p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-pickup-locations .pickup-location-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:12px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-pickup-locations .pickup-location-grid-top{
  margin-top:18px!important;
}
.page-pickup-locations .pickup-location-grid-bottom{
  margin-top:14px!important;
}
.page-pickup-locations .pickup-location-chip{
  text-align:center!important;
  justify-content:center!important;
}
@media (max-width:700px){
  .page-pickup-locations .pickup-map-card iframe{
    min-height:340px!important;
  }
}


/* ===== RESERVE NOW — STEP 1 FIELD CONTENT CENTERING ===== */
.page-reserve-now #tripForm input[type="date"],
.page-reserve-now #tripForm input[type="time"],
.page-reserve-now #tripForm select,
.page-reserve-now #tripPickupDate,
.page-reserve-now #tripPickupTime,
.page-reserve-now #tripReturnDate,
.page-reserve-now #tripReturnTime,
.page-reserve-now #tripVehicle {
  text-align:center!important;
  text-align-last:center!important;
}

/* Safari date/time controls */
.page-reserve-now #tripForm input[type="date"]::-webkit-date-and-time-value,
.page-reserve-now #tripForm input[type="time"]::-webkit-date-and-time-value {
  text-align:center!important;
}


/* ===== RENTAL POLICIES — HEADING SIZE + CENTERING ===== */
.page-rental-policies .policy-match-heading,
.page-rental-policies .policy-card .policy-match-heading,
.page-rental-policies .policy-grid .policy-match-heading,
.page-rental-policies .policies-grid .policy-match-heading {
  font-size: inherit !important;
  line-height: 1.2 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Match the six policy headings to the "Know what to expect before you reserve" eyebrow sizing */
.page-rental-policies .policy-match-heading {
  font-size: 0.88rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
}

/* Center each description beneath its heading */
.page-rental-policies .policy-card p,
.page-rental-policies .policy-grid .card p,
.page-rental-policies .policies-grid .card p {
  text-align: center !important;
}

/* Center Questions Before Booking? above its sentence */
.page-rental-policies .policy-questions-heading,
.page-rental-policies .questions-before-booking h2,
.page-rental-policies .questions-before-booking h3,
.page-rental-policies .questions-before-booking p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ===== SITEWIDE TOP NAV — CLEANER SPACING + SHARPER PRESENTATION ===== */
.site-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(14px,1.45vw,24px)!important;
  flex-wrap:wrap!important;
}

.site-nav a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 2px 9px!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:transform .18s ease, opacity .18s ease!important;
}

/* Refined underline accent instead of bulky capsules */
.site-nav a::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:2px!important;
  width:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform:translateX(-50%)!important;
  transition:width .18s ease!important;
  opacity:.9!important;
}

.site-nav a:hover,
.site-nav a:focus-visible{
  transform:translateY(-1px)!important;
}

.site-nav a:hover::after,
.site-nav a:focus-visible::after,
.site-nav a[aria-current="page"]::after,
.site-nav a.active::after{
  width:72%!important;
}

/* Reserve Now remains the strongest CTA, but more refined */
.site-nav a[href="/reserve-now.html"],
.site-nav a[href="reserve-now.html"],
.site-nav a[href="/reserve-now"],
.site-nav a[href="reserve-now"]{
  padding:10px 16px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.10)!important;
}

.site-nav a[href="/reserve-now.html"]::after,
.site-nav a[href="reserve-now.html"]::after,
.site-nav a[href="/reserve-now"]::after,
.site-nav a[href="reserve-now"]::after{
  display:none!important;
}

.site-nav a[href="/reserve-now.html"]:hover,
.site-nav a[href="reserve-now.html"]:hover,
.site-nav a[href="/reserve-now"]:hover,
.site-nav a[href="reserve-now"]:hover{
  transform:translateY(-1px) scale(1.01)!important;
}

/* Keep nav comfortable on smaller screens without disturbing layout */
@media (max-width:1100px){
  .site-nav{
    gap:12px 16px!important;
  }
  .site-nav a{
    font-size:.95rem!important;
  }
}


/* ===== FLEET — INTERIOR GALLERY ===== */
.interior-gallery-section{
  padding-top:42px!important;
  padding-bottom:46px!important;
}
.interior-gallery-section .section-intro{
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.interior-gallery-figure{
  margin:24px auto 0!important;
  max-width:1180px!important;
}
.interior-gallery-figure img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  border-radius:18px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.10)!important;
}
@media (max-width:700px){
  .interior-gallery-section{
    padding-top:30px!important;
    padding-bottom:34px!important;
  }
  .interior-gallery-figure img{
    border-radius:12px!important;
  }
}


/* ===== HOME / WHY / FLEET OPENING HERO — IMAGE ONLY ===== */
.home-page .sunzio-unified-opening-hero .sunzio-unified-hero-copy,
.page-why-sunzio .sunzio-unified-opening-hero .sunzio-unified-hero-copy,
.page-fleet .sunzio-unified-opening-hero .sunzio-unified-hero-copy,
.home-page .sunzio-unified-opening-hero .hero-actions,
.page-why-sunzio .sunzio-unified-opening-hero .hero-actions,
.page-fleet .sunzio-unified-opening-hero .hero-actions,
.home-page .sunzio-unified-opening-hero .hero-buttons,
.page-why-sunzio .sunzio-unified-opening-hero .hero-buttons,
.page-fleet .sunzio-unified-opening-hero .hero-buttons,
.home-page .sunzio-unified-opening-hero .hero-hotspot,
.page-why-sunzio .sunzio-unified-opening-hero .hero-hotspot,
.page-fleet .sunzio-unified-opening-hero .hero-hotspot{
  display:none!important;
}


/* ===== RESERVE NOW — STEP 1 PLACEHOLDER / VALUE CENTERING ===== */
/* Center both the gray prompts and the renter's selected values. */
#directReservationForm input[type="date"],
#directReservationForm input[type="time"],
#directReservationForm select,
#tripForm input[type="date"],
#tripForm input[type="time"],
#tripForm select {
  text-align:center!important;
  text-align-last:center!important;
}

/* Safari / WebKit date and time display */
#directReservationForm input[type="date"]::-webkit-date-and-time-value,
#directReservationForm input[type="time"]::-webkit-date-and-time-value,
#tripForm input[type="date"]::-webkit-date-and-time-value,
#tripForm input[type="time"]::-webkit-date-and-time-value {
  text-align:center!important;
  width:100%!important;
}

/* Center select placeholder/options such as "Select vehicle". */
#directReservationForm select option,
#tripForm select option {
  text-align:center!important;
}


/* ===== RENTAL POLICIES — CONSISTENT POLICY HEADINGS ===== */
/* Match Payment & Deposit, Pickup & Return, and Availability & Confirmation
   to Driver Verification / Insurance in size, weight, alignment, and spacing. */
.page-rental-policies .policy-equal-heading,
.page-rental-policies .policy-card .policy-equal-heading,
.page-rental-policies .policy-grid .policy-equal-heading,
.page-rental-policies .policies-grid .policy-equal-heading {
  font-size:0.88rem!important;
  line-height:1.2!important;
  letter-spacing:0.08em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Center Questions Before Booking? directly over its contact sentence. */
.page-rental-policies .questions-before-booking-title{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-rental-policies .questions-before-booking-title + p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* ===== TOP NAV — FINAL REQUESTED LINK COLORS ===== */
/* Meet the Owner = light blue */
.site-nav a[href*="meet-the-owner"]{
  color:#43B7E9!important;
}

/* FAQ = orange */
.site-nav a[href*="faq"]{
  color:#F28C28!important;
}

/* Reservation Steps = orange */
.site-nav a[href*="reservation-steps"]{
  color:#F28C28!important;
}


/* =========================================================
   FRIDAY 2.09 — VERIFIED SELECTOR REPAIR
   These rules target the actual HTML classes used by the site.
   ========================================================= */

/* ----- REAL TOP NAV: .navlinks (desktop only — mobile keeps its own toggle behavior) ----- */
@media (min-width: 941px){
.nav .navlinks,
#navlinks{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(15px,1.5vw,25px)!important;
}
}

/* Mobile nav: turn each page link into a clear, tappable button (mobile only, no desktop impact) */
@media (max-width: 940px){
  #navlinks{
    gap:10px!important;
  }
  #navlinks > a{
    display:flex!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:16px 18px!important;
    margin:0!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    font-size:16px!important;
    font-weight:800!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  #navlinks > a:not(.btn)::after{
    content:"›"!important;
    opacity:.6!important;
    font-size:18px!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    background:none!important;
    transform:none!important;
  }
  #navlinks > a.btn.btn-primary{
    justify-content:center!important;
    margin-top:6px!important;
  }
}

.nav .navlinks > a,
#navlinks > a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:8px 1px 9px!important;
  white-space:nowrap!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  line-height:1.15!important;
  text-decoration:none!important;
}

/* understated underline for standard links */
.nav .navlinks > a:not(.btn)::after,
#navlinks > a:not(.btn)::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:2px!important;
  width:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform:translateX(-50%)!important;
  transition:width .18s ease!important;
}
.nav .navlinks > a:not(.btn):hover::after,
.nav .navlinks > a:not(.btn):focus-visible::after,
#navlinks > a:not(.btn):hover::after,
#navlinks > a:not(.btn):focus-visible::after{
  width:70%!important;
}

/* requested nav colors */
.nav .navlinks > a[href*="meet-the-owner"],
#navlinks > a[href*="meet-the-owner"]{
  color:#43B7E9!important;
}
.nav .navlinks > a[href*="faq"],
#navlinks > a[href*="faq"]{
  color:#F28C28!important;
}
.nav .navlinks > a[href*="reservation-steps"],
#navlinks > a[href*="reservation-steps"]{
  color:#F28C28!important;
}

/* Reserve Now remains the CTA */
.nav .navlinks > a[href*="reserve-now"],
#navlinks > a[href*="reserve-now"]{
  padding:10px 16px!important;
  border-radius:999px!important;
}

/* Don't force desktop flex behavior over the existing mobile menu */
@media (max-width: 900px){
  .nav .navlinks,
  #navlinks{
    gap:10px!important;
  }
}

/* ----- REAL RESERVE NOW STEP 1 FORM: .trip-planner ----- */
.page-reserve .trip-planner .planner-grid label,
.page-reserve-now .trip-planner .planner-grid label{
  text-align:center!important;
}

.page-reserve .trip-planner .planner-grid input[type="date"],
.page-reserve .trip-planner .planner-grid input[type="time"],
.page-reserve .trip-planner .planner-grid select,
.page-reserve-now .trip-planner .planner-grid input[type="date"],
.page-reserve-now .trip-planner .planner-grid input[type="time"],
.page-reserve-now .trip-planner .planner-grid select{
  text-align:center!important;
  text-align-last:center!important;
}

/* Chromium/Safari date-time internals */
.page-reserve .trip-planner input[type="date"]::-webkit-date-and-time-value,
.page-reserve .trip-planner input[type="time"]::-webkit-date-and-time-value,
.page-reserve-now .trip-planner input[type="date"]::-webkit-date-and-time-value,
.page-reserve-now .trip-planner input[type="time"]::-webkit-date-and-time-value{
  text-align:center!important;
  width:100%!important;
}

.page-reserve .trip-planner input[type="date"]::-webkit-datetime-edit,
.page-reserve .trip-planner input[type="time"]::-webkit-datetime-edit,
.page-reserve-now .trip-planner input[type="date"]::-webkit-datetime-edit,
.page-reserve-now .trip-planner input[type="time"]::-webkit-datetime-edit{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
}

/* select prompt + selected value */
.page-reserve .trip-planner select option,
.page-reserve-now .trip-planner select option{
  text-align:center!important;
}

/* ----- REAL RENTAL POLICY MARKUP: .policies-grid .policy-card h2 ----- */
/* Make all six policy titles exactly consistent and centered */
.page-rental-policies .policies-grid .policy-card h2{
  font-size:.88rem!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.page-rental-policies .policies-grid .policy-card p{
  text-align:center!important;
}

/* Actual Questions before booking markup is .policy-note > strong + p */
.page-rental-policies .policy-note{
  text-align:center!important;
}
.page-rental-policies .policy-note > strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-rental-policies .policy-note > p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* ===== FRIDAY 2.11 — SUNSET FLEET HERO ===== */
/* The sunset image contains no baked-in buttons or location labels.
   Existing page functionality remains separate from the hero image. */
.page-hero img[src*="sunzio-sunset-fleet-hero"]{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
}


/* ===== FRIDAY 2.12 — PAGE-SPECIFIC HIGH-RESOLUTION HERO SYSTEM ===== */
.page-hero .page-hero-img[src*="/page-heroes/"]{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/7!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media (max-width:800px){
  .page-hero .page-hero-img[src*="/page-heroes/"]{
    aspect-ratio:4/3!important;
    object-position:center center!important;
  }
}


/* ===== FRIDAY 2.17 — VEHICLE MONTHLY AVAILABILITY CALENDARS ===== */
.vehicle-month-section{padding-top:42px!important;padding-bottom:48px!important}
.vehicle-month-heading{max-width:920px;margin:0 auto 26px}
.vehicle-calendar-legend{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:18px;font-size:.9rem;color:#4b5b69}
.vehicle-calendar-legend span{display:inline-flex;align-items:center;gap:8px}
.legend-x{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff0f0;color:#d62f2f;font-size:22px;font-style:normal;font-weight:900;line-height:1}
.legend-open{width:23px;height:23px;border:1px solid #ccd6df;border-radius:6px;background:#fff}

.vehicle-month-list{display:grid;gap:20px}
.vehicle-month-card{
  display:grid!important;
  grid-template-columns:minmax(250px,.78fr) minmax(420px,1.22fr)!important;
  gap:22px!important;
  align-items:stretch!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid #e0e7ed!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(19,48,74,.08)!important;
}
.vehicle-month-photo{position:relative;min-height:315px;border-radius:14px;overflow:hidden;background:#edf4f7}
.vehicle-month-photo img{width:100%!important;height:100%!important;min-height:315px!important;object-fit:cover!important;display:block!important}
.vehicle-month-photo>div{
  position:absolute;left:0;right:0;bottom:0;padding:18px 18px 16px;
  background:linear-gradient(transparent,rgba(3,25,44,.92));color:#fff;text-align:center
}
.vehicle-month-photo span{display:block;color:#60caef;font-weight:800;font-size:.9rem;margin-bottom:4px}
.vehicle-month-photo strong{display:block;font-size:1.08rem;line-height:1.2}

.vehicle-calendar-shell{border:1px solid #dce5ec;border-radius:14px;padding:15px;background:#fbfdfe;min-height:315px}
.vehicle-calendar-top{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-bottom:12px}
.vehicle-calendar-top strong{text-align:center;color:#103b60;font-size:1.12rem}
.month-nav{
  width:38px;height:38px;border-radius:50%;border:1px solid #c9d6df;background:#fff;color:#0c5b93;
  font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center
}
.month-nav:hover,.month-nav:focus-visible{border-color:#1c91cf;box-shadow:0 0 0 3px rgba(28,145,207,.12)}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.calendar-weekdays span{text-align:center;font-size:.73rem;font-weight:800;color:#738392;padding:4px 0}
.calendar-day{
  position:relative;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #e0e7ed;border-radius:8px;
  background:#fff;color:#243d50;font-size:.86rem;font-weight:700
}
.calendar-day.is-empty{border-color:transparent;background:transparent}
.calendar-day.is-past{opacity:.55}
.calendar-day.is-blocked{background:#fff4f4;border-color:#efb5b5;color:#8b2424}
.calendar-day.is-blocked::after{
  content:"×";position:absolute;inset:0;display:grid;place-items:center;color:#df2c2c;font-size:34px;font-weight:900;
  line-height:1;opacity:.88;pointer-events:none
}
.calendar-day-number{position:relative;z-index:1;font-size:.74rem;line-height:1}
.calendar-day-price{position:relative;z-index:1;font-size:.66rem;font-weight:800;line-height:1;color:#1357A6}
.calendar-loading,.calendar-error{min-height:270px;display:grid;place-items:center;text-align:center;color:#667986;padding:20px}
.calendar-error{color:#9d3030}

@media (max-width:850px){
  .vehicle-month-card{grid-template-columns:1fr!important}
  .vehicle-month-photo{min-height:245px}
  .vehicle-month-photo img{min-height:245px!important}
}
@media (max-width:520px){
  .vehicle-month-card{padding:12px!important}
  .vehicle-calendar-shell{padding:10px}
  .calendar-weekdays,.calendar-days{gap:3px}
  .calendar-day{min-height:38px;font-size:.78rem}
  .calendar-day.is-blocked::after{font-size:29px}
}

/* Friday 2.20: make live Availability page discoverable */
.nav .navlinks > a.nav-availability-link,
#navlinks > a.nav-availability-link,
.nav .navlinks > a.nav-owner-link,
#navlinks > a.nav-owner-link,
.nav .navlinks > a.nav-policies-link,
#navlinks > a.nav-policies-link{
  color:var(--sunzio-orange)!important;
}
.nav .navlinks > a.nav-pickup-link,
#navlinks > a.nav-pickup-link,
.nav .navlinks > a.nav-faq-link,
#navlinks > a.nav-faq-link,
.nav .navlinks > a.nav-steps-link,
#navlinks > a.nav-steps-link{
  color:var(--sunzio-light-blue)!important;
}


/* Friday 2.21 — Home hero full-fleet visibility */
body.home-page .page-hero,
body.home .page-hero,
.page-hero.home-hero{
  overflow:visible!important;
}
body.home-page .page-hero .page-hero-img,
body.home .page-hero .page-hero-img,
.page-hero.home-hero .page-hero-img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  display:block!important;
}


/* Friday 2.22 — Why SUNZiO hero full-fleet visibility */
.page-hero.why-full-fleet-hero{
  overflow:visible!important;
}
.page-hero.why-full-fleet-hero .page-hero-img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  display:block!important;
}


/* Friday 2.23 — Fleet opening hero: show every vehicle, no crop */
.page-hero.fleet-full-fleet-hero{
  overflow:visible!important;
}
.page-hero.fleet-full-fleet-hero .page-hero-img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  display:block!important;
}


/* Friday 2.24 — exact original approved gallery hero system */
.page-hero.exact-gallery-v224{
  overflow:visible!important;
  height:auto!important;
  min-height:0!important;
}
.page-hero.exact-gallery-v224 .page-hero-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}


/* Friday 2.26 FINAL approved opening-hero system.
   Image-only: no live buttons, labels, nicknames or overlay copy.
   Entire approved composite remains visible. */
.page-hero.exact-gallery-v226{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}
.page-hero.exact-gallery-v226 .page-hero-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
}


/* Friday 2.27 — Availability vehicle cards: one clean vehicle image layer only */
.vehicle-month-photo{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.vehicle-month-photo img{
  display:none!important;
}
.vehicle-month-photo>div{
  background:linear-gradient(transparent,rgba(3,25,44,.88))!important;
}
.vehicle-month-photo span{
  display:none!important;
}

.month-retry{
  margin-top:10px;
  border:1px solid #0c5b93;
  background:#fff;
  color:#0c5b93;
  border-radius:999px;
  padding:7px 14px;
  font-weight:700;
  cursor:pointer;
}


/* 2026 synchronized deployment: reusable SUNZiO hero system */
.brand-hero{position:relative;min-height:clamp(360px,43vw,620px);overflow:hidden;background:linear-gradient(#a9dff2 0 63%,#f7f1e2 63%);isolation:isolate}
.brand-hero-home .brand-hero-fleet{object-fit:fill;object-position:center center}
.brand-hero-home .brand-hero-badge{top:50%!important;transform:translateY(-50%)}
.brand-hero-sunzio-text{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:3;display:flex;font-weight:900;font-size:clamp(28px,4.4vw,68px);letter-spacing:.01em;text-shadow:0 3px 14px rgba(0,0,0,.45)}
.brand-hero-sun-word{color:#f58220;animation:sunzioSunIn 1s cubic-bezier(.2,.7,.3,1) both}
.brand-hero-zio-word{color:#55c8ef;animation:sunzioZioIn 1s cubic-bezier(.2,.7,.3,1) .45s both}
@keyframes sunzioSunIn{from{opacity:0;transform:translateX(120px)}to{opacity:1;transform:translateX(0)}}
@keyframes sunzioZioIn{from{opacity:0;transform:translateX(-120px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:720px){.brand-hero-sunzio-text{font-size:clamp(22px,8vw,40px);top:34%}}
.brand-hero-auto-text{position:absolute;left:50%;top:38%;margin-top:clamp(34px,5vw,72px);transform:translate(-50%,-50%);z-index:3;display:flex;font-weight:800;font-size:clamp(14px,1.7vw,26px);letter-spacing:.12em;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.brand-hero-auto-word,.brand-hero-rentals-word{color:#06213A;font-weight:900}
.brand-hero-auto-word{animation:sunzioAutoIn 1s cubic-bezier(.2,.7,.3,1) 1.3s both}
.brand-hero-rentals-word{animation:sunzioRentalsIn 1s cubic-bezier(.2,.7,.3,1) 1.75s both}
@keyframes sunzioAutoIn{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}
@keyframes sunzioRentalsIn{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:720px){.brand-hero-auto-text{font-size:clamp(11px,3.4vw,16px);margin-top:clamp(26px,7vw,44px)}}
.brand-hero-fleet-row{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:3;display:flex;gap:10px;align-items:center}
.fleet-row-car{width:clamp(46px,5.6vw,86px);height:auto;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.35);opacity:0;animation:fleetDriveIn 1s cubic-bezier(.25,.7,.3,1) forwards,fleetTurn .5s ease-in-out forwards;animation-delay:calc(var(--i) * .32s + .2s),calc(3.2s + var(--i) * .12s)}
@keyframes fleetDriveIn{from{opacity:0;transform:translateX(-260px)}to{opacity:1;transform:translateX(0)}}
@keyframes fleetTurn{0%{transform:scaleX(1)}45%{transform:scaleX(0.08)}55%{transform:scaleX(0.08)}100%{transform:scaleX(1)}}
@media(max-width:720px){.brand-hero-fleet-row{gap:5px;top:64%}.fleet-row-car{width:clamp(28px,7.6vw,44px);border-radius:5px}}
.brand-hero-badge{position:absolute;top:6%;width:clamp(120px,15vw,220px);height:auto;z-index:3;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}
.brand-hero-badge-left{left:3%}
.brand-hero-badge-right{right:3%}
@media(max-width:720px){.brand-hero-badge{width:clamp(80px,24vw,130px);top:5%}}
.brand-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,38,66,.80),rgba(3,38,66,.18) 55%,transparent 78%);pointer-events:none}
.brand-hero-fleet{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.brand-hero-steps .brand-hero-fleet,.brand-hero-reserve .brand-hero-fleet{transform:scale(.90);object-fit:contain}
.brand-hero-why .brand-hero-fleet,.brand-hero-availability .brand-hero-fleet,.brand-hero-locations .brand-hero-fleet,.brand-hero-faq .brand-hero-fleet,.brand-hero-policies .brand-hero-fleet,.brand-hero-fleet-page .brand-hero-fleet{object-fit:contain}
.brand-hero-steps .brand-hero-fleet{object-fit:cover;transform:none;object-position:center 56%}
.brand-hero-reserve .brand-hero-fleet{object-fit:cover;transform:scale(.88);object-position:50% 60%}
.brand-hero-why .brand-hero-fleet{object-fit:cover;transform:none;object-position:center 100%}
.brand-hero-policies .brand-hero-fleet{object-fit:cover;transform:none;object-position:85% 100%}
.brand-hero-faq .brand-hero-fleet{object-fit:cover;transform:none;object-position:center 68%}
.brand-hero-availability .brand-hero-fleet{object-fit:cover;transform:none;object-position:center 50%}
.brand-hero-fleet{background:#f7f1e2}
.brand-hero-title{position:absolute;left:50%;top:27%;width:min(1160px,calc(100% - 40px));transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;text-shadow:0 3px 18px rgba(3,38,66,.5)}
.brand-hero-word{font:900 italic clamp(58px,9vw,126px)/.82 "Arial Narrow",Impact,Haettenschweiler,sans-serif;letter-spacing:-.085em;transform:skew(-9deg);transform-origin:left;color:#fff}
.brand-hero-word .sun{color:#f47b20}.brand-hero-word .zio{color:#55c5ee}
.brand-hero-descriptor{margin-top:24px;color:#1f6fbc;font:900 clamp(26px,4.2vw,60px)/1 system-ui,sans-serif;letter-spacing:-.055em;text-transform:uppercase;background:transparent;padding:.08em .18em;border-radius:4px;text-shadow:0 2px 2px rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.85),0 3px 14px rgba(3,38,66,.35)}
.brand-hero-fleet-page .brand-hero-word,.brand-hero-availability .brand-hero-word{font-size:clamp(38px,5vw,66px)}
.brand-hero-fleet-page .brand-hero-descriptor,.brand-hero-availability .brand-hero-descriptor{font-size:clamp(46px,6vw,78px);margin-top:14px}
.brand-hero-fleet-page{background:#f7f3e8}.brand-hero-fleet-page .brand-hero-fleet{object-fit:cover;object-position:center 100%}
.brand-hero-locations .brand-hero-fleet{object-fit:cover;object-position:center 100%}
.brand-hero-fleet-page .brand-hero-title{top:13%}
.brand-hero-fleet-page .brand-hero-word{font-size:clamp(28px,3.6vw,46px)}
.brand-hero-fleet-page .brand-hero-descriptor{margin-top:8px;background:transparent;font-size:clamp(24px,3.2vw,42px)}
.brand-hero-availability .brand-hero-title{top:13%}
.brand-hero-availability .brand-hero-word{font-size:clamp(28px,3.6vw,46px)}
.brand-hero-availability .brand-hero-descriptor{margin-top:8px;background:transparent;font-size:clamp(24px,3.2vw,42px)}
.brand-hero-locations .brand-hero-title{top:13%}
.brand-hero-locations .brand-hero-word{font-size:clamp(28px,3.6vw,46px)}
.brand-hero-locations .brand-hero-descriptor{margin-top:8px;background:transparent;font-size:clamp(24px,3.2vw,42px)}
.brand-hero-faq .brand-hero-title{top:13%}
.brand-hero-faq .brand-hero-word{font-size:clamp(28px,3.6vw,46px)}
.brand-hero-faq .brand-hero-descriptor{margin-top:22px;background:transparent;font-size:clamp(22px,3vw,40px);white-space:nowrap}
.brand-hero-policies .brand-hero-title{top:13%}
.brand-hero-policies .brand-hero-word{font-size:clamp(28px,3.6vw,46px)}
.brand-hero-policies .brand-hero-descriptor{margin-top:8px;background:transparent;font-size:clamp(24px,3.2vw,42px)}
.brand-hero-steps .brand-hero-title,.brand-hero-reserve .brand-hero-title{top:13%}
.brand-hero-steps .brand-hero-word,.brand-hero-reserve .brand-hero-word{font-size:clamp(28px,3.6vw,46px)}
.brand-hero-steps .brand-hero-descriptor,.brand-hero-reserve .brand-hero-descriptor{margin-top:8px;background:transparent;font-size:clamp(24px,3.2vw,42px)}
.brand-hero-why .brand-hero-title{top:15%;left:14%;transform:translateX(-50%);align-items:center;text-align:center}
.brand-hero-why .why-sunzio-title{margin-top:0;background:transparent;font-size:clamp(38px,5.6vw,76px);white-space:nowrap}
.brand-hero-why .why-label{color:#1f6fbc}
.brand-hero-why .why-sunzio-title .sun{color:#f47b20;font-style:italic}
.brand-hero-why .why-sunzio-title .zio{color:#55c5ee;font-style:italic}
.brand-hero-fleet-page .brand-hero-title,.brand-hero-availability .brand-hero-title,.brand-hero-locations .brand-hero-title,.brand-hero-policies .brand-hero-title,.brand-hero-steps .brand-hero-title,.brand-hero-reserve .brand-hero-title,.brand-hero-why .brand-hero-title,.brand-hero-faq .brand-hero-title{left:28px;top:22px;transform:none;align-items:flex-start;text-align:left;width:auto;max-width:320px}
.brand-hero-title-logo{width:clamp(150px,20vw,260px);height:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}
.brand-hero-fleet-page .brand-hero-word,.brand-hero-availability .brand-hero-word,.brand-hero-locations .brand-hero-word,.brand-hero-policies .brand-hero-word,.brand-hero-steps .brand-hero-word,.brand-hero-reserve .brand-hero-word,.brand-hero-faq .brand-hero-word{font-size:clamp(20px,2.6vw,32px)}
.brand-hero-fleet-page .brand-hero-descriptor,.brand-hero-availability .brand-hero-descriptor,.brand-hero-locations .brand-hero-descriptor,.brand-hero-policies .brand-hero-descriptor,.brand-hero-steps .brand-hero-descriptor,.brand-hero-reserve .brand-hero-descriptor,.brand-hero-faq .brand-hero-descriptor{font-size:clamp(16px,2.1vw,26px);margin-top:6px;white-space:normal}
.brand-hero-why .why-sunzio-title{font-size:clamp(24px,3.4vw,40px)}
.why-page-intro{padding-top:clamp(48px,6vw,84px)!important}
.vehicle-month-photo{background-size:contain!important;background-repeat:no-repeat!important;background-color:#eef6fa!important}
.direct-grid{align-items:start}.direct-reservation-card{overflow:visible!important}
@media(max-width:720px){.brand-hero{min-height:430px}.brand-hero-fleet{object-fit:cover;width:118%;max-width:none;left:-9%}.brand-hero-steps .brand-hero-fleet,.brand-hero-reserve .brand-hero-fleet{transform:scale(.92);object-fit:contain}.brand-hero-title{left:50%;right:auto;top:24%;transform:translate(-50%,-50%);width:calc(100% - 32px)}.brand-hero-word{font-size:58px}.brand-hero-descriptor{font-size:25px;margin-top:16px}.brand-hero-fleet-page .brand-hero-word,.brand-hero-availability .brand-hero-word{font-size:34px}.brand-hero-fleet-page .brand-hero-descriptor,.brand-hero-availability .brand-hero-descriptor{font-size:34px}.vehicle-month-photo{min-height:230px}}
@media(max-width:720px){.brand-hero-why .brand-hero-title{top:12%}.brand-hero-why .why-sunzio-title{font-size:clamp(30px,10vw,48px)}}
@media(max-width:720px){.brand-hero-fleet-page .brand-hero-title{top:12%}.brand-hero-fleet-page .brand-hero-word{font-size:30px}.brand-hero-fleet-page .brand-hero-descriptor{margin-top:6px;font-size:26px}}
@media(max-width:720px){.brand-hero-availability .brand-hero-title{top:12%}.brand-hero-availability .brand-hero-word{font-size:28px}.brand-hero-availability .brand-hero-descriptor{margin-top:6px;font-size:clamp(20px,6.2vw,28px);white-space:nowrap}}
@media(max-width:720px){.brand-hero-locations .brand-hero-title{top:12%}.brand-hero-locations .brand-hero-word{font-size:28px}.brand-hero-locations .brand-hero-descriptor{margin-top:6px;font-size:26px}}
@media(max-width:720px){.brand-hero-faq .brand-hero-title{top:12%}.brand-hero-faq .brand-hero-word{font-size:28px}.brand-hero-faq .brand-hero-descriptor{margin-top:6px;font-size:clamp(16px,4.8vw,22px)}}
@media(max-width:720px){.brand-hero-policies .brand-hero-title{top:12%}.brand-hero-policies .brand-hero-word{font-size:28px}.brand-hero-policies .brand-hero-descriptor{margin-top:6px;font-size:clamp(20px,6vw,27px);white-space:nowrap}}
@media(max-width:720px){.brand-hero-steps .brand-hero-title,.brand-hero-reserve .brand-hero-title{top:12%}.brand-hero-steps .brand-hero-word,.brand-hero-reserve .brand-hero-word{font-size:28px}.brand-hero-steps .brand-hero-descriptor,.brand-hero-reserve .brand-hero-descriptor{margin-top:6px;font-size:clamp(20px,6vw,27px);white-space:nowrap}}