@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

/* =========================================================
   ROOT
========================================================= */
:root {
    --color-primary: #13283f;
    --color-primary-dark: #0d1e31;
    --color-primary-soft: #eaf0f5;
    --color-gold: #b68b45;
    --color-gold-light: #d7b477;
    --color-text: #243242;
    --color-text-soft: #667487;
    --color-text-muted: #8793a1;
    --color-white: #ffffff;
    --color-background: #f6f8fa;
    --color-background-soft: #eef2f5;
    --color-border: #e1e7ec;
    --color-border-dark: #d4dce4;
    --shadow-small: 0 6px 18px rgba(19, 40, 63, 0.06);
    --shadow-medium: 0 14px 35px rgba(19, 40, 63, 0.09);
    --shadow-large: 0 24px 60px rgba(19, 40, 63, 0.13);
    --radius-small: 10px;
    --radius-medium: 16px;
    --radius-large: 22px;
    --radius-xl: 28px;
    --container: 1240px;
    --transition: 220ms ease;
}

/* =========================================================
   RESET / GLOBAL
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    direction: rtl;
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    direction: rtl;
    overflow-x: hidden;
    color: var(--color-text);
    background: var(--color-background);
    font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,
button,
input,
textarea,
select {
    font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    border: 0;
    cursor: pointer;
}

    button:focus-visible,
    a:focus-visible,
    input:focus-visible,
    textarea:focus-visible,
    select:focus-visible {
        outline: 2px solid var(--color-gold);
        outline-offset: 3px;
    }

.site-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-main {
    flex: 1 0 auto;
}

.home-page {
    width: 100%;
}

.site-container {
    width: min(calc(100% - 48px), var(--container));
    margin-right: auto;
    margin-left: auto;
}

/* =========================================================
   HEADER
========================================================= */

.site-header {
    position: relative;
    z-index: 800;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 20px rgba(19, 40, 63, 0.05);
}

.header-top {
    min-height: 36px;
    color: #8a98a6;
    background: #f5f7f9;
    border-bottom: 1px solid #e8edf1;
}

.header-top__inner {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.header-top__right,
.header-top__left {
    display: flex;
    align-items: center;
    gap: 18px;
}

.header-top__item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #778695;
    font-size: 10px;
    line-height: 1.8;
}

.header-top__link {
    transition: color var(--transition);
}

    .header-top__link:hover {
        color: var(--color-primary);
    }

.header-top__icon {
    color: var(--color-gold);
    font-size: 11px;
}

.header-main {
    position: relative;
    background: #fff;
}

.header-main__inner {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 20px;
}

/* =========================================================
   BRAND
========================================================= */

.site-brand {
    min-width: 250px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 11px;
}

.site-brand__logo {
    position: relative;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 13px;
    color: #fff;
    background: var(--color-primary);
    font-size: 22px;
    font-weight: 800;
}

    .site-brand__logo img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
    }

.site-brand__fallback {
    display: none;
}

.site-brand__logo--fallback .site-brand__fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-brand__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .site-brand__text strong {
        display: block;
        color: var(--color-primary);
        font-size: 15px;
        line-height: 1.7;
        font-weight: 800;
    }

    .site-brand__text small {
        display: block;
        color: var(--color-text-muted);
        font-size: 9px;
        line-height: 1.7;
    }

/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.desktop-navigation {
    min-width: 0;
    flex: 1 1 auto;
    margin-right: 8px;
    margin-left: 8px;
}

.desktop-navigation__inner {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 3px;
}

.desktop-navigation__item {
    position: relative;
}

.desktop-navigation__link {
    position: relative;
    min-height: 46px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #425466;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    transition: color var(--transition);
}

    .desktop-navigation__link::after {
        content: "";
        position: absolute;
        right: 11px;
        bottom: 7px;
        left: 11px;
        height: 2px;
        border-radius: 3px;
        background: var(--color-gold);
        transform: scaleX(0);
        transform-origin: center;
        transition: transform var(--transition);
    }

    .desktop-navigation__link:hover,
    .desktop-navigation__link.is-active {
        color: var(--color-primary);
    }

        .desktop-navigation__link:hover::after,
        .desktop-navigation__link.is-active::after {
            transform: scaleX(1);
        }

/* =========================================================
   DESKTOP NAVIGATION - PERSIAN DROPDOWN ARROW
========================================================= */

/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.desktop-navigation__link {
    direction: rtl;
    text-align: right;
}


/* =========================================================
   فلش کنار گزینه‌های داخل زیرمنو

   عادی      : ↓
   Hover     : ←
   خروج موس  : ↓
========================================================= */

.desktop-navigation__dropdown-arrow {
    position: relative;
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    flex: 0 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    order: -1;
    margin-right: 0;
    margin-left: 7px;
    direction: ltr;
    color: var(--color-gold);
    font-size: 0;
    line-height: 1;
    opacity: 1;
    visibility: visible;
}


    /* =========================================================
   فلش پیش‌فرض
   ↓
========================================================= */

    .desktop-navigation__dropdown-arrow::before {
        content: "↓";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        font-family: Arial, Tahoma, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        color: var(--color-gold);
        transform: rotate(0deg);
        transform-origin: center center;
        transition: transform var(--transition), color var(--transition);
    }


/* =========================================================
   فقط وقتی موس روی همان گزینه زیرمنو است

   ↓
   ←
========================================================= */

.desktop-navigation__dropdown-link:hover
.desktop-navigation__dropdown-arrow::before {
    transform: rotate(90deg);
    color: var(--color-primary);
}


/* =========================================================
   Focus با کیبورد
========================================================= */

.desktop-navigation__dropdown-link:focus
.desktop-navigation__dropdown-arrow::before {
    transform: rotate(90deg);
    color: var(--color-primary);
}


/* =========================================================
   خود Dropdown
========================================================= */

.desktop-navigation__dropdown {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    z-index: 850;
    width: 280px;
    padding: 8px;
    border: 1px solid var(--color-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: var(--shadow-medium);
    opacity: 0;
    visibility: hidden;
    transform: translateY(7px);
    transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
}


    /* =========================================================
   علامت بالای Dropdown
========================================================= */

    .desktop-navigation__dropdown::before {
        content: "";
        position: absolute;
        top: -5px;
        right: 24px;
        width: 9px;
        height: 9px;
        border-top: 1px solid var(--color-border);
        border-right: 1px solid var(--color-border);
        background: #fff;
        transform: rotate(-45deg);
    }


/* =========================================================
   نمایش زیرمنو
========================================================= */

.desktop-navigation__item:hover
.desktop-navigation__dropdown,
.desktop-navigation__item:focus-within
.desktop-navigation__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* =========================================================
   لینک‌های داخل زیرمنو
========================================================= */

.desktop-navigation__dropdown-link {
    min-height: 45px;
    padding: 0 13px;
    display: flex;
    align-items: center;
    color: #667487;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 500;
    transition: color var(--transition), background var(--transition), padding var(--transition);
}


    /* =========================================================
   Hover / Active
========================================================= */

    .desktop-navigation__dropdown-link:hover,
    .desktop-navigation__dropdown-link.is-active {
        padding-right: 17px;
        color: var(--color-primary);
        background: var(--color-primary-soft);
    }

/* =========================================================
   HEADER ACTIONS
========================================================= */

.header-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

.header-action {
    min-height: 42px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    color: var(--color-primary);
    background: #fff;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    transition: background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);
}

    .header-action:hover {
        transform: translateY(-1px);
        border-color: var(--color-primary);
        background: var(--color-primary);
        color: #fff;
    }

.header-action--raahman {
    color: var(--color-primary);
    background: #f8f4ec;
    border-color: #e8ddc9;
}

    .header-action--raahman:hover {
        color: var(--color-primary);
        background: #f0e8d9;
        border-color: #d9c8aa;
    }

.header-action__mark {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: #fff;
    background: var(--color-gold);
    font-size: 11px;
    font-weight: 800;
}

.header-action--contact {
    padding-right: 14px;
    padding-left: 14px;
    color: #fff;
    background: var(--color-primary);
    border-color: var(--color-primary);
}

    .header-action--contact:hover {
        color: #fff;
        background: var(--color-primary-dark);
        border-color: var(--color-primary-dark);
    }

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

.mobile-menu-button {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    color: var(--color-primary);
    background: #fff;
}

    .mobile-menu-button span {
        width: 20px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        transition: transform var(--transition), opacity var(--transition);
    }

.mobile-navigation {
    display: none;
}

/* =========================================================
   GENERIC SECTION
========================================================= */

.section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--color-gold);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.8;
}

    .section-eyebrow::before {
        content: "";
        width: 22px;
        height: 2px;
        border-radius: 3px;
        background: currentColor;
    }

.section-eyebrow--light {
    color: var(--color-gold-light);
}

.section-title {
    margin: 7px 0 0;
    color: var(--color-primary);
    font-size: 30px;
    line-height: 1.5;
    font-weight: 800;
}

.section-line {
    width: 42px;
    height: 3px;
    margin-top: 13px;
    border-radius: 4px;
    background: var(--color-gold);
}

.section-description {
    max-width: 700px;
    margin: 14px 0 0;
    color: var(--color-text-soft);
    font-size: 14px;
}

.section-heading {
    margin-bottom: 35px;
}

.section-heading--split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 0.65fr);
    align-items: end;
    gap: 30px;
}

.section-heading__side {
    justify-self: end;
    max-width: 460px;
}

    .section-heading__side p {
        margin: 0;
        color: var(--color-text-soft);
        font-size: 11px;
        line-height: 2.1;
    }

.section-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 800;
    transition: color var(--transition), gap var(--transition);
}

    .section-text-link:hover {
        gap: 11px;
        color: var(--color-gold);
    }

.section-button {
    min-height: 44px;
    padding: 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--color-primary);
    border-radius: 10px;
    color: #fff;
    background: var(--color-primary);
    font-size: 11px;
    font-weight: 800;
    transition: background var(--transition), border-color var(--transition), transform var(--transition);
}

    .section-button:hover {
        transform: translateY(-2px);
        background: var(--color-primary-dark);
        border-color: var(--color-primary-dark);
    }

.section-button--dark {
    color: #fff;
    background: var(--color-primary);
}

.section-button--light {
    color: var(--color-primary);
    background: #fff;
    border-color: #fff;
}

    .section-button--light:hover {
        color: #fff;
        background: transparent;
        border-color: rgba(255,255,255,.7);
    }

.section-center-button {
    margin-top: 30px;
    display: flex;
    justify-content: right;
}

.button-arrow {
    font-size: 14px;
    line-height: 1;
}

/* =========================================================
   HOME HERO - FINAL CORPORATE LAYOUT
========================================================= */

.home-hero {
    position: relative;
    width: 100%;
}

.home-hero__slider {
    position: relative;
    height: 510px;
    min-height: 510px;
    overflow: hidden;
    background: var(--color-primary);
}

.home-hero__slides {
    position: relative;
    height: 510px;
    overflow: hidden;
}

.home-hero__slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 510px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 600ms ease, visibility 600ms ease;
}

    .home-hero__slide.is-active,
    .home-hero__slide.active {
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }

.home-hero__slide-image,
.home-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 90deg, rgba(8, 23, 38, 0.96) 0%, rgba(10, 27, 44, 0.88) 28%, rgba(14, 34, 54, 0.55) 57%, rgba(14, 34, 54, 0.18) 100% );
}

.home-hero__fallback {
    position: absolute;
    inset: 0;
    min-height: 510px;
    height: 510px;
    background: linear-gradient( 135deg, #102236 0%, #1a344e 52%, #263f56 100% );
}

/* =========================================================
   HERO CONTAINER / RTL
========================================================= */

.home-hero__container {
    position: relative;
    z-index: 3;
    width: min(calc(100% - 48px), var(--container));
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: rtl;
}

/* =========================================================
   HERO CONTENT / RTL
========================================================= */

.home-hero__content {
    width: min(680px, 58%);
    margin-right: 0;
    margin-left: auto;
    direction: rtl;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.home-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    direction: rtl;
    text-align: right;
    color: #e4c88f;
    font-size: 11px;
    font-weight: 800;
}

    .home-hero__eyebrow::before {
        content: "";
        width: 25px;
        height: 2px;
        flex: 0 0 25px;
        border-radius: 3px;
        background: currentColor;
    }

.home-hero__title {
    width: 100%;
    margin: 12px 0 0;
    direction: rtl;
    text-align: right;
    color: #fff;
    font-size: clamp(31px, 4vw, 50px);
    line-height: 1.45;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.home-hero__subtitle {
    width: 100%;
    max-width: 650px;
    margin: 15px 0 0;
    direction: rtl;
    text-align: right;
    color: rgba(255,255,255,.78);
    font-size: 13px;
    line-height: 2.1;
}

.home-hero__actions {
    width: 100%;
    margin-top: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    direction: rtl;
    gap: 10px;
}

.home-hero__button {
    min-height: 48px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    direction: rtl;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    transition: transform var(--transition), background var(--transition), border-color var(--transition);
}

    .home-hero__button:hover {
        transform: translateY(-2px);
    }

.home-hero__button--primary {
    color: var(--color-primary);
    background: #fff;
}

    .home-hero__button--primary:hover {
        background: #f2f5f7;
    }

.home-hero__button--outline {
    color: #172b3d;
    border-color: #e7c16f;
    background: #e7c16f;
    box-shadow: 0 5px 16px rgba(0,0,0,.12);
}

    .home-hero__button--outline:hover,
    .home-hero__button--outline:focus-visible {
        color: #172b3d;
        border-color: #f0d28e;
        background: #f0d28e;
    }

/* =========================================================
   HERO NAVIGATION
========================================================= */

.home-hero__navigation {
    position: absolute;
    left: 28px;
    bottom: 28px;
    z-index: 8;
    display: flex;
    align-items: center;
    flex-direction: row;
    direction: ltr;
    gap: 7px;
    padding: 6px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 11px;
    background: rgba(7, 22, 36, .38);
    backdrop-filter: blur(8px);
}

.home-hero__control {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: rgba(255,255,255,.08);
    font-size: 13px;
    transition: background var(--transition);
}

    .home-hero__control:hover {
        background: rgba(255,255,255,.18);
    }

.home-hero__dots {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 4px;
}

.home-hero__dot {
    width: 5px;
    height: 5px;
    padding: 0;
    flex: 0 0 5px;
    border-radius: 50%;
    background: rgba(255,255,255,.45);
    transition: width var(--transition), flex-basis var(--transition), border-radius var(--transition), background var(--transition);
}

    .home-hero__dot.is-active,
    .home-hero__dot.active {
        width: 18px;
        flex-basis: 18px;
        border-radius: 4px;
        background: var(--color-gold);
    }

.home-hero__progress {
    display: none;
}

/* =========================================================
   HOME STATS - SINGLE ROW / RTL CORPORATE
========================================================= */

.home-stats {
    width: 100%;
    margin: 0;
    padding: 26px 0 0;
    background: var(--color-background);
    direction: rtl;
}

.home-stats__inner {
    width: min(calc(100% - 48px), var(--container));
    margin: 0 auto;
}

.home-stats__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.home-stat {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 108px;
    padding: 17px 18px;
    display: flex;
    align-items: center;
    gap: 13px;
    overflow: hidden;
    direction: rtl;
    text-align: right;
    border: 1px solid #dce3e9;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(19, 40, 63, 0.055);
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}

    .home-stat::before {
        content: "";
        position: absolute;
        top: 16px;
        right: 0;
        bottom: 16px;
        width: 3px;
        border-radius: 3px 0 0 3px;
        background: var(--color-gold);
    }

    .home-stat:hover {
        transform: translateY(-3px);
        border-color: #cbd6df;
        box-shadow: 0 12px 28px rgba(19, 40, 63, 0.09);
    }

.home-stat__icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce4ea;
    border-radius: 11px;
    color: var(--color-primary);
    background: #f5f7f9;
    transition: color var(--transition), background var(--transition), border-color var(--transition);
}

.home-stat:hover .home-stat__icon {
    color: var(--color-gold);
    border-color: #e2d6c0;
    background: #faf7f1;
}

.home-stat__icon svg {
    width: 20px;
    height: 20px;
    display: block;
}

.home-stat__content {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    direction: rtl;
    text-align: right;
}

.home-stat__number,
.home-stat__value {
    display: block;
    direction: rtl;
    unicode-bidi: plaintext;
    text-align: right;
    color: var(--color-primary);
    font-size: 23px;
    line-height: 1.3;
    font-weight: 800;
}

.home-stat__number--text {
    font-size: 18px;
}

.home-stat__label {
    margin-top: 3px;
    color: var(--color-text-muted);
    font-size: 10px;
    line-height: 1.8;
}

.home-stat__content::after {
    content: "";
    width: 27px;
    height: 2px;
    margin-top: 5px;
    border-radius: 2px;
    background: #e5e9ed;
    transition: width var(--transition), background var(--transition);
}

.home-stat:hover .home-stat__content::after {
    width: 38px;
    background: var(--color-gold-light);
}

.home-stat--highlight {
    border-color: #dfd3bd;
    background: linear-gradient( 135deg, #fffefa 0%, #faf7f1 100% );
}

    .home-stat--highlight .home-stat__icon {
        color: var(--color-gold);
        border-color: #e5d9c5;
        background: #faf6ee;
    }

/* =========================================================
   ABOUT
========================================================= */

.home-about {
    padding: 90px 0;
    background: #fff;
}

.home-about__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .82fr);
    gap: 80px;
    align-items: center;
}

.home-about__text {
    min-width: 0;
}

.home-about__features {
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.home-about__feature {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
}

.home-about__feature-number {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--color-primary);
    background: var(--color-primary-soft);
    font-size: 11px;
    font-weight: 800;
}

.home-about__feature strong {
    display: block;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 800;
}

.home-about__feature p {
    margin: 3px 0 0;
    color: var(--color-text-soft);
    font-size: 10.5px;
    line-height: 2;
}

.home-about .section-button {
    margin-top: 28px;
}

.home-about__visual {
    position: relative;
    padding: 20px 20px 40px;
}

.home-about__visual-main {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    border-radius: 22px;
    background: var(--color-primary);
    box-shadow: var(--shadow-large);
}

    .home-about__visual-main img {
        width: 100%;
        height: 100%;
        min-height: 430px;
        display: block;
        object-fit: cover;
    }

.home-about__visual-pattern {
    position: absolute;
    right: -25px;
    bottom: -25px;
    width: 150px;
    height: 150px;
    opacity: .12;
    background-image: radial-gradient(#fff 1px, transparent 1px);
    background-size: 10px 10px;
}

.home-about__visual-content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px;
    color: #fff;
    background: linear-gradient(0deg, rgba(8,23,38,.92), rgba(8,23,38,0));
}

    .home-about__visual-content span {
        display: block;
        color: var(--color-gold-light);
        font-size: 10px;
        font-weight: 700;
    }

    .home-about__visual-content strong {
        display: block;
        margin-top: 4px;
        font-size: 31px;
        line-height: 1.4;
        font-weight: 800;
    }

    .home-about__visual-content small {
        display: block;
        margin-top: 4px;
        color: rgba(255,255,255,.7);
        font-size: 10px;
    }

/*.home-about__visual-card {
    position: absolute;
    left: 0;
    bottom: 0;
    min-width: 185px;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    border: 1px solid #dce3e8;
    border-radius: 15px;
    background: #fff;
    box-shadow: var(--shadow-medium);
}*/

.home-about__visual-card-number {
    color: var(--color-primary);
    font-size: 27px;
    line-height: 1.4;
    font-weight: 800;
}

.home-about__visual-card span:last-child {
    color: var(--color-text-muted);
    font-size: 10px;
}

/* =========================================================
   SERVICES
========================================================= */

.home-services {
    padding: 90px 0;
    background: #f3f6f8;
}

.services-showcase {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.service-showcase-card {
    min-height: 330px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    border: 1px solid #dbe2e8;
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow-small);
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}

    .service-showcase-card:hover {
        transform: translateY(-5px);
        border-color: #ccd6df;
        box-shadow: var(--shadow-medium);
    }

.service-showcase-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.service-showcase-card__number {
    color: #a2adb7;
    font-size: 10px;
    font-weight: 700;
}

.service-showcase-card__icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: var(--color-primary);
    background: var(--color-primary-soft);
    font-size: 18px;
    transition: color var(--transition), background var(--transition);
}

.service-showcase-card:hover .service-showcase-card__icon {
    color: #fff;
    background: var(--color-primary);
}

.service-showcase-card__body {
    flex: 1;
    padding-top: 35px;
}

    .service-showcase-card__body h3 {
        margin: 0;
        color: var(--color-primary);
        font-size: 16px;
        line-height: 1.7;
        font-weight: 800;
    }

    .service-showcase-card__body p {
        margin: 10px 0 0;
        color: var(--color-text-soft);
        font-size: 11px;
        line-height: 2.1;
    }

.service-showcase-card__link {
    margin-top: 22px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-primary);
    font-size: 10px;
    font-weight: 800;
    transition: color var(--transition), gap var(--transition);
}

    .service-showcase-card__link:hover {
        gap: 11px;
        color: var(--color-gold);
    }

/* =========================================================
   FLEET
========================================================= */

.home-fleet {
    padding: 90px 0;
    background: #fff;
}

.fleet-showcase {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

.fleet-showcase-card {
    position: relative;
    min-height: 180px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 17px;
    background: #f9fafb;
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition), background var(--transition);
}

    .fleet-showcase-card:hover {
        transform: translateY(-4px);
        border-color: #cbd5de;
        background: #fff;
        box-shadow: var(--shadow-small);
    }

.fleet-showcase-card__number {
    color: #a5afb8;
    font-size: 10px;
    font-weight: 700;
}

.fleet-showcase-card__content {
    margin-top: auto;
}

    .fleet-showcase-card__content h3 {
        margin: 0;
        color: var(--color-primary);
        font-size: 14px;
        line-height: 1.7;
        font-weight: 800;
    }

    .fleet-showcase-card__content p {
        margin: 3px 0 0;
        color: var(--color-text-muted);
        font-size: 10px;
        line-height: 1.8;
    }

.fleet-showcase-card__arrow {
    position: absolute;
    left: 16px;
    bottom: 16px;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--color-primary);
    background: var(--color-primary-soft);
    font-size: 13px;
    transition: color var(--transition), background var(--transition), transform var(--transition);
}

.fleet-showcase-card:hover .fleet-showcase-card__arrow {
    color: #fff;
    background: var(--color-primary);
    transform: translateX(-2px);
}

/* =========================================================
   GALLERY
========================================================= */

.home-gallery {
    padding: 90px 0;
    background: #f3f6f8;
}

.gallery-showcase {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 230px;
    gap: 14px;
}

.gallery-showcase__item {
    position: relative;
    overflow: hidden;
    border-radius: 17px;
    background: #dfe5ea;
    box-shadow: var(--shadow-small);
}

    .gallery-showcase__item:nth-child(1) {
        grid-row: span 2;
    }

    .gallery-showcase__item img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform 500ms ease;
    }

    .gallery-showcase__item:hover img {
        transform: scale(1.05);
    }

.gallery-showcase__overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 110px;
    padding: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    color: #fff;
    background: linear-gradient(0deg, rgba(8,23,38,.86), transparent);
}

    .gallery-showcase__overlay > div {
        min-width: 0;
    }

    .gallery-showcase__overlay strong {
        display: block;
        font-size: 13px;
        line-height: 1.7;
        font-weight: 800;
    }

    .gallery-showcase__overlay span {
        display: block;
        margin-top: 2px;
        color: rgba(255,255,255,.7);
        font-size: 9px;
    }

.gallery-showcase__arrow {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--color-primary);
    background: #fff;
    font-size: 14px;
}

.gallery-showcase__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #8793a1;
    background: #e8edf1;
}

    .gallery-showcase__placeholder span {
        font-size: 24px;
    }

    .gallery-showcase__placeholder strong {
        font-size: 11px;
    }

/* =========================================================
   CAREERS
========================================================= */

.home-careers {
    padding: 90px 0;
    background: #fff;
}

.careers-showcase {
    display: grid;
    grid-template-columns: 330px 1.15fr;
    overflow: hidden;
    border-radius: 22px;
    background: var(--color-primary);
    box-shadow: var(--shadow-large);
}

.careers-showcase__content {
    padding: 45px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .careers-showcase__content h2 {
        margin: 0;
        color: #fff;
        font-size: 27px;
        line-height: 1.6;
        font-weight: 800;
    }

    .careers-showcase__content p {
        margin: 10px 0 0;
        color: rgba(255,255,255,.67);
        font-size: 11px;
        line-height: 2.1;
    }

    .careers-showcase__content .section-button {
        margin-top: 24px;
    }

.careers-showcase__jobs {
    padding: 20px;
    display: grid;
    gap: 10px;
    background: #f4f6f8;
}

.career-job {
    min-height: 82px;
    padding: 14px 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border: 1px solid #dbe2e8;
    border-radius: 14px;
    background: #fff;
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}

    .career-job:hover {
        transform: translateX(-3px);
        border-color: #c4d0db;
        box-shadow: var(--shadow-small);
    }

.career-job__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .career-job__content strong {
        overflow: hidden;
        color: var(--color-primary);
        font-size: 13px;
        line-height: 1.7;
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .career-job__content small {
        margin-top: 3px;
        overflow: hidden;
        color: var(--color-text-muted);
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.career-job__arrow {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--color-primary);
    background: var(--color-primary-soft);
    font-size: 15px;
}

.career-job--empty {
    justify-content: center;
    color: var(--color-text-soft);
    font-size: 12px;
}

/* =========================================================
   TESTIMONIALS
========================================================= */

.home-testimonials {
    padding: 90px 0;
    background: #f3f6f8;
}

.testimonial-showcase {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.testimonial-showcase-card {
    min-height: 290px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    border: 1px solid #dbe2e8;
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow-small);
}

.testimonial-showcase-card__quote {
    color: var(--color-gold);
    font-family: Georgia, serif;
    font-size: 42px;
    line-height: 1;
}

.testimonial-showcase-card__text {
    flex: 1;
    margin: 12px 0 25px;
    color: var(--color-text-soft);
    font-size: 12px;
    line-height: 2.15;
}

.testimonial-showcase-card__author {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-top: 14px;
    border-top: 1px solid var(--color-border);
}

.testimonial-showcase-card__avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    color: var(--color-primary);
    background: var(--color-primary-soft);
    font-size: 15px;
    font-weight: 800;
}

    .testimonial-showcase-card__avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.testimonial-showcase-card__author > div:last-child {
    display: flex;
    flex-direction: column;
}

.testimonial-showcase-card__author strong {
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 800;
}

.testimonial-showcase-card__author small {
    color: var(--color-text-muted);
    font-size: 9px;
}

/* =========================================================
   PARTNERS
========================================================= */

.home-partners {
    padding: 80px 0;
    background: #fff;
}

.partners-showcase {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.partner-showcase-card {
    min-height: 100px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    background: #fff;
    transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

    .partner-showcase-card:hover {
        transform: translateY(-2px);
        border-color: #c7d2dc;
        box-shadow: var(--shadow-small);
    }

    .partner-showcase-card img {
        width: 100%;
        max-width: 145px;
        height: 55px;
        object-fit: contain;
        filter: grayscale(100%);
        opacity: .7;
        transition: filter var(--transition), opacity var(--transition);
    }

    .partner-showcase-card:hover img {
        filter: grayscale(0);
        opacity: 1;
    }

    .partner-showcase-card span {
        color: var(--color-primary);
        font-size: 12px;
        font-weight: 700;
        text-align: center;
    }

/* =========================================================
   CERTIFICATES
========================================================= */

.home-certificates {
    padding: 80px 0;
    background: #f3f6f8;
}

.certificates-showcase {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}

.certificate-showcase-card {
    min-height: 120px;
    padding: 18px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    border: 1px solid #dbe2e8;
    border-radius: 15px;
    background: #fff;
}

.certificate-showcase-card__icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #8a6a31;
    background: #f3eadc;
    font-size: 17px;
    font-weight: 800;
}

.certificate-showcase-card h3 {
    margin: 0;
    color: var(--color-primary);
    font-size: 13px;
    line-height: 1.7;
    font-weight: 800;
}

.certificate-showcase-card p {
    margin: 3px 0;
    color: var(--color-text-muted);
    font-size: 10px;
}

.certificate-showcase-card small {
    color: #9aa5af;
    font-size: 9px;
}

/* =========================================================
   RAAH MAN
========================================================= */

.home-raahman {
    padding: 55px 0;
    background: #fff;
}

.raahman-showcase {
    min-height: 170px;
    padding: 30px 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border: 1px solid #dfd5c3;
    border-radius: 20px;
    background: linear-gradient(135deg, #fbf8f2, #f5f0e6);
}

    .raahman-showcase > div {
        min-width: 0;
    }

        .raahman-showcase > div > span {
            color: var(--color-gold);
            font-size: 10px;
            font-weight: 800;
        }

    .raahman-showcase h2 {
        margin: 5px 0;
        color: var(--color-primary);
        font-size: 23px;
        line-height: 1.5;
        font-weight: 800;
    }

    .raahman-showcase p {
        max-width: 650px;
        margin: 0;
        color: var(--color-text-soft);
        font-size: 11px;
    }

.raahman-showcase__button {
    min-height: 48px;
    flex: 0 0 auto;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 10px;
    color: #fff;
    background: var(--color-primary);
    font-size: 12px;
    font-weight: 800;
    transition: background var(--transition), transform var(--transition);
}

    .raahman-showcase__button:hover {
        background: var(--color-primary-dark);
        transform: translateY(-2px);
    }

/* =========================================================
   FINAL CTA
========================================================= */

/*.home-final {
    padding: 40px 0 90px;
    background: #fff;
}

.home-final__box {
    padding: 38px 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    border-radius: 21px;
    background: #eef2f5;
    border: 1px solid #dbe2e8;
}

    .home-final__box h2 {
        margin: 0;
        color: var(--color-primary);
        font-size: 25px;
        line-height: 1.6;
        font-weight: 800;
    }

    .home-final__box p {
        max-width: 650px;
        margin: 8px 0 0;
        color: var(--color-text-soft);
        font-size: 11px;
        line-height: 2;
    }

.home-final__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 9px;
}*/

.home-final {
    padding: 40px 0 90px;
    background: #fff;
}

.home-final__box {
    padding: 38px 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    border-radius: 21px;
    background: #eef2f5;
    border: 1px solid #dbe2e8;
}

    .home-final__box h2 {
        margin: 0;
        color: var(--color-primary);
        font-size: 25px;
        line-height: 1.6;
        font-weight: 800;
    }

    .home-final__box p {
        max-width: 650px;
        margin: 8px 0 0;
        color: var(--color-text-soft);
        font-size: 11px;
        line-height: 2;
    }

.home-final__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 9px;
}
/* =========================================================
   EMPTY
========================================================= */

.home-empty {
    min-height: 120px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #cbd5de;
    border-radius: 15px;
    color: var(--color-text-muted);
    background: #fff;
    font-size: 12px;
}

/* =========================================================
   FOOTER
========================================================= */

.site-footer {
    position: relative;
    color: #dbe3eb;
    background: #102236;
    overflow: hidden;
}

    .site-footer::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 3px;
        border-radius: 3px;
        background: linear-gradient( 90deg, transparent 0%, var(--color-gold) 18%, var(--color-gold) 82%, transparent 100% );
        opacity: .85;
    }

    .site-footer > .site-container {
        position: relative;
        z-index: 1;
    }

.site-footer__main {
    padding: 62px 0 48px;
}

.site-footer__grid {
    display: grid;
    grid-template-columns: minmax(250px, 1.45fr) minmax(145px, .8fr) minmax(145px, .85fr) minmax(245px, 1.2fr);
    gap: 55px;
    align-items: start;
    padding: 58px 0 52px;
}

.site-footer__column {
    min-width: 0;
}

    .site-footer__column:first-child {
        padding-left: 18px;
    }

    .site-footer__column:not(:first-child) {
        padding-top: 3px;
    }

/* ---------------------------------------------------------
   FOOTER BRAND
--------------------------------------------------------- */

.footer-brand {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 52px;
}

.footer-brand__logo {
    position: relative;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 14px;
    color: #fff;
    background: var(--color-gold);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
    font-size: 24px;
    font-weight: 800;
}

    .footer-brand__logo img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
    }

.footer-brand__fallback {
    display: none;
}

.footer-brand__logo--fallback .footer-brand__fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.footer-brand__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .footer-brand__text strong {
        display: block;
        color: #fff;
        font-size: 15px;
        font-weight: 800;
        line-height: 1.8;
    }

    .footer-brand__text small {
        display: block;
        margin: 0;
        color: #8292a3;
        font-size: 10px;
        line-height: 1.7;
    }

/* ---------------------------------------------------------
   DESCRIPTION
--------------------------------------------------------- */

.site-footer__description {
    max-width: 390px;
    margin: 21px 0 0;
    color: #9aa9b8;
    font-size: 11px;
    line-height: 2.15;
}

/* ---------------------------------------------------------
   TRUST
--------------------------------------------------------- */

.footer-trust {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 18px;
    color: #b9c5cf;
    font-size: 10px;
    line-height: 1.8;
}

    .footer-trust span {
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        border-radius: 50%;
        background: var(--color-gold);
        box-shadow: 0 0 0 4px rgba(255,255,255,.035);
    }

/* ---------------------------------------------------------
   COLUMN TITLES
--------------------------------------------------------- */

.site-footer__title {
    position: relative;
    margin: 0 0 21px;
    padding-bottom: 11px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
}

    .site-footer__title::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 30px;
        height: 2px;
        border-radius: 3px;
        background: var(--color-gold);
    }

/* ---------------------------------------------------------
   FOOTER LINKS
--------------------------------------------------------- */

.footer-links {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: none;
}

    .footer-links li {
        margin: 0;
        padding: 0;
    }

    .footer-links a {
        position: relative;
        width: fit-content;
        display: inline-flex;
        align-items: center;
        color: #9aa8b6;
        font-size: 11px;
        line-height: 1.9;
        text-decoration: none;
        transition: color var(--transition), transform var(--transition);
    }

        .footer-links a::before {
            content: "‹";
            margin-left: 7px;
            color: var(--color-gold);
            opacity: 0;
            transform: translateX(5px);
            transition: opacity var(--transition), transform var(--transition);
        }

        .footer-links a:hover {
            color: #fff;
            transform: translateX(-3px);
        }

            .footer-links a:hover::before {
                opacity: 1;
                transform: translateX(0);
            }

/* ---------------------------------------------------------
   CONTACT
--------------------------------------------------------- */

.footer-contact {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.footer-contact__item,
.footer-contact-item {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #9aa8b6;
    font-size: 10.5px;
    line-height: 2;
}

    .footer-contact__item > span:last-child,
    .footer-contact-item > span:last-child {
        min-width: 0;
    }

    .footer-contact__item a,
    .footer-contact-item a {
        color: #9aa8b6;
        text-decoration: none;
        transition: color var(--transition);
    }

        .footer-contact__item a:hover,
        .footer-contact-item a:hover {
            color: #fff;
        }

.footer-contact__icon,
.footer-contact-item__icon {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    color: var(--color-gold);
    background: rgba(255,255,255,.035);
    font-size: 11px;
}

/* ---------------------------------------------------------
   RAAHMAN
--------------------------------------------------------- */

.footer-raahman {
    min-height: 42px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 10px;
    color: #dce3e9;
    background: rgba(255,255,255,.04);
    font-size: 10px;
    text-decoration: none;
    transition: background var(--transition), border-color var(--transition), transform var(--transition);
}

    .footer-raahman:hover {
        background: rgba(255,255,255,.08);
        border-color: rgba(255,255,255,.18);
        transform: translateY(-2px);
    }

/* ---------------------------------------------------------
   BOTTOM BAR
--------------------------------------------------------- */

.site-footer__bottom {
    border-top: 1px solid rgba(255,255,255,.08);
}

.site-footer__bottom-inner {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.site-footer__bottom p {
    margin: 0;
    color: #778797;
    font-size: 9.5px;
    line-height: 1.8;
}

.footer-bottom__brand {
    color: #a2afbc;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.8;
}

/* ---------------------------------------------------------
   TABLET FOOTER
--------------------------------------------------------- */

@media (max-width: 980px) {

    .site-footer__grid {
        grid-template-columns: minmax(220px, 1.4fr) minmax(150px, .8fr) minmax(150px, .8fr);
        gap: 42px 35px;
        padding: 50px 0 42px;
    }

    .site-footer__column:first-child {
        grid-column: 1 / -1;
        padding-left: 0;
        max-width: 620px;
    }
}

/* ---------------------------------------------------------
   MOBILE FOOTER
--------------------------------------------------------- */

@media (max-width: 680px) {

    .site-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 36px 24px;
        padding: 42px 0 35px;
    }

    .site-footer__column:first-child {
        grid-column: 1 / -1;
        max-width: none;
    }

    .site-footer__column:not(:first-child) {
        padding-top: 0;
    }

    .footer-brand__logo {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .footer-brand__text strong {
        font-size: 14px;
    }

    .site-footer__description {
        max-width: none;
        font-size: 10.5px;
    }

    .site-footer__title {
        font-size: 13px;
        margin-bottom: 18px;
    }

    .footer-links {
        gap: 10px;
    }

        .footer-links a {
            font-size: 10.5px;
        }

    .footer-contact {
        gap: 11px;
    }

    .footer-contact__item,
    .footer-contact-item {
        font-size: 10px;
    }

    .site-footer__bottom-inner {
        min-height: auto;
        padding: 17px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
    }
}

/* ---------------------------------------------------------
   SMALL MOBILE FOOTER
--------------------------------------------------------- */

@media (max-width: 430px) {

    .site-footer__grid {
        grid-template-columns: 1fr;
        gap: 31px;
    }

    .site-footer__column:first-child {
        grid-column: auto;
    }

    .site-footer__title {
        margin-bottom: 15px;
    }

    .footer-brand {
        gap: 11px;
    }

    .footer-brand__logo {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
    }

    .footer-brand__text strong {
        font-size: 13px;
    }

    .footer-brand__text small {
        font-size: 9px;
    }

    .site-footer__description {
        margin-top: 17px;
        font-size: 10px;
    }
}

/* =========================================================
   FLOATING ACTIONS
========================================================= */

.floating-actions {
    position: fixed;
    z-index: 900;
    left: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.floating-action {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 8px 25px rgba(0,0,0,.16);
    font-size: 18px;
    font-weight: 800;
    transition: transform var(--transition), box-shadow var(--transition);
}

    .floating-action:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(0,0,0,.2);
    }

.floating-action--contact {
    background: var(--color-primary);
}

.floating-action--whatsapp {
    background: #268c68;
}

.back-to-top {
    position: fixed;
    z-index: 899;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5dde4;
    border-radius: 11px;
    color: var(--color-primary);
    background: #fff;
    box-shadow: var(--shadow-small);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    cursor: pointer;
    font-size: 18px;
    transition: opacity var(--transition), visibility var(--transition), transform var(--transition), background var(--transition);
}

    .back-to-top.is-visible {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .back-to-top:hover {
        color: #fff;
        background: var(--color-primary);
    }

/* =========================================================
   RESPONSIVE - 1240
========================================================= */

@media (max-width: 1240px) {

    .site-container {
        width: min(calc(100% - 40px), var(--container));
    }

    .header-main__inner {
        gap: 14px;
    }

    .site-brand {
        min-width: 225px;
    }

    .desktop-navigation {
        margin-right: 4px;
        margin-left: 4px;
    }

    .desktop-navigation__inner {
        gap: 2px;
    }

    .desktop-navigation__link {
        padding-right: 9px;
        padding-left: 9px;
        font-size: 12px;
    }

        .desktop-navigation__link::after {
            right: 9px;
            left: 9px;
        }

    .desktop-navigation__dropdown {
        width: 270px;
    }

    .header-action {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 10px;
    }

    .header-action--contact {
        padding-right: 12px;
        padding-left: 12px;
    }

    .home-about__grid {
        gap: 45px;
    }

    .fleet-showcase {
        grid-template-columns: repeat(3, 1fr);
    }

    .site-footer__grid {
        gap: 28px;
    }
}

/* =========================================================
   RESPONSIVE - 1150
========================================================= */

@media (max-width: 1150px) {

    .site-brand {
        min-width: 205px;
    }

    .site-brand__text strong {
        font-size: 14px;
    }

    .site-brand__text small {
        font-size: 9px;
    }

    .desktop-navigation {
        margin-right: 2px;
        margin-left: 2px;
    }

    .desktop-navigation__link {
        min-height: 42px;
        padding-right: 7px;
        padding-left: 7px;
        font-size: 11px;
    }

        .desktop-navigation__link::after {
            right: 7px;
            left: 7px;
        }

    .desktop-navigation__dropdown {
        width: 255px;
    }

    .desktop-navigation__dropdown-link {
        min-height: 43px;
        padding-right: 11px;
        padding-left: 11px;
        font-size: 11px;
    }

    .header-action--raahman {
        padding-right: 8px;
        padding-left: 8px;
    }

    .header-action__text {
        display: none;
    }

    .header-action--contact {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* =========================================================
   MOBILE NAVIGATION - 980
========================================================= */

@media (max-width: 980px) {

    .desktop-navigation {
        display: none;
    }

    .header-action--raahman {
        display: none;
    }

    .header-main__inner {
        min-height: 72px;
    }

    .header-actions {
        margin-right: auto;
    }

    .mobile-menu-button {
        display: flex;
    }

    .mobile-navigation {
        display: block;
        max-height: 0;
        overflow: hidden;
        background: #fff;
        border-top: 0 solid var(--color-border);
        transition: max-height 280ms ease, border-color 280ms ease;
    }

        .mobile-navigation.is-open {
            max-height: 900px;
            border-top-width: 1px;
        }

    .mobile-navigation__inner {
        width: min(calc(100% - 36px), var(--container));
        margin: 0 auto;
        padding: 8px 0 16px;
    }

    .mobile-navigation__item {
        border-bottom: 1px solid #edf0f3;
    }

    .mobile-navigation__link {
        min-height: 50px;
        padding: 0 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--color-primary);
        font-size: 13px;
        font-weight: 600;
    }

        .mobile-navigation__link > span:first-child {
            min-width: 0;
        }

    .mobile-navigation__arrow {
        flex: 0 0 auto;
        color: var(--color-gold);
        font-size: 17px;
    }

    .mobile-navigation__dropdown {
        display: block;
        margin: 0 4px 8px 0;
        padding: 3px 10px 5px 0;
        border-right: 2px solid #e9dfcf;
    }

    .mobile-navigation__dropdown-link {
        min-height: 42px;
        padding: 0 10px 0 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border-bottom: 1px solid #f0f2f4;
        color: #667487;
        font-size: 11px;
        font-weight: 500;
    }

        .mobile-navigation__dropdown-link:last-child {
            border-bottom: 0;
        }

        .mobile-navigation__dropdown-link:hover,
        .mobile-navigation__dropdown-link.is-active {
            color: var(--color-primary);
        }

    .mobile-navigation__dropdown-arrow {
        flex: 0 0 auto;
        color: var(--color-gold);
        font-size: 13px;
    }

    .mobile-navigation__raahman {
        min-height: 48px;
        margin-top: 10px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        gap: 9px;
        border-radius: 10px;
        color: var(--color-primary);
        background: #f6f1e8;
        font-size: 11px;
        font-weight: 800;
    }

    .mobile-navigation__raahman-mark {
        width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #fff;
        background: var(--color-gold);
    }

    .home-hero__content {
        width: min(700px, 82%);
        margin-right: 0;
        margin-left: auto;
        direction: rtl;
        text-align: right;
        align-items: flex-start;
    }

    .home-stats {
        padding-top: 26px;
    }

    .home-stats__inner,
    .home-stats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-about__grid {
        grid-template-columns: 1fr;
    }

    .home-about__visual {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    .services-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-showcase__item:nth-child(1) {
        grid-row: span 1;
    }

    .careers-showcase {
        grid-template-columns: 1fr;
    }

    .testimonial-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .testimonial-showcase-card:last-child {
        grid-column: 1 / -1;
    }

    .partners-showcase {
        grid-template-columns: repeat(3, 1fr);
    }

    .certificates-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .site-footer__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

@media (max-width: 980px) {

    .home-stats {
        padding-top: 26px;
    }

    .home-stat {
        min-height: 102px;
        padding: 17px 18px;
    }

    .home-stat__icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 10px;
    }

        .home-stat__icon svg {
            width: 19px;
            height: 19px;
        }

    .home-stat__number,
    .home-stat__value {
        font-size: 21px;
    }

    .home-stat__number--text {
        font-size: 18px;
    }

    .home-stat__label {
        font-size: 10px;
    }
}

/* =========================================================
   MOBILE - 680
========================================================= */
@media (max-width: 680px) {

    .header-main__inner {
        width: min(calc(100% - 28px), var(--container));
        min-height: 72px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .site-brand {
        min-width: 0;
        max-width: none;
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        gap: 8px;
        overflow: visible;
    }

    .site-brand__logo {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
    }

    .site-brand__text {
        min-width: 0;
        max-width: none;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: visible;
        text-align: right;
        direction: rtl;
    }

        .site-brand__text strong {
            display: block;
            width: auto;
            max-width: none;
            overflow: visible;
            text-overflow: clip;
            white-space: normal;
            word-break: normal;
            overflow-wrap: normal;
            font-size: 12px;
            line-height: 1.7;
            text-align: right;
        }

        .site-brand__text small {
            display: block;
            margin-top: 1px;
            font-size: 9px;
            line-height: 1.5;
            white-space: nowrap;
            overflow: visible;
        }

    .header-actions {
        margin-right: 0;
        margin-left: 0;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .header-action--contact,
    .header-action--raahman {
        display: none;
    }

    .mobile-menu-button {
        position: relative;
        z-index: 10002;
        width: 44px;
        height: 44px;
        min-width: 44px;
        max-width: 44px;
        flex: 0 0 44px;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #dfe5ea;
        border-radius: 10px;
        color: var(--color-primary);
        background: #fff;
        cursor: pointer;
    }
}

/* =====================================================
       STATS - MOBILE
    ===================================================== */

.home-stats {
    padding-top: 20px;
}

.home-stats__inner,
.home-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.home-stat {
    min-height: 98px;
    padding: 14px 13px;
    gap: 11px;
    border-radius: 13px;
}

    .home-stat::before {
        right: 13px;
        width: 24px;
        height: 2px;
    }

    .home-stat:hover::before {
        width: 36px;
    }

.home-stat__icon {
    flex: 0 0 37px;
    width: 37px;
    height: 37px;
    border-radius: 9px;
}

    .home-stat__icon::after {
        inset: 4px;
        border-radius: 6px;
    }

    .home-stat__icon svg {
        width: 17px;
        height: 17px;
    }

.home-stat__number,
.home-stat__value {
    font-size: 19px;
}

.home-stat__number--text {
    font-size: 15px;
}

.home-stat__label {
    margin-top: 2px;
    font-size: 9.5px;
}

.home-stat__content::after {
    width: 22px;
    margin-top: 4px;
}

.home-stat:hover .home-stat__content::after {
    width: 32px;
}

.home-about,
.home-services,
.home-fleet,
.home-gallery,
.home-careers,
.home-testimonials {
    padding: 65px 0;
}

.home-partners,
.home-certificates {
    padding: 60px 0;
}

.section-heading--split {
    grid-template-columns: 1fr;
    gap: 12px;
}

.section-heading__side {
    justify-self: start;
}

.section-title {
    font-size: 25px;
}

.home-about__visual {
    padding: 15px 15px 35px;
}

.home-about__visual-main {
    min-height: 320px;
}

    .home-about__visual-main img {
        min-height: 320px;
    }

.home-about__visual-content {
    padding: 30px;
}

    .home-about__visual-content strong {
        font-size: 26px;
    }

/*home-about__visual-card {
    min-width: 160px;
    padding: 13px 16px;
}*/

.home-about__visual-card-number {
    font-size: 23px;
}

.services-showcase,
.fleet-showcase,
.testimonial-showcase,
.certificates-showcase {
    grid-template-columns: 1fr;
}

.testimonial-showcase-card:last-child {
    grid-column: auto;
}

.service-showcase-card {
    min-height: 290px;
}

.fleet-showcase-card {
    min-height: 155px;
}

.gallery-showcase {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 190px;
    gap: 9px;
}

.gallery-showcase__overlay {
    padding: 12px;
}

    .gallery-showcase__overlay strong {
        font-size: 11px;
    }

    .gallery-showcase__overlay span {
        display: none;
    }

.gallery-showcase__arrow {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
}

.careers-showcase__content {
    padding: 30px 24px;
}

    .careers-showcase__content h2 {
        font-size: 24px;
    }

.careers-showcase__jobs {
    padding: 12px;
}

.raahman-showcase {
    padding: 25px;
    flex-direction: column;
    align-items: flex-start;
}

.raahman-showcase__button {
    width: 100%;
}

.home-final {
    padding-bottom: 65px;
}

.home-final__box {
    padding: 28px 22px;
    flex-direction: column;
    align-items: flex-start;
}

.home-final__actions {
    width: 100%;
    flex-direction: column;
}

    .home-final__actions .section-button {
        width: 100%;
    }

.partners-showcase {
    grid-template-columns: repeat(2, 1fr);
}

.site-footer__main {
    padding: 50px 0 35px;
}

.site-footer__grid {
    grid-template-columns: 1fr;
    gap: 32px;
}

.site-footer__bottom-inner {
    min-height: 75px;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
}

.floating-actions {
    left: 12px;
    bottom: 12px;
}

.floating-action {
    width: 42px;
    height: 42px;
}

.back-to-top {
    right: 12px;
    bottom: 12px;
    width: 42px;
    height: 42px;
}




@media (max-width: 430px) {

    .site-footer__grid {
        grid-template-columns: 1fr;
        gap: 31px;
    }

    .site-footer__column:first-child {
        grid-column: auto;
    }

    .site-footer__title {
        margin-bottom: 15px;
    }

    .footer-brand {
        gap: 11px;
    }

    .footer-brand__logo {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
    }

    .footer-brand__text strong {
        font-size: 13px;
    }

    .footer-brand__text small {
        font-size: 9px;
    }

    .site-footer__description {
        margin-top: 17px;
        font-size: 10px;
    }
}

/* =========================================================
   FLOATING ACTIONS
========================================================= */

.floating-actions {
    position: fixed;
    z-index: 900;
    left: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.floating-action {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 8px 25px rgba(0,0,0,.16);
    font-size: 18px;
    font-weight: 800;
    transition: transform var(--transition), box-shadow var(--transition);
}

    .floating-action:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(0,0,0,.2);
    }

.floating-action--contact {
    background: var(--color-primary);
}

.floating-action--whatsapp {
    background: #268c68;
}

.back-to-top {
    position: fixed;
    z-index: 899;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5dde4;
    border-radius: 11px;
    color: var(--color-primary);
    background: #fff;
    box-shadow: var(--shadow-small);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    cursor: pointer;
    font-size: 18px;
    transition: opacity var(--transition), visibility var(--transition), transform var(--transition), background var(--transition);
}

    .back-to-top.is-visible {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .back-to-top:hover {
        color: #fff;
        background: var(--color-primary);
    }

/* =========================================================
   RESPONSIVE - 1240
========================================================= */

@media (max-width: 1240px) {

    .site-container {
        width: min(calc(100% - 40px), var(--container));
    }

    .header-main__inner {
        gap: 14px;
    }

    .site-brand {
        min-width: 225px;
    }

    .desktop-navigation {
        margin-right: 4px;
        margin-left: 4px;
    }

    .desktop-navigation__inner {
        gap: 2px;
    }

    .desktop-navigation__link {
        padding-right: 9px;
        padding-left: 9px;
        font-size: 12px;
    }

        .desktop-navigation__link::after {
            right: 9px;
            left: 9px;
        }

    .desktop-navigation__dropdown {
        width: 270px;
    }

    .header-action {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 10px;
    }

    .header-action--contact {
        padding-right: 12px;
        padding-left: 12px;
    }

    .home-about__grid {
        gap: 45px;
    }

    .fleet-showcase {
        grid-template-columns: repeat(3, 1fr);
    }

    .site-footer__grid {
        gap: 28px;
    }
}

/* =========================================================
   RESPONSIVE - 1150
========================================================= */

@media (max-width: 1150px) {

    .site-brand {
        min-width: 205px;
    }

    .site-brand__text strong {
        font-size: 14px;
    }

    .site-brand__text small {
        font-size: 9px;
    }

    .desktop-navigation {
        margin-right: 2px;
        margin-left: 2px;
    }

    .desktop-navigation__link {
        min-height: 42px;
        padding-right: 7px;
        padding-left: 7px;
        font-size: 11px;
    }

        .desktop-navigation__link::after {
            right: 7px;
            left: 7px;
        }

    .desktop-navigation__dropdown {
        width: 255px;
    }

    .desktop-navigation__dropdown-link {
        min-height: 43px;
        padding-right: 11px;
        padding-left: 11px;
        font-size: 11px;
    }

    .header-action--raahman {
        padding-right: 8px;
        padding-left: 8px;
    }

    .header-action__text {
        display: none;
    }

    .header-action--contact {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* =========================================================
   MOBILE NAVIGATION - 980
========================================================= */

@media (max-width: 980px) {

    .desktop-navigation {
        display: none;
    }

    .header-action--raahman {
        display: none;
    }

    .header-main__inner {
        min-height: 72px;
    }

    .header-actions {
        margin-right: auto;
    }

    .mobile-menu-button {
        display: flex;
    }

    .mobile-navigation {
        display: block;
        max-height: 0;
        overflow: hidden;
        background: #fff;
        border-top: 0 solid var(--color-border);
        transition: max-height 280ms ease, border-color 280ms ease;
    }

        .mobile-navigation.is-open {
            max-height: 900px;
            border-top-width: 1px;
        }

    .mobile-navigation__inner {
        width: min(calc(100% - 36px), var(--container));
        margin: 0 auto;
        padding: 8px 0 16px;
    }

    .mobile-navigation__item {
        border-bottom: 1px solid #edf0f3;
    }

    .mobile-navigation__link {
        min-height: 50px;
        padding: 0 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--color-primary);
        font-size: 13px;
        font-weight: 600;
    }

        .mobile-navigation__link > span:first-child {
            min-width: 0;
        }

    .mobile-navigation__arrow {
        flex: 0 0 auto;
        color: var(--color-gold);
        font-size: 17px;
    }

    .mobile-navigation__dropdown {
        display: block;
        margin: 0 4px 8px 0;
        padding: 3px 10px 5px 0;
        border-right: 2px solid #e9dfcf;
    }

    .mobile-navigation__dropdown-link {
        min-height: 42px;
        padding: 0 10px 0 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border-bottom: 1px solid #f0f2f4;
        color: #667487;
        font-size: 11px;
        font-weight: 500;
    }

        .mobile-navigation__dropdown-link:last-child {
            border-bottom: 0;
        }

        .mobile-navigation__dropdown-link:hover,
        .mobile-navigation__dropdown-link.is-active {
            color: var(--color-primary);
        }

    .mobile-navigation__dropdown-arrow {
        flex: 0 0 auto;
        color: var(--color-gold);
        font-size: 13px;
    }

    .mobile-navigation__raahman {
        min-height: 48px;
        margin-top: 10px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        gap: 9px;
        border-radius: 10px;
        color: var(--color-primary);
        background: #f6f1e8;
        font-size: 11px;
        font-weight: 800;
    }

    .mobile-navigation__raahman-mark {
        width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #fff;
        background: var(--color-gold);
    }

    .home-hero__content {
        width: min(700px, 82%);
        margin-right: 0;
        margin-left: auto;
        direction: rtl;
        text-align: right;
        align-items: flex-start;
    }

    .home-stats {
        padding-top: 26px;
    }

    .home-stats__inner,
    .home-stats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-about__grid {
        grid-template-columns: 1fr;
    }

    .home-about__visual {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    .services-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-showcase__item:nth-child(1) {
        grid-row: span 1;
    }

    .careers-showcase {
        grid-template-columns: 1fr;
    }

    .testimonial-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .testimonial-showcase-card:last-child {
        grid-column: 1 / -1;
    }

    .partners-showcase {
        grid-template-columns: repeat(3, 1fr);
    }

    .certificates-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .site-footer__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

@media (max-width: 980px) {

    .home-stats {
        padding-top: 26px;
    }

    .home-stat {
        min-height: 102px;
        padding: 17px 18px;
    }

    .home-stat__icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 10px;
    }

        .home-stat__icon svg {
            width: 19px;
            height: 19px;
        }

    .home-stat__number,
    .home-stat__value {
        font-size: 21px;
    }

    .home-stat__number--text {
        font-size: 18px;
    }

    .home-stat__label {
        font-size: 10px;
    }
}

/* =========================================================
   MOBILE - 680
========================================================= */

@media (max-width: 680px) {

    .site-container {
        width: min(calc(100% - 28px), var(--container));
    }

    /* =====================================================
       MOBILE HEADER TOP
       ===================================================== */

    .header-top {
        min-height: 0;
    }

    .header-top__inner {
        min-height: 0;
        padding: 5px 0 6px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
    }

    /* متن پشتیبانی در موبایل مخفی نشود */
    .header-top__right {
        width: 100%;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .header-top__right .header-top__item {
            font-size: 9px;
            line-height: 1.5;
            white-space: nowrap;
        }

    /* تلفن و ایمیل در یک ردیف جداگانه */
    .header-top__left {
        width: 100%;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-wrap: nowrap;
    }

    .header-top__item {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        font-size: 9px;
        line-height: 1.5;
        white-space: nowrap;
    }

        .header-top__item a {
            white-space: nowrap;
        }

        .header-top__item svg {
            flex: 0 0 auto;
            width: 13px;
            height: 13px;
        }


    /* =====================================================
       MOBILE MAIN HEADER
       ===================================================== */

    .site-brand {
        min-width: 0;
        /*max-width: calc(100% - 125px);*/
        flex: 1 1 auto;
        gap: 8px;
    }

    .site-brand__logo {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .site-brand__text {
        min-width: 0;
        max-width: 185px;
    }

        .site-brand__text strong {
            display: block;
            max-width: 185px;
            overflow: hidden;
            font-size: 12px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .site-brand__text small {
            display: none;
        }

    .header-action--contact {
        display: none;
    }

    .header-action--raahman {
        display: none;
    }

    .header-actions {
        margin-right: auto;
        flex: 0 0 auto;
    }

    .mobile-menu-button {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


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

    .mobile-navigation {
        position: fixed;
        right: 0;
        left: 0;
        top: var(--header-mobile-bottom, 108px);
        z-index: 9999;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        display: block;
        background: #fff;
        border-top: 0 solid var(--color-border);
        box-shadow: 0 15px 35px rgba(19, 40, 63, 0.12);
        transition: max-height 280ms ease, border-color 280ms ease, top 180ms ease;
    }

        .mobile-navigation.is-open {
            max-height: calc(100vh - var(--header-mobile-bottom, 108px));
            overflow-y: auto;
            border-top-width: 1px;
        }

    .mobile-navigation__inner {
        width: min(calc(100% - 28px), var(--container));
        margin: 0 auto;
        padding: 8px 0 18px;
    }

    .mobile-navigation__item {
        width: 100%;
        border-bottom: 1px solid #edf0f3;
    }

    .mobile-navigation__link {
        width: 100%;
        min-height: 50px;
        padding: 0 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--color-primary);
        font-size: 13px;
        font-weight: 600;
    }

        .mobile-navigation__link > span:first-child {
            min-width: 0;
            flex: 1 1 auto;
        }

    .mobile-navigation__arrow {
        flex: 0 0 auto;
        color: var(--color-gold);
        font-size: 17px;
    }

    .mobile-navigation__dropdown {
        width: auto;
        display: block;
        margin: 0 4px 8px 0;
        padding: 3px 10px 5px 0;
        border-right: 2px solid #e9dfcf;
    }

    .mobile-navigation__dropdown-link {
        width: 100%;
        min-height: 42px;
        padding: 0 10px 0 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border-bottom: 1px solid #f0f2f4;
        color: #667487;
        font-size: 11px;
        font-weight: 500;
    }

        .mobile-navigation__dropdown-link:last-child {
            border-bottom: 0;
        }

        .mobile-navigation__dropdown-link:hover,
        .mobile-navigation__dropdown-link.is-active {
            color: var(--color-primary);
        }

    .mobile-navigation__dropdown-arrow {
        flex: 0 0 auto;
        color: var(--color-gold);
        font-size: 13px;
    }

    .mobile-navigation__raahman {
        width: 100%;
        min-height: 48px;
        margin-top: 10px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        gap: 9px;
        border-radius: 10px;
        color: var(--color-primary);
        background: #f6f1e8;
        font-size: 11px;
        font-weight: 800;
    }

    .mobile-navigation__raahman-mark {
        width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 27px;
        border-radius: 8px;
        color: #fff;
        background: var(--color-gold);
    }


    /* =====================================================
       HOME HERO
       ===================================================== */

    .home-hero__slider,
    .home-hero__slides,
    .home-hero__fallback {
        min-height: 550px;
        height: 550px;
    }

    .home-hero__content {
        width: 100%;
        margin-right: 0;
        margin-left: auto;
        padding: 0 0 50px;
        direction: rtl;
        text-align: right;
        align-items: flex-start;
    }

    .home-hero__eyebrow,
    .home-hero__title,
    .home-hero__subtitle {
        width: 100%;
        direction: rtl;
        text-align: right;
    }

    .home-hero__title {
        font-size: 31px;
        line-height: 1.45;
    }

    .home-hero__subtitle {
        font-size: 12px;
        line-height: 2;
    }

    .home-hero__actions {
        width: 100%;
        margin-top: 22px;
        direction: rtl;
        flex-direction: row;
        justify-content: flex-start;
    }

    .home-hero__button {
        min-height: 46px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 11px;
    }

    .home-hero__navigation {
        bottom: 25px;
    }
    /* =====================================================
       STATS - MOBILE
    ===================================================== */

    .home-stats {
        padding-top: 20px;
    }

    .home-stats__inner,
    .home-stats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .home-stat {
        min-height: 98px;
        padding: 14px 13px;
        gap: 11px;
        border-radius: 13px;
    }

        .home-stat::before {
            right: 13px;
            width: 24px;
            height: 2px;
        }

        .home-stat:hover::before {
            width: 36px;
        }

    .home-stat__icon {
        flex: 0 0 37px;
        width: 37px;
        height: 37px;
        border-radius: 9px;
    }

        .home-stat__icon::after {
            inset: 4px;
            border-radius: 6px;
        }

        .home-stat__icon svg {
            width: 17px;
            height: 17px;
        }

    .home-stat__number,
    .home-stat__value {
        font-size: 19px;
    }

    .home-stat__number--text {
        font-size: 15px;
    }

    .home-stat__label {
        margin-top: 2px;
        font-size: 9.5px;
    }

    .home-stat__content::after {
        width: 22px;
        margin-top: 4px;
    }

    .home-stat:hover .home-stat__content::after {
        width: 32px;
    }

    .home-about,
    .home-services,
    .home-fleet,
    .home-gallery,
    .home-careers,
    .home-testimonials {
        padding: 65px 0;
    }

    .home-partners,
    .home-certificates {
        padding: 60px 0;
    }

    .section-heading--split {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .section-heading__side {
        justify-self: start;
    }

    .section-title {
        font-size: 25px;
    }

    .home-about__visual {
        padding: 15px 15px 35px;
    }

    .home-about__visual-main {
        min-height: 320px;
    }

        .home-about__visual-main img {
            min-height: 320px;
        }

    .home-about__visual-content {
        padding: 30px;
    }

        .home-about__visual-content strong {
            font-size: 26px;
        }

    /*  .home-about__visual-card {
        min-width: 160px;
        padding: 13px 16px;
    }*/

    .home-about__visual-card-number {
        font-size: 23px;
    }

    .services-showcase,
    .fleet-showcase,
    .testimonial-showcase,
    .certificates-showcase {
        grid-template-columns: 1fr;
    }

    .testimonial-showcase-card:last-child {
        grid-column: auto;
    }

    .service-showcase-card {
        min-height: 290px;
    }

    .fleet-showcase-card {
        min-height: 155px;
    }

    .gallery-showcase {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 190px;
        gap: 9px;
    }

    .gallery-showcase__overlay {
        padding: 12px;
    }

        .gallery-showcase__overlay strong {
            font-size: 11px;
        }

        .gallery-showcase__overlay span {
            display: none;
        }

    .gallery-showcase__arrow {
        width: 31px;
        height: 31px;
        flex-basis: 31px;
    }

    .careers-showcase__content {
        padding: 30px 24px;
    }

        .careers-showcase__content h2 {
            font-size: 24px;
        }

    .careers-showcase__jobs {
        padding: 12px;
    }

    .raahman-showcase {
        padding: 25px;
        flex-direction: column;
        align-items: flex-start;
    }

    .raahman-showcase__button {
        width: 100%;
    }

    .home-final {
        padding-bottom: 65px;
    }

    .home-final__box {
        padding: 28px 22px;
        flex-direction: column;
        align-items: flex-start;
    }

    .home-final__actions {
        width: 100%;
        flex-direction: column;
    }

        .home-final__actions .section-button {
            width: 100%;
        }

    .partners-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .site-footer__main {
        padding: 50px 0 35px;
    }

    .site-footer__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .site-footer__bottom-inner {
        min-height: 75px;
        flex-direction: column;
        justify-content: center;
        gap: 3px;
    }

    .floating-actions {
        left: 12px;
        bottom: 12px;
    }

    .floating-action {
        width: 42px;
        height: 42px;
    }

    .back-to-top {
        right: 12px;
        bottom: 12px;
        width: 42px;
        height: 42px;
    }
}

/* =========================================================
   SMALL MOBILE - 430
========================================================= */

@media (max-width: 430px) {

    .home-stats {
        padding-top: 16px;
    }

    .home-stats__inner,
    .home-stats__grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .home-stat {
        min-height: 88px;
        padding: 13px 14px;
        gap: 11px;
        border-radius: 11px;
    }

    .home-stat__icon {
        flex: 0 0 35px;
        width: 35px;
        height: 35px;
        border-radius: 9px;
    }

        .home-stat__icon svg {
            width: 17px;
            height: 17px;
        }

    .home-stat__number,
    .home-stat__value {
        font-size: 18px;
    }

    .home-stat__number--text {
        font-size: 14px;
    }

    .home-stat__label {
        font-size: 9.5px;
    }

    .home-hero__title {
        font-size: 28px;
    }

    .home-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .home-hero__button {
        width: 100%;
    }

    .gallery-showcase {
        grid-template-columns: 1fr;
        grid-auto-rows: 220px;
    }

    .site-brand__text {
        max-width: 180px;
    }

        .site-brand__text strong {
            max-width: 180px;
        }
}

/* =========================================================
   HOME STATS - DESKTOP FORCE SINGLE ROW
========================================================= */

@media (min-width: 981px) {

    .home-stats__grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        width: 100%;
        gap: 16px;
    }

    .home-stat {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   STICKY MAIN HEADER
   فقط بخش اصلی هدر ثابت می‌ماند.
   HEADER-TOP ثابت نیست و هنگام اسکرول بالا می‌رود.
========================================================= */


/* =========================================================
   HEADER - SCROLL / FIXED MAIN HEADER
========================================================= */
/*
   header-top:
   عادی و غیر ثابت است و هنگام اسکرول از صفحه خارج می‌شود.

   header-main:
   با JavaScript هنگام اسکرول به بالای صفحه منتقل
   و به صورت fixed نگه داشته می‌شود.
*/
.header-main {
    position: fixed;
    top: var(--header-top-height, 36px);
    right: 0;
    left: 0;
    width: 100%;
    z-index: 9990;
    background: #fff;
    box-shadow: 0 4px 20px rgba(19, 40, 63, 0.05);
    transition: top 180ms ease, box-shadow 180ms ease;
}

/*
   وقتی صفحه اسکرول شده است،
   header-main کاملاً به بالای صفحه می‌چسبد.
*/

.site-header.is-scrolled .header-main {
    top: 0;
    box-shadow: 0 6px 22px rgba(19, 40, 63, 0.10);
}

/*
   فضای لازم برای header-main که از جریان عادی صفحه
   خارج شده است.
*/

.site-main {
    padding-top: var(--header-main-height, 82px);
}

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

@media (max-width: 980px) {

    .header-main {
        top: var(--header-top-height, 36px);
    }

    .site-main {
        padding-top: var(--header-main-height, 72px);
    }

    /*
       منوی موبایل هنگام باز بودن باید دقیقاً
       زیر header-main قرار بگیرد.
    */

    .mobile-navigation {
        position: fixed;
        top: var(--header-mobile-bottom, 108px);
        right: 0;
        left: 0;
        z-index: 9989;
        max-height: 0;
        overflow: hidden;
        background: #fff;
        border-top: 0 solid var(--color-border);
        transition: max-height 280ms ease, border-color 280ms ease, top 180ms ease;
    }

        .mobile-navigation.is-open {
            max-height: calc(100vh - var(--header-mobile-bottom, 108px));
            overflow-y: auto;
            border-top-width: 1px;
        }

    .site-header.is-scrolled .mobile-navigation {
        top: var(--header-main-height, 72px);
    }
}

/* =========================================================
   MOBILE TOP BAR
========================================================= */
@media (max-width: 680px) {

    .header-top {
        min-height: 36px;
        height: auto;
    }

    .header-top__inner {
        width: min(calc(100% - 20px), var(--container));
        min-height: 36px;
        padding: 4px 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        white-space: nowrap;
    }

    .header-top__right {
        width: auto;
        min-width: 0;
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: right;
        overflow: hidden;
    }

        .header-top__right .header-top__item {
            max-width: 100%;
            overflow: hidden;
            text-overflow: clip;
            white-space: nowrap;
            font-size: 8.5px;
            line-height: 1.5;
        }

    .header-top__left {
        width: auto;
        min-width: 0;
        flex: 0 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .header-top__item {
        min-width: 0;
        width: auto;
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        gap: 3px;
        font-size: 8.5px;
        line-height: 1.5;
        white-space: nowrap;
    }

        .header-top__item a {
            white-space: nowrap;
        }

        .header-top__item svg {
            width: 12px;
            height: 12px;
            flex: 0 0 12px;
        }
}
/* =========================================================
   MOBILE HEADER - FINAL FIX
========================================================= */

@media (max-width: 980px) {

    /* ---------- Main Header ---------- */

    .header-main {
        position: fixed;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 9998;
        background: #fff;
    }

    .header-main__inner {
        min-height: 72px;
        display: flex;
        align-items: center;
    }

    /* ---------- Brand ---------- */

    .site-brand {
        min-width: 0;
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        gap: 9px;
    }

    .site-brand__logo {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
    }

    .site-brand__text {
        min-width: 0;
        max-width: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: right;
        direction: rtl;
    }

        .site-brand__text strong {
            display: block;
            max-width: none;
            overflow: visible;
            font-size: 12px;
            line-height: 1.7;
            white-space: normal;
            text-overflow: clip;
            text-align: right;
        }

        .site-brand__text small {
            display: none;
        }


    /* ---------- Header Actions ---------- */

    .header-actions {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        margin-right: 8px;
    }

    .header-action--contact,
    .header-action--raahman {
        display: none;
    }


    /* =========================================================
   MOBILE MENU BUTTON - 3 LINES / X
========================================================= */

    @media (max-width: 980px) {

        .mobile-menu-button {
            position: relative;
            z-index: 10002;
            width: 44px;
            height: 44px;
            min-width: 44px;
            max-width: 44px;
            flex: 0 0 44px;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #dfe5ea;
            border-radius: 10px;
            color: var(--color-primary);
            background: #ffffff;
            cursor: pointer;
            transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
        }

            .mobile-menu-button:hover {
                color: #ffffff;
                background: var(--color-primary);
                border-color: var(--color-primary);
            }

            /* فقط سه span واقعی HTML */

            .mobile-menu-button span {
                position: absolute;
                right: 50%;
                width: 21px;
                height: 2px;
                margin-right: -10.5px;
                border-radius: 2px;
                background: currentColor;
                transition: transform 180ms ease, opacity 180ms ease, top 180ms ease;
            }

                .mobile-menu-button span:nth-child(1) {
                    top: 14px;
                }

                .mobile-menu-button span:nth-child(2) {
                    top: 20px;
                }

                .mobile-menu-button span:nth-child(3) {
                    top: 26px;
                }

            /* تبدیل سه خط به X */

            .mobile-menu-button.is-open span:nth-child(1) {
                top: 20px;
                transform: rotate(45deg);
            }

            .mobile-menu-button.is-open span:nth-child(2) {
                opacity: 0;
            }

            .mobile-menu-button.is-open span:nth-child(3) {
                top: 20px;
                transform: rotate(-45deg);
            }
    }


    @media (max-width: 430px) {

        .mobile-menu-button {
            width: 42px;
            height: 42px;
            min-width: 42px;
            max-width: 42px;
            flex-basis: 42px;
        }

            .mobile-menu-button span {
                width: 20px;
                margin-right: -10px;
            }
    }

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

    .mobile-navigation {
        position: fixed;
        right: 0;
        left: 0;
        top: var(--header-mobile-bottom, 108px);
        z-index: 9997;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        display: block;
        background: #fff;
        border-top: 0 solid var(--color-border);
        box-shadow: 0 18px 40px rgba(19, 40, 63, 0.14);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-5px);
        transition: max-height 280ms ease, opacity 180ms ease, visibility 180ms ease, transform 180ms ease, border-color 180ms ease, top 180ms ease;
    }

        .mobile-navigation.is-open {
            max-height: calc(100vh - var(--header-mobile-bottom, 108px));
            overflow-y: auto;
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            border-top-width: 1px;
            -webkit-overflow-scrolling: touch;
        }

    .mobile-navigation__inner {
        width: min(calc(100% - 28px), var(--container));
        margin: 0 auto;
        padding: 8px 0 20px;
    }


    /* ---------- Main Menu Item ---------- */

    .mobile-navigation__item {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #edf0f3;
    }

    .mobile-navigation__link {
        width: 100%;
        min-height: 52px;
        padding: 0 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--color-primary);
        font-size: 13px;
        font-weight: 700;
        line-height: 1.7;
        text-decoration: none;
        cursor: pointer;
    }

        .mobile-navigation__link > span:first-child {
            min-width: 0;
            flex: 1 1 auto;
            display: block;
            text-align: right;
        }

    .mobile-navigation__arrow {
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-gold);
        font-size: 17px;
    }


    /* =====================================================
       MOBILE SUB MENU
    ===================================================== */

    .mobile-navigation__dropdown {
        width: auto;
        display: block;
        margin: 0 5px 9px 0;
        padding: 3px 11px 5px 0;
        border-right: 2px solid #e9dfcf;
    }

    .mobile-navigation__dropdown-link {
        width: 100%;
        min-height: 44px;
        padding: 0 10px 0 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        color: #667487;
        background: transparent;
        border-bottom: 1px solid #f0f2f4;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.7;
        text-decoration: none;
    }

        .mobile-navigation__dropdown-link:last-child {
            border-bottom: 0;
        }

        .mobile-navigation__dropdown-link:hover,
        .mobile-navigation__dropdown-link.is-active {
            color: var(--color-primary);
        }

    .mobile-navigation__dropdown-arrow {
        flex: 0 0 auto;
        color: var(--color-gold);
        font-size: 13px;
    }


    /* ---------- RaahMan ---------- */

    .mobile-navigation__raahman {
        width: 100%;
        min-height: 50px;
        margin-top: 11px;
        padding: 0 13px;
        display: flex;
        align-items: center;
        gap: 9px;
        border-radius: 10px;
        color: var(--color-primary);
        background: #f6f1e8;
        font-size: 11px;
        font-weight: 800;
        text-decoration: none;
    }

    .mobile-navigation__raahman-mark {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #fff;
        background: var(--color-gold);
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 430px) {

    .header-top__inner {
        width: min(calc(100% - 14px), var(--container));
        gap: 5px;
    }

    .header-top__right .header-top__item {
        font-size: 7.5px;
    }

    .header-top__left {
        gap: 5px;
    }

    .header-top__item {
        font-size: 7.5px;
        gap: 2px;
    }

        .header-top__item svg {
            width: 10px;
            height: 10px;
            flex-basis: 10px;
        }

    .header-main__inner {
        width: min(calc(100% - 18px), var(--container));
        min-height: 68px;
        gap: 6px;
    }

    .site-brand {
        gap: 7px;
    }

    .site-brand__logo {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .site-brand__text strong {
        font-size: 10.5px;
        line-height: 1.65;
    }

    .site-brand__text small {
        font-size: 8px;
    }

    .mobile-menu-button {
        width: 42px;
        height: 42px;
        min-width: 42px;
        max-width: 42px;
        flex-basis: 42px;
    }
}
/* =========================================================
   MOBILE BRAND SUBTITLE - KEEP VISIBLE
========================================================= */

@media (max-width: 680px) {

    .site-brand__text {
        min-width: 0;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        overflow: visible;
    }

        .site-brand__text strong {
            display: block;
            width: 100%;
            max-width: none;
            overflow: visible;
            text-overflow: clip;
            white-space: normal;
            font-size: 12px;
            line-height: 1.55;
        }

        .site-brand__text small {
            display: block !important;
            width: 100%;
            max-width: none;
            margin-top: 1px;
            overflow: visible;
            text-overflow: clip;
            white-space: nowrap;
            font-size: 8.5px;
            line-height: 1.5;
            color: var(--color-text-soft);
        }
}

@media (max-width: 430px) {

    .site-brand__text {
        min-width: 0;
        flex: 1 1 auto;
    }

        .site-brand__text strong {
            font-size: 10.5px;
            line-height: 1.55;
        }

        .site-brand__text small {
            display: block !important;
            font-size: 7.5px;
            line-height: 1.45;
            white-space: nowrap;
        }
}
/* =========================================================
   MOBILE NAVIGATION - FINAL
   Main menu + sub menus
========================================================= */

@media (max-width: 980px) {

    .mobile-navigation {
        position: fixed;
        top: var(--header-mobile-bottom, 108px);
        right: 0;
        left: 0;
        z-index: 9989;
        width: 100%;
        max-height: 0;
        display: block;
        overflow: hidden;
        background: #ffffff;
        border-top: 0 solid var(--color-border);
        box-shadow: 0 18px 40px rgba(19, 40, 63, 0.14);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-6px);
        transition: max-height 280ms ease, opacity 180ms ease, visibility 180ms ease, transform 180ms ease, border-color 180ms ease, top 180ms ease;
    }

        .mobile-navigation.is-open {
            max-height: calc(100vh - var(--header-mobile-bottom, 108px));
            overflow-y: auto;
            overflow-x: hidden;
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            border-top-width: 1px;
            -webkit-overflow-scrolling: touch;
        }

    .site-header.is-scrolled .mobile-navigation {
        top: var(--header-main-height, 72px);
    }


    /* ---------------------------------------------------------
       INNER
    --------------------------------------------------------- */

    .mobile-navigation__inner {
        width: min(calc(100% - 28px), var(--container));
        margin: 0 auto;
        padding: 8px 0 20px;
    }


    /* ---------------------------------------------------------
       MAIN MENU ITEM
    --------------------------------------------------------- */

    .mobile-navigation__item {
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #edf0f3;
    }

        .mobile-navigation__item:last-child {
            border-bottom: 0;
        }


    /* ---------------------------------------------------------
       MAIN MENU LINK
    --------------------------------------------------------- */

    .mobile-navigation__link {
        width: 100%;
        min-height: 52px;
        padding: 0 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--color-primary);
        background: transparent;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.7;
        text-decoration: none;
        cursor: pointer;
        transition: color 180ms ease, background 180ms ease;
    }

        .mobile-navigation__link:hover,
        .mobile-navigation__item.is-open > .mobile-navigation__link {
            color: var(--color-primary);
            background: #f7f9fb;
        }

        .mobile-navigation__link > span:first-child {
            min-width: 0;
            flex: 1 1 auto;
            display: block;
            overflow: visible;
            text-align: right;
        }


    /* ---------------------------------------------------------
       ARROW
    --------------------------------------------------------- */

    .mobile-navigation__arrow {
        width: 28px;
        height: 28px;
        min-width: 28px;
        flex: 0 0 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-gold);
        font-family: Arial, Tahoma, sans-serif;
        font-size: 17px;
        font-weight: 700;
        line-height: 1;
        transition: transform 220ms ease, color 180ms ease;
    }

    .mobile-navigation__item.is-open > .mobile-navigation__link
    .mobile-navigation__arrow {
        transform: rotate(180deg);
        color: var(--color-primary);
    }


    /* ---------------------------------------------------------
       SUB MENU
    --------------------------------------------------------- */

    .mobile-navigation__submenu {
        width: auto;
        margin: 0 5px 9px 0;
        padding: 0 11px 0 0;
        border-right: 2px solid #e9dfcf;
        display: none;
    }

    .mobile-navigation__item.is-open > .mobile-navigation__submenu {
        display: block;
        animation: mobileSubmenuOpen 180ms ease;
    }

    @keyframes mobileSubmenuOpen {
        from {
            opacity: 0;
            transform: translateY(-4px);
        }

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


    /* ---------------------------------------------------------
       SUB MENU LINK
    --------------------------------------------------------- */

    .mobile-navigation__sublink {
        width: 100%;
        min-height: 45px;
        padding: 0 10px 0 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        color: #667487;
        background: transparent;
        border-bottom: 1px solid #f0f2f4;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.7;
        text-decoration: none;
        transition: color 180ms ease, background 180ms ease;
    }

        .mobile-navigation__sublink:last-child {
            border-bottom: 0;
        }

        .mobile-navigation__sublink:hover,
        .mobile-navigation__sublink.is-active {
            color: var(--color-primary);
            background: #f8fafb;
        }

        .mobile-navigation__sublink > span:first-child {
            min-width: 0;
            flex: 1 1 auto;
            text-align: right;
        }

        .mobile-navigation__sublink > span:last-child {
            flex: 0 0 auto;
            color: var(--color-gold);
            font-family: Arial, Tahoma, sans-serif;
            font-size: 13px;
            font-weight: 700;
        }


    /* ---------------------------------------------------------
       RAAH MAN
    --------------------------------------------------------- */

    .mobile-navigation__raahman {
        width: 100%;
        min-height: 50px;
        margin-top: 12px;
        padding: 0 13px;
        display: flex;
        align-items: center;
        gap: 9px;
        border-radius: 10px;
        color: var(--color-primary);
        background: #f6f1e8;
        font-size: 11px;
        font-weight: 800;
        text-decoration: none;
    }

    .mobile-navigation__raahman-mark {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #ffffff;
        background: var(--color-gold);
    }

    .mobile-navigation__raahman > span:nth-child(2) {
        min-width: 0;
        flex: 1 1 auto;
    }

    .mobile-navigation__raahman > span:last-child {
        flex: 0 0 auto;
    }
}


/* =========================================================
   MOBILE - SMALL SCREEN
========================================================= */

@media (max-width: 680px) {

    .mobile-navigation__inner {
        width: min(calc(100% - 28px), var(--container));
        padding-top: 7px;
        padding-bottom: 18px;
    }

    .mobile-navigation__link {
        min-height: 50px;
        padding-right: 4px;
        padding-left: 4px;
        font-size: 12.5px;
    }

    .mobile-navigation__arrow {
        width: 26px;
        height: 26px;
        min-width: 26px;
        flex-basis: 26px;
        font-size: 16px;
    }

    .mobile-navigation__submenu {
        margin-right: 4px;
        padding-right: 10px;
    }

    .mobile-navigation__sublink {
        min-height: 43px;
        padding-right: 9px;
        padding-left: 4px;
        font-size: 10.5px;
    }
}


/* =========================================================
   VERY SMALL SCREEN
========================================================= */

@media (max-width: 430px) {

    .mobile-navigation__inner {
        width: min(calc(100% - 18px), var(--container));
    }

    .mobile-navigation__link {
        min-height: 49px;
        font-size: 12px;
    }

    .mobile-navigation__sublink {
        min-height: 41px;
        font-size: 10px;
    }

    .mobile-navigation__arrow {
        width: 25px;
        height: 25px;
        min-width: 25px;
        flex-basis: 25px;
        font-size: 15px;
    }
}
/* =========================================================
   HOME HERO SLIDER
   DOTS ONLY
========================================================= */

/* حذف کامل دکمه‌های چپ و راست */
.home-hero__control,
.home-hero__control--prev,
.home-hero__control--next {
    display: none !important;
}

/* حذف کادر اطراف کنترل‌ها */
.home-hero__navigation {
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 18px;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transform: translateX(-50%);
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 10;
}

/* فقط نقاط */
.home-hero__dots {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 7px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* نقطه */
.home-hero__dot {
    display: block;
    width: 7px;
    height: 7px;
    min-width: 7px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55) !important;
    box-shadow: none !important;
    cursor: pointer;
    opacity: 1;
    transition: width 180ms ease, height 180ms ease, background 180ms ease, transform 180ms ease, opacity 180ms ease;
}

    /* نقطه فعال */
    .home-hero__dot.is-active {
        width: 9px;
        height: 9px;
        min-width: 9px;
        background: #ffffff !important;
        opacity: 1;
    }

    /* هاور */
    .home-hero__dot:hover {
        background: #ffffff !important;
        transform: scale(1.15);
    }

/* ---------------------------------------------------------
   نوار Progress را هم حذف می‌کنیم
   چون درخواست فقط نقاط است
--------------------------------------------------------- */

/*.home-hero__progress {
    display: none !important;
}*/


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

@media (max-width: 680px) {

    .home-hero__navigation {
        bottom: 14px;
        gap: 6px;
    }

    .home-hero__dots {
        gap: 6px;
    }

    .home-hero__dot {
        width: 6px;
        height: 6px;
        min-width: 6px;
    }

        .home-hero__dot.is-active {
            width: 8px;
            height: 8px;
            min-width: 8px;
        }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

    .home-hero__navigation {
        bottom: 12px;
    }

    .home-hero__dot {
        width: 5.5px;
        height: 5.5px;
        min-width: 5.5px;
    }

        .home-hero__dot.is-active {
            width: 7px;
            height: 7px;
            min-width: 7px;
        }
}
/* =========================================================
   HOME HERO - SLIDER PROGRESS
========================================================= */

.home-hero__progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 3px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.20);
}

    .home-hero__progress span {
        display: block;
        width: 0;
        height: 100%;
        margin: 0;
        padding: 0;
        background: var(--color-gold);
        transform-origin: right center;
        transition: width 0ms linear;
    }

@media (max-width: 680px) {

    .home-hero__progress {
        height: 2px;
    }
}
/* =========================================================
   HOME HERO - PROGRESS BAR
========================================================= */

.home-hero__progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 3px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.20);
}

    .home-hero__progress span {
        display: block;
        width: 0;
        height: 100%;
        margin: 0;
        padding: 0;
        background: var(--color-gold);
        transform-origin: right center;
        transition: width 0ms linear;
    }

@media (max-width: 680px) {

    .home-hero__progress {
        height: 2px;
    }
}
/* =========================================================
   HOME HERO - PROGRESS BAR
========================================================= */

.home-hero__progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 3px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.20);
}

    .home-hero__progress span {
        display: block;
        width: 0;
        height: 100%;
        margin: 0;
        padding: 0;
        background: var(--color-gold);
        transform-origin: right center;
        transition: width 0ms linear;
    }

@media (max-width: 680px) {

    .home-hero__progress {
        height: 2px;
    }
}

/* =========================================================
   HOME FINAL COMPACT POLISH - SCOPED
   Restores the original card/grid system and only adjusts
   header height, hero height and Home section spacing.
========================================================= */

/* Header: slightly shorter without changing its structure */
.header-top {
    min-height: 30px;
}

.header-top__inner {
    min-height: 30px;
}

.header-main__inner {
    min-height: 70px;
}

.site-brand__logo {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
}

/* Home hero: shorter, controlled height */
.home-hero__slider,
.home-hero__slides,
.home-hero__slide {
    height: 430px;
    min-height: 430px;
}

.home-hero__fallback {
    height: 430px;
    min-height: 430px;
}

/* Slider progress: explicitly visible */
.home-hero__progress {
    display: block !important;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    width: 100%;
    height: 3px;
    overflow: hidden;
    background: rgba(255, 255, 255, .24) !important;
    pointer-events: none;
}

    .home-hero__progress span {
        display: block;
        width: 42%;
        height: 100%;
        background: var(--color-gold) !important;
    }

/* Reduce vertical gaps between Home sections only */
.home-about,
.home-fleet,
.home-gallery,
.home-testimonials {
    padding-top: 72px;
    padding-bottom: 72px;
}

.home-services-v2 {
    padding-top: 72px;
    padding-bottom: 72px;
}

.home-careers-v2 {
    padding-top: 72px;
    padding-bottom: 72px;
}

.home-partners,
.home-certificates {
    padding-top: 64px;
    padding-bottom: 64px;
}

.home-raahman {
    padding-top: 46px;
    padding-bottom: 46px;
}

.home-final {
    padding-top: 34px;
    padding-bottom: 72px;
}

/* Keep the desktop card grids aligned */
@media (min-width: 981px) {
    .fleet-showcase {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gallery-showcase {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: 220px;
    }

    .testimonial-showcase {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .partners-showcase {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .certificates-showcase {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Tablet */
@media (max-width: 980px) {
    .header-top {
        min-height: 27px;
    }

    .header-top__inner {
        min-height: 27px;
    }

    .header-main__inner {
        min-height: 62px;
    }

    .site-brand__logo {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .home-hero__slider,
    .home-hero__slides,
    .home-hero__slide {
        height: 360px;
        min-height: 360px;
    }

    .home-hero__fallback {
        height: 360px;
        min-height: 360px;
    }

    .home-about,
    .home-fleet,
    .home-gallery,
    .home-testimonials,
    .home-services-v2,
    .home-careers-v2 {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .home-partners,
    .home-certificates {
        padding-top: 52px;
        padding-bottom: 52px;
    }
}

/* Mobile */
@media (max-width: 680px) {
    .home-hero__slider,
    .home-hero__slides,
    .home-hero__slide {
        height: 320px;
        min-height: 320px;
    }

    .home-hero__fallback {
        height: 320px;
        min-height: 320px;
    }

    .home-hero__progress {
        height: 2px;
    }

    .home-about,
    .home-fleet,
    .home-gallery,
    .home-testimonials,
    .home-services-v2,
    .home-careers-v2 {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .home-partners,
    .home-certificates,
    .home-raahman {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .home-final {
        padding-top: 28px;
        padding-bottom: 52px;
    }
}


/* =========================================================
   FINAL HOME POLISH - STATS / SPACING / RAAHMAN / CTA / FOOTER
   Scoped overrides only. Existing page structure is preserved.
========================================================= */

/* Stats directly below hero: four compact cards on one desktop row. */
.home-stats__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.home-stat {
    min-height: 92px;
    padding: 14px 16px;
    gap: 11px;
    border-radius: 13px;
}

.home-stat__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
}

.home-stat__number,
.home-stat__value {
    font-size: 20px;
    line-height: 1.2;
}

.home-stat__label {
    font-size: 10.5px;
    line-height: 1.8;
}

/* Bring the Home sections closer without making the page cramped. */
.home-about,
.home-fleet,
.home-gallery,
.home-testimonials,
.home-services-v2,
.home-careers-v2 {
    padding-top: 54px;
    padding-bottom: 54px;
}

.home-partners,
.home-certificates {
    padding-top: 48px;
    padding-bottom: 48px;
}

/* Related service / RaahMan: compact corporate panel. */
.home-raahman {
    padding-top: 34px;
    padding-bottom: 34px;
}

.raahman-showcase {
    min-height: 118px;
    padding: 22px 28px;
    gap: 24px;
    border-radius: 15px;
}

    .raahman-showcase h2 {
        margin: 3px 0 4px;
        font-size: 19px;
        line-height: 1.55;
    }

    .raahman-showcase p {
        max-width: 720px;
        font-size: 10.5px;
        line-height: 1.9;
    }

.raahman-showcase__button {
    min-height: 42px;
    padding: 0 15px;
    border-radius: 9px;
    font-size: 10.5px;
}

/* Final CTA: shorter, cleaner and proportionate. */
.home-final {
    padding-top: 24px;
    padding-bottom: 58px;
}

.home-final__box {
    padding: 26px 30px;
    gap: 28px;
    border-radius: 16px;
}

    .home-final__box h2 {
        font-size: 21px;
        line-height: 1.5;
    }

    .home-final__box p {
        max-width: 680px;
        margin-top: 6px;
        font-size: 10.5px;
        line-height: 1.9;
    }

.home-final__actions {
    gap: 8px;
}

    .home-final__actions .section-button {
        min-height: 42px;
        padding-right: 15px;
        padding-left: 15px;
        border-radius: 9px;
        font-size: 10.5px;
    }

/* Footer: one stable desktop grid; two columns on tablet; one on mobile. */
.site-footer {
    direction: rtl;
}

    .site-footer > .site-container {
        width: min(calc(100% - 48px), var(--container));
        margin: 0 auto;
    }

.site-footer__grid {
    display: grid !important;
    grid-template-columns: minmax(285px, 1.55fr) minmax(145px, .75fr) minmax(145px, .75fr) minmax(270px, 1.15fr) !important;
    gap: 42px !important;
    align-items: start !important;
    padding: 44px 0 38px !important;
}

.site-footer__column,
.site-footer__column:first-child,
.site-footer__column:not(:first-child) {
    min-width: 0;
    padding-left: 0;
    padding-top: 0;
}

.footer-brand {
    min-height: 46px;
    gap: 11px;
}

.footer-brand__logo {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .14);
    font-size: 21px;
}

.footer-brand__text strong {
    font-size: 14px;
    line-height: 1.7;
}

.footer-brand__text small {
    font-size: 9.5px;
    line-height: 1.6;
}

.site-footer__description {
    max-width: 410px;
    margin-top: 16px;
    font-size: 10.5px;
    line-height: 2;
}

.site-footer__title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    font-size: 13px;
}

.footer-links {
    gap: 8px;
}

    .footer-links a {
        font-size: 10.5px;
        line-height: 1.8;
    }

.footer-contact {
    gap: 10px;
}

.footer-contact__item,
.footer-contact-item {
    gap: 9px;
    font-size: 10px;
    line-height: 1.9;
}

.footer-contact__icon,
.footer-contact-item__icon {
    flex-basis: 24px;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    font-size: 10px;
}

/* Social links were present in the layout but had no complete base styling. */
.footer-social {
    margin-top: 18px;
}

.footer-social__title {
    margin: 0 0 9px;
    color: #c7d1da;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.8;
}

.footer-social__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

.footer-social__link {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 9px;
    color: #cdd7df;
    background: rgba(255,255,255,.035);
    text-decoration: none;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition);
}

    .footer-social__link:hover {
        color: #fff;
        border-color: rgba(255,255,255,.22);
        background: rgba(255,255,255,.08);
        transform: translateY(-2px);
    }

.footer-social__icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 800;
}

    .footer-social__icon svg {
        width: 16px;
        height: 16px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
    }

.footer-raahman {
    width: 100%;
    min-height: 38px;
    box-sizing: border-box;
    padding: 0 11px;
    border-radius: 9px;
    font-size: 9.5px;
}

.site-footer__bottom-inner {
    min-height: 56px;
    gap: 18px;
}

.site-footer__bottom p {
    font-size: 9px;
}

.footer-bottom__brand {
    font-size: 9.5px;
}

@media (max-width: 980px) {
    .home-stats__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .home-stat {
        min-height: 88px;
    }

    .home-about,
    .home-fleet,
    .home-gallery,
    .home-testimonials,
    .home-services-v2,
    .home-careers-v2 {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .home-partners,
    .home-certificates {
        padding-top: 38px;
        padding-bottom: 38px;
    }

    .home-raahman {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .raahman-showcase {
        min-height: 108px;
        padding: 20px 22px;
    }

    .home-final {
        padding-top: 20px;
        padding-bottom: 46px;
    }

    .home-final__box {
        padding: 23px 24px;
    }

    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 34px 30px !important;
        padding: 38px 0 32px !important;
    }

    .site-footer__column:first-child {
        grid-column: 1 / -1;
        max-width: 720px;
    }
}

@media (max-width: 680px) {
    .home-stats__inner {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .home-stat {
        min-height: 78px;
        padding: 12px 14px;
    }

    .home-stat__number,
    .home-stat__value {
        font-size: 19px;
    }

    .home-about,
    .home-fleet,
    .home-gallery,
    .home-testimonials,
    .home-services-v2,
    .home-careers-v2 {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .home-partners,
    .home-certificates {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .home-raahman {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .raahman-showcase {
        min-height: 0;
        padding: 18px;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

        .raahman-showcase h2 {
            font-size: 18px;
        }

    .raahman-showcase__button {
        width: 100%;
    }

    .home-final {
        padding-top: 16px;
        padding-bottom: 38px;
    }

    .home-final__box {
        padding: 20px 18px;
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

        .home-final__box h2 {
            font-size: 19px;
        }

    .home-final__actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

        .home-final__actions .section-button {
            width: 100%;
            box-sizing: border-box;
            justify-content: center;
        }

    .site-footer > .site-container {
        width: min(calc(100% - 32px), var(--container));
    }

    .site-footer__grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        padding: 34px 0 28px !important;
    }

    .site-footer__column:first-child {
        grid-column: auto;
        max-width: none;
    }

    .site-footer__bottom-inner {
        min-height: 68px;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
        text-align: center;
    }
}

/* =========================================================
   FINAL HOME DETAIL FIX - STATS / RAAHMAN / CTA / FOOTER BAR
   آخرین اصلاحات محدود؛ ساختار سایر بخش‌ها دست‌نخورده می‌ماند.
========================================================= */

/* Stats: leave breathing room below the cards so they do not touch the section edge. */
.home-stats {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.home-stats__inner {
    align-items: stretch !important;
}

.home-stat {
    box-sizing: border-box;
}

/* RaahMan: compact horizontal desktop card, with a real button width. */
.raahman-showcase {
    min-height: 0 !important;
    padding: 22px 28px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
}

    .raahman-showcase > div {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

.raahman-showcase__button {
    width: auto !important;
    min-width: 150px !important;
    max-width: 190px !important;
    min-height: 40px !important;
    height: 40px !important;
    flex: 0 0 auto !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
    border-radius: 9px !important;
    font-size: 10.5px !important;
}

/* Final contact CTA: compact horizontal actions on desktop. */
.home-final__box {
    min-height: 0 !important;
    padding: 25px 30px !important;
    box-sizing: border-box !important;
}

.home-final__actions {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

    .home-final__actions .section-button {
        width: auto !important;
        min-width: 126px !important;
        max-width: 155px !important;
        min-height: 40px !important;
        height: 40px !important;
        flex: 0 0 auto !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
        border-radius: 9px !important;
        font-size: 10px !important;
    }

/* Footer bottom: a cleaner, more premium closing bar. */
.site-footer__bottom {
    position: relative;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(5, 18, 31, .22);
}

.site-footer__bottom-inner {
    min-height: 68px !important;
    padding: 10px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    box-sizing: border-box !important;
}

.site-footer__bottom p {
    position: relative;
    margin: 0 !important;
    padding-right: 13px !important;
    color: #9baab8 !important;
    font-size: 9.5px !important;
    line-height: 1.9 !important;
}

    .site-footer__bottom p::before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 3px;
        height: 22px;
        border-radius: 4px;
        background: var(--color-gold);
        transform: translateY(-50%);
    }

.footer-bottom__brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 8px !important;
    color: #d8e0e7 !important;
    background: rgba(255,255,255,.035) !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    white-space: nowrap !important;
}

@media (max-width: 980px) {
    .home-stats {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .raahman-showcase {
        flex-direction: row !important;
        align-items: center !important;
        padding: 20px 22px !important;
    }

    .raahman-showcase__button {
        width: auto !important;
        min-width: 140px !important;
        max-width: 175px !important;
    }

    .home-final__box {
        flex-direction: row !important;
        align-items: center !important;
        padding: 22px 24px !important;
    }

    .home-final__actions {
        width: auto !important;
        flex-direction: row !important;
        align-items: center !important;
    }
}

@media (max-width: 680px) {
    .home-stats {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .raahman-showcase {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 13px !important;
        padding: 18px !important;
    }

    .raahman-showcase__button {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .home-final__box {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
        padding: 20px 18px !important;
    }

    .home-final__actions {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

        .home-final__actions .section-button {
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
        }

    .site-footer__bottom-inner {
        min-height: 78px !important;
        padding: 12px 0 !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 8px !important;
        text-align: center !important;
    }

    .site-footer__bottom p {
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

        .site-footer__bottom p::before {
            display: none !important;
        }

    .footer-bottom__brand {
        min-height: 29px !important;
        font-size: 9px !important;
    }
}

/* =========================================================
   FINAL HOME ABOUT + FOOTER CLOSING BAR
   Scoped only to the requested areas.
========================================================= */

/* About: text and action share one horizontal line on desktop. */
.home-about .home-about__text {
    display: inline-block !important;
    vertical-align: middle !important;
    width: calc(100% - 175px) !important;
    max-width: none !important;
    margin: 0 !important;
}

.home-about .section-button {
    display: inline-flex !important;
    vertical-align: middle !important;
    width: auto !important;
    min-width: 142px !important;
    max-width: 160px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 18px 0 0 !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 9px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
}

    .home-about .section-button .button-arrow {
        font-size: 13px !important;
        line-height: 1 !important;
    }

/* Keep the feature list on its own clean row beneath the intro line. */
.home-about .home-about__features {
    clear: both !important;
    margin-top: 24px !important;
}

/* Footer bottom: minimal corporate signature, no pill/card around the brand. */
.site-footer__bottom {
    border-top: 1px solid rgba(255,255,255,.09) !important;
    background: #071827 !important;
}

.site-footer__bottom-inner {
    min-height: 58px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.site-footer__bottom p {
    margin: 0 !important;
    padding: 0 !important;
    color: #8f9eac !important;
    font-size: 9.5px !important;
    line-height: 1.9 !important;
    text-align: right !important;
}

    .site-footer__bottom p::before {
        display: none !important;
    }

.footer-bottom__brand {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 0 16px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #e4e9ee !important;
    background: transparent !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
    white-space: nowrap !important;
}

    .footer-bottom__brand::before {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        width: 3px !important;
        height: 22px !important;
        border-radius: 3px !important;
        background: var(--color-gold) !important;
        transform: translateY(-50%) !important;
    }

@media (max-width: 980px) {
    .home-about .home-about__text {
        width: calc(100% - 160px) !important;
    }

    .home-about .section-button {
        min-width: 132px !important;
        max-width: 145px !important;
        margin-right: 12px !important;
    }
}

@media (max-width: 700px) {
    .home-about .home-about__text {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .home-about .section-button {
        display: inline-flex !important;
        margin: 18px 0 0 !important;
    }

    .site-footer__bottom-inner {
        min-height: 72px !important;
        padding: 10px 0 !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 5px !important;
        text-align: center !important;
    }

    .site-footer__bottom p {
        font-size: 8.5px !important;
        text-align: center !important;
    }

    .footer-bottom__brand {
        padding-right: 12px !important;
        font-size: 9.5px !important;
    }

        .footer-bottom__brand::before {
            height: 18px !important;
        }
}

/* =========================================================
   FINAL CLEAN OVERRIDE - ABOUT ACTION + FOOTER CLOSING BAR
   This block intentionally overrides the earlier experimental
   rules above instead of stacking another layout system.
========================================================= */

/* ABOUT: intro paragraph and the "more about us" action are one row. */
.home-about .home-about__content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto auto !important;
    column-gap: 24px !important;
    align-items: center !important;
}

    .home-about .home-about__content > .section-eyebrow,
    .home-about .home-about__content > .section-title,
    .home-about .home-about__content > .section-line {
        grid-column: 1 / -1 !important;
    }

    .home-about .home-about__content > .home-about__text {
        grid-column: 1 !important;
        grid-row: 4 !important;
        width: auto !important;
        display: block !important;
        margin: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }

    .home-about .home-about__content > .section-button {
        grid-column: 2 !important;
        grid-row: 4 !important;
        width: auto !important;
        min-width: 142px !important;
        max-width: 155px !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        display: inline-flex !important;
        align-self: center !important;
        justify-self: start !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        box-sizing: border-box !important;
        border-radius: 9px !important;
        font-size: 10.5px !important;
        line-height: 1 !important;
    }

    .home-about .home-about__content > .home-about__features {
        grid-column: 1 / -1 !important;
        grid-row: 5 !important;
        width: 100% !important;
        margin-top: 22px !important;
        clear: none !important;
    }

/* FOOTER CLOSING BAR: clean corporate signature, no card/pill. */
.site-footer__bottom {
    border-top: 1px solid rgba(255,255,255,.08) !important;
    background: #0b1d2e !important;
}

.site-footer__bottom-inner {
    min-height: 62px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 30px !important;
    direction: ltr !important;
    box-sizing: border-box !important;
}

.site-footer__bottom p {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #8495a5 !important;
    font-size: 9.5px !important;
    line-height: 1.9 !important;
    text-align: left !important;
    direction: rtl !important;
}

    .site-footer__bottom p::before {
        display: none !important;
        content: none !important;
    }

.footer-bottom__brand {
    order: 2 !important;
    position: relative !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 18px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #f0f3f5 !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
    white-space: nowrap !important;
    text-align: right !important;
    direction: rtl !important;
}

    .footer-bottom__brand::before {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        width: 3px !important;
        height: 24px !important;
        border-radius: 3px !important;
        background: var(--color-gold) !important;
        transform: translateY(-50%) !important;
    }

@media (max-width: 700px) {
    .home-about .home-about__content {
        display: block !important;
    }

        .home-about .home-about__content > .home-about__text {
            width: 100% !important;
            display: block !important;
            margin: 0 !important;
        }

        .home-about .home-about__content > .section-button {
            display: inline-flex !important;
            width: auto !important;
            min-width: 140px !important;
            max-width: 155px !important;
            margin: 16px 0 0 !important;
        }

        .home-about .home-about__content > .home-about__features {
            width: 100% !important;
            margin-top: 22px !important;
        }

    .site-footer__bottom-inner {
        min-height: 76px !important;
        padding: 12px 0 !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 5px !important;
        direction: rtl !important;
        text-align: center !important;
    }

    .site-footer__bottom p {
        order: 2 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        font-size: 8.5px !important;
        line-height: 1.9 !important;
        text-align: center !important;
    }

    .footer-bottom__brand {
        order: 1 !important;
        padding-right: 12px !important;
        font-size: 9.5px !important;
    }

        .footer-bottom__brand::before {
            height: 18px !important;
        }
}

/* =========================================================
   HOME — FINAL VISUAL POLISH / SAFE SCOPED OVERRIDES
   فقط برای چهار بخش مورد درخواست:
   Stats / About / Fleet / Gallery
   بدون تغییر Header / Services / News / Careers / CTA / Footer
========================================================= */

/* ---------------------------------------------------------
   1) STATS — corporate, restrained, non-childish icons
--------------------------------------------------------- */
.home-page .home-stats {
    position: relative;
    z-index: 4;
    padding-top: 18px;
    padding-bottom: 24px;
    background: transparent;
}

.home-page .home-stats__inner,
.home-page .home-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}

.home-page .home-stat {
    position: relative;
    min-width: 0;
    min-height: 92px;
    padding: 16px 17px;
    display: flex;
    align-items: center;
    gap: 14px;
    overflow: hidden;
    border: 1px solid rgba(19, 40, 63, 0.09);
    border-radius: 14px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 8px 24px rgba(19,40,63,.055);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

    .home-page .home-stat::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 3px;
        height: 100%;
        background: var(--color-gold);
        opacity: .75;
    }

    .home-page .home-stat:hover {
        transform: translateY(-2px);
        border-color: rgba(182,139,69,.28);
        box-shadow: 0 13px 30px rgba(19,40,63,.09);
    }

.home-page .home-stat__icon {
    position: relative;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(182,139,69,.34);
    border-radius: 10px;
    color: var(--color-primary);
    background: #f8f5ef;
    box-shadow: none;
}

    .home-page .home-stat__icon::after {
        content: "";
        position: absolute;
        right: 6px;
        bottom: 5px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--color-gold);
    }

    .home-page .home-stat__icon svg {
        width: 21px;
        height: 21px;
        stroke-width: 1.55;
    }

.home-page .home-stat__content {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
}

.home-page .home-stat__number,
.home-page .home-stat__value {
    color: var(--color-primary);
    font-size: 21px;
    line-height: 1.35;
    font-weight: 800;
    letter-spacing: -.2px;
}

.home-page .home-stat__number--text {
    font-size: 17px;
}

.home-page .home-stat__label {
    color: var(--color-text-muted);
    font-size: 10.5px;
    line-height: 1.8;
    font-weight: 500;
}

.home-page .home-stat--highlight {
    border-color: rgba(182,139,69,.22);
    background: linear-gradient(135deg,#fff 0%,#faf7f1 100%);
}

@media (max-width: 980px) {
    .home-page .home-stats__inner,
    .home-page .home-stats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .home-page .home-stats {
        padding-top: 12px;
        padding-bottom: 18px;
    }

    .home-page .home-stats__inner,
    .home-page .home-stats__grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .home-page .home-stat {
        min-height: 78px;
        padding: 12px 13px;
    }

    .home-page .home-stat__icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .home-page .home-stat__number,
    .home-page .home-stat__value {
        font-size: 18px;
    }
}

/* ---------------------------------------------------------
   2) ABOUT — editorial corporate card
--------------------------------------------------------- */
.home-page .home-about {
    position: relative;
    padding: 76px 0 82px;
    background: #fff;
}

.home-page .home-about__grid {
    display: grid;
    grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr);
    align-items: center;
    gap: 58px;
}

.home-page .home-about__content {
    position: relative;
    min-width: 0;
    padding: 42px 44px 40px;
    border: 1px solid #e3e8ed;
    border-radius: 22px;
    background: linear-gradient(180deg,#fff 0%,#fbfcfd 100%);
    box-shadow: 0 18px 42px rgba(19,40,63,.065);
}

    .home-page .home-about__content::before {
        content: "";
        position: absolute;
        top: 28px;
        right: 0;
        width: 4px;
        height: 64px;
        border-radius: 4px 0 0 4px;
        background: var(--color-gold);
    }

    .home-page .home-about__content .section-title {
        max-width: 620px;
        margin-top: 9px;
        font-size: 29px;
        line-height: 1.55;
    }

    .home-page .home-about__content .section-line {
        width: 54px;
        height: 3px;
        margin-top: 14px;
    }

.home-page .home-about__text {
    max-width: 680px;
    margin: 20px 0 0;
    color: #596a7b;
    font-size: 13px;
    line-height: 2.25;
    text-align: justify;
}

.home-page .home-about__features {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

.home-page .home-about__feature {
    min-width: 0;
    min-height: 92px;
    padding: 15px 15px 15px 13px;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    border: 1px solid #e6ebef;
    border-radius: 13px;
    background: #fff;
}

.home-page .home-about__feature-number {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--color-primary);
    background: #f3f6f8;
    border: 1px solid #e1e7ec;
    font-size: 10px;
    font-weight: 800;
}

.home-page .home-about__feature strong {
    display: block;
    color: var(--color-primary);
    font-size: 11.5px;
    line-height: 1.7;
    font-weight: 800;
}

.home-page .home-about__feature p {
    margin: 4px 0 0;
    color: var(--color-text-soft);
    font-size: 9.5px;
    line-height: 1.9;
}

.home-page .home-about__content > .section-button {
    margin-top: 25px;
}

.home-page .home-about__visual {
    position: relative;
    min-width: 0;
    padding: 0 0 34px;
}

.home-page .home-about__visual-main {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    border-radius: 24px;
    background: linear-gradient(135deg,#10253a 0%,#183650 55%,#274a64 100%);
    box-shadow: 0 24px 52px rgba(19,40,63,.15);
}

    .home-page .home-about__visual-main::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg,rgba(182,139,69,.18),transparent 34%), linear-gradient(315deg,rgba(255,255,255,.05),transparent 42%);
        pointer-events: none;
    }

.home-page .home-about__visual-pattern {
    opacity: .55;
}

.home-page .home-about__visual-content {
    position: absolute;
    right: 42px;
    bottom: 42px;
    left: 42px;
    z-index: 2;
}

    .home-page .home-about__visual-content span {
        display: block;
        color: rgba(255,255,255,.62);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 2px;
    }

    .home-page .home-about__visual-content strong {
        display: block;
        margin-top: 10px;
        color: #fff;
        font-size: 31px;
        line-height: 1.45;
        font-weight: 800;
    }

    .home-page .home-about__visual-content small {
        display: block;
        margin-top: 13px;
        color: rgba(255,255,255,.72);
        font-size: 10px;
    }

.home-page .home-about__visual-card {
    position: absolute;
    right: 28px;
    bottom: 0;
    z-index: 4;
    min-width: 210px;
    min-height: 76px;
    padding: 14px 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(182,139,69,.25);
    border-radius: 15px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 16px 35px rgba(19,40,63,.15);
}

.home-page .home-about__visual-card-number {
    color: var(--color-primary);
    font-size: 23px;
    line-height: 1.2;
    font-weight: 800;
}

.home-page .home-about__visual-card > span:last-child {
    color: var(--color-text-soft);
    font-size: 10px;
    font-weight: 700;
}

@media (max-width: 980px) {
    .home-page .home-about {
        padding: 58px 0 64px;
    }

    .home-page .home-about__grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .home-page .home-about__visual {
        order: -1;
        padding-bottom: 32px;
    }
}

@media (max-width: 680px) {
    .home-page .home-about__content {
        padding: 30px 23px 27px;
        border-radius: 18px;
    }

    .home-page .home-about__features {
        grid-template-columns: 1fr;
    }

    .home-page .home-about__visual-main {
        min-height: 310px;
        border-radius: 19px;
    }

    .home-page .home-about__visual-content {
        right: 25px;
        bottom: 34px;
        left: 25px;
    }

        .home-page .home-about__visual-content strong {
            font-size: 25px;
        }

    .home-page .home-about__visual-card {
        right: 16px;
        left: 16px;
        min-width: 0;
    }
}

/* ---------------------------------------------------------
   3) FLEET — equal cards, aligned text, stronger hierarchy
--------------------------------------------------------- */
.home-page .home-fleet {
    padding: 80px 0 84px;
    background: #f6f8fa;
}

    .home-page .home-fleet .section-heading {
        margin-bottom: 30px;
    }

.home-page .fleet-showcase {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-auto-rows: 1fr;
    gap: 13px;
    align-items: stretch;
}

.home-page .fleet-showcase-card {
    position: relative;
    min-width: 0;
    min-height: 164px;
    padding: 22px 21px 19px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid #dfe6eb;
    border-radius: 16px;
    color: var(--color-text);
    background: #fff;
    box-shadow: 0 8px 23px rgba(19,40,63,.045);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

    .home-page .fleet-showcase-card::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg,var(--color-gold),transparent 72%);
        opacity: .8;
    }

    .home-page .fleet-showcase-card:hover {
        transform: translateY(-3px);
        border-color: rgba(182,139,69,.34);
        box-shadow: 0 15px 30px rgba(19,40,63,.09);
    }

.home-page .fleet-showcase-card__content {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-start;
}

    .home-page .fleet-showcase-card__content h3 {
        min-height: 43px;
        margin: 0;
        display: flex;
        align-items: flex-start;
        color: var(--color-primary);
        font-size: 13px;
        line-height: 1.65;
        font-weight: 800;
    }

    .home-page .fleet-showcase-card__content p {
        min-height: 57px;
        margin: 8px 0 0;
        color: var(--color-text-soft);
        font-size: 10px;
        line-height: 1.95;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

.home-page .fleet-showcase-card__arrow {
    align-self: flex-start;
    width: 30px;
    height: 30px;
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e7ec;
    border-radius: 8px;
    color: var(--color-primary);
    background: #f7f9fa;
    font-size: 13px;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease;
}

.home-page .fleet-showcase-card:hover .fleet-showcase-card__arrow {
    color: #fff;
    background: var(--color-primary);
    border-color: var(--color-primary);
}

@media (max-width: 1100px) {
    .home-page .fleet-showcase {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .home-page .home-fleet {
        padding: 60px 0 64px;
    }

    .home-page .fleet-showcase {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 520px) {
    .home-page .fleet-showcase {
        grid-template-columns: 1fr;
    }

    .home-page .fleet-showcase-card {
        min-height: 145px;
    }
}

/* ---------------------------------------------------------
   4) GALLERY — premium masonry-like composition
--------------------------------------------------------- */
.home-page .home-gallery {
    padding: 82px 0 88px;
    background: #fff;
}

    .home-page .home-gallery .section-heading {
        margin-bottom: 30px;
    }

.home-page .gallery-showcase {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    grid-template-rows: repeat(2,220px);
    gap: 12px;
}

.home-page .gallery-showcase__item {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #e0e6eb;
    border-radius: 17px;
    background: linear-gradient(135deg,#12283e,#29465d);
    box-shadow: 0 9px 24px rgba(19,40,63,.06);
    isolation: isolate;
    transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

    .home-page .gallery-showcase__item:nth-child(1) {
        grid-column: span 6;
        grid-row: span 2;
    }

    .home-page .gallery-showcase__item:nth-child(2),
    .home-page .gallery-showcase__item:nth-child(3),
    .home-page .gallery-showcase__item:nth-child(4),
    .home-page .gallery-showcase__item:nth-child(5),
    .home-page .gallery-showcase__item:nth-child(6) {
        grid-column: span 3;
    }

    .home-page .gallery-showcase__item:nth-child(5),
    .home-page .gallery-showcase__item:nth-child(6) {
        grid-row: span 1;
    }

    .home-page .gallery-showcase__item img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        transition: transform 450ms ease, filter 450ms ease;
    }

    .home-page .gallery-showcase__item::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg,rgba(8,23,38,.02) 22%,rgba(8,23,38,.18) 48%,rgba(8,23,38,.88) 100%);
        pointer-events: none;
    }

    .home-page .gallery-showcase__item:hover {
        transform: translateY(-3px);
        border-color: rgba(182,139,69,.4);
        box-shadow: 0 17px 35px rgba(19,40,63,.12);
    }

        .home-page .gallery-showcase__item:hover img {
            transform: scale(1.045);
            filter: saturate(1.04);
        }

.home-page .gallery-showcase__overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    min-width: 0;
    padding: 18px 18px 16px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

    .home-page .gallery-showcase__overlay > div {
        min-width: 0;
    }

    .home-page .gallery-showcase__overlay strong {
        display: block;
        color: #fff;
        font-size: 12px;
        line-height: 1.7;
        font-weight: 800;
    }

    .home-page .gallery-showcase__overlay span {
        display: block;
        max-width: 360px;
        margin-top: 3px;
        color: rgba(255,255,255,.72);
        font-size: 9px;
        line-height: 1.75;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.home-page .gallery-showcase__arrow {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 9px;
    color: #fff;
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(5px);
}

.home-page .gallery-showcase__placeholder {
    position: absolute;
    inset: 0;
    z-index: 0;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: rgba(255,255,255,.88);
    background: radial-gradient(circle at 80% 20%,rgba(182,139,69,.22),transparent 28%), linear-gradient(135deg,#10253a,#24455f);
}

    .home-page .gallery-showcase__placeholder span {
        color: rgba(255,255,255,.58);
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .home-page .gallery-showcase__placeholder strong {
        margin-top: 8px;
        font-size: 17px;
    }

@media (max-width: 980px) {
    .home-page .home-gallery {
        padding: 62px 0 68px;
    }

    .home-page .gallery-showcase {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: repeat(3,190px);
    }

    .home-page .gallery-showcase__item:nth-child(1) {
        grid-column: span 2;
        grid-row: span 1;
    }

    .home-page .gallery-showcase__item:nth-child(n+2) {
        grid-column: span 1;
        grid-row: span 1;
    }
}

@media (max-width: 560px) {
    .home-page .home-gallery {
        padding: 52px 0 58px;
    }

    .home-page .gallery-showcase {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6,190px);
        gap: 9px;
    }

    .home-page .gallery-showcase__item:nth-child(n) {
        grid-column: auto;
        grid-row: auto;
    }

    .home-page .gallery-showcase__item:nth-child(1) {
        grid-row: span 1;
    }

    .home-page .gallery-showcase__overlay {
        padding: 14px;
    }
}

/* =========================================================
   FINAL — ONLY THE THREE REQUESTED FIXES
   Everything before this block remains unchanged.
========================================================= */

/* 1) Truck icon — only the first Home statistic icon. */
.home-page .home-stats .home-stat:first-child .home-stat__icon svg {
    width: 21px !important;
    height: 21px !important;
    stroke-width: 1.65 !important;
}

/* 2) About: compact 1200 active-fleet metric, integrated with the image. */
.home-page .home-about .home-about__visual-card {
    /*    left: auto !important;*/
    left: 28px !important;
    right: auto !important;
    bottom: 25px !important;
    min-width: 148px !important;
    width: auto !important;
    min-height: 60px !important;
    padding: 9px 12px 9px 14px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 10px 26px rgba(7,24,39,.14) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    overflow: hidden !important;
}

    .home-page .home-about .home-about__visual-card::before {
        content: "" !important;
        position: absolute !important;
        top: 10px !important;
        right: 0 !important;
        bottom: 10px !important;
        width: 3px !important;
        border-radius: 3px 0 0 3px !important;
        background: var(--color-gold) !important;
    }

.home-page .home-about .home-about__visual-card-number {
    flex: 0 0 auto !important;
    color: var(--color-primary) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.25px !important;
}

.home-page .home-about .home-about__visual-card span:last-child {
    margin: 0 !important;
    color: #667585 !important;
    font-size: 9.5px !important;
    line-height: 1.7 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* 3) Footer closing strip: same background as the main footer, with a subtle finish. */
.site-footer__bottom {
    background: #102236 !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

    .site-footer__bottom p {
        color: #9ba8b5 !important;
    }

.footer-bottom__brand {
    color: #f0f3f5 !important;
}

@media (max-width: 700px) {
    .home-page .home-about .home-about__visual-card {
        left: 18px !important;
        right: auto !important;
        bottom: 25px !important;
        /*right:auto;*/


        min-width: 148px !important;
        min-height: 60px !important;
        padding: 9px 12px 9px 14px !important;
        gap: 10px !important;
    }

    .home-page .home-about .home-about__visual-card-number {
        font-size: 20px !important;
    }

    .home-page .home-about .home-about__visual-card span:last-child {
        font-size: 9px !important;
    }
}
/* =========================================================
   FINAL — ONLY TWO REQUESTED POSITION FIXES
   هیچ بخش دیگری از صفحه هوم تغییر نمی‌کند.
========================================================= */

/*۱) کارت «۱۲۰۰ ناوگان فعال» فقط به سمت چپ تصویر اصلی About منتقل می‌شود.*/
/*.home-about .home-about__visual-card {
    left: 22px !important;
    right: auto !important;
}

@media (max-width: 980px) {
    .home-about .home-about__visual-card {*/
/*  right: 18px !important;*/
/*left: auto !important;
    }
}*/

/*@media (max-width: 680px) {
    .home-about .home-about__visual-card {*/
/* right: 15px !important;*/
/*left: auto !important;
    }
}*/

/* ۲) بخش «در ارتباط باشیم»: متن و گروه دکمه‌ها در یک ردیف،
      و هر دو دکمه کنار هم و هم‌تراز با متن قرار می‌گیرند. */
@media (min-width: 681px) {
    .home-final__box {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        column-gap: 28px !important;
    }

        .home-final__box > div:first-child {
            min-width: 0 !important;
        }

    .home-final__actions {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        white-space: nowrap !important;
    }

        .home-final__actions .section-button {
            width: auto !important;
            min-width: 126px !important;
            max-width: 155px !important;
            flex: 0 0 auto !important;
            margin: 0 !important;
            white-space: nowrap !important;
        }
}


/* =========================================================
   FINAL REQUESTED HOME-ONLY POLISH
   Scope: fleet metric position, partners, FAQ hover, section
   background separation. Existing structure and other styles
   remain untouched.
========================================================= */

/* ---------------------------------------------------------
   1) ABOUT / FLEET METRIC CARD
   Move the 1200 active-fleet card to the left side of the
   main About visual while keeping its current visual style.
--------------------------------------------------------- */
.home-page .home-about__visual-card {
    left: 22px !important;
    right: auto !important;
    bottom: 22px !important;
    min-width: 188px !important;
    min-height: 70px !important;
    padding: 12px 16px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(182,139,69,.28) !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 15px 32px rgba(19,40,63,.14) !important;
}

    .home-page .home-about__visual-card::before {
        content: "" !important;
        position: absolute !important;
        top: 12px !important;
        left: 0 !important;
        bottom: 12px !important;
        width: 3px !important;
        border-radius: 0 3px 3px 0 !important;
        background: var(--color-gold) !important;
    }

.home-page .home-about__visual-card-number {
    font-size: 24px !important;
    line-height: 1.1 !important;
}

.home-page .home-about__visual-card > span:last-child {
    color: var(--color-text-soft) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

@media (max-width: 680px) {
    .home-page .home-about__visual-card {
        right: 18px !important;
        left: auto !important;
        bottom: 15px !important;
        min-width: 150px !important;
        min-height: 60px !important;
        padding: 9px 12px !important;
        gap: 10px !important;
        border-radius: 11px !important;
    }

    .home-page .home-about__visual-card-number {
        font-size: 21px !important;
    }

    .home-page .home-about__visual-card > span:last-child {
        font-size: 9.5px !important;
    }

    .home-page .home-about__visual-card::before {
        top: 9px !important;
        bottom: 9px !important;
    }
}

/* ---------------------------------------------------------
   2) PARTNERS — more premium corporate presentation
--------------------------------------------------------- */
.home-page .home-partners {
    position: relative;
    background: #ffffff !important;
    border-top: 1px solid #e5eaee !important;
    border-bottom: 1px solid #e5eaee !important;
    overflow: hidden;
}

    .home-page .home-partners::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 34%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(182,139,69,.55));
    }

    .home-page .home-partners .section-heading {
        position: relative;
        margin-bottom: 26px !important;
    }

    .home-page .home-partners .section-title {
        font-size: 27px;
    }

.home-page .partners-showcase {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 14px !important;
}

.home-page .partner-showcase-card {
    position: relative;
    min-height: 112px !important;
    padding: 17px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
    border: 1px solid #dfe5ea !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg,#ffffff 0%,#f8fafb 100%) !important;
    box-shadow: 0 7px 20px rgba(19,40,63,.045) !important;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

    .home-page .partner-showcase-card::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 3px;
        background: linear-gradient(90deg,rgba(182,139,69,.88),rgba(215,180,119,.18));
        opacity: .8;
    }

    .home-page .partner-showcase-card:hover {
        transform: translateY(-4px);
        border-color: rgba(182,139,69,.42) !important;
        background: #fff !important;
        box-shadow: 0 15px 30px rgba(19,40,63,.09) !important;
    }

    .home-page .partner-showcase-card img {
        width: 100%;
        max-width: 150px;
        height: 52px;
        object-fit: contain;
        filter: grayscale(100%);
        opacity: .72;
        transition: filter 180ms ease, opacity 180ms ease, transform 180ms ease;
    }

    .home-page .partner-showcase-card:hover img {
        filter: grayscale(0);
        opacity: 1;
        transform: scale(1.035);
    }

    .home-page .partner-showcase-card span {
        position: relative;
        z-index: 1;
        max-width: 100%;
        padding: 0 10px;
        color: var(--color-primary) !important;
        font-size: 11px !important;
        line-height: 1.9 !important;
        font-weight: 800 !important;
        text-align: center !important;
    }

@media (max-width: 980px) {
    .home-page .partners-showcase {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 520px) {
    .home-page .partners-showcase {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .home-page .partner-showcase-card {
        min-height: 92px !important;
    }
}

/* ---------------------------------------------------------
   3) FAQ BUTTON HOVER
   Keep text and background clearly separated on hover.
--------------------------------------------------------- */
.home-page .home-final .section-button--light:hover {
    color: var(--color-primary) !important;
    background: #f4eee4 !important;
    border-color: #d9c5a4 !important;
    transform: translateY(-2px) !important;
}

/* ---------------------------------------------------------
   4) CLEAR VISUAL SEPARATION BETWEEN HOME SECTIONS
   Alternating, subtle corporate backgrounds.
--------------------------------------------------------- */
.home-page .home-stats {
    background: #eef2f5 !important;
    border-top: 1px solid #e0e6eb !important;
    border-bottom: 1px solid #e0e6eb !important;
}

.home-page .home-about {
    background: #ffffff !important;
    border-bottom: 1px solid #e6ebef !important;
}

.home-page .home-services-v2 {
    background: #f5f7f9 !important;
    border-top: 1px solid #e2e7eb !important;
    border-bottom: 1px solid #e2e7eb !important;
}

.home-page .home-fleet {
    background: #ffffff !important;
    border-bottom: 1px solid #e6ebef !important;
}

.home-page .home-gallery {
    background: #f1f4f6 !important;
    border-top: 1px solid #e1e7eb !important;
    border-bottom: 1px solid #e1e7eb !important;
}

.home-page .home-careers-v2 {
    background: #ffffff !important;
    border-bottom: 1px solid #e6ebef !important;
}

.home-page .home-testimonials {
    background: #f6f8fa !important;
    border-top: 1px solid #e3e8ec !important;
    border-bottom: 1px solid #e3e8ec !important;
}

.home-page .home-partners {
    background: #ffffff !important;
}

.home-page .home-certificates {
    background: #f2f5f7 !important;
    border-top: 1px solid #e1e7eb !important;
    border-bottom: 1px solid #e1e7eb !important;
}

.home-page .home-raahman {
    background: #fbfaf7 !important;
    border-bottom: 1px solid #e7e1d5 !important;
}

.home-page .home-final {
    background: #eef2f5 !important;
    border-top: 1px solid #e0e6eb !important;
}

/* Preserve the strong cards/panels inside sections while the section
   background provides the visual separation requested. */
.home-page .home-final__box,
.home-page .raahman-showcase {
    box-shadow: 0 10px 28px rgba(19,40,63,.055);
}

/* =========================================================
   FINAL — ONLY CURRENTLY REQUESTED HOME VISUAL FIXES
   Scope: active-fleet position, gallery composition,
   testimonials/partners separator.
   All existing structure and previously approved styles stay intact.
========================================================= */

/* ---------------------------------------------------------
   1) ACTIVE FLEET — lock the 1200 card to the left edge
      of the main About image.
--------------------------------------------------------- */
.home-page .home-about__visual {
    position: relative !important;
}

.home-page .home-about__visual-card {
    right: 20px !important;
    left: auto !important;
    bottom: 20px !important;
    z-index: 8 !important;
}

@media (max-width: 680px) {
    .home-page .home-about__visual-card {
        right: 14px !important;
        left: auto !important;
        bottom: 14px !important;
    }
}

/* ---------------------------------------------------------
   2) GALLERY — cleaner editorial composition.
      Six items: one large feature, four compact tiles,
      one wide closing tile.
--------------------------------------------------------- */
.home-page .home-gallery {
    position: relative !important;
    padding-top: 82px !important;
    padding-bottom: 88px !important;
    background: #f3f5f7 !important;
}

    .home-page .home-gallery .section-heading {
        margin-bottom: 28px !important;
    }

.home-page .gallery-showcase {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 210px) 118px !important;
    gap: 13px !important;
    align-items: stretch !important;
}

.home-page .gallery-showcase__item {
    position: relative !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(19,40,63,.10) !important;
    border-radius: 19px !important;
    background: #17324a !important;
    box-shadow: 0 10px 28px rgba(19,40,63,.075) !important;
    isolation: isolate !important;
    transform: translateZ(0);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

    .home-page .gallery-showcase__item:nth-child(1) {
        grid-column: span 6 !important;
        grid-row: span 2 !important;
    }

    .home-page .gallery-showcase__item:nth-child(2),
    .home-page .gallery-showcase__item:nth-child(3),
    .home-page .gallery-showcase__item:nth-child(4),
    .home-page .gallery-showcase__item:nth-child(5) {
        grid-column: span 3 !important;
        grid-row: span 1 !important;
    }

    .home-page .gallery-showcase__item:nth-child(6) {
        grid-column: span 6 !important;
        grid-row: span 1 !important;
    }

    .home-page .gallery-showcase__item::before {
        content: "" !important;
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        z-index: 3 !important;
        width: 26px !important;
        height: 3px !important;
        border-radius: 4px !important;
        background: var(--color-gold) !important;
        opacity: .92 !important;
    }

    .home-page .gallery-showcase__item::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        background: linear-gradient(180deg, rgba(7,22,36,.02) 18%, rgba(7,22,36,.14) 42%, rgba(7,22,36,.88) 100%) !important;
        pointer-events: none !important;
    }

    .home-page .gallery-showcase__item img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        filter: saturate(.93) contrast(1.02) !important;
        transform: scale(1.001) !important;
        transition: transform 550ms cubic-bezier(.2,.65,.2,1), filter 550ms ease !important;
    }

    .home-page .gallery-showcase__item:hover {
        transform: translateY(-4px) !important;
        border-color: rgba(182,139,69,.42) !important;
        box-shadow: 0 18px 38px rgba(19,40,63,.13) !important;
    }

        .home-page .gallery-showcase__item:hover img {
            transform: scale(1.055) !important;
            filter: saturate(1.04) contrast(1.03) !important;
        }

.home-page .gallery-showcase__overlay {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    min-width: 0 !important;
    padding: 18px 17px 15px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 11px !important;
}

    .home-page .gallery-showcase__overlay > div {
        min-width: 0 !important;
    }

    .home-page .gallery-showcase__overlay strong {
        display: block !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 1.65 !important;
        font-weight: 800 !important;
    }

    .home-page .gallery-showcase__overlay span {
        display: block !important;
        max-width: 300px !important;
        margin-top: 3px !important;
        color: rgba(255,255,255,.72) !important;
        font-size: 9px !important;
        line-height: 1.75 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

.home-page .gallery-showcase__arrow {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: rgba(255,255,255,.10) !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.10) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease !important;
}

.home-page .gallery-showcase__item:hover .gallery-showcase__arrow {
    background: var(--color-gold) !important;
    border-color: var(--color-gold) !important;
    transform: translateX(-2px) !important;
}

.home-page .gallery-showcase__placeholder {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    padding: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    color: rgba(255,255,255,.90) !important;
    background: radial-gradient(circle at 80% 18%, rgba(182,139,69,.22), transparent 29%), linear-gradient(135deg,#10263b,#24465f) !important;
}

@media (max-width: 980px) {
    .home-page .home-gallery {
        padding-top: 62px !important;
        padding-bottom: 68px !important;
    }

    .home-page .gallery-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, 190px) !important;
        gap: 11px !important;
    }

    .home-page .gallery-showcase__item:nth-child(1) {
        grid-column: span 2 !important;
        grid-row: span 1 !important;
    }

    .home-page .gallery-showcase__item:nth-child(2),
    .home-page .gallery-showcase__item:nth-child(3),
    .home-page .gallery-showcase__item:nth-child(4),
    .home-page .gallery-showcase__item:nth-child(5) {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }

    .home-page .gallery-showcase__item:nth-child(6) {
        grid-column: span 2 !important;
        grid-row: span 1 !important;
    }
}

@media (max-width: 560px) {
    .home-page .home-gallery {
        padding-top: 52px !important;
        padding-bottom: 58px !important;
    }

    .home-page .gallery-showcase {
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(6, 190px) !important;
        gap: 9px !important;
    }

    .home-page .gallery-showcase__item:nth-child(n) {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .home-page .gallery-showcase__overlay {
        padding: 14px !important;
    }
}

/* ---------------------------------------------------------
   3) TESTIMONIALS / PARTNERS — elegant section separator.
      Remove the hard border and replace it with a centered,
      subtle corporate rule with a gold focal point.
--------------------------------------------------------- */
.home-page .home-testimonials {
    position: relative !important;
    border-bottom: 0 !important;
}

.home-page .home-partners {
    position: relative !important;
    border-top: 0 !important;
}

    .home-page .home-partners::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 12% !important;
        right: 12% !important;
        width: auto !important;
        height: 1px !important;
        background: linear-gradient(90deg, transparent 0%, #dfe5ea 14%, #dfe5ea 42%, rgba(182,139,69,.68) 50%, #dfe5ea 58%, #dfe5ea 86%, transparent 100%) !important;
    }

    .home-page .home-partners::after {
        content: "" !important;
        position: absolute !important;
        top: -3px !important;
        left: 50% !important;
        width: 7px !important;
        height: 7px !important;
        border: 2px solid #fff !important;
        border-radius: 50% !important;
        background: var(--color-gold) !important;
        transform: translateX(-50%) !important;
        box-shadow: 0 0 0 1px rgba(182,139,69,.18), 0 3px 8px rgba(182,139,69,.25) !important;
        z-index: 3 !important;
    }

/* =========================================================
   ONLY REQUESTED CHANGE — ACTIVE FLEET CARD
   Everything else in the original file remains unchanged.
========================================================= */

.home-page .home-about__visual-card {
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
    min-width: 178px !important;
    min-height: 66px !important;
    padding: 10px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,249,250,.94)) !important;
    box-shadow: 0 16px 34px rgba(8,23,38,.18), 0 2px 0 rgba(255,255,255,.75) inset !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

    .home-page .home-about__visual-card::before {
        content: "" !important;
        position: absolute !important;
        top: 10px !important;
        right: 0 !important;
        bottom: 10px !important;
        width: 3px !important;
        border-radius: 4px 0 0 4px !important;
        background: linear-gradient(180deg, var(--color-gold-light), var(--color-gold)) !important;
    }

    .home-page .home-about__visual-card::after {
        content: "" !important;
        position: absolute !important;
        left: 13px !important;
        top: 50% !important;
        width: 7px !important;
        height: 7px !important;
        border: 2px solid rgba(255,255,255,.95) !important;
        border-radius: 50% !important;
        background: var(--color-gold) !important;
        transform: translateY(-50%) !important;
        box-shadow: 0 0 0 3px rgba(182,139,69,.10) !important;
    }

.home-page .home-about__visual-card-number {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    color: var(--color-primary) !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.6px !important;
}

.home-page .home-about__visual-card > span:last-child {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #637383 !important;
    font-size: 10px !important;
    line-height: 1.7 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

@media (max-width: 680px) {
    .home-page .home-about__visual-card {
        /*  right: 14px !important;*/
        left: auto !important;
        bottom: 14px !important;
        min-width: 154px !important;
        min-height: 58px !important;
        padding: 8px 13px !important;
        gap: 10px !important;
    }

    .home-page .home-about__visual-card-number {
        font-size: 21px !important;
    }

    .home-page .home-about__visual-card > span:last-child {
        font-size: 9px !important;
    }

    .home-page .home-about__visual-card::after {
        left: 11px !important;
        width: 6px !important;
        height: 6px !important;
    }
}
/* =========================================================
   ABOUT PAGE — FINAL POLISH
   Scoped only to .site-page--about
   ========================================================= */

.site-page--about {
    position: relative;
    min-height: calc(100vh - 20px);
    padding: 0 0 88px;
    overflow: hidden;
    background: #f3f6f8;
}

    .site-page--about::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 458px;
        background: linear-gradient(118deg, #102d46 0%, #173851 47%, #315565 100%);
        z-index: 0;
    }

    .site-page--about > .site-container {
        position: relative;
        z-index: 1;
        width: min(calc(100% - 44px), var(--container));
        padding-top: 42px;
    }

    .site-page--about .site-page__header {
        position: relative;
        width: min(100%, 1128px);
        min-height: 294px;
        margin: 0 auto;
        padding: 48px 50px 50px;
        text-align: right;
        border: 1px solid rgba(255,255,255,.14);
        border-radius: 26px;
        background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
        box-shadow: 0 28px 60px rgba(5,20,34,.18);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        overflow: hidden;
    }

        .site-page--about .site-page__header::before {
            content: "";
            position: absolute;
            left: -90px;
            bottom: -105px;
            width: 300px;
            height: 220px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(205,174,112,.12) 0%, rgba(205,174,112,0) 72%);
            pointer-events: none;
        }

        .site-page--about .site-page__header::after {
            content: "ASAL TARABAR";
            position: absolute;
            left: 34px;
            bottom: 25px;
            color: rgba(255,255,255,.10);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 3px;
            pointer-events: none;
        }

        .site-page--about .site-page__header .section-eyebrow {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: #dfc08a;
            font-size: 11px;
            font-weight: 800;
            line-height: 1.8;
        }

            .site-page--about .site-page__header .section-eyebrow::before {
                content: "";
                width: 28px;
                height: 2px;
                border-radius: 999px;
                background: #d7b873;
            }

        .site-page--about .site-page__header .section-title {
            position: relative;
            margin: 16px 0 0;
            color: #fff;
            font-size: clamp(34px, 4.2vw, 52px);
            line-height: 1.35;
            font-weight: 900;
            letter-spacing: -.35px;
        }

            .site-page--about .site-page__header .section-title::after {
                content: "";
                display: block;
                width: 56px;
                height: 3px;
                margin-top: 16px;
                border-radius: 999px;
                background: linear-gradient(90deg, #e1c485, #b68b45);
            }

        .site-page--about .site-page__header > p {
            position: relative;
            max-width: 760px;
            margin: 18px 0 0;
            color: rgba(255,255,255,.79);
            font-size: 13px;
            line-height: 2.15;
        }

    .site-page--about .site-page__content {
        position: relative;
        width: min(100%, 1060px);
        margin: 28px auto 0;
        padding: 32px 46px 40px;
        border: 1px solid #e0e7eb;
        border-radius: 24px;
        background: #fff;
        box-shadow: 0 18px 42px rgba(19,40,63,.08);
        text-align: right;
    }

    .site-page--about .site-page__content-heading {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        margin: 0 0 26px;
        padding: 0 0 14px;
        border-bottom: 1px solid #e8edf1;
        direction: rtl;
    }

        .site-page--about .site-page__content-heading span {
            color: #8d682c;
            font-size: 12px;
            font-weight: 900;
            line-height: 1.8;
        }

        .site-page--about .site-page__content-heading::before {
            content: "";
            flex: 0 0 38px;
            height: 3px;
            border-radius: 999px;
            background: linear-gradient(90deg, #d8bd83, #b68b45);
        }

    .site-page--about .site-page__content-body {
        direction: rtl;
        color: var(--color-text-soft);
        font-size: 14px;
        line-height: 2.35;
    }

        .site-page--about .site-page__content-body > :first-child {
            margin-top: 0;
        }

        .site-page--about .site-page__content-body > :last-child {
            margin-bottom: 0;
        }

        .site-page--about .site-page__content-body p {
            margin: 0 0 18px;
            color: var(--color-text-soft);
            font-size: 14px;
            line-height: 2.45;
            text-align: right;
        }

        .site-page--about .site-page__content-body strong,
        .site-page--about .site-page__content-body b {
            color: var(--color-primary);
            font-weight: 800;
        }

        .site-page--about .site-page__content-body h2,
        .site-page--about .site-page__content-body h3,
        .site-page--about .site-page__content-body h4 {
            margin: 24px 0 12px;
            color: var(--color-primary);
            line-height: 1.8;
            font-weight: 900;
        }

        .site-page--about .site-page__content-body ul,
        .site-page--about .site-page__content-body ol {
            margin: 0 0 18px;
            padding-right: 22px;
            color: var(--color-text-soft);
        }

        .site-page--about .site-page__content-body li + li {
            margin-top: 8px;
        }

        .site-page--about .site-page__content-body a {
            color: #9a722d;
            font-weight: 700;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

    .site-page--about .site-page__content-empty {
        margin: 0;
        color: var(--color-text-muted);
        font-size: 13px;
        line-height: 2.2;
    }

@media (max-width: 980px) {
    .site-page--about {
        padding-bottom: 68px;
    }

        .site-page--about::before {
            height: 430px;
        }

        .site-page--about > .site-container {
            width: min(calc(100% - 34px), var(--container));
            padding-top: 34px;
        }

        .site-page--about .site-page__header {
            min-height: 268px;
            padding: 38px 34px 42px;
            border-radius: 22px;
        }

        .site-page--about .site-page__content {
            margin-top: 22px;
            padding: 29px 32px 34px;
            border-radius: 20px;
        }
}

@media (max-width: 680px) {
    .site-page--about {
        padding-bottom: 48px;
    }

        .site-page--about::before {
            height: 386px;
        }

        .site-page--about > .site-container {
            width: min(calc(100% - 26px), var(--container));
            padding-top: 24px;
        }

        .site-page--about .site-page__header {
            min-height: 245px;
            padding: 26px 22px 32px;
            border-radius: 18px;
        }

            .site-page--about .site-page__header .section-eyebrow {
                font-size: 10px;
            }

            .site-page--about .site-page__header .section-title {
                margin-top: 11px;
                font-size: 30px;
            }

                .site-page--about .site-page__header .section-title::after {
                    width: 48px;
                    height: 2px;
                    margin-top: 12px;
                }

            .site-page--about .site-page__header > p {
                margin-top: 14px;
                font-size: 10.5px;
                line-height: 2.05;
            }

            .site-page--about .site-page__header::after {
                left: 18px;
                bottom: 16px;
                font-size: 8px;
                letter-spacing: 2px;
            }

        .site-page--about .site-page__content {
            margin-top: 16px;
            padding: 22px 19px 26px;
            border-radius: 16px;
        }

        .site-page--about .site-page__content-heading {
            gap: 9px;
            margin-bottom: 20px;
            padding-bottom: 11px;
        }

            .site-page--about .site-page__content-heading::before {
                flex-basis: 30px;
                height: 2px;
            }

            .site-page--about .site-page__content-heading span {
                font-size: 10px;
            }

        .site-page--about .site-page__content-body,
        .site-page--about .site-page__content-body p {
            font-size: 11px;
            line-height: 2.25;
        }
}
/* =========================================================
   SERVICES PUBLIC PAGES — FINAL CORPORATE REDESIGN
   Scope: services index + service details only.
   This block intentionally does not touch Home/About styles.
========================================================= */

.services-page,
.service-detail-page {
    --services-primary: #15344d;
    --services-primary-2: #234b65;
    --services-gold: #b68b45;
    --services-text: #263849;
    --services-muted: #6f7f8d;
    --services-border: #e0e6eb;
    --services-soft: #f3f6f8;
    min-height: 100vh;
    background: #f3f6f8;
}

.services-page__hero,
.service-detail-page__hero {
    position: relative;
    overflow: hidden;
    padding: 64px 0 74px;
    background: radial-gradient(circle at 15% 25%, rgba(182,139,69,.12), transparent 30%), linear-gradient(135deg, #102d44 0%, #173d58 54%, #274e60 100%);
}

    .services-page__hero::after,
    .service-detail-page__hero::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), rgba(182,139,69,.7), rgba(255,255,255,.16), transparent);
    }

.services-page__hero-card,
.service-detail-page__hero-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    align-items: center;
    gap: 44px;
    min-height: 286px;
    padding: 54px 58px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(26,61,87,.9), rgba(26,54,75,.76));
    box-shadow: 0 24px 58px rgba(8,27,42,.23);
    backdrop-filter: blur(7px);
}

.services-page__hero-copy,
.service-detail-page__hero-copy {
    min-width: 0;
}

.services-page__eyebrow,
.service-detail-page__eyebrow,
.services-page__section-eyebrow,
.service-detail-page__side-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--services-gold);
    font-size: 11px;
    line-height: 1.8;
    font-weight: 800;
}

    .services-page__eyebrow::before,
    .service-detail-page__eyebrow::before {
        content: "";
        width: 34px;
        height: 2px;
        border-radius: 999px;
        background: var(--services-gold);
    }

.services-page__hero h1,
.service-detail-page__hero h1 {
    max-width: 760px;
    margin: 18px 0 0;
    color: #fff;
    font-size: clamp(31px, 4vw, 50px);
    line-height: 1.55;
    font-weight: 900;
    letter-spacing: -.5px;
}

.services-page__hero p,
.service-detail-page__hero p {
    max-width: 760px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.84);
    font-size: 13px;
    line-height: 2.25;
}

.services-page__hero-aside,
.service-detail-page__hero-mark {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    min-height: 170px;
    color: rgba(255,255,255,.13);
    user-select: none;
}

    .services-page__hero-aside span,
    .service-detail-page__hero-mark span {
        font-size: 12px;
        letter-spacing: .34em;
        font-weight: 800;
    }

    .services-page__hero-aside strong {
        margin-top: 4px;
        font-size: 31px;
        letter-spacing: .22em;
        font-weight: 900;
    }

    .service-detail-page__hero-mark strong {
        margin-top: 4px;
        color: rgba(255,255,255,.2);
        font-size: 78px;
        line-height: 1;
        font-weight: 900;
        direction: ltr;
    }

    .services-page__hero-aside i,
    .service-detail-page__hero-mark::after {
        display: block;
        margin-top: 18px;
        width: 64px;
        height: 2px;
        border-radius: 999px;
        background: var(--services-gold);
        opacity: .9;
    }

.services-page__content,
.service-detail-page__content {
    padding: 66px 0 86px;
}

.services-page__section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
}

    .services-page__section-head h2 {
        margin: 8px 0 0;
        color: var(--services-primary);
        font-size: 27px;
        line-height: 1.65;
        font-weight: 900;
    }

.services-page__count {
    flex: 0 0 auto;
    min-width: 110px;
    padding: 13px 16px;
    border: 1px solid #e5e9ed;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19,40,63,.04);
    text-align: center;
}

    .services-page__count strong,
    .services-page__count span {
        display: block;
    }

    .services-page__count strong {
        color: var(--services-primary);
        font-size: 22px;
        line-height: 1.2;
        font-weight: 900;
    }

    .services-page__count span {
        margin-top: 4px;
        color: var(--services-muted);
        font-size: 10px;
    }

.services-page__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.services-page__card {
    position: relative;
    min-width: 0;
    min-height: 318px;
    display: flex;
    flex-direction: column;
    padding: 24px 23px 21px;
    overflow: hidden;
    border: 1px solid var(--services-border);
    border-radius: 19px;
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%);
    box-shadow: 0 11px 28px rgba(19,40,63,.045);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

    .services-page__card::before {
        content: "";
        position: absolute;
        top: 0;
        right: 22px;
        left: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--services-gold);
        opacity: .35;
        transition: opacity .22s ease, right .22s ease, left .22s ease;
    }

    .services-page__card:hover {
        transform: translateY(-5px);
        border-color: #cbd7df;
        box-shadow: 0 18px 36px rgba(19,40,63,.075);
    }

        .services-page__card:hover::before {
            right: 16px;
            left: 16px;
            opacity: .82;
        }

.services-page__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.services-page__number {
    color: #a2acb5;
    font-size: 10px;
    font-weight: 800;
    direction: ltr;
    letter-spacing: .08em;
}

.services-page__icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce4ea;
    border-radius: 12px;
    color: var(--services-primary);
    background: #f5f7f9;
    transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease;
}

    .services-page__icon svg {
        width: 20px;
        height: 20px;
    }

.services-page__card:hover .services-page__icon {
    color: #fff;
    background: var(--services-primary);
    border-color: var(--services-primary);
    transform: translateY(-1px);
}

.services-page__card-body {
    flex: 1;
    padding-top: 28px;
}

    .services-page__card-body h3 {
        margin: 0;
        color: var(--services-primary);
        font-size: 18px;
        line-height: 1.75;
        font-weight: 900;
    }

    .services-page__card-body p {
        margin: 11px 0 0;
        color: var(--services-muted);
        font-size: 11px;
        line-height: 2.15;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }

.services-page__card-link,
.service-detail-page__back-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #e8edf0;
    color: var(--services-primary);
    font-size: 11px;
    line-height: 1.8;
    font-weight: 800;
    text-decoration: none;
    transition: color .2s ease, gap .2s ease;
}

    .services-page__card-link span:last-child,
    .service-detail-page__back-link span:last-child {
        color: var(--services-gold);
        font-size: 17px;
        line-height: 1;
        transition: transform .2s ease;
    }

    .services-page__card-link:hover,
    .service-detail-page__back-link:hover {
        color: var(--services-gold);
        text-decoration: none;
    }

        .services-page__card-link:hover span:last-child,
        .service-detail-page__back-link:hover span:last-child {
            transform: translateX(-4px);
        }

.services-page__empty {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 34px 24px;
    border: 1px dashed #d6dfe6;
    border-radius: 20px;
    background: #fff;
    text-align: center;
}

.services-page__empty-icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: var(--services-primary);
    background: #f1f5f7;
    border: 1px solid #e2e8ec;
}

    .services-page__empty-icon svg {
        width: 26px;
        height: 26px;
    }

.services-page__empty h2 {
    margin: 18px 0 0;
    color: var(--services-primary);
    font-size: 18px;
    line-height: 1.7;
}

.services-page__empty p {
    margin: 8px 0 0;
    color: var(--services-muted);
    font-size: 11px;
}

.service-detail-page__hero-card {
    min-height: 300px;
}

.service-detail-page__content {
    padding-top: 58px;
}

.service-detail-page__layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    align-items: start;
    gap: 22px;
}

.service-detail-page__side {
    position: sticky;
    top: 25px;
}

.service-detail-page__side-card {
    padding: 22px;
    border: 1px solid var(--services-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 11px 28px rgba(19,40,63,.045);
}

.service-detail-page__side-line {
    width: 44px;
    height: 3px;
    margin-top: 12px;
    border-radius: 999px;
    background: var(--services-gold);
}

.service-detail-page__side-card strong {
    display: block;
    margin-top: 19px;
    color: var(--services-primary);
    font-size: 16px;
    line-height: 1.8;
}

.service-detail-page__side-card p {
    margin: 9px 0 0;
    color: var(--services-muted);
    font-size: 11px;
    line-height: 2.15;
}

.service-detail-page__back-link {
    margin-top: 18px;
}

.service-detail-page__article {
    min-width: 0;
}

.service-detail-page__image {
    margin: 0 0 18px;
    overflow: hidden;
    border: 1px solid var(--services-border);
    border-radius: 20px;
    background: #dde5ea;
    box-shadow: 0 14px 32px rgba(19,40,63,.06);
    aspect-ratio: 16 / 6.7;
}

    .service-detail-page__image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

.service-detail-page__article-card {
    padding: 28px 30px 31px;
    border: 1px solid var(--services-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 13px 30px rgba(19,40,63,.048);
}

.service-detail-page__article-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--services-primary);
    font-size: 16px;
    font-weight: 900;
}

    .service-detail-page__article-heading i {
        width: 48px;
        height: 3px;
        border-radius: 999px;
        background: var(--services-gold);
    }

.service-detail-page__description {
    margin-top: 20px;
    color: #4f6272;
    font-size: 13px;
    line-height: 2.35;
    text-align: justify;
}

    .service-detail-page__description p {
        margin: 0;
    }

.service-detail-page__description--empty {
    color: var(--services-muted);
}

.service-detail-page__actions {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 18px;
}

.service-detail-page__button {
    min-height: 44px;
    padding: 10px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 11px;
    font-size: 11px;
    line-height: 1.7;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

    .service-detail-page__button span {
        font-size: 16px;
        line-height: 1;
    }

.service-detail-page__button--primary {
    color: #fff;
    border: 1px solid var(--services-primary);
    background: var(--services-primary);
    box-shadow: 0 8px 18px rgba(21,52,77,.13);
}

.service-detail-page__button--secondary {
    color: var(--services-primary);
    border: 1px solid #d8e0e6;
    background: #fff;
}

.service-detail-page__button:hover {
    transform: translateY(-2px);
    text-decoration: none;
}

.service-detail-page__button--primary:hover {
    color: #fff;
    background: #1f4660;
    border-color: #1f4660;
}

.service-detail-page__button--secondary:hover {
    color: var(--services-primary);
    background: #f5f8fa;
    border-color: #cbd7df;
}

@media (max-width: 980px) {
    .services-page__hero-card,
    .service-detail-page__hero-card {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 42px 38px;
    }

    .services-page__hero-aside,
    .service-detail-page__hero-mark {
        min-height: 0;
        align-items: flex-start;
        flex-direction: row;
        gap: 10px;
    }

        .services-page__hero-aside strong {
            margin-top: 0;
        }

        .services-page__hero-aside i,
        .service-detail-page__hero-mark::after {
            margin-top: 7px;
        }

    .services-page__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-detail-page__layout {
        grid-template-columns: 1fr;
    }

    .service-detail-page__side {
        position: static;
        order: 2;
    }

    .service-detail-page__article {
        order: 1;
    }
}

@media (max-width: 680px) {
    .services-page__hero,
    .service-detail-page__hero {
        padding: 38px 0 44px;
    }

    .services-page__hero-card,
    .service-detail-page__hero-card {
        gap: 18px;
        min-height: 0;
        padding: 30px 24px 28px;
        border-radius: 21px;
    }

    .services-page__hero h1,
    .service-detail-page__hero h1 {
        font-size: 29px;
        line-height: 1.62;
    }

    .services-page__hero p,
    .service-detail-page__hero p {
        font-size: 11px;
        line-height: 2.15;
    }

    .services-page__content,
    .service-detail-page__content {
        padding: 42px 0 58px;
    }

    .services-page__section-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 19px;
    }

        .services-page__section-head h2 {
            font-size: 23px;
        }

    .services-page__count {
        min-width: 100px;
        padding: 10px 13px;
    }

    .services-page__grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .services-page__card {
        min-height: 0;
        padding: 19px 18px 17px;
        border-radius: 16px;
    }

    .services-page__card-body {
        padding-top: 22px;
    }

        .services-page__card-body h3 {
            font-size: 17px;
        }

        .services-page__card-body p {
            font-size: 11px;
            -webkit-line-clamp: 6;
        }

    .service-detail-page__article-card {
        padding: 22px 18px 24px;
        border-radius: 17px;
    }

    .service-detail-page__image {
        aspect-ratio: 16 / 9;
        border-radius: 17px;
    }

    .service-detail-page__description {
        font-size: 12px;
        line-height: 2.25;
    }

    .service-detail-page__actions {
        flex-direction: column;
    }

    .service-detail-page__button {
        width: 100%;
    }
}
/* =========================================================
   ASAL TARABAR — PUBLIC FLEET PAGE
   Scope: .fleet-page only
   Add this file at the end of Content/Site.css.
========================================================= */

.fleet-page {
    background: #f2f5f7;
}

.fleet-page__hero {
    position: relative;
    overflow: hidden;
    padding: 58px 0 74px;
    background: radial-gradient(circle at 15% 20%, rgba(182,139,69,.12), transparent 28%), linear-gradient(135deg, #102b43 0%, #183a54 56%, #315465 100%);
}

    .fleet-page__hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px);
        background-size: 54px 54px;
        opacity: .28;
        pointer-events: none;
    }

    .fleet-page__hero .site-container {
        position: relative;
        z-index: 1;
    }

.fleet-page__hero-card {
    min-height: 278px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 280px;
    gap: 44px;
    align-items: center;
    padding: 38px 42px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
    box-shadow: 0 24px 60px rgba(0,0,0,.18);
    backdrop-filter: blur(8px);
}

.fleet-page__hero-copy {
    min-width: 0;
    text-align: right;
}

.fleet-page__eyebrow,
.fleet-page__section-eyebrow,
.fleet-page__empty-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #d7b57a;
    font-size: 10px;
    line-height: 1.7;
    font-weight: 800;
}

    .fleet-page__eyebrow::before,
    .fleet-page__section-eyebrow::before,
    .fleet-page__empty-eyebrow::before {
        content: "";
        width: 30px;
        height: 1px;
        background: currentColor;
    }

.fleet-page__hero h1 {
    max-width: 820px;
    margin: 13px 0 0;
    color: #fff;
    font-size: clamp(34px, 4vw, 55px);
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: -.7px;
}

.fleet-page__gold-line {
    display: block;
    width: 62px;
    height: 3px;
    margin: 18px 0 16px auto;
    border-radius: 999px;
    background: #c49b5d;
}

.fleet-page__hero-copy p {
    max-width: 780px;
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 13px;
    line-height: 2.2;
}

.fleet-page__hero-meta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.fleet-page__hero-stat {
    min-height: 94px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 17px;
    background: rgba(5,22,36,.22);
    text-align: right;
}

    .fleet-page__hero-stat strong {
        color: #fff;
        font-size: 27px;
        line-height: 1.3;
        font-weight: 900;
    }

    .fleet-page__hero-stat span {
        color: rgba(255,255,255,.64);
        font-size: 10px;
        line-height: 1.8;
    }

.fleet-page__content {
    position: relative;
    margin-top: -18px;
    padding: 0 0 88px;
    z-index: 2;
}

.fleet-page__filters {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    border: 1px solid #dfe6eb;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 28px rgba(19,40,63,.06);
}

.fleet-page__filter {
    min-height: 42px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #5f6f7d;
    background: transparent;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.7;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

    .fleet-page__filter:hover {
        color: var(--color-primary);
        border-color: #dfe6eb;
        background: #f6f8f9;
        transform: translateY(-1px);
    }

    .fleet-page__filter.is-active {
        color: #fff;
        border-color: var(--color-primary);
        background: var(--color-primary);
        box-shadow: 0 8px 18px rgba(19,40,63,.14);
    }

.fleet-page__heading-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin: 44px 0 22px;
}

    .fleet-page__heading-row h2 {
        margin: 7px 0 0;
        color: var(--color-primary);
        font-size: 24px;
        line-height: 1.55;
        font-weight: 900;
    }

.fleet-page__result-count {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid #e0e6ea;
    border-radius: 10px;
    color: #71808c;
    background: #fff;
    font-size: 10px;
    font-weight: 800;
}

.fleet-page__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 15px;
}

.fleet-page__card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dce4e9;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 9px 26px rgba(19,40,63,.055);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

    .fleet-page__card:hover {
        transform: translateY(-5px);
        border-color: #ccd7df;
        box-shadow: 0 18px 34px rgba(19,40,63,.09);
    }

.fleet-page__image-wrap {
    position: relative;
    height: 218px;
    overflow: hidden;
    background: #e9eef1;
}

    .fleet-page__image-wrap img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .35s ease;
    }

.fleet-page__card:hover .fleet-page__image-wrap img {
    transform: scale(1.035);
}

.fleet-page__image-wrap::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    background: linear-gradient(180deg, transparent, rgba(8,24,38,.30));
    pointer-events: none;
}

.fleet-page__image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.86);
    background: radial-gradient(circle at 50% 25%, rgba(196,155,93,.18), transparent 32%), linear-gradient(145deg, #18394f, #102b43);
}

    .fleet-page__image-placeholder span {
        font-size: 10px;
        letter-spacing: .08em;
        opacity: .6;
    }

    .fleet-page__image-placeholder strong {
        margin-top: 6px;
        font-size: 25px;
        line-height: 1.3;
    }

.fleet-page__category-pill {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    max-width: calc(100% - 28px);
    padding: 6px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 9px;
    color: #fff;
    background: rgba(9,28,43,.58);
    backdrop-filter: blur(5px);
    font-size: 9px;
    line-height: 1.6;
    font-weight: 800;
}

.fleet-page__card-body {
    padding: 18px 18px 19px;
}

.fleet-page__vehicle-type {
    display: block;
    color: #9b7640;
    font-size: 9px;
    line-height: 1.7;
    font-weight: 800;
}

.fleet-page__card h3 {
    min-height: 52px;
    margin: 5px 0 0;
    color: var(--color-primary);
    font-size: 16px;
    line-height: 1.65;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.fleet-page__card-body p {
    display: -webkit-box;
    margin: 9px 0 0;
    overflow: hidden;
    color: #6b7a87;
    font-size: 10.5px;
    line-height: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.fleet-page__specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
    margin-top: 15px;
}

.fleet-page__spec {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid #e6ebef;
    border-radius: 10px;
    background: #f8fafb;
}

    .fleet-page__spec span,
    .fleet-page__spec strong {
        display: block;
    }

    .fleet-page__spec span {
        color: #96a2ab;
        font-size: 8px;
        line-height: 1.7;
    }

    .fleet-page__spec strong {
        margin-top: 2px;
        color: #445463;
        font-size: 9.5px;
        line-height: 1.7;
        font-weight: 800;
        overflow-wrap: anywhere;
    }

.fleet-page__empty {
    margin-top: 36px;
    padding: 56px 28px;
    border: 1px dashed #d5dee5;
    border-radius: 20px;
    background: #fff;
    text-align: center;
}

    .fleet-page__empty h2 {
        margin: 12px 0 0;
        color: var(--color-primary);
        font-size: 22px;
        line-height: 1.7;
        font-weight: 900;
    }

    .fleet-page__empty p {
        max-width: 520px;
        margin: 8px auto 0;
        color: #71808d;
        font-size: 11px;
        line-height: 2;
    }

.fleet-page__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 34px;
}

.fleet-page__page-link,
.fleet-page__page-status {
    min-height: 42px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 800;
}

.fleet-page__page-link {
    gap: 8px;
    color: var(--color-primary);
    border: 1px solid #dfe6eb;
    background: #fff;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

    .fleet-page__page-link:hover {
        transform: translateY(-1px);
        border-color: #cdd8e0;
        background: #f8fafb;
    }

    .fleet-page__page-link b {
        font-size: 13px;
        line-height: 1;
    }

.fleet-page__page-status {
    color: #667682;
    border: 1px solid #e0e6ea;
    background: #fff;
}

@media (max-width: 1120px) {
    .fleet-page__grid {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}

@media (max-width: 900px) {
    .fleet-page__hero {
        padding: 42px 0 58px;
    }

    .fleet-page__hero-card {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 31px 30px;
    }

    .fleet-page__hero-meta {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .fleet-page__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 620px) {
    .fleet-page__hero {
        padding: 28px 0 50px;
    }

    .fleet-page__hero-card {
        min-height: 0;
        padding: 25px 20px;
        border-radius: 21px;
    }

    .fleet-page__hero h1 {
        font-size: 31px;
    }

    .fleet-page__hero-copy p {
        font-size: 11px;
        line-height: 2.15;
    }

    .fleet-page__hero-meta {
        gap: 8px;
    }

    .fleet-page__hero-stat {
        min-height: 78px;
        padding: 12px 13px;
        border-radius: 12px;
    }

        .fleet-page__hero-stat strong {
            font-size: 21px;
        }

    .fleet-page__content {
        margin-top: -11px;
        padding-bottom: 62px;
    }

    .fleet-page__filters {
        padding: 8px;
        gap: 6px;
        border-radius: 14px;
    }

    .fleet-page__filter {
        min-height: 38px;
        padding: 0 12px;
        font-size: 9.5px;
        border-radius: 9px;
    }

    .fleet-page__heading-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin: 34px 0 18px;
    }

        .fleet-page__heading-row h2 {
            font-size: 20px;
        }

    .fleet-page__result-count {
        padding: 8px 11px;
    }

    .fleet-page__grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .fleet-page__image-wrap {
        height: 205px;
    }

    .fleet-page__card-body {
        padding: 16px 15px 17px;
    }

    .fleet-page__card h3 {
        min-height: 0;
        font-size: 15px;
    }

    .fleet-page__pagination {
        flex-wrap: wrap;
    }
}

@media (max-width: 430px) {
    .fleet-page__hero h1 {
        font-size: 28px;
    }

    .fleet-page__hero-meta {
        grid-template-columns: 1fr;
    }

    .fleet-page__hero-stat {
        min-height: 70px;
    }

    .fleet-page__pagination {
        gap: 7px;
    }

    .fleet-page__page-link,
    .fleet-page__page-status {
        min-height: 39px;
        padding: 0 11px;
        font-size: 9px;
    }
}



/* =========================================================
   ASAL TARABAR — FINAL UI FIXES 2026-10-04
   Scope: requested header, home stats/gallery and fleet hero stats.
   Existing sections remain untouched.
========================================================= */

/* Header: clicking/navigation must not animate the fixed header vertically. */
.header-main {
    transition: box-shadow 180ms ease;
}

@media (max-width: 980px) {
    .mobile-navigation {
        transition: max-height 280ms ease, border-color 280ms ease;
    }
}

/* Home statistics — refined fleet item icon. */
.home-stat--fleet .home-stat__icon {
    color: var(--color-primary);
    border-color: #d8e0e6;
    background: #f7f9fa;
}

.home-stat--fleet:hover .home-stat__icon {
    color: var(--color-gold);
    border-color: #e1d5c1;
    background: #fbf8f2;
}

.home-stat--fleet .home-stat__icon::after {
    border-color: rgba(182, 139, 69, .14);
}

/* Home gallery — premium editorial composition. */
.home-page .home-gallery {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 85% 8%, rgba(196,155,93,.08), transparent 25%), linear-gradient(180deg, #f7f9fa 0%, #eef2f4 100%);
}

    .home-page .home-gallery::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(196,155,93,.45), transparent);
        pointer-events: none;
    }

    .home-page .home-gallery .site-container {
        position: relative;
        z-index: 1;
    }

    .home-page .home-gallery .section-heading {
        margin-bottom: 30px;
    }

    .home-page .home-gallery .section-eyebrow {
        color: #9a7643;
    }

    .home-page .home-gallery .section-title {
        letter-spacing: -.3px;
    }

.home-page .gallery-showcase {
    grid-template-columns: minmax(0, 1.16fr) minmax(0, .92fr) minmax(0, .92fr);
    grid-template-rows: 205px 205px;
    grid-auto-rows: unset;
    gap: 15px;
}

.home-page .gallery-showcase__item {
    min-height: 0;
    border: 1px solid rgba(19,40,63,.08);
    border-radius: 20px;
    background: #dfe5e9;
    box-shadow: 0 12px 30px rgba(19,40,63,.075);
    isolation: isolate;
}

    .home-page .gallery-showcase__item:nth-child(1) {
        grid-row: 1 / span 2;
    }

    .home-page .gallery-showcase__item::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        border: 1px solid rgba(255,255,255,.14);
        border-radius: inherit;
        pointer-events: none;
    }

    .home-page .gallery-showcase__item::after {
        content: "";
        position: absolute;
        right: 14px;
        top: 14px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(255,255,255,.72);
        box-shadow: 0 0 0 5px rgba(255,255,255,.10);
        opacity: .7;
        z-index: 3;
        pointer-events: none;
    }

    .home-page .gallery-showcase__item img {
        filter: saturate(.94) contrast(1.02);
        transition: transform 600ms cubic-bezier(.2,.65,.2,1), filter 400ms ease;
    }

    .home-page .gallery-showcase__item:hover img {
        transform: scale(1.045);
        filter: saturate(1.04) contrast(1.04);
    }

.home-page .gallery-showcase__overlay {
    min-height: 135px;
    padding: 20px;
    background: linear-gradient(0deg, rgba(7,22,36,.9) 0%, rgba(7,22,36,.55) 42%, transparent 100%);
    z-index: 2;
}

    .home-page .gallery-showcase__overlay strong {
        font-size: 14px;
        line-height: 1.8;
    }

    .home-page .gallery-showcase__overlay span {
        max-width: 330px;
        color: rgba(255,255,255,.72);
        font-size: 9.5px;
        line-height: 1.9;
    }

.home-page .gallery-showcase__arrow {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border: 1px solid rgba(19,40,63,.08);
    border-radius: 11px;
    box-shadow: 0 7px 18px rgba(0,0,0,.10);
    transition: transform 220ms ease, background 220ms ease, color 220ms ease;
}

.home-page .gallery-showcase__item:hover .gallery-showcase__arrow {
    color: #fff;
    background: var(--color-primary);
    transform: translateX(-2px);
}

.home-page .gallery-showcase__placeholder {
    background: radial-gradient(circle at 50% 20%, rgba(196,155,93,.14), transparent 32%), linear-gradient(145deg, #edf1f3, #dfe6ea);
}

    .home-page .gallery-showcase__placeholder span {
        color: #9a7643;
        font-size: 20px;
        font-weight: 800;
    }

    .home-page .gallery-showcase__placeholder strong {
        color: var(--color-primary);
        font-size: 11px;
    }

/* Fleet page hero statistics — refined dashboard cards. */
.fleet-page__hero-meta {
    gap: 13px;
}

.fleet-page__hero-stat {
    min-height: 104px;
    padding: 16px 17px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 13px;
    border-color: rgba(255,255,255,.14);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.105), rgba(5,22,36,.24));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.08);
    text-align: right;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

    .fleet-page__hero-stat:hover {
        transform: translateY(-2px);
        border-color: rgba(215,181,122,.38);
        background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(5,22,36,.27));
    }

.fleet-page__hero-stat-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(215,181,122,.24);
    border-radius: 13px;
    color: #d7b57a;
    background: rgba(215,181,122,.08);
}

    .fleet-page__hero-stat-icon svg {
        width: 22px;
        height: 22px;
    }

.fleet-page__hero-stat-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

    .fleet-page__hero-stat-copy strong {
        color: #fff;
        font-size: 29px;
        line-height: 1.25;
        font-weight: 900;
    }

    .fleet-page__hero-stat-copy span {
        color: rgba(255,255,255,.66);
        font-size: 10px;
        line-height: 1.8;
    }

@media (max-width: 900px) {
    .home-page .gallery-showcase {
        grid-template-columns: repeat(2, minmax(0,1fr));
        grid-template-rows: 210px 210px 210px;
    }

    .home-page .gallery-showcase__item:nth-child(1) {
        grid-row: 1 / span 2;
    }

    .fleet-page__hero-stat {
        min-height: 96px;
    }
}

@media (max-width: 680px) {
    .home-page .home-gallery {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .home-page .gallery-showcase {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 190px 150px 150px;
        gap: 10px;
    }

    .home-page .gallery-showcase__item:nth-child(1) {
        grid-row: 1 / span 2;
    }

    .home-page .gallery-showcase__overlay {
        min-height: 105px;
        padding: 13px;
    }

        .home-page .gallery-showcase__overlay strong {
            font-size: 11px;
        }

        .home-page .gallery-showcase__overlay span {
            display: none;
        }

    .home-page .gallery-showcase__arrow {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        border-radius: 9px;
    }

    .fleet-page__hero-stat {
        min-height: 82px;
        padding: 12px 13px;
        border-radius: 14px;
    }

    .fleet-page__hero-stat-icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
        border-radius: 11px;
    }

        .fleet-page__hero-stat-icon svg {
            width: 19px;
            height: 19px;
        }

    .fleet-page__hero-stat-copy strong {
        font-size: 22px;
    }

    .fleet-page__hero-stat-copy span {
        font-size: 9px;
    }
}

@media (max-width: 430px) {
    .home-page .gallery-showcase {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 190px);
    }

    .home-page .gallery-showcase__item:nth-child(1) {
        grid-row: auto;
    }

    .fleet-page__hero-meta {
        grid-template-columns: 1fr;
    }
}


/* ==============================
   FAQ Premium Design
   ============================== */
.faq-list--premium {
    max-width: 980px;
    margin: 45px auto 0;
    display: grid;
    gap: 18px;
}

.faq-item--premium {
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 22px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0,0,0,.06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

    .faq-item--premium:hover {
        transform: translateY(-3px);
        box-shadow: 0 18px 45px rgba(0,0,0,.09);
    }

    .faq-item--premium summary {
        list-style: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 25px 30px;
        font-size: 18px;
        font-weight: 700;
        color: #17212b;
    }

        .faq-item--premium summary::-webkit-details-marker {
            display: none;
        }

.faq-item__question {
    line-height: 2;
}

.faq-item__toggle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(20,110,90,.1);
    position: relative;
    flex: none;
}

    .faq-item__toggle::before,
    .faq-item__toggle::after {
        content: "";
        position: absolute;
        inset: 50% auto auto 50%;
        transform: translate(-50%,-50%);
        background: #146e5a;
        border-radius: 4px;
    }

    .faq-item__toggle::before {
        width: 14px;
        height: 2px;
    }

    .faq-item__toggle::after {
        width: 2px;
        height: 14px;
        transition: transform .25s ease;
    }

.faq-item--premium[open] .faq-item__toggle::after {
    transform: translate(-50%,-50%) rotate(90deg);
}

.faq-item--premium[open] summary {
    background: rgba(20,110,90,.035);
}

.faq-item__answer {
    padding: 0 30px 28px;
    color: #56616d;
    font-size: 16px;
    line-height: 2.2;
    animation: faqOpen .25s ease;
}

@keyframes faqOpen {
    from {
        opacity: 0;
        transform: translateY(-8px)
    }

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

@media(max-width:768px) {
    .faq-item--premium summary {
        padding: 20px;
        font-size: 16px;
    }

    .faq-item__answer {
        padding: 0 20px 22px;
    }
}

/* =========================================================
   HOME GALLERY — FINAL EDITORIAL LAYOUT
   Scope: homepage gallery only
========================================================= */
.home-page .home-gallery {
    position: relative;
    padding: 96px 0 104px;
    overflow: hidden;
    background: #f7f8f8;
}

    .home-page .home-gallery::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(31,55,73,.16), transparent);
    }

    .home-page .home-gallery .site-container {
        position: relative;
        z-index: 1;
    }

    .home-page .home-gallery .section-heading {
        margin-bottom: 34px;
    }

    .home-page .home-gallery .section-heading__side {
        max-width: 520px;
    }

    .home-page .home-gallery .section-text-link {
        margin-top: 16px;
    }

    .home-page .home-gallery .gallery-showcase {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(3, 178px);
        grid-auto-rows: unset;
        gap: 16px;
        margin: 0;
    }

    .home-page .home-gallery .gallery-showcase__item {
        position: relative;
        min-height: 0;
        height: auto;
        overflow: hidden;
        border: 1px solid rgba(22,45,63,.08);
        border-radius: 22px;
        background: #dfe5e8;
        box-shadow: 0 14px 36px rgba(19,40,63,.08);
        isolation: isolate;
        transform: translateZ(0);
        transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;
    }

        .home-page .home-gallery .gallery-showcase__item:nth-child(1) {
            grid-column: 1 / span 2;
            grid-row: 1 / span 2;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(2) {
            grid-column: 3;
            grid-row: 1;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(3) {
            grid-column: 3;
            grid-row: 2;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(4) {
            grid-column: 1;
            grid-row: 3;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(5) {
            grid-column: 2;
            grid-row: 3;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(6) {
            grid-column: 3;
            grid-row: 3;
        }

        .home-page .home-gallery .gallery-showcase__item::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 2;
            border: 1px solid rgba(255,255,255,.14);
            border-radius: inherit;
            pointer-events: none;
        }

        .home-page .home-gallery .gallery-showcase__item::after {
            content: "";
            position: absolute;
            right: 15px;
            top: 15px;
            z-index: 3;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: rgba(255,255,255,.82);
            box-shadow: 0 0 0 5px rgba(255,255,255,.10);
            pointer-events: none;
        }

        .home-page .home-gallery .gallery-showcase__item img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            filter: saturate(.92) contrast(1.02);
            transform: scale(1.001);
            transition: transform 700ms cubic-bezier(.2,.65,.2,1), filter 450ms ease;
        }

        .home-page .home-gallery .gallery-showcase__item:hover {
            border-color: rgba(31,55,73,.16);
            box-shadow: 0 20px 46px rgba(19,40,63,.13);
            transform: translateY(-3px);
        }

            .home-page .home-gallery .gallery-showcase__item:hover img {
                transform: scale(1.055);
                filter: saturate(1.03) contrast(1.04);
            }

    .home-page .home-gallery .gallery-showcase__overlay {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 4;
        min-height: 112px;
        padding: 21px 20px 19px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 14px;
        color: #fff;
        background: linear-gradient(0deg, rgba(7,24,39,.92) 0%, rgba(7,24,39,.62) 42%, rgba(7,24,39,0) 100%);
    }

        .home-page .home-gallery .gallery-showcase__overlay > div {
            min-width: 0;
        }

        .home-page .home-gallery .gallery-showcase__overlay strong {
            display: block;
            color: #fff;
            font-size: 13px;
            line-height: 1.8;
            font-weight: 850;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .home-page .home-gallery .gallery-showcase__overlay span:not(.gallery-showcase__arrow) {
            display: block;
            max-width: 390px;
            margin-top: 3px;
            color: rgba(255,255,255,.70);
            font-size: 9px;
            line-height: 1.9;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .home-page .home-gallery .gallery-showcase__arrow {
        width: 39px;
        height: 39px;
        flex: 0 0 39px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 12px;
        color: #183449;
        background: rgba(255,255,255,.94);
        box-shadow: 0 8px 20px rgba(0,0,0,.14);
        font-size: 14px;
        transition: color 220ms ease, background 220ms ease, transform 220ms ease;
    }

    .home-page .home-gallery .gallery-showcase__item:hover .gallery-showcase__arrow {
        color: #fff;
        background: var(--color-primary);
        transform: translateX(-3px);
    }

    .home-page .home-gallery .gallery-showcase__placeholder {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: var(--color-primary);
        background: radial-gradient(circle at 50% 25%, rgba(196,155,93,.14), transparent 32%), linear-gradient(145deg, #eef2f3, #dce4e8);
    }

        .home-page .home-gallery .gallery-showcase__placeholder span {
            color: #9a7643;
            font-size: 20px;
            font-weight: 850;
        }

        .home-page .home-gallery .gallery-showcase__placeholder strong {
            color: var(--color-primary);
            font-size: 10px;
            font-weight: 800;
        }

@media (max-width: 900px) {
    .home-page .home-gallery {
        padding: 78px 0 84px;
    }

        .home-page .home-gallery .gallery-showcase {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-rows: 230px 180px 180px;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(1) {
            grid-column: 1 / span 2;
            grid-row: 1;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(2) {
            grid-column: 1;
            grid-row: 2;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(3) {
            grid-column: 2;
            grid-row: 2;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(4) {
            grid-column: 1;
            grid-row: 3;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(5) {
            grid-column: 2;
            grid-row: 3;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(6) {
            display: none;
        }
}

@media (max-width: 680px) {
    .home-page .home-gallery {
        padding: 64px 0 70px;
    }

        .home-page .home-gallery .section-heading {
            margin-bottom: 24px;
        }

        .home-page .home-gallery .section-heading__side {
            max-width: none;
        }

        .home-page .home-gallery .gallery-showcase {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(5, 220px);
            gap: 12px;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(n) {
            grid-column: 1;
            grid-row: auto;
        }

        .home-page .home-gallery .gallery-showcase__item:nth-child(6) {
            display: none;
        }

        .home-page .home-gallery .gallery-showcase__overlay {
            min-height: 100px;
            padding: 17px 16px 16px;
        }

        .home-page .home-gallery .gallery-showcase__arrow {
            width: 35px;
            height: 35px;
            flex-basis: 35px;
        }
}


/* =========================================================
   HOME GALLERY — FINAL PREMIUM OVERRIDE
   This block intentionally overrides older gallery rules.
========================================================= */
.home-gallery--premium {
    position: relative;
    padding: 104px 0 112px;
    overflow: hidden;
    background: #f6f8fa;
}

    .home-gallery--premium::before {
        content: "";
        position: absolute;
        top: -180px;
        left: -180px;
        width: 460px;
        height: 460px;
        border-radius: 50%;
        background: rgba(18, 58, 84, .055);
        pointer-events: none;
    }

.gallery-premium__heading {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 34px;
}

.gallery-premium__heading-main {
    max-width: 700px;
}

.gallery-premium__intro {
    max-width: 650px;
    margin: 13px 0 0;
    color: var(--color-text-muted);
    font-size: 12px;
    line-height: 2.15;
}

.gallery-premium__all {
    min-width: 178px;
    height: 48px;
    padding: 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border: 1px solid #d7e0e7;
    border-radius: 12px;
    color: var(--color-primary);
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 35, 52, .06);
    font-size: 11px;
    font-weight: 800;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

    .gallery-premium__all:hover {
        transform: translateY(-2px);
        border-color: #b9cbd7;
        box-shadow: 0 14px 30px rgba(15, 35, 52, .10);
    }

.gallery-premium__all-arrow {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: var(--color-primary);
    font-size: 13px;
    transition: transform .25s ease;
}

.gallery-premium__all:hover .gallery-premium__all-arrow {
    transform: translateX(-3px);
}

.gallery-premium__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.55fr 1fr 1fr;
    grid-template-rows: 245px 245px 150px;
    gap: 16px;
}

.gallery-premium__card {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    display: block;
    border-radius: 22px;
    background: #dce4e9;
    box-shadow: 0 14px 34px rgba(15, 35, 52, .10);
    isolation: isolate;
}

    .gallery-premium__card:first-child {
        grid-row: 1 / 3;
    }

    .gallery-premium__card:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .gallery-premium__card:nth-child(3) {
        grid-column: 3;
        grid-row: 1;
    }

    .gallery-premium__card:nth-child(4) {
        grid-column: 2;
        grid-row: 2;
    }

    .gallery-premium__card:nth-child(5) {
        grid-column: 3;
        grid-row: 2;
    }

    .gallery-premium__card:nth-child(6) {
        grid-column: 2 / 4;
        grid-row: 3;
        min-height: 150px;
    }

    .gallery-premium__card img,
    .gallery-premium__placeholder {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .65s cubic-bezier(.2,.7,.2,1), filter .65s ease;
    }

    .gallery-premium__card:hover img {
        transform: scale(1.075);
        filter: saturate(1.08);
    }

.gallery-premium__shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(6,20,31,.02) 28%, rgba(6,20,31,.12) 50%, rgba(6,20,31,.90) 100%);
    transition: background .35s ease;
}

.gallery-premium__card:hover .gallery-premium__shade {
    background: linear-gradient(180deg, rgba(6,20,31,.04) 22%, rgba(6,20,31,.18) 48%, rgba(6,20,31,.94) 100%);
}

.gallery-premium__caption {
    position: absolute;
    right: 22px;
    bottom: 20px;
    left: 22px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
}

    .gallery-premium__caption strong {
        max-width: calc(100% - 46px);
        overflow: hidden;
        font-size: 14px;
        line-height: 1.75;
        font-weight: 900;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .gallery-premium__caption small {
        max-width: calc(100% - 46px);
        margin-top: 4px;
        overflow: hidden;
        color: rgba(255,255,255,.72);
        font-size: 10px;
        line-height: 1.8;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.gallery-premium__open {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 4;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 11px;
    color: var(--color-primary);
    background: rgba(255,255,255,.95);
    box-shadow: 0 8px 20px rgba(0,0,0,.16);
    font-size: 15px;
    transition: transform .3s ease, background .3s ease;
}

.gallery-premium__card:hover .gallery-premium__open {
    transform: translate(-3px,-3px);
    background: #fff;
}

.gallery-premium__number {
    position: absolute;
    top: 17px;
    right: 18px;
    z-index: 3;
    width: 31px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
    color: rgba(255,255,255,.95);
    background: rgba(7,23,36,.25);
    backdrop-filter: blur(7px);
}

.gallery-premium__card:nth-child(1) .gallery-premium__number::after {
    content: "۰۱";
}

.gallery-premium__card:nth-child(2) .gallery-premium__number::after {
    content: "۰۲";
}

.gallery-premium__card:nth-child(3) .gallery-premium__number::after {
    content: "۰۳";
}

.gallery-premium__card:nth-child(4) .gallery-premium__number::after {
    content: "۰۴";
}

.gallery-premium__card:nth-child(5) .gallery-premium__number::after {
    content: "۰۵";
}

.gallery-premium__card:nth-child(6) .gallery-premium__number::after {
    content: "۰۶";
}

.gallery-premium__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #758391;
    background: linear-gradient(145deg, #e9eef2, #dce4e9);
}

    .gallery-premium__placeholder span {
        font-size: 25px;
        font-weight: 900;
    }

    .gallery-premium__placeholder strong {
        font-size: 11px;
    }

@media (max-width: 900px) {
    .home-gallery--premium {
        padding: 76px 0 84px;
    }

    .gallery-premium__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }

    .gallery-premium__grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 300px 210px 210px;
    }

    .gallery-premium__card:first-child {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .gallery-premium__card:nth-child(2),
    .gallery-premium__card:nth-child(3),
    .gallery-premium__card:nth-child(4),
    .gallery-premium__card:nth-child(5),
    .gallery-premium__card:nth-child(6) {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 600px) {
    .home-gallery--premium {
        padding: 62px 0 70px;
    }

    .gallery-premium__heading {
        margin-bottom: 24px;
    }

    .gallery-premium__all {
        width: 100%;
    }

    .gallery-premium__grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 220px);
        gap: 12px;
    }

    .gallery-premium__card:first-child,
    .gallery-premium__card:nth-child(2),
    .gallery-premium__card:nth-child(3),
    .gallery-premium__card:nth-child(4),
    .gallery-premium__card:nth-child(5),
    .gallery-premium__card:nth-child(6) {
        grid-column: 1;
        grid-row: auto;
    }

    .gallery-premium__card:first-child {
        min-height: 270px;
    }

    .gallery-premium__caption {
        right: 17px;
        bottom: 17px;
        left: 17px;
    }

    .gallery-premium__open {
        left: 17px;
        bottom: 17px;
    }
}
/* =========================================================
   TERMS / LEGAL PAGE — scoped only to Pages/Details
   ========================================================= */
.legal-page--terms {
    position: relative;
    overflow: hidden;
    padding: 78px 0 104px;
    background: #f6f8fb;
}

    .legal-page--terms::before {
        content: "";
        position: absolute;
        top: -180px;
        left: -180px;
        width: 430px;
        height: 430px;
        border-radius: 50%;
        background: rgba(19, 40, 63, .045);
        pointer-events: none;
    }

    .legal-page--terms .site-container {
        position: relative;
        z-index: 1;
    }

.legal-page__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    direction: rtl;
    align-items: center;
    gap: 40px;
    min-height: 220px;
    padding: 42px 46px;
    margin-bottom: 28px;
    border: 1px solid rgba(19, 40, 63, .08);
    border-radius: 28px;
    background: linear-gradient(135deg, #ffffff 0%, #f9fbfd 100%);
    box-shadow: 0 22px 55px rgba(19, 40, 63, .08);
}

.legal-page__hero-main {
    min-width: 0;
    text-align: right;
}

.legal-page__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    color: #8a6b32;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

    .legal-page__eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        border-radius: 2px;
        background: #b58a43;
    }

.legal-page__title {
    margin: 0;
    color: #13283f;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -.025em;
}

.legal-page__summary {
    max-width: 720px;
    margin: 16px 0 0;
    color: #617083;
    font-size: 15px;
    line-height: 2.1;
}

.legal-page__hero-mark {
    position: relative;
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    border: 1px solid rgba(181, 138, 67, .20);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 15px 35px rgba(19, 40, 63, .08);
}

    .legal-page__hero-mark::before,
    .legal-page__hero-mark::after {
        content: "";
        position: absolute;
        border: 1px solid rgba(19, 40, 63, .07);
        border-radius: 50%;
    }

    .legal-page__hero-mark::before {
        inset: 14px;
    }

    .legal-page__hero-mark::after {
        inset: 27px;
    }

.legal-page__hero-mark-icon {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: #13283f;
    color: #fff;
    font-size: 21px;
    font-weight: 900;
}

.legal-page__hero-mark-line {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: 15px;
    width: 34px;
    height: 3px;
    margin-left: -17px;
    border-radius: 3px;
    background: #b58a43;
}

.legal-page__layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    direction: ltr;
    gap: 24px;
    align-items: start;
}

.legal-page__aside,
.legal-page__content {
    direction: rtl;
}

.legal-page__aside-card {
    position: sticky;
    top: 120px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    direction: ltr;
    align-items: center;
    gap: 14px;
    min-height: 120px;
    padding: 20px 20px 20px 18px;
    border: 1px solid rgba(19, 40, 63, .08);
    border-radius: 22px;
    background: #13283f;
    color: #fff;
    box-shadow: 0 18px 42px rgba(19, 40, 63, .15);
}

.legal-page__aside-copy {
    min-width: 0;
    direction: rtl;
    text-align: right;
}

.legal-page__aside-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: rgba(255,255,255,.10);
    color: #d5b26e;
    font-size: 23px;
    font-weight: 900;
}

.legal-page__aside-card strong {
    display: block;
    font-size: 16px;
    line-height: 1.7;
}

.legal-page__aside-copy > span {
    display: block;
    margin-top: 6px;
    color: rgba(255,255,255,.68);
    font-size: 12px;
    line-height: 1.9;
}

.legal-page__content {
    min-width: 0;
    padding: 34px 38px 42px;
    border: 1px solid rgba(19, 40, 63, .08);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(19, 40, 63, .07);
}

.legal-page__content-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
    color: #8a6b32;
    font-size: 12px;
    font-weight: 800;
}

.legal-page__content-rule {
    flex: 1;
    height: 1px;
    background: linear-gradient(to left, rgba(181,138,67,.28), transparent);
}

.legal-page__body {
    color: #46576a;
    font-size: 15px;
    line-height: 2.15;
}

    .legal-page__body > :first-child {
        margin-top: 0;
    }

    .legal-page__body > :last-child {
        margin-bottom: 0;
    }

    .legal-page__body p {
        margin: 0 0 20px;
    }

    .legal-page__body h2,
    .legal-page__body h3,
    .legal-page__body h4 {
        position: relative;
        margin: 34px 0 14px;
        padding-right: 17px;
        color: #13283f;
        font-weight: 900;
        line-height: 1.65;
    }

        .legal-page__body h2::before,
        .legal-page__body h3::before,
        .legal-page__body h4::before {
            content: "";
            position: absolute;
            top: .45em;
            right: 0;
            width: 4px;
            height: 1.4em;
            border-radius: 4px;
            background: #b58a43;
        }

    .legal-page__body ul,
    .legal-page__body ol {
        margin: 0 0 24px;
        padding-right: 25px;
    }

    .legal-page__body li {
        margin-bottom: 9px;
        padding-right: 5px;
    }

    .legal-page__body strong,
    .legal-page__body b {
        color: #13283f;
    }

    .legal-page__body a {
        color: #8a6b32;
        font-weight: 700;
    }

@media (max-width: 900px) {
    .legal-page--terms {
        padding: 55px 0 75px;
    }

    .legal-page__hero {
        grid-template-columns: minmax(0, 1fr) 92px;
        gap: 24px;
        padding: 32px 28px;
        border-radius: 23px;
    }

    .legal-page__hero-mark {
        width: 92px;
        height: 92px;
        border-radius: 25px;
    }

    .legal-page__layout {
        grid-template-columns: 1fr;
    }

    .legal-page__aside-card {
        position: static;
        grid-template-columns: minmax(0, 1fr) 42px;
    }
}

@media (max-width: 600px) {
    .legal-page--terms {
        padding: 40px 0 58px;
    }

    .legal-page__hero {
        grid-template-columns: minmax(0, 1fr) 72px;
        gap: 16px;
        min-height: 0;
        padding: 24px 18px;
        margin-bottom: 16px;
        border-radius: 20px;
    }

    .legal-page__hero-main {
        text-align: right;
    }

    .legal-page__hero-mark {
        width: 72px;
        height: 72px;
        border-radius: 19px;
    }

        .legal-page__hero-mark::before {
            inset: 9px;
        }

        .legal-page__hero-mark::after {
            inset: 18px;
        }

    .legal-page__hero-mark-icon {
        width: 34px;
        height: 34px;
        border-radius: 11px;
        font-size: 18px;
    }

    .legal-page__hero-mark-line {
        bottom: 9px;
        width: 28px;
        height: 3px;
        margin-left: -14px;
    }

    .legal-page__eyebrow {
        margin-bottom: 9px;
        font-size: 10px;
    }

        .legal-page__eyebrow::before {
            width: 20px;
        }

    .legal-page__title {
        font-size: 27px;
    }

    .legal-page__summary {
        margin-top: 9px;
        font-size: 12px;
        line-height: 1.9;
    }

    .legal-page__aside-card {
        grid-template-columns: minmax(0, 1fr) 42px;
        gap: 12px;
        min-height: 92px;
        padding: 16px 16px 16px 14px;
        border-radius: 18px;
    }

    .legal-page__aside-copy {
        text-align: right;
    }

    .legal-page__aside-card strong {
        font-size: 14px;
    }

    .legal-page__aside-copy > span {
        margin-top: 4px;
        font-size: 11px;
        line-height: 1.75;
    }

    .legal-page__content {
        padding: 24px 18px 28px;
        border-radius: 20px;
    }

    .legal-page__content-top {
        margin-bottom: 22px;
    }

    .legal-page__body {
        font-size: 13px;
        line-height: 2.05;
    }
}


/* =========================================================
   GALLERY PAGES — dedicated design
   Scope: .gallery-page-v2 / .gallery-detail-v2 only
========================================================= */
.gallery-page-v2,
.gallery-detail-v2 {
    padding: 58px 0 90px;
    background: var(--color-background);
}

    .gallery-page-v2 .site-container,
    .gallery-detail-v2 .site-container {
        position: relative;
    }

.gallery-hero-v2 {
    min-height: 250px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 210px;
    align-items: center;
    gap: 50px;
    padding: 44px 48px;
    margin-bottom: 38px;
    border: 1px solid rgba(19, 40, 63, .08);
    border-radius: 30px;
    background: linear-gradient(135deg, #13283f 0%, #1d3854 62%, #274963 100%);
    box-shadow: var(--shadow-large);
    overflow: hidden;
    direction: ltr;
}

.gallery-hero-v2__copy {
    direction: rtl;
    max-width: 760px;
}

.gallery-eyebrow-v2 {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--color-gold-light);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2px;
}

    .gallery-eyebrow-v2::before {
        content: "";
        width: 28px;
        height: 2px;
        background: var(--color-gold-light);
    }

.gallery-hero-v2 h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(27px, 3vw, 42px);
    line-height: 1.45;
    font-weight: 800;
}

.gallery-hero-v2 p {
    max-width: 680px;
    margin: 13px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 14px;
    line-height: 2.1;
}

.gallery-hero-v2__mark {
    position: relative;
    width: 150px;
    height: 150px;
    justify-self: center;
    display: grid;
    place-items: center;
    border: 1px solid rgba(215,180,119,.32);
    border-radius: 50%;
    direction: ltr;
}

    .gallery-hero-v2__mark::before,
    .gallery-hero-v2__mark::after {
        content: "";
        position: absolute;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,.09);
    }

    .gallery-hero-v2__mark::before {
        inset: 13px;
    }

    .gallery-hero-v2__mark::after {
        inset: 27px;
    }

.gallery-hero-v2__mark-icon {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 42px;
    line-height: 1;
}

.gallery-hero-v2__mark-number {
    position: absolute;
    right: 4px;
    bottom: 18px;
    z-index: 3;
    min-width: 35px;
    padding: 2px 7px;
    border-radius: 99px;
    color: var(--color-primary);
    background: var(--color-gold-light);
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}

.gallery-hero-v2__mark-line {
    position: absolute;
    left: -18px;
    bottom: 36px;
    width: 42px;
    height: 2px;
    background: var(--color-gold-light);
}

.gallery-collections-v2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
}

.gallery-collection-card-v2 {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(220px, 42%) minmax(0, 1fr);
    min-height: 300px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--shadow-small);
    transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
}

    .gallery-collection-card-v2:hover {
        transform: translateY(-5px);
        border-color: rgba(182,139,69,.35);
        box-shadow: var(--shadow-medium);
    }

.gallery-collection-card-v2__media {
    position: relative;
    min-height: 300px;
    display: block;
    overflow: hidden;
    background: var(--color-primary-soft);
}

    .gallery-collection-card-v2__media img {
        width: 100%;
        height: 100%;
        min-height: 300px;
        display: block;
        object-fit: cover;
        transition: transform 500ms cubic-bezier(.2,.7,.2,1);
    }

.gallery-collection-card-v2:hover .gallery-collection-card-v2__media img {
    transform: scale(1.055);
}

.gallery-collection-card-v2__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13,30,49,.02) 35%, rgba(13,30,49,.7) 100%);
    pointer-events: none;
}

.gallery-collection-card-v2__view {
    position: absolute;
    right: 18px;
    bottom: 17px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 99px;
    color: #fff;
    background: rgba(13,30,49,.46);
    backdrop-filter: blur(7px);
    font-size: 10px;
    font-weight: 600;
}

    .gallery-collection-card-v2__view b {
        font-size: 15px;
        font-weight: 400;
        line-height: 1;
        transition: transform 220ms ease;
    }

.gallery-collection-card-v2:hover .gallery-collection-card-v2__view b {
    transform: translateX(-3px);
}

.gallery-collection-card-v2__empty {
    height: 100%;
    min-height: 300px;
    display: grid;
    place-items: center;
    color: var(--color-primary);
    background: linear-gradient(145deg, #eaf0f5, #f8fafb);
    font-size: 14px;
    font-weight: 700;
}

.gallery-collection-card-v2__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px 27px;
    direction: rtl;
}

.gallery-collection-card-v2__label {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--color-gold);
    font-size: 10px;
    font-weight: 700;
}

.gallery-collection-card-v2__body h2 {
    margin: 0;
    color: var(--color-primary);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 800;
}

.gallery-collection-card-v2__body p {
    margin: 9px 0 0;
    color: var(--color-text-soft);
    font-size: 12px;
    line-height: 2;
}

.gallery-collection-card-v2__link {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(182,139,69,.55);
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 700;
}

    .gallery-collection-card-v2__link span {
        color: var(--color-gold);
        transition: transform 220ms ease;
    }

.gallery-collection-card-v2:hover .gallery-collection-card-v2__link span {
    transform: translateX(-3px);
}

.gallery-empty-v2 {
    margin-top: 25px;
}

/* Detail */
.gallery-detail-v2__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    align-items: end;
    gap: 35px;
    padding: 10px 0 34px;
    border-bottom: 1px solid var(--color-border);
    direction: rtl;
}

    .gallery-detail-v2__header h1 {
        margin: 7px 0 0;
        color: var(--color-primary);
        font-size: clamp(28px, 3vw, 40px);
        line-height: 1.45;
        font-weight: 800;
    }

    .gallery-detail-v2__header p {
        max-width: 760px;
        margin: 10px 0 0;
        color: var(--color-text-soft);
        font-size: 13px;
        line-height: 2.15;
    }

.gallery-detail-v2__back {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: var(--color-text-soft);
    font-size: 11px;
    font-weight: 600;
    transition: color 180ms ease;
}

    .gallery-detail-v2__back:hover {
        color: var(--color-primary);
    }

    .gallery-detail-v2__back span {
        color: var(--color-gold);
        font-size: 16px;
    }

.gallery-detail-v2__count {
    align-self: center;
    justify-self: end;
    width: 110px;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(182,139,69,.35);
    border-radius: 50%;
    background: #fff;
    box-shadow: var(--shadow-small);
}

    .gallery-detail-v2__count strong {
        color: var(--color-primary);
        font-size: 25px;
        line-height: 1;
    }

    .gallery-detail-v2__count span {
        margin-top: 7px;
        color: var(--color-text-muted);
        font-size: 9px;
    }

.gallery-detail-v2__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    padding-top: 30px;
}

.gallery-detail-card-v2 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 19px;
    background: #fff;
    box-shadow: var(--shadow-small);
}

.gallery-detail-card-v2--featured {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-detail-card-v2__image {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--color-primary-soft);
}

.gallery-detail-card-v2--featured .gallery-detail-card-v2__image {
    aspect-ratio: 16 / 10;
}

.gallery-detail-card-v2__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 450ms cubic-bezier(.2,.7,.2,1), filter 300ms ease;
}

.gallery-detail-card-v2:hover .gallery-detail-card-v2__image img {
    transform: scale(1.045);
    filter: saturate(1.03);
}

.gallery-detail-card-v2__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(13,30,49,.18));
    pointer-events: none;
}

.gallery-detail-card-v2__zoom {
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 2;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;
    color: #fff;
    background: rgba(13,30,49,.45);
    backdrop-filter: blur(7px);
    font-size: 20px;
    line-height: 1;
}

.gallery-detail-card-v2 figcaption {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 13px 15px 16px;
    direction: rtl;
}

    .gallery-detail-card-v2 figcaption strong {
        color: var(--color-primary);
        font-size: 12px;
        line-height: 1.7;
    }

    .gallery-detail-card-v2 figcaption span {
        color: var(--color-text-muted);
        font-size: 10px;
        line-height: 1.8;
    }

.gallery-detail-v2__footer {
    display: flex;
    justify-content: center;
    padding-top: 35px;
}

.gallery-detail-v2__back--bottom {
    margin: 0;
    padding: 10px 17px;
    border: 1px solid var(--color-border);
    border-radius: 99px;
    background: #fff;
    box-shadow: var(--shadow-small);
}

@media (max-width: 1050px) {
    .gallery-collections-v2 {
        grid-template-columns: 1fr;
    }

    .gallery-collection-card-v2 {
        grid-template-columns: minmax(250px, 38%) minmax(0, 1fr);
    }
}

@media (max-width: 820px) {
    .gallery-page-v2,
    .gallery-detail-v2 {
        padding: 38px 0 65px;
    }

    .gallery-hero-v2 {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 34px 28px;
    }

    .gallery-hero-v2__mark {
        width: 115px;
        height: 115px;
        justify-self: start;
    }

    .gallery-hero-v2__mark-icon {
        font-size: 32px;
    }

    .gallery-collection-card-v2 {
        grid-template-columns: minmax(200px, 40%) minmax(0, 1fr);
        min-height: 260px;
    }

    .gallery-collection-card-v2__media,
    .gallery-collection-card-v2__media img,
    .gallery-collection-card-v2__empty {
        min-height: 260px;
    }

    .gallery-detail-v2__header {
        grid-template-columns: minmax(0, 1fr) 100px;
    }

    .gallery-detail-v2__count {
        width: 82px;
        height: 82px;
    }

        .gallery-detail-v2__count strong {
            font-size: 20px;
        }

    .gallery-detail-v2__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gallery-detail-card-v2--featured {
        grid-column: span 2;
        grid-row: auto;
    }
}

@media (max-width: 600px) {
    .gallery-page-v2,
    .gallery-detail-v2 {
        padding-top: 25px;
    }

    .gallery-hero-v2 {
        min-height: auto;
        padding: 27px 21px 25px;
        border-radius: 22px;
    }

        .gallery-hero-v2 h1 {
            font-size: 25px;
        }

        .gallery-hero-v2 p {
            font-size: 12px;
            line-height: 2;
        }

    .gallery-hero-v2__mark {
        width: 90px;
        height: 90px;
    }

    .gallery-hero-v2__mark-icon {
        font-size: 25px;
    }

    .gallery-hero-v2__mark-number {
        right: -3px;
        bottom: 8px;
    }

    .gallery-hero-v2__mark-line {
        left: -11px;
        bottom: 25px;
        width: 28px;
    }

    .gallery-collections-v2 {
        gap: 18px;
    }

    .gallery-collection-card-v2 {
        grid-template-columns: 1fr;
        min-height: 0;
        border-radius: 19px;
    }

    .gallery-collection-card-v2__media,
    .gallery-collection-card-v2__media img,
    .gallery-collection-card-v2__empty {
        min-height: 220px;
        height: 220px;
    }

    .gallery-collection-card-v2__body {
        min-height: 185px;
        padding: 20px 20px 22px;
    }

        .gallery-collection-card-v2__body h2 {
            font-size: 18px;
        }

    .gallery-detail-v2__header {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .gallery-detail-v2__count {
        justify-self: start;
        width: 70px;
        height: 70px;
    }

        .gallery-detail-v2__count strong {
            font-size: 17px;
        }

        .gallery-detail-v2__count span {
            margin-top: 4px;
            font-size: 8px;
        }

    .gallery-detail-v2__grid {
        grid-template-columns: 1fr;
        gap: 16px;
        padding-top: 22px;
    }

    .gallery-detail-card-v2--featured {
        grid-column: auto;
    }

        .gallery-detail-card-v2__image,
        .gallery-detail-card-v2--featured .gallery-detail-card-v2__image {
            aspect-ratio: 16 / 10;
        }
}

/* =========================================================
   ASAL TARABAR — FINAL TARGETED RESPONSIVE FIXES
   Scope: Gallery page hero, Fleet mobile controls/heading,
   Services mobile hero rule and section heading.
   Home gallery is intentionally NOT targeted.
========================================================= */

/* ---------------------------------------------------------
   GALLERY PAGE — main hero
   Text stays on the RIGHT; visual marker stays on the LEFT.
   The DOM is unchanged. Home gallery classes are untouched.
--------------------------------------------------------- */
.gallery-page-v2 .gallery-hero-v2 {
    grid-template-columns: 210px minmax(0, 1fr);
    direction: ltr;
    align-items: center;
}

.gallery-page-v2 .gallery-hero-v2__mark {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
}

.gallery-page-v2 .gallery-hero-v2__copy {
    grid-column: 2;
    grid-row: 1;
    direction: rtl;
    text-align: right;
    justify-self: stretch;
    min-width: 0;
}

/* ---------------------------------------------------------
   SERVICES — mobile
   TRANSPORT is a true LTR unit so its gold rule begins from
   the LEFT edge of the word, directly underneath it.
--------------------------------------------------------- */
@media (max-width: 680px) {
    .services-page__hero-aside {
        width: max-content;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        direction: ltr;
        gap: 0;
        min-height: 0;
    }

        .services-page__hero-aside span,
        .services-page__hero-aside strong,
        .services-page__hero-aside i {
            display: block;
        }

        .services-page__hero-aside span {
            margin: 0;
            line-height: 1.4;
            direction: ltr;
            text-align: left;
        }

        .services-page__hero-aside strong {
            width: fit-content;
            margin: 3px 0 0;
            line-height: 1.1;
            direction: ltr;
            text-align: left;
        }

        .services-page__hero-aside i {
            width: 58px;
            height: 2px;
            margin: 8px 0 0;
            align-self: flex-start;
        }

    /* Section title + active count MUST share the same row. */
    .services-page__section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 88px;
        align-items: center;
        column-gap: 10px;
        width: 100%;
        margin-bottom: 19px;
    }

        .services-page__section-head > div:first-child {
            min-width: 0;
            text-align: right;
        }

        .services-page__section-head h2 {
            margin: 7px 0 0;
            font-size: 20px;
            line-height: 1.6;
            overflow-wrap: normal;
        }

    .services-page__count {
        width: 88px;
        min-width: 88px;
        margin: 0;
        padding: 8px 7px;
        align-self: center;
        box-sizing: border-box;
    }

        .services-page__count strong {
            font-size: 19px;
            line-height: 1.2;
        }

        .services-page__count span {
            font-size: 8px;
            line-height: 1.6;
            white-space: nowrap;
        }
}

/* ---------------------------------------------------------
   FLEET — mobile
   1) Category controls are one equal-width row.
   2) The result-count card stays beside the heading.
   Nothing here changes the Home page.
--------------------------------------------------------- */
@media (max-width: 620px) {
    .fleet-page__filters {
        display: grid;
        grid-template-columns: repeat(var(--fleet-filter-count), minmax(0, 1fr));
        align-items: stretch;
        gap: 4px;
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
        overflow: hidden;
        white-space: nowrap;
    }

    .fleet-page__filter {
        width: auto;
        min-width: 0;
        min-height: 34px;
        height: 34px;
        padding: 0 3px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        font-size: 7.6px;
        line-height: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fleet-page__heading-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        justify-content: initial;
        column-gap: 10px;
        width: 100%;
        margin: 30px 0 18px;
    }

        .fleet-page__heading-row > div:first-child {
            min-width: 0;
        }

        .fleet-page__heading-row h2 {
            min-width: 0;
            margin: 6px 0 0;
            font-size: 19px;
            line-height: 1.6;
        }

    .fleet-page__result-count {
        flex: none;
        align-self: center;
        min-width: 78px;
        padding: 8px 9px;
        box-sizing: border-box;
        font-size: 9px;
        white-space: nowrap;
        text-align: center;
    }
}

@media (max-width: 430px) {
    .gallery-page-v2 .gallery-hero-v2 {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 11px;
        padding: 24px 16px;
    }

    .gallery-page-v2 .gallery-hero-v2__mark {
        width: 72px;
        height: 72px;
    }

    .gallery-page-v2 .gallery-hero-v2__mark-icon {
        font-size: 22px;
    }

    .gallery-page-v2 .gallery-hero-v2__mark-line {
        left: -8px;
        bottom: 20px;
        width: 22px;
    }

    .gallery-page-v2 .gallery-hero-v2__mark-number {
        right: -3px;
        bottom: 5px;
    }

    .gallery-page-v2 .gallery-hero-v2 h1 {
        font-size: 20px;
        line-height: 1.55;
    }

    .gallery-page-v2 .gallery-hero-v2 p {
        font-size: 9px;
        line-height: 1.9;
    }

    .services-page__section-head {
        grid-template-columns: minmax(0, 1fr) 78px;
        column-gap: 8px;
    }

    .services-page__count {
        width: 78px;
        min-width: 78px;
        padding-inline: 5px;
    }

    .services-page__section-head h2 {
        font-size: 18px;
        line-height: 1.58;
    }

    .fleet-page__filters {
        gap: 3px;
        padding: 4px;
    }

    .fleet-page__filter {
        min-height: 32px;
        height: 32px;
        font-size: 7.1px;
        padding-inline: 2px;
        border-radius: 7px;
    }

    .fleet-page__heading-row {
        grid-template-columns: minmax(0, 1fr) 74px;
        column-gap: 8px;
        margin-top: 28px;
    }

        .fleet-page__heading-row h2 {
            font-size: 18px;
        }

    .fleet-page__result-count {
        min-width: 74px;
        padding-inline: 6px;
        font-size: 8px;
    }
}

/* =========================================================
   PRIVACY PAGE — DISTINCT FROM TERMS / LEGAL PAGE
   ========================================================= */
.privacy-page {
    padding: 56px 0 82px;
    background: radial-gradient(circle at 12% 12%, rgba(181,138,67,.09), transparent 26%), linear-gradient(180deg, #f7f9fb 0%, #ffffff 46%, #f7f9fb 100%);
}

.privacy-page__hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    align-items: center;
    gap: 44px;
    min-height: 270px;
    padding: 46px 50px;
    margin-bottom: 26px;
    overflow: hidden;
    border: 1px solid rgba(19,40,63,.07);
    border-radius: 32px;
    background: #13283f;
    box-shadow: 0 24px 60px rgba(19,40,63,.15);
}

    .privacy-page__hero::before,
    .privacy-page__hero::after {
        content: "";
        position: absolute;
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 50%;
        pointer-events: none;
    }

    .privacy-page__hero::before {
        width: 430px;
        height: 430px;
        left: -170px;
        top: -240px;
    }

    .privacy-page__hero::after {
        width: 280px;
        height: 280px;
        right: -120px;
        bottom: -170px;
    }

.privacy-page__hero-copy {
    position: relative;
    z-index: 2;
    text-align: right;
}

.privacy-page__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: #d8b878;
    font-size: 12px;
    font-weight: 800;
}

    .privacy-page__eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        border-radius: 2px;
        background: #d8b878;
    }

.privacy-page__title {
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 4.4vw, 52px);
    line-height: 1.25;
    font-weight: 900;
}

.privacy-page__summary {
    max-width: 700px;
    margin: 14px 0 0;
    color: rgba(255,255,255,.70);
    font-size: 15px;
    line-height: 2.05;
}

.privacy-page__trust {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 22px;
    padding: 9px 13px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.82);
    font-size: 11px;
}

.privacy-page__trust-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d8b878;
    box-shadow: 0 0 0 5px rgba(216,184,120,.10);
}

.privacy-page__shield {
    position: relative;
    z-index: 2;
    justify-self: center;
    display: grid;
    place-items: center;
    width: 142px;
    height: 158px;
    clip-path: polygon(50% 0, 91% 15%, 84% 67%, 50% 100%, 16% 67%, 9% 15%);
    background: linear-gradient(145deg, #d8b878, #9c7438);
    filter: drop-shadow(0 18px 25px rgba(0,0,0,.20));
}

    .privacy-page__shield::before {
        content: "";
        position: absolute;
        inset: 7px;
        clip-path: inherit;
        background: #f9fbfd;
    }

.privacy-page__shield-shape {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #13283f;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
}

.privacy-page__shield-ring {
    position: absolute;
    z-index: 1;
    width: 92px;
    height: 92px;
    border: 1px solid rgba(19,40,63,.13);
    border-radius: 50%;
}

.privacy-page__grid {
    display: grid;
    grid-template-columns: 285px minmax(0, 1fr);
    direction: ltr;
    gap: 24px;
    align-items: start;
}

.privacy-page__nav,
.privacy-page__content {
    direction: rtl;
}

.privacy-page__nav-card {
    padding: 26px 24px;
    border: 1px solid rgba(19,40,63,.07);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(19,40,63,.07);
}

.privacy-page__nav-label {
    display: block;
    margin-bottom: 9px;
    color: #9a7437;
    font-size: 11px;
    font-weight: 900;
}

.privacy-page__nav-card strong {
    display: block;
    color: #13283f;
    font-size: 18px;
    line-height: 1.65;
}

.privacy-page__nav-card p {
    margin: 10px 0 0;
    color: #667587;
    font-size: 12px;
    line-height: 2;
}

.privacy-page__nav-points {
    display: grid;
    gap: 1px;
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid rgba(19,40,63,.07);
    border-radius: 20px;
    background: #e8edf2;
}

    .privacy-page__nav-points span {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 48px;
        padding: 0 17px;
        background: #fff;
        color: #405266;
        font-size: 12px;
        font-weight: 700;
    }

    .privacy-page__nav-points i {
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        border-radius: 50%;
        background: #b58a43;
    }

.privacy-page__content {
    min-width: 0;
    padding: 35px 39px 38px;
    border: 1px solid rgba(19,40,63,.07);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 20px 52px rgba(19,40,63,.07);
}

.privacy-page__content-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 24px;
    margin-bottom: 25px;
    border-bottom: 1px solid #edf0f3;
}

    .privacy-page__content-head span:first-child {
        display: block;
        margin-bottom: 6px;
        color: #9a7437;
        font-size: 11px;
        font-weight: 900;
    }

    .privacy-page__content-head h2 {
        margin: 0;
        color: #13283f;
        font-size: 22px;
        line-height: 1.65;
        font-weight: 900;
    }

.privacy-page__content-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 15px;
    background: #f4f7f9;
    color: #13283f;
    font-size: 20px;
    font-weight: 900;
}

.privacy-page__body {
    color: #4d5d6f;
    font-size: 15px;
    line-height: 2.2;
}

    .privacy-page__body > :first-child {
        margin-top: 0;
    }

    .privacy-page__body > :last-child {
        margin-bottom: 0;
    }

    .privacy-page__body p {
        margin: 0 0 20px;
    }

    .privacy-page__body h2,
    .privacy-page__body h3,
    .privacy-page__body h4 {
        margin: 32px 0 13px;
        color: #13283f;
        line-height: 1.7;
        font-weight: 900;
    }

    .privacy-page__body h2 {
        font-size: 19px;
    }

    .privacy-page__body h3 {
        font-size: 17px;
    }

    .privacy-page__body h4 {
        font-size: 15px;
    }

    .privacy-page__body ul,
    .privacy-page__body ol {
        margin: 0 0 23px;
        padding-right: 24px;
    }

    .privacy-page__body li {
        margin-bottom: 9px;
        padding-right: 4px;
    }

    .privacy-page__body strong,
    .privacy-page__body b {
        color: #13283f;
    }

    .privacy-page__body a {
        color: #9a7437;
        font-weight: 800;
    }

.privacy-page__footer-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 30px;
    padding: 17px 18px;
    border: 1px solid rgba(181,138,67,.16);
    border-radius: 18px;
    background: #fbfaf7;
}

.privacy-page__footer-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 10px;
    background: #13283f;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.privacy-page__footer-note p {
    margin: 0;
    color: #687789;
    font-size: 11px;
    line-height: 1.95;
}

@media (max-width: 900px) {
    .privacy-page {
        padding: 45px 0 65px;
    }

    .privacy-page__hero {
        grid-template-columns: minmax(0, 1fr) 125px;
        gap: 28px;
        padding: 36px 30px;
    }

    .privacy-page__shield {
        width: 112px;
        height: 126px;
    }

    .privacy-page__grid {
        grid-template-columns: 1fr;
    }

    .privacy-page__nav {
        order: 2;
    }

    .privacy-page__content {
        order: 1;
    }
}

@media (max-width: 600px) {
    .privacy-page {
        padding: 32px 0 52px;
    }

    .privacy-page__hero {
        grid-template-columns: minmax(0, 1fr) 78px;
        gap: 15px;
        min-height: 0;
        padding: 24px 18px;
        margin-bottom: 15px;
        border-radius: 22px;
    }

    .privacy-page__eyebrow {
        margin-bottom: 9px;
        font-size: 9px;
    }

        .privacy-page__eyebrow::before {
            width: 18px;
        }

    .privacy-page__title {
        font-size: 27px;
    }

    .privacy-page__summary {
        margin-top: 8px;
        font-size: 11px;
        line-height: 1.9;
    }

    .privacy-page__trust {
        margin-top: 14px;
        padding: 7px 10px;
        font-size: 9px;
        line-height: 1.7;
    }

    .privacy-page__shield {
        width: 70px;
        height: 82px;
    }

        .privacy-page__shield::before {
            inset: 4px;
        }

    .privacy-page__shield-shape {
        width: 35px;
        height: 35px;
        border-radius: 10px;
        font-size: 16px;
    }

    .privacy-page__shield-ring {
        width: 52px;
        height: 52px;
    }

    .privacy-page__content {
        padding: 23px 17px 27px;
        border-radius: 20px;
    }

    .privacy-page__content-head {
        gap: 12px;
        padding-bottom: 18px;
        margin-bottom: 20px;
    }

        .privacy-page__content-head h2 {
            font-size: 16px;
        }

    .privacy-page__content-icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
        border-radius: 12px;
        font-size: 16px;
    }

    .privacy-page__body {
        font-size: 13px;
        line-height: 2.08;
    }

    .privacy-page__nav-card {
        padding: 21px 18px;
        border-radius: 19px;
    }

        .privacy-page__nav-card strong {
            font-size: 15px;
        }

        .privacy-page__nav-card p {
            font-size: 11px;
        }

    .privacy-page__nav-points {
        border-radius: 17px;
    }

        .privacy-page__nav-points span {
            min-height: 44px;
            padding: 0 14px;
            font-size: 11px;
        }

    .privacy-page__footer-note {
        margin-top: 23px;
        padding: 14px;
    }

        .privacy-page__footer-note p {
            font-size: 10px;
        }
}

/* =========================================================
   ASAL TARABAR — ISOLATED FINAL MOBILE CORRECTIONS
   These rules are deliberately scoped to Privacy, Services,
   Fleet and the standalone Gallery page only.
========================================================= */

/* ---------- SERVICES: English label must stay LEFT on mobile ---------- */
@media (max-width: 680px) {
    .services-page__hero-aside {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        justify-self: start !important;
        direction: ltr !important;
        text-align: left !important;
        gap: 0 !important;
        margin: 0 !important;
    }

        .services-page__hero-aside span,
        .services-page__hero-aside strong,
        .services-page__hero-aside i {
            align-self: flex-start !important;
            text-align: left !important;
        }

        .services-page__hero-aside strong {
            direction: ltr !important;
            margin: 3px 0 0 !important;
            letter-spacing: .18em !important;
        }

        .services-page__hero-aside i {
            width: 58px !important;
            height: 2px !important;
            margin: 8px 0 0 !important;
            background: var(--services-gold) !important;
        }

    /* The section title and the active-services card are one row. */
    .services-page__section-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 82px !important;
        align-items: center !important;
        gap: 9px !important;
        width: 100% !important;
        margin-bottom: 19px !important;
    }

        .services-page__section-head > div:first-child {
            min-width: 0 !important;
            text-align: right !important;
        }

    .services-page__count {
        width: 82px !important;
        min-width: 82px !important;
        margin: 0 !important;
        padding: 8px 5px !important;
        align-self: center !important;
        box-sizing: border-box !important;
    }
}

/* ---------- FLEET: seven category buttons must fit cleanly ---------- */
@media (max-width: 620px) {
    .fleet-page__filters {
        display: grid !important;
        grid-template-columns: repeat(var(--fleet-filter-count), minmax(0, 1fr)) !important;
        gap: 3px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 4px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    .fleet-page__filter {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 1px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: clip !important;
        border-radius: 7px !important;
        font-size: 6.8px !important;
        line-height: 1 !important;
        letter-spacing: -.15px !important;
    }

    /* Heading + result count stay on one row. */
    .fleet-page__heading-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 76px !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 28px 0 18px !important;
        flex-direction: initial !important;
    }

        .fleet-page__heading-row > div:first-child {
            min-width: 0 !important;
        }

        .fleet-page__heading-row h2 {
            min-width: 0 !important;
            margin: 6px 0 0 !important;
            font-size: 18px !important;
            line-height: 1.58 !important;
        }

    .fleet-page__result-count {
        width: 76px !important;
        min-width: 76px !important;
        max-width: 76px !important;
        margin: 0 !important;
        padding: 8px 4px !important;
        box-sizing: border-box !important;
        align-self: center !important;
        text-align: center !important;
        white-space: nowrap !important;
        font-size: 8px !important;
    }
}

@media (max-width: 430px) {
    .fleet-page__filters {
        gap: 2px !important;
        padding: 3px !important;
    }

    .fleet-page__filter {
        height: 31px !important;
        min-height: 31px !important;
        font-size: 6.35px !important;
        letter-spacing: -.18px !important;
    }

    .fleet-page__heading-row {
        grid-template-columns: minmax(0, 1fr) 72px !important;
        gap: 7px !important;
    }

    .fleet-page__result-count {
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        font-size: 7.6px !important;
    }
}

/* ---------- STANDALONE GALLERY PAGE: clean RTL composition ---------- */
.gallery-page-v2 .gallery-hero-v2 {
    grid-template-columns: 180px minmax(0, 1fr) !important;
    direction: ltr !important;
    align-items: center !important;
    gap: 38px !important;
}

.gallery-page-v2 .gallery-hero-v2__mark {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    width: 136px !important;
    height: 136px !important;
}

.gallery-page-v2 .gallery-hero-v2__copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    direction: rtl !important;
    text-align: right !important;
}

.gallery-page-v2 .gallery-hero-v2 h1,
.gallery-page-v2 .gallery-hero-v2 p {
    text-align: right !important;
}

/* Gold rule belongs to the left of the Persian eyebrow text. */
.gallery-page-v2 .gallery-eyebrow-v2 {
    position: relative;
    display: inline-flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    text-align: right !important;
    gap: 9px !important;
}

    .gallery-page-v2 .gallery-eyebrow-v2::before {
        display: none !important;
    }

    .gallery-page-v2 .gallery-eyebrow-v2::after {
        content: "" !important;
        width: 28px !important;
        height: 2px !important;
        flex: 0 0 28px !important;
        border-radius: 999px !important;
        background: var(--color-gold-light) !important;
    }

/* Remove the old floating line attached to the icon; it was the source
   of the misplaced gold line in the hero. */
.gallery-page-v2 .gallery-hero-v2__mark-line {
    display: none !important;
}

@media (max-width: 820px) {
    .gallery-page-v2 .gallery-hero-v2 {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 20px !important;
        padding: 30px 25px !important;
    }

    .gallery-page-v2 .gallery-hero-v2__mark {
        width: 92px !important;
        height: 92px !important;
    }

    .gallery-page-v2 .gallery-hero-v2__mark-icon {
        font-size: 27px !important;
    }
}

@media (max-width: 600px) {
    .gallery-page-v2 .gallery-hero-v2 {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 13px !important;
        padding: 24px 17px !important;
        border-radius: 20px !important;
    }

    .gallery-page-v2 .gallery-hero-v2__mark {
        width: 68px !important;
        height: 68px !important;
    }

    .gallery-page-v2 .gallery-hero-v2__mark-icon {
        font-size: 21px !important;
    }

    .gallery-page-v2 .gallery-hero-v2 h1 {
        font-size: 20px !important;
        line-height: 1.58 !important;
    }

    .gallery-page-v2 .gallery-hero-v2 p {
        font-size: 10px !important;
        line-height: 1.95 !important;
    }

    .gallery-page-v2 .gallery-eyebrow-v2 {
        font-size: 9px !important;
        gap: 7px !important;
    }

        .gallery-page-v2 .gallery-eyebrow-v2::after {
            width: 20px !important;
            flex-basis: 20px !important;
        }
}


.gallery-page-v2 .gallery-hero-v2__mark-icon svg {
    width: 42px;
    height: 42px;
    display: block;
}

@media (max-width: 820px) {
    .gallery-page-v2 .gallery-hero-v2__mark-icon svg {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 600px) {
    .gallery-page-v2 .gallery-hero-v2__mark-icon svg {
        width: 23px;
        height: 23px;
    }
}


/* =========================================================
   FINAL MICRO FIXES — Gallery collection / Gallery detail / Fleet mobile
   Scope is intentionally limited. Do not affect Home gallery, Privacy,
   Services or any unrelated component.
========================================================= */

/* Gallery hero: restrained photo symbol, no number, clean alignment. */
.gallery-page-v2 .gallery-hero-v2__mark-number {
    display: none !important;
}

.gallery-page-v2 .gallery-hero-v2__mark {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(215,180,119,.38) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.025) !important;
    box-sizing: border-box !important;
}

    .gallery-page-v2 .gallery-hero-v2__mark::before,
    .gallery-page-v2 .gallery-hero-v2__mark::after {
        content: "" !important;
        position: absolute !important;
        inset: 13px !important;
        border: 1px solid rgba(215,180,119,.18) !important;
        border-radius: 50% !important;
        pointer-events: none !important;
    }

    .gallery-page-v2 .gallery-hero-v2__mark::after {
        inset: 26px !important;
        border-color: rgba(215,180,119,.12) !important;
    }

.gallery-page-v2 .gallery-hero-v2__mark-icon {
    position: relative !important;
    z-index: 2 !important;
    width: 58px !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.045) !important;
    box-sizing: border-box !important;
}

    .gallery-page-v2 .gallery-hero-v2__mark-icon svg {
        width: 31px !important;
        height: 31px !important;
    }

.gallery-page-v2 .gallery-hero-v2__mark-line {
    display: none !important;
}

@media (max-width: 600px) {
    .gallery-page-v2 .gallery-hero-v2__mark-icon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 11px !important;
    }

        .gallery-page-v2 .gallery-hero-v2__mark-icon svg {
            width: 22px !important;
            height: 22px !important;
        }

    .gallery-page-v2 .gallery-hero-v2__mark::before {
        inset: 8px !important;
    }

    .gallery-page-v2 .gallery-hero-v2__mark::after {
        inset: 16px !important;
    }
}

/* Gallery detail header: count stays beside the title on mobile. */
@media (max-width: 600px) {
    .gallery-detail-v2__header {
        grid-template-columns: minmax(0, 1fr) 72px !important;
        align-items: center !important;
        gap: 12px !important;
    }

        .gallery-detail-v2__header > div:first-child {
            min-width: 0 !important;
        }

    .gallery-detail-v2__count {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        justify-self: end !important;
        align-self: center !important;
    }

        .gallery-detail-v2__count strong {
            font-size: 16px !important;
        }

        .gallery-detail-v2__count span {
            margin-top: 3px !important;
            font-size: 8px !important;
        }
}

/* Fleet filters: all seven buttons fit without clipping the final item. */
@media (max-width: 620px) {
    .fleet-page__filters {
        display: grid !important;
        grid-template-columns: repeat(var(--fleet-filter-count), minmax(0, 1fr)) !important;
        gap: 3px !important;
        padding: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .fleet-page__filter {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 38px !important;
        height: auto !important;
        padding: 3px 2px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        line-height: 1.25 !important;
        font-size: clamp(5.7px, 1.72vw, 7.2px) !important;
        letter-spacing: -0.1px !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
    }
}

@media (max-width: 380px) {
    .fleet-page__filters {
        gap: 2px !important;
        padding: 3px !important;
    }

    .fleet-page__filter {
        min-height: 36px !important;
        padding: 2px 1px !important;
        font-size: clamp(5.4px, 1.65vw, 6.5px) !important;
        line-height: 1.18 !important;
    }
}


/* =========================================================
   CAREERS APPLICATION — dedicated page design
   Scope: .careers-application-page only.
   Does not alter Careers list/details, Home, Gallery, Privacy,
   Services, Fleet or shared components outside this page.
========================================================= */
.careers-application-page {
    --career-ink: #13283f;
    --career-ink-soft: #203b57;
    --career-gold: #b68b45;
    --career-gold-light: #d7b477;
    --career-paper: #ffffff;
    --career-bg: #f5f7f9;
    --career-line: #e1e7ec;
    --career-muted: #718093;
    --career-shadow: 0 18px 48px rgba(19, 40, 63, .08);
}

    .careers-application-page .careers-application-hero {
        position: relative;
        overflow: hidden;
        background: radial-gradient(circle at 14% 24%, rgba(214, 181, 120, .10), transparent 22%), linear-gradient(135deg, #13283f 0%, #1d3b59 100%);
        border-radius: 0 0 28px 28px;
    }

        .careers-application-page .careers-application-hero::after {
            content: "";
            position: absolute;
            left: 7%;
            bottom: -90px;
            width: 220px;
            height: 220px;
            border: 1px solid rgba(215, 180, 119, .16);
            border-radius: 50%;
            box-shadow: 0 0 0 28px rgba(215, 180, 119, .04), 0 0 0 56px rgba(215, 180, 119, .025);
            pointer-events: none;
        }

        .careers-application-page .careers-application-hero .site-container {
            position: relative;
            z-index: 1;
        }

        .careers-application-page .careers-application-hero .site-page__hero-content {
            max-width: 900px;
            padding-top: 18px;
            padding-bottom: 26px;
        }

        .careers-application-page .careers-application-hero .section-eyebrow {
            color: var(--career-gold-light);
        }

        .careers-application-page .careers-application-hero h1 {
            margin-bottom: 12px;
            letter-spacing: -.5px;
        }

        .careers-application-page .careers-application-hero p {
            max-width: 720px;
            color: rgba(255,255,255,.76);
            line-height: 2;
        }

    .careers-application-page .careers-application-content {
        padding-top: 42px;
        padding-bottom: 70px;
        background: var(--career-bg);
    }

    .careers-application-page .career-application-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 310px;
        align-items: start;
        gap: 26px;
        direction: rtl;
    }

    .careers-application-page .career-application-main,
    .careers-application-page .career-application-sidebar {
        min-width: 0;
    }

    .careers-application-page .career-application-card,
    .careers-application-page .career-application-side-card {
        background: var(--career-paper);
        border: 1px solid var(--career-line);
        border-radius: 22px;
        box-shadow: var(--career-shadow);
    }

    .careers-application-page .career-application-card {
        overflow: hidden;
    }

    .careers-application-page .career-application-card__header {
        position: relative;
        padding: 30px 32px 26px;
        border-bottom: 1px solid var(--career-line);
        background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%);
    }

        .careers-application-page .career-application-card__header::before {
            content: "";
            position: absolute;
            right: 32px;
            top: 0;
            width: 68px;
            height: 3px;
            background: var(--career-gold);
            border-radius: 0 0 4px 4px;
        }

        .careers-application-page .career-application-card__header .section-eyebrow {
            margin-bottom: 8px;
            color: var(--career-gold);
        }

        .careers-application-page .career-application-card__header h2 {
            margin: 0 0 8px;
            color: var(--career-ink);
            font-size: clamp(22px, 2.2vw, 30px);
            line-height: 1.65;
        }

        .careers-application-page .career-application-card__header p {
            margin: 0;
            color: var(--career-muted);
            line-height: 1.95;
        }

    .careers-application-page .career-application-validation {
        margin: 20px 30px 0;
        padding: 14px 16px;
        border: 1px solid #ead3d3;
        border-radius: 12px;
        background: #fff8f8;
    }

    .careers-application-page .career-application-section {
        margin: 0 30px;
        padding: 30px 0;
        border-bottom: 1px solid var(--career-line);
    }

        .careers-application-page .career-application-section:last-of-type {
            border-bottom: 0;
        }

    .careers-application-page .career-application-section__heading {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 22px;
    }

        .careers-application-page .career-application-section__heading > span {
            flex: 0 0 46px;
            width: 46px;
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: var(--career-ink);
            color: #fff;
            font-size: 13px;
            font-weight: 800;
            box-shadow: 0 8px 20px rgba(19, 40, 63, .12);
        }

        .careers-application-page .career-application-section__heading h3 {
            margin: 0 0 2px;
            color: var(--career-ink);
            font-size: 18px;
            line-height: 1.7;
        }

        .careers-application-page .career-application-section__heading p {
            margin: 0;
            color: var(--career-muted);
            font-size: 12px;
            line-height: 1.8;
        }

    .careers-application-page .career-application-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 16px;
    }

    .careers-application-page .career-application-field {
        min-width: 0;
    }

        .careers-application-page .career-application-field > label {
            display: block;
            margin: 0 0 8px;
            color: var(--career-ink);
            font-size: 13px;
            font-weight: 700;
        }

    .careers-application-page .career-application-input,
    .careers-application-page .career-application-select {
        width: 100%;
        min-height: 50px;
        padding: 0 14px;
        box-sizing: border-box;
        border: 1px solid #d9e0e6;
        border-radius: 12px;
        background: #fbfcfd;
        color: #243242;
        font-family: inherit;
        font-size: 13px;
        outline: none;
        transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
    }

    .careers-application-page .career-application-select {
        appearance: auto;
        cursor: pointer;
    }

    .careers-application-page .career-application-input::placeholder {
        color: #a2adb8;
    }

    .careers-application-page .career-application-input:focus,
    .careers-application-page .career-application-select:focus {
        border-color: rgba(182, 139, 69, .72);
        background: #fff;
        box-shadow: 0 0 0 4px rgba(182, 139, 69, .10);
    }

    .careers-application-page .career-application-field .field-validation-error {
        display: block;
        margin-top: 6px;
        color: #a53e3e;
        font-size: 11px;
        line-height: 1.7;
    }

    .careers-application-page .career-application-upload {
        position: relative;
    }

    .careers-application-page .career-application-upload__input {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }

    .careers-application-page .career-application-upload__label {
        display: flex;
        align-items: center;
        gap: 16px;
        min-height: 92px;
        padding: 16px 18px;
        box-sizing: border-box;
        border: 1px dashed #c9d2db;
        border-radius: 16px;
        background: #fafcfd;
        cursor: pointer;
        transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
    }

        .careers-application-page .career-application-upload__label:hover {
            border-color: var(--career-gold);
            background: #fffdf9;
            transform: translateY(-1px);
        }

    .careers-application-page .career-application-upload__icon {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        background: var(--career-ink);
        color: #fff;
        font-size: 24px;
        line-height: 1;
    }

    .careers-application-page .career-application-upload__content {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

        .careers-application-page .career-application-upload__content strong {
            color: var(--career-ink);
            font-size: 14px;
        }

        .careers-application-page .career-application-upload__content small {
            color: var(--career-muted);
            font-size: 11px;
            line-height: 1.7;
            overflow-wrap: anywhere;
        }

    .careers-application-page .career-application-upload + .field-validation-error {
        display: block;
        margin-top: 8px;
        color: #a53e3e;
        font-size: 11px;
    }

    .careers-application-page .career-application-captcha {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 220px;
        gap: 16px;
        align-items: end;
    }

    .careers-application-page .career-application-captcha__question {
        min-height: 76px;
        padding: 14px 18px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        border-radius: 14px;
        background: var(--career-ink);
        color: #fff;
    }

        .careers-application-page .career-application-captcha__question span {
            color: rgba(255,255,255,.72);
            font-size: 12px;
        }

        .careers-application-page .career-application-captcha__question strong {
            padding: 8px 13px;
            border-radius: 9px;
            background: rgba(255,255,255,.10);
            color: #fff;
            font-size: 20px;
            letter-spacing: 2px;
        }

    .careers-application-page .career-application-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 26px 30px 30px;
        background: #fbfcfd;
    }

    .careers-application-page .career-application-button {
        min-height: 50px;
        padding: 0 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-radius: 12px;
        font-family: inherit;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
        box-sizing: border-box;
        transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
    }

        .careers-application-page .career-application-button:hover {
            transform: translateY(-1px);
        }

    .careers-application-page .career-application-button--primary {
        border: 1px solid var(--career-ink);
        background: var(--career-ink);
        color: #fff;
        box-shadow: 0 10px 22px rgba(19, 40, 63, .13);
    }

        .careers-application-page .career-application-button--primary:hover {
            background: var(--career-ink-soft);
        }

    .careers-application-page .career-application-button--secondary {
        border: 1px solid #d6dee5;
        background: #fff;
        color: var(--career-ink);
    }

    .careers-application-page .career-application-side-card {
        position: sticky;
        top: 24px;
        padding: 26px 24px;
    }

        .careers-application-page .career-application-side-card .section-eyebrow {
            color: var(--career-gold);
        }

        .careers-application-page .career-application-side-card h3 {
            margin: 6px 0 18px;
            color: var(--career-ink);
            font-size: 21px;
        }

        .careers-application-page .career-application-side-card ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .careers-application-page .career-application-side-card li {
            position: relative;
            padding: 12px 26px 12px 0;
            border-top: 1px solid #edf0f3;
            color: #5e6c7b;
            font-size: 12px;
            line-height: 2;
        }

            .careers-application-page .career-application-side-card li::before {
                content: "";
                position: absolute;
                right: 0;
                top: 20px;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: var(--career-gold);
                box-shadow: 0 0 0 4px rgba(182, 139, 69, .10);
            }

            .careers-application-page .career-application-side-card li:first-child {
                border-top: 0;
            }

@media (max-width: 980px) {
    .careers-application-page .career-application-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .careers-application-page .career-application-sidebar {
        order: 2;
    }

    .careers-application-page .career-application-side-card {
        position: static;
    }
}

@media (max-width: 700px) {
    .careers-application-page .careers-application-content {
        padding-top: 24px;
        padding-bottom: 42px;
    }

    .careers-application-page .career-application-card__header {
        padding: 24px 20px 21px;
    }

        .careers-application-page .career-application-card__header::before {
            right: 20px;
        }

    .careers-application-page .career-application-section {
        margin: 0 20px;
        padding: 24px 0;
    }

    .careers-application-page .career-application-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .careers-application-page .career-application-captcha {
        grid-template-columns: 1fr;
    }

    .careers-application-page .career-application-actions {
        padding: 22px 20px 24px;
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .careers-application-page .career-application-button {
        width: 100%;
    }

    .careers-application-page .career-application-side-card {
        padding: 22px 20px;
    }
}

@media (max-width: 480px) {
    .careers-application-page .careers-application-hero .site-page__hero-content {
        padding-top: 10px;
        padding-bottom: 18px;
    }

    .careers-application-page .career-application-section__heading {
        align-items: flex-start;
    }

        .careers-application-page .career-application-section__heading > span {
            flex-basis: 40px;
            width: 40px;
            height: 40px;
            border-radius: 12px;
        }

        .careers-application-page .career-application-section__heading h3 {
            font-size: 16px;
        }

        .careers-application-page .career-application-section__heading p {
            font-size: 11px;
        }

    .careers-application-page .career-application-upload__label {
        min-height: 82px;
        padding: 12px;
        gap: 11px;
    }

    .careers-application-page .career-application-upload__icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    .careers-application-page .career-application-captcha__question {
        min-height: 68px;
        padding: 11px 13px;
    }

        .careers-application-page .career-application-captcha__question strong {
            font-size: 17px;
        }
}


/* ================================================================
   CAREERS SUITE — isolated visual layer
   Applies only to careers list/detail/guide/application/success pages.
   ================================================================ */
.careers-suite {
    --career-ink: #13283f;
    --career-ink-2: #203b57;
    --career-gold: #b68b45;
    --career-gold-light: #d7b477;
    --career-bg: #f5f7f9;
    --career-paper: #ffffff;
    --career-line: #e2e7ec;
    --career-muted: #718093;
    --career-shadow: 0 18px 50px rgba(19,40,63,.09);
    background: var(--career-bg);
}

    .careers-suite .careers-suite-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--career-gold);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .02em;
    }

        .careers-suite .careers-suite-eyebrow::before {
            content: "";
            width: 28px;
            height: 2px;
            background: var(--career-gold);
        }

.careers-suite-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 50px;
    padding: 0 22px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 800;
    transition: .2s ease;
}

    .careers-suite-button span {
        font-size: 18px;
    }

.careers-suite-button--primary {
    color: #fff;
    background: var(--career-ink);
    border: 1px solid var(--career-ink);
    box-shadow: 0 10px 25px rgba(19,40,63,.14);
}

    .careers-suite-button--primary:hover {
        background: var(--career-ink-2);
        color: #fff;
        transform: translateY(-2px);
    }

.careers-suite-button--ghost {
    color: var(--career-ink);
    background: #fff;
    border: 1px solid var(--career-line);
}

    .careers-suite-button--ghost:hover {
        border-color: var(--career-gold);
        color: var(--career-ink);
        transform: translateY(-2px);
    }

/* list */
.careers-list-page {
    padding-bottom: 70px;
}

.careers-list-hero {
    background: linear-gradient(135deg,#13283f 0%,#1d3854 68%,#203f5d 100%);
    color: #fff;
    padding: 70px 0 64px;
    position: relative;
    overflow: hidden;
}

    .careers-list-hero::after {
        content: "";
        position: absolute;
        width: 360px;
        height: 360px;
        border: 1px solid rgba(215,180,119,.18);
        border-radius: 50%;
        left: -120px;
        top: -170px;
    }

.careers-list-hero__inner {
    display: grid;
    grid-template-columns: minmax(0,1fr) 180px;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.careers-list-hero h1 {
    margin: 14px 0 15px;
    font-size: clamp(32px,4vw,50px);
    line-height: 1.25;
}

.careers-list-hero p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.78);
    line-height: 2;
    font-size: 15px;
}

.careers-list-hero .careers-suite-eyebrow {
    color: var(--career-gold-light);
}

.careers-list-hero__stat {
    width: 150px;
    height: 150px;
    border: 1px solid rgba(215,180,119,.45);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.045);
}

    .careers-list-hero__stat strong {
        font-size: 42px;
        line-height: 1;
    }

    .careers-list-hero__stat span {
        margin-top: 10px;
        color: rgba(255,255,255,.72);
        font-size: 13px;
    }

.careers-list-body {
    padding: 38px 0;
}

.careers-list-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 24px;
}

    .careers-list-toolbar > div {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

        .careers-list-toolbar > div span {
            color: var(--career-gold);
            font-size: 12px;
            font-weight: 800;
        }

        .careers-list-toolbar > div strong {
            color: var(--career-ink);
            font-size: 22px;
        }

    .careers-list-toolbar > a {
        color: var(--career-ink);
        text-decoration: none;
        font-weight: 800;
        border-bottom: 1px solid var(--career-gold);
        padding-bottom: 7px;
    }

.careers-list-grid {
    margin-top: 0;
}

.careers-suite-job-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--career-line);
    box-shadow: var(--career-shadow);
    border-radius: 20px;
    background: #fff;
}

    .careers-suite-job-card::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg,var(--career-gold),var(--career-gold-light));
    }

.careers-suite-job-card__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 22px 22px 0;
}

.careers-suite-job-card__number {
    color: #aab4bf;
    font-size: 12px;
    font-weight: 800;
    direction: ltr;
}

.careers-suite-job-card .career-card__header {
    padding-top: 10px;
}

    .careers-suite-job-card .career-card__header h2 {
        color: var(--career-ink);
    }

.careers-suite-job-card .career-card__body p {
    color: var(--career-muted);
    line-height: 2;
}

.careers-suite-job-card .career-meta span {
    border-color: #e3e8ed;
    background: #f7f9fb;
}

.careers-suite-job-card .career-button {
    border-radius: 10px;
    min-height: 46px;
}

/* detail */
.careers-detail-page {
    padding-bottom: 70px;
}

.careers-detail-hero {
    background: linear-gradient(135deg,#13283f,#1d3854);
    color: #fff;
    padding: 30px 0 58px;
}

.careers-detail-back {
    color: rgba(255,255,255,.78);
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    margin-bottom: 34px;
}

    .careers-detail-back:hover {
        color: #fff;
    }

.careers-detail-hero__inner {
    display: grid;
    grid-template-columns: minmax(0,1fr) 150px;
    gap: 40px;
    align-items: center;
}

.careers-detail-hero h1 {
    font-size: clamp(30px,4vw,48px);
    margin: 14px 0;
    line-height: 1.3;
}

.careers-detail-hero p {
    max-width: 760px;
    color: rgba(255,255,255,.76);
    line-height: 2;
}

.careers-detail-hero .careers-suite-eyebrow {
    color: var(--career-gold-light);
}

.careers-detail-hero__mark {
    width: 132px;
    height: 132px;
    border: 1px solid rgba(215,180,119,.48);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: var(--career-gold-light);
    justify-self: end;
}

.careers-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

    .careers-detail-tags span {
        border: 1px solid rgba(215,180,119,.35);
        color: #f0d8ad;
        border-radius: 999px;
        padding: 7px 12px;
        font-size: 12px;
    }

.careers-detail-body {
    padding: 40px 0;
}

.careers-detail-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 330px;
    gap: 28px;
    align-items: start;
}

.careers-detail-content {
    background: #fff;
    border: 1px solid var(--career-line);
    border-radius: 20px;
    box-shadow: var(--career-shadow);
    padding: 10px 28px;
}

    .careers-detail-content section {
        display: grid;
        grid-template-columns: 50px minmax(0,1fr);
        gap: 20px;
        padding: 30px 0;
        border-bottom: 1px solid var(--career-line);
    }

        .careers-detail-content section:last-child {
            border-bottom: 0;
        }

.careers-detail-section-number {
    color: var(--career-gold);
    font-size: 13px;
    font-weight: 900;
    padding-top: 5px;
}

.careers-detail-content h2 {
    margin: 0 0 12px;
    color: var(--career-ink);
    font-size: 21px;
}

.careers-detail-content p, .careers-detail-content .career-content-text {
    color: #59697a;
    line-height: 2.15;
    font-size: 15px;
}

.careers-detail-aside {
    position: sticky;
    top: 24px;
}

.careers-detail-apply-card {
    background: #fff;
    border: 1px solid var(--career-line);
    border-radius: 20px;
    padding: 28px;
    box-shadow: var(--career-shadow);
    position: relative;
    overflow: hidden;
}

    .careers-detail-apply-card::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 4px;
        background: var(--career-gold);
    }

    .careers-detail-apply-card > span {
        color: var(--career-gold);
        font-size: 12px;
        font-weight: 800;
    }

    .careers-detail-apply-card h2 {
        color: var(--career-ink);
        line-height: 1.8;
        font-size: 21px;
        margin: 12px 0 22px;
    }

    .careers-detail-apply-card .careers-suite-button {
        width: 100%;
        box-sizing: border-box;
    }

.careers-detail-secondary {
    display: flex;
    justify-content: center;
    margin-top: 17px;
    color: var(--career-muted);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

/* guide */
.careers-guide-page {
    padding-bottom: 70px;
}

.careers-guide-hero {
    background: linear-gradient(135deg,#13283f,#1d3854);
    color: #fff;
    padding: 65px 0;
}

.careers-guide-hero__inner {
    display: grid;
    grid-template-columns: minmax(0,1fr) 220px;
    gap: 45px;
    align-items: center;
}

.careers-guide-hero h1 {
    font-size: clamp(30px,4vw,48px);
    line-height: 1.3;
    margin: 14px 0;
}

.careers-guide-hero p {
    color: rgba(255,255,255,.76);
    line-height: 2;
    max-width: 760px;
}

.careers-guide-hero .careers-suite-eyebrow {
    color: var(--career-gold-light);
}

.careers-guide-hero__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 25px;
}

.careers-guide-hero__badge {
    width: 190px;
    height: 190px;
    border: 1px solid rgba(215,180,119,.42);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-self: end;
    background: rgba(255,255,255,.04);
    text-align: center;
}

.careers-guide-hero__badge-icon {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(215,180,119,.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--career-gold-light);
    font-size: 22px;
    margin-bottom: 12px;
}

.careers-guide-hero__badge strong {
    font-size: 14px;
}

.careers-guide-hero__badge span {
    color: rgba(255,255,255,.65);
    font-size: 11px;
    margin-top: 5px;
}

.careers-guide-body {
    padding: 40px 0;
    background: var(--career-bg);
}

.careers-guide-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 310px;
    gap: 28px;
    align-items: start;
}

.careers-guide-content {
    background: #fff;
    border: 1px solid var(--career-line);
    border-radius: 20px;
    box-shadow: var(--career-shadow);
    padding: 30px;
}

.careers-guide-content__top {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--career-gold);
    font-weight: 800;
    font-size: 12px;
    margin-bottom: 22px;
}

.careers-guide-content__line {
    width: 42px;
    height: 2px;
    background: var(--career-gold);
}

.careers-guide-cms {
    color: #566678;
    line-height: 2.15;
    font-size: 15px;
}

    .careers-guide-cms h2, .careers-guide-cms h3 {
        color: var(--career-ink);
        margin: 30px 0 12px;
    }

        .careers-guide-cms h2:first-child, .careers-guide-cms h3:first-child {
            margin-top: 0;
        }

    .careers-guide-cms p {
        margin: 0 0 15px;
    }

    .careers-guide-cms ul, .careers-guide-cms ol {
        padding-right: 22px;
        margin: 12px 0 20px;
    }

    .careers-guide-cms li {
        margin: 8px 0;
    }

    .careers-guide-cms a {
        color: var(--career-ink);
        font-weight: 800;
    }

.careers-guide-aside {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 16px;
}

.careers-guide-aside__card {
    background: #fff;
    border: 1px solid var(--career-line);
    border-radius: 18px;
    padding: 24px;
    box-shadow: var(--career-shadow);
}

.careers-guide-aside__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f8;
    color: var(--career-gold);
    font-weight: 900;
    margin-bottom: 15px;
}

.careers-guide-aside__card h2 {
    margin: 0 0 8px;
    color: var(--career-ink);
    font-size: 20px;
}

.careers-guide-aside__card p {
    color: var(--career-muted);
    line-height: 1.9;
    font-size: 13px;
}

.careers-guide-aside__card ul {
    padding-right: 18px;
    margin: 15px 0 0;
    color: #59697a;
    font-size: 13px;
    line-height: 2;
}

.careers-guide-aside__card--gold {
    background: var(--career-ink);
    border-color: var(--career-ink);
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .careers-guide-aside__card--gold span {
        color: var(--career-gold-light);
        font-size: 12px;
    }

    .careers-guide-aside__card--gold strong {
        font-size: 18px;
        line-height: 1.7;
    }

    .careers-guide-aside__card--gold a {
        color: #fff;
        text-decoration: none;
        margin-top: 7px;
        font-size: 13px;
        font-weight: 800;
    }

/* application */
.careers-application-page {
    padding-bottom: 70px;
}

    .careers-application-page .careers-application-hero {
        background: linear-gradient(135deg,#13283f,#1d3854);
        padding: 58px 0;
    }

        .careers-application-page .careers-application-hero .site-page__hero-content {
            max-width: 820px;
        }

        .careers-application-page .careers-application-hero h1 {
            color: #fff;
            font-size: clamp(30px,4vw,48px);
        }

        .careers-application-page .careers-application-hero p {
            color: rgba(255,255,255,.76);
            line-height: 2;
        }

        .careers-application-page .careers-application-hero .section-eyebrow {
            color: var(--career-gold-light);
        }

    .careers-application-page .career-application-layout {
        align-items: start;
    }

    .careers-application-page .career-application-card,
    .careers-application-page .career-application-side-card {
        border-radius: 20px;
        box-shadow: var(--career-shadow);
    }

    .careers-application-page .career-application-card__header {
        padding: 30px 30px 25px;
    }

        .careers-application-page .career-application-card__header h2 {
            font-size: 24px;
            line-height: 1.7;
        }

    .careers-application-page .career-application-section {
        padding: 26px 30px;
    }

    .careers-application-page .career-application-section__heading {
        margin-bottom: 24px;
    }

        .careers-application-page .career-application-section__heading > span {
            background: var(--career-ink);
            box-shadow: 0 5px 14px rgba(19,40,63,.15);
        }

    .careers-application-page .career-application-input,
    .careers-application-page .career-application-select {
        min-height: 50px;
        border-radius: 11px;
        background: #fbfcfd;
    }

    .careers-application-page .career-application-upload__label {
        min-height: 105px;
        border-radius: 16px;
        background: #fbfcfd;
    }

    .careers-application-page .career-application-upload__icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }

    .careers-application-page .career-application-captcha {
        border-radius: 16px;
        padding: 18px;
    }

    .careers-application-page .career-application-button {
        min-height: 50px;
        border-radius: 11px;
    }

/* success */
.careers-success-page {
    padding-bottom: 70px;
}

.careers-success-hero {
    background: linear-gradient(135deg,#13283f,#1d3854);
    color: #fff;
    padding: 58px 0;
}

.careers-success-hero__inner {
    max-width: 820px;
}

.careers-success-hero .careers-suite-eyebrow {
    color: var(--career-gold-light);
}

.careers-success-hero h1 {
    font-size: clamp(30px,4vw,46px);
    line-height: 1.4;
    margin: 14px 0;
}

.careers-success-hero p {
    color: rgba(255,255,255,.76);
    line-height: 2;
}

.careers-success-body {
    padding: 42px 0;
}

.careers-success-card {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--career-line);
    border-radius: 24px;
    box-shadow: var(--career-shadow);
    padding: 38px;
    display: grid;
    grid-template-columns: 110px minmax(0,1fr);
    gap: 30px;
    align-items: start;
    position: relative;
    overflow: hidden;
}

    .careers-success-card::before {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        height: 4px;
        background: var(--career-gold);
    }

.careers-success-card__mark {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    border: 1px solid rgba(182,139,69,.45);
    background: #fbf8f2;
    color: var(--career-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    font-weight: 700;
}

.careers-success-card__content h2 {
    color: var(--career-ink);
    margin: 12px 0;
    font-size: 26px;
}

.careers-success-card__content > p {
    color: var(--career-muted);
    line-height: 2;
    margin-bottom: 24px;
}

.careers-success-card__steps {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    margin: 25px 0;
}

    .careers-success-card__steps div {
        border: 1px solid var(--career-line);
        border-radius: 12px;
        padding: 14px;
        display: flex;
        flex-direction: column;
        gap: 6px;
        background: #fbfcfd;
    }

    .careers-success-card__steps b {
        color: var(--career-gold);
        font-size: 12px;
    }

    .careers-success-card__steps span {
        color: var(--career-ink);
        font-size: 13px;
        font-weight: 700;
    }

.careers-success-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 900px) {
    .careers-list-hero__inner, .careers-guide-hero__inner {
        grid-template-columns: minmax(0,1fr) 150px;
        gap: 24px;
    }

    .careers-detail-layout, .careers-guide-layout {
        grid-template-columns: minmax(0,1fr);
    }

    .careers-detail-aside, .careers-guide-aside {
        position: static;
    }

    .careers-guide-aside {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 680px) {
    .careers-list-hero, .careers-guide-hero, .careers-detail-hero, .careers-success-hero {
        padding: 42px 0;
    }

    .careers-list-hero__inner, .careers-guide-hero__inner, .careers-detail-hero__inner {
        grid-template-columns: 1fr;
    }

    .careers-list-hero__stat, .careers-guide-hero__badge, .careers-detail-hero__mark {
        justify-self: start;
    }

    .careers-list-toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

        .careers-list-toolbar > div strong {
            font-size: 19px;
        }

    .careers-detail-content {
        padding: 8px 18px;
    }

        .careers-detail-content section {
            grid-template-columns: 38px minmax(0,1fr);
            gap: 12px;
            padding: 24px 0;
        }

    .careers-guide-content {
        padding: 22px 18px;
    }

    .careers-guide-aside {
        grid-template-columns: 1fr;
    }

    .careers-guide-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

        .careers-guide-hero__actions .careers-suite-button {
            width: 100%;
            box-sizing: border-box;
        }

    .careers-application-page .career-application-section {
        padding: 22px 18px;
    }

    .careers-application-page .career-application-card__header {
        padding: 24px 18px 20px;
    }

    .careers-success-card {
        grid-template-columns: 1fr;
        padding: 26px 20px;
    }

    .careers-success-card__mark {
        width: 76px;
        height: 76px;
        font-size: 34px;
    }

    .careers-success-card__steps {
        grid-template-columns: 1fr;
    }

    .careers-success-card__actions {
        flex-direction: column;
    }

        .careers-success-card__actions .careers-suite-button {
            width: 100%;
            box-sizing: border-box;
        }
}

@media (max-width: 420px) {
    .careers-list-hero h1, .careers-guide-hero h1, .careers-detail-hero h1, .careers-success-hero h1 {
        font-size: 29px;
    }

    .careers-suite .careers-suite-eyebrow {
        font-size: 12px;
    }

    .careers-list-hero__stat {
        width: 120px;
        height: 120px;
    }

        .careers-list-hero__stat strong {
            font-size: 34px;
        }
}

/* ================================================================
   CAREERS FINAL TARGETED FIX — routing-safe, compact cards, mobile alignment
   Scope: Careers / Careers Details / Careers Guide / Careers Application / Success
   ================================================================ */

.careers-suite .careers-list-hero__inner,
.careers-suite .careers-detail-hero__inner,
.careers-suite .careers-guide-hero__inner {
    min-width: 0;
}

/* Keep the career list visually close to the site's standard card scale. */
.careers-list-page .careers-list-body {
    padding-top: 34px;
}

.careers-list-page .careers-list-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.careers-list-page .careers-suite-job-card {
    min-width: 0;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(19,40,63,.07);
}

.careers-list-page .careers-suite-job-card__top {
    padding: 18px 18px 0;
}

.careers-list-page .career-card__header {
    padding: 12px 18px 0 !important;
}

    .careers-list-page .career-card__header h2 {
        font-size: 19px;
        line-height: 1.7;
        margin: 0;
    }

.careers-list-page .career-card__body {
    padding: 12px 18px 16px;
}

    .careers-list-page .career-card__body p {
        font-size: 13px;
        line-height: 1.95;
        margin: 0;
    }

.careers-list-page .career-card__footer {
    padding: 0 18px 18px;
    gap: 8px;
}

.careers-list-page .career-button {
    min-height: 42px;
    padding: 0 12px;
    font-size: 12px;
}

/* Detail and guide cards should not become oversized panels. */
.careers-detail-content,
.careers-detail-apply-card,
.careers-guide-content,
.careers-guide-aside__card,
.careers-application-page .career-application-card,
.careers-application-page .career-application-side-card,
.careers-success-card {
    box-shadow: 0 10px 30px rgba(19,40,63,.07) !important;
}

.careers-detail-content {
    border-radius: 18px;
    padding-left: 24px;
    padding-right: 24px;
}

.careers-detail-apply-card {
    border-radius: 18px;
    padding: 24px;
}

.careers-guide-content {
    border-radius: 18px;
    padding: 26px;
}

.careers-application-page .career-application-card {
    border-radius: 18px;
}

.careers-application-page .career-application-card__header {
    padding: 24px 26px 20px;
}

.careers-application-page .career-application-section {
    padding: 23px 26px;
}

/* Mobile: hero mark/icon stays beside the text instead of dropping below it. */
@media (max-width: 680px) {
    .careers-list-page .careers-list-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .careers-detail-page .careers-detail-hero__inner,
    .careers-guide-page .careers-guide-hero__inner {
        grid-template-columns: minmax(0, 1fr) 68px !important;
        gap: 14px !important;
        align-items: center !important;
    }

    .careers-detail-page .careers-detail-hero__mark,
    .careers-guide-page .careers-guide-hero__badge {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        justify-self: end !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
    }

    .careers-detail-page .careers-detail-hero__inner > div:first-child,
    .careers-guide-page .careers-guide-hero__copy {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }

    .careers-guide-page .careers-guide-hero__badge-icon {
        width: 34px;
        height: 34px;
        margin-bottom: 0;
        font-size: 16px;
    }

    .careers-guide-page .careers-guide-hero__badge strong,
    .careers-guide-page .careers-guide-hero__badge span {
        display: none;
    }

    .careers-detail-page .careers-detail-hero h1,
    .careers-guide-page .careers-guide-hero h1 {
        font-size: 27px;
        line-height: 1.45;
    }

    .careers-detail-page .careers-detail-hero p,
    .careers-guide-page .careers-guide-hero p {
        font-size: 12px;
        line-height: 1.95;
    }

    .careers-detail-page .careers-detail-content section {
        grid-template-columns: 36px minmax(0,1fr) !important;
        gap: 10px !important;
        align-items: start !important;
    }

    .careers-detail-page .careers-detail-section-number {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f7f3eb;
        box-sizing: border-box;
        padding: 0;
        font-size: 10px;
    }

    .careers-application-page .career-application-section__heading {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 11px !important;
        min-width: 0 !important;
    }

        .careers-application-page .career-application-section__heading > span {
            flex: 0 0 40px !important;
            width: 40px !important;
            height: 40px !important;
            margin: 0 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .careers-application-page .career-application-section__heading > div {
            min-width: 0 !important;
            flex: 1 1 auto !important;
        }

        .careers-application-page .career-application-section__heading h3,
        .careers-application-page .career-application-section__heading p {
            white-space: normal;
            overflow-wrap: anywhere;
        }

    .careers-application-page .career-application-card__header,
    .careers-application-page .career-application-section {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .careers-guide-content,
    .careers-detail-content {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 420px) {
    .careers-detail-page .careers-detail-hero__inner,
    .careers-guide-page .careers-guide-hero__inner {
        grid-template-columns: minmax(0, 1fr) 58px !important;
        gap: 10px !important;
    }

    .careers-detail-page .careers-detail-hero__mark,
    .careers-guide-page .careers-guide-hero__badge {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
    }

    .careers-list-page .careers-suite-job-card__top {
        padding-left: 16px;
        padding-right: 16px;
    }

    .careers-list-page .career-card__header,
    .careers-list-page .career-card__body,
    .careers-list-page .career-card__footer {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ================================================================
   CAREERS — FINAL STRUCTURAL FIX
   Only careers pages. Hero sections are cards like the rest of the site.
   ================================================================ */

/* Never paint the whole viewport with the hero color. */
.careers-suite {
    background: var(--color-background, #f6f8fa) !important;
}

/* List / detail / guide / success hero: the dark panel is the card itself. */
.careers-list-page .careers-list-hero,
.careers-detail-page .careers-detail-hero,
.careers-guide-page .careers-guide-hero,
.careers-success-page .careers-success-hero {
    background: transparent !important;
    color: var(--career-ink, #13283f);
    padding: 28px 0 18px !important;
    overflow: visible !important;
}

    .careers-list-page .careers-list-hero .site-container,
    .careers-detail-page .careers-detail-hero .site-container,
    .careers-guide-page .careers-guide-hero .site-container,
    .careers-success-page .careers-success-hero .site-container {
        width: min(calc(100% - 48px), var(--container, 1240px));
        margin-left: auto;
        margin-right: auto;
    }

.careers-list-page .careers-list-hero__inner,
.careers-detail-page .careers-detail-hero__inner,
.careers-guide-page .careers-guide-hero__inner,
.careers-success-page .careers-success-hero__inner {
    position: relative;
    box-sizing: border-box;
    border-radius: 22px;
    background: linear-gradient(135deg, #13283f 0%, #1d3854 100%);
    box-shadow: 0 16px 42px rgba(19,40,63,.10);
}

.careers-list-page .careers-list-hero__inner {
    padding: 42px 44px;
}

.careers-detail-page .careers-detail-hero__inner {
    padding: 34px 44px 42px;
}

.careers-guide-page .careers-guide-hero__inner {
    padding: 42px 44px;
}

.careers-success-page .careers-success-hero__inner {
    max-width: none;
    padding: 42px 44px;
}

/* Do not let the old decorative full-width pseudo element return. */
.careers-list-page .careers-list-hero::after {
    display: none !important;
}

/* Keep the hero copy and its visual marker on one row on phones. */
@media (max-width: 680px) {
    .careers-list-page .careers-list-hero,
    .careers-detail-page .careers-detail-hero,
    .careers-guide-page .careers-guide-hero,
    .careers-success-page .careers-success-hero {
        padding: 18px 0 12px !important;
    }

    .careers-list-page .careers-list-hero__inner,
    .careers-detail-page .careers-detail-hero__inner,
    .careers-guide-page .careers-guide-hero__inner,
    .careers-success-page .careers-success-hero__inner {
        border-radius: 18px;
        padding: 24px 18px;
    }

    .careers-list-page .careers-list-hero__inner {
        grid-template-columns: minmax(0, 1fr) 82px !important;
        gap: 12px !important;
        align-items: center !important;
    }

        .careers-list-page .careers-list-hero__inner > div:first-child,
        .careers-detail-page .careers-detail-hero__inner > div:first-child,
        .careers-guide-page .careers-guide-hero__copy {
            min-width: 0 !important;
        }

    .careers-list-page .careers-list-hero__stat {
        width: 76px !important;
        height: 76px !important;
        min-width: 76px !important;
        justify-self: end !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .careers-list-page .careers-list-hero h1,
    .careers-detail-page .careers-detail-hero h1,
    .careers-guide-page .careers-guide-hero h1,
    .careers-success-page .careers-success-hero h1 {
        font-size: 24px !important;
        line-height: 1.55 !important;
    }

    .careers-list-page .careers-list-hero p,
    .careers-detail-page .careers-detail-hero p,
    .careers-guide-page .careers-guide-hero p,
    .careers-success-page .careers-success-hero p {
        font-size: 11px !important;
        line-height: 1.95 !important;
    }

    .careers-list-page .careers-list-hero__stat strong {
        font-size: 24px !important;
    }

    .careers-list-page .careers-list-hero__stat span {
        margin-top: 5px !important;
        font-size: 9px !important;
    }

    .careers-detail-page .careers-detail-hero__inner,
    .careers-guide-page .careers-guide-hero__inner {
        grid-template-columns: minmax(0,1fr) 62px !important;
        gap: 12px !important;
        align-items: center !important;
    }

    .careers-detail-page .careers-detail-hero__mark,
    .careers-guide-page .careers-guide-hero__badge {
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        margin: 0 !important;
    }

    .careers-guide-page .careers-guide-hero__badge {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
    }

    .careers-detail-page .careers-detail-hero__mark {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        font-size: 22px !important;
    }

    .careers-success-page .careers-success-hero__inner {
        padding: 24px 18px;
    }
}

@media (max-width: 420px) {
    .careers-list-page .careers-list-hero .site-container,
    .careers-detail-page .careers-detail-hero .site-container,
    .careers-guide-page .careers-guide-hero .site-container,
    .careers-success-page .careers-success-hero .site-container {
        width: min(calc(100% - 28px), var(--container, 1240px));
    }

    .careers-list-page .careers-list-hero__inner,
    .careers-detail-page .careers-detail-hero__inner,
    .careers-guide-page .careers-guide-hero__inner,
    .careers-success-page .careers-success-hero__inner {
        padding: 20px 14px;
        border-radius: 16px;
    }

    .careers-list-page .careers-list-hero__inner {
        grid-template-columns: minmax(0,1fr) 68px !important;
    }

    .careers-list-page .careers-list-hero__stat {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
    }

        .careers-list-page .careers-list-hero__stat strong {
            font-size: 21px !important;
        }

    .careers-list-page .careers-list-hero h1,
    .careers-detail-page .careers-detail-hero h1,
    .careers-guide-page .careers-guide-hero h1,
    .careers-success-page .careers-success-hero h1 {
        font-size: 21px !important;
    }
}

/* Application hero uses the same compact card treatment. */
.careers-application-page .careers-application-hero {
    background: transparent !important;
    padding: 18px 0 12px !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

    .careers-application-page .careers-application-hero::after {
        display: none !important;
    }

    .careers-application-page .careers-application-hero .site-container {
        width: min(calc(100% - 48px), var(--container, 1240px));
        margin-left: auto;
        margin-right: auto;
    }

    .careers-application-page .careers-application-hero .site-page__hero-content {
        max-width: none !important;
        box-sizing: border-box;
        padding: 38px 44px !important;
        border-radius: 22px;
        background: linear-gradient(135deg, #13283f 0%, #1d3854 100%);
        box-shadow: 0 16px 42px rgba(19,40,63,.10);
    }

@media (max-width: 680px) {
    .careers-application-page .careers-application-hero .site-container {
        width: min(calc(100% - 28px), var(--container, 1240px));
    }

    .careers-application-page .careers-application-hero .site-page__hero-content {
        padding: 24px 18px !important;
        border-radius: 18px;
    }
}

/* The application section icons stay beside their text on every mobile width. */
@media (max-width: 680px) {
    .careers-application-page .career-application-section__heading {
        display: grid !important;
        grid-template-columns: 40px minmax(0,1fr) !important;
        align-items: center !important;
        gap: 11px !important;
    }

        .careers-application-page .career-application-section__heading > span {
            grid-column: 1 !important;
            grid-row: 1 !important;
            flex: none !important;
        }

        .careers-application-page .career-application-section__heading > div {
            grid-column: 2 !important;
            grid-row: 1 !important;
            min-width: 0 !important;
        }
}

/* Detail: keep the application card sticky while scrolling, below the fixed header. */
.careers-detail-page .careers-detail-aside {
    position: sticky !important;
    top: 96px !important;
    align-self: start !important;
    height: fit-content !important;
}

.careers-detail-page .careers-detail-apply-card {
    position: relative !important;
}

@media (max-width: 900px) {
    .careers-detail-page .careers-detail-aside {
        position: static !important;
    }
}

/* ================================================================
   CAREERS PRECISION FIX — final typography / mobile alignment
   Scope: careers-suite only. Does not touch home/gallery/services/fleet.
   ================================================================ */
.careers-suite .careers-list-hero h1,
.careers-suite .careers-detail-hero h1,
.careers-suite .careers-guide-hero h1,
.careers-suite .careers-success-hero h1,
.careers-suite .careers-list-hero p,
.careers-suite .careers-detail-hero p,
.careers-suite .careers-guide-hero p,
.careers-suite .careers-success-hero p,
.careers-suite .careers-list-hero__stat strong,
.careers-suite .careers-list-hero__stat span,
.careers-suite .careers-detail-hero__mark,
.careers-suite .careers-guide-hero__badge,
.careers-suite .careers-guide-hero__badge strong,
.careers-suite .careers-guide-hero__badge span,
.careers-suite .careers-application-hero h1,
.careers-suite .careers-application-hero p {
    color: #fff !important;
}

/* Gold rule must precede the heading visually, on the left side of the RTL label. */
.careers-suite .careers-suite-eyebrow {
    flex-direction: row-reverse !important;
    direction: rtl !important;
}

    .careers-suite .careers-suite-eyebrow::before {
        flex: 0 0 28px;
        margin: 0 !important;
    }

/* Career list toolbar: title block + guide button remain aligned on mobile. */
.careers-list-page .careers-list-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
}

    .careers-list-page .careers-list-toolbar > div {
        min-width: 0 !important;
    }

        .careers-list-page .careers-list-toolbar > div span,
        .careers-list-page .careers-list-toolbar > div strong {
            display: block;
        }

        .careers-list-page .careers-list-toolbar > div strong {
            line-height: 1.7 !important;
        }

.careers-list-page .careers-list-guide-button {
    min-height: 44px !important;
    padding: 0 15px !important;
    gap: 8px !important;
    white-space: nowrap !important;
    border-bottom: 1px solid var(--career-line) !important;
}

/* Guide CTA is a real button, not an underlined text link. */
.careers-guide-aside__card--gold .careers-suite-button {
    width: 100%;
    box-sizing: border-box;
    margin-top: 7px;
    color: #fff !important;
    border-color: rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.08) !important;
}

    .careers-guide-aside__card--gold .careers-suite-button:hover {
        background: rgba(255,255,255,.14) !important;
        color: #fff !important;
    }

/* Keep all hero visual/text pairs together on narrow screens. */
@media (max-width: 680px) {
    .careers-list-page .careers-list-toolbar {
        grid-template-columns: minmax(0, 1fr) minmax(126px, 40%) !important;
        gap: 10px !important;
        align-items: center !important;
    }

        .careers-list-page .careers-list-toolbar > div strong {
            font-size: 17px !important;
        }

        .careers-list-page .careers-list-toolbar > div span {
            font-size: 11px !important;
        }

    .careers-list-page .careers-list-guide-button {
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }

    .careers-list-page .careers-list-hero__inner,
    .careers-detail-page .careers-detail-hero__inner,
    .careers-guide-page .careers-guide-hero__inner {
        grid-template-columns: minmax(0, 1fr) 62px !important;
        gap: 12px !important;
        align-items: center !important;
    }

        .careers-list-page .careers-list-hero__inner > div:first-child,
        .careers-detail-page .careers-detail-hero__inner > div:first-child,
        .careers-guide-page .careers-guide-hero__copy {
            grid-column: 1 !important;
            grid-row: 1 !important;
            min-width: 0 !important;
        }

    .careers-list-page .careers-list-hero__stat,
    .careers-detail-page .careers-detail-hero__mark,
    .careers-guide-page .careers-guide-hero__badge {
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        margin: 0 !important;
    }

    .careers-guide-page .careers-guide-hero__actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

        .careers-guide-page .careers-guide-hero__actions .careers-suite-button {
            width: 100% !important;
            min-height: 44px !important;
            padding: 0 8px !important;
            font-size: 11px !important;
        }
}

@media (max-width: 390px) {
    .careers-list-page .careers-list-toolbar {
        grid-template-columns: minmax(0, 1fr) 118px !important;
        gap: 7px !important;
    }

        .careers-list-page .careers-list-toolbar > div strong {
            font-size: 15px !important;
        }

    .careers-list-page .careers-list-guide-button {
        font-size: 10px !important;
        padding: 0 5px !important;
    }

    .careers-guide-page .careers-guide-hero__actions {
        grid-template-columns: 1fr !important;
    }
}
/* ================================================================
   APPLICATION FORM FINAL FIXES — optional resume / fixed phone / captcha
   Scope: careers-application-page only.
   ================================================================ */
.careers-application-page .careers-application-hero .site-page__hero-content {
    position: relative !important;
    overflow: hidden !important;
    padding-left: 170px !important;
}

.careers-application-page .careers-application-hero__mark {
    position: absolute;
    left: 42px;
    top: 50%;
    transform: translateY(-50%);
    width: 104px;
    height: 104px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(215,180,119,.35);
    border-radius: 50%;
    background: rgba(255,255,255,.07);
}

    .careers-application-page .careers-application-hero__mark::after {
        content: "";
        position: absolute;
        inset: 11px;
        border: 1px solid rgba(215,180,119,.20);
        border-radius: 50%;
    }

    .careers-application-page .careers-application-hero__mark svg {
        width: 52px;
        height: 52px;
        fill: none;
        stroke: #d7b477;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
        position: relative;
        z-index: 1;
    }

.careers-application-page .career-application-captcha__question {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

    .careers-application-page .career-application-captcha__question strong {
        display: inline-flex !important;
        align-items: center !important;
        gap: 9px !important;
    }

.careers-application-page .career-application-captcha__refresh {
    width: 38px;
    height: 38px;
    border: 1px solid var(--color-border-dark);
    border-radius: 10px;
    background: #fff;
    color: var(--color-primary);
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    transition: .2s ease;
}

    .careers-application-page .career-application-captcha__refresh:hover {
        border-color: var(--color-gold);
        color: var(--color-gold);
    }

    .careers-application-page .career-application-captcha__refresh:disabled {
        opacity: .5;
        cursor: wait;
    }

@media (max-width: 680px) {
    .careers-application-page .careers-application-hero .site-page__hero-content {
        padding: 24px 18px 24px 96px !important;
        min-height: 150px;
    }

    .careers-application-page .careers-application-hero__mark {
        left: 18px;
        width: 64px;
        height: 64px;
    }

        .careers-application-page .careers-application-hero__mark::after {
            inset: 7px;
        }

        .careers-application-page .careers-application-hero__mark svg {
            width: 32px;
            height: 32px;
        }

    .careers-application-page .career-application-captcha__question {
        flex-wrap: nowrap !important;
        gap: 7px !important;
    }

        .careers-application-page .career-application-captcha__question strong {
            min-width: 0;
            flex: 1 1 auto;
        }

    .careers-application-page .career-application-captcha__refresh {
        flex: 0 0 36px;
    }
}


/* CAREERS APPLICATION — final targeted fixes */
.careers-application-page .careers-application-hero__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px;
    align-items: center;
    gap: 34px;
    width: 100%;
}

.careers-application-page .careers-application-hero__copy {
    min-width: 0;
}

.careers-application-page .careers-application-hero__mark {
    width: 116px;
    height: 116px;
    border: 1px solid rgba(215,180,119,.48);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    color: var(--color-gold-light);
    background: rgba(255,255,255,.035);
    box-shadow: inset 0 0 0 8px rgba(255,255,255,.018);
}

    .careers-application-page .careers-application-hero__mark svg {
        width: 62px;
        height: 62px;
        display: block;
    }

@media (max-width: 700px) {
    .careers-application-page .careers-application-hero__content {
        grid-template-columns: minmax(0, 1fr) 78px;
        gap: 14px;
        align-items: center;
    }

    .careers-application-page .careers-application-hero__mark {
        width: 72px;
        height: 72px;
        justify-self: end;
    }

        .careers-application-page .careers-application-hero__mark svg {
            width: 42px;
            height: 42px;
        }

    .careers-application-page .careers-application-hero h1 {
        margin-top: 8px;
        margin-bottom: 8px;
        font-size: 29px;
    }

    .careers-application-page .careers-application-hero p {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 1.95;
    }
}

@media (max-width: 390px) {
    .careers-application-page .careers-application-hero__content {
        grid-template-columns: minmax(0, 1fr) 66px;
        gap: 10px;
    }

    .careers-application-page .careers-application-hero__mark {
        width: 62px;
        height: 62px;
    }

        .careers-application-page .careers-application-hero__mark svg {
            width: 36px;
            height: 36px;
        }
}

/* CAREERS APPLICATION — final targeted fixes */
.careers-application-page .careers-application-hero__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px;
    align-items: center;
    gap: 34px;
    width: 100%;
}

.careers-application-page .careers-application-hero__copy {
    min-width: 0;
}

.careers-application-page .careers-application-hero__mark {
    width: 116px;
    height: 116px;
    border: 1px solid rgba(215,180,119,.48);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    color: var(--color-gold-light);
    background: rgba(255,255,255,.035);
    box-shadow: inset 0 0 0 8px rgba(255,255,255,.018);
}

    .careers-application-page .careers-application-hero__mark svg {
        width: 62px;
        height: 62px;
        display: block;
    }

@media (max-width:700px) {
    .careers-application-page .careers-application-hero__content {
        grid-template-columns: minmax(0,1fr) 78px;
        gap: 14px;
        align-items: center;
    }

    .careers-application-page .careers-application-hero__mark {
        width: 72px;
        height: 72px;
    }

        .careers-application-page .careers-application-hero__mark svg {
            width: 42px;
            height: 42px;
        }
}

@media (max-width:390px) {
    .careers-application-page .careers-application-hero__content {
        grid-template-columns: minmax(0,1fr) 66px;
        gap: 10px;
    }

    .careers-application-page .careers-application-hero__mark {
        width: 62px;
        height: 62px;
    }

        .careers-application-page .careers-application-hero__mark svg {
            width: 36px;
            height: 36px;
        }
}


/* ================================================================
   ASAL TARABAR — USER-REQUESTED TARGETED FIXES ONLY
   Scope: Careers / FAQ / Fleet / Service Details / News / Contact
   ================================================================ */

/* Careers list: both labels share the same right edge. */
.careers-list-page .careers-list-toolbar__copy {
    min-width: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .careers-list-page .careers-list-toolbar__copy span,
    .careers-list-page .careers-list-toolbar__copy strong {
        display: block;
        width: 100%;
        text-align: right;
    }

    .careers-list-page .careers-list-toolbar__copy span {
        margin-bottom: 5px;
        color: var(--career-gold, #b68b45);
        font-size: 11px;
        font-weight: 800;
    }

    .careers-list-page .careers-list-toolbar__copy strong {
        color: var(--career-ink, #13283f);
        font-size: 18px;
        line-height: 1.8;
        font-weight: 900;
    }

/* Application page: the requested opportunity strip is a compact card, not plain text. */
.career-application-opportunity {
    padding: 18px 0 0;
}

.career-application-opportunity__inner {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 17px 20px;
    border: 1px solid #e4e8ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19,40,63,.045);
}

.career-application-opportunity__copy {
    min-width: 0;
    text-align: right;
}

    .career-application-opportunity__copy span {
        display: block;
        margin-bottom: 3px;
        color: #b68b45;
        font-size: 10px;
        font-weight: 800;
    }

    .career-application-opportunity__copy strong {
        display: block;
        color: #13283f;
        font-size: 14px;
        line-height: 1.8;
        font-weight: 900;
    }

.career-application-opportunity__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 15px;
    border: 1px solid rgba(182,139,69,.42);
    border-radius: 10px;
    color: #8d672d;
    background: #fbf7ef;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    transition: .2s ease;
}

    .career-application-opportunity__link:hover {
        color: #fff;
        background: #b68b45;
        border-color: #b68b45;
        text-decoration: none;
        transform: translateY(-1px);
    }

/* Numeric answers and security answer are intentionally LTR/left aligned. */
.careers-application-page .js-persian-number-input {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: plaintext;
}

/* Captcha: visible frame + subtle visual noise/line, without making it unreadable. */
.careers-application-page .career-application-captcha__question {
    position: relative;
    overflow: hidden;
    border: 1px dashed rgba(182,139,69,.55);
    background: linear-gradient(135deg,#fffdf8,#f7f9fa);
}

    .careers-application-page .career-application-captcha__question::after {
        content: "";
        position: absolute;
        left: 12%;
        right: 12%;
        top: 50%;
        height: 1px;
        background: rgba(19,40,63,.18);
        transform: rotate(-4deg);
        pointer-events: none;
    }

    .careers-application-page .career-application-captcha__question strong,
    .careers-application-page .career-application-captcha__question button {
        position: relative;
        z-index: 1;
    }

/* Success message: gold rule first, then the label; tick and content stay aligned on mobile. */
.careers-success-page .careers-success-card__content .careers-suite-eyebrow {
    display: inline-flex;
    align-items: center;
    flex-direction: row !important;
    gap: 9px;
    direction: rtl;
}

    .careers-success-page .careers-success-card__content .careers-suite-eyebrow i {
        display: inline-block;
        width: 30px;
        height: 3px;
        flex: 0 0 30px;
        border-radius: 999px;
        background: #b68b45;
        order: 0;
    }

    .careers-success-page .careers-success-card__content .careers-suite-eyebrow b {
        order: 1;
        font-weight: 900;
    }

/* Guide CTA: subtle motion instead of a static text link. */
.careers-guide-page .careers-guide-aside__cta {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid rgba(182,139,69,.55);
    border-radius: 11px;
    color: #fff !important;
    background: linear-gradient(135deg,#b68b45,#9d7437);
    box-shadow: 0 8px 18px rgba(182,139,69,.18);
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

    .careers-guide-page .careers-guide-aside__cta:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(182,139,69,.25);
    }

/* Fleet heading: make the two requested lines feel like one designed heading. */
.fleet-page .fleet-page__heading-row {
    align-items: center;
}

    .fleet-page .fleet-page__heading-row > div {
        position: relative;
        padding-right: 15px;
    }

        .fleet-page .fleet-page__heading-row > div::before {
            content: "";
            position: absolute;
            right: 0;
            top: 5px;
            bottom: 4px;
            width: 3px;
            border-radius: 999px;
            background: #b68b45;
        }

.fleet-page .fleet-page__section-eyebrow {
    letter-spacing: .1px;
}

/* Service detail: sticky side card remains visible on desktop. */
@media (min-width: 981px) {
    .service-detail-page__layout {
        align-items: start;
    }

    .service-detail-page__side {
        position: -webkit-sticky;
        position: sticky;
        top: 92px;
        align-self: start;
        z-index: 3;
    }
}

.service-detail-page__article-heading {
    flex-direction: row !important;
    justify-content: flex-start;
}

    .service-detail-page__article-heading i {
        order: 0;
        flex: 0 0 48px;
    }

    .service-detail-page__article-heading span {
        order: 1;
    }

/* News page — scoped polish only. */
.news-page {
    background: #f5f7f8;
    min-height: 100vh;
}

    .news-page .news-hero {
        background: linear-gradient(135deg,#102d44,#234b65);
    }

    .news-page .news-content {
        padding: 50px 0 70px;
    }

    .news-page .news-section-heading {
        margin-bottom: 24px;
    }

    .news-page .news-grid {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 18px;
    }

    .news-page .news-card {
        overflow: hidden;
        border: 1px solid #e0e6eb;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(19,40,63,.055);
        transition: transform .22s ease, box-shadow .22s ease;
    }

        .news-page .news-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 17px 35px rgba(19,40,63,.09);
        }

    .news-page .news-card__image {
        display: block;
        height: 205px;
        overflow: hidden;
    }

        .news-page .news-card__image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform .35s ease;
        }

    .news-page .news-card:hover .news-card__image img {
        transform: scale(1.035);
    }

    .news-page .news-card__body {
        padding: 19px 20px 20px;
    }

    .news-page .news-card__title {
        margin: 11px 0 8px;
        line-height: 1.8;
    }

        .news-page .news-card__title a {
            color: #13283f;
            text-decoration: none;
        }

    .news-page .news-card__summary {
        color: #667482;
        line-height: 2;
        font-size: 12px;
    }

    .news-page .news-card__footer {
        margin-top: 16px;
        padding-top: 13px;
        border-top: 1px solid #edf0f2;
    }

    .news-page .news-card__link {
        color: #8d672d;
        font-weight: 900;
        text-decoration: none;
    }

/* Contact page — scoped polish only. */
.contact-page__grid {
    display: grid;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
    gap: 20px;
    margin-top: 34px;
}

.contact-page__card {
    padding: 26px;
    border: 1px solid #e0e6eb;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(19,40,63,.055);
}

    .contact-page__card h2 {
        margin: 0 0 20px;
        color: #13283f;
        font-size: 19px;
    }

.contact-page__item {
    display: grid;
    grid-template-columns: 74px minmax(0,1fr);
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid #edf0f2;
    line-height: 2;
}

    .contact-page__item strong {
        color: #8d672d;
        font-size: 11px;
    }

    .contact-page__item span, .contact-page__item a {
        color: #506171;
        font-size: 12px;
        text-decoration: none;
    }

.contact-page__map {
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #e2e7eb;
    min-height: 320px;
}

    .contact-page__map iframe {
        width: 100%;
        min-height: 320px;
        border: 0;
        display: block;
    }

@media (max-width: 760px) {
    .career-application-opportunity {
        padding-top: 12px;
    }

    .career-application-opportunity__inner {
        grid-template-columns: minmax(0,1fr) auto;
        gap: 10px;
        padding: 12px 13px;
    }

    .career-application-opportunity__copy strong {
        font-size: 11px;
        white-space: nowrap;
    }

    .career-application-opportunity__copy span {
        font-size: 8.5px;
    }

    .career-application-opportunity__link {
        min-height: 36px;
        padding: 7px 9px;
        font-size: 8.5px;
    }

    .careers-list-page .careers-list-toolbar {
        grid-template-columns: minmax(0,1fr) auto !important;
        gap: 10px !important;
    }

    .careers-list-page .careers-list-toolbar__copy strong {
        font-size: 13px;
    }

    .careers-list-page .careers-list-toolbar__copy span {
        font-size: 9px;
    }

    .careers-success-page .careers-success-card {
        grid-template-columns: 56px minmax(0,1fr);
        gap: 13px;
        padding: 23px 17px;
        align-items: start;
    }

    .careers-success-page .careers-success-card__mark {
        width: 54px;
        height: 54px;
        font-size: 25px;
    }

    .careers-success-page .careers-success-card__content h2 {
        font-size: 19px;
        line-height: 1.8;
    }

    .news-page .news-grid {
        grid-template-columns: 1fr;
    }

    .news-page .news-card__image {
        height: 190px;
    }

    .contact-page__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .contact-page__card {
        padding: 20px;
        border-radius: 16px;
    }

    .contact-page__map, .contact-page__map iframe {
        min-height: 260px;
    }
}

@media (max-width: 430px) {
    .career-application-opportunity__inner {
        grid-template-columns: minmax(0,1fr);
        align-items: stretch;
    }

    .career-application-opportunity__copy {
        text-align: right;
    }

    .career-application-opportunity__link {
        width: 100%;
    }
}


/* ================================================================
   FINAL TARGETED VISUAL FIXES
   Scope only: FAQ / Services Index / News / News Details / Contact
   ================================================================ */

/* ---------- FAQ: real hero + premium question cards ---------- */
.faq-page-final {
    padding: 34px 0 88px;
}

.faq-hero-final {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    padding: 42px 46px;
    background: linear-gradient(135deg,#13283f 0%,#1d3a55 62%,#24475d 100%);
    box-shadow: 0 22px 55px rgba(19,40,63,.14);
    color: #fff;
    margin-bottom: 34px;
}

    .faq-hero-final::before {
        content: "";
        position: absolute;
        width: 230px;
        height: 230px;
        border-radius: 50%;
        left: -80px;
        top: -100px;
        border: 1px solid rgba(255,255,255,.12);
    }

    .faq-hero-final::after {
        content: "";
        position: absolute;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        left: 35px;
        top: -45px;
        background: rgba(182,139,69,.11);
    }

.faq-hero-final__content {
    position: relative;
    z-index: 1;
    max-width: 760px;
}

.faq-hero-final__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #d9b77c;
    font-size: 12px;
    font-weight: 900;
}

    .faq-hero-final__eyebrow::before {
        content: "";
        width: 34px;
        height: 3px;
        border-radius: 99px;
        background: #b68b45;
    }

.faq-hero-final h1 {
    margin: 13px 0 10px;
    color: #fff;
    font-size: clamp(28px,4vw,42px);
    font-weight: 900;
}

.faq-hero-final p {
    margin: 0;
    color: rgba(255,255,255,.78);
    line-height: 2.05;
    font-size: 15px;
}

.faq-hero-final__mark {
    position: absolute;
    z-index: 1;
    left: 42px;
    top: 50%;
    transform: translateY(-50%);
    width: 96px;
    height: 96px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 26px;
    display: grid;
    place-items: center;
    color: #e3c58f;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 2px;
    background: rgba(255,255,255,.045);
}

.faq-list--premium {
    max-width: 100%;
    margin: 0;
    gap: 14px;
}

.faq-item--premium {
    border-radius: 20px;
    border-color: #e7eaed;
    box-shadow: 0 10px 28px rgba(19,40,63,.055);
}

    .faq-item--premium summary {
        min-height: 76px;
        padding: 19px 24px;
    }

.faq-item__question {
    color: #16283a;
}

.faq-item__toggle {
    background: #fbf5e9;
    border: 1px solid rgba(182,139,69,.25);
}

    .faq-item__toggle::before, .faq-item__toggle::after {
        background: #b68b45;
    }

.faq-item--premium[open] summary {
    background: #fcfaf5;
}

.faq-item__answer {
    border-top: 1px solid #eee9df;
    padding: 18px 24px 24px;
}

@media(max-width:768px) {
    .faq-page-final {
        padding: 20px 0 55px
    }

    .faq-hero-final {
        padding: 28px 22px 25px;
        border-radius: 22px
    }

    .faq-hero-final__mark {
        position: static;
        transform: none;
        margin-top: 22px;
        width: 66px;
        height: 66px;
        border-radius: 18px;
        font-size: 20px
    }

    .faq-hero-final h1 {
        font-size: 28px
    }

    .faq-item--premium summary {
        min-height: 66px;
        padding: 15px 16px;
        gap: 12px
    }

    .faq-item__toggle {
        width: 34px;
        height: 34px
    }

    .faq-item__answer {
        padding: 15px 16px 20px;
        font-size: 14px
    }
}

/* ---------- Services: designed section heading/card ---------- */
.services-page__section-head {
    position: relative;
    margin-bottom: 28px;
    padding: 24px 26px;
    border: 1px solid #e8ecef;
    border-radius: 22px;
    background: linear-gradient(180deg,#fff,#fafbfb);
    box-shadow: 0 12px 30px rgba(19,40,63,.05);
}

    .services-page__section-head::before {
        content: "";
        position: absolute;
        right: 0;
        top: 24px;
        bottom: 24px;
        width: 4px;
        border-radius: 99px;
        background: #b68b45;
    }

.services-page__section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #b68b45;
    font-size: 11px;
    font-weight: 900;
}

    .services-page__section-eyebrow::before {
        content: "";
        width: 25px;
        height: 2px;
        border-radius: 99px;
        background: #b68b45;
    }

.services-page__section-head h2 {
    margin: 8px 0 0;
    font-size: 25px;
    font-weight: 900;
    color: #13283f;
}

.services-page__count {
    border: 1px solid rgba(182,139,69,.28);
    background: #fffaf1;
    border-radius: 16px;
    padding: 11px 16px;
}

@media(max-width:700px) {
    .services-page__section-head {
        padding: 19px 18px;
        margin-bottom: 20px
    }

        .services-page__section-head h2 {
            font-size: 20px
        }

    .services-page__count {
        padding: 8px 12px
    }
}

/* ---------- News index: visual hero, section card and mobile alignment ---------- */
.news-page {
    padding-bottom: 70px;
}

.news-hero {
    padding: 34px 0 20px;
}

.news-hero__inner {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 30px;
    padding: 42px 46px;
    border-radius: 30px;
    background: linear-gradient(135deg,#13283f,#1d3b55);
    box-shadow: 0 22px 55px rgba(19,40,63,.14);
    color: #fff;
}

    .news-hero__inner::before {
        content: "";
        position: absolute;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        left: -110px;
        top: -150px;
        border: 1px solid rgba(255,255,255,.12);
    }

.news-hero__content, .news-hero__side {
    position: relative;
    z-index: 1
}

.news-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #d8b77d;
    font-size: 12px;
    font-weight: 900
}

.news-hero__eyebrow-line {
    width: 34px;
    height: 3px;
    border-radius: 99px;
    background: #b68b45
}

.news-hero__title {
    margin: 12px 0 10px;
    color: #fff;
    font-size: clamp(28px,4vw,42px);
    font-weight: 900
}

.news-hero__description {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.76);
    line-height: 2;
    font-size: 15px
}

.news-hero__side {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
    font-weight: 800
}

.news-hero__mark {
    width: 78px;
    height: 78px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.05);
    color: #e2c28b;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 2px
}

.news-content {
    padding-top: 18px
}

.news-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin: 22px 0 25px;
    padding: 22px 25px;
    border: 1px solid #e7eaed;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(19,40,63,.05)
}

    .news-section-heading > div:first-child {
        position: relative;
        padding-right: 16px
    }

        .news-section-heading > div:first-child::before {
            content: "";
            position: absolute;
            right: 0;
            top: 4px;
            bottom: 3px;
            width: 4px;
            border-radius: 99px;
            background: #b68b45
        }

    .news-section-heading .section-kicker {
        color: #b68b45;
        font-size: 11px;
        font-weight: 900
    }

    .news-section-heading h2 {
        margin: 7px 0 0;
        color: #13283f;
        font-size: 24px;
        font-weight: 900
    }

.news-heading-line {
    width: 90px;
    height: 2px;
    background: #e4c58f;
    border-radius: 99px
}

.news-filter {
    padding: 14px 17px;
    border: 1px solid #eceff1;
    border-radius: 16px;
    background: #fafbfb;
    margin-bottom: 20px
}

.news-card {
    overflow: hidden;
    border: 1px solid #e7eaed;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(19,40,63,.06);
    transition: transform .2s ease,box-shadow .2s ease
}

    .news-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(19,40,63,.1)
    }

.news-card__body {
    padding: 18px 19px 20px
}

.news-card__title {
    line-height: 1.9
}

.news-card__summary {
    line-height: 2;
    color: #66727e
}

.news-card__link {
    color: #9a7032;
    font-weight: 900
}

@media(max-width:700px) {
    .news-hero {
        padding: 18px 0 10px
    }

    .news-hero__inner {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 26px 20px;
        border-radius: 22px;
        min-height: 0
    }

    .news-hero__side {
        justify-self: start;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px
    }

    .news-hero__mark {
        width: 54px;
        height: 54px;
        border-radius: 16px;
        font-size: 17px;
        flex: 0 0 54px
    }

    .news-hero__side span {
        display: block;
        white-space: nowrap;
        line-height: 1.6
    }

    .news-section-heading {
        align-items: flex-start;
        margin: 16px 0 18px;
        padding: 18px 17px;
        border-radius: 18px
    }

        .news-section-heading h2 {
            font-size: 19px
        }

    .news-heading-line {
        display: none
    }
}

/* ---------- News details: turn plain article into a real reading layout ---------- */
.news-detail-page {
    padding-bottom: 70px;
    background: #f7f8f8
}

.news-detail-hero {
    padding: 34px 0 24px
}

.news-detail-hero__inner {
    position: relative;
    overflow: hidden;
    padding: 38px 42px;
    border-radius: 28px;
    background: linear-gradient(135deg,#13283f,#1e405b);
    box-shadow: 0 22px 50px rgba(19,40,63,.14)
}

    .news-detail-hero__inner::after {
        content: "AT";
        position: absolute;
        left: 35px;
        bottom: -24px;
        color: rgba(255,255,255,.04);
        font-size: 100px;
        font-weight: 900;
        letter-spacing: 4px
    }

.news-detail-hero__category {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #d9b77c;
    font-weight: 900;
    font-size: 12px;
    text-decoration: none
}

.news-detail-hero__category-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b68b45
}

.news-detail-hero__title {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 13px 0 16px;
    color: #fff;
    font-size: clamp(25px,4vw,40px);
    line-height: 1.7;
    font-weight: 900
}

.news-detail-hero__meta {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,.7);
    font-size: 12px
}

.news-detail-content {
    padding: 0 0 40px
}

.news-detail-main {
    display: grid;
    grid-template-columns: minmax(0,1fr) 310px;
    gap: 24px;
    align-items: start
}

.news-article {
    background: #fff;
    border: 1px solid #e7eaed;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(19,40,63,.07)
}

.news-article__image {
    margin: 0;
    max-height: 440px;
    overflow: hidden;
    background: #eef1f2
}

    .news-article__image img {
        display: block;
        width: 100%;
        height: auto;
        max-height: 440px;
        object-fit: cover
    }

.news-article__lead {
    margin: 25px 28px 0;
    padding: 18px 20px;
    border-right: 4px solid #b68b45;
    border-radius: 12px;
    background: #fbf8f1;
    color: #4f5d69;
    font-size: 15px;
    line-height: 2.15
}

.news-article__body {
    padding: 25px 30px 12px;
    color: #303c47;
    font-size: 16px;
    line-height: 2.25
}

    .news-article__body h2, .news-article__body h3 {
        color: #13283f;
        margin-top: 28px
    }

    .news-article__body img {
        max-width: 100%;
        height: auto;
        border-radius: 14px
    }

.news-article__bottom {
    padding: 0 30px 28px
}

.news-article__back {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 15px;
    border: 1px solid rgba(182,139,69,.35);
    border-radius: 11px;
    background: #fffaf2;
    color: #946b2e;
    text-decoration: none;
    font-weight: 900
}

.news-related {
    position: sticky;
    top: 25px;
    background: #fff;
    border: 1px solid #e7eaed;
    border-radius: 22px;
    padding: 20px;
    box-shadow: 0 12px 30px rgba(19,40,63,.06)
}

.news-related__heading h2 {
    margin: 7px 0 16px;
    color: #13283f;
    font-size: 20px
}

.news-related__item {
    display: flex;
    gap: 10px;
    padding: 11px 0;
    border-top: 1px solid #edf0f1;
    text-decoration: none
}

.news-related__image {
    width: 72px;
    height: 58px;
    flex: 0 0 72px;
    overflow: hidden;
    border-radius: 10px;
    background: #edf1f2;
    display: grid;
    place-items: center;
    color: #b68b45;
    font-weight: 900
}

    .news-related__image img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.news-related__body h3 {
    margin: 0;
    color: #243646;
    font-size: 12px;
    line-height: 1.8
}

.news-related__body time {
    color: #8b969f;
    font-size: 10px
}

@media(max-width:850px) {
    .news-detail-main {
        grid-template-columns: 1fr
    }

    .news-related {
        position: static
    }

    .news-detail-hero__inner {
        padding: 28px 21px;
        border-radius: 22px
    }

    .news-detail-hero__title {
        font-size: 25px
    }

    .news-article__body {
        padding: 21px 18px
    }

    .news-article__lead {
        margin: 18px 18px 0
    }

    .news-article__bottom {
        padding: 0 18px 22px
    }
}

/* ---------- Contact: designed header + information cards ---------- */
.contact-page-final {
    padding: 34px 0 75px;
    background: #f7f8f8
}

.contact-page-final__hero {
    position: relative;
    overflow: hidden;
    padding: 38px 42px;
    margin-bottom: 24px;
    border-radius: 28px;
    background: linear-gradient(135deg,#13283f,#1d3c56);
    box-shadow: 0 22px 50px rgba(19,40,63,.14);
    color: #fff
}

    .contact-page-final__hero::after {
        content: "";
        position: absolute;
        width: 250px;
        height: 250px;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 50%;
        left: -90px;
        top: -125px
    }

    .contact-page-final__hero > * {
        position: relative;
        z-index: 1
    }

.contact-page-final__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #d9b77c;
    font-size: 12px;
    font-weight: 900
}

    .contact-page-final__eyebrow::before {
        content: "";
        width: 34px;
        height: 3px;
        border-radius: 99px;
        background: #b68b45
    }

.contact-page-final__hero h1 {
    margin: 12px 0 9px;
    color: #fff;
    font-size: clamp(29px,4vw,42px);
    font-weight: 900
}

.contact-page-final__hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.76);
    line-height: 2;
    font-size: 15px
}

.contact-page-final__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);
    gap: 20px
}

.contact-page-final__card {
    background: #fff;
    border: 1px solid #e6eaed;
    border-radius: 23px;
    padding: 24px;
    box-shadow: 0 12px 32px rgba(19,40,63,.06)
}

    .contact-page-final__card h2 {
        margin: 0 0 18px;
        padding-right: 13px;
        border-right: 4px solid #b68b45;
        color: #13283f;
        font-size: 20px;
        font-weight: 900
    }

.contact-page-final__item {
    display: grid;
    grid-template-columns: 88px minmax(0,1fr);
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #eef0f1;
    align-items: start
}

    .contact-page-final__item:last-child {
        border-bottom: 0
    }

    .contact-page-final__item strong {
        color: #8d672d;
        font-size: 12px
    }

    .contact-page-final__item span, .contact-page-final__item a {
        color: #43525f;
        line-height: 1.9;
        font-size: 13px;
        word-break: break-word;
        text-decoration: none
    }

.contact-page-final__map {
    overflow: hidden;
    border-radius: 17px;
    border: 1px solid #e5e9eb;
    background: #eef1f2;
    min-height: 300px
}

    .contact-page-final__map iframe {
        display: block;
        width: 100%;
        height: 300px;
        border: 0
    }

.contact-page-final__map-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 15px;
    padding: 11px 16px;
    border-radius: 11px;
    background: #fff8eb;
    border: 1px solid rgba(182,139,69,.35);
    color: #8f682e;
    text-decoration: none;
    font-weight: 900
}

@media(max-width:780px) {
    .contact-page-final {
        padding: 18px 0 50px
    }

    .contact-page-final__hero {
        padding: 28px 20px;
        border-radius: 22px
    }

    .contact-page-final__grid {
        grid-template-columns: 1fr
    }

    .contact-page-final__card {
        padding: 19px;
        border-radius: 19px
    }

    .contact-page-final__item {
        grid-template-columns: 72px minmax(0,1fr)
    }
}

/* ================================================================
   USER-REQUESTED MOBILE / READING FIXES — STRICTLY SCOPED
   News / News Details / FAQ / Resume Application
   ================================================================ */

/* NEWS HERO: company mark + name must stay together and aligned with the hero content on mobile. */
.news-page .news-hero__side {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    width: auto !important;
    justify-self: end !important;
    min-width: 0;
}

    .news-page .news-hero__side span {
        white-space: nowrap !important;
        display: inline-block !important;
    }

/* NEWS CATEGORIES: real pill-style navigation instead of joined plain text. */
.news-page .news-filter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e5e9ec;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(19,40,63,.045);
}

.news-page .news-filter__label {
    flex: 0 0 auto;
    color: #13283f;
    font-size: 11px;
    font-weight: 900;
    padding-left: 4px;
}

.news-page .news-filter__items {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.news-page .news-filter__item {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 14px;
    border: 1px solid #e1e6e9;
    border-radius: 999px;
    background: #f8fafb;
    color: #566675;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none !important;
    white-space: nowrap;
    transition: .2s ease;
}

    .news-page .news-filter__item:hover {
        color: #8d672d;
        border-color: rgba(182,139,69,.42);
        background: #fffaf1;
        transform: translateY(-1px);
    }

    .news-page .news-filter__item.is-active {
        color: #fff;
        border-color: #b68b45;
        background: linear-gradient(135deg,#b68b45,#9b7134);
        box-shadow: 0 7px 16px rgba(182,139,69,.18);
    }

/* NEWS HERO MOBILE: keep the company block on the same horizontal row as the main text block. */
@media (max-width:700px) {
    .news-page .news-hero__inner {
        grid-template-columns: minmax(0,1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 22px 16px !important;
    }

    .news-page .news-hero__content {
        min-width: 0;
    }

    .news-page .news-hero__title {
        font-size: 23px !important;
        line-height: 1.7 !important;
    }

    .news-page .news-hero__description {
        font-size: 10.5px !important;
        line-height: 1.9 !important;
    }

    .news-page .news-hero__side {
        gap: 6px !important;
        max-width: 112px;
        justify-self: end !important;
    }

    .news-page .news-hero__mark {
        width: 46px !important;
        height: 46px !important;
        flex: 0 0 46px !important;
        border-radius: 14px !important;
        font-size: 14px !important;
    }

    .news-page .news-hero__side span {
        max-width: 62px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 9px !important;
        line-height: 1.65 !important;
    }

    .news-page .news-filter {
        align-items: flex-start;
        padding: 12px;
        gap: 8px;
    }

    .news-page .news-filter__label {
        width: 100%;
        padding: 0 2px 2px;
    }

    .news-page .news-filter__items {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        padding: 2px 1px 5px;
        scrollbar-width: thin;
    }

    .news-page .news-filter__item {
        flex: 0 0 auto;
        min-height: 34px;
        padding: 6px 12px;
    }
}

/* NEWS DETAIL: main reading card must use the available width and feel like a proper article. */
.news-detail-page .news-detail-main {
    width: 100%;
    grid-template-columns: minmax(0,1fr) 280px !important;
    gap: 28px !important;
}

.news-detail-page .news-article {
    width: 100%;
    min-width: 0;
    border-radius: 28px;
    border: 1px solid #e1e6e9;
    box-shadow: 0 18px 48px rgba(19,40,63,.075);
}

.news-detail-page .news-article__image {
    max-height: 500px;
}

    .news-detail-page .news-article__image img {
        width: 100%;
        max-height: 500px;
        object-fit: cover;
    }

.news-detail-page .news-article__lead {
    margin: 28px 34px 0;
    padding: 20px 23px;
    border-right: 5px solid #b68b45;
    border-radius: 14px;
    background: linear-gradient(180deg,#fffaf1,#fbf7ef);
    color: #42515e;
    font-size: 15px;
    line-height: 2.25;
    box-shadow: inset 0 0 0 1px rgba(182,139,69,.08);
}

.news-detail-page .news-article__body {
    padding: 32px 36px 18px;
    color: #2e3b47;
    font-size: 16px;
    line-height: 2.35;
}

    .news-detail-page .news-article__body p {
        margin: 0 0 18px;
    }

    .news-detail-page .news-article__body h2,
    .news-detail-page .news-article__body h3 {
        margin: 30px 0 13px;
        color: #13283f;
        line-height: 1.8;
    }

.news-detail-page .news-article__bottom {
    padding: 4px 36px 32px;
    border-top: 1px solid #edf0f2;
    margin-top: 8px;
    padding-top: 20px;
}

.news-detail-page .news-related {
    width: 100%;
    box-sizing: border-box;
}

@media (max-width:850px) {
    .news-detail-page .news-detail-main {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .news-detail-page .news-article__lead {
        margin: 18px 16px 0;
        padding: 16px 17px;
        font-size: 13px;
    }

    .news-detail-page .news-article__body {
        padding: 22px 18px 12px;
        font-size: 14px;
        line-height: 2.2;
    }

    .news-detail-page .news-article__bottom {
        padding: 17px 18px 22px;
    }
}

/* FAQ HERO: FAQ mark must remain on the same row as the main hero content on mobile. */
@media (max-width:768px) {
    .faq-page-final .faq-hero-final {
        display: grid;
        grid-template-columns: minmax(0,1fr) 66px;
        align-items: center;
        gap: 12px;
        padding: 23px 16px !important;
    }

    .faq-page-final .faq-hero-final__content {
        min-width: 0;
    }

    .faq-page-final .faq-hero-final__mark {
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        width: 60px !important;
        height: 60px !important;
        border-radius: 17px !important;
        font-size: 18px !important;
        justify-self: end;
    }

    .faq-page-final .faq-hero-final h1 {
        font-size: 24px !important;
        line-height: 1.7 !important;
    }

    .faq-page-final .faq-hero-final p {
        font-size: 10.5px !important;
        line-height: 1.9 !important;
    }
}

/* RESUME APPLICATION: make the opportunity strip a real compact card and keep all 3 pieces in one row. */
.careers-application-page .career-application-opportunity__inner {
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
}

@media (max-width:430px) {
    .careers-application-page .career-application-opportunity__inner {
        grid-template-columns: minmax(0,1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 11px 10px !important;
    }

    .careers-application-page .career-application-opportunity__copy strong {
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    .careers-application-page .career-application-opportunity__copy span {
        font-size: 8px !important;
        white-space: nowrap !important;
    }

    .careers-application-page .career-application-opportunity__link {
        width: auto !important;
        min-height: 34px !important;
        padding: 6px 8px !important;
        font-size: 8px !important;
    }
}

/* RESUME SECURITY: the security question itself must be visibly rendered, not just an empty frame. */
.careers-application-page .career-application-captcha__question {
    min-height: 82px !important;
    background: linear-gradient(135deg,#13283f,#1f405b) !important;
    border: 1px solid rgba(215,180,119,.48) !important;
    color: #fff !important;
}

    .careers-application-page .career-application-captcha__question > span {
        display: inline-block !important;
        flex: 0 0 auto !important;
        color: rgba(255,255,255,.82) !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    .careers-application-page .career-application-captcha__question > strong {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 130px !important;
        min-height: 42px !important;
        padding: 6px 12px !important;
        box-sizing: border-box !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 10px !important;
        background: rgba(255,255,255,.10) !important;
        color: #fff !important;
        font-size: 21px !important;
        letter-spacing: 3px !important;
        line-height: 1 !important;
        text-shadow: 0 1px 8px rgba(0,0,0,.25);
    }

.careers-application-page #captchaQuestion {
    display: inline-block !important;
    min-width: 72px;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-weight: 900 !important;
}

.careers-application-page .career-application-captcha__question::after {
    z-index: 0 !important;
    background: rgba(215,180,119,.22) !important;
}

@media (max-width:680px) {
    .careers-application-page .career-application-captcha__question {
        min-height: 72px !important;
        padding: 10px 11px !important;
    }

        .careers-application-page .career-application-captcha__question > strong {
            min-width: 112px !important;
            font-size: 17px !important;
            letter-spacing: 2px !important;
        }
}

/* ================================================================
   EXACT SECOND PASS — NEWS / NEWS DETAILS / RESUME OPPORTUNITY
   Only the three items explicitly reported by the user.
   ================================================================ */

/* NEWS HERO: never clip the company name on narrow screens. */
@media (max-width: 700px) {
    .news-page .news-hero__inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .news-page .news-hero__content {
        width: 100% !important;
        min-width: 0 !important;
    }

    .news-page .news-hero__side {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        align-self: stretch !important;
        justify-self: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    .news-page .news-hero__mark {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
    }

    .news-page .news-hero__side span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: 12px !important;
    }
}

/* NEWS DETAILS: wide, elegant reading card; the article body gets the visual priority. */
.news-detail-page .news-detail-content > .site-container {
    max-width: 1240px !important;
}

.news-detail-page .news-detail-main {
    grid-template-columns: minmax(0, 1fr) 285px !important;
    gap: 28px !important;
}

.news-detail-page .news-article {
    min-width: 0 !important;
    border: 1px solid #e1e6ea !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 20px 55px rgba(19,40,63,.09) !important;
}

.news-detail-page .news-article__image {
    max-height: 470px !important;
}

    .news-detail-page .news-article__image img {
        width: 100% !important;
        max-height: 470px !important;
        object-fit: cover !important;
    }

.news-detail-page .news-article__lead {
    margin: 30px 42px 0 !important;
    padding: 20px 24px !important;
    border: 1px solid rgba(182,139,69,.24) !important;
    border-right: 5px solid #b68b45 !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg,#fffaf1,#fbf7ef) !important;
    color: #455361 !important;
    font-size: 15px !important;
    line-height: 2.25 !important;
}

.news-detail-page .news-article__body {
    padding: 34px 48px 22px !important;
    color: #303d49 !important;
    font-size: 16px !important;
    line-height: 2.45 !important;
    text-align: justify !important;
}

    .news-detail-page .news-article__body p {
        margin: 0 0 1.35em !important;
    }

    .news-detail-page .news-article__body h2,
    .news-detail-page .news-article__body h3 {
        position: relative !important;
        margin: 2em 0 .8em !important;
        padding-right: 15px !important;
        color: #13283f !important;
        line-height: 1.9 !important;
    }

        .news-detail-page .news-article__body h2::before,
        .news-detail-page .news-article__body h3::before {
            content: "" !important;
            position: absolute !important;
            right: 0 !important;
            top: .45em !important;
            width: 4px !important;
            height: 1.15em !important;
            border-radius: 99px !important;
            background: #b68b45 !important;
        }

    .news-detail-page .news-article__body blockquote {
        margin: 24px 0 !important;
        padding: 18px 22px !important;
        border-right: 4px solid #b68b45 !important;
        border-radius: 13px !important;
        background: #f7f8f8 !important;
        color: #566471 !important;
    }

.news-detail-page .news-article__bottom {
    margin-top: 8px !important;
    padding: 0 48px 36px !important;
}

@media (max-width: 850px) {
    .news-detail-page .news-detail-main {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .news-detail-page .news-article__lead {
        margin: 20px 18px 0 !important;
        padding: 16px 17px !important;
    }

    .news-detail-page .news-article__body {
        padding: 24px 19px 10px !important;
        font-size: 14px !important;
        line-height: 2.25 !important;
        text-align: right !important;
    }

    .news-detail-page .news-article__bottom {
        padding: 0 19px 25px !important;
    }
}

/* RESUME OPPORTUNITY: unmistakable designed card, not three loose text elements. */
.careers-application-page .career-application-opportunity {
    padding: 20px 0 4px !important;
}

.careers-application-page .career-application-opportunity__inner {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 20px !important;
    min-height: 86px !important;
    padding: 16px 18px 16px 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(182,139,69,.24) !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg,#fff,#fbfaf7) !important;
    box-shadow: 0 14px 35px rgba(19,40,63,.08) !important;
}

    .careers-application-page .career-application-opportunity__inner::before {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 16px !important;
        bottom: 16px !important;
        width: 4px !important;
        border-radius: 99px !important;
        background: #b68b45 !important;
    }

.careers-application-page .career-application-opportunity__copy {
    position: relative !important;
    min-width: 0 !important;
    padding-right: 16px !important;
    text-align: right !important;
}

    .careers-application-page .career-application-opportunity__copy::before {
        content: "✓" !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 36px !important;
        height: 36px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 12px !important;
        background: #fff5df !important;
        border: 1px solid rgba(182,139,69,.28) !important;
        color: #a27432 !important;
        font-size: 16px !important;
        font-weight: 900 !important;
    }

    .careers-application-page .career-application-opportunity__copy span {
        display: block !important;
        margin: 0 0 4px !important;
        color: #a27432 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    .careers-application-page .career-application-opportunity__copy strong {
        display: block !important;
        color: #13283f !important;
        font-size: 17px !important;
        line-height: 1.8 !important;
        font-weight: 900 !important;
    }

.careers-application-page .career-application-opportunity__link {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 46px !important;
    padding: 9px 17px !important;
    border: 1px solid rgba(182,139,69,.48) !important;
    border-radius: 13px !important;
    background: #13283f !important;
    color: #f2d7a6 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 20px rgba(19,40,63,.13) !important;
}

    .careers-application-page .career-application-opportunity__link:hover {
        background: #b68b45 !important;
        color: #fff !important;
        border-color: #b68b45 !important;
    }

@media (max-width: 520px) {
    .careers-application-page .career-application-opportunity__inner {
        grid-template-columns: minmax(0,1fr) auto !important;
        gap: 9px !important;
        min-height: 74px !important;
        padding: 12px 10px 12px 9px !important;
    }

    .careers-application-page .career-application-opportunity__copy {
        padding-right: 43px !important;
    }

        .careers-application-page .career-application-opportunity__copy::before {
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
        }

        .careers-application-page .career-application-opportunity__copy span {
            font-size: 8.5px !important;
            margin-bottom: 2px !important;
        }

        .careers-application-page .career-application-opportunity__copy strong {
            font-size: 10.5px !important;
            white-space: nowrap !important;
        }

    .careers-application-page .career-application-opportunity__link {
        width: auto !important;
        min-height: 38px !important;
        padding: 7px 9px !important;
        font-size: 8.5px !important;
    }
}

/* ================================================================
   PRECISION PASS — NEWS MOBILE / NEWS READING / CAREERS CARDS
   Only the areas requested in the current pass.
   ================================================================ */

/* NEWS HERO — mobile: company identity stays on the same horizontal axis
   as the main hero content; the full company name remains visible. */
@media (max-width: 700px) {
    .news-page .news-hero__inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(145px, 35%) !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 22px 16px !important;
    }

    .news-page .news-hero__content {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }

    .news-page .news-hero__side {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        align-self: center !important;
        justify-self: stretch !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        white-space: normal !important;
    }

    .news-page .news-hero__mark {
        flex: 0 0 46px !important;
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
        font-size: 15px !important;
    }

    .news-page .news-hero__side span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 11px !important;
        line-height: 1.7 !important;
    }

    .news-page .news-hero__title {
        font-size: 24px !important;
    }

    .news-page .news-hero__description {
        font-size: 12px !important;
        line-height: 1.9 !important;
    }
}

@media (max-width: 390px) {
    .news-page .news-hero__inner {
        grid-template-columns: minmax(0, 1fr) 136px !important;
        gap: 8px !important;
        padding: 19px 13px !important;
    }

    .news-page .news-hero__mark {
        flex-basis: 40px !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 13px !important;
    }

    .news-page .news-hero__side span {
        font-size: 10px !important;
    }

    .news-page .news-hero__title {
        font-size: 21px !important;
    }
}

/* NEWS DETAIL — the article itself is the main visual object. */
.news-detail-page .news-detail-content {
    padding: 34px 0 80px !important;
}

.news-detail-page .news-detail-main {
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 30px !important;
    align-items: start !important;
}

.news-detail-page .news-article {
    border: 1px solid #e4e8eb !important;
    border-radius: 30px !important;
    box-shadow: 0 24px 65px rgba(19,40,63,.10) !important;
    background: #fff !important;
}

.news-detail-page .news-article__image {
    border-bottom: 1px solid #edf0f1 !important;
    max-height: 520px !important;
}

    .news-detail-page .news-article__image img {
        max-height: 520px !important;
        object-fit: cover !important;
    }

.news-detail-page .news-article__lead {
    margin: 34px 48px 0 !important;
    padding: 23px 25px !important;
    border: 1px solid rgba(182,139,69,.25) !important;
    border-right: 5px solid #b68b45 !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg,#fffaf1,#fdfcf9) !important;
    box-shadow: 0 8px 24px rgba(19,40,63,.04) !important;
    color: #455361 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 2.25 !important;
}

.news-detail-page .news-article__body {
    padding: 38px 52px 20px !important;
    max-width: none !important;
    color: #34424f !important;
    font-size: 17px !important;
    line-height: 2.55 !important;
    text-align: right !important;
}

    .news-detail-page .news-article__body p {
        margin: 0 0 1.45em !important;
    }

    .news-detail-page .news-article__body h2,
    .news-detail-page .news-article__body h3 {
        margin: 2.2em 0 .9em !important;
        padding: 13px 18px 13px 0 !important;
        border-right: 4px solid #b68b45 !important;
        border-radius: 0 10px 10px 0 !important;
        background: linear-gradient(90deg,transparent,#faf8f3) !important;
        color: #13283f !important;
        font-size: 22px !important;
        line-height: 1.8 !important;
    }

        .news-detail-page .news-article__body h2::before,
        .news-detail-page .news-article__body h3::before {
            display: none !important;
        }

    .news-detail-page .news-article__body ul,
    .news-detail-page .news-article__body ol {
        margin: 18px 0 25px !important;
        padding: 0 28px 0 0 !important;
    }

    .news-detail-page .news-article__body li {
        margin: 7px 0 !important;
    }

    .news-detail-page .news-article__body img {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 28px auto !important;
        border: 1px solid #e5e9eb !important;
        border-radius: 18px !important;
        box-shadow: 0 12px 32px rgba(19,40,63,.08) !important;
    }

.news-detail-page .news-article__bottom {
    padding: 15px 52px 40px !important;
    border-top: 1px solid #eef1f2 !important;
}

.news-detail-page .news-article__back {
    min-height: 44px !important;
    padding: 0 17px !important;
    border-radius: 12px !important;
    background: #fffaf1 !important;
    box-shadow: 0 7px 18px rgba(182,139,69,.08) !important;
}

@media (max-width: 850px) {
    .news-detail-page .news-detail-content {
        padding: 20px 0 55px !important;
    }

    .news-detail-page .news-detail-main {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .news-detail-page .news-article {
        border-radius: 22px !important;
    }

    .news-detail-page .news-article__lead {
        margin: 20px 18px 0 !important;
        padding: 17px 17px !important;
        font-size: 14px !important;
    }

    .news-detail-page .news-article__body {
        padding: 24px 19px 8px !important;
        font-size: 14px !important;
        line-height: 2.25 !important;
    }

        .news-detail-page .news-article__body h2,
        .news-detail-page .news-article__body h3 {
            font-size: 18px !important;
            padding-right: 13px !important;
        }

    .news-detail-page .news-article__bottom {
        padding: 12px 19px 25px !important;
    }
}

/* CAREERS LIST — premium toolbar instead of loose text. */
.careers-list-page .careers-list-toolbar--premium {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 22px 24px !important;
    margin-bottom: 24px !important;
    border: 1px solid #e5e9eb !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg,#ffffff,#faf9f5) !important;
    box-shadow: 0 14px 35px rgba(19,40,63,.06) !important;
    overflow: hidden !important;
}

    .careers-list-page .careers-list-toolbar--premium::before {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 20px !important;
        bottom: 20px !important;
        width: 4px !important;
        border-radius: 99px !important;
        background: #b68b45 !important;
    }

.careers-list-page .careers-list-toolbar__copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
    padding-right: 14px !important;
}

.careers-list-page .careers-list-toolbar__eyebrow {
    color: #a87930 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.careers-list-page .careers-list-toolbar__copy strong {
    color: #13283f !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.65 !important;
}

.careers-list-page .careers-list-toolbar__copy small {
    color: #687682 !important;
    font-size: 12px !important;
    line-height: 1.9 !important;
}

.careers-list-page .careers-list-guide-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-width: 185px !important;
    min-height: 50px !important;
    padding: 0 17px !important;
    border: 1px solid rgba(182,139,69,.38) !important;
    border-radius: 13px !important;
    background: #fffaf1 !important;
    color: #8c652c !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 20px rgba(182,139,69,.08) !important;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}

    .careers-list-page .careers-list-guide-button:hover {
        transform: translateY(-2px) !important;
        background: #fff4df !important;
        box-shadow: 0 13px 26px rgba(182,139,69,.14) !important;
    }

.careers-list-page .careers-list-guide-button__icon {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: #13283f !important;
    color: #fff !important;
    font-size: 13px !important;
}

.careers-list-page .careers-list-guide-button__arrow {
    font-size: 16px !important;
}

/* CAREERS CARDS — tags, metadata and actions are visual controls, not plain text. */
.careers-list-page .careers-suite-job-card {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid #e3e8eb !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(19,40,63,.055) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

    .careers-list-page .careers-suite-job-card:hover {
        transform: translateY(-5px) !important;
        border-color: rgba(182,139,69,.35) !important;
        box-shadow: 0 22px 45px rgba(19,40,63,.11) !important;
    }

.careers-list-page .careers-suite-job-card__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 17px 18px 0 !important;
}

.careers-list-page .careers-suite-job-card__category-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
}

.careers-list-page .careers-suite-job-card__icon {
    width: 25px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    background: #fff7e8 !important;
    color: #b68b45 !important;
    font-size: 9px !important;
    flex: 0 0 25px !important;
}

.careers-list-page .career-category {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 4px 10px !important;
    border: 1px solid rgba(182,139,69,.28) !important;
    border-radius: 999px !important;
    background: #fffaf1 !important;
    color: #8f682f !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.careers-list-page .careers-suite-job-card__number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 9px !important;
    background: #f3f6f7 !important;
    color: #71808b !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.careers-list-page .career-card__header {
    padding: 17px 18px 8px !important;
}

.careers-list-page .careers-suite-job-card__label {
    display: block !important;
    margin-bottom: 5px !important;
    color: #a87930 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.careers-list-page .career-card__header h2 {
    margin: 0 !important;
    color: #13283f !important;
    font-size: 20px !important;
    line-height: 1.75 !important;
}

.careers-list-page .career-card__body {
    padding: 0 18px 17px !important;
}

    .careers-list-page .career-card__body p {
        margin: 0 0 15px !important;
        color: #65737f !important;
        font-size: 12px !important;
        line-height: 2 !important;
        min-height: 48px !important;
    }

.careers-list-page .careers-meta--premium {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

    .careers-list-page .careers-meta--premium span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        min-height: 29px !important;
        padding: 4px 9px !important;
        border: 1px solid #e4e9eb !important;
        border-radius: 999px !important;
        background: #f8fafb !important;
        color: #586773 !important;
        font-size: 10px !important;
        font-weight: 800 !important;
    }

    .careers-list-page .careers-meta--premium i {
        width: 16px !important;
        height: 16px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        background: #edf5ef !important;
        color: #4d8060 !important;
        font-style: normal !important;
        font-size: 9px !important;
    }

.careers-list-page .careers-suite-job-card__footer {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 13px 18px 18px !important;
    border-top: 1px solid #eef1f2 !important;
}

.careers-list-page .career-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 43px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

    .careers-list-page .career-button:hover {
        transform: translateY(-2px) !important;
    }

    .careers-list-page .career-button b {
        font-size: 15px !important;
        font-weight: 900 !important;
    }

.careers-list-page .career-button--outline {
    border: 1px solid #dfe5e8 !important;
    background: #fff !important;
    color: #53636f !important;
}

    .careers-list-page .career-button--outline:hover {
        background: #f8fafb !important;
        box-shadow: 0 7px 18px rgba(19,40,63,.06) !important;
    }

.careers-list-page .career-button--primary {
    border: 1px solid #b68b45 !important;
    background: #b68b45 !important;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(182,139,69,.18) !important;
}

    .careers-list-page .career-button--primary:hover {
        background: #9d752f !important;
        box-shadow: 0 11px 24px rgba(182,139,69,.25) !important;
    }

@media (max-width: 680px) {
    .careers-list-page .careers-list-toolbar--premium {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
        padding: 18px 17px !important;
    }

    .careers-list-page .careers-list-guide-button {
        width: 100% !important;
        min-width: 0 !important;
    }

    .careers-list-page .careers-list-toolbar__copy strong {
        font-size: 18px !important;
    }

    .careers-list-page .careers-list-toolbar__copy small {
        font-size: 11px !important;
    }

    .careers-list-page .career-card__header h2 {
        font-size: 18px !important;
    }
}


/* FINAL STRICT FIX — NEWS READING / RESUME SUCCESS / CONTACT */
.news-detail-page {
    background: #f4f6f7 !important;
    min-height: 100vh !important
}

    .news-detail-page .news-detail-hero {
        padding: 0 0 34px !important;
        background: transparent !important
    }

    .news-detail-page .news-detail-hero__inner {
        position: relative !important;
        overflow: hidden !important;
        padding: 46px 56px !important;
        border-radius: 0 0 34px 34px !important;
        background: linear-gradient(135deg,#10263b 0%,#1b3d56 58%,#284a5d 100%) !important;
        box-shadow: 0 20px 50px rgba(16,38,59,.16) !important
    }

    .news-detail-page .news-detail-hero__title {
        max-width: 980px !important;
        margin: 18px 0 20px !important;
        color: #fff !important;
        font-size: clamp(30px,4vw,48px) !important;
        line-height: 1.65 !important;
        font-weight: 900 !important
    }

    .news-detail-page .news-detail-content {
        padding: 8px 0 90px !important
    }

    .news-detail-page .news-detail-main {
        max-width: 1240px !important;
        margin: 0 auto !important;
        grid-template-columns: minmax(0,1fr) 285px !important;
        gap: 28px !important
    }

    .news-detail-page .news-article {
        overflow: hidden !important;
        border: 1px solid #e1e6e9 !important;
        border-radius: 28px !important;
        background: #fff !important;
        box-shadow: 0 22px 60px rgba(16,38,59,.09) !important
    }

    .news-detail-page .news-article__image {
        margin: 0 !important;
        max-height: none !important;
        border: 0 !important;
        background: #e9edef !important
    }

        .news-detail-page .news-article__image img {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            max-height: 560px !important;
            object-fit: cover !important
        }

    .news-detail-page .news-article__lead {
        margin: 34px 52px 0 !important;
        padding: 24px 28px !important;
        border: 1px solid rgba(182,139,69,.28) !important;
        border-right: 5px solid #b68b45 !important;
        border-radius: 18px !important;
        background: linear-gradient(135deg,#fffaf1,#fff) !important;
        color: #3c4b58 !important;
        font-size: 17px !important;
        line-height: 2.25 !important;
        font-weight: 700 !important
    }

    .news-detail-page .news-article__body {
        width: auto !important;
        max-width: none !important;
        padding: 42px 58px 20px !important;
        color: #34424f !important;
        font-size: 17px !important;
        line-height: 2.65 !important;
        text-align: justify !important
    }

        .news-detail-page .news-article__body p {
            margin: 0 0 1.65em !important
        }

        .news-detail-page .news-article__body h2, .news-detail-page .news-article__body h3 {
            margin: 2.1em 0 1em !important;
            padding: 12px 18px !important;
            border-right: 4px solid #b68b45 !important;
            border-radius: 0 12px 12px 0 !important;
            background: linear-gradient(90deg,#fff,#faf7f0) !important;
            color: #142b40 !important;
            font-size: 23px !important;
            line-height: 1.8 !important
        }

        .news-detail-page .news-article__body ul, .news-detail-page .news-article__body ol {
            padding-right: 30px !important;
            margin: 18px 0 28px !important
        }

        .news-detail-page .news-article__body li {
            margin: 9px 0 !important;
            padding-right: 3px !important
        }

        .news-detail-page .news-article__body blockquote {
            margin: 30px 0 !important;
            padding: 22px 26px !important;
            border-right: 4px solid #b68b45 !important;
            border-radius: 14px !important;
            background: #f8fafb !important;
            color: #53616d !important
        }

        .news-detail-page .news-article__body img {
            display: block !important;
            max-width: 100% !important;
            height: auto !important;
            margin: 34px auto !important;
            border-radius: 18px !important;
            box-shadow: 0 14px 35px rgba(16,38,59,.1) !important
        }

    .news-detail-page .news-article__bottom {
        padding: 20px 58px 42px !important;
        border-top: 1px solid #edf0f2 !important
    }

    .news-detail-page .news-article__back {
        display: inline-flex !important;
        align-items: center !important;
        gap: 9px !important;
        min-height: 46px !important;
        padding: 0 18px !important;
        border: 1px solid rgba(182,139,69,.3) !important;
        border-radius: 12px !important;
        background: #fff9ef !important;
        color: #8a6429 !important;
        font-weight: 900 !important;
        text-decoration: none !important
    }

@media(max-width:850px) {
    .news-detail-page .news-detail-hero {
        padding-bottom: 18px !important
    }

    .news-detail-page .news-detail-hero__inner {
        padding: 30px 20px !important;
        border-radius: 0 0 24px 24px !important
    }

    .news-detail-page .news-detail-hero__title {
        font-size: 25px !important;
        line-height: 1.75 !important
    }

    .news-detail-page .news-detail-main {
        grid-template-columns: 1fr !important;
        gap: 18px !important
    }

    .news-detail-page .news-article {
        border-radius: 21px !important
    }

    .news-detail-page .news-article__image img {
        max-height: 360px !important
    }

    .news-detail-page .news-article__lead {
        margin: 20px 17px 0 !important;
        padding: 17px 16px !important;
        font-size: 14px !important;
        line-height: 2.2 !important
    }

    .news-detail-page .news-article__body {
        padding: 27px 19px 12px !important;
        font-size: 14px !important;
        line-height: 2.45 !important;
        text-align: right !important
    }

        .news-detail-page .news-article__body h2, .news-detail-page .news-article__body h3 {
            font-size: 18px !important;
            padding: 10px 13px !important
        }

    .news-detail-page .news-article__bottom {
        padding: 14px 19px 26px !important
    }
}

/* Resume success mark: stable beside content on desktop/tablet; stacked only on narrow screens. */
.careers-success-card {
    grid-template-columns: 96px minmax(0,1fr) !important;
    gap: 26px !important;
    align-items: start !important
}

.careers-success-card__mark {
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 92px !important;
    margin: 2px 0 0 !important;
    align-self: start !important
}

.careers-success-card__content {
    min-width: 0 !important
}

@media(max-width:680px) {
    .careers-success-card {
        grid-template-columns: 1fr !important;
        gap: 18px !important
    }

    .careers-success-card__mark {
        margin: 0 auto !important;
        align-self: center !important
    }
}

/* Contact page — complete responsive visual treatment, scoped only to Contact. */
.contact-page-final {
    padding: 32px 0 78px !important;
    background: #f5f7f8 !important
}

.contact-page-final__hero {
    padding: 42px 48px !important;
    border-radius: 30px !important;
    margin-bottom: 24px !important;
    background: linear-gradient(135deg,#10263b,#1d4058) !important;
    box-shadow: 0 22px 55px rgba(16,38,59,.13) !important
}

    .contact-page-final__hero h1 {
        font-size: clamp(30px,4vw,44px) !important
    }

.contact-page-final__grid {
    grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr) !important;
    gap: 22px !important
}

.contact-page-final__card {
    padding: 27px !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 38px rgba(16,38,59,.07) !important
}

.contact-page-final__item {
    grid-template-columns: 82px minmax(0,1fr) !important;
    padding: 17px 0 !important
}

    .contact-page-final__item a:hover {
        color: #9a702f !important
    }

.contact-page-final__map {
    min-height: 360px !important;
    border-radius: 18px !important
}

    .contact-page-final__map iframe {
        height: 360px !important
    }

.contact-page-final__map-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(182,139,69,.12)
}

@media(max-width:780px) {
    .contact-page-final {
        padding: 18px 0 55px !important
    }

    .contact-page-final__hero {
        padding: 29px 20px !important;
        border-radius: 22px !important
    }

    .contact-page-final__grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important
    }

    .contact-page-final__card {
        padding: 19px !important;
        border-radius: 20px !important
    }

    .contact-page-final__item {
        grid-template-columns: 68px minmax(0,1fr) !important;
        gap: 10px !important
    }

    .contact-page-final__map, .contact-page-final__map iframe {
        min-height: 270px !important;
        height: 270px !important
    }

    .contact-page-final__hero p {
        font-size: 13px !important;
        line-height: 2.05 !important
    }
}

/* =========================================================
   CONTACT + TERMS FINAL MOBILE POLISH — strictly scoped
   ========================================================= */
.contact-page-final {
    padding: 64px 0 96px;
    background: #f5f7fa;
}

.contact-page-final__hero {
    position: relative;
    overflow: hidden;
    padding: 46px 50px;
    margin-bottom: 24px;
    border: 1px solid rgba(19,40,63,.08);
    border-radius: 30px;
    background: linear-gradient(135deg,#13283f 0%,#1d3852 62%,#27445e 100%);
    box-shadow: 0 24px 55px rgba(19,40,63,.16);
    color: #fff;
    text-align: right;
}

    .contact-page-final__hero::after {
        content: "";
        position: absolute;
        width: 230px;
        height: 230px;
        left: -75px;
        top: -100px;
        border: 1px solid rgba(213,178,110,.22);
        border-radius: 50%;
        box-shadow: 0 0 0 28px rgba(213,178,110,.04),0 0 0 58px rgba(213,178,110,.025);
    }

.contact-page-final__eyebrow {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #d5b26e;
    font-size: 12px;
    font-weight: 900;
}

    .contact-page-final__eyebrow::before {
        content: "";
        width: 30px;
        height: 2px;
        border-radius: 2px;
        background: #d5b26e;
    }

.contact-page-final__hero h1 {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(30px,4vw,48px);
    line-height: 1.25;
    font-weight: 900;
}

.contact-page-final__hero p {
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 15px 0 0;
    color: rgba(255,255,255,.76);
    font-size: 15px;
    line-height: 2.15;
}

.contact-page-final__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1.12fr);
    gap: 24px;
    align-items: stretch;
}

.contact-page-final__card {
    min-width: 0;
    padding: 30px;
    border: 1px solid rgba(19,40,63,.08);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(19,40,63,.07);
}

    .contact-page-final__card h2 {
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 0 0 22px;
        color: #13283f;
        font-size: 20px;
        font-weight: 900;
    }

        .contact-page-final__card h2::before {
            content: "";
            width: 5px;
            height: 27px;
            border-radius: 5px;
            background: #b58a43;
        }

.contact-page-final__item {
    display: grid;
    grid-template-columns: 92px minmax(0,1fr);
    gap: 14px;
    align-items: start;
    padding: 16px 0;
    border-bottom: 1px solid rgba(19,40,63,.08);
}

    .contact-page-final__item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .contact-page-final__item strong {
        color: #718093;
        font-size: 12px;
        line-height: 2;
        font-weight: 800;
    }

    .contact-page-final__item span, .contact-page-final__item a {
        min-width: 0;
        color: #24384d;
        font-size: 14px;
        line-height: 2;
        font-weight: 700;
        overflow-wrap: anywhere;
    }

    .contact-page-final__item a {
        color: #8a6b32;
        text-decoration: none;
    }

        .contact-page-final__item a:hover {
            text-decoration: underline;
        }

.contact-page-final__map {
    overflow: hidden;
    min-height: 390px;
    border-radius: 20px;
    background: #edf1f5;
}

    .contact-page-final__map iframe {
        display: block;
        width: 100%;
        height: 390px;
        border: 0;
    }

.contact-page-final__map-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 160px;
    padding: 24px;
    border: 1px dashed rgba(181,138,67,.42);
    border-radius: 20px;
    background: linear-gradient(135deg,#fbfaf6,#fff);
    color: #8a6b32;
    font-weight: 900;
    text-decoration: none;
}

.contact-page-final__card > p {
    margin: 0;
    color: #69798b;
    line-height: 2;
}

@media (max-width:900px) {
    .contact-page-final {
        padding: 50px 0 72px;
    }

    .contact-page-final__hero {
        padding: 36px 30px;
        border-radius: 24px;
    }

    .contact-page-final__grid {
        grid-template-columns: 1fr;
    }

    .contact-page-final__card {
        padding: 26px;
    }
}

@media (max-width:600px) {
    .contact-page-final {
        padding: 34px 0 54px;
    }

    .contact-page-final__hero {
        padding: 27px 19px;
        margin-bottom: 15px;
        border-radius: 20px;
    }

        .contact-page-final__hero h1 {
            font-size: 28px;
        }

        .contact-page-final__hero p {
            margin-top: 10px;
            font-size: 12px;
            line-height: 1.95;
        }

    .contact-page-final__eyebrow {
        margin-bottom: 8px;
        font-size: 10px;
    }

        .contact-page-final__eyebrow::before {
            width: 20px;
        }

    .contact-page-final__grid {
        gap: 15px;
    }

    .contact-page-final__card {
        padding: 20px 17px;
        border-radius: 19px;
    }

        .contact-page-final__card h2 {
            margin-bottom: 15px;
            font-size: 17px;
        }

            .contact-page-final__card h2::before {
                height: 22px;
                width: 4px;
            }

    .contact-page-final__item {
        grid-template-columns: 68px minmax(0,1fr);
        gap: 9px;
        padding: 13px 0;
    }

        .contact-page-final__item strong {
            font-size: 11px;
        }

        .contact-page-final__item span, .contact-page-final__item a {
            font-size: 12px;
            line-height: 1.9;
        }

    .contact-page-final__map {
        min-height: 250px;
        border-radius: 15px;
    }

        .contact-page-final__map iframe {
            height: 250px;
        }

    .contact-page-final__map-link {
        min-height: 110px;
        padding: 17px;
        border-radius: 15px;
        font-size: 12px;
    }

    .legal-page--terms {
        padding: 34px 0 54px;
    }

        .legal-page--terms .legal-page__hero {
            display: grid;
            grid-template-columns: minmax(0,1fr) 64px;
            gap: 12px;
            padding: 20px 16px;
            margin-bottom: 14px;
            border-radius: 18px;
            align-items: center;
        }

        .legal-page--terms .legal-page__hero-mark {
            width: 64px;
            height: 64px;
            border-radius: 17px;
        }

        .legal-page--terms .legal-page__hero-mark-icon {
            width: 31px;
            height: 31px;
            border-radius: 10px;
            font-size: 16px;
        }

        .legal-page--terms .legal-page__hero-mark-line {
            bottom: 8px;
            width: 24px;
            height: 2px;
            margin-left: -12px;
        }

        .legal-page--terms .legal-page__title {
            font-size: 25px;
        }

        .legal-page--terms .legal-page__summary {
            font-size: 11px;
            line-height: 1.85;
        }

        .legal-page--terms .legal-page__layout {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .legal-page--terms .legal-page__aside {
            width: 100%;
        }

        .legal-page--terms .legal-page__aside-card {
            display: grid;
            grid-template-columns: minmax(0,1fr) 38px;
            gap: 10px;
            width: 100%;
            min-height: 78px;
            padding: 13px 13px 13px 12px;
            border-radius: 16px;
        }

            .legal-page--terms .legal-page__aside-card > div[style] {
                display: none;
            }

        .legal-page--terms .legal-page__aside-icon {
            width: 38px;
            height: 38px;
            border-radius: 11px;
            font-size: 19px;
        }

        .legal-page--terms .legal-page__aside-card strong {
            font-size: 13px;
        }

        .legal-page--terms .legal-page__aside-copy > span {
            font-size: 10px;
            line-height: 1.7;
        }

        .legal-page--terms .legal-page__content {
            width: 100%;
            padding: 20px 16px 24px;
            border-radius: 18px;
        }

        .legal-page--terms .legal-page__content-top {
            margin-bottom: 17px;
            font-size: 10px;
        }

        .legal-page--terms .legal-page__body {
            font-size: 12px;
            line-height: 2.05;
        }

            .legal-page--terms .legal-page__body h2, .legal-page--terms .legal-page__body h3, .legal-page--terms .legal-page__body h4 {
                margin: 26px 0 11px;
                padding-right: 12px;
            }
}

/* =========================================================
   NEWS DETAILS — PREMIUM FINAL REDESIGN / MOBILE SAFE
   Scoped only to .news-detail-page
   ========================================================= */
.news-detail-page {
    background: #f3f5f7 !important;
    color: #263746 !important;
    overflow-x: hidden !important;
}

    .news-detail-page .news-detail-hero {
        padding: 0 0 42px !important;
        background: transparent !important;
    }

    .news-detail-page .news-detail-hero__inner {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        padding: 58px 68px 54px !important;
        border-radius: 0 0 38px 38px !important;
        background: radial-gradient(circle at 12% 18%, rgba(213,178,110,.18), transparent 28%), radial-gradient(circle at 92% 86%, rgba(255,255,255,.08), transparent 24%), linear-gradient(135deg,#0f263c 0%,#17374f 55%,#254b62 100%) !important;
        box-shadow: 0 26px 70px rgba(15,38,60,.18) !important;
    }

        .news-detail-page .news-detail-hero__inner::before {
            content: "" !important;
            position: absolute !important;
            z-index: -1 !important;
            width: 310px !important;
            height: 310px !important;
            left: -120px !important;
            top: -150px !important;
            border: 1px solid rgba(213,178,110,.20) !important;
            border-radius: 50% !important;
            box-shadow: 0 0 0 32px rgba(213,178,110,.045), 0 0 0 68px rgba(213,178,110,.025) !important;
        }

        .news-detail-page .news-detail-hero__inner::after {
            content: "" !important;
            position: absolute !important;
            z-index: -1 !important;
            right: -90px !important;
            bottom: -120px !important;
            width: 250px !important;
            height: 250px !important;
            border: 1px solid rgba(255,255,255,.07) !important;
            border-radius: 50% !important;
        }

    .news-detail-page .news-detail-hero__category {
        display: inline-flex !important;
        align-items: center !important;
        gap: 9px !important;
        min-height: 34px !important;
        padding: 0 13px !important;
        border: 1px solid rgba(213,178,110,.30) !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.065) !important;
        color: #e3c27e !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        backdrop-filter: blur(8px) !important;
    }

    .news-detail-page .news-detail-hero__category-dot {
        width: 7px !important;
        height: 7px !important;
        flex: 0 0 7px !important;
        border-radius: 50% !important;
        background: #d5b26e !important;
        box-shadow: 0 0 0 4px rgba(213,178,110,.12) !important;
    }

    .news-detail-page .news-detail-hero__title {
        position: relative !important;
        max-width: 1040px !important;
        margin: 20px 0 22px !important;
        color: #fff !important;
        font-size: clamp(31px,4.1vw,52px) !important;
        line-height: 1.55 !important;
        letter-spacing: -.35px !important;
        font-weight: 900 !important;
    }

    .news-detail-page .news-detail-hero__meta {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 11px 15px !important;
        color: rgba(255,255,255,.70) !important;
        font-size: 12px !important;
    }

    .news-detail-page .news-detail-hero__meta-item {
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        min-width: 0 !important;
    }

    .news-detail-page .news-detail-hero__meta-icon {
        display: inline-grid !important;
        width: 26px !important;
        height: 26px !important;
        place-items: center !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 9px !important;
        background: rgba(255,255,255,.07) !important;
        color: #d5b26e !important;
        font-size: 11px !important;
    }

    .news-detail-page .news-detail-hero__meta-separator {
        display: none !important;
    }

    .news-detail-page .news-detail-content {
        padding: 0 0 96px !important;
    }

    .news-detail-page .news-detail-main {
        max-width: 1240px !important;
        margin: 0 auto !important;
        display: grid !important;
        grid-template-columns: minmax(0,1fr) 300px !important;
        gap: 28px !important;
        align-items: start !important;
    }

    .news-detail-page .news-article {
        position: relative !important;
        min-width: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(18,40,61,.08) !important;
        border-radius: 30px !important;
        background: #fff !important;
        box-shadow: 0 24px 70px rgba(18,40,61,.10) !important;
    }

    .news-detail-page .news-article__image {
        position: relative !important;
        overflow: hidden !important;
        margin: 0 !important;
        border: 0 !important;
        background: #e8edf0 !important;
    }

        .news-detail-page .news-article__image::after {
            content: "" !important;
            position: absolute !important;
            inset: auto 0 0 0 !important;
            height: 90px !important;
            background: linear-gradient(to top,rgba(11,30,47,.18),transparent) !important;
            pointer-events: none !important;
        }

        .news-detail-page .news-article__image img {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            max-height: 560px !important;
            object-fit: cover !important;
        }

    .news-detail-page .news-article__lead {
        position: relative !important;
        margin: 34px 52px 0 !important;
        padding: 24px 27px !important;
        border: 1px solid rgba(181,138,67,.24) !important;
        border-right: 5px solid #b58a43 !important;
        border-radius: 18px !important;
        background: linear-gradient(135deg,#fffaf1 0%,#fffdf9 100%) !important;
        color: #40505d !important;
        font-size: 16px !important;
        line-height: 2.25 !important;
        font-weight: 700 !important;
        box-shadow: 0 10px 30px rgba(181,138,67,.06) !important;
    }

    .news-detail-page .news-article__body {
        width: auto !important;
        max-width: 880px !important;
        margin: 0 auto !important;
        padding: 42px 58px 18px !important;
        color: #344450 !important;
        font-size: 17px !important;
        line-height: 2.65 !important;
        text-align: right !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

        .news-detail-page .news-article__body p {
            margin: 0 0 1.55em !important;
        }

        .news-detail-page .news-article__body h2,
        .news-detail-page .news-article__body h3,
        .news-detail-page .news-article__body h4 {
            position: relative !important;
            margin: 2.1em 0 .95em !important;
            padding: 10px 17px 10px 12px !important;
            border-right: 4px solid #b58a43 !important;
            border-radius: 0 12px 12px 0 !important;
            background: linear-gradient(90deg,#fff,#faf7f0) !important;
            color: #142b40 !important;
            line-height: 1.85 !important;
            font-weight: 900 !important;
        }

        .news-detail-page .news-article__body h2 {
            font-size: 24px !important;
        }

        .news-detail-page .news-article__body h3 {
            font-size: 20px !important;
        }

        .news-detail-page .news-article__body h4 {
            font-size: 18px !important;
        }

        .news-detail-page .news-article__body ul,
        .news-detail-page .news-article__body ol {
            margin: 18px 0 28px !important;
            padding-right: 28px !important;
        }

        .news-detail-page .news-article__body li {
            margin: 8px 0 !important;
            padding-right: 4px !important;
        }

        .news-detail-page .news-article__body a {
            color: #916b2f !important;
            font-weight: 800 !important;
        }

        .news-detail-page .news-article__body strong {
            color: #1c3449 !important;
        }

        .news-detail-page .news-article__body blockquote {
            margin: 28px 0 !important;
            padding: 20px 24px !important;
            border: 1px solid #e8edf0 !important;
            border-right: 4px solid #b58a43 !important;
            border-radius: 15px !important;
            background: #f8fafb !important;
            color: #596875 !important;
        }

        .news-detail-page .news-article__body img {
            display: block !important;
            max-width: 100% !important;
            height: auto !important;
            margin: 32px auto !important;
            border: 1px solid #e4e9ec !important;
            border-radius: 18px !important;
            box-shadow: 0 16px 38px rgba(18,40,61,.10) !important;
        }

    .news-detail-page .news-article__bottom {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 15px !important;
        margin-top: 10px !important;
        padding: 20px 58px 40px !important;
        border-top: 1px solid #edf0f2 !important;
    }

    .news-detail-page .news-article__back {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        min-height: 46px !important;
        padding: 0 18px !important;
        border: 1px solid rgba(181,138,67,.28) !important;
        border-radius: 13px !important;
        background: linear-gradient(135deg,#fffaf0,#fff) !important;
        color: #8b682f !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        transition: transform .2s ease, box-shadow .2s ease !important;
    }

        .news-detail-page .news-article__back:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 10px 24px rgba(181,138,67,.12) !important;
        }

    .news-detail-page .news-related {
        position: sticky !important;
        top: 24px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 22px !important;
        border: 1px solid rgba(18,40,61,.08) !important;
        border-radius: 24px !important;
        background: rgba(255,255,255,.96) !important;
        box-shadow: 0 18px 48px rgba(18,40,61,.08) !important;
    }

    .news-detail-page .news-related__heading {
        padding-bottom: 16px !important;
        border-bottom: 1px solid #edf0f2 !important;
    }

        .news-detail-page .news-related__heading .section-kicker {
            color: #a77c35 !important;
            font-size: 10px !important;
            font-weight: 900 !important;
        }

        .news-detail-page .news-related__heading h2 {
            margin: 7px 0 0 !important;
            color: #142b40 !important;
            font-size: 20px !important;
            font-weight: 900 !important;
        }

    .news-detail-page .news-related__item {
        margin: 0 !important;
        padding: 14px 0 !important;
        border-top: 1px solid #edf0f2 !important;
    }

        .news-detail-page .news-related__item:first-child {
            border-top: 0 !important;
        }

        .news-detail-page .news-related__item > a {
            display: grid !important;
            grid-template-columns: 76px minmax(0,1fr) !important;
            gap: 11px !important;
            align-items: center !important;
            text-decoration: none !important;
        }

    .news-detail-page .news-related__image {
        width: 76px !important;
        height: 62px !important;
        flex: 0 0 76px !important;
        overflow: hidden !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg,#edf1f3,#dfe6ea) !important;
    }

    .news-detail-page .news-related__body {
        min-width: 0 !important;
    }

        .news-detail-page .news-related__body h3 {
            margin: 0 !important;
            color: #263b4c !important;
            font-size: 12px !important;
            line-height: 1.85 !important;
            font-weight: 800 !important;
        }

        .news-detail-page .news-related__body time {
            display: block !important;
            margin-top: 4px !important;
            color: #8b969f !important;
            font-size: 10px !important;
        }

@media (max-width: 1050px) {
    .news-detail-page .news-detail-hero__inner {
        padding: 48px 42px 46px !important;
    }

    .news-detail-page .news-detail-main {
        grid-template-columns: minmax(0,1fr) 270px !important;
        gap: 20px !important;
    }

    .news-detail-page .news-article__lead {
        margin-left: 36px !important;
        margin-right: 36px !important;
    }

    .news-detail-page .news-article__body {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }

    .news-detail-page .news-article__bottom {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }
}

@media (max-width: 850px) {
    .news-detail-page .news-detail-hero {
        padding-bottom: 18px !important;
    }

    .news-detail-page .news-detail-hero__inner {
        padding: 32px 22px 30px !important;
        border-radius: 0 0 24px 24px !important;
    }

    .news-detail-page .news-detail-hero__title {
        margin: 15px 0 18px !important;
        font-size: clamp(24px,6vw,31px) !important;
        line-height: 1.75 !important;
        letter-spacing: 0 !important;
    }

    .news-detail-page .news-detail-hero__meta {
        gap: 8px 11px !important;
        font-size: 10px !important;
    }

    .news-detail-page .news-detail-hero__meta-icon {
        width: 23px !important;
        height: 23px !important;
        border-radius: 8px !important;
    }

    .news-detail-page .news-detail-main {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .news-detail-page .news-article {
        border-radius: 21px !important;
    }

    .news-detail-page .news-article__image img {
        max-height: 390px !important;
    }

    .news-detail-page .news-article__lead {
        margin: 20px 17px 0 !important;
        padding: 16px 16px !important;
        border-right-width: 4px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
        line-height: 2.15 !important;
    }

    .news-detail-page .news-article__body {
        max-width: none !important;
        padding: 26px 19px 10px !important;
        font-size: 14px !important;
        line-height: 2.3 !important;
        text-align: right !important;
    }

        .news-detail-page .news-article__body h2,
        .news-detail-page .news-article__body h3,
        .news-detail-page .news-article__body h4 {
            margin-top: 1.9em !important;
            padding: 9px 12px 9px 8px !important;
            border-right-width: 3px !important;
        }

        .news-detail-page .news-article__body h2 {
            font-size: 19px !important;
        }

        .news-detail-page .news-article__body h3 {
            font-size: 17px !important;
        }

        .news-detail-page .news-article__body h4 {
            font-size: 16px !important;
        }

        .news-detail-page .news-article__body ul,
        .news-detail-page .news-article__body ol {
            padding-right: 21px !important;
        }

        .news-detail-page .news-article__body blockquote {
            padding: 16px 17px !important;
            margin: 23px 0 !important;
        }

        .news-detail-page .news-article__body img {
            margin: 25px auto !important;
            border-radius: 14px !important;
        }

    .news-detail-page .news-article__bottom {
        justify-content: stretch !important;
        padding: 14px 19px 24px !important;
    }

    .news-detail-page .news-article__back {
        width: 100% !important;
        min-height: 44px !important;
    }

    .news-detail-page .news-related {
        position: static !important;
        padding: 18px !important;
        border-radius: 19px !important;
    }
}

@media (max-width: 480px) {
    .news-detail-page .news-detail-hero__inner {
        padding: 27px 16px 25px !important;
    }

    .news-detail-page .news-detail-hero__category {
        min-height: 30px !important;
        padding: 0 11px !important;
        font-size: 10px !important;
    }

    .news-detail-page .news-detail-hero__title {
        font-size: 23px !important;
        line-height: 1.8 !important;
    }

    .news-detail-page .news-detail-hero__meta {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 7px !important;
    }

    .news-detail-page .news-article__image img {
        max-height: 280px !important;
    }

    .news-detail-page .news-article__lead {
        margin-left: 13px !important;
        margin-right: 13px !important;
        padding: 14px 13px !important;
        font-size: 12px !important;
    }

    .news-detail-page .news-article__body {
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 13px !important;
        line-height: 2.25 !important;
    }

        .news-detail-page .news-article__body h2 {
            font-size: 18px !important;
        }

        .news-detail-page .news-article__body h3 {
            font-size: 16px !important;
        }

    .news-detail-page .news-related__item > a {
        grid-template-columns: 68px minmax(0,1fr) !important;
    }

    .news-detail-page .news-related__image {
        width: 68px !important;
        height: 56px !important;
    }
}

/* =========================================================
   NEWS DETAILS — FULL WIDTH ARTICLE CONTENT POLISH
   Scoped only to News Details; preserves all other pages.
   ========================================================= */
.news-detail-page .news-article__lead {
    width: auto !important;
    box-sizing: border-box !important;
    margin: 30px 30px 0 !important;
    padding: 24px 28px !important;
    min-height: 0 !important;
}

.news-detail-page .news-article__body {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 38px 46px 22px !important;
}

    .news-detail-page .news-article__body p {
        max-width: none !important;
    }

.news-detail-page .news-article__bottom {
    width: auto !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 20px 30px 30px !important;
}

.news-detail-page .news-article__back {
    min-width: 190px !important;
    min-height: 50px !important;
    padding: 0 24px !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 22px rgba(181,138,67,.08) !important;
}

@media (max-width: 850px) {
    .news-detail-page .news-article__lead {
        margin: 18px 16px 0 !important;
        padding: 16px 17px !important;
    }

    .news-detail-page .news-article__body {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 27px 20px 12px !important;
    }

    .news-detail-page .news-article__bottom {
        padding: 15px 16px 24px !important;
    }
}

@media (max-width: 480px) {
    .news-detail-page .news-article__lead {
        width: auto !important;
        margin: 14px 12px 0 !important;
        padding: 14px 13px !important;
        border-radius: 14px !important;
        font-size: 12px !important;
        line-height: 2.05 !important;
    }

    .news-detail-page .news-article__body {
        padding: 24px 14px 10px !important;
        font-size: 13px !important;
        line-height: 2.25 !important;
    }

    .news-detail-page .news-article__bottom {
        padding: 13px 12px 20px !important;
    }

    .news-detail-page .news-article__back {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        padding: 0 14px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
    }
}

/* =========================================================
   NEWS DETAILS — PREMIUM ARTICLE CARD / FULL WIDTH
   Scoped ONLY to News Details.
   ========================================================= */
.news-detail-page .news-detail-main.no-related {
    display: block !important;
    max-width: 1240px !important;
}

    .news-detail-page .news-detail-main.no-related .news-article {
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        border-radius: 30px !important;
        box-shadow: 0 26px 70px rgba(18,40,61,.12) !important;
    }

.news-detail-page .news-article__image {
    min-height: 0 !important;
    background: linear-gradient(135deg,#edf2f5,#f8fafb) !important;
}

    .news-detail-page .news-article__image.is-broken {
        display: none !important;
    }

.news-detail-page .news-article__lead {
    margin: 32px 42px 0 !important;
    padding: 23px 28px !important;
    border: 1px solid rgba(181,138,67,.24) !important;
    border-right: 5px solid #b58a43 !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg,#fffaf1 0%,#fff 82%) !important;
    box-shadow: 0 12px 32px rgba(181,138,67,.07) !important;
    color: #314556 !important;
    font-size: 15px !important;
    line-height: 2.2 !important;
}

.news-detail-page .news-article__body {
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 38px 54px 28px !important;
    color: #354a5b !important;
    font-size: 16px !important;
    line-height: 2.55 !important;
}

    .news-detail-page .news-article__body p {
        margin: 0 0 24px !important;
    }

        .news-detail-page .news-article__body p:last-child {
            margin-bottom: 0 !important;
        }

.news-detail-page .news-article__bottom {
    margin-top: 8px !important;
    padding: 20px 42px 30px !important;
    border-top: 1px solid #edf0f2 !important;
}

.news-detail-page .news-article__back {
    min-width: 205px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#fffaf0,#fff) !important;
}

@media (max-width: 850px) {
    .news-detail-page .news-detail-main.no-related {
        display: block !important;
    }

        .news-detail-page .news-detail-main.no-related .news-article {
            width: 100% !important;
            border-radius: 21px !important;
        }

    .news-detail-page .news-article__lead {
        margin: 20px 17px 0 !important;
        padding: 16px 17px !important;
        font-size: 13px !important;
        line-height: 2.15 !important;
    }

    .news-detail-page .news-article__body {
        padding: 28px 21px 14px !important;
        font-size: 14px !important;
        line-height: 2.35 !important;
    }

        .news-detail-page .news-article__body p {
            margin-bottom: 20px !important;
        }

    .news-detail-page .news-article__bottom {
        padding: 15px 17px 24px !important;
    }
}

@media (max-width: 480px) {
    .news-detail-page .news-detail-main.no-related .news-article {
        border-radius: 18px !important;
    }

    .news-detail-page .news-article__lead {
        margin: 14px 12px 0 !important;
        padding: 14px 13px !important;
        border-right-width: 4px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
        line-height: 2.05 !important;
    }

    .news-detail-page .news-article__body {
        padding: 23px 14px 10px !important;
        font-size: 13px !important;
        line-height: 2.3 !important;
    }

        .news-detail-page .news-article__body p {
            margin-bottom: 18px !important;
        }

    .news-detail-page .news-article__bottom {
        padding: 13px 12px 19px !important;
    }

    .news-detail-page .news-article__back {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
    }
}

/* =========================================================
   GALLERY DETAILS — BACKGROUND ONLY, STRICTLY SCOPED
   ========================================================= */
.gallery-detail-v2 {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 8% 8%, rgba(182,139,69,.08), transparent 28%), linear-gradient(180deg, #eef2f5 0%, #f6f8fa 48%, #eef2f5 100%);
}

    .gallery-detail-v2::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        left: -210px;
        top: 70px;
        border: 1px solid rgba(182,139,69,.10);
        border-radius: 50%;
        box-shadow: 0 0 0 34px rgba(182,139,69,.025), 0 0 0 70px rgba(19,40,63,.018);
        pointer-events: none;
    }

    .gallery-detail-v2 .site-container {
        position: relative;
        z-index: 1;
    }

.gallery-detail-v2__header {
    position: relative;
    overflow: hidden;
    margin-bottom: 4px;
    padding: 34px 38px;
    border: 1px solid rgba(19,40,63,.08);
    border-radius: 28px;
    background: linear-gradient(135deg, #13283f 0%, #1d3854 64%, #274963 100%);
    box-shadow: var(--shadow-large);
}

    .gallery-detail-v2__header::before {
        content: "";
        position: absolute;
        width: 280px;
        height: 280px;
        left: -120px;
        top: -170px;
        border: 1px solid rgba(215,180,119,.18);
        border-radius: 50%;
        box-shadow: 0 0 0 26px rgba(215,180,119,.035), 0 0 0 52px rgba(255,255,255,.018);
        pointer-events: none;
    }

    .gallery-detail-v2__header > div:first-child {
        position: relative;
        z-index: 2;
    }

    .gallery-detail-v2__header .gallery-eyebrow-v2 {
        color: var(--color-gold-light);
    }

    .gallery-detail-v2__header h1 {
        color: #fff;
    }

    .gallery-detail-v2__header p {
        color: rgba(255,255,255,.74);
    }

    .gallery-detail-v2__header .gallery-detail-v2__back {
        color: rgba(255,255,255,.72);
    }

        .gallery-detail-v2__header .gallery-detail-v2__back:hover {
            color: #fff;
        }

.gallery-detail-v2__count {
    position: relative;
    z-index: 2;
    border-color: rgba(215,180,119,.34);
    background: rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 15px 35px rgba(0,0,0,.12);
    backdrop-filter: blur(8px);
}

    .gallery-detail-v2__count strong {
        color: #fff;
    }

    .gallery-detail-v2__count span {
        color: rgba(255,255,255,.68);
    }

.gallery-detail-v2__grid {
    position: relative;
    padding: 30px;
    border: 1px solid rgba(19,40,63,.055);
    border-radius: 28px;
    background: rgba(255,255,255,.42);
    box-shadow: 0 18px 45px rgba(19,40,63,.035);
}

.gallery-detail-v2__footer {
    position: relative;
    z-index: 1;
}

@media (max-width: 820px) {
    .gallery-detail-v2__header {
        padding: 28px 26px;
        border-radius: 23px;
    }

    .gallery-detail-v2__grid {
        padding: 22px;
        border-radius: 22px;
    }
}

@media (max-width: 600px) {
    .gallery-detail-v2 {
        background: radial-gradient(circle at 8% 5%, rgba(182,139,69,.07), transparent 32%), linear-gradient(180deg, #eef2f5 0%, #f6f8fa 100%);
    }

    .gallery-detail-v2__header {
        margin-bottom: 0;
        padding: 22px 18px;
        border-radius: 20px;
    }

    .gallery-detail-v2__grid {
        padding: 14px;
        border-radius: 19px;
        background: rgba(255,255,255,.48);
    }
}

/* =========================================================
   FOOTER SOCIAL NETWORKS — scoped only to footer
   ========================================================= */
.footer-social {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.footer-social__title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 13px;
    color: #f0d28e;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.8;
}

    .footer-social__title::before {
        content: "";
        width: 24px;
        height: 2px;
        border-radius: 2px;
        background: #d5b26e;
    }

.footer-social__links {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 9px;
}

.footer-social__link {
    min-width: 112px;
    min-height: 46px;
    padding: 7px 11px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    color: #dce5ec;
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.08);
    text-decoration: none;
    transition: transform .22s ease, color .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

    .footer-social__link:hover {
        color: #fff;
        border-color: rgba(213,178,110,.45);
        background: linear-gradient(145deg, rgba(213,178,110,.16), rgba(255,255,255,.045));
        box-shadow: 0 12px 26px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.07);
        transform: translateY(-3px);
    }

.footer-social__icon {
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(213,178,110,.22);
    border-radius: 10px;
    color: #f0d28e;
    background: rgba(213,178,110,.08);
    font-size: 13px;
    font-weight: 900;
}

    .footer-social__icon svg {
        width: 17px;
        height: 17px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
    }

.footer-social__fallback-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 1;
}

.footer-social__name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #e6edf2;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.7;
}

@media (max-width: 600px) {
    .footer-social {
        margin-top: 18px;
        padding-top: 15px;
    }

    .footer-social__links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .footer-social__link {
        min-width: 0;
        min-height: 43px;
        padding: 6px 8px;
        border-radius: 12px;
        gap: 7px;
    }

    .footer-social__icon {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
        border-radius: 9px;
        font-size: 12px;
    }

    .footer-social__name {
        font-size: 10px;
    }
}

/* Footer social links — mobile alignment only */
@media (max-width: 600px) {
    .footer-social {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        direction: rtl;
        text-align: right;
    }

    .footer-social__title {
        width: 100%;
        justify-content: flex-start;
        box-sizing: border-box;
    }

    .footer-social__links {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        justify-items: stretch;
        direction: rtl;
    }

    .footer-social__link {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden;
        text-align: right;
    }

    .footer-social__icon {
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
        box-sizing: border-box;
    }

    .footer-social__name {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 360px) {
    .footer-social__links {
        gap: 6px;
    }

    .footer-social__link {
        gap: 5px;
        padding: 6px;
    }

    .footer-social__icon {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
    }

    .footer-social__name {
        font-size: 9px;
    }
}

/* FINAL SOCIAL FOOTER FIX — icon-only, scoped exclusively to footer social links */
.footer-social__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.footer-social__link {
    display: inline-flex;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 14px;
}

.footer-social__name {
    display: none !important;
}

.footer-social__icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin: 0;
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .footer-social__links {
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 9px;
        box-sizing: border-box;
    }

    .footer-social__link {
        flex: 0 0 42px;
        width: 42px;
        min-width: 42px;
        max-width: 42px;
        height: 42px;
        min-height: 42px;
        padding: 0;
        border-radius: 13px;
    }

    .footer-social__icon {
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
    }
}

@media (max-width: 360px) {
    .footer-social__links {
        gap: 7px;
    }

    .footer-social__link {
        flex-basis: 38px;
        width: 38px;
        min-width: 38px;
        max-width: 38px;
        height: 38px;
        min-height: 38px;
        border-radius: 11px;
    }

    .footer-social__icon {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
    }
}


/* RESUME SUCCESS PAGE — desktop/tablet only: reserve a separate column for the check mark. */
@media (min-width: 681px) {
    .careers-success-page .careers-success-card {
        display: flex !important;
        flex-direction: row !important;
        direction: rtl !important;
        align-items: flex-start !important;
        gap: 32px !important;
    }

    .careers-success-page .careers-success-card__mark {
        position: relative !important;
        z-index: 3 !important;
        flex: 0 0 92px !important;
        width: 92px !important;
        height: 92px !important;
        margin: 2px 0 0 !important;
        order: 1 !important;
    }

    .careers-success-page .careers-success-card__content {
        position: relative !important;
        z-index: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        order: 2 !important;
    }
}

/* RESUME APPLICATION OPPORTUNITY — tablet/desktop only: keep text clear of the check mark. */
@media (min-width: 521px) {
    .careers-application-page .career-application-opportunity__inner {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    .careers-application-page .career-application-opportunity__copy {
        box-sizing: border-box !important;
        padding-right: 60px !important;
    }

        .careers-application-page .career-application-opportunity__copy::before {
            right: 8px !important;
            width: 36px !important;
            height: 36px !important;
        }

        .careers-application-page .career-application-opportunity__copy strong,
        .careers-application-page .career-application-opportunity__copy span {
            position: relative !important;
            z-index: 1 !important;
            max-width: 100% !important;
        }
}
/* Search page only: isolated presentation; no shared page selectors are overridden. */
.search-page {
    padding-top: clamp(24px, 4vw, 48px);
    padding-bottom: clamp(42px, 6vw, 72px);
}

.search-page__hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(24px, 4vw, 48px);
    border: 1px solid rgba(190,148,64,.24);
    border-radius: 26px;
    background: linear-gradient(135deg,#faf7ef 0%,#fff 58%,#f6f1e4 100%);
    box-shadow: 0 16px 42px rgba(31,39,48,.06);
}

    .search-page__hero:after {
        content: "";
        position: absolute;
        z-index: -1;
        inset-inline-end: -58px;
        bottom: -88px;
        width: 230px;
        height: 230px;
        border: 1px solid rgba(190,148,64,.18);
        border-radius: 50%;
        box-shadow: 0 0 0 24px rgba(190,148,64,.035),0 0 0 48px rgba(190,148,64,.025);
        pointer-events: none;
    }

.search-page__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #9b742d;
    font-size: 12px;
    font-weight: 800;
}

.search-page__hero h1 {
    margin: 12px 0 8px;
    color: #202b35;
    font-size: clamp(25px,3.1vw,36px);
    line-height: 1.5;
    font-weight: 850;
}

.search-page__hero > p {
    margin: 0;
    color: #68737c;
    line-height: 1.9;
    font-size: 14px;
}

.search-page__form {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 780px;
    margin-top: 27px;
    padding: 7px;
    border: 1px solid #e6e1d7;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(33,42,50,.06);
}

    .search-page__form input {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
        height: 48px;
        padding: 0 12px;
        border: 0;
        outline: 0;
        color: #26333e;
        background: transparent;
        font: inherit;
        font-size: 14px;
    }

        .search-page__form input:focus {
            box-shadow: none;
        }

        .search-page__form input::placeholder {
            color: #9aa1a6;
        }

.search-page__search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    background: #f6f0e3;
    color: #9b742d;
    font-size: 29px;
    line-height: 1;
}

.search-page__form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 0 0 auto;
    min-width: 118px;
    min-height: 46px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: #b58a3a;
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease,transform .2s ease;
}

    .search-page__form button:hover {
        background: #9c742d;
        transform: translateY(-1px);
    }

.search-page__suggestions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    color: #7b858b;
    font-size: 12px;
}

    .search-page__suggestions span:not(:first-child) {
        padding: 5px 10px;
        border: 1px solid #e9e2d4;
        border-radius: 999px;
        color: #68737c;
        background: rgba(255,255,255,.7);
    }

.search-page__results {
    margin-top: 32px;
}

.search-page__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

    .search-page__summary h2 {
        margin: 5px 0 0;
        color: #26333e;
        font-size: clamp(19px,2.3vw,25px);
        line-height: 1.6;
        overflow-wrap: anywhere;
    }

.search-page__count {
    flex: 0 0 auto;
    padding: 8px 13px;
    border: 1px solid #e9dfca;
    border-radius: 12px;
    color: #8d6826;
    background: #fbf7ed;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.search-page__groups {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    align-items: start;
}

.search-page__group {
    min-width: 0;
    padding: 20px;
    border: 1px solid #e9e9e5;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(33,42,50,.035);
}

.search-page__group-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid #f0eee8;
}

    .search-page__group-heading h3 {
        margin: 0;
        color: #26333e;
        font-size: 16px;
        font-weight: 850;
    }

    .search-page__group-heading > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 28px;
        padding: 0 7px;
        border-radius: 9px;
        color: #8d6826;
        background: #f8f1e2;
        font-size: 12px;
        font-weight: 800;
    }

.search-page__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f1f1ee;
}

    .search-page__item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

.search-page__item-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    color: #9b742d;
    background: #f8f2e5;
    font-size: 16px;
}

.search-page__item > div {
    flex: 1 1 auto;
    min-width: 0;
}

.search-page__item h4 {
    margin: 0;
    color: #283540;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 800;
    overflow-wrap: anywhere;
}

    .search-page__item h4 a {
        color: inherit;
        text-decoration: none;
        transition: color .18s ease;
    }

        .search-page__item h4 a:hover {
            color: #a27a2e;
        }

.search-page__item p {
    margin: 4px 0 0;
    color: #707b82;
    font-size: 12px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.search-page__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 44px 22px;
    border: 1px solid #e9e9e5;
    border-radius: 20px;
    background: #fff;
    text-align: center;
}

.search-page__empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 4px;
    border-radius: 17px;
    color: #9b742d;
    background: #f8f1e2;
    font-size: 32px;
}

.search-page__empty h3 {
    margin: 0;
    color: #283540;
    font-size: 18px;
    font-weight: 850;
}

.search-page__empty p {
    max-width: 560px;
    margin: 0;
    color: #707b82;
    font-size: 13px;
    line-height: 1.9;
}

.search-page__limit-note {
    margin: 15px 2px 0;
    color: #8a9296;
    font-size: 11px;
}

.search-page__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
/* Header search shortcut: independent of the generated menu items. */
.header-action--search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(181,138,58,.28);
    border-radius: 12px;
    color: #9b742d;
    background: #fff;
    text-decoration: none;
    transition: background .2s ease,border-color .2s ease,transform .2s ease;
}

    .header-action--search svg {
        display: block;
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .header-action--search:hover, .header-action--search:focus-visible {
        color: #fff;
        background: #b58a3a;
        border-color: #b58a3a;
        transform: translateY(-1px);
    }

@media (max-width: 760px) {
    .search-page {
        padding-top: 20px;
        padding-bottom: 44px;
    }

    .search-page__hero {
        padding: 24px 18px;
        border-radius: 20px;
    }

    .search-page__groups {
        grid-template-columns: minmax(0,1fr);
        gap: 13px;
    }

    .search-page__group {
        padding: 16px;
        border-radius: 16px;
    }

    .search-page__form {
        gap: 5px;
        margin-top: 21px;
        padding: 5px;
        border-radius: 14px;
    }

        .search-page__form input {
            height: 44px;
            padding: 0 7px;
            font-size: 13px;
        }

    .search-page__search-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        font-size: 24px;
    }

    .search-page__form button {
        min-width: 80px;
        min-height: 42px;
        padding: 0 10px;
        gap: 5px;
        font-size: 12px;
    }

    .search-page__summary {
        align-items: flex-start;
    }

    .search-page__count {
        padding: 7px 9px;
    }

    .header-action--search {
        flex-basis: 38px;
        width: 38px;
        min-width: 38px;
        height: 38px;
    }
}

@media (max-width: 420px) {
    .search-page__hero {
        padding: 20px 13px;
    }

    .search-page__form {
        gap: 4px;
    }

        .search-page__form input {
            font-size: 12px;
        }

        .search-page__form button {
            min-width: 68px;
            padding: 0 7px;
        }

    .search-page__search-icon {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
    }

    .search-page__suggestions {
        gap: 5px;
    }

        .search-page__suggestions span:not(:first-child) {
            padding: 4px 7px;
        }

    .search-page__summary {
        gap: 8px;
    }

        .search-page__summary h2 {
            font-size: 17px;
        }

    .search-page__count {
        font-size: 11px;
    }
}

/* SEARCH PAGE — styles scoped only to /Search */
.search-page {
    padding-top: 34px;
    padding-bottom: 72px;
}

.search-page__hero {
    position: relative;
    overflow: hidden;
    padding: clamp(26px, 4vw, 48px);
    border: 1px solid rgba(190, 148, 64, .22);
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(250,247,239,.96), rgba(255,255,255,.98) 58%, rgba(246,241,228,.94));
    box-shadow: 0 16px 42px rgba(31, 39, 48, .055);
}

    .search-page__hero:after {
        content: "";
        position: absolute;
        inset-inline-end: -58px;
        bottom: -88px;
        width: 230px;
        height: 230px;
        border: 1px solid rgba(190,148,64,.18);
        border-radius: 50%;
        box-shadow: 0 0 0 24px rgba(190,148,64,.035), 0 0 0 48px rgba(190,148,64,.025);
        pointer-events: none;
    }

.search-page__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #9b742d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
}

.search-page__hero h1 {
    margin: 12px 0 8px;
    color: #202b35;
    font-size: clamp(25px, 3.1vw, 36px);
    line-height: 1.5;
    font-weight: 850;
}

.search-page__hero > p {
    margin: 0;
    color: #68737c;
    line-height: 1.9;
    font-size: 14px;
}

.search-page__form {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 780px;
    margin-top: 27px;
    padding: 7px;
    border: 1px solid #e6e1d7;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(33,42,50,.06);
}

    .search-page__form input {
        flex: 1 1 auto;
        min-width: 0;
        height: 48px;
        padding: 0 12px;
        border: 0;
        outline: 0;
        color: #26333e;
        background: transparent;
        font: inherit;
        font-size: 14px;
    }

        .search-page__form input:focus {
            box-shadow: none;
        }

        .search-page__form input::placeholder {
            color: #9aa1a6;
        }

.search-page__search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    background: #f6f0e3;
    color: #9b742d;
    font-size: 29px;
    line-height: 1;
}

.search-page__form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 118px;
    min-height: 46px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: #b58a3a;
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

    .search-page__form button:hover {
        background: #9c742d;
        transform: translateY(-1px);
    }

.search-page__suggestions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    color: #7b858b;
    font-size: 12px;
}

    .search-page__suggestions span:not(:first-child) {
        padding: 5px 10px;
        border: 1px solid #e9e2d4;
        border-radius: 999px;
        color: #68737c;
        background: rgba(255,255,255,.7);
    }

.search-page__results {
    margin-top: 32px;
}

.search-page__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

    .search-page__summary h2 {
        margin: 5px 0 0;
        color: #26333e;
        font-size: clamp(19px, 2.3vw, 25px);
        line-height: 1.6;
    }

.search-page__count {
    flex: 0 0 auto;
    padding: 8px 13px;
    border: 1px solid #e9dfca;
    border-radius: 12px;
    color: #8d6826;
    background: #fbf7ed;
    font-size: 12px;
    font-weight: 800;
}

.search-page__groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.search-page__group {
    min-width: 0;
    padding: 20px;
    border: 1px solid #e9e9e5;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(33,42,50,.035);
}

.search-page__group-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid #f0eee8;
}

    .search-page__group-heading h3 {
        margin: 0;
        color: #26333e;
        font-size: 16px;
        font-weight: 850;
    }

    .search-page__group-heading > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 28px;
        padding: 0 7px;
        border-radius: 9px;
        color: #8d6826;
        background: #f8f1e2;
        font-size: 12px;
        font-weight: 800;
    }

.search-page__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f1f1ee;
}

    .search-page__item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

.search-page__item-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    color: #9b742d;
    background: #f8f2e5;
    font-size: 16px;
}

.search-page__item > div {
    flex: 1 1 auto;
    min-width: 0;
}

.search-page__item h4 {
    margin: 0;
    color: #283540;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 800;
    overflow-wrap: anywhere;
}

    .search-page__item h4 a {
        color: inherit;
        text-decoration: none;
        transition: color .18s ease;
    }

        .search-page__item h4 a:hover {
            color: #a27a2e;
        }

.search-page__item p {
    margin: 4px 0 0;
    color: #707b82;
    font-size: 12px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.search-page__empty, .search-page__welcome {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 28px;
    border: 1px solid #e9e9e5;
    border-radius: 20px;
    background: #fff;
}

.search-page__empty {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 44px 22px;
}

.search-page__empty-icon, .search-page__welcome > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 17px;
    color: #9b742d;
    background: #f8f1e2;
    font-size: 32px;
}

.search-page__empty h3, .search-page__welcome h2 {
    margin: 0;
    color: #283540;
    font-size: 18px;
    font-weight: 850;
}

.search-page__empty p, .search-page__welcome p {
    margin: 5px 0 0;
    color: #707b82;
    font-size: 13px;
    line-height: 1.9;
}

.search-page__limit-note {
    margin: 15px 2px 0;
    color: #8a9296;
    font-size: 11px;
}

.search-page__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 760px) {
    .search-page {
        padding-top: 20px;
        padding-bottom: 44px;
    }

    .search-page__hero {
        padding: 24px 18px;
        border-radius: 20px;
    }

    .search-page__groups {
        grid-template-columns: minmax(0, 1fr);
        gap: 13px;
    }

    .search-page__group {
        padding: 16px;
        border-radius: 16px;
    }

    .search-page__form {
        gap: 5px;
        margin-top: 21px;
        padding: 5px;
        border-radius: 14px;
    }

        .search-page__form input {
            height: 44px;
            padding: 0 7px;
            font-size: 13px;
        }

    .search-page__search-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        font-size: 24px;
    }

    .search-page__form button {
        min-width: 83px;
        min-height: 42px;
        padding: 0 11px;
        gap: 5px;
        font-size: 12px;
    }

    .search-page__summary {
        align-items: flex-start;
    }

    .search-page__count {
        padding: 7px 9px;
    }

    .search-page__welcome {
        align-items: flex-start;
        padding: 20px 16px;
    }
}

@media (max-width: 380px) {
    .search-page__hero {
        padding: 20px 13px;
    }

    .search-page__form input {
        font-size: 12px;
    }

    .search-page__form button {
        min-width: 73px;
        padding: 0 8px;
    }

    .search-page__suggestions {
        gap: 5px;
    }

        .search-page__suggestions span:not(:first-child) {
            padding: 4px 7px;
        }

    .search-page__summary h2 {
        font-size: 17px;
    }
}

/* =========================================================
   Responsive fixes: news metadata, fleet icons, RaahMan banner
   ========================================================= */
.news-detail-page .news-detail-hero__meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px 14px !important;
    min-width: 0;
}
.news-detail-page .news-detail-hero__meta-item {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100%;
    white-space: nowrap;
    align-items: center !important;
}
.news-detail-page .news-detail-hero__meta-item > span:last-child,
.news-detail-page .news-detail-hero__meta-item time {
    white-space: nowrap;
}
@media (max-width: 480px) {
    .news-detail-page .news-detail-hero__meta {
        gap: 6px 10px !important;
        font-size: 11px !important;
    }
    .news-detail-page .news-detail-hero__meta-icon {
        width: 22px !important;
        height: 22px !important;
        flex: 0 0 22px !important;
    }
    .news-detail-page .news-detail-hero__meta-item {
        gap: 5px !important;
    }
}

/* Keep the RaahMan banner balanced at desktop, tablet and mobile widths. */
.home-raahman { overflow: hidden; }
.raahman-showcase {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    display: grid !important;
    grid-template-columns: minmax(120px, 205px) minmax(0, 1fr) auto;
    align-items: center !important;
    justify-content: initial !important;
    gap: clamp(14px, 2.4vw, 32px) !important;
}
.raahman-showcase__image { min-width: 0; display: flex; align-items: center; justify-content: center; }
.raahman-showcase__image img { width: 100%; max-width: 205px; max-height: 140px; object-fit: contain; }
.raahman-showcase > div:not(.raahman-showcase__image) { min-width: 0; text-align: right; }
.raahman-showcase h2 { overflow-wrap: anywhere; }
.raahman-showcase p { line-height: 1.9; overflow-wrap: anywhere; }
.raahman-showcase__button { white-space: nowrap; max-width: 100%; }
@media (max-width: 760px) {
    .home-raahman { padding: 28px 0; }
    .raahman-showcase {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "content content" "image button";
        gap: 16px !important;
        padding: 22px 18px;
        min-height: 0;
        align-items: center !important;
    }
    .raahman-showcase__image { grid-area: image; justify-content: flex-start; }
    .raahman-showcase__image img { max-width: 145px; max-height: 90px; }
    .raahman-showcase > div:not(.raahman-showcase__image) { grid-area: content; text-align: right; }
    .raahman-showcase h2 { font-size: clamp(19px, 5vw, 23px); line-height: 1.45; }
    .raahman-showcase p { font-size: 12px; }
    .raahman-showcase__button { grid-area: button; min-height: 44px; padding: 0 13px; gap: 8px; font-size: 11px; }
}
@media (max-width: 380px) {
    .raahman-showcase { grid-template-columns: minmax(0, 1fr); grid-template-areas: "content" "image" "button"; }
    .raahman-showcase__image { justify-content: center; }
    .raahman-showcase__image img { max-width: 150px; }
    .raahman-showcase__button { justify-self: stretch; }
}

/* Ensure homepage fleet symbols remain centered and scale cleanly. */
.home-fleet .fleet-showcase,
.home-fleet .fleet-showcase * { min-width: 0; }
.home-fleet .fleet-showcase [class*="icon"],
.home-fleet .fleet-showcase [class*="symbol"] {
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.home-stat__icon, .home-stat__icon-text {
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    line-height: 1;
}