﻿/* ═══════════════════════════════════════════════════════════════════
   PAGE-SERVICES — Exceptional Modern Design (.slcp-)
   ═══════════════════════════════════════════════════════════════════ */

/* ── Shared page wrapper ──────────────────────────────────────────── */
.slcp-wrap { overflow-x: hidden; }

/* ── Shared buttons ───────────────────────────────────────────────── */
.slc-btn-gold {
    display: inline-flex; align-items: center; gap: 8px;
    background: #F1B203; color: #0a0a0f;
    padding: 15px 32px; border-radius: 8px;
    font-weight: 700; font-size: .92rem;
    text-decoration: none;
    transition: background .2s, transform .2s, box-shadow .2s;
}
.slc-btn-gold:hover { background: #d4990a; color: #0a0a0f; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(241,178,3,.35); }

.slcp-btn-wa {
    display: inline-flex; align-items: center; gap: 8px;
    background: #25d366; color: #fff;
    padding: 15px 32px; border-radius: 8px;
    font-weight: 700; font-size: .92rem;
    text-decoration: none; transition: background .2s, transform .2s;
}
.slcp-btn-wa:hover { background: #1ebe5d; color: #fff; transform: translateY(-2px); }

/* ══════════════════════════════════════════════
   HERO — Cinematic full-screen
══════════════════════════════════════════════ */
.slcp-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #09090f;
    overflow: hidden;
}

/* animated vertical lines */
.slcp-hero__lines {
    position: absolute; inset: 0;
    pointer-events: none; overflow: hidden;
}
.slcp-hero__lines span {
    position: absolute; top: 0; bottom: 0; width: 1px;
    background: linear-gradient(to bottom, transparent 0%, rgba(241,178,3,.12) 30%, rgba(241,178,3,.12) 70%, transparent 100%);
}
.slcp-hero__lines span:nth-child(1) { left: 20%; }
.slcp-hero__lines span:nth-child(2) { left: 40%; opacity: .5; }
.slcp-hero__lines span:nth-child(3) { left: 60%; opacity: .5; }
.slcp-hero__lines span:nth-child(4) { left: 80%; }

/* gold radial glow */
.slcp-hero__glow {
    position: absolute;
    top: -200px; left: 50%;
    transform: translateX(-50%);
    width: 900px; height: 600px;
    background: radial-gradient(ellipse at center, rgba(241,178,3,.08) 0%, transparent 70%);
    pointer-events: none;
}
.slcp-hero__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to bottom, rgba(9,9,15,.85) 0%, rgba(9,9,15,.7) 60%, rgba(9,9,15,.95) 100%);
}

.slcp-hero__body {
    position: relative; z-index: 2;
    text-align: center;
    padding: 160px 0 80px;
}

/* gold pill tag */
.slcp-hero__tag {
    display: inline-flex; align-items: center; gap: 10px;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.25);
    color: #F1B203;
    padding: 8px 20px; border-radius: 4px;
    font-size: .7rem; font-weight: 800;
    letter-spacing: .16em; text-transform: uppercase;
    margin-bottom: 32px;
}

/* main heading */
.slcp-hero__h1 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2.8rem, 6vw, 5rem);
    font-weight: 900; line-height: 1.06;
    color: #fff; letter-spacing: -.02em;
    margin-bottom: 28px;
}
.slcp-hero__h1 em {
    color: #F1B203; font-style: normal;
    display: block;
}

.slcp-hero__lead {
    color: rgba(255,255,255,.55);
    font-size: 1rem; line-height: 1.85;
    max-width: 600px; margin: 0 auto 40px;
}

.slcp-hero__actions {
    display: flex; gap: 14px;
    justify-content: center; flex-wrap: wrap;
}
.slcp-hero__btn {
    display: inline-flex; align-items: center; gap: 9px;
    padding: 16px 36px; border-radius: 8px;
    font-weight: 700; font-size: .92rem;
    text-decoration: none; transition: all .22s;
    white-space: nowrap;
}
.slcp-hero__btn--gold  { background: #F1B203; color: #0a0a0f; }
.slcp-hero__btn--gold:hover  { background: #d4990a; color: #0a0a0f; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(241,178,3,.35); }
.slcp-hero__btn--ghost { background: transparent; color: rgba(255,255,255,.8); border: 1.5px solid rgba(255,255,255,.22); }
.slcp-hero__btn--ghost:hover { border-color: #F1B203; color: #F1B203; transform: translateY(-2px); }

/* trust bar pinned to bottom */
.slcp-hero__trust-bar {
    position: relative; z-index: 2;
    border-top: 1px solid rgba(255,255,255,.07);
    background: rgba(0,0,0,.3);
    backdrop-filter: blur(6px);
}
.slcp-hero__trust-inner {
    display: flex; align-items: center;
    justify-content: center;
    gap: 0; padding: 20px 0;
    flex-wrap: wrap;
}
.slcp-trust-item {
    display: flex; align-items: center; gap: 9px;
    color: rgba(255,255,255,.55);
    font-size: .8rem; font-weight: 600;
    padding: 8px 28px;
    letter-spacing: .02em;
}
.slcp-trust-item i { color: #F1B203; font-size: .78rem; }
.slcp-trust-sep {
    width: 1px; height: 20px;
    background: rgba(255,255,255,.1);
}

/* ══════════════════════════════════════════════
   SERVICES SHOWCASE — white editorial rows
══════════════════════════════════════════════ */
.slcp-showcase {
    padding: 96px 0;
    background: #fff;
}

/* 2-col heading */
.slcp-showcase__head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: end;
    margin-bottom: 72px;
    padding-bottom: 48px;
    border-bottom: 2px solid #0f0f0f;
}
.slcp-showcase__head .slc-eyebrow { display: block; margin-bottom: 12px; }
.slcp-showcase__head h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 900; color: #0f0f0f;
    line-height: 1.08; margin: 0;
}
.slcp-showcase__head-desc {
    color: #777; font-size: 1rem;
    line-height: 1.82; margin: 0;
    padding-top: 4px;
}

/* service row list */
.slcp-showcase__list {
    display: flex; flex-direction: column;
    border-bottom: 1px solid #ede9e0;
}

/* each row */
.slcp-row {
    position: relative;
    display: grid;
    grid-template-columns: 72px 68px 1fr 48px;
    align-items: center;
    gap: 28px;
    padding: 30px 0;
    border-top: 1px solid #ede9e0;
    text-decoration: none;
    overflow: hidden;
    transition: padding-left .28s cubic-bezier(.25,.46,.45,.94), background .22s;
}
/* gold left accent bar */
.slcp-row::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: #F1B203;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform .32s cubic-bezier(.25,.46,.45,.94);
    border-radius: 0 2px 2px 0;
}
.slcp-row:hover { padding-left: 20px; background: #fdfcf8; }
.slcp-row:hover::before { transform: scaleY(1); }

/* number */
.slcp-row__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.2rem; font-weight: 900;
    color: rgba(241,178,3,.18); line-height: 1;
    text-align: right; flex-shrink: 0;
    transition: color .25s; user-select: none;
}
.slcp-row:hover .slcp-row__num { color: rgba(241,178,3,.55); }

/* icon */
.slcp-row__icon {
    width: 56px; height: 56px;
    border-radius: 50%;
    background: rgba(241,178,3,.08);
    border: 1.5px solid rgba(241,178,3,.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.35rem; color: #F1B203; flex-shrink: 0;
    transition: background .25s, border-color .25s, transform .25s;
}
.slcp-row:hover .slcp-row__icon {
    background: rgba(241,178,3,.18);
    border-color: rgba(241,178,3,.5);
    transform: scale(1.08);
}

/* text body */
.slcp-row__body h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.2rem; font-weight: 800;
    color: #0f0f0f; margin-bottom: 5px;
    line-height: 1.25; transition: color .2s;
}
.slcp-row:hover .slcp-row__body h3 { color: #000; }
.slcp-row__body p {
    font-size: .86rem; color: #888;
    line-height: 1.68; margin: 0;
}
.slcp-row:hover .slcp-row__body p { color: #666; }

/* arrow */
.slcp-row__arrow {
    width: 44px; height: 44px; border-radius: 50%;
    border: 1.5px solid #e8e4db;
    display: flex; align-items: center; justify-content: center;
    color: #ccc; font-size: .85rem; flex-shrink: 0;
    transition: border-color .25s, color .25s, background .25s, transform .25s;
}
.slcp-row:hover .slcp-row__arrow {
    border-color: #F1B203; color: #F1B203;
    background: rgba(241,178,3,.08);
    transform: translateX(5px);
}

/* ══════════════════════════════════════════════
   STATS BAND
══════════════════════════════════════════════ */
.slcp-stats-band {
    background: #0f0f0f;
    padding: 56px 0;
}
.slcp-stats-band__inner {
    display: flex; align-items: center;
    justify-content: center; gap: 0;
    flex-wrap: wrap;
}
.slcp-stat {
    text-align: center;
    padding: 12px 48px;
    flex-shrink: 0;
}
.slcp-stat__num {
    display: block;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.8rem; font-weight: 900;
    color: #F1B203; line-height: 1; margin-bottom: 6px;
    letter-spacing: -.02em;
}
.slcp-stat__lbl {
    font-size: .7rem; color: rgba(255,255,255,.38);
    font-weight: 600; letter-spacing: .08em;
    text-transform: uppercase;
}
.slcp-stat__div {
    width: 1px; height: 48px;
    background: rgba(255,255,255,.1);
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════
   DESTINATIONS — dark split band
══════════════════════════════════════════════ */
.slcp-dest-section {
    background: #0d0d1c;
    padding: 100px 0;
}
.slcp-dest-section__top { margin-bottom: 0; }

.slcp-dest-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.06);
}
.slcp-dest-split__label {
    font-size: .72rem; font-weight: 800;
    color: #F1B203; letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex; align-items: center; gap: 8px;
}

/* destination list (left col) */
.slcp-dest-tag {
    display: flex; align-items: center; gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: rgba(255,255,255,.72);
    font-size: .9rem; font-weight: 600;
    text-decoration: none;
    transition: color .2s, padding-left .22s;
    position: relative;
}
.slcp-dest-tag:first-of-type { border-top: 1px solid rgba(255,255,255,.06); }
.slcp-dest-tag i:first-child { color: #F1B203; font-size: .78rem; flex-shrink: 0; }
.slcp-dest-tag__arr {
    margin-left: auto; font-size: .75rem;
    color: rgba(255,255,255,.2);
    transition: color .2s, transform .22s;
    flex-shrink: 0;
}
.slcp-dest-tag:hover {
    color: #fff; padding-left: 10px;
}
.slcp-dest-tag:hover .slcp-dest-tag__arr {
    color: #F1B203; transform: translateX(4px);
}

/* UAE chips grid (right col) */
.slcp-uae-chips {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin-bottom: 20px;
}
.slcp-uae-chip {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.62);
    padding: 8px 14px; border-radius: 4px;
    font-size: .78rem; font-weight: 500;
    transition: background .2s, border-color .2s, color .2s;
}
.slcp-uae-chip:hover { background: rgba(241,178,3,.08); border-color: rgba(241,178,3,.28); color: #fff; }
.slcp-uae-chip i { color: #F1B203; font-size: .7rem; }
.slcp-dest-note {
    color: rgba(255,255,255,.22); font-size: .75rem;
    line-height: 1.6; font-style: italic;
}

/* ══════════════════════════════════════════════
   WHY CHOOSE — split layout
══════════════════════════════════════════════ */
.slcp-why-section {
    padding: 100px 0;
    background: #09090f;
}
.slcp-why-split {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 80px;
    align-items: start;
}
.slcp-why-split__left { position: sticky; top: 110px; }
.slcp-why-split__left .slc-eyebrow { display: block; margin-bottom: 14px; }
.slcp-why-split__title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.8rem, 2.8vw, 2.4rem);
    font-weight: 900; color: #fff;
    line-height: 1.12; margin: 0 0 0;
}
.slcp-why-split__desc {
    color: rgba(255,255,255,.42);
    font-size: .9rem; line-height: 1.8;
    margin-bottom: 32px;
}

/* stats 2×2 */
.slcp-why-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px; border-radius: 12px; overflow: hidden;
}
.slcp-why-stat {
    background: rgba(255,255,255,.04);
    padding: 20px; text-align: center;
}
.slcp-why-stat span {
    display: block;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.9rem; font-weight: 900;
    color: #F1B203; line-height: 1; margin-bottom: 4px;
}
.slcp-why-stat small {
    color: rgba(255,255,255,.35);
    font-size: .7rem; font-weight: 600;
    letter-spacing: .06em; text-transform: uppercase;
}

/* right col items */
.slcp-why-item {
    display: flex; gap: 18px;
    padding: 22px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    align-items: flex-start;
}
.slcp-why-item:last-child { border-bottom: none; }
.slcp-why-item__icon {
    width: 44px; height: 44px; flex-shrink: 0;
    border-radius: 10px;
    background: rgba(241,178,3,.08);
    border: 1px solid rgba(241,178,3,.15);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; color: #F1B203;
    transition: background .22s, border-color .22s;
}
.slcp-why-item:hover .slcp-why-item__icon {
    background: rgba(241,178,3,.18); border-color: rgba(241,178,3,.4);
}
.slcp-why-item__text h4 {
    color: rgba(255,255,255,.9); font-size: .95rem;
    font-weight: 700; margin-bottom: 5px;
    line-height: 1.3;
}
.slcp-why-item__text p {
    color: rgba(255,255,255,.38); font-size: .83rem;
    line-height: 1.7; margin: 0;
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .slcp-showcase__head  { grid-template-columns: 1fr; gap: 20px; }
    .slcp-dest-split      { grid-template-columns: 1fr; gap: 48px; }
    .slcp-why-split       { grid-template-columns: 1fr; gap: 48px; }
    .slcp-why-split__left { position: static; }
    .slcp-row             { grid-template-columns: 56px 56px 1fr 40px; gap: 20px; }
}
@media (max-width: 760px) {
    .slcp-hero__h1        { font-size: 2.4rem; }
    .slcp-hero__body      { padding: 120px 0 60px; }
    .slcp-row             { grid-template-columns: 40px 48px 1fr; gap: 14px; }
    .slcp-row__arrow      { display: none; }
    .slcp-row__num        { font-size: 1.5rem; }
    .slcp-showcase        { padding: 64px 0; }
    .slcp-stats-band__inner { gap: 0; }
    .slcp-stat            { padding: 12px 24px; }
    .slcp-stat__num       { font-size: 2.2rem; }
    .slcp-trust-sep       { display: none; }
    .slcp-trust-item      { padding: 8px 14px; }
    .slcp-dest-section,
    .slcp-why-section     { padding: 64px 0; }
}
@media (max-width: 480px) {
    .slcp-hero__h1        { font-size: 1.9rem; }
    .slcp-stat__div       { display: none; }
    .slcp-stats-band__inner { flex-wrap: wrap; }
    .slcp-stat            { width: 50%; }
}



/* ═══════════════════════════════════════════════════════════════════
   SINGLE SERVICE PAGE — PREMIUM (.slcs-)
   ═══════════════════════════════════════════════════════════════════ */

:root {
    --slcs-gold:    #F1B203;
    --slcs-gold-dk: #c99502;
    --slcs-dark:    #09090f;
    --slcs-navy:    #0d0d1c;
    --slcs-navy2:   #111128;
    --slcs-off:     #f6f5f2;
    --slcs-white:   #ffffff;
    --slcs-text:    #2a2a35;
    --slcs-muted:   #6b6b7a;
}

.slcs-wrap { overflow-x: hidden; }
.slcs-container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }

