/* VeoBooker — calmer type scale + Home layout polish (CSS only; no markup/JS/booking changes) */

/* ---------- Type scale (site-wide) ---------- */
body .navbar.navbar .nav-link{font-size:15.5px}
body .navbar.navbar .dropdown-item{font-size:15px}

body .hero__title.hero__title{font-size:clamp(32px,2.2vw + 18px,52px);line-height:1.12;letter-spacing:-.01em}
body .hero__title-accent.hero__title-accent{font-size:1.18em}
body .hero__subtitle.hero__subtitle p{font-size:clamp(16px,.4vw + 13px,18px);line-height:1.6}

body .car-listing__overline.car-listing__overline,
body .info-section__overline.info-section__overline,
body .section-heading__overline.section-heading__overline,
body .site-footer__cta-overline.site-footer__cta-overline{font-size:13px;line-height:1.4;letter-spacing:.28em;margin-bottom:14px;color:#db6734}

body .car-listing__title.car-listing__title,
body .info-section__title.info-section__title,
body .section-heading__title.section-heading__title{font-size:clamp(28px,1.6vw + 16px,40px);line-height:1.15;margin-bottom:18px;letter-spacing:-.005em}
body .car-listing__title-accent.car-listing__title-accent,
body .info-section__title-accent.info-section__title-accent,
body .section-heading__title-accent.section-heading__title-accent,
body .about-us__title-accent.about-us__title-accent{font-size:1.2em;line-height:1}

body .car-listing__subtitle.car-listing__subtitle p,
body .section-heading__subtitle.section-heading__subtitle,
body .info-section__text.info-section__text p{font-size:clamp(15px,.3vw + 13px,17px);line-height:1.7;color:rgba(255,255,255,.72)}
body .car-listing__subtitle.car-listing__subtitle p,
body .section-heading__subtitle.section-heading__subtitle{max-width:720px;margin-left:auto;margin-right:auto}

body .btn.btn,body .btn-outline-vb.btn-outline-vb{font-size:15px;padding-top:14px;padding-bottom:14px}
body .hero__submit.hero__submit{font-size:16px}

/* Section rhythm */
body .car-listing.car-listing{padding-bottom:88px}
body .info-section.info-section,body .locations.locations,body .featured-cars.featured-cars,body .faq.faq{padding-top:96px;padding-bottom:96px}
body .testimonials.testimonials{padding-top:96px;padding-bottom:96px}

/* Counters */
body .counters.counters{padding-top:48px;padding-bottom:48px;border-top:1px solid #1b2133;border-bottom:1px solid #1b2133}
body .counters__value.counters__value{font-size:clamp(30px,1.4vw + 18px,44px);line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums}
body .counters__label.counters__label{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* Testimonials / locations / FAQ */
body .testimonials__author-name.testimonials__author-name{font-size:17px}
body .testimonials__author-rating.testimonials__author-rating{font-size:15px}
body .locations__card-title.locations__card-title{font-size:19px}
body .locations__card-text.locations__card-text{font-size:14.5px;line-height:1.55}
body .faq.faq .accordion-button{font-size:clamp(16px,.3vw + 14px,18px);padding-top:18px;padding-bottom:18px}
body .faq.faq .accordion-body{font-size:15.5px;line-height:1.7}

/* Footer */
body .site-footer__cta-title.site-footer__cta-title{font-size:clamp(32px,1.8vw + 18px,48px);line-height:1.1}
body .site-footer__cta-title-accent.site-footer__cta-title-accent{font-size:1.2em}
body .site-footer__heading.site-footer__heading{font-size:16px;letter-spacing:.02em}
body .site-footer__contact-item-value.site-footer__contact-item-value{font-size:17px}
body .site-footer.site-footer p:not(.site-footer__cta-overline){font-size:15px;line-height:1.65;letter-spacing:normal}
body .site-footer.site-footer p.copyright,body .site-footer.site-footer p.mb-0{font-size:14px}

/* ---------- Hero ---------- */
body .hero__scroll.hero__scroll{display:none}

/* Hero no longer forced to 860px: removes the big empty gap under the search */
body .hero.hero{height:auto;min-height:0}
body .hero__content.hero__content{padding-top:120px;padding-bottom:72px}
body .car-listing.car-listing{padding-top:72px}
@media (max-width:767.98px){body .hero__content.hero__content{padding-top:72px;padding-bottom:48px}}

@media (min-width:992px){
  /* search panel modelled on the PPC landing: wide, 3 rows, trust line + big button */
  body .hero__search.hero__search{
    display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);
    gap:14px 12px;padding:24px;max-width:1272px;margin-left:auto;margin-right:auto;
    background:rgba(2,5,15,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.08);border-radius:6px;
  }
  body .hero__search.hero__search .hero__search-row{display:contents}
  body .hero__search.hero__search .hero__search-row > div{width:auto;max-width:none;flex:none;padding:0;margin:0}
  body .hero__search.hero__search .hero__search-row:not(.hero__bottom) > div:nth-child(-n+3){grid-row:1}
  body .hero__search.hero__search .hero__search-row:not(.hero__bottom) > div:nth-child(n+4){grid-row:2}
  body .hero__search.hero__search .hero__search-row:not(.hero__bottom) > div:nth-child(3n+1){grid-column:1}
  body .hero__search.hero__search .hero__search-row:not(.hero__bottom) > div:nth-child(3n+2){grid-column:2}
  body .hero__search.hero__search .hero__search-row:not(.hero__bottom) > div:nth-child(3n){grid-column:3}
  body .hero__search.hero__search .hero__bottom > div{grid-column:3;grid-row:3;display:block;margin-left:0 !important}
  body .hero__search.hero__search .hero__field{margin:0}
  body .hero__search.hero__search .hero__submit{width:100%;height:60px;margin:0;font-size:18px;border-radius:0}
  body .hero__search.hero__search::after{content:"Free delivery \00B7  No surprise charges \00B7  Instant price";
    grid-column:1 / 3;grid-row:3;align-self:center;font-size:14px;color:rgba(255,255,255,.7);letter-spacing:.01em}
}

/* Testimonials: three whole cards side by side, equal height, inside the page width */
@media (min-width:992px){
  body .testimonials-slider.testimonials-slider{max-width:1272px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px}
  body .testimonials-slider.testimonials-slider .flickity-viewport{overflow:hidden}
  body .testimonials-slider.testimonials-slider .carousel-cell{width:calc(33.333% - 16px);margin:0 8px;height:100%}
  body .testimonials-slider.testimonials-slider .testimonials__card{height:100%}
}

/* ---------- The Story Behind… (info section) ---------- */
@media (min-width:992px){
  body .info-section.info-section .row{align-items:center}
  body .info-section__image-wrap.info-section__image-wrap{margin-bottom:0}
  body .info-section__textsecond.info-section__textsecond{margin-top:40px !important}
  body .info-section__cta.info-section__cta{text-align:left}
  body .info-section__cta.info-section__cta .btn{width:auto;display:inline-block;padding-left:40px;padding-right:40px}
  body .info-section__image-wrap.info-section__image-wrap img{width:100%;aspect-ratio:5/4;max-height:460px;min-height:0;height:auto;object-fit:cover;box-shadow:22px 22px 0 0 rgba(241,244,247,.07);border-radius:4px}
}
/* feature tiles: 1 column on phones, 2 from 576px; no more zig-zag offsets */
body .info-section__features.info-section__features{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}
body .info-section__feature.info-section__feature{margin:0 !important;padding:22px 22px 20px;border:1px solid #232a3d;border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));transition:border-color .2s}
body .info-section__feature.info-section__feature:hover{border-color:#db6734}
@media (min-width:576px){body .info-section__features.info-section__features{grid-template-columns:1fr 1fr;gap:16px}}
body .info-section__feature-icon.info-section__feature-icon{margin-bottom:14px}
body .info-section__feature-icon.info-section__feature-icon img{width:28px;height:28px}
body .info-section__feature-title.info-section__feature-title{font-size:18px;line-height:1.3;margin-bottom:8px}
body .info-section__feature-text.info-section__feature-text{font-size:15px;line-height:1.6;color:rgba(255,255,255,.68);margin-bottom:0}
body .info-section__textsecond.info-section__textsecond{font-size:15.5px;line-height:1.65;margin-bottom:24px;color:rgba(255,255,255,.72)}

/* Testimonials, locations, FAQ details */
body .testimonials__text.testimonials__text,
body .testimonials__text.testimonials__text p,
body .testimonials__text.testimonials__text strong{font-size:15.5px;line-height:1.7}
body .locations__card-text.locations__card-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:auto;max-height:none;overflow:hidden;color:rgba(255,255,255,.8)}
body .locations__card.locations__card{border-radius:6px}
body .faq.faq .accordion{max-width:920px;margin-left:auto;margin-right:auto}

/* Phones: tighter section rhythm */
@media (max-width:767.98px){
  body .car-listing.car-listing,body .info-section.info-section,body .locations.locations,
  body .featured-cars.featured-cars,body .faq.faq,body .testimonials.testimonials{padding-top:64px;padding-bottom:64px}
  body .counters.counters{padding-top:32px;padding-bottom:32px}
}

/* Hero photo readability: soft shade behind the headline + darker bottom (same idea as the PPC landing) */
body .hero.hero{position:relative;isolation:isolate}
body .hero.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 48% 30% at 50% 30%,rgba(2,5,15,.6),rgba(2,5,15,.3) 55%,transparent 80%),
  linear-gradient(180deg,rgba(2,5,15,.55) 0%,rgba(2,5,15,.25) 30%,rgba(2,5,15,.1) 55%,rgba(2,5,15,.35) 80%,rgba(2,5,15,.9) 100%)}
body .hero__content.hero__content{position:relative;z-index:1}
body .hero__title.hero__title,body .hero__subtitle.hero__subtitle{text-shadow:0 1px 3px rgba(0,0,0,.5),0 4px 28px rgba(0,0,0,.55)}
body .hero__title-accent.hero__title-accent{color:#ec7440;text-shadow:0 1px 2px rgba(0,0,0,.6),0 2px 18px rgba(0,0,0,.6)}
body .hero__subtitle.hero__subtitle p{font-weight:500}
@media (max-width:767.98px){
  body .hero.hero::before{background:linear-gradient(180deg,rgba(2,5,15,.72) 0%,rgba(2,5,15,.5) 30%,rgba(2,5,15,.3) 48%,rgba(2,5,15,.2) 70%,rgba(2,5,15,.85) 100%)}
}

/* ---------- Location / brand / category pages (RentCentric listing + SEO text) ---------- */
/* Hero: city/brand/category name is the big line, the page type becomes a small label (search results page excluded) */
body.vehicle-listing:not(.blog-page) .hero_small__title.hero_small__title{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:#ec7440;font-weight:500;margin-bottom:10px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
body.vehicle-listing:not(.blog-page) .hero_small__subtitle.hero_small__subtitle{font-size:clamp(34px,2.4vw + 16px,56px);line-height:1.1;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5),0 4px 28px rgba(0,0,0,.55)}
body.vehicle-listing:not(.blog-page) .car-listing--results.car-listing--results{padding-top:64px !important}
/* SEO text block under the cars */
body .listing-seo.listing-seo{padding-top:96px;padding-bottom:96px;border-top:1px solid #1b2133}
body .listing-seo__overline.listing-seo__overline{font-size:13px;line-height:1.4;letter-spacing:.28em;margin-bottom:14px;color:#db6734}
body .listing-seo__title.listing-seo__title{font-size:clamp(28px,1.6vw + 16px,40px);line-height:1.15;margin-bottom:16px}
body .listing-seo__title-accent.listing-seo__title-accent{font-size:1.2em;line-height:1}
body .listing-seo__lead.listing-seo__lead{font-size:clamp(15px,.3vw + 13px,17px);line-height:1.7;color:rgba(255,255,255,.72);max-width:680px;margin:0 auto 56px}
body .listing-seo__heading.listing-seo__heading{font-size:24px;line-height:1.25;margin-bottom:18px}
body .listing-seo__text.listing-seo__text,body .listing-seo__text.listing-seo__text p{font-size:16px;line-height:1.8;color:rgba(255,255,255,.78)}
body .listing-seo__text.listing-seo__text p{margin-bottom:1.1em}
body .listing-seo__text.listing-seo__text p:last-child{margin-bottom:0}
body .listing-seo__image.listing-seo__image img{width:100%;border-radius:6px;object-fit:cover}
@media (min-width:992px){
  body .listing-seo.listing-seo .row{align-items:flex-start}
  body .listing-seo__image.listing-seo__image{position:sticky;top:140px}
  body .listing-seo__image.listing-seo__image img{aspect-ratio:4/5;max-height:640px}
  body .listing-seo.listing-seo .col-lg-6 + .col-lg-6{padding-left:48px}
  body .listing-seo__text.listing-seo__text{max-width:62ch}
}
/* the closing paragraph becomes a framed "good to know" note instead of a full-width wall of text */
body .listing-seo__full.listing-seo__full{max-width:880px;margin:56px auto 0;padding:28px 32px;border:1px solid #232a3d;border-left:3px solid #db6734;border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));text-align:left !important}
body .listing-seo__full.listing-seo__full .listing-seo__text{max-width:none}
@media (max-width:767.98px){
  body .listing-seo.listing-seo{padding-top:64px;padding-bottom:64px}
  body .listing-seo__full.listing-seo__full{padding:22px 20px;margin-top:40px}
  body .listing-seo.listing-seo .listing-seo__heading,body .listing-seo.listing-seo .listing-seo__text{text-align:left}
  body .listing-seo__text.listing-seo__text,body .listing-seo__text.listing-seo__text p{font-size:15.5px;line-height:1.75}
}

/* Main menu: long dropdowns (Brands) get 6 rows and open to the left so they stay on screen */
@media (min-width:992px){
  body .site-header .navbar-nav .dropdown-menu.show:has(> li:nth-child(13)){grid-template-rows:repeat(6,auto)}
  body .site-header .navbar-nav .dropdown-menu:has(> li:nth-child(13))[data-bs-popper]{left:auto;right:0;transform:none}
}