:root{--cg-yellow:#ffbf00;--cg-black:#111;--cg-muted:#646464;--cg-line:#d9d9d9;--cg-paper:#f5f3ee;--cg-green:#128c4a}
.vehicle-detail-breadcrumb{background:#f5f5f5;border-bottom:1px solid #dedede}.vehicle-detail-breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;gap:9px;margin:0;padding:11px 0;font-size:.82rem}.vehicle-detail-breadcrumb li+li:before{content:"/";margin-right:9px;color:#999}.vehicle-detail-breadcrumb a{color:#333;text-decoration:none}.vehicle-detail-breadcrumb li[aria-current]{font-weight:800}.detail-hero{position:relative;background:#111;color:#fff;overflow:hidden}.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,191,0,.12),transparent 40%)}.detail-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px;padding:85px 0}.detail-eyebrow,.detail-kicker{display:inline-block;color:var(--cg-yellow);text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:900;margin-bottom:13px}.detail-hero h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.03;letter-spacing:-.045em;font-weight:900;margin-bottom:18px}.detail-hero p{color:rgba(255,255,255,.78);font-size:1.02rem;line-height:1.8}.detail-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.detail-primary,.detail-secondary{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:0;padding:0 20px;font-weight:900;text-decoration:none}.detail-primary{background:var(--cg-yellow);border:1px solid var(--cg-yellow);color:#111}.detail-secondary{background:transparent;border:1px solid #fff;color:#fff}.detail-primary:hover,.detail-secondary:hover{background:#fff;border-color:#fff;color:#111}.detail-hero-image{position:relative;border:1px solid rgba(255,255,255,.3);background:#222;padding:10px;box-shadow:18px 18px 0 var(--cg-yellow)}.detail-hero-image img{width:100%;height:390px;object-fit:cover;display:block}.detail-hero-image span{position:absolute;left:10px;bottom:10px;background:#111;color:#fff;padding:9px 12px;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.quick-specs{background:#fff;border-bottom:1px solid #ddd}.quick-spec-grid{display:grid;grid-template-columns:repeat(5,1fr)}.quick-spec{padding:22px 14px;border-right:1px solid #ddd;text-align:center}.quick-spec:last-child{border-right:0}.quick-spec i{color:#111;font-size:1.25rem;margin-bottom:8px}.quick-spec strong{display:block;font-size:.85rem}.quick-spec span{display:block;color:#777;font-size:.75rem;margin-top:3px}
.detail-section{padding:86px 0}.detail-section.alt{background:var(--cg-paper)}.detail-heading{max-width:780px;margin-bottom:34px}.detail-heading.center{text-align:center;margin-inline:auto}.detail-heading h2{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:900;letter-spacing:-.035em}.detail-heading p{color:#666;line-height:1.8}.overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px}.overview-copy p{color:#555;line-height:1.85}.detail-callout{border:1px solid #222;background:#fff;padding:25px;box-shadow:9px 9px 0 var(--cg-yellow)}.detail-callout h3{font-weight:900;font-size:1.2rem}.detail-callout p{color:#555;line-height:1.75;margin-bottom:0}.use-grid,.route-grid,.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.use-card,.route-card,.benefit-card{border:1px solid #d4d4d4;background:#fff;border-radius:0;padding:23px;height:100%}.use-card i,.benefit-card i{width:46px;height:46px;display:grid;place-items:center;background:#111;color:var(--cg-yellow);margin-bottom:15px}.use-card h3,.route-card h3,.benefit-card h3{font-size:1rem;font-weight:900}.use-card p,.benefit-card p{color:#666;font-size:.86rem;line-height:1.7;margin:0}.route-card{display:flex;gap:12px;align-items:center}.route-card i{color:var(--cg-yellow);background:#111;width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto}.route-card h3{margin:0}.booking-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.booking-step{border-top:4px solid #111;background:#fff;padding:24px;box-shadow:6px 6px 0 #ececec}.booking-step span{font-size:2rem;font-weight:900;color:var(--cg-yellow);-webkit-text-stroke:1px #111}.booking-step h3{font-size:1rem;font-weight:900}.booking-step p{font-size:.85rem;color:#666;line-height:1.65;margin:0}.detail-cta{background:#111;color:#fff}.detail-cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:55px 0}.detail-cta h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:900}.detail-cta p{color:#bbb;margin:0}.detail-cta button{border:1px solid var(--cg-yellow);background:var(--cg-yellow);color:#111;min-height:52px;padding:0 24px;font-weight:900;border-radius:0}.detail-cta button:hover{background:#fff;border-color:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{border:1px solid #d4d4d4;background:#fff}.related-card img{width:100%;height:190px;object-fit:cover;border-bottom:1px solid #ddd}.related-card div{padding:18px}.related-card h3{font-size:1.02rem;font-weight:900}.related-card p{color:#666;font-size:.82rem}.related-card a{display:inline-flex;align-items:center;gap:7px;color:#111;font-weight:900;text-decoration:none;border-bottom:2px solid var(--cg-yellow)}
.vehicle-faq{max-width:900px;margin:auto}.vehicle-faq .accordion-item{border:1px solid #d4d4d4;border-radius:0;margin-bottom:10px}.vehicle-faq .accordion-button{border-radius:0;font-weight:800;box-shadow:none!important}.vehicle-faq .accordion-button:not(.collapsed){background:#111;color:#fff}.vehicle-faq .accordion-button:not(.collapsed)::after{filter:invert(1)}.vehicle-faq .accordion-body{line-height:1.75;color:#555}
.vehicle-modal{border:0;border-radius:0}.vehicle-modal .modal-header{background:#111;color:#fff;border:0;border-radius:0}.vehicle-modal .modal-header p{color:#aaa;margin:3px 0 0}.vehicle-modal .modal-body{padding:22px}.selected-vehicle-box{display:flex;align-items:center;gap:15px;border:1px solid #ddd;background:#f7f7f7;padding:12px;margin-bottom:20px}.selected-vehicle-box img{width:124px;height:82px;object-fit:cover;border-radius:0}.selected-vehicle-box h3{font-weight:900}.selected-vehicle-box p{margin:0;color:#666}.vehicle-modal label{display:block;font-size:.82rem;font-weight:800;margin-bottom:6px}.vehicle-modal label span{color:#c32626}.vehicle-modal input,.vehicle-modal select,.vehicle-modal textarea{width:100%;border:1px solid #bdbdbd;border-radius:0;padding:0 12px;font-weight:600;outline:none}.vehicle-modal input,.vehicle-modal select{height:48px}.vehicle-modal textarea{padding-top:10px}.vehicle-modal input:focus,.vehicle-modal select:focus,.vehicle-modal textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(255,191,0,.22)}.has-error{border-color:#c62828!important;background:#fff8f8}.field-error{display:block;color:#b42318;font-size:.72rem;min-height:18px;padding-top:3px}.vehicle-form-error{color:#b42318;font-weight:800}.vehicle-accommodation-extra{display:none}.vehicle-accommodation-extra.show{display:block}.vehicle-child-note{background:#fff7da;border-left:4px solid var(--cg-yellow);padding:10px;margin:0;font-size:.8rem}.return-field.is-optional label span{display:none}.return-field.is-optional label:after{content:" (Optional)";font-weight:500;color:#666}.vehicle-recommendation{font-size:.8rem;font-weight:700}.vehicle-recommendation.warning{border-left:4px solid #d97706;background:#fff7ed;color:#9a3412;padding:10px}.vehicle-recommendation.success{border-left:4px solid #16813c;background:#effcf4;color:#12602e;padding:10px}.vehicle-submit-btn{width:100%;height:50px;border:1px solid #111;border-radius:0;background:#111;color:#fff;font-weight:900;margin-top:19px}.vehicle-submit-btn:hover{background:var(--cg-yellow);color:#111;border-color:var(--cg-yellow)}.preview-title{text-align:center}.preview-title i{font-size:2rem;color:var(--cg-green)}.preview-title h3{font-weight:900}.vehicle-preview-content{border:1px solid #ddd}.preview-row{display:grid;grid-template-columns:42% 58%;padding:10px 12px;border-bottom:1px solid #e5e5e5;font-size:.84rem}.preview-row:last-child{border-bottom:0}.preview-row span{color:#666}.preview-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:18px}.modal-cancel,.modal-send{height:48px;border-radius:0;font-weight:900}.modal-cancel{background:#fff;border:1px solid #111}.modal-send{background:#128c4a;color:#fff;border:1px solid #128c4a}.vehicle-modal-open .floating-group{display:none!important}
@media(max-width:1000px){.detail-hero-grid,.overview-grid{grid-template-columns:1fr}.detail-hero-image{max-width:720px}.quick-spec-grid{grid-template-columns:repeat(3,1fr)}.quick-spec{border-bottom:1px solid #ddd}.use-grid,.route-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.booking-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.detail-hero-grid{padding:62px 0;gap:35px}.detail-hero h1{font-size:2.25rem}.detail-hero-image{box-shadow:8px 8px 0 var(--cg-yellow)}.detail-hero-image img{height:250px}.detail-hero-actions>a,.detail-hero-actions>button{width:100%}.quick-spec-grid{grid-template-columns:repeat(2,1fr)}.quick-spec:last-child{grid-column:1/-1}.detail-section{padding:62px 0}.use-grid,.route-grid,.benefit-grid,.booking-steps,.related-grid{grid-template-columns:1fr}.detail-cta-grid{grid-template-columns:1fr}.detail-cta button{width:100%}.selected-vehicle-box img{width:100px;height:70px}.preview-row{grid-template-columns:1fr;gap:2px}.preview-actions{grid-template-columns:1fr}.floating-group .label{display:none}}

/* =========================================================
   COVAI GLIDE — SHARED GLASS HEADER, HERO IMAGE & SHARP UI
   Exact background: images/vehicles/vehiclebg.webp
   ========================================================= */

/* Glass header on every page that uses .main-header */
.main-header,
.main-header.scrolled,
.main-header.sticky {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1050 !important;
  color: #ffffff !important;
  background: rgba(12, 16, 20, 0.62) !important;
  background-color: rgba(12, 16, 20, 0.62) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    0 10px 35px rgba(0, 0, 0, 0.22),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04) !important;
  -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
  backdrop-filter: blur(16px) saturate(145%) !important;
  isolation: isolate;
}

.main-header .navbar,
.main-header .navbar.bg-dark,
.main-header .navbar.scrolled,
.main-header .navbar.sticky,
.navbar.scrolled,
.navbar.sticky {
  --bs-bg-opacity: 0 !important;
  position: relative;
  z-index: 2;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.main-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06) 0%,
    rgba(255, 255, 255, 0.018) 55%,
    rgba(255, 255, 255, 0) 100%
  );
}

.main-header::after,
.main-header .navbar::before,
.main-header .navbar::after {
  content: none !important;
  display: none !important;
}

.main-header .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.95) !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
}

.main-header .navbar-nav .nav-link:hover,
.main-header .navbar-nav .nav-link.active {
  color: var(--primary-yellow, #ffbf00) !important;
}

/* Neutralise accidental nested header markup */
.main-header .main-header {
  position: static !important;
  width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.main-header .main-header::before,
.main-header .main-header::after {
  content: none !important;
  display: none !important;
}

/* One consistent hero image across the site */
.hero,
.detail-hero,
.about-hero,
.seo-hero-section,
.destination-hero,
.tour-hero,
.intl-hero,
.international-hero {
  background:
    linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)),
    url("images/vehicles/vehiclebg.webp") center center / cover no-repeat !important;
  color: #ffffff !important;
}

.vehicle-hero {
  background:
    linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),
    url("images/vehicles/vehiclebg.webp") center center / cover no-repeat !important;
  color: #ffffff !important;
}

.vehicle-hero-media {
  opacity: 1 !important;
  background:
    url("images/vehicles/vehiclebg.webp") center 58% / cover no-repeat !important;
}

.hero::before,
.detail-hero::before,
.about-hero::before,
.seo-hero-section::before,
.destination-hero::before,
.tour-hero::before,
.intl-hero::before,
.international-hero::before {
  content: none !important;
  display: none !important;
}

.hero h1,
.hero h2,
.about-hero h1,
.about-hero h2,
.detail-hero h1,
.detail-hero h2,
.seo-hero-section h1,
.seo-hero-section h2,
.destination-hero h1,
.tour-hero h1,
.intl-hero h1,
.international-hero h1 {
  color: #ffffff !important;
}

.hero p,
.hero .lead,
.hero .lead-para,
.about-hero p,
.detail-hero p,
.seo-hero-section p,
.seo-hero-section .lead,
.destination-hero p,
.tour-hero p,
.intl-hero p,
.international-hero p {
  color: rgba(255, 255, 255, 0.90) !important;
}

/* Header overlap fix: keep the global glass header sticky and in document flow.
   The shared style.css handles the hero-under-glass effect without covering headings. */


/* Sharp containers, controls, buttons and decorative shapes */
.card,
[class*="card"],
[class*="box"],
[class*="panel"],
[class*="badge"],
[class*="tag"],
[class*="pill"],
.btn,
[class*="btn"],
button,
.form-control,
.form-select,
.input-group-text,
.dropdown-menu,
.dropdown-item,
.modal-content,
.modal-header,
.modal-body,
.alert,
.accordion-item,
.accordion-button,
.nav-pills .nav-link,
.pagination .page-link,
.toast,
.tooltip-inner,
.popover,
.carousel,
.carousel-item,
.carousel-item img,
img,
table,
thead,
tbody,
tr,
td,
th {
  border-radius: 0 !important;
}

/* Keep loaders functional */
.loading,
.spinner,
.spinner-border,
.spinner-grow {
  border-radius: 50% !important;
}

@media (max-width: 991.98px) {
  .main-header,
  .main-header.scrolled,
  .main-header.sticky {
    background: rgba(12, 16, 20, 0.84) !important;
    background-color: rgba(12, 16, 20, 0.84) !important;
    -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
    backdrop-filter: blur(18px) saturate(140%) !important;
  }

  .main-header .navbar-collapse {
    margin-top: 12px;
    padding: 14px;
    background: rgba(12, 16, 20, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 0 !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
  }

  @supports selector(body:has(.hero)) {
    body:has(.hero) .hero,
    body:has(.about-hero) .about-hero,
    body:has(.seo-hero-section) .seo-hero-section,
    body:has(.destination-hero) .destination-hero,
    body:has(.tour-hero) .tour-hero,
    body:has(.intl-hero) .intl-hero,
    body:has(.international-hero) .international-hero {
      padding-top: 8.5rem !important;
    }

    body:has(.vehicle-hero) .vehicle-hero-content,
    body:has(.detail-hero) .detail-hero-grid {
      padding-top: 125px !important;
    }
  }
}