/* ── Shared typography labels ───────────────────────────────────── */
.slcs-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--slcs-gold);
    margin-bottom: 14px;
}
.slcs-label::before {
    content: '';
    display: inline-block;
    width: 28px; height: 2px;
    background: var(--slcs-gold);
    flex-shrink: 0;
}
.slcs-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 800;
    line-height: 1.15;
    color: var(--slcs-text);
    margin: 0 0 20px;
}
.slcs-title--light { color: #fff; }
.slcs-divider {
    width: 48px; height: 3px;
    background: var(--slcs-gold);
    border-radius: 2px;
    margin: 0 0 32px;
}
.slcs-divider--center { margin: 0 auto 32px; }

/* ── Buttons ────────────────────────────────────────────────────── */
.slcs-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 14px 28px;
    border-radius: 7px;
    font-weight: 700;
    font-size: .88rem;
    letter-spacing: .02em;
    text-decoration: none;
    transition: all .2s;
    white-space: nowrap;
    cursor: pointer;
}
.slcs-btn--lg { padding: 17px 36px; font-size: .95rem; }
.slcs-btn--gold  { background: var(--slcs-gold); color: var(--slcs-dark); }
.slcs-btn--gold:hover  { background: var(--slcs-gold-dk); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(241,178,3,.35); color: var(--slcs-dark); }
.slcs-btn--wa    { background: #25d366; color: #fff; }
.slcs-btn--wa:hover    { background: #1ebe5d; transform: translateY(-2px); color: #fff; }
.slcs-btn--ghost { background: transparent; color: rgba(255,255,255,.8); border: 1.5px solid rgba(255,255,255,.22); }
.slcs-btn--ghost:hover { border-color: var(--slcs-gold); color: var(--slcs-gold); }
.slcs-btn--outline-gold { background: transparent; color: var(--slcs-gold); border: 1.5px solid var(--slcs-gold); }
.slcs-btn--outline-gold:hover { background: var(--slcs-gold); color: var(--slcs-dark); transform: translateY(-2px); }

/* ══════════════════════════════════════════════
   1. HERO — full screen, split layout
══════════════════════════════════════════════ */
.slcs-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--slcs-dark);
    overflow: hidden;
}

/* background image */
.slcs-hero__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: .14;
    transition: opacity 6s ease;
}
.slcs-hero:hover .slcs-hero__bg { opacity: .18; }
.slcs-hero__bg--pattern {
    background-image:
        linear-gradient(rgba(241,178,3,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(241,178,3,.04) 1px, transparent 1px);
    background-size: 80px 80px;
    opacity: 1;
}

/* overlay gradient — stronger on left, fades right */
.slcs-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to right, rgba(9,9,15,.98) 38%, rgba(9,9,15,.82) 65%, rgba(9,9,15,.55) 100%),
        linear-gradient(to top, rgba(9,9,15,1) 0%, transparent 40%);
}

/* vertical gold rule accent */
.slcs-hero__vrule {
    position: absolute;
    top: 0; bottom: 0;
    right: 38%;
    width: 1px;
    background: linear-gradient(to bottom, transparent 5%, rgba(241,178,3,.25) 30%, rgba(241,178,3,.25) 70%, transparent 95%);
    pointer-events: none;
}

/* flex body — grows to fill available height */
.slcs-hero__body {
    position: relative;
    z-index: 2;
    flex: 1;
    display: flex;
    align-items: center;
    padding: 160px 0 60px;
}

/* split: text left, booking card right */
.slcs-hero__split {
    display: flex;
    align-items: center;
    gap: 64px;
}
.slcs-hero__left  { flex: 1; min-width: 0; }
.slcs-hero__right { width: 360px; flex-shrink: 0; }

/* eyebrow pill */
.slcs-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.22);
    color: var(--slcs-gold);
    padding: 8px 18px;
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    margin-bottom: 28px;
}

/* hero H1 */
.slcs-hero__title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2.6rem, 5vw, 4rem);
    font-weight: 900;
    line-height: 1.06;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 24px;
    max-width: 580px;
}
.slcs-hero__title em {
    display: block;
    color: var(--slcs-gold);
    font-style: normal;
    font-size: .7em;
    font-weight: 600;
    letter-spacing: .02em;
    margin-top: 8px;
}

.slcs-hero__lead {
    color: rgba(255,255,255,.58);
    font-size: .97rem;
    line-height: 1.85;
    max-width: 520px;
    margin-bottom: 36px;
}

.slcs-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 36px; }

/* trust badges */
.slcs-hero__badges { display: flex; flex-wrap: wrap; gap: 8px; }
.slcs-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.65);
    padding: 6px 14px;
    border-radius: 3px;
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .03em;
}
.slcs-badge i { color: var(--slcs-gold); font-size: .7rem; }

/* ── Hero booking card ──────────────────────────────────────────── */
.slcs-hbook {
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 32px 80px rgba(0,0,0,.45);
}
.slcs-hbook__tag {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--slcs-gold);
    color: var(--slcs-dark);
    padding: 14px 22px;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.slcs-hbook__title {
    color: #fff;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 22px 22px 4px;
    margin: 0;
}
.slcs-hbook__sub {
    color: rgba(255,255,255,.38);
    font-size: .78rem;
    padding: 0 22px 16px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}
.slcs-hbook__list {
    padding: 14px 0;
    margin: 0;
    list-style: none;
}
.slcs-hbook__list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 22px;
    color: rgba(255,255,255,.72);
    font-size: .83rem;
    font-weight: 500;
    border-bottom: 1px solid rgba(255,255,255,.05);
}
.slcs-hbook__list li:last-child { border-bottom: none; }
.slcs-hbook__list li i { color: var(--slcs-gold); font-size: .78rem; width: 16px; text-align: center; flex-shrink: 0; }
.slcs-hbook__ctas {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 22px 22px;
    border-top: 1px solid rgba(255,255,255,.07);
}
.slcs-hbook__tel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: rgba(255,255,255,.4);
    font-size: .8rem;
    text-decoration: none;
    transition: color .2s;
    padding-top: 4px;
}
.slcs-hbook__tel:hover { color: var(--slcs-gold); }

/* ── Stats bar pinned to hero bottom ─────────────────────────────── */
.slcs-hero__statsbar {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255,255,255,.07);
    background: rgba(0,0,0,.35);
    backdrop-filter: blur(6px);
}
.slcs-hero__stat {
    padding: 26px 28px;
    border-right: 1px solid rgba(255,255,255,.07);
}
.slcs-hero__stat:last-child { border-right: none; }
.slcs-hero__stat-num {
    display: block;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2rem;
    font-weight: 900;
    color: var(--slcs-gold);
    line-height: 1;
    margin-bottom: 5px;
    letter-spacing: -.02em;
}
.slcs-hero__stat-label {
    font-size: .7rem;
    color: rgba(255,255,255,.38);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* ══════════════════════════════════════════════
   2. OVERVIEW / FEATURES
══════════════════════════════════════════════ */
.slcs-overview {
    padding: 100px 0;
    background: var(--slcs-white);
}
.slcs-overview__grid {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 80px;
    align-items: start;
}
.slcs-overview__intro {
    font-size: 1.05rem;
    line-height: 1.85;
    color: var(--slcs-muted);
    margin-bottom: 28px;
    padding-left: 20px;
    border-left: 3px solid var(--slcs-gold);
}
.slcs-overview__body {
    font-size: .95rem;
    line-height: 1.82;
    color: #555;
    margin-bottom: 32px;
}
.slcs-overview__body p { margin-bottom: 14px; }

/* checklist */
.slcs-checks { display: flex; flex-direction: column; gap: 0; margin-top: 8px; }
.slcs-checks__row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #f0ece4;
    font-size: .9rem;
    font-weight: 600;
    color: var(--slcs-text);
}
.slcs-checks__row:last-child { border-bottom: none; }
.slcs-checks__icon {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: rgba(241,178,3,.12);
    color: var(--slcs-gold);
    display: flex; align-items: center; justify-content: center;
    font-size: .78rem;
    flex-shrink: 0;
}

/* sticky features card */
.slcs-overview__right { position: sticky; top: 110px; }
.slcs-features-card {
    background: var(--slcs-navy);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 32px 80px rgba(0,0,0,.25);
}
.slcs-features-card__head {
    padding: 26px 26px 20px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}
.slcs-features-card__head h3 {
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    margin: 0;
}
.slcs-features-card__head p {
    color: rgba(255,255,255,.38);
    font-size: .76rem;
    margin: 4px 0 0;
}
.slcs-features-card__list { padding: 6px 0; }
.slcs-feat-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 26px;
    border-bottom: 1px solid rgba(255,255,255,.05);
    transition: background .2s;
}
.slcs-feat-row:last-child { border-bottom: none; }
.slcs-feat-row:hover { background: rgba(255,255,255,.03); }
.slcs-feat-row__icon {
    width: 34px; height: 34px;
    border-radius: 7px;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.18);
    display: flex; align-items: center; justify-content: center;
    color: var(--slcs-gold);
    font-size: .88rem;
    flex-shrink: 0;
}
.slcs-feat-row__text strong { display: block; color: rgba(255,255,255,.88); font-size: .84rem; font-weight: 700; margin-bottom: 1px; }
.slcs-feat-row__text span  { color: rgba(255,255,255,.35); font-size: .75rem; }
.slcs-features-card__cta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 26px 26px;
    border-top: 1px solid rgba(255,255,255,.07);
}

/* ══════════════════════════════════════════════
   3. FLEET — dark background, premium cards
══════════════════════════════════════════════ */
.slcs-fleet {
    padding: 100px 0;
    background: #0f0f0f;
}
.slcs-fleet__head {
    text-align: center;
    margin-bottom: 60px;
}
.slcs-fleet-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* fleet card */
.slcs-fcard {
    background: #1a1a1a;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;
    overflow: hidden;
    transition: transform .25s, border-color .25s, box-shadow .25s;
}
.slcs-fcard:hover {
    transform: translateY(-6px);
    border-color: rgba(241,178,3,.4);
    box-shadow: 0 20px 56px rgba(0,0,0,.4);
}

/* image area */
.slcs-fcard__img {
    position: relative;
    height: 200px;
    background: #111;
    overflow: hidden;
}
.slcs-fcard__img img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}
.slcs-fcard:hover .slcs-fcard__img img { transform: scale(1.04); }
.slcs-fcard__img-ph {
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #111, #1e1e1e);
}
.slcs-fcard__img-ph i { font-size: 3.5rem; color: rgba(241,178,3,.2); }

/* gold price badge overlaid on image */
.slcs-fcard__price-badge {
    position: absolute;
    bottom: 12px; right: 12px;
    background: var(--slcs-gold);
    color: var(--slcs-dark);
    padding: 6px 14px;
    border-radius: 5px;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
}
.slcs-fcard__price-badge span { font-weight: 500; font-size: .72em; }

/* card body */
.slcs-fcard__body { padding: 22px 20px 20px; }
.slcs-fcard__body h4 {
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 4px;
    line-height: 1.25;
}
.slcs-fcard__model {
    color: rgba(255,255,255,.38);
    font-size: .78rem;
    margin-bottom: 14px;
    line-height: 1.4;
}
.slcs-fcard__specs {
    display: flex;
    gap: 16px;
    margin-bottom: 14px;
}
.slcs-fcard__specs span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,.55);
    font-size: .8rem;
    font-weight: 500;
}
.slcs-fcard__specs span i { color: var(--slcs-gold); font-size: .75rem; }
.slcs-fcard__feats {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 18px;
}
.slcs-fcard__feats span {
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.45);
    padding: 3px 10px;
    border-radius: 3px;
    font-size: .72rem;
    font-weight: 500;
}
.slcs-fcard__book {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.2);
    color: var(--slcs-gold);
    border-radius: 8px;
    font-size: .84rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s, border-color .2s;
}
.slcs-fcard__book:hover { background: var(--slcs-gold); color: var(--slcs-dark); border-color: var(--slcs-gold); }

