/* ==========================================================
   Gilibuddy brand overrides (loaded after style.css)
   Brand navy:   #0b2648
   Brand orange: #ff751f
   ========================================================== */

:root {
    --gb-navy: #0b2648;
    --gb-orange: #ff751f;
}

/* Logo sizing */
.header-style-1 .logo-header .logo-header-inner img { max-height: 64px; width: auto; }
.logo-footer img { max-width: 220px; height: auto; }

/* "Book Now" item in the main menu */
.header-nav .nav > li.gb-nav-book > a {
    background-color: var(--gb-orange);
    color: #fff !important;
    border-radius: 30px;
    padding: 10px 22px !important;
    margin-left: 10px;
}
.header-nav .nav > li.gb-nav-book > a:hover { background-color: var(--gb-navy); }
@media (max-width: 991px) {
    .header-nav .nav > li.gb-nav-book > a { display: inline-block; margin: 10px 15px; }
}

/* Floating WhatsApp button */
.gb-wa-float {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 999;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
    transition: transform .2s ease;
}
.gb-wa-float:hover { color: #fff; transform: scale(1.08); }

/* Form validation hint */
.gb-invalid { border-color: #e5484d !important; box-shadow: 0 0 0 2px rgba(229, 72, 77, .2) !important; }

/* Icon-font facility icons (replace the old car icons) */
.twm-vehicle-facility li span i { color: var(--gb-orange); font-size: 18px; }

/* Booking page */
.gb-booking-box { background: #fff; border-radius: 20px; padding: 40px; box-shadow: 0 10px 40px rgba(11, 38, 72, .08); }
.gb-booking-box label { font-weight: 500; margin-bottom: 6px; color: var(--gb-navy); }
.gb-booking-box .form-control, .gb-booking-box .form-select { height: 52px; border-radius: 10px; }
.gb-booking-box textarea.form-control { height: auto; }
.gb-booking-note { background: #fff4ec; border-left: 4px solid var(--gb-orange); border-radius: 10px; padding: 20px 24px; margin-top: 30px; }
.gb-booking-note li { margin-bottom: 6px; }
@media (max-width: 575px) { .gb-booking-box { padding: 24px 16px; } }

/* Vertically align the Book Now pill with the other menu items */
@media (min-width: 992px) {
    .header-style-1 .header-nav .nav > li.gb-nav-book { padding: 25px 0; }
}

/* Prices like "IDR 60K" are longer than "$800" */
.twm-vehicle-fleet-large-bx .twm-price-section .v-price { font-size: 22px; line-height: 1.1; }
.twm-banner-product-price .v-price { white-space: nowrap; }

/* Footers: brand colours instead of the template placeholder photos */
.footer-dark { background: var(--gb-navy); }
.footer-light { background: #eef2f7; }

/* ---------- Booking pop-up (Pulau Rental) ---------- */
.gb-book-lock, .gb-book-lock body { overflow: hidden; }
.gb-book-modal { position: fixed; inset: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; padding: 16px; }
.gb-book-modal.is-open { display: flex; }
.gb-book-backdrop { position: absolute; inset: 0; background: rgba(11, 38, 72, .7); }
.gb-book-panel { position: relative; width: 100%; max-width: 480px; height: 92vh; max-height: 850px; background: #fff; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0, 0, 0, .35); }
.gb-book-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 10px 18px; border-bottom: 1px solid #eef2f7; }
.gb-book-head img { height: 34px; width: auto; }
.gb-book-close { border: 0; background: #f4f5f7; color: var(--gb-navy); width: 38px; height: 38px; border-radius: 50%; font-size: 24px; line-height: 1; cursor: pointer; }
.gb-book-close:hover { background: var(--gb-orange); color: #fff; }
.gb-book-panel iframe { flex: 1; width: 100%; border: 0; }
.gb-book-loading, [data-gb-booking-inline] .gb-book-loading { position: absolute; top: 60%; left: 0; right: 0; text-align: center; color: #565656; }
.gb-book-loading span { display: block; width: 34px; height: 34px; margin: 0 auto 10px; border: 3px solid #eef2f7; border-top-color: var(--gb-orange); border-radius: 50%; animation: gbspin .8s linear infinite; }
.is-loaded .gb-book-loading { display: none; }
@keyframes gbspin { to { transform: rotate(360deg); } }
@media (max-width: 575px) { .gb-book-modal { padding: 0; } .gb-book-panel { max-width: none; height: 100%; max-height: none; border-radius: 0; } }

/* Inline booking on booking.html */
.gb-booking-inline { position: relative; max-width: 520px; margin: 0 auto; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 40px rgba(11, 38, 72, .1); }
.gb-booking-inline iframe { display: block; width: 100%; height: 850px; border: 0; }

/* Fleet cards from the live feed */
.gb-card-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 16px; border-top: 1px solid #eef2f7; }
.gb-card-actions .gb-link { color: var(--gb-navy); font-weight: 500; }
.gb-card-actions .gb-link:hover { color: var(--gb-orange); }
.site-button.gb-sm { padding: 8px 22px; font-size: 14px; }
.twm-vehicle-fleet-bx2 .twm-media-pic img, .twm-vehicle-fleet-large-bx .twm-media-pic img { width: 100%; object-fit: cover; }
.twm-vehicle-fleet-bx2 .twm-media-pic img { aspect-ratio: 636 / 554; }
.twm-vehicle-fleet-large-bx .twm-media-pic img { aspect-ratio: 1296 / 660; }

/* Vehicle detail page: one main photo from the feed */
.gb-vehicle-page .twm-gallery-thumbs { display: none; }
.gb-vehicle-desc { white-space: normal; }

/* Home: quick booking strip */
.gb-quick-book { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; justify-content: space-between; }
.gb-quick-book .twm-s-section-title { margin-bottom: 6px; }
.gb-quick-book p { margin: 0; color: #565656; }
.gb-quick-book-points { list-style: none; padding: 0; margin: 0; display: flex; gap: 24px; flex-wrap: wrap; }
.gb-quick-book-points li { color: var(--gb-navy); font-weight: 500; }
.gb-quick-book-points i { color: var(--gb-orange); margin-right: 8px; }
@media (max-width: 991px) { .gb-quick-book { flex-direction: column; align-items: flex-start; } }

/* The big decorative "Ride Gili" text sat on top of the hero buttons and swallowed clicks */
.twm-bnr-lg-text, .twm-banner-overlay, .mask-circle-shape { pointer-events: none; }

/* Pricing boxes: fit "IDR 200K / day" on one line */
.twm-price-bx .twm-price { font-size: 30px; white-space: nowrap; }
.twm-price-bx .twm-price span { font-size: 16px; font-weight: 500; }

/* ---------- Header: logo, menu, Book Now ---------- */
@media (min-width: 992px) {
    .header-style-1 .logo-header { margin-right: 48px; }
    .header-style-1 .header-nav .nav > li > a { padding-left: 16px; padding-right: 16px; }
}
.gb-header-book { display: inline-block; background: var(--gb-orange); color: #fff !important; font-weight: 500; font-size: 16px; padding: 12px 28px; border-radius: 30px; white-space: nowrap; transition: background .2s ease; }
.gb-header-book:hover { background: var(--gb-navy); }
.light-hdr .gb-header-book:hover { background: #fff; color: var(--gb-navy) !important; }
@media (max-width: 991px) { .header-style-1 .extra-nav { display: none; } }

/* ---------- Vehicle cards: all the same size ---------- */
.gb-card { height: 100%; display: flex; flex-direction: column; }
.gb-card .twm-media-pic img { width: 100%; aspect-ratio: 700 / 610; object-fit: cover; display: block; }
.gb-card .twm-vehicle-fleet-content { flex: 1; display: flex; flex-direction: column; }
.gb-card .twm-v-title { min-height: 1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gb-card .gb-card-actions { margin-top: auto; }
.gb-card-col { display: flex; }
.gb-card-col > .gb-card { width: 100%; }

/* ---------- Home "Our Fleet" carousel ---------- */
.gb-fleet-carousel .owl-stage { display: flex; }
.gb-fleet-carousel .owl-item { display: flex; }
.gb-fleet-carousel .owl-item .item { width: 100%; display: flex; }
.gb-fleet-carousel .owl-item .gb-card { width: 100%; }
.gb-fleet-carousel .owl-nav { text-align: center; margin-top: 24px; }
.gb-fleet-carousel .owl-nav button { width: 44px; height: 44px; border-radius: 50% !important; background: var(--gb-orange) !important; color: #fff !important; margin: 0 6px; font-size: 20px !important; }
.gb-fleet-carousel .owl-nav button:hover { background: var(--gb-navy) !important; }
.gb-fleet-carousel .owl-nav button.disabled { opacity: .35; }
/* before the carousel starts (or without JS) show the cards side by side */
.gb-fleet-carousel:not(.owl-loaded) { display: flex; gap: 30px; overflow-x: auto; }
.gb-fleet-carousel:not(.owl-loaded) > .item { flex: 0 0 calc((100% - 60px) / 3); min-width: 260px; }

/* ---------- Booking page: booking fits the screen, no double scrolling ---------- */
.gb-booking-inline iframe { height: min(850px, calc(100vh - 120px)); min-height: 640px; }

/* Hero: keep "Your E-Scooter" on one line at every screen size */
.twm-home2-bnr .twm-banner-title em,
.twm-home2-bnr .twm-banner-title em span,
.twm-home2-bnr .twm-banner-title .txt-type,
.twm-home2-bnr .twm-banner-title .wrap { white-space: nowrap; }
@media (max-width: 575px) {
    .twm-home2-bnr .twm-banner-left-content-section .twm-banner-left-content .twm-banner-title em { font-size: min(50px, 8vw); }
}

/* Vehicle page: extra details */
.gb-v-headline { color: var(--gb-orange); font-size: 20px; font-weight: 600; margin: 4px 0 14px; }
.gb-v-intro { margin-top: 12px; }
.gb-good-to-know ul { list-style: none; padding: 0; margin: 0; }
.gb-good-to-know li { position: relative; padding: 12px 0 12px 32px; border-bottom: 1px solid #eef2f7; }
.gb-good-to-know li:last-child { border-bottom: 0; }
.gb-good-to-know li i { position: absolute; left: 0; top: 15px; color: var(--gb-orange); }
.gb-good-to-know .twm-title { font-size: 22px; font-weight: 600; margin-bottom: 16px; }

/* About photo: keep faces in view (photo is portrait) */
.twm-abus2-right-pic { background-position: center 45%; }
/* Keep the orange stripes at the edge so the team's faces stay clear */
.twm-abus2-right-pic:after, .twm-abus2-right-pic:before { width: 110px; opacity: .9; }
.twm-abus2-right-pic:before { right: 70px; }
.twm-abus2-right-pic:after { right: -40px; }

/* Gallery: customer photos are portrait, show them as tall tiles */
.gb-gallery-item .media img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; }

/* ---------- Home hero: full photo with dark gradient (instead of the washed-out template style) ---------- */
.twm-home2-bnr { background-position: center bottom; }
.twm-home2-bnr .twm-banner-overlay { background: linear-gradient(90deg, rgba(11,38,72,.85) 0%, rgba(11,38,72,.45) 42%, rgba(11,38,72,0) 70%); opacity: 1; mix-blend-mode: normal; }
.twm-home2-bnr .twm-banner-overlay .mask-circle-shape { display: none; }
.twm-home2-bnr .twm-banner-left-content .twm-banner-title { color: var(--gb-orange) !important; }
.twm-home2-bnr .twm-banner-left-content .twm-banner-title em,
.twm-home2-bnr .twm-banner-left-content .twm-banner-title > span,
.twm-home2-bnr .twm-bnr-discription { color: #fff !important; }
.twm-home2-bnr .twm-bnr-lg-text { display: none; }
.twm-home2-bnr .site-button-secondry { box-shadow: none; }
.twm-home2-bnr .twm-banner-left-content-section .twm-banner-left-content .twm-banner-title em span::before { background-color: var(--gb-orange); }
@media (max-width: 991px) {
    .twm-home2-bnr .twm-banner-overlay { background: linear-gradient(180deg, rgba(11,38,72,.75) 0%, rgba(11,38,72,.55) 60%, rgba(11,38,72,.25) 100%); }
}
/* Phones: the price badge would sit on top of the rider; the price is shown just below in the booking strip */
@media (max-width: 767px) { .twm-home2-bnr .twm-banner-product-price { display: none; } }

/* "How it works" video uses the same frame as the old photo */
.twm-how-it-work-wrap .twm-how-it-work-media .gb-hiw-video { display: block; width: 100%; height: 952px; object-fit: cover; border-radius: 0 0 100px 0; background: #0b2648; }
@media (max-width: 1199px) { .twm-how-it-work-wrap .twm-how-it-work-media .gb-hiw-video { height: 760px; } }
@media (max-width: 991px) { .twm-how-it-work-wrap .twm-how-it-work-media .gb-hiw-video { height: 480px; } }

/* Contact map: "Get Directions" button over the map */
.gb-map { position: relative; }
.gb-map-btn { position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 2; box-shadow: 0 6px 20px rgba(11,38,72,.25); white-space: nowrap; }
.gb-map-btn i { margin-right: 6px; }

/* Phones: show the full portrait version of the hero photo */
@media (max-width: 767px) { .twm-home2-bnr { background-image: url('../images/gilibuddy/hero-mobile.jpg?v=7cadafe9') !important; background-position: center bottom; } }

/* FAQ: one tall photo that stays in view next to the questions */
.gb-faq-photo { position: sticky; top: 120px; border-radius: 0 0 100px 0; overflow: hidden; }
.gb-faq-photo img { display: block; width: 100%; height: auto; max-height: calc(100vh - 150px); object-fit: cover; object-position: center 60%; }
@media (max-width: 991px) {
    .gb-faq-photo { position: static; border-radius: 0 0 60px 0; }
    .gb-faq-photo img { max-height: 360px; aspect-ratio: 4 / 3; }
}

/* ---------- Google reviews (home) ---------- */
.gb-reviews-section[hidden] { display: none !important; }
.gb-reviews { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 30px; align-items: stretch; }
.gb-reviews-summary { background: var(--gb-navy, #0b2648); color: #fff; padding: 40px 30px; border-radius: 0 0 60px 0; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.gb-reviews-score { font-size: 72px; font-weight: 700; line-height: 1; color: #fff; margin-bottom: 8px; }
.gb-reviews-summary p { color: rgba(255,255,255,.8); margin: 12px 0 24px; }
.gb-reviews-summary p strong { color: #fff; }
.gb-reviews-summary .gb-stars { font-size: 28px; }
.gb-reviews-all { color: #fff; text-decoration: underline; margin-top: 16px; font-size: 15px; }
.gb-reviews-all:hover { color: var(--gb-orange, #ff751f); }
.gb-powered { margin-top: 26px; font-size: 13px; color: rgba(255,255,255,.7); }
.gb-google { font-family: Arial, sans-serif; font-weight: 700; font-size: 15px; background: #fff; border-radius: 4px; padding: 1px 6px; margin-left: 4px; }
.gb-google b:nth-child(1), .gb-google b:nth-child(4) { color: #4285F4; }
.gb-google b:nth-child(2), .gb-google b:nth-child(6) { color: #EA4335; }
.gb-google b:nth-child(3) { color: #FBBC05; }
.gb-google b:nth-child(5) { color: #34A853; }
.gb-stars { --r: 5; display: inline-block; letter-spacing: 2px; font-size: 18px; line-height: 1; color: transparent;
    background: linear-gradient(90deg, #ff751f calc(var(--r) / 5 * 100%), #d5dbe3 0); -webkit-background-clip: text; background-clip: text; }
.gb-reviews-right { min-width: 0; display: flex; flex-direction: column; }
.gb-reviews-track { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; flex: 1; }
.gb-reviews-track::-webkit-scrollbar { display: none; }
.gb-review { flex: 0 0 calc((100% - 48px) / 3); scroll-snap-align: start; background: #fff; padding: 26px; border-radius: 0 0 40px 0; box-shadow: 0 6px 24px rgba(11,38,72,.07); display: flex; flex-direction: column; }
.gb-review header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.gb-review-avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: var(--gb-orange, #ff751f); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; flex: 0 0 44px; }
.gb-review-avatar img { width: 100%; height: 100%; object-fit: cover; }
.gb-review-name { font-weight: 700; color: var(--gb-navy, #0b2648); line-height: 1.3; }
.gb-review-name a { color: inherit; }
.gb-review-when { font-size: 13px; color: #7a8696; }
.gb-review-text { margin: 12px 0 14px; font-size: 15px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; flex: 1; }
.gb-review-more { font-size: 14px; font-weight: 600; color: var(--gb-orange, #ff751f); }
.gb-reviews-nav { display: flex; gap: 10px; justify-content: flex-end; margin-top: 20px; }
.gb-reviews-nav button { width: 46px; height: 46px; border: 0; background: var(--gb-navy, #0b2648); color: #fff; border-radius: 50%; cursor: pointer; transition: background .2s; }
.gb-reviews-nav button:hover { background: var(--gb-orange, #ff751f); }
.gb-reviews-noreviews .gb-reviews { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
.gb-reviews-noreviews .gb-reviews-right { display: none; }
@media (max-width: 1199px) { .gb-review { flex-basis: calc((100% - 24px) / 2); } }
@media (max-width: 991px) {
    .gb-reviews { grid-template-columns: 1fr; }
    .gb-reviews-summary { padding: 30px 24px; }
    .gb-reviews-score { font-size: 56px; }
}
@media (max-width: 575px) { .gb-review { flex-basis: 85%; } .gb-reviews-nav { justify-content: center; } }
.gb-reviews-summary .site-button { background-color: var(--gb-orange, #ff751f); color: #fff; }
.gb-reviews-summary .site-button:hover { background-color: #fff; color: var(--gb-navy, #0b2648); }

/* Inner page banner: soft navy shade on the left so the page title stays readable over the photo */
.wt-bnr-inr { position: relative; background-position: center 60%; }
.wt-bnr-inr::after { content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(11,38,72,.8) 0%, rgba(11,38,72,.45) 45%, rgba(11,38,72,.05) 75%); }
.wt-bnr-inr > .container, .wt-bnr-inr .wt-bnr-inr-entry { position: relative; z-index: 2; }
.wt-bnr-inr .banner-title-outer h2 { text-shadow: 0 2px 16px rgba(0,0,0,.35); }
@media (max-width: 767px) { .wt-bnr-inr::after { background: rgba(11,38,72,.5); } }

/* ---------- Language switcher (header) ---------- */
.gb-lang-cell { display: flex; align-items: center; margin-right: 14px; }
.gb-lang { position: relative; }
.gb-lang-btn { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 1px solid rgba(11,38,72,.18); color: var(--gb-navy); border-radius: 30px; padding: 8px 14px; font-size: 14px; font-weight: 600; line-height: 1; cursor: pointer; transition: border-color .2s, color .2s; }
.gb-lang-btn .fa-chevron-down { font-size: 10px; opacity: .7; }
.gb-lang-btn .feather-globe { font-size: 16px; }
.gb-lang-btn:hover, .gb-lang.open .gb-lang-btn { border-color: var(--gb-orange); color: var(--gb-orange); }
.header-style-1.hdr-transparent:not(.is-fixed) .gb-lang-btn { color: #fff; border-color: rgba(255,255,255,.5); }
.gb-lang-menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 190px; background: #fff; border-radius: 12px; box-shadow: 0 12px 34px rgba(11,38,72,.18); padding: 8px; margin: 0; list-style: none; z-index: 1000; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility .18s; }
.gb-lang.open .gb-lang-menu, .gb-lang:focus-within .gb-lang-menu { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) { .gb-lang:hover .gb-lang-menu { opacity: 1; visibility: visible; transform: none; } }
.gb-lang-menu li { margin: 0; padding: 0; }
.gb-lang-menu a { display: block; padding: 9px 14px; border-radius: 8px; color: var(--gb-navy); font-size: 15px; white-space: nowrap; }
.gb-lang-menu a:hover { background: #f3f5f8; color: var(--gb-orange); }
.gb-lang-menu a.active { font-weight: 700; color: var(--gb-orange); }
@media (max-width: 991px) {
    .gb-lang-cell { margin-right: 8px; }
    .gb-lang-btn { padding: 7px 10px; font-size: 13px; }
    .gb-lang-btn .fa-chevron-down { display: none; }
}
/* Phones/tablets: the header's right side is hidden by the template - keep just the language button, next to the menu icon */
@media (max-width: 991px) {
    .header-style-1 .main-bar .extra-nav.header-1-nav { display: block !important; position: absolute; right: 70px; top: 50%; transform: translateY(-50%); z-index: 20; }
    .header-style-1 .extra-nav .extra-cell.one { display: none; }
    .header-style-1 .extra-nav .gb-lang-cell { display: block; margin: 0; }
    .gb-lang-menu { right: -60px; }
}
@media (max-width: 991px) {
    .header-style-1 .main-bar .extra-nav.header-1-nav { display: flex !important; align-items: center; top: 0; bottom: 0; transform: none; padding: 0; margin: 0; }
    .header-style-1 .extra-nav .extra-cell { padding: 0; }
}

/* Korean/Japanese pages: keep words together when lines wrap */
:lang(ko) body { word-break: keep-all; }
:lang(ja) body { line-break: strict; }
/* Korean/Japanese/Chinese: upright headline, more line spacing, slightly smaller so the two lines never overlap */
:lang(ko) .twm-banner-title, :lang(ja) .twm-banner-title, :lang(zh) .twm-banner-title,
:lang(ko) .twm-banner-title *, :lang(ja) .twm-banner-title *, :lang(zh) .twm-banner-title * { font-style: normal !important; letter-spacing: 0 !important; }
:lang(ko) .twm-home2-bnr .twm-banner-title, :lang(ja) .twm-home2-bnr .twm-banner-title, :lang(zh) .twm-home2-bnr .twm-banner-title { font-size: min(76px, 9vw) !important; line-height: 1.3 !important; }
:lang(ko) .twm-home2-bnr .twm-banner-title em, :lang(ja) .twm-home2-bnr .twm-banner-title em, :lang(zh) .twm-home2-bnr .twm-banner-title em { display: inline-block; margin-bottom: 6px; }
:lang(zh) body { line-break: strict; }

/* Contact page big "Get In Touch" text (was an h1; now decorative so each page has one real H1) */
.twm-maskingtext .gb-mask { font-family: "Work Sans", sans-serif; font-weight: 700; font-size: 200px; line-height: 160px; display: inline-table; color: #000; margin: 0; }
@media (max-width: 1199px) { .twm-maskingtext .gb-mask { font-size: 100px; line-height: 80px; } }
@media (max-width: 768px) { .twm-maskingtext .gb-mask { font-size: 70px; line-height: 80px; } }
/* Headings changed from h2 to h1 for SEO - keep the same spacing */
h1.twm-banner-title, .banner-title-name h1.wt-title { margin-top: 0; }
@media (max-width: 767px) { .twm-maskingtext .gb-mask { font-size: 36px; line-height: normal; } }
@media (max-width: 480px) { .twm-maskingtext .gb-mask { font-size: 26px; } }
/* Vehicle name is now the page's H1 (sizes come from .twm-car-full-name) */
h1.twm-car-full-name { line-height: 1.2; }