/* =========================================================
   FLIGHT IMAGE CARD SECTION
========================================================= */

    .sv-flight-gallery {
        position: relative;
        overflow: hidden;
        background:
            linear-gradient(180deg,
                #ffffff 0%,
                #faf9f6 100%);
    }

    /* Header */

    .sv-flight-gallery__head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
        align-items: end;
        gap: 40px;
        margin-bottom: 38px;
    }

    .sv-flight-gallery__heading {
        max-width: 760px;
    }

    .sv-flight-gallery__intro {
        margin: 0;
        color: #5b6472;
        font-family: "DM Sans", sans-serif;
        font-size: 0.96rem;
        line-height: 1.75;
    }

    /* Grid */

    .sv-flight-gallery__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
    }

    /* Card */

    .sv-flight-gallery__card {
        position: relative;

        display: flex;
        flex-direction: column;

        min-width: 0;
        height: 100%;

        overflow: hidden;

        background: #ffffff;
        border: 1px solid #e7e2d9;
        border-radius: 14px;

        box-shadow: 0 5px 18px rgba(1, 46, 97, 0.045);

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease,
            border-color 0.3s ease;
    }

    /* Image */

    .sv-flight-gallery__media {
        position: relative;

        display: block;

        overflow: hidden;

        aspect-ratio: 16 / 10;

        background: #e8edf3;
    }

    .sv-flight-gallery__image {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;

        transition:
            transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.4s ease;
    }

    /* subtle image overlay */

    .sv-flight-gallery__media::after {
        content: "";

        position: absolute;
        inset: 0;

        background:
            linear-gradient(180deg,
                rgba(1, 24, 50, 0.02) 25%,
                rgba(1, 24, 50, 0.28) 100%);

        pointer-events: none;
    }

    /* Badge */

    .sv-flight-gallery__badge {
        position: absolute;
        left: 16px;
        bottom: 16px;
        z-index: 2;

        display: inline-flex;
        align-items: center;

        padding: 7px 12px;

        border: 1px solid rgba(255, 255, 255, 0.38);
        border-radius: 999px;

        background: rgba(1, 46, 97, 0.88);
        backdrop-filter: blur(5px);

        color: #ffffff;

        font-family: "DM Sans", sans-serif;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.07em;

        text-transform: uppercase;
    }

    /* Body */

    .sv-flight-gallery__body {
        position: relative;

        display: flex;
        flex-direction: column;

        flex: 1;

        padding: 26px 22px 22px;
    }

    /* Icon */

    .sv-flight-gallery__icon {
        position: absolute;

        top: -25px;
        right: 20px;

        width: 50px;
        height: 50px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        border: 4px solid #ffffff;
        border-radius: 50%;

        background: var(--primary);
        color: #ffffff;

        box-shadow: 0 6px 18px rgba(1, 46, 97, 0.12);

        font-size: 1.05rem;

        transition:
            background-color 0.25s ease,
            transform 0.25s ease;
    }

    /* Title */

    .sv-flight-gallery__title {
        margin: 0 44px 11px 0;

        color: #222637;

        font-size: clamp(1.2rem, 1.45vw, 1.45rem);
        font-weight: 400;
        line-height: 1.25;
    }

    /* Description */

    .sv-flight-gallery__text {
        margin: 0 0 22px;

        color: #626b77;

        font-family: "DM Sans", sans-serif;
        font-size: 0.9rem;
        line-height: 1.65;
    }

    /* CTA */

    .sv-flight-gallery__cta {
        display: inline-flex;
        align-items: center;
        gap: 7px;

        width: fit-content;

        margin-top: auto;

        color: var(--secondary);

        font-family: "DM Sans", sans-serif;
        font-size: 0.82rem;
        font-weight: 700;

        text-decoration: none;

        transition:
            color 0.2s ease,
            gap 0.2s ease;
    }

    .sv-flight-gallery__cta i {
        color: var(--primary);
        font-size: 0.86rem;

        transition: transform 0.2s ease;
    }

    /* Hover */

    .sv-flight-gallery__card:hover {
        transform: translateY(-6px);

        border-color: #ddd5c9;

        box-shadow:
            0 18px 38px rgba(1, 46, 97, 0.10);
    }

    .sv-flight-gallery__card:hover .sv-flight-gallery__image {
        transform: scale(1.055);
        filter: saturate(1.04);
    }

    .sv-flight-gallery__card:hover .sv-flight-gallery__icon {
        transform: translateY(-2px);
        background: var(--secondary);
    }

    .sv-flight-gallery__card:hover .sv-flight-gallery__cta {
        gap: 10px;
        color: var(--primary);
    }

    .sv-flight-gallery__card:hover .sv-flight-gallery__cta i {
        transform: translateX(2px);
    }

    /* Focus */

    .sv-flight-gallery__media:focus-visible,
    .sv-flight-gallery__cta:focus-visible {
        outline: 3px solid rgba(235, 121, 0, 0.55);
        outline-offset: 3px;
        border-radius: 4px;
    }

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

    @media (max-width: 1199.98px) {

        .sv-flight-gallery__grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .sv-flight-gallery__media {
            aspect-ratio: 16 / 9;
        }

    }

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

    @media (max-width: 767.98px) {

        .sv-flight-gallery__head {
            grid-template-columns: 1fr;
            gap: 14px;
            margin-bottom: 28px;
        }

        .sv-flight-gallery__intro {
            max-width: 620px;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .sv-flight-gallery__grid {
            grid-template-columns: 1fr;
            gap: 18px;
        }

        .sv-flight-gallery__card {
            border-radius: 12px;
        }

        .sv-flight-gallery__media {
            aspect-ratio: 16 / 9;
        }

    }

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

    @media (max-width: 575.98px) {

        .sv-flight-gallery__media {
            aspect-ratio: 16 / 10;
        }

        .sv-flight-gallery__body {
            padding: 23px 18px 19px;
        }

        .sv-flight-gallery__icon {
            right: 16px;

            width: 46px;
            height: 46px;

            font-size: 1rem;
        }

        .sv-flight-gallery__title {
            margin-right: 40px;
            font-size: 1.2rem;
        }

        .sv-flight-gallery__text {
            margin-bottom: 18px;
            font-size: 0.88rem;
        }

        .sv-flight-gallery__badge {
            left: 14px;
            bottom: 14px;

            padding: 6px 10px;

            font-size: 0.68rem;
        }

    }

    /* =========================================================
   REDUCED MOTION
========================================================= */

    @media (prefers-reduced-motion: reduce) {

        .sv-flight-gallery__card,
        .sv-flight-gallery__image,
        .sv-flight-gallery__icon,
        .sv-flight-gallery__cta,
        .sv-flight-gallery__cta i {
            transition: none;
        }

        .sv-flight-gallery__card:hover {
            transform: none;
        }

        .sv-flight-gallery__card:hover .sv-flight-gallery__image {
            transform: none;
        }

        .sv-flight-gallery__card:hover .sv-flight-gallery__icon {
            transform: none;
        }

    }