/* ══════════════════════════════════════════════
   4. COVERAGE
══════════════════════════════════════════════ */
.slcs-coverage {
    padding: 100px 0;
    background: var(--slcs-dark);
    position: relative;
}
.slcs-coverage::before {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(241,178,3,.3), transparent);
}
.slcs-coverage__grid {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 80px;
    align-items: start;
}
.slcs-coverage__left { position: sticky; top: 110px; }
.slcs-coverage__desc {
    color: rgba(255,255,255,.42);
    font-size: .88rem;
    line-height: 1.82;
    margin-bottom: 32px;
}
.slcs-coverage__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 28px;
}
.slcs-cov-stat { background: rgba(255,255,255,.04); padding: 20px; text-align: center; }
.slcs-cov-stat__num { display: block; font-family: 'Playfair Display', Georgia, serif; font-size: 1.7rem; font-weight: 900; color: var(--slcs-gold); line-height: 1; margin-bottom: 4px; }
.slcs-cov-stat__lbl { font-size: .7rem; color: rgba(255,255,255,.35); text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.slcs-coverage-tags {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.slcs-coverage-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    color: rgba(255,255,255,.72);
    padding: 13px 16px;
    border-radius: 8px;
    font-size: .82rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
}
.slcs-coverage-tag:hover { background: rgba(241,178,3,.08); border-color: rgba(241,178,3,.28); color: #fff; transform: translateY(-2px); }
.slcs-coverage-tag i { color: var(--slcs-gold); font-size: .74rem; flex-shrink: 0; }
.slcs-coverage-note {
    color: rgba(255,255,255,.22);
    font-size: .75rem;
    margin-top: 14px;
    font-style: italic;
    line-height: 1.6;
}

/* ══════════════════════════════════════════════
   5. CTA FINAL
══════════════════════════════════════════════ */
.slcs-cta-final {
    padding: 0;
    background: var(--slcs-dark);
    position: relative;
    overflow: hidden;
}
.slcs-cta-final::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(to right, transparent 10%, var(--slcs-gold) 40%, var(--slcs-gold) 60%, transparent 90%);
}
.slcs-cta-final__inner {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 80px;
    padding: 80px 0;
}
.slcs-cta-final__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--slcs-gold);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.slcs-cta-final__text h2 { color: #fff; font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 900; line-height: 1.1; margin: 0 0 12px; max-width: 540px; }
.slcs-cta-final__text p  { color: rgba(255,255,255,.42); font-size: .9rem; line-height: 1.75; max-width: 500px; margin: 0; }
.slcs-cta-final__btns { display: flex; flex-direction: column; gap: 10px; min-width: 250px; }
.slcs-cta-final__btns .slcs-btn { width: 100%; justify-content: center; }

/* ══════════════════════════════════════════════
   6. WHY CHOOSE — dark numbered grid
══════════════════════════════════════════════ */
.slcs-why {
    padding: 100px 0;
    background: var(--slcs-navy);
    position: relative;
    overflow: hidden;
}
.slcs-why::before {
    content: '"';
    position: absolute;
    top: -60px; right: -20px;
    font-size: 400px;
    font-weight: 900;
    color: rgba(241,178,3,.025);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    font-family: Georgia, serif;
}
.slcs-why__head { max-width: 600px; margin-bottom: 60px; }
.slcs-why__subtext { color: rgba(255,255,255,.42); font-size: .92rem; line-height: 1.78; }
.slcs-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    background: rgba(255,255,255,.04);
    border-radius: 16px;
    overflow: hidden;
}
.slcs-why-item {
    background: rgba(13,13,28,.85);
    padding: 36px 26px;
    border-left: 3px solid transparent;
    transition: border-color .25s, background .25s;
    position: relative;
}
.slcs-why-item::before {
    content: attr(data-num);
    position: absolute;
    top: 22px; right: 22px;
    font-size: 2.8rem;
    font-weight: 900;
    color: rgba(241,178,3,.06);
    line-height: 1;
    font-family: 'Playfair Display', Georgia, serif;
    pointer-events: none;
}
.slcs-why-item:hover { border-left-color: var(--slcs-gold); background: rgba(241,178,3,.04); }
.slcs-why-item__icon {
    width: 50px; height: 50px;
    border-radius: 10px;
    background: rgba(241,178,3,.08);
    border: 1px solid rgba(241,178,3,.15);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem;
    color: var(--slcs-gold);
    margin-bottom: 20px;
    transition: background .25s, border-color .25s;
}
.slcs-why-item:hover .slcs-why-item__icon { background: rgba(241,178,3,.16); border-color: rgba(241,178,3,.35); }
.slcs-why-item h4 { color: #fff; font-size: .93rem; font-weight: 700; margin-bottom: 10px; line-height: 1.3; }
.slcs-why-item p  { color: rgba(255,255,255,.4); font-size: .82rem; line-height: 1.72; margin: 0; }

/* ══════════════════════════════════════════════
   7. TESTIMONIALS — featured + 3-col grid
══════════════════════════════════════════════ */
.slcs-reviews {
    padding: 100px 0;
    background: var(--slcs-navy2);
}
.slcs-reviews__head { margin-bottom: 56px; }

/* featured review */
.slcs-review-featured {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 0;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.07);
    border-left: 4px solid var(--slcs-gold);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 40px;
    transition: border-color .25s;
}
.slcs-review-featured:hover { border-left-color: var(--slcs-gold); background: rgba(241,178,3,.03); }
.slcs-review-featured__quote {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 32px 0 0;
    font-size: 6rem;
    line-height: .9;
    color: rgba(241,178,3,.3);
    font-family: Georgia, serif;
    font-weight: 900;
    flex-shrink: 0;
}
.slcs-review-featured__body { padding: 36px 40px 36px 0; }
.slcs-review-featured__body > p {
    color: rgba(255,255,255,.75);
    font-size: 1.08rem;
    line-height: 1.82;
    font-style: italic;
    margin-bottom: 28px;
}
.slcs-review-featured__author {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.slcs-review-featured__author strong {
    display: block;
    color: #fff;
    font-size: .92rem;
    font-weight: 700;
}
.slcs-review-featured__author span {
    color: var(--slcs-gold);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .03em;
}
.slcs-review-featured__stars {
    margin-left: auto;
    color: var(--slcs-gold);
    font-size: 1rem;
    letter-spacing: .08em;
}

/* 3-col grid */
.slcs-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.slcs-review-card {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;
    padding: 34px 30px;
    position: relative;
    transition: border-color .25s, background .25s, transform .2s;
}
.slcs-review-card:hover { border-color: rgba(241,178,3,.3); background: rgba(241,178,3,.03); transform: translateY(-4px); }
.slcs-review-card::before {
    content: '\201C';
    position: absolute;
    top: 16px; right: 24px;
    font-size: 5rem;
    line-height: 1;
    color: rgba(241,178,3,.08);
    font-family: Georgia, serif;
    pointer-events: none;
}
.slcs-review-stars { color: var(--slcs-gold); font-size: .75rem; letter-spacing: .1em; margin-bottom: 16px; }
.slcs-review-card > p { color: rgba(255,255,255,.62); font-size: .88rem; line-height: 1.82; margin-bottom: 26px; font-style: italic; }
.slcs-review-author { display: flex; align-items: center; gap: 14px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.06); }
.slcs-review-avatar {
    width: 44px; height: 44px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 900;
    font-size: .95rem;
    color: #fff;
    flex-shrink: 0;
    border: 2px solid rgba(255,255,255,.1);
}
.slcs-review-author strong { display: block; font-size: .87rem; color: rgba(255,255,255,.9); font-weight: 700; }
.slcs-review-author span  { font-size: .74rem; color: var(--slcs-gold); font-weight: 600; letter-spacing: .03em; }

/* ══════════════════════════════════════════════
   8. FAQs
══════════════════════════════════════════════ */
.slcs-faqs { padding: 100px 0; background: var(--slcs-off); }
.slcs-faqs__grid {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 80px;
    align-items: start;
}
.slcs-faqs__side { position: sticky; top: 110px; }
.slcs-faqs__side .slcs-title { font-size: 1.6rem; }
.slcs-faqs__side p { color: var(--slcs-muted); font-size: .88rem; line-height: 1.78; margin-bottom: 28px; }
.slcs-faqs__side-cta { display: flex; flex-direction: column; gap: 10px; }

.slcs-faq-item { border-bottom: 1px solid #e5e2d9; }
.slcs-faq-item:first-child { border-top: 1px solid #e5e2d9; }
.slcs-faq-trigger {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 0;
    cursor: pointer;
    user-select: none;
    transition: opacity .2s;
}
.slcs-faq-trigger:hover { opacity: .85; }
.slcs-faq-num {
    width: 32px; height: 32px;
    border-radius: 6px;
    background: rgba(241,178,3,.1);
    color: var(--slcs-gold);
    display: flex; align-items: center; justify-content: center;
    font-size: .72rem;
    font-weight: 800;
    flex-shrink: 0;
    transition: background .2s;
}
.slcs-faq-item.is-open .slcs-faq-num { background: var(--slcs-gold); color: var(--slcs-dark); }
.slcs-faq-q { flex: 1; font-weight: 700; color: var(--slcs-text); font-size: .93rem; line-height: 1.45; }
.slcs-faq-icon {
    width: 28px; height: 28px;
    border-radius: 50%;
    border: 1.5px solid #ddd;
    display: flex; align-items: center; justify-content: center;
    color: #999;
    font-size: .65rem;
    flex-shrink: 0;
    transition: transform .3s, border-color .2s, color .2s;
}
.slcs-faq-item.is-open .slcs-faq-icon { transform: rotate(45deg); border-color: var(--slcs-gold); color: var(--slcs-gold); }
.slcs-faq-body { overflow: hidden; transition: max-height .38s cubic-bezier(.4,0,.2,1); }
.slcs-faq-body__inner { padding: 0 50px 24px 50px; font-size: .9rem; color: var(--slcs-muted); line-height: 1.82; }

/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media (max-width: 1100px) {
    .slcs-hero__split       { gap: 40px; }
    .slcs-hero__right       { width: 320px; }
    .slcs-overview__grid    { grid-template-columns: 1fr; gap: 48px; }
    .slcs-overview__right   { position: static; }
    .slcs-coverage__grid    { grid-template-columns: 1fr; gap: 48px; }
    .slcs-coverage__left    { position: static; }
    .slcs-coverage-tags     { grid-template-columns: repeat(2, 1fr); }
    .slcs-faqs__grid        { grid-template-columns: 1fr; gap: 48px; }
    .slcs-faqs__side        { position: static; }
    .slcs-faqs__side-cta    { flex-direction: row; }
    .slcs-fleet-grid        { grid-template-columns: repeat(2, 1fr); }
    .slcs-why-grid          { grid-template-columns: repeat(2, 1fr); }
    .slcs-cta-final__inner  { grid-template-columns: 1fr; gap: 40px; }
    .slcs-cta-final__btns   { flex-direction: row; min-width: 0; }
    .slcs-hero__statsbar    { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
    .slcs-hero__split       { flex-direction: column; align-items: flex-start; gap: 40px; }
    .slcs-hero__right       { width: 100%; max-width: 480px; }
    .slcs-review-featured   { grid-template-columns: 1fr; }
    .slcs-review-featured__quote { padding: 28px 0 0 28px; font-size: 4rem; }
    .slcs-review-featured__body { padding: 0 24px 28px; }
    .slcs-review-featured__stars { margin-left: 0; margin-top: 8px; }
    .slcs-reviews-grid      { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .slcs-hero__title       { font-size: 2.4rem; }
    .slcs-why-grid          { grid-template-columns: 1fr; gap: 2px; }
    .slcs-fleet-grid        { grid-template-columns: 1fr; }
    .slcs-cta-final__btns   { flex-direction: column; }
    .slcs-coverage-tags     { grid-template-columns: 1fr 1fr; }
    .slcs-hero__statsbar    { grid-template-columns: repeat(2, 1fr); }
    .slcs-hero__stat        { padding: 18px 20px; }
    .slcs-faq-body__inner   { padding-left: 20px; padding-right: 0; }
    .slcs-overview, .slcs-why, .slcs-coverage,
    .slcs-fleet, .slcs-faqs, .slcs-reviews { padding: 64px 0; }
}
@media (max-width: 480px) {
    .slcs-coverage-tags     { grid-template-columns: 1fr; }
    .slcs-hero__statsbar    { grid-template-columns: 1fr 1fr; }
    .slcs-hero__stat-num    { font-size: 1.6rem; }
    .slcs-hero__right       { display: none; }
    .slcs-hero { min-height: auto; padding-bottom: 20px; }
    .slcs-hero__body        { padding: 120px 0 40px; }
}


/* ═══════════════════════════════════════════════════════════════════
   SERVICES PAGE — Exceptional dark card system
   ═══════════════════════════════════════════════════════════════════ */

/* ── Service cards — dark editorial 3-col ──────────────────────── */
.slcp-svc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 0;
}
.slcp-svc-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    padding: 48px 32px 36px;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
    transition: transform .28s, border-color .28s, background .28s, box-shadow .28s;
    min-height: 340px;
}
/* gold top-line that draws on hover */
.slcp-svc-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(to right, transparent, #F1B203, transparent);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.slcp-svc-card:hover {
    transform: translateY(-8px);
    border-color: rgba(241,178,3,.28);
    background: rgba(241,178,3,.04);
    box-shadow: 0 24px 64px rgba(0,0,0,.4);
}
.slcp-svc-card:hover::before { transform: scaleX(1); }

/* huge Playfair number watermark — bottom-right */
.slcp-svc-card__num {
    position: absolute;
    bottom: -24px; right: -8px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 9rem;
    font-weight: 900;
    color: rgba(241,178,3,.04);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    transition: color .35s;
    z-index: 0;
}
.slcp-svc-card:hover .slcp-svc-card__num { color: rgba(241,178,3,.08); }

/* icon ring */
.slcp-svc-card__icon {
    position: relative;
    z-index: 1;
    width: 72px; height: 72px;
    border-radius: 50%;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.22);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem;
    color: #F1B203;
    margin-bottom: 26px;
    flex-shrink: 0;
    transition: background .28s, border-color .28s, transform .28s;
}
.slcp-svc-card:hover .slcp-svc-card__icon {
    background: rgba(241,178,3,.2);
    border-color: rgba(241,178,3,.5);
    transform: scale(1.06);
}

/* title */
.slcp-svc-card h3 {
    position: relative; z-index: 1;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.15rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 14px;
    line-height: 1.28;
}

/* description */
.slcp-svc-card p {
    position: relative; z-index: 1;
    color: rgba(255,255,255,.42);
    font-size: .86rem;
    line-height: 1.76;
    margin-bottom: 28px;
    flex-grow: 1;
}

/* arrow link */
.slcp-svc-card__link {
    position: relative; z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #F1B203;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    transition: gap .22s;
    margin-top: auto;
}
.slcp-svc-card:hover .slcp-svc-card__link { gap: 12px; }

/* ── Destination cards — dark glass 4-col ──────────────────────── */
.slcp-dest-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.slcp-dest-card {
    position: relative;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    padding: 32px 22px 26px;
    overflow: hidden;
    transition: border-color .25s, background .25s, transform .22s;
}
.slcp-dest-card:hover {
    border-color: rgba(241,178,3,.45);
    background: rgba(241,178,3,.04);
    transform: translateY(-5px);
}
/* number top-right watermark */
.slcp-dest-card__num {
    position: absolute;
    top: 14px; right: 18px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.6rem;
    font-weight: 900;
    color: rgba(241,178,3,.06);
    line-height: 1;
    pointer-events: none;
    user-select: none;
}
/* icon */
.slcp-dest-card__icon {
    width: 54px; height: 54px;
    border-radius: 12px;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.35rem;
    color: #F1B203;
    margin-bottom: 18px;
    transition: background .22s, border-color .22s;
}
.slcp-dest-card:hover .slcp-dest-card__icon { background: rgba(241,178,3,.2); border-color: rgba(241,178,3,.45); }

.slcp-dest-card h4 {
    font-size: .95rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.32;
}
.slcp-dest-card p {
    color: rgba(255,255,255,.4);
    font-size: .8rem;
    line-height: 1.68;
    margin-bottom: 18px;
}
.slcp-dest-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #F1B203;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: .03em;
    transition: gap .2s;
}
.slcp-dest-card:hover .slcp-dest-card__link { gap: 10px; }

