/* ==========================================================
   AL BADI — SERVICES FULL-BLEED V1
   Connected visual transition from Trip Finder.
   ========================================================== */

.albadi-home-v8 .v5-service-section {
    position: relative !important;
    z-index: 5 !important;

    width: 100% !important;
    max-width: none !important;

    margin:
        -6px
        0
        54px !important;

    padding:
        46px
        clamp(24px, 4vw, 72px)
        58px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 58% 12%,
            rgba(242, 111, 47, .085),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #fff 0%,
            #fffaf5 48%,
            #fff 100%
        ) !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

/* subtle full-width separator */

.albadi-home-v8 .v5-service-section::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 50% !important;

    width: min(92%, 1500px) !important;
    height: 1px !important;

    transform: translateX(-50%) !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(18, 58, 53, .10),
            transparent
        ) !important;
}

/* ==========================================================
   HEADING SHELL — WIDE, NOT CARD-LIKE
   ========================================================== */

.albadi-home-v8 .v5-service-section .v5-section-heading {
    width: 100% !important;
    max-width: 1500px !important;

    margin: 0 auto 32px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.albadi-home-v8 .v5-service-section .v6y-glass-shell {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    min-height: 420px !important;

    margin: 0 !important;
    padding:
        clamp(38px, 4.5vw, 68px)
        clamp(34px, 5vw, 78px) !important;

    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns:
        minmax(0, 1.65fr)
        minmax(330px, .72fr) !important;

    align-items: center !important;
    gap: clamp(38px, 6vw, 90px) !important;

    overflow: hidden !important;

    border: 1px solid rgba(22, 57, 51, .075) !important;
    border-radius: 28px !important;

    background:
        radial-gradient(
            circle at 56% 44%,
            rgba(239, 105, 44, .075),
            transparent 31%
        ),
        rgba(255,255,255,.72) !important;

    box-shadow:
        0 24px 70px rgba(23, 45, 40, .065) !important;
}

/* Decorative artwork */

.albadi-home-v8 .v5-service-section .v6y-art-orb {
    opacity: .48 !important;
}

.albadi-home-v8 .v5-service-section .v6y-art-line {
    opacity: .38 !important;
}

/* ==========================================================
   MAIN TYPOGRAPHY
   ========================================================== */

.albadi-home-v8 .v5-service-section .v6y-glass-main {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    max-width: 850px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.albadi-home-v8 .v5-service-section .v6y-kicker {
    display: inline-flex !important;

    margin: 0 0 24px !important;
    padding: 9px 14px !important;

    border: 1px solid rgba(239, 105, 44, .25) !important;
    border-radius: 999px !important;

    background: rgba(255,250,246,.88) !important;

    color: #df642d !important;

    font-size: 9px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.albadi-home-v8 .v5-service-section .v6y-glass-main h2 {
    max-width: 820px !important;

    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    color: #121716 !important;

    font-size: clamp(54px, 5.6vw, 94px) !important;
    font-weight: 400 !important;
    line-height: .88 !important;

    letter-spacing: -.055em !important;
}

.albadi-home-v8 .v5-service-section .v6y-title-bold,
.albadi-home-v8 .v5-service-section .v6y-title-light,
.albadi-home-v8 .v5-service-section .v6y-title-serif {
    display: block !important;
}

.albadi-home-v8 .v5-service-section .v6y-title-bold {
    font-weight: 650 !important;
}

.albadi-home-v8 .v5-service-section .v6y-title-light {
    margin-top: 5px !important;

    color: #555957 !important;
    font-weight: 300 !important;
}

.albadi-home-v8 .v5-service-section .v6y-title-serif {
    margin-top: 7px !important;

    color: #927744 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: .91em !important;
    font-style: italic !important;
    font-weight: 400 !important;

    letter-spacing: -.045em !important;
}

.albadi-home-v8 .v5-service-section .v6y-lead {
    max-width: 690px !important;

    margin: 26px 0 0 !important;

    color: #6e706d !important;

    font-size: clamp(14px, 1.05vw, 17px) !important;
    line-height: 1.7 !important;
}

/* ==========================================================
   RIGHT-SIDE ROUTE CARDS
   ========================================================== */

.albadi-home-v8 .v5-service-section .v6y-glass-side {
    position: relative !important;
    z-index: 4 !important;

    width: 100% !important;

    display: grid !important;
    gap: 13px !important;
}

.albadi-home-v8 .v5-service-section .v6y-mini-card {
    width: 100% !important;

    margin: 0 !important;
    padding: 19px 20px !important;

    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) !important;

    gap: 14px !important;

    border: 1px solid rgba(22,57,51,.075) !important;
    border-radius: 18px !important;

    background: rgba(255,255,255,.82) !important;

    box-shadow:
        0 12px 34px rgba(29,44,40,.045) !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.albadi-home-v8 .v5-service-section .v6y-mini-number {
    width: 40px !important;
    height: 40px !important;

    display: grid !important;
    place-items: center !important;

    border: 1px solid rgba(239,105,44,.22) !important;
    border-radius: 50% !important;

    color: #df642d !important;

    font-size: 9px !important;
    font-weight: 850 !important;
}

.albadi-home-v8 .v5-service-section .v6y-mini-card span {
    color: #df642d !important;

    font-size: 8px !important;
    font-weight: 850 !important;

    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.albadi-home-v8 .v5-service-section .v6y-mini-card strong {
    display: block !important;

    margin-top: 4px !important;

    color: #1b2422 !important;

    font-size: 18px !important;
    line-height: 1.15 !important;
}

.albadi-home-v8 .v5-service-section .v6y-mini-card p {
    margin: 9px 0 0 !important;

    color: #75736f !important;

    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* CTA */

.albadi-home-v8 .v5-service-section .v6y-glass-cta {
    min-height: 62px !important;

    margin: 2px 0 0 !important;
    padding: 0 17px 0 21px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border-radius: 17px !important;

    background: #f26b30 !important;

    color: #fff !important;
    text-decoration: none !important;

    box-shadow:
        0 15px 30px rgba(242,107,48,.18) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease !important;
}

.albadi-home-v8 .v5-service-section .v6y-glass-cta:hover {
    transform: translateY(-2px) !important;

    background: #e95e25 !important;

    box-shadow:
        0 18px 36px rgba(242,107,48,.24) !important;
}

.albadi-home-v8 .v5-service-section .v6y-glass-cta span {
    font-size: 12px !important;
    font-weight: 800 !important;
}

.albadi-home-v8 .v5-service-section .v6y-glass-cta b {
    width: 37px !important;
    height: 37px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 50% !important;

    background: rgba(112,44,17,.13) !important;

    font-size: 16px !important;
}

/* ==========================================================
   SERVICE GRID — KEEP EXISTING CONTENT, WIDEN ALIGNMENT
   ========================================================== */

.albadi-home-v8 .v5-service-section .v5-service-grid {
    width: 100% !important;
    max-width: 1500px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/* ==========================================================
   ENTRANCE ANIMATION
   Only activated when JS adds .ab-services-ready.
   ========================================================== */

@media (prefers-reduced-motion: no-preference) {

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-kicker,

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-glass-main h2,

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-lead,

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-mini-card,

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-glass-cta {

        opacity: 0;
        transform: translateY(24px);

        transition:
            opacity .72s cubic-bezier(.2,.7,.2,1),
            transform .72s cubic-bezier(.2,.7,.2,1);
    }

    .albadi-home-v8 .v5-service-section.ab-services-ready.ab-services-visible
    .v6y-kicker,

    .albadi-home-v8 .v5-service-section.ab-services-ready.ab-services-visible
    .v6y-glass-main h2,

    .albadi-home-v8 .v5-service-section.ab-services-ready.ab-services-visible
    .v6y-lead,

    .albadi-home-v8 .v5-service-section.ab-services-ready.ab-services-visible
    .v6y-mini-card,

    .albadi-home-v8 .v5-service-section.ab-services-ready.ab-services-visible
    .v6y-glass-cta {

        opacity: 1;
        transform: translateY(0);
    }

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-glass-main h2 {
        transition-delay: .07s;
    }

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-lead {
        transition-delay: .14s;
    }

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-mini-card:nth-child(1) {
        transition-delay: .12s;
    }

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-mini-card:nth-child(2) {
        transition-delay: .20s;
    }

    .albadi-home-v8 .v5-service-section.ab-services-ready
    .v6y-glass-cta {
        transition-delay: .27s;
    }
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1050px) {

    .albadi-home-v8 .v5-service-section {
        padding:
            40px
            28px
            48px !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-glass-shell {
        grid-template-columns: 1fr !important;

        min-height: 0 !important;

        gap: 34px !important;

        padding: 44px !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-glass-main {
        max-width: 760px !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-glass-main h2 {
        font-size: clamp(54px, 8vw, 78px) !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-glass-side {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-glass-cta {
        grid-column: 1 / -1 !important;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 700px) {

    .albadi-home-v8 .v5-service-section {
        margin-top: -2px !important;

        padding:
            30px
            12px
            38px !important;
    }

    .albadi-home-v8 .v5-service-section .v5-section-heading {
        margin-bottom: 22px !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-glass-shell {
        padding:
            29px
            21px !important;

        gap: 27px !important;

        border-radius: 21px !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-kicker {
        margin-bottom: 17px !important;

        font-size: 7px !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-glass-main h2 {
        font-size: clamp(43px, 14vw, 61px) !important;
        line-height: .91 !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-lead {
        margin-top: 20px !important;

        font-size: 13px !important;
        line-height: 1.62 !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-glass-side {
        grid-template-columns: 1fr !important;

        gap: 10px !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-mini-card {
        padding: 16px !important;
    }

    .albadi-home-v8 .v5-service-section .v6y-glass-cta {
        grid-column: auto !important;

        min-height: 58px !important;
    }
}