/* Dedicated visual system for the Dubai to Oman cross-border landing page. */
.oman-page { --oman-ink:#132f3b; --oman-muted:#6c7b80; --oman-gold:#d7a83a; --oman-gold-dark:#9b731d; --oman-cream:#f7f5ef; --oman-line:#e5e8e4; background:var(--oman-cream); color:var(--oman-ink); }
.oman-page #main_page { background:var(--oman-cream); overflow:hidden; }
.oman-page .navbar { z-index:20; }
.oman-page .oman-section { padding:104px 0; }
.oman-page .container { max-width:1180px; }
.oman-eyebrow { color:var(--oman-gold-dark); display:block; font-size:11px; font-weight:800; letter-spacing:.22em; line-height:1.3; margin-bottom:15px; text-transform:uppercase; }
.oman-section-heading { margin:0 auto 48px; max-width:680px; text-align:center; }
.oman-section-heading h2,.oman-split__content h2,.oman-season__content h2,.oman-cta h2 { color:var(--oman-ink); font-size:clamp(2.1rem,4vw,3.45rem); font-weight:800; letter-spacing:-.055em; line-height:1.05; margin:0 0 16px; }
.oman-section-heading p,.oman-split__content p,.oman-season__content p,.oman-cta p { color:var(--oman-muted); font-size:17px; line-height:1.72; margin-bottom:0; }

.oman-hero { background:#17333e; min-height:710px; overflow:hidden; position:relative; }
.oman-hero__image { background:url('../assets/images/oman_transfers/oman_transfer_service_banner.webp') center center / cover no-repeat; inset:0; position:absolute; }
.oman-hero__veil { background:linear-gradient(90deg,rgba(9,30,38,.94) 0%,rgba(9,30,38,.76) 38%,rgba(9,30,38,.08) 100%),linear-gradient(0deg,rgba(7,28,35,.65),transparent 42%); inset:0; position:absolute; }
.oman-hero__content { align-items:flex-end; display:flex; justify-content:space-between; min-height:710px; padding-bottom:86px; padding-top:160px; position:relative; }
.oman-hero__copy { max-width:650px; }
.oman-hero .oman-eyebrow { color:#e6bd61; }
.oman-hero h1 { color:#fff; font-size:clamp(3.2rem,6.7vw,6.7rem); font-weight:800; letter-spacing:-.075em; line-height:.94; margin:0; }
.oman-hero h1 em { color:#e6bd61; font-style:normal; }
.oman-hero p { color:rgba(255,255,255,.82); font-size:19px; line-height:1.6; margin:25px 0 32px; max-width:535px; }
.oman-hero__actions,.oman-cta__actions { align-items:center; display:flex; flex-wrap:wrap; gap:13px; }
.oman-button { align-items:center; border:1px solid transparent; border-radius:999px; display:inline-flex; font-size:14px; font-weight:800; gap:18px; justify-content:center; min-height:52px; padding:13px 22px 13px 25px; text-decoration:none; transition:transform .2s ease,background .2s ease,color .2s ease; }
.oman-button:hover,.oman-button:focus { text-decoration:none; transform:translateY(-2px); }
.oman-button span { font-size:20px; line-height:1; }
.oman-button--gold { background:var(--oman-gold); color:#152f38; }
.oman-button--gold:hover,.oman-button--gold:focus { background:#ebc563; color:#152f38; }
.oman-button--quiet { border-color:rgba(255,255,255,.4); color:#fff; }
.oman-button--quiet:hover,.oman-button--quiet:focus { background:rgba(255,255,255,.14); color:#fff; }
.oman-hero__route { border-left:1px solid rgba(255,255,255,.45); color:#fff; margin-bottom:9px; min-width:220px; padding:7px 0 7px 25px; }
.oman-hero__route span,.oman-hero__route small { color:rgba(255,255,255,.62); display:block; font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.oman-hero__route strong { display:block; font-size:24px; font-weight:700; margin:7px 0; }
.oman-hero__route strong i { border-bottom:1px solid #e6bd61; display:inline-block; margin:0 12px 5px; width:32px; }

.oman-proof { background:#fff; border-bottom:1px solid var(--oman-line); }
.oman-proof__grid { display:grid; grid-template-columns:repeat(3,1fr); }
.oman-proof__grid > div { min-height:126px; padding:32px 35px 30px 0; }
.oman-proof__grid > div + div { border-left:1px solid var(--oman-line); padding-left:35px; }
.oman-proof__icon { color:var(--oman-gold-dark); display:block; font-size:11px; font-weight:800; letter-spacing:.15em; margin-bottom:8px; }
.oman-proof strong,.oman-proof small { display:block; }
.oman-proof strong { font-size:17px; }
.oman-proof small { color:var(--oman-muted); font-size:14px; line-height:1.5; margin-top:5px; }

.oman-intro { background:var(--oman-cream); }
.oman-split { align-items:center; display:grid; gap:clamp(45px,8vw,120px); grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); }
.oman-image-frame { position:relative; }
.oman-image-frame img { border-radius:2px; display:block; height:auto; object-fit:cover; position:relative; width:100%; z-index:1; }
.oman-image-frame:before { border:1px solid var(--oman-gold); content:''; height:100%; left:16px; position:absolute; top:16px; width:100%; z-index:0; }
.oman-image-note { background:var(--oman-ink); bottom:-1px; color:#fff; font-size:13px; font-style:italic; left:0; padding:13px 17px; position:absolute; z-index:2; }
.oman-split__content { max-width:490px; }
.oman-split__content p + p { margin-top:13px; }
.oman-text-link,.oman-vehicle-card__body > a { color:var(--oman-ink); display:inline-flex; font-size:14px; font-weight:800; gap:15px; margin-top:27px; text-decoration:none; }
.oman-text-link:hover,.oman-text-link:focus,.oman-vehicle-card__body > a:hover,.oman-vehicle-card__body > a:focus { color:var(--oman-gold-dark); text-decoration:none; }
.oman-text-link span,.oman-vehicle-card__body > a span { color:var(--oman-gold-dark); font-size:19px; line-height:.8; }

.oman-fleet { background:#fff; }
.oman-fleet__grid { display:grid; gap:20px; grid-template-columns:repeat(4,1fr); }
.oman-vehicle-card { background:#fff; border:1px solid var(--oman-line); display:flex; flex-direction:column; min-width:0; transition:box-shadow .25s ease,transform .25s ease; }
.oman-vehicle-card:hover { box-shadow:0 18px 40px rgba(19,47,59,.12); transform:translateY(-5px); }
.oman-vehicle-card__image { align-items:center; background:#f6f8f6; display:flex; height:170px; justify-content:center; overflow:hidden; padding:15px; }
.oman-vehicle-card__image img { height:100%; mix-blend-mode:multiply; object-fit:contain; width:100%; }
.oman-vehicle-card__body { display:flex; flex:1; flex-direction:column; padding:26px 23px 25px; }
.oman-card-label { color:var(--oman-gold-dark); font-size:10px; font-weight:800; letter-spacing:.15em; }
.oman-vehicle-card h3 { color:var(--oman-ink); font-size:20px; letter-spacing:-.03em; line-height:1.1; margin:10px 0; }
.oman-vehicle-card h3 small { color:var(--oman-muted); display:block; font-size:13px; font-weight:500; margin-top:3px; }
.oman-vehicle-card p { color:var(--oman-muted); font-size:14px; line-height:1.55; margin:0; }
.oman-vehicle-meta { border-bottom:1px solid var(--oman-line); border-top:1px solid var(--oman-line); display:flex; gap:15px; margin-top:19px; padding:13px 0; }
.oman-vehicle-meta span { color:var(--oman-muted); font-size:11px; line-height:1.35; text-transform:uppercase; }
.oman-vehicle-meta b { color:var(--oman-ink); display:block; font-size:17px; }
.oman-vehicle-card__body > a { margin-top:auto; padding-top:21px; }

.oman-dark { background:var(--oman-ink); }
.oman-section-heading--light h2 { color:#fff; }
.oman-section-heading--light p { color:rgba(255,255,255,.68); }
.oman-section-heading--light .oman-eyebrow { color:#e6bd61; }
.oman-benefits { display:grid; grid-template-columns:repeat(4,1fr); }
.oman-benefits > div { border-left:1px solid rgba(255,255,255,.2); padding:5px 28px 4px; }
.oman-benefits > div:first-child { border-left:0; padding-left:0; }
.oman-benefits span,.oman-needs article > span { color:#e6bd61; font-size:11px; font-weight:800; letter-spacing:.16em; }
.oman-benefits h3,.oman-needs h3 { color:#fff; font-size:18px; letter-spacing:-.02em; line-height:1.2; margin:13px 0 9px; }
.oman-benefits p { color:rgba(255,255,255,.67); font-size:14px; line-height:1.6; margin:0; }

.oman-needs { background:#f1f3ef; }
.oman-needs__grid { display:grid; gap:14px; grid-template-columns:repeat(4,1fr); }
.oman-needs article { background:#fff; min-height:218px; padding:27px 25px; }
.oman-needs article h3 { color:var(--oman-ink); }
.oman-needs article p { color:var(--oman-muted); font-size:14px; line-height:1.65; margin:0; }

.oman-season { background:#fff; }
.oman-season__inner { align-items:stretch; display:grid; grid-template-columns:.92fr 1.08fr; }
.oman-season__image img { display:block; height:100%; min-height:515px; object-fit:cover; width:100%; }
.oman-season__content { background:var(--oman-ink); padding:67px 7%; }
.oman-season__content h2 { color:#fff; max-width:440px; }
.oman-season__content > .oman-eyebrow { color:#e6bd61; }
.oman-season__item { border-top:1px solid rgba(255,255,255,.2); margin-top:33px; padding-top:22px; }
.oman-season__item strong { color:#fff; display:block; font-size:18px; }
.oman-season__item strong small { color:#e6bd61; display:block; font-size:11px; letter-spacing:.13em; margin-top:7px; text-transform:uppercase; }
.oman-season__item p { color:rgba(255,255,255,.68); font-size:14px; line-height:1.65; margin-top:10px; }

.oman-notice { background:#e4ede8; padding:26px 0; }
.oman-notice__inner { align-items:flex-start; display:flex; gap:17px; max-width:880px !important; }
.oman-notice__mark { align-items:center; background:var(--oman-gold); border-radius:50%; color:var(--oman-ink); display:flex; flex:0 0 24px; font-weight:800; height:24px; justify-content:center; margin-top:2px; }
.oman-notice strong { color:var(--oman-ink); display:block; font-size:14px; }
.oman-notice p { color:#5d706d; font-size:14px; line-height:1.5; margin:4px 0 0; }

.oman-faq { background:var(--oman-cream); }
.oman-faq__list { border-top:1px solid var(--oman-line); margin:0 auto; max-width:900px; }
.oman-faq details { border-bottom:1px solid var(--oman-line); }
.oman-faq summary { align-items:center; color:var(--oman-ink); cursor:pointer; display:flex; font-size:18px; font-weight:700; justify-content:space-between; list-style:none; padding:23px 0; }
.oman-faq summary::-webkit-details-marker { display:none; }
.oman-faq summary span { color:var(--oman-gold-dark); font-size:28px; font-weight:400; line-height:1; margin-left:20px; }
.oman-faq details[open] summary span { transform:rotate(45deg); }
.oman-faq details p { color:var(--oman-muted); font-size:15px; line-height:1.7; margin:-2px 50px 24px 0; max-width:760px; }

.oman-cta { background:#173e4b; padding:76px 0; }
.oman-cta__inner { align-items:center; display:flex; gap:60px; justify-content:space-between; }
.oman-cta .oman-eyebrow { color:#e6bd61; }
.oman-cta h2 { color:#fff; font-size:clamp(2.1rem,4vw,3.5rem); max-width:560px; }
.oman-cta p { color:rgba(255,255,255,.7); max-width:570px; }
.oman-cta__actions { flex:0 0 auto; }
.oman-cta__phone { color:rgba(255,255,255,.8); display:block; font-size:13px; margin-top:13px; text-align:center; text-decoration:none; }
.oman-cta__phone:hover,.oman-cta__phone:focus { color:#fff; }

@media (max-width:991px) {
    .oman-page .oman-section { padding:78px 0; }
    .oman-hero,.oman-hero__content { min-height:650px; }
    .oman-fleet__grid { grid-template-columns:repeat(2,1fr); }
    .oman-benefits,.oman-needs__grid { grid-template-columns:repeat(2,1fr); row-gap:35px; }
    .oman-benefits > div:nth-child(3) { border-left:0; padding-left:0; }
    .oman-season__content { padding:50px 7%; }
}
@media (max-width:767px) {
    .oman-page .oman-section { padding:62px 0; }
    .oman-hero,.oman-hero__content { min-height:650px; }
    .oman-hero__image { background-position:62% center; }
    .oman-hero__veil { background:linear-gradient(90deg,rgba(9,30,38,.92),rgba(9,30,38,.52)),linear-gradient(0deg,rgba(7,28,35,.78),transparent 65%); }
    .oman-hero__content { align-items:flex-start; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:52px; padding-top:125px; }
    .oman-hero h1 { font-size:clamp(3rem,14vw,4.8rem); }
    .oman-hero p { font-size:17px; }
    .oman-hero__route { margin-top:42px; }
    .oman-proof__grid { display:block; padding-bottom:12px; padding-top:12px; }
    .oman-proof__grid > div,.oman-proof__grid > div + div { border:0; min-height:0; padding:13px 0; }
    .oman-split { display:flex; flex-direction:column; gap:55px; }
    .oman-split__content { max-width:none; }
    .oman-image-frame { width:calc(100% - 16px); }
    .oman-fleet__grid,.oman-benefits,.oman-needs__grid { grid-template-columns:1fr; }
    .oman-benefits > div,.oman-benefits > div:nth-child(3),.oman-benefits > div:first-child { border-left:0; border-top:1px solid rgba(255,255,255,.2); padding:22px 0 0; }
    .oman-benefits > div:first-child { border-top:0; padding-top:0; }
    .oman-needs article { min-height:0; }
    .oman-season__inner { display:flex; flex-direction:column; }
    .oman-season__image img { min-height:245px; }
    .oman-season__content { padding:44px 25px; }
    .oman-faq summary { font-size:16px; padding:20px 0; }
    .oman-faq details p { margin-right:30px; }
    .oman-cta__inner { align-items:flex-start; flex-direction:column; gap:30px; }
    .oman-cta__actions { width:100%; }
    .oman-cta__actions .oman-button { width:100%; }
    .oman-cta__phone { text-align:left; }
}