/* ── Why head (services page) ──────────────────────────────────── */
.slcp-why__head { margin-bottom: 60px; }

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .slcp-svc-grid   { grid-template-columns: repeat(2, 1fr); }
    .slcp-dest-grid  { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
    .slcp-svc-grid   { grid-template-columns: 1fr; }
    .slcp-dest-grid  { grid-template-columns: 1fr; }
    .slcp-svc-card   { min-height: auto; }
}



/* ═══════════════════════════════════════════════════════════════════
   SINGLE SERVICE — Use Cases: editorial numbered grid (.slcs-uc-)
   ═══════════════════════════════════════════════════════════════════ */
.slcs-usecases {
    padding: 96px 0;
    background: #fff;
}

/* ── Section header: left title + right description ─────────────── */
.slcs-uc-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: end;
    margin-bottom: 72px;
    padding-bottom: 48px;
    border-bottom: 1px solid #ede9e0;
}
.slcs-uc-header__left .slc-eyebrow { display: block; margin-bottom: 14px; }
.slcs-uc-header__left h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.9rem, 3vw, 2.8rem);
    font-weight: 900;
    color: #0f0f1e;
    line-height: 1.12;
    margin: 0;
}
.slcs-uc-header__desc {
    color: #777;
    font-size: 1rem;
    line-height: 1.85;
    padding-top: 8px;
    margin: 0;
}

/* ── 2-col numbered grid ─────────────────────────────────────────── */
.slcs-uc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-top: 1px solid #ede9e0;
    border-left: 1px solid #ede9e0;
}

/* each item cell */
.slcs-uc-item {
    display: grid;
    grid-template-columns: 64px 1px 1fr;
    gap: 0;
    border-right: 1px solid #ede9e0;
    border-bottom: 1px solid #ede9e0;
    position: relative;
    overflow: hidden;
    transition: background .25s;
}
/* gold left sweep on hover */
.slcs-uc-item::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: #F1B203;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}
.slcs-uc-item:hover { background: #fdfcf8; }
.slcs-uc-item:hover::before { transform: scaleY(1); }

/* large Playfair numeral column */
.slcs-uc-item__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.4rem;
    font-weight: 900;
    color: #e8d87a;
    letter-spacing: -.02em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 32px 0 0;
    line-height: 1;
    transition: color .25s;
    user-select: none;
}
.slcs-uc-item:hover .slcs-uc-item__num { color: #F1B203; }

/* thin gold divider between number and body */
.slcs-uc-item__divider {
    width: 1px;
    background: #ede9e0;
    align-self: stretch;
    flex-shrink: 0;
    transition: background .25s;
}
.slcs-uc-item:hover .slcs-uc-item__divider { background: rgba(241,178,3,.3); }

/* content area */
.slcs-uc-item__body {
    padding: 32px 28px 32px 24px;
}

/* small icon */
.slcs-uc-item__icon {
    width: 40px; height: 40px;
    border-radius: 10px;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    color: #F1B203;
    margin-bottom: 16px;
    transition: background .25s, border-color .25s, transform .25s;
}
.slcs-uc-item:hover .slcs-uc-item__icon {
    background: rgba(241,178,3,.18);
    border-color: rgba(241,178,3,.5);
    transform: scale(1.06);
}

/* title */
.slcs-uc-item__body h4 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f0f1e;
    margin-bottom: 10px;
    line-height: 1.28;
    transition: color .2s;
}
.slcs-uc-item:hover .slcs-uc-item__body h4 { color: #0a0a0a; }

/* description */
.slcs-uc-item__body p {
    font-size: .86rem;
    color: #888;
    line-height: 1.75;
    margin: 0;
    transition: color .2s;
}
.slcs-uc-item:hover .slcs-uc-item__body p { color: #666; }

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .slcs-uc-header { grid-template-columns: 1fr; gap: 24px; margin-bottom: 48px; }
}
@media (max-width: 680px) {
    .slcs-uc-grid   { grid-template-columns: 1fr; }
    .slcs-usecases  { padding: 64px 0; }
    .slcs-uc-item   { grid-template-columns: 48px 1px 1fr; }
    .slcs-uc-item__num { font-size: 1rem; padding-top: 28px; }
    .slcs-uc-item__body { padding: 24px 20px 24px 18px; }
}


/* ═══════════════════════════════════════════════════════════════════
   SINGLE SERVICE — When Do You Need (.slcs-when-)
   Dark navy cards · gold accents · premium 3-col grid
   ═══════════════════════════════════════════════════════════════════ */
.slcs-when {
    padding: 100px 0;
    background: #f6f5f2;
    position: relative;
}

/* ── Section heading ────────────────────────────────────────────── */
.slcs-when__head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: end;
    margin-bottom: 60px;
}
.slcs-when__head .slc-eyebrow { display: block; margin-bottom: 16px; }
.slcs-when__title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2rem, 3.2vw, 2.8rem);
    font-weight: 900;
    color: #0f0f1e;
    line-height: 1.1;
    margin: 0;
}
.slcs-when__sub {
    color: #888;
    font-size: .98rem;
    line-height: 1.82;
    margin: 0;
    padding-top: 6px;
}

/* ── 3-col card grid ────────────────────────────────────────────── */
.slcs-when__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* ── Individual card ────────────────────────────────────────────── */
.slcs-when__card {
    position: relative;
    background: #0d0d1c;
    border-radius: 20px;
    padding: 36px 30px 30px;
    overflow: hidden;
    border: 1px solid rgba(241,178,3,.12);
    display: flex;
    flex-direction: column;
    transition: transform .28s, border-color .28s, box-shadow .28s;
}

/* permanent gold top line */
.slcs-when__card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(to right, #F1B203 0%, #d4990a 100%);
}

/* dark glow on hover */
.slcs-when__card:hover {
    transform: translateY(-8px);
    border-color: rgba(241,178,3,.38);
    box-shadow: 0 24px 64px rgba(0,0,0,.35), 0 0 0 1px rgba(241,178,3,.15);
}

/* large Playfair number — top right watermark */
.slcs-when__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.5rem;
    font-weight: 900;
    color: rgba(241,178,3,.2);
    line-height: 1;
    letter-spacing: -.03em;
    transition: color .28s;
    user-select: none;
}
.slcs-when__card:hover .slcs-when__num { color: rgba(241,178,3,.5); }

/* top row: icon left, number right */
.slcs-when__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

/* icon circle */
.slcs-when__icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(241,178,3,.1);
    border: 1.5px solid rgba(241,178,3,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #F1B203;
    transition: background .28s, border-color .28s, transform .28s;
    flex-shrink: 0;
}
.slcs-when__card:hover .slcs-when__icon {
    background: rgba(241,178,3,.22);
    border-color: rgba(241,178,3,.55);
    transform: scale(1.08) rotate(-4deg);
}

/* title */
.slcs-when__card h4 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.08rem;
    font-weight: 800;
    color: rgba(255,255,255,.92);
    margin-bottom: 12px;
    line-height: 1.3;
    transition: color .2s;
}
.slcs-when__card:hover h4 { color: #fff; }

/* description */
.slcs-when__card p {
    font-size: .85rem;
    color: rgba(255,255,255,.38);
    line-height: 1.78;
    margin: 0 0 24px;
    flex-grow: 1;
    transition: color .2s;
}
.slcs-when__card:hover p { color: rgba(255,255,255,.58); }

/* bottom arrow */
.slcs-when__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.25);
    font-size: .8rem;
    margin-top: auto;
    align-self: flex-start;
    transition: border-color .25s, color .25s, background .25s, transform .25s;
}
.slcs-when__card:hover .slcs-when__arrow {
    border-color: #F1B203;
    color: #F1B203;
    background: rgba(241,178,3,.1);
    transform: translateX(4px);
}

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .slcs-when__grid { grid-template-columns: repeat(2, 1fr); }
    .slcs-when__head { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 600px) {
    .slcs-when__grid { grid-template-columns: 1fr; gap: 14px; }
    .slcs-when        { padding: 64px 0; }
}

/* ═══════════════════════════════════════════════════════════════════
   LOCATION ARCHIVE — Editorial full-bleed strips (.slcla-)
   ═══════════════════════════════════════════════════════════════════ */

/* Scroll hint below hero CTA */
.slcla-scroll-hint {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 52px;
    opacity: .55;
    animation: slcla-bob 2.2s ease-in-out infinite;
}
.slcla-scroll-hint span {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff;
}
.slcla-scroll-hint__line {
    width: 1px;
    height: 40px;
    background: linear-gradient(to bottom, rgba(241,178,3,.8), transparent);
}
@keyframes slcla-bob {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(6px); }
}

/* Section header */
.slcla-locs__header {
    padding-top: 80px;
    padding-bottom: 56px;
    text-align: center;
}
.slcla-locs__header h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.7rem, 3.5vw, 2.6rem);
    font-weight: 800;
    color: #0f0f0f;
    margin: 14px 0 18px;
}
.slcla-locs__header p { color: #666; max-width: 560px; margin: 0 auto; }

/* Full-bleed strip row */
.slcla-strip {
    display: grid;
    grid-template-columns: 58% 42%;
    min-height: clamp(300px, 38vw, 500px);
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    position: relative;
    border-top: 1px solid rgba(0,0,0,.07);
    transition: background .3s;
}
.slcla-strip:last-of-type { border-bottom: 1px solid rgba(0,0,0,.07); }

/* reversed (even rows) */
.slcla-strip--rev { grid-template-columns: 42% 58%; }
.slcla-strip--rev .slcla-strip__photo { order: 2; }
.slcla-strip--rev .slcla-strip__body  { order: 1; }

/* Photo pane */
.slcla-strip__photo {
    position: relative;
    overflow: hidden;
}
.slcla-strip__img {
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
    transition: transform .7s cubic-bezier(.25,.46,.45,.94);
}
.slcla-strip:hover .slcla-strip__img { transform: scale(1.06); }
.slcla-strip__img--default {
    background: linear-gradient(135deg, #0d0d1c 0%, #1c1c2e 60%, #2a1a0e 100%);
}
.slcla-strip__photo-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,.25) 0%, rgba(0,0,0,.02) 100%);
    transition: opacity .4s;
}
.slcla-strip--rev .slcla-strip__photo-overlay {
    background: linear-gradient(to left, rgba(0,0,0,.25) 0%, rgba(0,0,0,.02) 100%);
}
.slcla-strip:hover .slcla-strip__photo-overlay { opacity: .7; }

/* Large editorial number over image */
.slcla-strip__num-badge {
    position: absolute;
    bottom: 20px; left: 24px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(3.5rem, 7vw, 6rem);
    font-weight: 900;
    color: rgba(241,178,3,.18);
    line-height: 1;
    transition: color .4s;
    user-select: none;
    pointer-events: none;
}
.slcla-strip--rev .slcla-strip__num-badge { left: auto; right: 24px; }
.slcla-strip:hover .slcla-strip__num-badge { color: rgba(241,178,3,.38); }

