/* BESPOKE RIDES v7 — INNER PAGE STYLES (extends v7.css) */
/* page hero / breadcrumb */
.page-hero{position:relative;padding:calc(var(--nav-h) + 5rem) 0 4.5rem;text-align:center;
  background:radial-gradient(ellipse 70% 60% at 50% 20%, rgba(12,92,65,.28), transparent 62%),linear-gradient(180deg,#121212,#0B0B0B);
  border-bottom:1px solid var(--line);overflow:hidden}
.page-hero .container{position:relative;z-index:2;max-width:1000px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}
.breadcrumb{font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:1.6rem;display:flex;gap:.6rem;justify-content:center;align-items:center}
.breadcrumb a{color:var(--gold);transition:color .3s}
.breadcrumb a:hover{color:var(--cream)}
.breadcrumb span{color:var(--muted)}
.page-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:1.08;letter-spacing:-.5px;color:var(--cream);margin-bottom:1.4rem;text-transform:capitalize}
.page-hero h1 em{font-style:italic;color:var(--gold)}
.section-sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,1.9vw,1.4rem);color:var(--body);max-width:52ch;margin:0 auto;line-height:1.6;text-transform:capitalize}

/* generic content sections */
.container{max-width:1500px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}
section{padding:clamp(4.5rem,8vw,7rem) 0;position:relative}
section > .container > h2,.section-head h2{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,4vw,3.2rem);color:var(--cream);line-height:1.15;letter-spacing:-.3px;text-transform:capitalize}
.section-head{text-align:center;max-width:60ch;margin:0 auto clamp(3rem,5vw,4rem)}
.section-head p,.section-sub{color:var(--body)}
.kicker{display:inline-block;font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem}

/* card grids (country, feature, service) */
.country-grid,.fleet-grid,.svc-grid,.corp-grid,.feature-grid{display:grid;gap:clamp(1.2rem,2.2vw,1.8rem)}
.country-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important}
.fleet-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.svc-grid,.feature-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.country,.feature,.car,.svc,.quote{background:var(--onyx-2);border:1px solid var(--line);border-radius:4px;padding:2rem 1.8rem;transition:border-color .5s var(--ease),transform .5s var(--ease)}
.country:hover,.feature:hover,.car:hover,.svc:hover{border-color:var(--gold-soft);transform:translateY(-4px)}
.country h3,.feature h3,.car h3,.svc h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;color:var(--cream);margin-bottom:.6rem;text-transform:capitalize}
.cities,.svc-num{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:block}
.country p,.feature p,.car p,.svc p{font-size:.92rem;line-height:1.7;color:var(--body)}
.svc-num{font-family:var(--serif);font-style:italic;font-size:1.3rem;letter-spacing:0}

/* CTA band */
.cta-band{background:linear-gradient(135deg,#0A4231,var(--emerald) 55%,var(--emerald-2));color:var(--cream);border-top:1px solid var(--gold-soft);border-bottom:1px solid var(--gold-soft)}
.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.cta-band h2{color:var(--cream)!important;font-family:var(--serif);font-weight:400!important;font-size:clamp(1.7rem,3.2vw,2.4rem)!important;text-transform:capitalize}
.cta-band p{color:rgba(239,235,226,.85);margin-top:.5rem}
.cta-band .btn{background:var(--gold);color:var(--onyx);border:none}
.cta-band .btn:hover{background:var(--gold-2);color:var(--onyx)}

/* marquee */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.6rem 0;background:var(--onyx-2)}
.marquee-track{display:flex;gap:2rem;white-space:nowrap;animation:marq 30s linear infinite;font-family:var(--serif);font-size:1.3rem;letter-spacing:1px;color:var(--cream);text-transform:uppercase}
.marquee-track i{color:var(--gold);font-style:normal;margin:0 .6rem}
@keyframes marq{to{transform:translateX(-50%)}}

/* FAQ */
.faq-item{border:1px solid var(--line);border-radius:4px;margin-bottom:1rem;background:var(--onyx-2);transition:border-color .4s var(--ease),background .4s var(--ease)}\n.faq-item:hover{border-color:var(--gold-soft)}\n.faq-item.open{border-color:var(--gold-soft);background:var(--onyx-3)}
.faq-q{padding:1.4rem 1.6rem;font-family:var(--serif);font-size:1.2rem;color:var(--cream);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;text-transform:capitalize;width:100%;background:none;border:none;text-align:left}
.faq-q::after{content:'';width:9px;height:9px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);transition:transform .4s var(--ease);flex-shrink:0;margin-top:-4px}
.faq-item.open .faq-q::after{transform:rotate(-135deg);margin-top:4px}\n.faq-q:hover{color:var(--gold)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.faq-a p{padding:0 1.6rem 1.5rem;color:var(--body);line-height:1.8}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* sticky mobile call bar */
.sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;display:none;gap:1px;background:var(--line)}
.sticky-bar a{flex:1;text-align:center;padding:1rem;font-size:.75rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;background:var(--onyx-2);color:var(--cream)}
.sticky-call{color:var(--gold)!important}
.sticky-wa{background:var(--emerald)!important;color:var(--cream)!important}
@media(max-width:768px){.sticky-bar{display:flex}}

/* progress bar */
.progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);z-index:200;width:0;transition:width .1s}