/* Text body pane */
.slcla-strip__body {
    display: flex;
    align-items: center;
    padding: 48px 56px;
    background: #fff;
    transition: background .3s;
    position: relative;
}
.slcla-strip__body::before {
    content: '';
    position: absolute;
    left: 0; top: 10%; bottom: 10%;
    width: 3px;
    background: #F1B203;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.slcla-strip--rev .slcla-strip__body::before { left: auto; right: 0; }
.slcla-strip:hover .slcla-strip__body::before { transform: scaleY(1); }
.slcla-strip:hover .slcla-strip__body { background: #fdfcf8; }

.slcla-strip__inner { max-width: 420px; }

.slcla-strip__eyebrow {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: .7rem; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; color: #F1B203;
    margin-bottom: 14px;
}
.slcla-strip__title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.5rem, 2.8vw, 2.1rem);
    font-weight: 800;
    color: #0f0f0f;
    line-height: 1.2;
    margin: 0 0 16px;
    transition: color .3s;
}
.slcla-strip:hover .slcla-strip__title { color: #000; }

.slcla-strip__desc {
    font-size: .9rem; color: #777; line-height: 1.8; margin: 0 0 24px;
}

.slcla-strip__link {
    display: inline-flex; align-items: center; gap: 12px;
    font-size: .78rem; font-weight: 800;
    letter-spacing: .1em; text-transform: uppercase;
    color: #0f0f0f;
}
.slcla-strip__arrow {
    display: flex; align-items: center; justify-content: center;
    width: 38px; height: 38px;
    border-radius: 50%;
    border: 1.5px solid rgba(0,0,0,.18);
    font-size: .85rem;
    transition: background .25s, border-color .25s, transform .25s;
}
.slcla-strip:hover .slcla-strip__arrow {
    background: #F1B203;
    border-color: #F1B203;
    transform: translateX(4px);
}

/* Responsive */
@media (max-width: 900px) {
    .slcla-strip,
    .slcla-strip--rev { grid-template-columns: 1fr; min-height: auto; }
    .slcla-strip--rev .slcla-strip__photo { order: 0; }
    .slcla-strip--rev .slcla-strip__body  { order: 1; }
    .slcla-strip__photo { height: 260px; }
    .slcla-strip__body  { padding: 36px 28px; }
    .slcla-strip__body::before { display: none; }
    .slcla-strip__num-badge { font-size: 4rem; }
}
@media (max-width: 480px) {
    .slcla-strip__body  { padding: 28px 20px; }
    .slcla-strip__photo { height: 200px; }
}

/* ── Why Choose — dark numbered editorial ──────────────────────── */
.slcla-why {
    padding: 100px 0;
    overflow: hidden;
}

.slcla-why__head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: end;
    margin-bottom: 72px;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}
@media (max-width: 768px) {
    .slcla-why__head { grid-template-columns: 1fr; gap: 20px; }
}

.slcla-why__head-text .slc-eyebrow { color: #F1B203; }
.slcla-why__head-text h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.8rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin: 12px 0 0;
}
.slcla-why__head-text h2 em { color: #F1B203; font-style: italic; }

.slcla-why__head-sub {
    font-size: .97rem;
    color: rgba(255,255,255,.45);
    line-height: 1.85;
    margin: 0;
    padding-left: 24px;
    border-left: 2px solid rgba(241,178,3,.35);
    align-self: center;
}

/* Numbered item grid */
.slcla-why__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 0;
}

.slcla-why__item {
    padding: 36px 32px;
    border: 1px solid rgba(255,255,255,.06);
    transition: background .3s, border-color .3s;
    position: relative;
    overflow: hidden;
}
.slcla-why__item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(241,178,3,.04) 0%, transparent 100%);
    opacity: 0;
    transition: opacity .3s;
}
.slcla-why__item:hover { background: rgba(255,255,255,.03); border-color: rgba(241,178,3,.2); }
.slcla-why__item:hover::after { opacity: 1; }

.slcla-why__item-num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.8rem;
    font-weight: 900;
    color: rgba(241,178,3,.15);
    line-height: 1;
    margin-bottom: 20px;
    transition: color .3s;
}
.slcla-why__item:hover .slcla-why__item-num { color: rgba(241,178,3,.35); }

.slcla-why__item-line {
    width: 32px; height: 2px;
    background: rgba(241,178,3,.3);
    margin-bottom: 18px;
    transition: width .35s;
}
.slcla-why__item:hover .slcla-why__item-line { width: 52px; background: #F1B203; }

.slcla-why__item-icon {
    width: 44px; height: 44px;
    border-radius: 50%;
    background: rgba(241,178,3,.08);
    border: 1px solid rgba(241,178,3,.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; color: #F1B203;
    margin-bottom: 16px;
    transition: background .3s, border-color .3s;
}
.slcla-why__item:hover .slcla-why__item-icon {
    background: rgba(241,178,3,.16);
    border-color: rgba(241,178,3,.45);
}

.slcla-why__item-title {
    font-size: .95rem;
    font-weight: 700;
    color: rgba(255,255,255,.85);
    margin: 0 0 10px;
}
.slcla-why__item-desc {
    font-size: .83rem;
    color: rgba(255,255,255,.38);
    line-height: 1.75;
    margin: 0;
}

@media (max-width: 768px) {
    .slcla-why__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .slcla-why__grid { grid-template-columns: 1fr; }
    .slcla-why__item { padding: 28px 20px; }
}

/* ═══════════════════════════════════════════════════════════════════
   SINGLE LOCATION PAGE — editorial (.slcls-)
   ═══════════════════════════════════════════════════════════════════ */
.slcl-wrap { overflow-x: hidden; }

/* ── 2 · Gold stats bar ─────────────────────────────────────────── */
.slcls-statsbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    background: #0f0f0f;
    border-bottom: 1px solid rgba(241,178,3,.12);
}
.slcls-statsbar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 48px;
    gap: 6px;
}
.slcls-statsbar__sep {
    width: 1px;
    height: 48px;
    background: rgba(255,255,255,.1);
    flex-shrink: 0;
}
.slcls-statsbar__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.4rem;
    font-weight: 900;
    color: #F1B203;
    line-height: 1;
}
.slcls-statsbar__num sup {
    font-size: 1.2rem;
    vertical-align: super;
}
.slcls-statsbar__label {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.4);
}
@media (max-width: 768px) {
    .slcls-statsbar { flex-wrap: wrap; }
    .slcls-statsbar__item { padding: 24px 28px; }
    .slcls-statsbar__sep { display: none; }
}
@media (max-width: 420px) {
    .slcls-statsbar__item { padding: 20px 18px; width: 50%; }
}

/* ── 2 · Intro text block ───────────────────────────────────────── */
.slcls-intro__body {
    display: grid;
    grid-template-columns: 6px 1fr;
    gap: 40px;
    padding: 72px 0 80px;
    align-items: start;
}
.slcls-intro__accent {
    width: 3px;
    background: linear-gradient(to bottom, #F1B203 0%, rgba(241,178,3,.1) 100%);
    height: 100%;
    min-height: 200px;
    border-radius: 2px;
    margin-top: 8px;
}
.slcls-intro__text .slc-eyebrow { margin-bottom: 14px; display: block; }
.slcls-intro__text h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    font-weight: 800;
    color: #0f0f0f;
    margin: 0 0 20px;
    line-height: 1.25;
    max-width: 700px;
}
.slcls-intro__text h2 em { color: #F1B203; font-style: italic; }
.slcls-intro__text p {
    font-size: .97rem; color: #555; line-height: 1.9; margin-bottom: 18px; max-width: 680px;
}
.slcls-intro__badges {
    display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 28px;
}
.slcls-intro__badges span {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: .83rem; font-weight: 600; color: #0f0f0f;
}
.slcls-intro__badges span i { color: #F1B203; }

@media (max-width: 640px) {
    .slcls-intro__body { grid-template-columns: 1fr; }
    .slcls-intro__accent { display: none; }
}

/* ── 3 · Why Choose — editorial split ───────────────────────────── */
.slcls-why { padding: 100px 0; }

.slcls-why__split {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 80px;
    align-items: start;
}
@media (max-width: 1024px) {
    .slcls-why__split { grid-template-columns: 1fr; gap: 48px; }
}

/* Left editorial column */
.slcls-why__left .slc-eyebrow { color: #F1B203; margin-bottom: 16px; display: block; }
.slcls-why__left h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.7rem, 3vw, 2.4rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 28px;
}
.slcls-why__left h2 em { color: #F1B203; font-style: italic; }

.slcls-why__accent-line {
    width: 56px; height: 3px;
    background: #F1B203;
    margin-bottom: 28px;
}

.slcls-why__sub {
    font-size: .92rem;
    color: rgba(255,255,255,.45);
    line-height: 1.85;
    margin: 0;
}

/* Right numbered feature list */
.slcls-why__right { display: flex; flex-direction: column; }

.slcls-why__feat {
    display: grid;
    grid-template-columns: 52px 44px 1fr;
    align-items: center;
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
    transition: border-color .25s, background .25s;
    border-radius: 4px;
}
.slcls-why__feat:first-child { border-top: 1px solid rgba(255,255,255,.07); }
.slcls-why__feat:hover { border-color: rgba(241,178,3,.2); }

.slcls-why__feat-num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.6rem;
    font-weight: 900;
    color: rgba(241,178,3,.22);
    text-align: right;
    transition: color .25s;
}
.slcls-why__feat:hover .slcls-why__feat-num { color: rgba(241,178,3,.5); }

.slcls-why__feat-icon {
    width: 44px; height: 44px;
    border-radius: 50%;
    background: rgba(241,178,3,.08);
    border: 1px solid rgba(241,178,3,.16);
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; color: #F1B203;
    transition: background .25s, border-color .25s;
}
.slcls-why__feat:hover .slcls-why__feat-icon {
    background: rgba(241,178,3,.16);
    border-color: rgba(241,178,3,.4);
}

.slcls-why__feat-body h4 {
    font-size: .95rem;
    font-weight: 700;
    color: rgba(255,255,255,.85);
    margin: 0;
    transition: color .25s;
}
.slcls-why__feat:hover .slcls-why__feat-body h4 { color: #fff; }

@media (max-width: 480px) {
    .slcls-why__feat { grid-template-columns: 40px 36px 1fr; gap: 12px; }
}

/* ── 4 · Services — editorial rows ──────────────────────────────── */
.slcls-services { padding: 100px 0; }

.slcls-services__head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: end;
    margin-bottom: 56px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,.08);
}
@media (max-width: 768px) {
    .slcls-services__head { grid-template-columns: 1fr; gap: 12px; }
}
.slcls-services__head .slc-eyebrow { margin-bottom: 10px; display: block; }
.slcls-services__head h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    font-weight: 800; color: #0f0f0f; margin: 0;
}
.slcls-services__sub {
    font-size: .92rem; color: #777; line-height: 1.8; margin: 0;
    padding-left: 20px;
    border-left: 2px solid rgba(241,178,3,.4);
}

.slcls-srows { display: flex; flex-direction: column; }

.slcls-srow {
    display: grid;
    grid-template-columns: 64px 64px 1fr 44px;
    align-items: center;
    gap: 24px;
    padding: 28px 20px;
    border-bottom: 1px solid rgba(0,0,0,.07);
    text-decoration: none;
    color: inherit;
    position: relative;
    transition: background .25s, padding-left .3s;
}
.slcls-srow:first-child { border-top: 1px solid rgba(0,0,0,.07); }
.slcls-srow::before {
    content: '';
    position: absolute;
    left: 0; top: 10%; bottom: 10%;
    width: 3px;
    background: #F1B203;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}
.slcls-srow:hover { background: #fdfcf8; padding-left: 28px; }
.slcls-srow:hover::before { transform: scaleY(1); }

.slcls-srow__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2rem;
    font-weight: 900;
    color: rgba(0,0,0,.08);
    text-align: right;
    transition: color .25s;
    line-height: 1;
}
.slcls-srow:hover .slcls-srow__num { color: rgba(241,178,3,.4); }

.slcls-srow__icon {
    width: 52px; height: 52px;
    border-radius: 50%;
    background: rgba(241,178,3,.08);
    border: 1px solid rgba(241,178,3,.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.15rem; color: #F1B203;
    transition: background .25s, border-color .25s;
    flex-shrink: 0;
}
.slcls-srow:hover .slcls-srow__icon {
    background: #F1B203;
    border-color: #F1B203;
    color: #000;
}

.slcls-srow__body h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f0f0f;
    margin: 0 0 6px;
    transition: color .25s;
}
.slcls-srow:hover .slcls-srow__body h3 { color: #000; }
.slcls-srow__body p {
    font-size: .84rem; color: #888; line-height: 1.7; margin: 0;
    transition: color .25s;
}
.slcls-srow:hover .slcls-srow__body p { color: #666; }

.slcls-srow__arrow {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
    border-radius: 50%;
    border: 1.5px solid rgba(0,0,0,.12);
    color: rgba(0,0,0,.35);
    font-size: .85rem;
    flex-shrink: 0;
    transition: background .25s, border-color .25s, color .25s, transform .25s;
}
.slcls-srow:hover .slcls-srow__arrow {
    background: #F1B203;
    border-color: #F1B203;
    color: #000;
    transform: translateX(4px);
}

@media (max-width: 768px) {
    .slcls-srow { grid-template-columns: 48px 48px 1fr; gap: 14px; }
    .slcls-srow__arrow { display: none; }
}
@media (max-width: 480px) {
    .slcls-srow { grid-template-columns: 36px 1fr; gap: 12px; padding: 22px 14px; }
    .slcls-srow__num { display: none; }
}

/* Legacy card classes — kept for reference, no longer used */
.slcl-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 48px;
}

.slcl-card {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background: #fff;
    box-shadow: 0 4px 24px rgba(0,0,0,.08);
    transition: transform .3s, box-shadow .3s;
}
.slcl-card:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,.15); }

.slcl-card__img {
    position: relative;
    height: 200px;
    overflow: hidden;
}
.slcl-card__bg {
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
    transition: transform .5s;
}
.slcl-card:hover .slcl-card__bg { transform: scale(1.06); }
.slcl-card__bg--default { background: linear-gradient(135deg,#0d0d1c 0%,#1a1a2e 100%); }
.slcl-card__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.65) 0%, rgba(0,0,0,.15) 100%);
}
.slcl-card__pin {
    position: absolute; top: 14px; right: 14px;
    width: 36px; height: 36px;
    background: rgba(241,178,3,.15);
    border: 1px solid rgba(241,178,3,.35);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #F1B203; font-size: .85rem;
    backdrop-filter: blur(6px);
}

.slcl-card__body {
    padding: 22px 24px 24px;
    display: flex; flex-direction: column; gap: 8px;
}
.slcl-card__body h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.15rem; font-weight: 700; color: #0f0f0f;
    margin: 0;
}
.slcl-card__body p {
    font-size: .84rem; color: #666; line-height: 1.65; margin: 0;
}
.slcl-card__link {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: .8rem; font-weight: 700; color: #F1B203;
    margin-top: 6px; letter-spacing: .04em; text-transform: uppercase;
}
.slcl-card__link i { transition: transform .2s; }
.slcl-card:hover .slcl-card__link i { transform: translateX(4px); }

/* ═══════════════════════════════════════════════════════════════════
   SINGLE LOCATION PAGE (.slcl-)
   ═══════════════════════════════════════════════════════════════════ */
.slcl-wrap { overflow-x: hidden; }

/* ── 2 · Intro section ──────────────────────────────────────────── */
.slcl-intro .slc-container { padding-top: 0; }

.slcl-intro__grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 64px;
    align-items: center;
}
@media (max-width: 1024px) {
    .slcl-intro__grid { grid-template-columns: 1fr; gap: 40px; }
}

.slcl-intro__text h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 800;
    color: #0f0f0f;
    margin: 14px 0 18px;
    line-height: 1.25;
}
.slcl-intro__text h2 em { color: #F1B203; font-style: italic; }

.slcl-intro__body {
    font-size: .97rem; color: #555; line-height: 1.85; margin-bottom: 16px;
}

.slcl-intro__badges {
    display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 24px;
}
.slcl-intro__badges span {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: .83rem; font-weight: 600; color: #0f0f0f;
}
.slcl-intro__badges span i { color: #F1B203; font-size: .9rem; }

/* Stats column */
.slcl-intro__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.slcl-stat-card {
    background: #0f0f0f;
    border-radius: 14px;
    padding: 28px 20px 24px;
    text-align: center;
    border: 1px solid rgba(241,178,3,.12);
    transition: border-color .25s;
}
.slcl-stat-card:hover { border-color: rgba(241,178,3,.4); }

.slcl-stat-card__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.4rem;
    font-weight: 900;
    color: #F1B203;
    line-height: 1;
    margin-bottom: 8px;
}
.slcl-stat-card__num span { font-size: 1.4rem; }

.slcl-stat-card__label {
    font-size: .75rem;
    font-weight: 600;
    color: rgba(255,255,255,.5);
    text-transform: uppercase;
    letter-spacing: .08em;
}

/* ── 3 · Why Choose ─────────────────────────────────────────────── */
.slcl-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    margin-top: 48px;
}

.slcl-why-card {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;
    padding: 32px 20px;
    text-align: center;
    transition: border-color .25s, background .25s, transform .25s;
}
.slcl-why-card:hover {
    border-color: rgba(241,178,3,.35);
    background: rgba(241,178,3,.04);
    transform: translateY(-4px);
}

.slcl-why-card__icon {
    width: 60px; height: 60px;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.2);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 18px;
    font-size: 1.35rem;
    color: #F1B203;
    transition: background .25s, border-color .25s;
}
.slcl-why-card:hover .slcl-why-card__icon {
    background: rgba(241,178,3,.18);
    border-color: rgba(241,178,3,.45);
}

.slcl-why-card__title {
    color: #fff;
    font-size: .92rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .slcl-why-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .slcl-why-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
}

/* ── 4 · Services grid ──────────────────────────────────────────── */
.slcl-svc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 48px;
}

.slcl-svc-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,.08);
    display: flex; flex-direction: column;
    transition: transform .3s, box-shadow .3s;
}
.slcl-svc-card:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,.14); }

.slcl-svc-card__img {
    height: 180px;
    background-size: cover; background-position: center;
}

.slcl-svc-card__icon-wrap {
    height: 120px;
    background: #0f0f0f;
    display: flex; align-items: center; justify-content: center;
    font-size: 2.4rem;
    color: #F1B203;
}

.slcl-svc-card__body {
    padding: 24px;
    display: flex; flex-direction: column; gap: 10px;
    flex: 1;
}
.slcl-svc-card__body h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.1rem; font-weight: 800; color: #0f0f0f; margin: 0;
}
.slcl-svc-card__body p {
    font-size: .85rem; color: #666; line-height: 1.7; margin: 0; flex: 1;
}

.slcl-svc-card__link {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: .8rem; font-weight: 700;
    color: #F1B203;
    text-transform: uppercase; letter-spacing: .05em;
    margin-top: 6px; text-decoration: none;
    transition: gap .2s;
}
.slcl-svc-card:hover .slcl-svc-card__link { gap: 10px; }

@media (max-width: 768px) {
    .slcl-svc-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 500px) {
    .slcl-svc-grid { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════════════
   FLEET LISTING PAGE (.slcf-)
   ═══════════════════════════════════════════════════════════════════ */
.slcf-wrap { overflow-x: hidden; }

/* ── Fleet hero ─────────────────────────────────────────────────── */
.slcf-hero {
    position: relative;
    background: #07070c;
    overflow: hidden;
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.slcf-hero__bg {
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
    opacity: .25;
    transform: scale(1.04);
}
.slcf-hero__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, #07070c 0%, rgba(7,7,12,.7) 60%, rgba(7,7,12,.4) 100%);
}
.slcf-hero__container {
    position: relative; z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 48px;
    padding-top: 160px;
    padding-bottom: 64px;
}
@media (max-width: 900px) {
    .slcf-hero__container { grid-template-columns: 1fr; padding-top: 140px; }
}

.slcf-hero__content .slc-hero__eyebrow { margin-bottom: 16px; }
.slcf-hero__content h1 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2rem, 4.5vw, 3.4rem);
    font-weight: 900;
    color: #fff;
    line-height: 1.15;
    margin: 0 0 18px;
}
.slcf-hero__content h1 em { color: #F1B203; font-style: italic; }
.slcf-hero__sub {
    font-size: .98rem;
    color: rgba(255,255,255,.5);
    max-width: 540px;
    line-height: 1.8;
    margin-bottom: 32px;
}
.slcf-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; }

/* Hero right-side stats */
.slcf-hero__stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    overflow: hidden;
    min-width: 160px;
    flex-shrink: 0;
}
.slcf-hero__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 32px;
    width: 100%;
    text-align: center;
}
.slcf-hero__stat-sep {
    width: 60%; height: 1px;
    background: rgba(255,255,255,.08);
}
.slcf-hero__stat-num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2rem;
    font-weight: 900;
    color: #F1B203;
    line-height: 1;
    margin-bottom: 6px;
}
.slcf-hero__stat-num sup { font-size: 1rem; vertical-align: super; }
.slcf-hero__stat-lbl {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.4);
}
@media (max-width: 900px) {
    .slcf-hero__stats { flex-direction: row; min-width: auto; }
    .slcf-hero__stat  { padding: 18px 20px; }
    .slcf-hero__stat-sep { width: 1px; height: 40px; }
}

/* ── Showcase section ───────────────────────────────────────────── */
.slcf-showcase {
    background: #07070c;
    padding-bottom: 80px;
}

.slcf-showcase__header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: end;
    padding-top: 72px;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    margin-bottom: 2px;
}
@media (max-width: 768px) {
    .slcf-showcase__header { grid-template-columns: 1fr; gap: 16px; }
}
.slcf-showcase__header-left .slc-eyebrow { color: #F1B203; margin-bottom: 10px; display: block; }
.slcf-showcase__header-left h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.7rem, 3vw, 2.5rem);
    font-weight: 800;
    color: #fff;
    margin: 0;
}
.slcf-showcase__header-right {
    font-size: .9rem;
    color: rgba(255,255,255,.38);
    line-height: 1.8;
    padding-left: 24px;
    border-left: 2px solid rgba(241,178,3,.25);
    margin: 0;
}
@media (max-width: 768px) {
    .slcf-showcase__header-right { padding-left: 0; border-left: none; }
}

/* Cinematic card grid */
.slcf-showcase__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    background: rgba(255,255,255,.04);
}
@media (max-width: 700px) {
    .slcf-showcase__grid { grid-template-columns: 1fr; }
}

/* Vehicle card */
.slcf-vcard {
    position: relative;
    height: clamp(380px, 52vh, 600px);
    overflow: hidden;
    display: block;
    cursor: pointer;
    background: #0d0d14;
}
.slcf-vcard--wide {
    grid-column: 1 / -1;
    height: clamp(460px, 60vh, 700px);
}

/* Background image */
.slcf-vcard__bg {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .8s cubic-bezier(.25,.46,.45,.94), filter .5s;
}
.slcf-vcard:hover .slcf-vcard__bg {
    transform: scale(1.07);
    filter: brightness(.65);
}
.slcf-vcard__bg--default {
    background: linear-gradient(135deg, #0d0d1c 0%, #1c1c30 100%);
    display: flex; align-items: center; justify-content: center;
    font-size: 6rem;
    color: rgba(241,178,3,.1);
}

/* Gradient overlay */
.slcf-vcard__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(
        to top,
        rgba(5,5,10,.97) 0%,
        rgba(5,5,10,.55) 40%,
        rgba(5,5,10,.1)  100%
    );
    transition: opacity .4s;
}
.slcf-vcard:hover .slcf-vcard__overlay { opacity: .85; }

/* Large faded index number */
.slcf-vcard__num {
    position: absolute;
    top: 20px; right: 24px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(3rem, 6vw, 5.5rem);
    font-weight: 900;
    color: rgba(241,178,3,.1);
    line-height: 1;
    pointer-events: none;
    transition: color .4s;
}
.slcf-vcard:hover .slcf-vcard__num { color: rgba(241,178,3,.2); }

/* Brand logo */
.slcf-vcard__logo {
    position: absolute;
    top: 22px; left: 22px;
    background: rgba(255,255,255,.9);
    border-radius: 8px;
    padding: 6px 12px;
    backdrop-filter: blur(8px);
    transition: opacity .3s;
}
.slcf-vcard__logo img { height: 24px; width: auto; display: block; }
.slcf-vcard:hover .slcf-vcard__logo { opacity: .7; }

/* Bottom persistent info panel */
.slcf-vcard__panel {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 24px 28px 100px;
    transition: padding-bottom .4s cubic-bezier(.25,.46,.45,.94);
}
.slcf-vcard:hover .slcf-vcard__panel { padding-bottom: 130px; }

.slcf-vcard__badge {
    display: inline-block;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #F1B203;
    border: 1px solid rgba(241,178,3,.35);
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.slcf-vcard__name {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.4rem, 2.8vw, 2rem);
    font-weight: 800;
    color: #fff;
    margin: 0 0 12px;
    line-height: 1.15;
}
.slcf-vcard--wide .slcf-vcard__name { font-size: clamp(1.8rem, 3.5vw, 2.6rem); }

.slcf-vcard__specs {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}
.slcf-vcard__specs span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
    font-weight: 600;
    color: rgba(255,255,255,.5);
}
.slcf-vcard__specs span i { color: #F1B203; font-size: .75rem; }

/* Hover drawer — slides up from bottom */
.slcf-vcard__drawer {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 20px 28px 28px;
    background: rgba(5,5,10,.97);
    border-top: 1px solid rgba(241,178,3,.15);
    transform: translateY(100%);
    transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.slcf-vcard:hover .slcf-vcard__drawer { transform: translateY(0); }

/* Feature list inside drawer */
.slcf-vcard__feats {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 20px;
}
.slcf-vcard--wide .slcf-vcard__feats { grid-template-columns: repeat(4, 1fr); }
.slcf-vcard__feats li {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .78rem;
    color: rgba(255,255,255,.55);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.slcf-vcard__feats li i { color: #F1B203; font-size: .72rem; flex-shrink: 0; }

/* Action buttons row */
.slcf-vcard__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.06);
}

/* WhatsApp circle */
.slcf-vcard__wa {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
    border-radius: 50%;
    background: rgba(37,211,102,.1);
    border: 1px solid rgba(37,211,102,.3);
    color: #25D366;
    font-size: 1rem;
    text-decoration: none;
    flex-shrink: 0;
    transition: background .2s, border-color .2s, transform .2s;
}
.slcf-vcard__wa:hover { background: #25D366; border-color: #25D366; color: #fff; transform: scale(1.08); }

/* Full details link */
.slcf-vcard__view {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.35);
    text-decoration: none;
    margin-left: auto;
    transition: color .2s, gap .2s;
}
.slcf-vcard__view i {
    width: 26px; height: 26px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.15);
    display: flex; align-items: center; justify-content: center;
    font-size: .65rem;
    transition: border-color .2s, background .2s, transform .2s;
}
.slcf-vcard__view:hover { color: #F1B203; gap: 10px; }
.slcf-vcard__view:hover i { border-color: #F1B203; background: rgba(241,178,3,.12); transform: translateX(2px); }

/* Responsive */
@media (max-width: 700px) {
    .slcf-vcard { height: clamp(300px, 65vw, 440px); }
    .slcf-vcard--wide { height: clamp(360px, 70vw, 500px); }
    .slcf-vcard__feats { grid-template-columns: 1fr 1fr; }
    .slcf-vcard--wide .slcf-vcard__feats { grid-template-columns: 1fr 1fr; }
    .slcf-vcard__panel { padding: 20px 20px 110px; }
    .slcf-vcard:hover .slcf-vcard__panel { padding-bottom: 140px; }
}

/* ═══════════════════════════════════════════════════════════════════
   FLEET — TYPOGRAPHIC INTRO (.slcf-intro)
   ═══════════════════════════════════════════════════════════════════ */
.slcf-intro {
    background: #050508;
    padding: 140px 0 100px;
    position: relative;
    overflow: hidden;
}

/* Subtle grain texture overlay */
.slcf-intro::before {
    content: '';
    position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
    opacity: .4;
    pointer-events: none;
}

.slcf-intro__top {
    display: flex;
    align-items: center;
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto 48px;
    padding: 0 40px;
}
.slcf-intro__eyebrow {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    white-space: nowrap;
}
.slcf-intro__top-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, rgba(241,178,3,.3), transparent);
}

/* Main headline + count row */
.slcf-intro__headline {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}
.slcf-intro__title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(5rem, 14vw, 11rem);
    font-weight: 900;
    color: #fff;
    line-height: .9;
    margin: 0;
    letter-spacing: -.03em;
}
.slcf-intro__count {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(3rem, 8vw, 7rem);
    font-weight: 900;
    color: rgba(241,178,3,.15);
    line-height: 1;
    letter-spacing: -.02em;
    flex-shrink: 0;
    align-self: flex-start;
    padding-top: .2em;
}