/* hide old intro emblem splash + old nav that we replace */
.intro,.intro-inner{display:none!important}

/* misc old helpers that may appear */
.stat b,.trust-item b{font-family:var(--serif);color:var(--gold)}
.corp-grid{grid-template-columns:1fr auto;align-items:center}
@media(max-width:768px){.corp-grid,.cta-band .container{grid-template-columns:1fr;text-align:center}.country-grid{grid-template-columns:1fr!important}}

/* FORM CARD */
.two-col{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:start}
@media(max-width:900px){.two-col{grid-template-columns:1fr;gap:2.5rem}}
.checklist{list-style:none;margin:1.8rem 0 0;display:grid;gap:.9rem}
.checklist li{display:flex;gap:1rem;align-items:baseline;font-size:.96rem;color:var(--body);line-height:1.5}
.checklist li::before{content:'';width:16px;height:1px;background:var(--gold);flex-shrink:0;transform:translateY(-5px)}
.form-card{background:linear-gradient(160deg,var(--onyx-3),var(--onyx-2));border:1px solid var(--gold-soft);border-radius:4px;padding:2.4rem 2.2rem 2.6rem;box-shadow:0 40px 90px rgba(0,0,0,.55)}
.form-card h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;color:var(--cream);margin-bottom:.4rem;text-transform:capitalize}
.field{margin-bottom:1.3rem}
.field label{display:block;font-size:.58rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}
.field input,.field select,.field textarea{width:100%;background:#0A0A0A;border:1px solid var(--line);border-radius:2px;padding:14px 15px;color:var(--cream);font-family:var(--sans);font-size:.94rem;font-weight:300;transition:all .4s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);background:#0E0E0E}
.field input::placeholder,.field textarea::placeholder{color:#55524C}
.field textarea{min-height:90px;resize:vertical;line-height:1.6}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media(max-width:560px){.field-row{grid-template-columns:1fr}}
.btn-emerald{background:linear-gradient(135deg,#0A4231,var(--emerald));color:var(--cream);border:none;margin-top:.5rem}
.btn-emerald:hover{background:linear-gradient(135deg,var(--emerald-3),#0A4231);color:var(--cream);transform:translateY(-2px);box-shadow:0 16px 36px rgba(7,53,39,.4)}

.services .container > .two-col{padding:0}

/* INNER SPACING */
section{padding:clamp(5rem,9vw,8rem) 0}
.country-grid,.fleet-grid,.svc-grid,.feature-grid{gap:clamp(1.4rem,2.4vw,2rem)}
.two-col{gap:clamp(2.5rem,5vw,4.5rem)}
.section-head{margin-bottom:clamp(3rem,5vw,4rem)}
.country,.feature,.car,.svc{padding:clamp(1.8rem,2.5vw,2.2rem)}
.cta-band{padding:clamp(4rem,7vw,6rem) 0}
.page-hero{padding-bottom:clamp(3.5rem,6vw,5rem)}
.checklist{gap:1rem}

/* HERO CTA PAIR */
.page-hero .btn{margin:.6rem .7rem 0}
.page-hero .container{display:flex;flex-direction:column;align-items:center}
.page-hero .container > *{width:auto}
.page-hero .btn-primary,.page-hero .btn-wa{margin-top:2rem}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--onyx);border:none;padding:16px 40px;letter-spacing:2px}
.btn-primary:hover{background:var(--gold-2);transform:translateY(-3px);box-shadow:0 16px 40px rgba(212,175,55,.35)}
.btn-wa{padding:16px 40px;letter-spacing:2px}
.btn-wa:hover{background:linear-gradient(135deg,#0A4231,var(--emerald));border-color:var(--emerald-3);color:#fff;transform:translateY(-3px);box-shadow:0 16px 40px rgba(7,53,39,.4)}

/* space the two hero buttons apart clearly */
.page-hero .container{gap:.4rem}
.page-hero .btn-primary + .btn-wa{margin-left:1.6rem}
@media(max-width:560px){.page-hero .btn-primary + .btn-wa{margin-left:0;margin-top:1rem}}

/* hide literal + span, use arrow only */
.faq-q > span{display:none}

/* INNER BTN 3D */
.btn-emerald{background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,.10)),linear-gradient(135deg,#0A4231,#073527);box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 -1px 0 rgba(0,0,0,.22) inset,0 6px 16px rgba(0,0,0,.34)}
.btn-emerald:hover{background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.08)),linear-gradient(135deg,#0C5C41,#0A4231)}
.btn-primary{background-image:linear-gradient(180deg,rgba(255,255,255,.16),rgba(0,0,0,.08)),linear-gradient(135deg,var(--gold),var(--gold-2));box-shadow:0 1px 0 rgba(255,255,255,.26) inset,0 -1px 0 rgba(0,0,0,.22) inset,0 6px 16px rgba(0,0,0,.34)}
.btn-wa{background-image:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.14));text-shadow:0 1px 2px rgba(0,0,0,.55);box-shadow:0 6px 16px rgba(0,0,0,.3)}
.btn-primary:active,.btn-wa:active,.btn-emerald:active{transform:translateY(1px)}

.btn-emerald{color:var(--cream);text-shadow:0 1px 2px rgba(0,0,0,.4)}