/* Gold horizontal rule */
.slcf-intro__rule {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 40px;
    height: 1px;
    background: linear-gradient(to right, #F1B203 0%, rgba(241,178,3,.1) 60%, transparent 100%);
}

/* Bottom row: description + CTAs */
.slcf-intro__bottom {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 48px;
}
@media (max-width: 768px) {
    .slcf-intro__bottom { grid-template-columns: 1fr; gap: 24px; }
}
.slcf-intro__desc {
    font-size: 1.05rem;
    color: rgba(255,255,255,.4);
    line-height: 1.85;
    margin: 0;
    max-width: 520px;
}

.slcf-intro__ctas { display: flex; gap: 12px; flex-wrap: wrap; }

.slcf-intro__btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: #F1B203;
    color: #000;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    transition: background .2s, transform .2s, box-shadow .2s;
}
.slcf-intro__btn-primary:hover {
    background: #d4a003;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(241,178,3,.3);
}
.slcf-intro__btn-wa {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: transparent;
    color: rgba(255,255,255,.6);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 14px 24px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,.12);
    text-decoration: none;
    transition: border-color .2s, color .2s;
}
.slcf-intro__btn-wa:hover { border-color: #25D366; color: #25D366; }

/* Trust strip */
.slcf-intro__trust {
    max-width: 1200px;
    margin: 64px auto 0;
    padding: 28px 40px;
    border-top: 1px solid rgba(255,255,255,.06);
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.slcf-intro__trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.28);
}
.slcf-intro__trust span i { color: #F1B203; font-size: .8rem; }

@media (max-width: 600px) {
    .slcf-intro { padding: 100px 0 64px; }
    .slcf-intro__top,
    .slcf-intro__headline,
    .slcf-intro__rule,
    .slcf-intro__bottom,
    .slcf-intro__trust { padding-left: 20px; padding-right: 20px; }
    .slcf-intro__count { display: none; }
}

/* ═══════════════════════════════════════════════════════════════════
   FLEET — PER-VEHICLE EDITORIAL SECTIONS (.slcf-vehicle)
   ═══════════════════════════════════════════════════════════════════ */
.slcf-vehicle {
    display: grid;
    grid-template-columns: 58% 42%;
    min-height: 85vh;
    background: #050508;
    border-top: 1px solid rgba(255,255,255,.04);
    position: relative;
}
.slcf-vehicle--even {
    grid-template-columns: 42% 58%;
}
.slcf-vehicle--even .slcf-vehicle__visual { order: 2; }
.slcf-vehicle--even .slcf-vehicle__panel  { order: 1; }

/* Visual — full-bleed photo */
.slcf-vehicle__visual {
    position: relative;
    overflow: hidden;
}
.slcf-vehicle__photo {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 9s cubic-bezier(.25,.46,.45,.94), filter .6s;
}
.slcf-vehicle:hover .slcf-vehicle__photo {
    transform: scale(1.05);
    filter: brightness(.85);
}
.slcf-vehicle__photo--default {
    background: linear-gradient(135deg, #0d0d1c, #1a1a2e);
    display: flex; align-items: center; justify-content: center;
    font-size: 7rem; color: rgba(241,178,3,.07);
}

/* Photo overlay — stronger toward the panel side */
.slcf-vehicle__photo-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to right, transparent 40%, rgba(5,5,8,.6) 100%);
    transition: opacity .5s;
}
.slcf-vehicle--even .slcf-vehicle__photo-overlay {
    background: linear-gradient(to left, transparent 40%, rgba(5,5,8,.6) 100%);
}

/* Brand logo on photo */
.slcf-vehicle__logo-wrap {
    position: absolute;
    top: 28px; left: 28px;
    background: rgba(255,255,255,.9);
    padding: 6px 14px;
    border-radius: 8px;
    backdrop-filter: blur(10px);
    transition: opacity .3s;
}
.slcf-vehicle--even .slcf-vehicle__logo-wrap { left: auto; right: 28px; }
.slcf-vehicle__logo-wrap img { height: 26px; width: auto; display: block; }

/* Giant watermark number on photo */
.slcf-vehicle__watermark {
    position: absolute;
    bottom: -20px; right: -10px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(8rem, 16vw, 16rem);
    font-weight: 900;
    color: rgba(241,178,3,.05);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    letter-spacing: -.04em;
    transition: color .5s;
}
.slcf-vehicle--even .slcf-vehicle__watermark { right: auto; left: -10px; }
.slcf-vehicle:hover .slcf-vehicle__watermark { color: rgba(241,178,3,.1); }

/* Panel — dark editorial */
.slcf-vehicle__panel {
    background: #050508;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-left: 1px solid rgba(255,255,255,.04);
}
.slcf-vehicle--even .slcf-vehicle__panel { border-left: none; border-right: 1px solid rgba(255,255,255,.04); }

/* Giant number behind panel content */
.slcf-vehicle__panel::before {
    content: attr(data-num);
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(10rem, 20vw, 18rem);
    font-weight: 900;
    color: rgba(241,178,3,.025);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    letter-spacing: -.05em;
    transition: color .5s;
}
.slcf-vehicle--even .slcf-vehicle__panel::before { right: auto; left: -16px; }
.slcf-vehicle:hover .slcf-vehicle__panel::before { color: rgba(241,178,3,.05); }

.slcf-vehicle__panel-inner {
    padding: 72px 68px;
    position: relative;
    z-index: 1;
    width: 100%;
}

/* Class tag */
.slcf-vehicle__eyebrow { margin-bottom: 18px; }
.slcf-vehicle__class-tag {
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #F1B203;
}

/* Vehicle name */
.slcf-vehicle__name {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
    margin: 0 0 28px;
}

/* Gold rule */
.slcf-vehicle__rule {
    width: 56px;
    height: 2px;
    background: linear-gradient(to right, #F1B203, rgba(241,178,3,.2));
    margin-bottom: 32px;
    transition: width .4s;
}
.slcf-vehicle:hover .slcf-vehicle__rule { width: 100%; }

/* Specs row */
.slcf-vehicle__specs-row {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 32px;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.slcf-vehicle__spec {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}
.slcf-vehicle__spec-sep {
    width: 1px;
    height: 36px;
    background: rgba(255,255,255,.08);
    margin: 0 20px;
    flex-shrink: 0;
}
.slcf-vehicle__spec-val {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.slcf-vehicle__spec-key {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
}

/* Features list — clean, no icons, separator lines */
.slcf-vehicle__feats {
    list-style: none;
    padding: 0;
    margin: 0 0 36px;
    display: flex;
    flex-direction: column;
}
.slcf-vehicle__feats li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.05);
    font-size: .84rem;
    color: rgba(255,255,255,.42);
    letter-spacing: .02em;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: color .25s, padding-left .25s;
}
.slcf-vehicle__feats li::before {
    content: '';
    width: 18px; height: 1px;
    background: rgba(241,178,3,.4);
    flex-shrink: 0;
    transition: width .25s, background .25s;
}
.slcf-vehicle:hover .slcf-vehicle__feats li {
    color: rgba(255,255,255,.62);
    padding-left: 4px;
}
.slcf-vehicle:hover .slcf-vehicle__feats li::before {
    width: 24px;
    background: #F1B203;
}

/* Actions */
.slcf-vehicle__actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

/* "View Full Details" text link */
.slcf-vehicle__details-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.5);
    text-decoration: none;
    transition: color .25s, gap .25s;
}
.slcf-vehicle__details-arrow {
    display: flex; align-items: center; justify-content: center;
    width: 34px; height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.15);
    font-size: .75rem;
    transition: border-color .25s, background .25s, transform .25s;
}
.slcf-vehicle__details-link:hover { color: #fff; gap: 16px; }
.slcf-vehicle__details-link:hover .slcf-vehicle__details-arrow {
    border-color: #F1B203;
    background: rgba(241,178,3,.12);
    transform: translateX(2px);
}

/* Book Now gold button */
.slcf-vehicle__book-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #F1B203;
    color: #000;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 13px 24px;
    border-radius: 6px;
    text-decoration: none;
    transition: background .2s, transform .2s, box-shadow .2s;
}
.slcf-vehicle__book-btn:hover {
    background: #d4a003;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(241,178,3,.3);
}

/* WhatsApp circle */
.slcf-vehicle__wa-btn {
    display: flex; align-items: center; justify-content: center;
    width: 44px; height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(37,211,102,.25);
    background: rgba(37,211,102,.06);
    color: #25D366;
    font-size: 1.05rem;
    text-decoration: none;
    flex-shrink: 0;
    transition: background .2s, border-color .2s, transform .2s;
}
.slcf-vehicle__wa-btn:hover {
    background: #25D366;
    border-color: #25D366;
    color: #fff;
    transform: scale(1.08);
}

/* Responsive */
@media (max-width: 960px) {
    .slcf-vehicle,
    .slcf-vehicle--even {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .slcf-vehicle--even .slcf-vehicle__visual { order: 0; }
    .slcf-vehicle--even .slcf-vehicle__panel  { order: 1; }
    .slcf-vehicle__visual { height: 320px; }
    .slcf-vehicle__panel-inner { padding: 48px 32px; }
    .slcf-vehicle__panel::before { display: none; }
    .slcf-vehicle__watermark { font-size: 6rem; }
}
@media (max-width: 480px) {
    .slcf-vehicle__visual { height: 260px; }
    .slcf-vehicle__panel-inner { padding: 36px 20px; }
    .slcf-vehicle__name { font-size: 1.8rem; }
}

/* ── Legacy strip classes (kept for detail page back button) ────── */
/* Section header */
.slcf-list__header {
    padding-top: 80px;
    padding-bottom: 56px;
    text-align: center;
}
.slcf-list__header h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.7rem, 3.5vw, 2.6rem);
    font-weight: 800;
    color: #0f0f0f;
    margin: 14px 0 18px;
}
.slcf-list__header p { color: #666; max-width: 520px; margin: 0 auto; }

/* Full-bleed vehicle strip */
.slcf-strip {
    display: grid;
    grid-template-columns: 55% 45%;
    min-height: clamp(320px, 40vw, 520px);
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.07);
    text-decoration: none;
    color: inherit;
}
.slcf-strip:last-of-type { border-bottom: 1px solid rgba(0,0,0,.07); }
.slcf-strip--rev { grid-template-columns: 45% 55%; }
.slcf-strip--rev .slcf-strip__photo { order: 2; }
.slcf-strip--rev .slcf-strip__body  { order: 1; }

/* Photo pane */
.slcf-strip__photo {
    position: relative;
    overflow: hidden;
    background: #0f0f0f;
}
.slcf-strip__img {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .7s cubic-bezier(.25,.46,.45,.94);
}
.slcf-strip:hover .slcf-strip__img { transform: scale(1.05); }
.slcf-strip__img--default {
    display: flex; align-items: center; justify-content: center;
    font-size: 5rem; color: rgba(241,178,3,.18);
    background: linear-gradient(135deg, #0d0d1c 0%, #1c1c2e 100%);
    position: absolute; inset: 0;
}
.slcf-strip__photo-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(0,0,0,.05) 100%);
    transition: opacity .4s;
}
.slcf-strip--rev .slcf-strip__photo-overlay {
    background: linear-gradient(to left, rgba(0,0,0,.3) 0%, rgba(0,0,0,.05) 100%);
}
.slcf-strip:hover .slcf-strip__photo-overlay { opacity: .65; }

.slcf-strip__logo {
    position: absolute;
    top: 20px; right: 20px;
    background: rgba(255,255,255,.92);
    border-radius: 8px;
    padding: 6px 12px;
    backdrop-filter: blur(8px);
}
.slcf-strip__logo img { height: 28px; width: auto; display: block; }

/* Dark body pane */
.slcf-strip__body {
    display: flex;
    align-items: center;
    padding: 52px 56px;
    background: #0a0a10;
    position: relative;
    overflow: hidden;
    transition: background .4s;
}
.slcf-strip:hover .slcf-strip__body { background: #0e0e18; }

/* Gold top-edge accent line */
.slcf-strip__body::after {
    content: '';
    position: absolute;
    top: 0; left: 8%; right: 8%;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(241,178,3,.4), transparent);
}

/* Ghosted large class text in background */
.slcf-strip__ghost {
    position: absolute;
    bottom: -12px; right: -8px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(4rem, 9vw, 8rem);
    font-weight: 900;
    color: rgba(241,178,3,.04);
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    line-height: 1;
    letter-spacing: -.02em;
    transition: color .4s;
}
.slcf-strip--rev .slcf-strip__ghost { right: auto; left: -8px; }
.slcf-strip:hover .slcf-strip__ghost { color: rgba(241,178,3,.07); }

.slcf-strip__inner { max-width: 440px; width: 100%; position: relative; z-index: 1; }

/* Class badge */
.slcf-strip__class {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #F1B203;
    border: 1px solid rgba(241,178,3,.3);
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 18px;
}

/* Vehicle name */
.slcf-strip__name {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.6rem, 2.8vw, 2.3rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    margin: 0 0 20px;
    transition: color .3s;
}
.slcf-strip:hover .slcf-strip__name { color: #fff; }

/* Spec pills row */
.slcf-strip__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
}
.slcf-strip__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
    font-weight: 600;
    color: rgba(255,255,255,.55);
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    padding: 5px 12px;
    border-radius: 6px;
    transition: border-color .25s, color .25s;
}
.slcf-strip__meta span i { color: #F1B203; font-size: .8rem; }
.slcf-strip:hover .slcf-strip__meta span {
    border-color: rgba(241,178,3,.15);
    color: rgba(255,255,255,.75);
}

/* Feature list */
.slcf-strip__feats {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 2px;
    border-top: 1px solid rgba(255,255,255,.06);
    padding-top: 20px;
}
.slcf-strip__feats li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .83rem;
    color: rgba(255,255,255,.45);
    transition: color .25s;
}
.slcf-strip:hover .slcf-strip__feats li { color: rgba(255,255,255,.65); }
.slcf-strip__feats li i { color: #F1B203; font-size: .8rem; flex-shrink: 0; }

/* Actions row */
.slcf-strip__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.07);
}

/* WhatsApp circle button */
.slcf-strip__wa-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px; height: 42px;
    border-radius: 50%;
    background: rgba(37,211,102,.1);
    border: 1px solid rgba(37,211,102,.25);
    color: #25D366;
    font-size: 1.05rem;
    text-decoration: none;
    transition: background .25s, border-color .25s, transform .2s;
    flex-shrink: 0;
}
.slcf-strip__wa-btn:hover {
    background: #25D366;
    border-color: #25D366;
    color: #fff;
    transform: scale(1.08);
}

/* Details text link */
.slcf-strip__details-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.35);
    text-decoration: none;
    margin-left: auto;
    transition: color .2s, gap .2s;
}
.slcf-strip__details-btn i {
    width: 28px; height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.12);
    display: flex; align-items: center; justify-content: center;
    font-size: .7rem;
    transition: background .2s, border-color .2s, transform .2s;
}
.slcf-strip:hover .slcf-strip__details-btn { color: rgba(255,255,255,.7); }
.slcf-strip:hover .slcf-strip__details-btn i {
    background: rgba(241,178,3,.15);
    border-color: rgba(241,178,3,.4);
    transform: translateX(3px);
}

/* Responsive */
@media (max-width: 900px) {
    .slcf-strip,
    .slcf-strip--rev { grid-template-columns: 1fr; min-height: auto; }
    .slcf-strip--rev .slcf-strip__photo { order: 0; }
    .slcf-strip--rev .slcf-strip__body  { order: 1; }
    .slcf-strip__photo { height: 280px; }
    .slcf-strip__body  { padding: 36px 28px; }
    .slcf-strip__ghost { font-size: 4rem; }
}
@media (max-width: 480px) {
    .slcf-strip__body  { padding: 28px 20px; }
    .slcf-strip__photo { height: 220px; }
    .slcf-strip__details-btn { margin-left: 0; }
}

/* ═══════════════════════════════════════════════════════════════════
   FLEET DETAIL PAGE (.slcfd-)
   ═══════════════════════════════════════════════════════════════════ */
.slcfd-wrap { overflow-x: hidden; }

/* ── Hero ───────────────────────────────────────────────────────── */
.slcfd-hero {
    position: relative;
    min-height: 75vh;
    display: flex;
    align-items: flex-end;
    padding-bottom: 80px;
    overflow: hidden;
}
.slcfd-hero__bg {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.04);
    transition: transform 8s ease;
}
.slcfd-hero:hover .slcfd-hero__bg { transform: scale(1); }
.slcfd-hero__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top,
        rgba(5,5,10,.92)  0%,
        rgba(5,5,10,.55) 55%,
        rgba(5,5,10,.25) 100%);
}
.slcfd-hero .slc-container { padding-top: 140px; }

.slcfd-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.5);
    text-decoration: none;
    margin-bottom: 40px;
    transition: color .2s;
}
.slcfd-back:hover { color: #F1B203; }

.slcfd-hero__content { max-width: 700px; }

.slcfd-hero__badge {
    display: inline-block;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #F1B203;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.25);
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 18px;
}

.slcfd-hero__content h1 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2rem, 5vw, 3.6rem);
    font-weight: 900;
    color: #fff;
    line-height: 1.1;
    margin: 0 0 14px;
}

.slcfd-hero__sub {
    font-size: 1rem;
    color: rgba(255,255,255,.55);
    margin: 0 0 28px;
    letter-spacing: .02em;
}

.slcfd-hero__specs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 32px;
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    width: fit-content;
}
.slcfd-hero__spec {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 22px;
    font-size: .82rem;
    font-weight: 600;
    color: rgba(255,255,255,.8);
}
.slcfd-hero__spec i { color: #F1B203; }
.slcfd-hero__spec-sep {
    width: 1px;
    height: 28px;
    background: rgba(255,255,255,.12);
    flex-shrink: 0;
}
@media (max-width: 640px) {
    .slcfd-hero__specs { width: 100%; }
    .slcfd-hero__spec  { padding: 10px 14px; font-size: .76rem; }
    .slcfd-hero__spec-sep { display: none; }
}

.slcfd-hero__ctas {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* ── Overview + Feature rows ────────────────────────────────────── */
.slcfd-overview {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 72px;
    align-items: start;
}
@media (max-width: 1024px) {
    .slcfd-overview { grid-template-columns: 1fr; gap: 48px; }
}

.slcfd-overview__text h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.5rem, 2.8vw, 2.1rem);
    font-weight: 800;
    color: #0f0f0f;
    margin: 14px 0 18px;
    line-height: 1.25;
}
.slcfd-overview__text p {
    font-size: .95rem;
    color: #555;
    line-height: 1.9;
    margin-bottom: 16px;
}

.slcfd-overview__feats h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f0f0f;
    margin: 0 0 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0,0,0,.08);
}

.slcfd-feat-row {
    display: grid;
    grid-template-columns: 40px 3px 1fr;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
    transition: background .2s;
}
.slcfd-feat-row:hover { background: #fdfcf8; border-radius: 6px; padding-left: 6px; }

.slcfd-feat-row__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.2rem;
    font-weight: 900;
    color: rgba(0,0,0,.1);
    text-align: right;
    transition: color .2s;
}
.slcfd-feat-row:hover .slcfd-feat-row__num { color: rgba(241,178,3,.5); }

.slcfd-feat-row__line {
    height: 32px;
    width: 2px;
    background: rgba(241,178,3,.2);
    border-radius: 2px;
    transition: background .2s;
}
.slcfd-feat-row:hover .slcfd-feat-row__line { background: #F1B203; }

.slcfd-feat-row__text {
    font-size: .88rem;
    font-weight: 600;
    color: #333;
}

/* ── Pricing cards ──────────────────────────────────────────────── */
.slcfd-pricing { padding: 100px 0; }

.slcfd-pricing__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-top: 56px;
}

.slcfd-pcard {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 20px;
    padding: 40px 32px;
    text-align: center;
    position: relative;
    transition: border-color .3s, background .3s, transform .3s;
}
.slcfd-pcard:hover {
    border-color: rgba(241,178,3,.3);
    background: rgba(241,178,3,.04);
    transform: translateY(-4px);
}
.slcfd-pcard--featured {
    border-color: rgba(241,178,3,.35);
    background: rgba(241,178,3,.06);
}
.slcfd-pcard--featured:hover { transform: translateY(-6px); }

.slcfd-pcard__badge {
    position: absolute;
    top: -1px; left: 50%;
    transform: translateX(-50%);
    background: #F1B203;
    color: #000;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 4px 16px;
    border-radius: 0 0 10px 10px;
}

.slcfd-pcard__icon {
    width: 64px; height: 64px;
    border-radius: 50%;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
    color: #F1B203;
    margin: 0 auto 18px;
}

.slcfd-pcard__label {
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.45);
    margin-bottom: 12px;
}

.slcfd-pcard__price {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.6rem;
    font-weight: 900;
    color: #F1B203;
    line-height: 1;
    margin-bottom: 16px;
}
.slcfd-pcard__price span {
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    color: rgba(255,255,255,.4);
}

.slcfd-pcard__note {
    font-size: .82rem;
    color: rgba(255,255,255,.38);
    line-height: 1.75;
    margin-bottom: 24px;
    min-height: 60px;
}

/* Pricing tiers (economy / business / luxury rows) */
.slcfd-pricing__tiers {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
    width: 100%;
}
.slcfd-pricing__tier {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-radius: 8px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
}
.slcfd-pricing__tier--gold {
    background: rgba(241,178,3,.07);
    border-color: rgba(241,178,3,.2);
}
.slcfd-pricing__tier-lbl {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.4);
}
.slcfd-pricing__tier--gold .slcfd-pricing__tier-lbl { color: rgba(241,178,3,.7); }
.slcfd-pricing__tier-val {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.1rem;
    font-weight: 800;
    color: #fff;
}
.slcfd-pricing__tier--gold .slcfd-pricing__tier-val { color: #F1B203; }

.slcfd-pcard__btn {
    display: block;
    text-align: center;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1.5px solid rgba(241,178,3,.4);
    color: #F1B203;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s, color .2s, border-color .2s;
}
.slcfd-pcard__btn:hover,
.slcfd-pcard--featured .slcfd-pcard__btn {
    background: #F1B203;
    color: #000;
    border-color: #F1B203;
}

/* ── Includes + Specs ───────────────────────────────────────────── */
.slcfd-includes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
}
@media (max-width: 900px) {
    .slcfd-includes { grid-template-columns: 1fr; gap: 48px; }
}

.slcfd-includes__col h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f0f0f;
    margin: 0 0 28px;
    padding-bottom: 16px;
    border-bottom: 2px solid rgba(241,178,3,.25);
}

.slcfd-includes__grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.slcfd-include-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
}
.slcfd-include-item:last-child { border-bottom: none; }

.slcfd-include-item__icon {
    width: 42px; height: 42px;
    border-radius: 50%;
    background: rgba(241,178,3,.08);
    border: 1px solid rgba(241,178,3,.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; color: #F1B203;
    flex-shrink: 0;
}

.slcfd-include-item strong {
    display: block;
    font-size: .88rem;
    font-weight: 700;
    color: #0f0f0f;
    margin-bottom: 3px;
}
.slcfd-include-item p {
    font-size: .8rem;
    color: #888;
    margin: 0;
    line-height: 1.5;
}

.slcfd-specs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.slcfd-spec-item {
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    padding: 22px 16px;
    text-align: center;
    transition: border-color .25s, transform .25s;
}
.slcfd-spec-item:hover { border-color: rgba(241,178,3,.35); transform: translateY(-3px); }

.slcfd-spec-item__icon {
    font-size: 1.2rem;
    color: #F1B203;
    margin-bottom: 10px;
}
.slcfd-spec-item__val {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.6rem;
    font-weight: 900;
    color: #0f0f0f;
    line-height: 1;
    margin-bottom: 6px;
}
.slcfd-spec-item__label {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #999;
}

/* ── Perfect for rows ───────────────────────────────────────────── */
.slcfd-perfect { padding: 100px 0; }

.slcfd-perfect__grid {
    display: flex;
    flex-direction: column;
    margin-top: 48px;
}

.slcfd-uc-row {
    display: grid;
    grid-template-columns: 56px 52px 1fr;
    align-items: center;
    gap: 24px;
    padding: 26px 0;
    border-bottom: 1px solid rgba(0,0,0,.07);
    transition: background .25s, padding-left .25s;
}
.slcfd-uc-row:first-child { border-top: 1px solid rgba(0,0,0,.07); }
.slcfd-uc-row:hover { background: #fdfcf8; padding-left: 16px; border-radius: 8px; }

.slcfd-uc-row__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.8rem;
    font-weight: 900;
    color: rgba(0,0,0,.07);
    text-align: right;
    transition: color .2s;
}
.slcfd-uc-row:hover .slcfd-uc-row__num { color: rgba(241,178,3,.4); }

.slcfd-uc-row__icon {
    width: 48px; height: 48px;
    border-radius: 50%;
    background: rgba(241,178,3,.08);
    border: 1px solid rgba(241,178,3,.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; color: #F1B203;
    flex-shrink: 0;
    transition: background .25s;
}
.slcfd-uc-row:hover .slcfd-uc-row__icon { background: #F1B203; color: #000; }

.slcfd-uc-row__body h4 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1rem;
    font-weight: 800;
    color: #0f0f0f;
    margin: 0 0 4px;
}
.slcfd-uc-row__body p {
    font-size: .83rem;
    color: #888;
    line-height: 1.65;
    margin: 0;
}

@media (max-width: 600px) {
    .slcfd-uc-row { grid-template-columns: 36px 1fr; gap: 12px; }
    .slcfd-uc-row__num { display: none; }
}

/* ── How to Book steps ──────────────────────────────────────────── */
.slcfd-howto { padding: 100px 0; }

.slcfd-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 56px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .slcfd-steps { grid-template-columns: 1fr; gap: 0; }
}

.slcfd-step {
    padding: 48px 36px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,.06);
    transition: background .3s;
    position: relative;
}
.slcfd-step:last-child { border-right: none; }
.slcfd-step:hover { background: rgba(241,178,3,.04); }
@media (max-width: 768px) {
    .slcfd-step { border-right: none; border-bottom: 1px solid rgba(255,255,255,.06); }
    .slcfd-step:last-child { border-bottom: none; }
}

.slcfd-step__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 3.5rem;
    font-weight: 900;
    color: rgba(241,178,3,.12);
    line-height: 1;
    margin-bottom: 20px;
    transition: color .3s;
}
.slcfd-step:hover .slcfd-step__num { color: rgba(241,178,3,.3); }

.slcfd-step__line {
    display: none;
}

.slcfd-step__icon {
    width: 60px; height: 60px;
    border-radius: 50%;
    background: rgba(241,178,3,.1);
    border: 1px solid rgba(241,178,3,.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; color: #F1B203;
    margin: 0 auto 20px;
    transition: background .3s;
}
.slcfd-step:hover .slcfd-step__icon { background: rgba(241,178,3,.2); }

.slcfd-step h4 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 12px;
}
.slcfd-step p {
    font-size: .83rem;
    color: rgba(255,255,255,.4);
    line-height: 1.75;
    margin: 0;
}

/* ── Why Choose Us grid (detail page) ──────────────────────────── */
.slcfd-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
    margin-top: 48px;
}
.slcfd-why-item {
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    padding: 32px 24px;
    text-align: center;
    transition: border-color .25s, transform .25s, box-shadow .25s;
}
.slcfd-why-item:hover {
    border-color: rgba(241,178,3,.35);
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,.09);
}
.slcfd-why-item__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.8rem;
    font-weight: 900;
    color: rgba(241,178,3,.2);
    margin-bottom: 12px;
}
.slcfd-why-item__icon {
    width: 52px; height: 52px;
    border-radius: 50%;
    background: rgba(241,178,3,.08);
    border: 1px solid rgba(241,178,3,.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem; color: #F1B203;
    margin: 0 auto 16px;
}
.slcfd-why-item h4 {
    font-size: .92rem; font-weight: 700; color: #0f0f0f; margin: 0 0 8px;
}
.slcfd-why-item p {
    font-size: .8rem; color: #888; line-height: 1.7; margin: 0;
}
