:root {
    --meteskar-blue: #0b4778;
    --meteskar-blue-dark: #082e4e;
    --meteskar-ink: #111827;
    --meteskar-muted: #6b7280;
    --meteskar-soft: #f4f7fb;
    --meteskar-line: #e5e7eb;
    --meteskar-white: #ffffff;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--meteskar-ink);
    font-family: "Inter", "Open Sans", Arial, sans-serif;
    background: #fff;
}

a {
    color: var(--meteskar-blue);
    text-decoration: none;
}

    a:hover {
        color: var(--meteskar-blue-dark);
    }

#topbar {
    background: var(--meteskar-blue-dark);
    color: #dce9f5;
    font-size: 13px;
    height: 42px;
    border: 0;
}

    #topbar a {
        color: #dce9f5;
    }

    #topbar i {
        color: #dce9f5;
        font-style: normal;
        gap: 6px;
    }

    #topbar .social-links a {
        color: #dce9f5;
        padding-left: 16px;
    }

    #topbar section {
        padding: 0;
        background: transparent;
    }

    #topbar .container {
        padding: 0 12px;
    }

#header {
    height: 82px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 10px 28px rgba(8,46,78,.08);
    z-index: 997;
}

    #header.header-scrolled {
        height: 74px;
    }

    #header .container {
        align-items: center;
    }

    #header .logo img {
        max-height: 58px;
        width: auto;
    }

.navbar ul {
    align-items: center;
}

.navbar a, .navbar a:focus {
    color: #1f2937;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: none;
    padding: 10px 0 10px 24px;
}

    .navbar a:hover, .navbar .active, .navbar li:hover > a {
        color: var(--meteskar-blue);
    }

.navbar .quote-link, .navbar .quote-link:focus {
    background: var(--meteskar-blue);
    color: #fff;
    padding: 12px 20px;
    border-radius: 999px;
    margin-left: 20px;
    box-shadow: 0 14px 25px rgba(11,71,120,.22);
}

    .navbar .quote-link:hover {
        background: var(--meteskar-blue-dark);
        color: #fff;
    }

.mobile-nav-toggle {
    color: var(--meteskar-blue);
    font-size: 32px;
}

.navbar-mobile ul {
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(0,0,0,.18);
}

.navbar-mobile .quote-link {
    margin: 12px 16px;
    display: inline-block;
    text-align: center;
}

#hero {
    width: 100%;
    height: 78vh;
    min-height: 620px;
    background: linear-gradient(135deg, rgba(8,46,78,.96), rgba(8,46,78,.62)), url("/Content/meteskar-hero.svg") center/cover no-repeat;
    position: relative;
}

    #hero:after {
        content: "";
        position: absolute;
        inset: auto 0 0 0;
        height: 120px;
        background: linear-gradient(180deg, rgba(255,255,255,0), #fff);
        z-index: 1;
    }

    #hero .carousel, #hero .carousel-inner, #hero .carousel-item {
        height: 100%;
    }

    #hero .carousel-item {
        background-size: cover;
        background-position: center;
        position: relative;
    }

        #hero .carousel-item:before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(110deg, rgba(8,46,78,.92) 0%, rgba(8,46,78,.72) 42%, rgba(8,46,78,.22) 100%);
        }

    #hero .carousel-container {
        position: relative;
        z-index: 2;
        height: 100%;
        max-width: 1240px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 24px;
    }

    #hero .carousel-content {
        max-width: 760px;
        background: transparent;
        padding: 0;
        border-top: 4px solid rgba(255,255,255,.72);
    }

.hero-kicker, .section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--meteskar-blue);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

#hero .hero-kicker {
    color: #a8d4f4;
    margin-top: 26px;
}

#hero h2 {
    color: #fff;
    font-size: clamp(42px, 6vw, 82px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -.05em;
    margin: 16px 0 26px;
}

#hero p {
    color: rgba(255,255,255,.9);
    font-size: 19px;
    line-height: 1.7;
    max-width: 680px;
}

.hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 34px;
}

.btn-meteskar, .btn-meteskar-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px;
    padding: 14px 24px;
    font-weight: 800;
    letter-spacing: .01em;
    transition: .2s ease;
}

.btn-meteskar {
    background: var(--meteskar-blue);
    color: #fff;
    box-shadow: 0 18px 30px rgba(11,71,120,.26);
}

    .btn-meteskar:hover {
        background: var(--meteskar-blue-dark);
        color: #fff;
        transform: translateY(-2px);
    }

.btn-meteskar-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.55);
}

    .btn-meteskar-outline:hover {
        background: #fff;
        color: var(--meteskar-blue-dark);
    }

#hero .carousel-control-prev, #hero .carousel-control-next {
    z-index: 4;
}

.meteskar-section {
    padding: 92px 0;
}

    .meteskar-section.soft {
        background: var(--meteskar-soft);
    }

    .meteskar-section.dark {
        background: var(--meteskar-blue-dark);
        color: #fff;
    }

.section-title {
    margin-bottom: 42px;
}

    .section-title h1, .section-title h2, .meteskar-title {
        color: var(--meteskar-ink);
        font-size: clamp(30px, 4vw, 54px);
        line-height: 1.06;
        letter-spacing: -.04em;
        font-weight: 800;
        margin: 0;
    }

.dark .section-title h2, .dark .meteskar-title {
    color: #fff;
}

.section-title p, .lead-copy {
    color: var(--meteskar-muted);
    font-size: 17px;
    line-height: 1.8;
    margin-top: 16px;
}

.dark .section-title p, .dark .lead-copy {
    color: rgba(255,255,255,.78);
}

.about-card {
    background: #fff;
    border: 1px solid var(--meteskar-line);
    border-radius: 28px;
    padding: 34px;
    box-shadow: 0 20px 60px rgba(8,46,78,.08);
}

.about-image-wrap {
    border-radius: 28px;
    min-height: 420px;
    background: linear-gradient(135deg, rgba(11,71,120,.14), rgba(11,71,120,.02));
    overflow: hidden;
    position: relative;
}

    .about-image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 420px;
    }

    .about-image-wrap:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent, rgba(8,46,78,.18));
    }

.service-card, .project-card, .policy-card, .news-card, .value-card {
    height: 100%;
    background: #fff;
    border: 1px solid var(--meteskar-line);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 18px 45px rgba(8,46,78,.06);
    transition: .25s ease;
}

    .service-card:hover, .project-card:hover, .policy-card:hover, .news-card:hover, .value-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 26px 70px rgba(8,46,78,.12);
        border-color: rgba(11,71,120,.24);
    }

.service-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(11,71,120,.1);
    color: var(--meteskar-blue);
    font-size: 28px;
    margin-bottom: 22px;
}

.service-card h4, .project-card h4, .policy-card h4, .news-card h4, .value-card h4 {
    color: var(--meteskar-ink);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.02em;
    margin-bottom: 12px;
}

.service-card p, .project-card p, .policy-card p, .news-card p, .value-card p {
    color: var(--meteskar-muted);
    line-height: 1.7;
}

.project-card {
    padding: 0;
    overflow: hidden;
}

.project-media {
    height: 260px;
    background: linear-gradient(135deg, #0b4778, #092e4e);
    overflow: hidden;
    position: relative;
}

    .project-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .35s ease;
    }

.project-card:hover .project-media img {
    transform: scale(1.06);
}

.project-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.78);
    font-size: 54px;
}

.project-body {
    padding: 26px;
}

.project-badge {
    display: inline-flex;
    color: var(--meteskar-blue);
    background: rgba(11,71,120,.08);
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 14px;
}

.project-link {
    font-weight: 800;
}

.stat-band {
    background: linear-gradient(135deg, var(--meteskar-blue-dark), var(--meteskar-blue));
    color: #fff;
    border-radius: 30px;
    padding: 46px;
    box-shadow: 0 28px 80px rgba(8,46,78,.22);
}

.stat-item strong {
    display: block;
    font-size: clamp(32px, 5vw, 58px);
    line-height: 1;
    letter-spacing: -.05em;
}

.stat-item span {
    display: block;
    margin-top: 10px;
    color: rgba(255,255,255,.78);
    font-weight: 600;
}

.cta-strip {
    background: linear-gradient(135deg, rgba(8,46,78,.98), rgba(11,71,120,.9));
    border-radius: 32px;
    color: #fff;
    padding: 52px;
    position: relative;
    overflow: hidden;
}

    .cta-strip:after {
        content: "";
        position: absolute;
        right: -70px;
        top: -90px;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        border: 42px solid rgba(255,255,255,.08);
    }

    .cta-strip h2 {
        color: #fff;
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .cta-strip p {
        color: rgba(255,255,255,.78);
        margin: 0;
    }

.page-hero {
    padding: 118px 0 76px;
    background: radial-gradient(circle at 75% 15%, rgba(143,199,241,.22), transparent 30%), linear-gradient(135deg, rgba(8,46,78,.98), rgba(11,71,120,.76)), url("/Content/meteskar-hero.svg") center/cover no-repeat;
    color: #fff;
}

    .page-hero h1 {
        color: #fff;
        font-size: clamp(38px, 5vw, 68px);
        font-weight: 800;
        letter-spacing: -.05em;
        margin: 0;
    }

    .page-hero p {
        color: rgba(255,255,255,.8);
        font-size: 18px;
        max-width: 740px;
        line-height: 1.7;
        margin-top: 18px;
    }

.breadcrumbs-line {
    color: rgba(255,255,255,.7);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

#portfolio-flters {
    padding: 0;
    margin: 0 0 32px;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    list-style: none;
}

    #portfolio-flters li {
        cursor: pointer;
        border: 1px solid var(--meteskar-line);
        background: #fff;
        border-radius: 999px;
        padding: 10px 18px;
        color: var(--meteskar-muted);
        font-weight: 800;
        transition: .2s ease;
    }

        #portfolio-flters li:hover, #portfolio-flters li.filter-active {
            background: var(--meteskar-blue);
            color: #fff;
            border-color: var(--meteskar-blue);
        }

.contact .info-wrap, .form-panel {
    background: #fff;
    border: 1px solid var(--meteskar-line);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(8,46,78,.08);
    padding: 34px;
}

.form-control {
    min-height: 52px;
    border-radius: 14px;
    border: 1px solid var(--meteskar-line);
    box-shadow: none;
}

textarea.form-control {
    min-height: 150px;
}

.form-control:focus {
    border-color: var(--meteskar-blue);
    box-shadow: 0 0 0 .2rem rgba(11,71,120,.12);
}

.btn-submit {
    border: 0;
}

.whatsapp-float {
    position: fixed;
    right: 22px;
    bottom: 90px;
    z-index: 996;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 16px 35px rgba(37,211,102,.32);
}

    .whatsapp-float:hover {
        color: #fff;
        transform: translateY(-2px);
    }

.back-to-top {
    background: var(--meteskar-blue);
}

#footer {
    background: #071f35;
    color: rgba(255,255,255,.74);
}

    #footer .footer-top {
        background: #071f35;
        padding: 70px 0 24px;
    }

    #footer h3, #footer h4, #footer strong, #footer .copyright span {
        color: #fff;
    }

    #footer a {
        color: rgba(255,255,255,.78);
    }

        #footer a:hover {
            color: #fff;
        }

    #footer .footer-links ul li {
        padding: 8px 0;
    }

    #footer .footer-links ul i {
        color: #8fc7f1;
    }

    #footer .copyright {
        border-top: 1px solid rgba(255,255,255,.1);
        margin-top: 36px;
        padding-top: 26px;
    }

    #footer .credits {
        color: rgba(255,255,255,.45);
    }

@media (max-width: 991px) {
    #topbar {
        display: none !important;
    }

    #header {
        height: 74px;
    }

        #header .logo img {
            max-height: 48px;
        }

    #hero {
        min-height: 600px;
        height: auto;
    }

        #hero .carousel-container {
            padding: 120px 24px 90px;
            align-items: flex-end;
        }

    .meteskar-section {
        padding: 68px 0;
    }

    .cta-strip {
        padding: 34px;
    }

    .stat-band {
        padding: 34px;
    }
}

/* METESKAR Stage 2 */
.btn-meteskar-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--meteskar-line);
    color: var(--meteskar-blue);
    background: #fff;
    border-radius: 999px;
    padding: 10px 18px;
    font-weight: 800;
    margin: 4px;
}

    .btn-meteskar-outline:hover,
    .btn-meteskar-outline.active {
        background: var(--meteskar-blue);
        border-color: var(--meteskar-blue);
        color: #fff;
    }

.project-badge.muted {
    background: rgba(8,46,78,.06);
    color: var(--meteskar-muted);
    margin-left: 6px;
}

.reference-logo-card {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .reference-logo-card img {
        max-width: 140px;
        max-height: 72px;
        object-fit: contain;
        filter: grayscale(1);
        opacity: .85;
    }

    .reference-logo-card:hover img {
        filter: none;
        opacity: 1;
    }

.project-detail-media,
.gallery-card {
    display: block;
    border-radius: 28px;
    overflow: hidden;
    background: #eef4f8;
    border: 1px solid var(--meteskar-line);
}

    .project-detail-media img,
    .gallery-card img {
        width: 100%;
        height: auto;
        display: block;
    }

    .gallery-card img {
        aspect-ratio: 4 / 3;
        object-fit: cover;
        transition: .25s ease;
    }

    .gallery-card:hover img {
        transform: scale(1.04);
    }

.sticky-card {
    position: sticky;
    top: 110px;
}

.project-info-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

    .project-info-list li {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        border-bottom: 1px solid var(--meteskar-line);
        padding: 13px 0;
    }

    .project-info-list strong {
        color: var(--meteskar-blue-dark);
    }

    .project-info-list span {
        color: var(--meteskar-muted);
        text-align: right;
    }

.content-block {
    color: var(--meteskar-muted);
    line-height: 1.85;
    font-size: 17px;
}

    .content-block h1, .content-block h2, .content-block h3, .content-block h4 {
        color: var(--meteskar-blue-dark);
        font-weight: 800;
        letter-spacing: -.03em;
    }

.news-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 18px;
}

.policy-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}


/* METESKAR Stage 2.3 encoding + public polish */
#topbar .contact-info i {
    margin-right: 18px;
}

#topbar .contact-info a {
    font-weight: 700;
    letter-spacing: .01em;
}

#header .logo {
    min-width: 230px;
    display: flex;
    align-items: center;
}

#hero .carousel-item {
    background-color: var(--meteskar-blue-dark);
}

#hero .carousel-content h2 {
    text-wrap: balance;
}

.page-hero h1 {
    text-wrap: balance;
}

/* METESKAR Stage 3 - luxury public header + visual polish */
:root {
    --meteskar-navy: #06243d;
    --meteskar-navy-2: #0a355b;
    --meteskar-sky: #7db7e8;
    --meteskar-gold: #d6b46c;
    --meteskar-cream: #f7f3ea;
}

.meteskar-body {
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

#topbar.meteskar-utility {
    height: 38px;
    background: linear-gradient(90deg, #061f35 0%, #0b3d67 55%, #061f35 100%);
    color: rgba(255,255,255,.78);
    border-bottom: 1px solid rgba(255,255,255,.08);
    font-size: 12px;
    letter-spacing: .01em;
}

    #topbar.meteskar-utility .container {
        max-width: 1320px;
    }

.utility-brand {
    color: rgba(255,255,255,.72);
    font-weight: 700;
    gap: 10px;
    white-space: nowrap;
}

.utility-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--meteskar-gold);
    box-shadow: 0 0 0 5px rgba(214,180,108,.13);
}

.utility-contact {
    gap: 10px;
}

.utility-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    padding: 5px 12px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.9) !important;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

    .utility-pill:hover {
        background: rgba(255,255,255,.12);
        color: #fff !important;
    }

    .utility-pill i {
        color: var(--meteskar-gold) !important;
        font-size: 14px;
    }

.utility-social {
    margin-left: 12px;
    gap: 4px;
}

    .utility-social a {
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255,255,255,.08);
        padding-left: 0 !important;
    }

#header.meteskar-header {
    position: sticky;
    top: 0;
    height: 88px;
    background: rgba(255,255,255,.92);
    border-bottom: 1px solid rgba(8,46,78,.08);
    box-shadow: 0 18px 60px rgba(8,46,78,.08);
    backdrop-filter: blur(18px);
}

    #header.meteskar-header.header-scrolled {
        height: 78px;
    }

#header .header-inner {
    max-width: 1320px;
}

.header-logo {
    min-width: 322px;
}

.brand-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 14px 8px 8px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(11,71,120,.05), rgba(255,255,255,.84));
    border: 1px solid rgba(8,46,78,.08);
}

.brand-mark {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(8,46,78,.16);
    overflow: hidden;
    flex: 0 0 auto;
}

    .brand-mark img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

#header .brand-wordmark {
    width: 210px;
    max-height: 48px;
    object-fit: contain;
    display: block;
}

.navbar.meteskar-navbar ul {
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(8,46,78,.08);
    border-radius: 999px;
    padding: 7px 8px 7px 16px;
    box-shadow: 0 12px 35px rgba(8,46,78,.05);
}

.navbar.meteskar-navbar a,
.navbar.meteskar-navbar a:focus {
    font-size: 13px;
    font-weight: 850;
    color: #0f2638;
    padding: 11px 12px;
    letter-spacing: -.01em;
    position: relative;
    white-space: nowrap;
}

    .navbar.meteskar-navbar a:not(.quote-link)::after {
        content: "";
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 4px;
        height: 2px;
        background: linear-gradient(90deg, var(--meteskar-gold), var(--meteskar-sky));
        transform: scaleX(0);
        transform-origin: left;
        transition: .22s ease;
    }

    .navbar.meteskar-navbar a:hover::after,
    .navbar.meteskar-navbar .active::after,
    .navbar.meteskar-navbar li:hover > a::after {
        transform: scaleX(1);
    }

.navbar.meteskar-navbar .quote-link,
.navbar.meteskar-navbar .quote-link:focus {
    margin-left: 8px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #08345a, #0d5f9f);
    border: 1px solid rgba(255,255,255,.25);
    color: #fff;
    box-shadow: 0 16px 35px rgba(8,52,90,.24);
}

    .navbar.meteskar-navbar .quote-link:hover {
        background: linear-gradient(135deg, #082e4e, #0b4778);
        transform: translateY(-1px);
    }

#hero.meteskar-hero-lux {
    height: calc(100vh - 126px);
    min-height: 720px;
    background: radial-gradient(circle at 74% 20%, rgba(125,183,232,.28), transparent 30%), linear-gradient(135deg, #061f35 0%, #0b4778 55%, #092e4e 100%);
}

    #hero.meteskar-hero-lux .carousel-item:before {
        background: linear-gradient(110deg, rgba(4,24,42,.94) 0%, rgba(8,46,78,.78) 45%, rgba(8,46,78,.32) 100%), radial-gradient(circle at 78% 20%, rgba(214,180,108,.15), transparent 34%);
    }

    #hero.meteskar-hero-lux .carousel-content {
        max-width: 830px;
        border-top: 1px solid rgba(214,180,108,.72);
        border-left: 1px solid rgba(255,255,255,.12);
        padding: 34px 0 0 34px;
    }

    #hero.meteskar-hero-lux .hero-kicker {
        color: rgba(255,255,255,.76);
        margin-top: 0;
    }

    #hero.meteskar-hero-lux h2 {
        font-size: clamp(44px, 5.6vw, 76px);
        letter-spacing: -.06em;
        text-shadow: 0 20px 45px rgba(0,0,0,.18);
        max-width: 900px;
    }

    #hero.meteskar-hero-lux p {
        max-width: 720px;
    }

.hero-outline.btn-meteskar-outline {
    color: #082e4e;
    background: rgba(255,255,255,.95);
    border-color: rgba(255,255,255,.72);
}

    .hero-outline.btn-meteskar-outline:hover {
        color: #fff;
        background: rgba(214,180,108,.95);
        border-color: rgba(214,180,108,.95);
    }

.premium-card,
.service-card.premium-service,
.value-card,
.news-card,
.policy-card,
.project-card {
    border: 1px solid rgba(8,46,78,.08);
    box-shadow: 0 24px 70px rgba(7,31,53,.08);
}

.premium-card {
    background: radial-gradient(circle at 85% 0%, rgba(125,183,232,.12), transparent 34%), linear-gradient(180deg, #fff, #fbfdff);
}

.meteskar-visual-card {
    min-height: 445px;
    background: radial-gradient(circle at 20% 18%, rgba(214,180,108,.18), transparent 25%), linear-gradient(135deg, #071f35, #0b4778);
    box-shadow: 0 28px 85px rgba(8,46,78,.18);
    border: 1px solid rgba(255,255,255,.14);
}

.visual-grid-bg {
    position: absolute;
    inset: 0;
    opacity: .22;
    background-image: linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px);
    background-size: 36px 36px;
}

.visual-main-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    border-radius: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 70px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 24px 60px rgba(0,0,0,.22);
    backdrop-filter: blur(12px);
}

.visual-float {
    position: absolute;
    min-width: 150px;
    padding: 14px 16px;
    border-radius: 20px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 20px 55px rgba(0,0,0,.16);
    color: var(--meteskar-navy);
}

    .visual-float strong {
        display: block;
        font-weight: 900;
        letter-spacing: -.03em;
    }

    .visual-float span {
        display: block;
        color: #64748b;
        font-size: 12px;
        font-weight: 700;
        margin-top: 2px;
    }

.visual-float-1 {
    left: 28px;
    top: 34px;
}

.visual-float-2 {
    right: 26px;
    top: 120px;
}

.visual-float-3 {
    left: 58px;
    bottom: 34px;
}

.about-mini-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

    .about-mini-list span {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #0b4778;
        background: rgba(11,71,120,.07);
        border: 1px solid rgba(11,71,120,.08);
        border-radius: 999px;
        padding: 8px 12px;
        font-size: 13px;
        font-weight: 850;
    }

.light-outline.btn-meteskar-outline {
    color: var(--meteskar-blue);
    border-color: rgba(11,71,120,.18);
}

.service-card.premium-service {
    position: relative;
    overflow: hidden;
}

    .service-card.premium-service:before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--meteskar-gold), var(--meteskar-sky));
        opacity: .85;
    }

    .service-card.premium-service .service-icon {
        background: linear-gradient(135deg, rgba(11,71,120,.12), rgba(214,180,108,.18));
        border: 1px solid rgba(8,46,78,.08);
    }

.stat-band {
    background: radial-gradient(circle at 90% 0%, rgba(214,180,108,.18), transparent 28%), linear-gradient(135deg, #061f35, #0b4778);
}

.cta-strip {
    background: radial-gradient(circle at 88% 18%, rgba(214,180,108,.22), transparent 28%), linear-gradient(135deg, #061f35, #0b4778);
}

@media (max-width: 1200px) {
    .header-logo {
        min-width: 260px;
    }

    #header .brand-wordmark {
        width: 168px;
    }

    .navbar.meteskar-navbar a,
    .navbar.meteskar-navbar a:focus {
        font-size: 12px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 991px) {
    #header.meteskar-header {
        top: 0;
        height: 74px;
    }

    .header-logo {
        min-width: auto;
    }

    .brand-link {
        padding: 6px 10px 6px 6px;
    }

    .brand-mark {
        width: 40px;
        height: 40px;
        border-radius: 14px;
    }

    #header .brand-wordmark {
        width: 170px;
    }

    .navbar.meteskar-navbar ul {
        border-radius: 22px;
        padding: 18px;
        background: #fff;
    }

    #hero.meteskar-hero-lux {
        height: auto;
        min-height: 640px;
    }

        #hero.meteskar-hero-lux .carousel-content {
            padding-left: 20px;
        }

    .utility-contact {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    #header .brand-wordmark {
        display: none;
    }

    .utility-pill span {
        font-size: 11px;
    }

    .utility-pill {
        padding: 5px 9px;
    }

    #hero.meteskar-hero-lux .carousel-content {
        border-left: 0;
        padding-left: 0;
    }

    .visual-float {
        min-width: 128px;
    }
}

/* Stage 4 clean luxury header and CMS-ready public polish */
body.no-topbar #topbar {
    display: none !important;
}

body.no-topbar #header.meteskar-header {
    top: 0 !important;
    height: 92px;
    background: rgba(255,255,255,.86);
    border-bottom: 1px solid rgba(8,46,78,.08);
    box-shadow: 0 18px 70px rgba(6,31,53,.08);
    backdrop-filter: blur(20px);
}

body.no-topbar #header .container.header-inner {
    max-width: 1240px;
}

body.no-topbar #header.header-scrolled {
    height: 82px;
}

.clean-header .brand-link {
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(8,46,78,.08);
    box-shadow: 0 18px 45px rgba(8,46,78,.08);
}

.clean-header .brand-mark {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 14px 32px rgba(8,46,78,.20);
}

.navbar.meteskar-navbar ul {
    background: rgba(255,255,255,.82);
    border-color: rgba(8,46,78,.10);
    box-shadow: 0 18px 55px rgba(8,46,78,.09);
    backdrop-filter: blur(18px);
}

#hero.meteskar-hero-lux {
    height: calc(100vh - 92px);
    min-height: 700px;
}

    #hero.meteskar-hero-lux .carousel-content {
        margin-top: 52px;
    }

.page-hero {
    padding-top: 170px;
}

.highlight-cms {
    border-color: rgba(214,180,108,.42) !important;
    background: radial-gradient(circle at 100% 0%, rgba(214,180,108,.18), transparent 35%), #fff !important;
}

@media (max-width: 991px) {
    body.no-topbar #header.meteskar-header {
        height: 76px;
    }

    #hero.meteskar-hero-lux {
        height: auto;
        min-height: 640px;
    }

        #hero.meteskar-hero-lux .carousel-content {
            margin-top: 0;
        }

    .page-hero {
        padding-top: 130px;
    }
}


/* Stage 4.2 - METESKAR premium refinement */
:root {
    --meteskar-font-title: "Plus Jakarta Sans", "Manrope", "Inter", Arial, sans-serif;
    --meteskar-font-body: "Manrope", "Inter", Arial, sans-serif;
    --meteskar-blue: #0a4d7d;
    --meteskar-blue-dark: #06243d;
    --meteskar-ink: #0f1e2e;
    --meteskar-muted: #64748b;
    --meteskar-line: rgba(7, 31, 53, .10);
    --meteskar-soft: #f5f8fc;
}

body {
    font-family: var(--meteskar-font-body);
    background: radial-gradient(circle at 8% 8%, rgba(10,77,125,.05), transparent 26%), linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
}

h1, h2, h3, h4, h5, h6,
.section-title h1, .section-title h2, .meteskar-title,
.page-hero h1, #hero h2 {
    font-family: var(--meteskar-font-title);
}

body.no-topbar #header.meteskar-header {
    height: 96px;
    background: rgba(255,255,255,.82);
    border-bottom: 1px solid rgba(7,31,53,.08);
    box-shadow: 0 20px 70px rgba(7,31,53,.08);
}

body.no-topbar #header .container.header-inner {
    max-width: 1280px;
    gap: 28px;
}

.header-logo {
    min-width: 270px !important;
    display: flex;
    align-items: center;
}

.brand-link-original {
    min-width: 238px;
    height: 72px;
    padding: 8px 18px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,248,252,.86)) !important;
    border: 1px solid rgba(7,31,53,.10) !important;
    box-shadow: 0 18px 42px rgba(7,31,53,.10), inset 0 1px 0 rgba(255,255,255,.85) !important;
    overflow: hidden;
    position: relative;
}

    .brand-link-original:before {
        content: "";
        position: absolute;
        inset: -42px auto auto -36px;
        width: 100px;
        height: 100px;
        border-radius: 999px;
        background: rgba(10,77,125,.08);
    }

.brand-original-logo {
    position: relative;
    z-index: 1;
    width: 204px;
    max-height: 58px;
    object-fit: contain;
    mix-blend-mode: multiply;
    filter: contrast(1.08) saturate(.96);
}

.navbar.meteskar-navbar {
    flex: 1;
    justify-content: flex-end;
}

    .navbar.meteskar-navbar ul {
        background: rgba(255,255,255,.78);
        padding: 8px;
        border-radius: 999px;
        box-shadow: 0 18px 50px rgba(7,31,53,.08), inset 0 1px 0 rgba(255,255,255,.82);
    }

    .navbar.meteskar-navbar a,
    .navbar.meteskar-navbar a:focus {
        font-family: var(--meteskar-font-title);
        font-size: 13px;
        font-weight: 800;
        color: #102033;
        padding: 12px 13px;
    }

    .navbar.meteskar-navbar .quote-link,
    .navbar.meteskar-navbar .quote-link:focus,
    .btn-meteskar {
        background: radial-gradient(circle at 20% 12%, rgba(255,255,255,.26), transparent 28%), linear-gradient(135deg, #06243d, #0a5f9b);
        box-shadow: 0 18px 42px rgba(10,77,125,.24);
    }

#hero.meteskar-hero-lux {
    height: calc(100vh - 96px);
    min-height: 720px;
}

    #hero.meteskar-hero-lux .carousel-container {
        justify-content: center;
    }

    #hero.meteskar-hero-lux .carousel-content {
        max-width: 820px;
        margin-right: min(32vw, 420px);
        border-top: 1px solid rgba(214,180,108,.64);
        border-left: 1px solid rgba(255,255,255,.12);
        background: linear-gradient(90deg, rgba(6,36,61,.18), transparent);
        padding: 36px 0 0 36px;
    }

    #hero.meteskar-hero-lux h2,
    .page-hero h1 {
        font-weight: 800;
        letter-spacing: -.055em;
    }

    #hero.meteskar-hero-lux p {
        font-weight: 600;
        color: rgba(255,255,255,.86);
    }

.page-hero {
    min-height: 350px;
    padding: 172px 0 86px;
    text-align: center;
    display: flex;
    align-items: center;
    background: radial-gradient(circle at 50% -10%, rgba(214,180,108,.18), transparent 25%), radial-gradient(circle at 85% 20%, rgba(125,183,232,.25), transparent 30%), linear-gradient(135deg, rgba(6,36,61,.98), rgba(10,77,125,.78)), url("/Content/meteskar-hero.svg") center/cover no-repeat;
}

    .page-hero .container {
        max-width: 920px;
    }

    .page-hero h1 {
        font-size: clamp(42px, 5vw, 74px);
        text-shadow: 0 18px 45px rgba(0,0,0,.16);
    }

    .page-hero p {
        margin-left: auto;
        margin-right: auto;
        font-size: 19px;
        font-weight: 600;
        color: rgba(255,255,255,.82);
    }

.breadcrumbs-line {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.78);
    backdrop-filter: blur(10px);
}

.meteskar-section {
    padding: 100px 0;
}

.section-title {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .section-title h1,
    .section-title h2,
    .meteskar-title {
        font-weight: 800;
    }

.service-card,
.project-card,
.policy-card,
.news-card,
.value-card,
.about-card,
.form-panel,
.contact .info-wrap {
    border: 1px solid rgba(7,31,53,.08);
    box-shadow: 0 26px 75px rgba(7,31,53,.075);
}

    .service-card:hover,
    .project-card:hover,
    .policy-card:hover,
    .news-card:hover,
    .value-card:hover {
        transform: translateY(-8px);
    }

.contact-premium {
    padding-top: 84px;
}

.contact-info-shell {
    max-width: 1080px;
    margin: 0 auto 30px;
    border-radius: 32px;
    padding: 16px;
    background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(245,248,252,.78));
    border: 1px solid rgba(7,31,53,.08);
    box-shadow: 0 28px 80px rgba(7,31,53,.08);
}

.contact-method-card {
    height: 100%;
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 26px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid rgba(7,31,53,.07);
    transition: .24s ease;
    position: relative;
    overflow: hidden;
}

    .contact-method-card:before {
        content: "";
        position: absolute;
        left: 0;
        top: 24px;
        bottom: 24px;
        width: 3px;
        border-radius: 99px;
        background: linear-gradient(180deg, var(--meteskar-gold), var(--meteskar-sky));
        opacity: .75;
    }

    .contact-method-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 22px 55px rgba(7,31,53,.10);
    }

.contact-method-icon {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: var(--meteskar-blue);
    font-size: 24px;
    background: radial-gradient(circle at 28% 15%, rgba(214,180,108,.22), transparent 30%), rgba(10,77,125,.08);
    border: 1px solid rgba(10,77,125,.10);
}

.contact-method-card span {
    display: block;
    color: var(--meteskar-muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.contact-method-card h4 {
    margin: 0 0 8px;
    color: var(--meteskar-blue-dark);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.03em;
}

.contact-method-card p {
    margin: 0;
    color: #475569;
    line-height: 1.65;
    font-weight: 650;
}

.contact-method-card a {
    font-weight: 800;
}

.map-panel {
    max-width: 1080px;
    margin: 30px auto 0;
    padding: 18px;
    border-radius: 34px;
    background: radial-gradient(circle at 100% 0%, rgba(125,183,232,.16), transparent 36%), #fff;
    border: 1px solid rgba(7,31,53,.08);
    box-shadow: 0 30px 85px rgba(7,31,53,.08);
}

.map-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 12px 14px 20px;
}

    .map-panel-head .section-kicker {
        margin-bottom: 8px;
    }

    .map-panel-head h3 {
        margin: 0;
        color: var(--meteskar-blue-dark);
        font-size: clamp(22px, 3vw, 34px);
        font-weight: 800;
        letter-spacing: -.045em;
    }

.map-frame {
    border-radius: 26px;
    overflow: hidden;
    border: 1px solid rgba(7,31,53,.09);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.8);
    background: #eef4f8;
}

    .map-frame iframe {
        filter: saturate(.9) contrast(1.02);
    }

#footer {
    background: radial-gradient(circle at 12% 0%, rgba(125,183,232,.10), transparent 30%), linear-gradient(180deg, #071f35, #041827);
}

    #footer .footer-top {
        background: transparent;
    }

.whatsapp-float {
    right: 26px;
    bottom: 88px;
    width: 58px;
    height: 58px;
    box-shadow: 0 18px 42px rgba(37,211,102,.34);
}

@media (max-width: 1280px) {
    .brand-link-original {
        min-width: 210px;
    }

    .brand-original-logo {
        width: 178px;
    }

    .header-logo {
        min-width: 230px !important;
    }

    .navbar.meteskar-navbar a,
    .navbar.meteskar-navbar a:focus {
        font-size: 12px;
        padding: 10px 9px;
    }
}

@media (max-width: 991px) {
    body.no-topbar #header.meteskar-header {
        height: 82px;
    }

    .brand-link-original {
        min-width: 168px;
        height: 60px;
        padding: 7px 12px !important;
    }

    .brand-original-logo {
        width: 144px;
        max-height: 48px;
    }

    #hero.meteskar-hero-lux .carousel-content {
        margin-right: 0;
        padding-left: 22px;
    }

    .page-hero {
        padding-top: 132px;
        min-height: 300px;
    }

    .map-panel-head {
        display: block;
    }

        .map-panel-head a {
            margin-top: 16px;
        }
}

@media (max-width: 576px) {
    .brand-link-original {
        min-width: 82px;
        width: 82px;
        justify-content: center;
        overflow: hidden;
    }

    .brand-original-logo {
        width: 118px;
        max-width: none;
        transform: translateY(-6px);
    }

    .contact-method-card {
        padding: 22px;
    }

    .map-panel {
        padding: 12px;
        border-radius: 26px;
    }
}

/* richer movement without breaking simplicity */
.btn-meteskar,
.btn-meteskar-outline,
.quote-link,
.contact-method-card,
.admin-quick-card,
.service-card,
.project-card,
.value-card,
.news-card,
.policy-card {
    will-change: transform;
}


/* Stage 4.3 - refined header, carousel and responsive polish */
body.no-topbar #header.meteskar-header {
    height: 88px;
    background: rgba(246, 250, 253, .78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(8,46,78,.08);
    box-shadow: 0 18px 60px rgba(8,46,78,.08);
}

body.no-topbar #header .container.header-inner {
    max-width: 1320px;
    gap: 24px;
}

.header-logo {
    min-width: 280px !important;
}

.brand-link-refined {
    min-width: 245px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 18px 8px 10px;
    border-radius: 24px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(255,255,255,.96);
    box-shadow: 0 18px 45px rgba(8,46,78,.10), inset 0 1px 0 rgba(255,255,255,.95);
    transition: .25s ease;
}

    .brand-link-refined:hover {
        transform: translateY(-2px);
        box-shadow: 0 24px 60px rgba(8,46,78,.14), inset 0 1px 0 rgba(255,255,255,.95);
    }

.brand-emblem {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #fff, #eef5fa);
    border: 1px solid rgba(8,46,78,.08);
    overflow: hidden;
    flex: 0 0 auto;
}

    .brand-emblem img {
        width: 42px;
        height: 42px;
        object-fit: contain;
        display: block;
    }

.brand-copy {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

    .brand-copy strong {
        font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif;
        color: #082e4e;
        font-size: 20px;
        letter-spacing: .12em;
        font-weight: 900;
    }

    .brand-copy small {
        color: #547087;
        font-size: 10px;
        letter-spacing: .18em;
        text-transform: uppercase;
        font-weight: 800;
        margin-top: 7px;
    }

.clean-header .meteskar-navbar {
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(8,46,78,.08);
    border-radius: 999px;
    padding: 8px 10px 8px 22px;
    box-shadow: 0 18px 44px rgba(8,46,78,.10);
}

    .clean-header .meteskar-navbar a,
    .clean-header .meteskar-navbar a:focus {
        font-size: 13px;
        letter-spacing: -.01em;
        padding-left: 18px;
    }

.clean-header .navbar .quote-link,
.clean-header .navbar .quote-link:focus {
    padding: 13px 22px;
    border: 1px solid rgba(255,255,255,.35);
    box-shadow: 0 14px 36px rgba(8,46,78,.22);
}

#hero.meteskar-hero-lux {
    height: calc(100vh - 88px);
    min-height: 720px;
    overflow: hidden;
}

    #hero.meteskar-hero-lux .carousel,
    #hero.meteskar-hero-lux .carousel-inner,
    #hero.meteskar-hero-lux .carousel-item {
        height: 100%;
    }

    #hero.meteskar-hero-lux .carousel-item {
        background-size: cover;
        background-position: center;
    }

        #hero.meteskar-hero-lux .carousel-item:before {
            background: radial-gradient(circle at 74% 22%, rgba(142,202,241,.18), transparent 28%), linear-gradient(100deg, rgba(5,31,53,.96) 0%, rgba(6,49,82,.84) 48%, rgba(11,71,120,.40) 100%);
        }

    #hero.meteskar-hero-lux .carousel-content {
        max-width: 760px;
        padding: 46px 0 0 46px;
        border-left: 1px solid rgba(255,255,255,.14);
        border-top: 1px solid rgba(217,184,103,.55);
        margin-left: clamp(0px, 5vw, 80px);
    }

    #hero.meteskar-hero-lux h2 {
        font-size: clamp(48px, 5.6vw, 92px);
        line-height: .96;
        max-width: 780px;
    }

    #hero.meteskar-hero-lux p {
        font-size: clamp(16px, 1.2vw, 20px);
        max-width: 700px;
    }

    #hero.meteskar-hero-lux .carousel-control-prev,
    #hero.meteskar-hero-lux .carousel-control-next {
        width: 58px;
        height: 58px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 1;
        border-radius: 50%;
        background: rgba(255,255,255,.13);
        border: 1px solid rgba(255,255,255,.20);
        backdrop-filter: blur(8px);
    }

    #hero.meteskar-hero-lux .carousel-control-prev {
        left: 28px;
    }

    #hero.meteskar-hero-lux .carousel-control-next {
        right: 28px;
    }

        #hero.meteskar-hero-lux .carousel-control-prev:hover,
        #hero.meteskar-hero-lux .carousel-control-next:hover {
            background: rgba(255,255,255,.24);
        }

.meteskar-hero-dots {
    bottom: 48px;
    margin-bottom: 0;
}

    .meteskar-hero-dots [data-bs-target] {
        width: 34px;
        height: 4px;
        border: 0;
        border-radius: 999px;
        background: rgba(255,255,255,.46);
        opacity: 1;
        margin: 0 5px;
    }

    .meteskar-hero-dots .active {
        background: #fff;
        width: 52px;
    }

@media (max-width: 1199px) {
    .header-logo {
        min-width: auto !important;
    }

    .brand-link-refined {
        min-width: 210px;
    }

    .brand-copy strong {
        font-size: 17px;
    }

    .brand-copy small {
        font-size: 9px;
    }

    .clean-header .meteskar-navbar a, .clean-header .meteskar-navbar a:focus {
        padding-left: 12px;
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    body.no-topbar #header.meteskar-header {
        height: 78px;
    }

    body.no-topbar #header .container.header-inner {
        padding: 0 18px;
    }

    .brand-link-refined {
        min-width: auto;
        height: 58px;
        padding: 7px 12px 7px 8px;
        border-radius: 20px;
    }

    .brand-emblem {
        width: 44px;
        height: 44px;
        border-radius: 15px;
    }

        .brand-emblem img {
            width: 36px;
            height: 36px;
        }

    .brand-copy strong {
        font-size: 16px;
    }

    .brand-copy small {
        display: none;
    }

    .clean-header .meteskar-navbar {
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 0;
    }

    .mobile-nav-toggle {
        font-size: 30px;
        color: #082e4e;
        background: rgba(255,255,255,.85);
        border-radius: 14px;
        padding: 7px;
        box-shadow: 0 10px 26px rgba(8,46,78,.12);
    }

    .navbar-mobile {
        background: rgba(8,46,78,.28);
        backdrop-filter: blur(8px);
    }

        .navbar-mobile ul {
            top: 86px;
            left: 18px;
            right: 18px;
            padding: 18px;
            border-radius: 26px;
            background: rgba(255,255,255,.97);
        }

        .navbar-mobile a, .navbar-mobile a:focus {
            padding: 13px 16px !important;
            font-size: 15px !important;
            color: #082e4e;
        }

        .navbar-mobile .quote-link {
            width: calc(100% - 32px);
        }

    #hero.meteskar-hero-lux {
        height: auto;
        min-height: 680px;
        padding-top: 78px;
    }

        #hero.meteskar-hero-lux .carousel-content {
            margin: 0;
            padding: 28px 0 0 24px;
            max-width: 650px;
        }

        #hero.meteskar-hero-lux .carousel-control-prev,
        #hero.meteskar-hero-lux .carousel-control-next {
            display: none;
        }
}

@media (max-width: 575px) {
    body.no-topbar #header.meteskar-header {
        height: 72px;
    }

    .brand-link-refined {
        height: 52px;
        padding: 6px 10px 6px 6px;
    }

    .brand-emblem {
        width: 40px;
        height: 40px;
        border-radius: 14px;
    }

        .brand-emblem img {
            width: 33px;
            height: 33px;
        }

    .brand-copy strong {
        font-size: 14px;
        letter-spacing: .08em;
    }

    #hero.meteskar-hero-lux {
        min-height: 640px;
        padding-top: 72px;
    }

        #hero.meteskar-hero-lux .carousel-container {
            padding: 0 22px;
            align-items: center;
        }

        #hero.meteskar-hero-lux .carousel-content {
            border-left: 0;
            padding: 28px 0 0 0;
            border-top: 1px solid rgba(217,184,103,.50);
        }

        #hero.meteskar-hero-lux h2 {
            font-size: clamp(38px, 12vw, 58px);
            letter-spacing: -.06em;
        }

        #hero.meteskar-hero-lux p {
            font-size: 15px;
            line-height: 1.65;
        }

    .hero-actions {
        gap: 10px;
        margin-top: 26px;
    }

    .btn-meteskar, .btn-meteskar-outline {
        padding: 12px 17px;
        font-size: 13px;
    }

    .meteskar-hero-dots {
        bottom: 24px;
    }

    .meteskar-section {
        padding: 64px 0;
    }
}

/* Stage 4.4 - hero slider, contact and admin sidebar refinement */
#hero.meteskar-hero-lux.hero-v2 {
    height: calc(100vh - 88px);
    min-height: 760px;
    background: #061f35;
}

    #hero.meteskar-hero-lux.hero-v2 .carousel-item {
        background-size: cover;
        background-position: center center;
        isolation: isolate;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-item.has-copy:before {
            background: radial-gradient(circle at 50% 42%, rgba(12, 89, 146, .18), transparent 34%), linear-gradient(90deg, rgba(3, 20, 36, .86) 0%, rgba(6, 36, 61, .72) 48%, rgba(8, 46, 78, .48) 100%);
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-item.image-only:before {
            background: radial-gradient(circle at 60% 26%, rgba(10, 77, 125, .18), transparent 34%), linear-gradient(90deg, rgba(3, 20, 36, .28), rgba(6, 36, 61, .16));
        }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0 92px;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        position: relative;
        max-width: 920px;
        margin: 0 auto;
        padding: 48px 54px 52px;
        border: 1px solid rgba(255,255,255,.14);
        border-top-color: rgba(217,184,103,.62);
        border-radius: 34px;
        background: radial-gradient(circle at 50% -20%, rgba(217,184,103,.13), transparent 36%), linear-gradient(135deg, rgba(6,36,61,.48), rgba(6,36,61,.18));
        box-shadow: 0 42px 120px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10);
        backdrop-filter: blur(4px);
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content:before,
        #hero.meteskar-hero-lux.hero-v2 .carousel-content:after {
            content: "";
            position: absolute;
            height: 1px;
            width: 120px;
            top: -1px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content:before {
            left: 42px;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content:after {
            right: 42px;
        }

    #hero.meteskar-hero-lux.hero-v2 .hero-kicker {
        justify-content: center;
        display: inline-flex;
        letter-spacing: .22em;
        margin-bottom: 18px;
    }

    #hero.meteskar-hero-lux.hero-v2 h2 {
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(48px, 5vw, 84px);
        line-height: .98;
        max-width: 850px;
        text-wrap: balance;
    }

    #hero.meteskar-hero-lux.hero-v2 p {
        margin: 22px auto 0;
        max-width: 760px;
        font-size: clamp(16px, 1.1vw, 19px);
        line-height: 1.8;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-actions {
        justify-content: center;
        margin-top: 30px;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-control-prev,
    #hero.meteskar-hero-lux.hero-v2 .carousel-control-next {
        width: 66px;
        height: 66px;
        background: rgba(255,255,255,.16);
        border: 1px solid rgba(255,255,255,.22);
        box-shadow: 0 22px 55px rgba(0,0,0,.12);
    }

    #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots {
        bottom: 36px;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-item.image-only .carousel-container {
        pointer-events: none;
    }

/* More refined contact page */
.contact-premium {
    padding-top: 90px;
}

.contact-info-shell {
    max-width: 1120px;
    padding: 18px;
    margin-top: -32px;
    position: relative;
    z-index: 5;
}

.contact-method-card {
    min-height: 168px;
    padding: 30px 28px;
    border-radius: 30px;
    background: radial-gradient(circle at 100% 0%, rgba(10,77,125,.06), transparent 34%), #fff;
}

    .contact-method-card:before {
        top: 18px;
        bottom: 18px;
        width: 4px;
    }

    .contact-method-card h4 {
        font-size: 24px;
    }

    .contact-method-card p {
        font-size: 15px;
    }

.contact-method-icon {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
    border-radius: 22px;
}

.map-panel {
    max-width: 1120px;
    padding: 22px;
    border-radius: 38px;
}

.map-panel-head {
    padding: 16px 18px 24px;
}

    .map-panel-head h3 {
        max-width: 780px;
        line-height: 1.08;
    }

.map-frame {
    border-radius: 30px;
}

/* Admin left menu full-height polish */
.left-side-bar {
    min-height: 100vh !important;
    height: 100vh !important;
    position: fixed !important;
}

    .left-side-bar .menu-block {
        height: calc(100vh - 112px) !important;
        max-height: calc(100vh - 112px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-bottom: 28px;
    }

        .left-side-bar .menu-block::-webkit-scrollbar {
            width: 6px;
        }

        .left-side-bar .menu-block::-webkit-scrollbar-thumb {
            background: rgba(255,255,255,.24);
            border-radius: 99px;
        }

.sidebar-menu .dropdown-toggle {
    min-height: 52px;
    padding: 10px 14px !important;
}

    .sidebar-menu .dropdown-toggle .mtext {
        white-space: normal;
        line-height: 1.25;
    }

.sidebar-menu .submenu {
    margin-left: 34px;
    margin-right: 4px;
}

    .sidebar-menu .submenu li a {
        white-space: normal;
        line-height: 1.25;
    }

@media (max-width: 991px) {
    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 690px;
        height: auto;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 92px 26px 54px;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            max-width: 720px;
            padding: 38px 30px 42px;
            border-radius: 28px;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(38px, 8vw, 62px);
        }

    .contact-info-shell {
        margin-top: -20px;
    }

    .map-panel-head {
        display: block;
    }
}

@media (max-width: 575px) {
    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 640px;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 86px 16px 46px;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            padding: 30px 20px 34px;
            border-radius: 24px;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-kicker {
            font-size: 11px;
            letter-spacing: .16em;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(34px, 11vw, 48px);
        }

        #hero.meteskar-hero-lux.hero-v2 p {
            font-size: 14px;
            line-height: 1.65;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-actions {
            flex-direction: column;
            align-items: stretch;
        }

            #hero.meteskar-hero-lux.hero-v2 .hero-actions a {
                justify-content: center;
            }

    .contact-method-card {
        display: block;
        min-height: auto;
    }

    .contact-method-icon {
        margin-bottom: 16px;
    }

    .map-panel {
        padding: 14px;
    }

    .map-panel-head h3 {
        font-size: 25px;
    }
}

/* Stage 4.5 - hero copy visibility and slider balance fix */
#hero.meteskar-hero-lux.hero-v2 {
    height: clamp(650px, 78vh, 820px);
    min-height: 650px;
    overflow: hidden;
}

    #hero.meteskar-hero-lux.hero-v2:after {
        height: 86px;
        z-index: 1;
        pointer-events: none;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        z-index: 3;
        padding: 108px 112px 116px;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        max-width: 780px;
        padding: 34px 42px 38px;
        border-radius: 30px;
        transform: translateY(-8px);
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-kicker {
        margin-bottom: 12px;
    }

    #hero.meteskar-hero-lux.hero-v2 h2 {
        max-width: 720px;
        font-size: clamp(42px, 4.2vw, 68px);
        line-height: 1;
        margin: 12px auto 18px;
        letter-spacing: -.055em;
    }

    #hero.meteskar-hero-lux.hero-v2 p {
        margin: 12px auto 0;
        max-width: 620px;
        font-size: clamp(14px, 1vw, 17px);
        line-height: 1.65;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-actions {
        margin-top: 22px;
        position: relative;
        z-index: 5;
    }

    #hero.meteskar-hero-lux.hero-v2 .btn-meteskar {
        background: linear-gradient(135deg, #0b5b93, #08395f);
        color: #fff;
        box-shadow: 0 16px 36px rgba(0,0,0,.22);
    }

    #hero.meteskar-hero-lux.hero-v2 .btn-meteskar-outline.hero-outline {
        background: rgba(255,255,255,.96);
        color: #082e4e;
        border-color: rgba(255,255,255,.70);
        box-shadow: 0 12px 30px rgba(0,0,0,.14);
    }

        #hero.meteskar-hero-lux.hero-v2 .btn-meteskar-outline.hero-outline:hover {
            background: #fff;
            color: #0b4778;
        }

    #hero.meteskar-hero-lux.hero-v2 .carousel-item.image-only .carousel-container {
        display: none;
    }

@media (max-width: 1199px) {
    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        padding: 100px 76px 108px;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        max-width: 720px;
    }

    #hero.meteskar-hero-lux.hero-v2 h2 {
        font-size: clamp(40px, 5.5vw, 62px);
    }
}

@media (max-width: 991px) {
    #hero.meteskar-hero-lux.hero-v2 {
        height: auto;
        min-height: 620px;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 98px 24px 86px;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            max-width: 660px;
            padding: 30px 28px 34px;
            transform: none;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(36px, 8vw, 54px);
        }
}

@media (max-width: 575px) {
    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 600px;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 86px 16px 72px;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            padding: 26px 18px 30px;
            border-radius: 22px;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(32px, 10vw, 42px);
            letter-spacing: -.05em;
        }

        #hero.meteskar-hero-lux.hero-v2 p {
            font-size: 13.5px;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-actions {
            margin-top: 18px;
        }
}

/* Stage 4.6 - hero vertical balance and first section visibility fix */
#hero.meteskar-hero-lux.hero-v2 {
    height: clamp(520px, 64vh, 680px) !important;
    min-height: 520px !important;
    margin-bottom: 0 !important;
}

    #hero.meteskar-hero-lux.hero-v2 .carousel,
    #hero.meteskar-hero-lux.hero-v2 .carousel-inner,
    #hero.meteskar-hero-lux.hero-v2 .carousel-item {
        height: 100% !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-item {
        background-size: cover !important;
        background-position: center center !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        min-height: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 104px 96px 88px !important;
        box-sizing: border-box !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        width: min(760px, 100%) !important;
        max-width: 760px !important;
        padding: 30px 40px 34px !important;
        margin: 0 auto !important;
        transform: translateY(-18px) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 h2 {
        font-size: clamp(38px, 4vw, 64px) !important;
        line-height: 1.02 !important;
        margin: 8px auto 16px !important;
        max-width: 680px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 p {
        margin: 8px auto 0 !important;
        max-width: 610px !important;
        line-height: 1.58 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-actions {
        margin-top: 18px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    #hero.meteskar-hero-lux.hero-v2:after {
        height: 58px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots {
        bottom: 18px !important;
        z-index: 6 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-control-prev,
    #hero.meteskar-hero-lux.hero-v2 .carousel-control-next {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

#about-us.about-us {
    padding-top: 76px !important;
}

#about-us [data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

@media (max-width: 991px) {
    #hero.meteskar-hero-lux.hero-v2 {
        height: auto !important;
        min-height: 560px !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 96px 24px 76px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            padding: 28px 26px 32px !important;
            transform: translateY(-8px) !important;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(34px, 7vw, 52px) !important;
        }
}

@media (max-width: 575px) {
    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 540px !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 86px 16px 68px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            padding: 24px 18px 28px !important;
            transform: none !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-actions {
            flex-direction: column !important;
            gap: 10px !important;
            margin-top: 16px !important;
        }

            #hero.meteskar-hero-lux.hero-v2 .hero-actions a {
                width: 100% !important;
                justify-content: center !important;
            }
}


/* Stage 4.7 - faster section reveal */
[data-aos] {
    transition-duration: .42s !important;
    transition-delay: 0s !important;
}

@media (max-width: 767px) {
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

#about-us [data-aos],
#services [data-aos],
.services [data-aos],
#portfolio [data-aos],
.portfolio [data-aos] {
    transition-delay: 0s !important;
}


/* Stage 4.8 - premium homepage rhythm, sharp slider media, services visibility */
#hero.meteskar-hero-lux.hero-v2 {
    height: clamp(620px, 74vh, 780px) !important;
    min-height: 620px !important;
    background: radial-gradient(circle at 76% 18%, rgba(25,118,181,.24), transparent 28%), linear-gradient(135deg, #061f35 0%, #0b4778 100%) !important;
}

    #hero.meteskar-hero-lux.hero-v2 .carousel-item {
        background-size: cover !important;
        background-position: center !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        z-index: 0;
        opacity: .92;
        filter: none !important;
        transform: translateZ(0) scale(1.001);
        image-rendering: auto;
        backface-visibility: hidden;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-shine {
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(3,20,36,.86) 0%, rgba(3,20,36,.58) 46%, rgba(8,46,78,.32) 100%), radial-gradient(circle at 48% 42%, rgba(255,255,255,.08), transparent 25%);
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-item:before {
        z-index: 2;
        background: radial-gradient(circle at 52% 42%, rgba(12, 89, 146, .10), transparent 34%), linear-gradient(180deg, rgba(3,20,36,.10), rgba(3,20,36,.52)) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-item.image-only .hero-slide-shine {
        background: linear-gradient(90deg, rgba(3,20,36,.25), rgba(3,20,36,.10)) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-item.image-only:before {
        background: rgba(0,0,0,.10) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        z-index: 3;
        padding: 108px 92px 94px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        width: min(980px, 100%) !important;
        max-width: 980px !important;
        padding: 38px 48px 42px !important;
        border-radius: 34px !important;
        transform: translateY(-4px) !important;
        background: linear-gradient(135deg, rgba(6,31,53,.56), rgba(6,31,53,.24)) !important;
        backdrop-filter: blur(2px) saturate(125%) !important;
        box-shadow: 0 34px 100px rgba(0,0,0,.19), inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 h2 {
        font-size: clamp(42px, 4.6vw, 76px) !important;
        max-width: 860px !important;
        line-height: .98 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 p {
        max-width: 760px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-actions {
        margin-top: 24px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-control-prev,
    #hero.meteskar-hero-lux.hero-v2 .carousel-control-next {
        z-index: 8;
        background: rgba(255,255,255,.20) !important;
        border-color: rgba(255,255,255,.32) !important;
    }

.mechanical-motion-band {
    position: relative;
    padding: 0 0 72px;
    margin-top: -18px;
    background: linear-gradient(180deg, rgba(255,255,255,0), #fff 18%, #fff 100%);
    z-index: 5;
}

.motion-panel {
    display: grid;
    grid-template-columns: minmax(260px, .78fr) 1fr;
    gap: 28px;
    align-items: center;
    padding: 30px;
    border-radius: 36px;
    background: radial-gradient(circle at 90% 0%, rgba(11,71,120,.08), transparent 34%), rgba(255,255,255,.92);
    border: 1px solid rgba(8,46,78,.08);
    box-shadow: 0 28px 90px rgba(8,46,78,.09);
}

.motion-visual {
    position: relative;
    min-height: 260px;
    border-radius: 30px;
    background: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px), radial-gradient(circle at 50% 50%, rgba(36,141,205,.26), transparent 34%), linear-gradient(135deg, #061f35, #0b4778);
    background-size: 24px 24px, 24px 24px, auto, auto;
    overflow: hidden;
}

    .motion-visual:after {
        content: "";
        position: absolute;
        inset: 28px;
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 28px;
    }

.motion-core {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 82px;
    height: 82px;
    transform: translate(-50%,-50%);
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 34px;
    background: linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.06));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 24px 60px rgba(0,0,0,.20);
    animation: meteskarPulse 3.6s ease-in-out infinite;
}

.motion-node {
    position: absolute;
    width: 88px;
    height: 58px;
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 18px 42px rgba(0,0,0,.18);
}

    .motion-node:before {
        content: "";
        position: absolute;
        left: 16px;
        top: 17px;
        width: 36px;
        height: 7px;
        border-radius: 99px;
        background: #0b4778;
        box-shadow: 0 14px 0 rgba(11,71,120,.20);
    }

    .motion-node.node-a {
        left: 28px;
        top: 34px;
        animation: meteskarFloat 4.8s ease-in-out infinite;
    }

    .motion-node.node-b {
        right: 30px;
        top: 78px;
        animation: meteskarFloat 5.2s ease-in-out .4s infinite;
    }

    .motion-node.node-c {
        left: 48px;
        bottom: 34px;
        animation: meteskarFloat 4.6s ease-in-out .7s infinite;
    }

.motion-line {
    position: absolute;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(214,180,108,.9), transparent);
    transform-origin: left;
    opacity: .75;
}

    .motion-line.line-a {
        left: 94px;
        top: 82px;
        width: 220px;
        transform: rotate(20deg);
    }

    .motion-line.line-b {
        left: 110px;
        bottom: 86px;
        width: 220px;
        transform: rotate(-18deg);
    }

.motion-copy h2 {
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.05;
    letter-spacing: -.055em;
    color: #102033;
    margin: 8px 0 14px;
}

.motion-copy p {
    color: #64748b;
    font-size: 16px;
    line-height: 1.8;
    max-width: 760px;
}

.motion-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

    .motion-tags span {
        padding: 10px 14px;
        border-radius: 999px;
        font-weight: 850;
        font-size: 13px;
        color: #0b4778;
        background: rgba(11,71,120,.08);
        border: 1px solid rgba(11,71,120,.08);
    }

.service-card.premium-service {
    opacity: 1 !important;
    transform: none !important;
}

.service-image-mini {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    overflow: hidden;
    margin-bottom: 18px;
    background: #eef5fb;
    border: 1px solid rgba(11,71,120,.10);
    box-shadow: 0 16px 38px rgba(8,46,78,.10);
}

    .service-image-mini img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@keyframes meteskarFloat {
    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes meteskarPulse {
    0%,100% {
        transform: translate(-50%,-50%) scale(1);
    }

    50% {
        transform: translate(-50%,-50%) scale(1.045);
    }
}

@media (max-width: 991px) {
    #hero.meteskar-hero-lux.hero-v2 {
        height: auto !important;
        min-height: 620px !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 100px 22px 84px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            padding: 30px 24px 34px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(34px, 8vw, 56px) !important;
        }

    .mechanical-motion-band {
        padding-bottom: 54px;
    }

    .motion-panel {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .motion-visual {
        min-height: 220px;
    }
}

@media (max-width: 575px) {
    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        border-radius: 24px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 h2 {
        font-size: clamp(30px, 10vw, 42px) !important;
    }

    .motion-copy h2 {
        font-size: 28px;
    }

    .motion-node {
        transform: scale(.86);
    }

    .motion-line {
        opacity: .45;
    }
}


/* Stage 4.9 - final hero/service/click polish */
#main {
    position: relative;
    overflow: hidden;
}

    #main > section,
    #main > .mechanical-motion-band,
    #main > .container,
    #main .meteskar-section {
        position: relative;
        z-index: 2;
    }

    #main:before,
    #main:after {
        content: "";
        position: absolute;
        top: 850px;
        width: 270px;
        height: 1850px;
        pointer-events: none;
        z-index: 1;
        opacity: .18;
        background: url("/Content/meteskar-side-flow.svg") top center/contain repeat-y;
        animation: meteskarSideFlow 18s linear infinite;
    }

    #main:before {
        left: max(14px, calc((100vw - 1680px) / 2));
    }

    #main:after {
        right: max(14px, calc((100vw - 1680px) / 2));
        transform: scaleX(-1);
        animation-direction: reverse;
    }

@keyframes meteskarSideFlow {
    0% {
        background-position: center 0;
    }

    100% {
        background-position: center 560px;
    }
}

#hero.meteskar-hero-lux.hero-v2 {
    height: clamp(660px, 78vh, 790px) !important;
    min-height: 660px !important;
    overflow: hidden !important;
    isolation: isolate;
}

    #hero.meteskar-hero-lux.hero-v2:after {
        height: 96px !important;
        z-index: 6 !important;
        pointer-events: none !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel,
    #hero.meteskar-hero-lux.hero-v2 .carousel-inner,
    #hero.meteskar-hero-lux.hero-v2 .carousel-item {
        height: 100% !important;
        min-height: 0 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-item {
        overflow: hidden !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-img {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        image-rendering: auto !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-shine,
    #hero.meteskar-hero-lux.hero-v2 .carousel-item:before,
    #hero.meteskar-hero-lux.hero-v2 .carousel-content:before,
    #hero.meteskar-hero-lux.hero-v2 .carousel-content:after,
    .cta-strip:before,
    .cta-strip:after {
        pointer-events: none !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-shine {
        background: linear-gradient(90deg, rgba(3,20,36,.78) 0%, rgba(6,31,53,.54) 44%, rgba(8,46,78,.20) 100%), radial-gradient(circle at 50% 44%, rgba(255,255,255,.08), transparent 32%) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        z-index: 7 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100% !important;
        padding: 126px 120px 112px !important;
        pointer-events: none;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        width: min(860px, calc(100vw - 56px)) !important;
        max-width: 860px !important;
        margin: 0 auto !important;
        transform: none !important;
        text-align: center !important;
        padding: 38px 46px 40px !important;
        border-radius: 34px !important;
        background: linear-gradient(135deg, rgba(6,31,53,.62), rgba(6,31,53,.28)) !important;
        border: 1px solid rgba(255,255,255,.16) !important;
        box-shadow: 0 34px 110px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.14) !important;
        backdrop-filter: blur(6px) saturate(125%) !important;
        pointer-events: auto;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-kicker {
        justify-content: center !important;
        margin: 0 auto 14px !important;
        color: rgba(210,235,255,.92) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 h2 {
        max-width: 760px !important;
        margin: 0 auto 18px !important;
        font-size: clamp(40px, 4.3vw, 72px) !important;
        line-height: 1.02 !important;
        letter-spacing: -.06em !important;
    }

    #hero.meteskar-hero-lux.hero-v2 p {
        max-width: 680px !important;
        margin: 0 auto !important;
        font-size: clamp(15px, 1.05vw, 18px) !important;
        line-height: 1.72 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-actions {
        justify-content: center !important;
        align-items: center !important;
        gap: 14px !important;
        margin-top: 22px !important;
        position: relative !important;
        z-index: 20 !important;
        pointer-events: auto !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .hero-actions a,
        .cta-strip a,
        .btn-meteskar,
        .btn-meteskar-outline {
            position: relative !important;
            z-index: 30 !important;
            pointer-events: auto !important;
        }

    #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots {
        bottom: 28px !important;
        z-index: 20 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-control-prev,
    #hero.meteskar-hero-lux.hero-v2 .carousel-control-next {
        z-index: 21 !important;
    }

.mechanical-motion-band {
    margin-top: 0 !important;
    padding: 76px 0 78px !important;
    background: radial-gradient(circle at 50% 0%, rgba(11,71,120,.06), transparent 36%), linear-gradient(180deg, #fff 0%, #fff 100%) !important;
}

.motion-panel {
    max-width: 1180px;
    margin: 0 auto;
}

.services .row,
#services .row {
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#services .col-lg-4,
#services .col-md-6,
#services .premium-service,
.service-card.premium-service {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.light-outline.btn-meteskar-outline:hover,
.about-card .btn-meteskar-outline.light-outline:hover {
    background: #f7fbff !important;
    color: #063b62 !important;
    border-color: rgba(11,71,120,.34) !important;
    box-shadow: 0 16px 34px rgba(8,46,78,.10) !important;
    transform: translateY(-2px);
}

.cta-strip {
    position: relative !important;
    overflow: hidden !important;
}

    .cta-strip .row,
    .cta-strip h2,
    .cta-strip p,
    .cta-strip .section-kicker,
    .cta-strip a {
        position: relative !important;
        z-index: 3 !important;
    }

@media (min-width: 1700px) {
    .container {
        max-width: 1320px;
    }
}

@media (max-width: 1199px) {
    #main:before, #main:after {
        display: none;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        padding: 118px 48px 104px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 h2 {
        font-size: clamp(38px, 6vw, 62px) !important;
    }
}

@media (max-width: 767px) {
    #hero.meteskar-hero-lux.hero-v2 {
        height: auto !important;
        min-height: 600px !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 108px 18px 82px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            padding: 28px 20px 30px !important;
            border-radius: 26px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(30px, 10vw, 44px) !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-actions {
            flex-direction: column;
        }

            #hero.meteskar-hero-lux.hero-v2 .hero-actions a {
                width: 100%;
                justify-content: center;
            }

    .mechanical-motion-band {
        padding: 46px 0 52px !important;
    }
}

/* Stage 5 - premium hero, cards and stronger technical motion */
#main:before,
#main:after {
    width: 330px;
    opacity: .32;
    filter: drop-shadow(0 0 26px rgba(125,183,232,.20));
}

#main:before {
    left: max(4px, calc((100vw - 1700px) / 2));
}

#main:after {
    right: max(4px, calc((100vw - 1700px) / 2));
}

.hero-premium-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.hero-premium-grid,
.hero-premium-orbit,
.hero-premium-glow {
    position: absolute;
    pointer-events: none;
}

.hero-premium-grid {
    inset: 0;
    opacity: .18;
    background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.8) 18%, rgba(0,0,0,.8) 78%, rgba(0,0,0,.08));
}

.hero-premium-orbit {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

    .hero-premium-orbit.orbit-a {
        width: 780px;
        height: 780px;
        right: -180px;
        top: -220px;
        transform: rotate(18deg);
    }

    .hero-premium-orbit.orbit-b {
        width: 560px;
        height: 560px;
        left: -110px;
        bottom: -250px;
        transform: rotate(-18deg);
        border-color: rgba(214,180,108,.18);
    }

.hero-premium-glow.glow-a {
    width: 520px;
    height: 520px;
    right: 10%;
    top: 12%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(41,144,210,.22) 0%, rgba(41,144,210,.04) 42%, transparent 72%);
}

.hero-premium-glow.glow-b {
    width: 360px;
    height: 360px;
    left: 6%;
    bottom: 8%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(214,180,108,.14) 0%, rgba(214,180,108,.02) 44%, transparent 72%);
}

#hero.meteskar-hero-lux.hero-v2 {
    background: radial-gradient(circle at 78% 18%, rgba(36,141,205,.30), transparent 24%), radial-gradient(circle at 18% 72%, rgba(214,180,108,.13), transparent 22%), linear-gradient(135deg, #061a2d 0%, #072843 44%, #0b4778 100%) !important;
}

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-shine {
        background: linear-gradient(95deg, rgba(1,10,22,.78) 0%, rgba(6,31,53,.46) 46%, rgba(8,46,78,.12) 100%), radial-gradient(circle at 52% 40%, rgba(255,255,255,.09), transparent 30%) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        position: relative;
        overflow: hidden;
        border-radius: 36px !important;
        padding: 42px 50px 44px !important;
        background: linear-gradient(145deg, rgba(8,34,56,.76), rgba(8,34,56,.34)) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        box-shadow: 0 40px 120px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(255,255,255,.06) !important;
        backdrop-filter: blur(10px) saturate(145%) !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content:before,
        #hero.meteskar-hero-lux.hero-v2 .carousel-content:after {
            content: "";
            position: absolute;
            inset: auto;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content::after {
            left: 18px;
            right: 18px;
            top: 18px;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content::before {
            right: -72px;
            top: -72px;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            border: 34px solid rgba(255,255,255,.05);
        }

    #hero.meteskar-hero-lux.hero-v2 h2 {
        text-shadow: 0 18px 48px rgba(0,0,0,.26);
    }

    #hero.meteskar-hero-lux.hero-v2 p {
        color: rgba(236,244,251,.88) !important;
    }

.hero-chip-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 18px auto 0;
    max-width: 760px;
}

    .hero-chip-row span {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 999px;
        color: #d8eaf8;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .02em;
        background: rgba(255,255,255,.08);
        border: 1px solid rgba(255,255,255,.12);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }

        .hero-chip-row span i {
            color: #93cdf2;
        }

.hero-trust-line {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    color: rgba(220,234,245,.78);
    font-size: 12.5px;
    font-weight: 700;
}

    .hero-trust-line span {
        display: inline-flex;
        align-items: center;
        gap: 7px;
    }

    .hero-trust-line i {
        color: #d6b46c;
        font-size: 13px;
    }

#hero.meteskar-hero-lux.hero-v2 .btn-meteskar,
#hero.meteskar-hero-lux.hero-v2 .btn-meteskar-outline.hero-outline {
    min-width: 200px;
    min-height: 54px;
}

#hero.meteskar-hero-lux.hero-v2 .btn-meteskar {
    background: linear-gradient(135deg, #0b69a7, #083c61) !important;
    box-shadow: 0 20px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

    #hero.meteskar-hero-lux.hero-v2 .btn-meteskar:hover {
        transform: translateY(-2px) scale(1.01);
    }

#hero.meteskar-hero-lux.hero-v2 .btn-meteskar-outline.hero-outline {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,247,251,.96)) !important;
    color: #08375b !important;
    border-color: rgba(255,255,255,.74) !important;
}

#hero.meteskar-hero-lux.hero-v2 .carousel-control-prev,
#hero.meteskar-hero-lux.hero-v2 .carousel-control-next {
    width: 68px !important;
    height: 68px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.11)) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.16);
    backdrop-filter: blur(12px);
}

    #hero.meteskar-hero-lux.hero-v2 .carousel-control-prev:hover,
    #hero.meteskar-hero-lux.hero-v2 .carousel-control-next:hover {
        background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.16)) !important;
    }

#hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots [data-bs-target] {
    height: 5px;
    background: rgba(255,255,255,.35);
}

#hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots .active {
    background: linear-gradient(90deg, #ffffff, #9ed6ff);
}

.mechanical-motion-band,
#about-us.about-us {
    position: relative;
}

    .mechanical-motion-band::before,
    .mechanical-motion-band::after,
    #about-us.about-us::before,
    #about-us.about-us::after {
        content: "";
        position: absolute;
        top: 60px;
        bottom: 40px;
        width: 240px;
        pointer-events: none;
        opacity: .24;
        z-index: 0;
        background: url("/Content/meteskar-side-flow.svg") center top/contain repeat-y;
        filter: drop-shadow(0 0 18px rgba(125,183,232,.14));
    }

    .mechanical-motion-band::before,
    #about-us.about-us::before {
        left: max(8px, calc((100vw - 1700px) / 2 + 35px));
    }

    .mechanical-motion-band::after,
    #about-us.about-us::after {
        right: max(8px, calc((100vw - 1700px) / 2 + 35px));
        transform: scaleX(-1);
    }

    .mechanical-motion-band::before,
    .mechanical-motion-band::after {
        animation: meteskarSideFlow 16s linear infinite;
    }

    #about-us.about-us::before,
    #about-us.about-us::after {
        animation: meteskarSideFlow 20s linear infinite reverse;
    }

.motion-panel {
    position: relative;
    overflow: hidden;
    padding: 36px;
    border-radius: 40px;
    border: 1px solid rgba(8,46,78,.08);
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,253,.98)), radial-gradient(circle at 100% 0%, rgba(11,71,120,.08), transparent 30%);
    box-shadow: 0 34px 100px rgba(8,46,78,.10);
}

    .motion-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 100% 0%, rgba(11,71,120,.06), transparent 28%);
        pointer-events: none;
    }

.motion-visual {
    min-height: 290px;
    border-radius: 34px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 60px rgba(6,31,53,.16);
}

    .motion-visual:before {
        content: "";
        position: absolute;
        inset: 18px;
        border-radius: 26px;
        border: 1px solid rgba(255,255,255,.08);
    }

.motion-copy {
    position: relative;
}

    .motion-copy h2,
    .about-card .meteskar-title,
    .service-card.premium-service h4,
    .cta-strip h2 {
        text-wrap: balance;
    }

.about-image-wrap.meteskar-visual-card {
    border-radius: 34px;
    overflow: hidden;
}

    .about-image-wrap.meteskar-visual-card::before {
        content: "";
        position: absolute;
        inset: 18px;
        border-radius: 28px;
        border: 1px solid rgba(255,255,255,.08);
        pointer-events: none;
    }

.visual-main-icon {
    width: 160px;
    height: 160px;
    border-radius: 44px;
    background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.08));
}

.visual-float {
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 24px 55px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.54);
}

.about-card.premium-card {
    position: relative;
    overflow: hidden;
    padding: 40px;
    border-radius: 34px;
}

    .about-card.premium-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 100% 0%, rgba(143,199,241,.18), transparent 30%);
        pointer-events: none;
    }

.about-card .lead-copy p:last-child {
    margin-bottom: 0;
}

.about-card .btn-meteskar,
.about-card .btn-meteskar-outline {
    min-width: 184px;
}

.service-card.premium-service {
    position: relative;
    padding: 32px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(250,252,254,1));
    box-shadow: 0 24px 70px rgba(8,46,78,.08), inset 0 1px 0 rgba(255,255,255,.86);
}

    .service-card.premium-service::after {
        content: "";
        position: absolute;
        inset: auto 24px 0 24px;
        height: 1px;
        background: linear-gradient(90deg, rgba(11,71,120,.0), rgba(11,71,120,.16), rgba(11,71,120,.0));
    }

    .service-card.premium-service .service-icon,
    .service-card.premium-service .service-image-mini {
        width: 66px;
        height: 66px;
        border-radius: 22px;
        box-shadow: 0 16px 34px rgba(8,46,78,.10);
    }

    .service-card.premium-service h4 {
        font-size: 21px;
        margin-bottom: 14px;
    }

    .service-card.premium-service p {
        font-size: 15px;
        color: #64748b;
    }

    .service-card.premium-service .project-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-top: 6px;
    }

    .service-card.premium-service:hover {
        transform: translateY(-8px);
    }

.cta-strip {
    border-radius: 34px;
    padding: 54px;
    box-shadow: 0 34px 92px rgba(8,46,78,.18);
}

    .cta-strip::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(255,255,255,.04), transparent 28%, transparent 72%, rgba(255,255,255,.06));
    }

@media (max-width: 1399px) {
    #main:before,
    #main:after,
    .mechanical-motion-band::before,
    .mechanical-motion-band::after,
    #about-us.about-us::before,
    #about-us.about-us::after {
        opacity: .18;
        width: 180px;
    }
}

@media (max-width: 1199px) {
    .hero-premium-orbit.orbit-a {
        width: 560px;
        height: 560px;
        right: -180px;
        top: -180px;
    }

    .hero-premium-orbit.orbit-b {
        width: 420px;
        height: 420px;
        left: -100px;
        bottom: -180px;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        padding: 34px 34px 36px !important;
    }

    .motion-panel {
        padding: 28px;
    }
}

@media (max-width: 991px) {
    #main:before,
    #main:after,
    .mechanical-motion-band::before,
    .mechanical-motion-band::after,
    #about-us.about-us::before,
    #about-us.about-us::after {
        display: none;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        padding: 30px 24px 34px !important;
    }

    .hero-chip-row {
        gap: 8px;
    }

        .hero-chip-row span {
            font-size: 11px;
            padding: 9px 12px;
        }

    .hero-trust-line {
        gap: 10px;
    }

    .motion-panel,
    .about-card.premium-card,
    .cta-strip {
        padding: 28px;
    }
}

@media (max-width: 767px) {
    .hero-premium-grid {
        opacity: .10;
        background-size: 34px 34px;
    }

    .hero-premium-orbit,
    .hero-premium-glow {
        display: none;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        border-radius: 26px !important;
    }

    .hero-chip-row,
    .hero-trust-line {
        justify-content: flex-start;
    }

    .motion-copy h2 {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    #hero.meteskar-hero-lux.hero-v2 .btn-meteskar,
    #hero.meteskar-hero-lux.hero-v2 .btn-meteskar-outline.hero-outline,
    .about-card .btn-meteskar,
    .about-card .btn-meteskar-outline {
        min-width: 0;
        width: 100%;
    }

    .hero-trust-line {
        font-size: 12px;
    }

    .service-card.premium-service {
        padding: 26px;
    }
}


/* Stage 6 - footer, references, news, project and form UX polish */
.featured-lux-section {
    position: relative;
    overflow: hidden;
}

    .featured-lux-section:before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 12% 20%, rgba(143,199,241,.16), transparent 28%), radial-gradient(circle at 86% 6%, rgba(214,180,108,.14), transparent 26%);
        pointer-events: none;
    }

.featured-project-tabs,
.featured-placeholder-grid,
.featured-empty-note {
    position: relative;
    z-index: 2;
}

.featured-nav-lux {
    border: 0;
    gap: 12px;
}

    .featured-nav-lux .nav-link {
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 24px;
        padding: 20px 22px;
        background: rgba(255,255,255,.06);
        color: rgba(255,255,255,.78);
        backdrop-filter: blur(10px);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    }

        .featured-nav-lux .nav-link span {
            display: inline-flex;
            margin-bottom: 8px;
            color: #9fd6fb;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: .1em;
        }

        .featured-nav-lux .nav-link h4 {
            color: #fff;
            font-size: 20px;
            margin: 0 0 8px;
            font-weight: 900;
        }

        .featured-nav-lux .nav-link p {
            color: rgba(255,255,255,.66);
            margin: 0;
            line-height: 1.55;
        }

        .featured-nav-lux .nav-link.active,
        .featured-nav-lux .nav-link:hover {
            border-color: rgba(159,214,251,.34);
            background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.07));
            transform: translateY(-2px);
        }

.featured-pane-lux {
    border-radius: 36px;
    overflow: hidden;
    box-shadow: 0 34px 95px rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.10);
}

.featured-media-lux {
    height: 500px !important;
    border-radius: 0 !important;
    margin: 0;
}

    .featured-media-lux img {
        filter: saturate(1.02) contrast(1.03);
    }

    .featured-media-lux figcaption {
        position: absolute;
        left: 28px;
        bottom: 28px;
        z-index: 4;
    }

        .featured-media-lux figcaption a {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 13px 18px;
            border-radius: 999px;
            background: rgba(255,255,255,.94);
            color: #08375b;
            font-weight: 900;
            box-shadow: 0 18px 42px rgba(0,0,0,.18);
        }

.featured-placeholder-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.featured-placeholder-card {
    min-height: 250px;
    border-radius: 30px;
    padding: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.05));
    border: 1px solid rgba(255,255,255,.11);
    box-shadow: 0 24px 70px rgba(0,0,0,.12);
    backdrop-filter: blur(10px);
}

    .featured-placeholder-card i {
        display: flex;
        width: 70px;
        height: 70px;
        align-items: center;
        justify-content: center;
        border-radius: 24px;
        margin: 20px 0;
        color: #fff;
        font-size: 34px;
        background: rgba(255,255,255,.12);
        border: 1px solid rgba(255,255,255,.14);
    }

    .featured-placeholder-card h4 {
        color: #fff;
        font-weight: 900;
        letter-spacing: -.03em;
    }

    .featured-placeholder-card p {
        color: rgba(255,255,255,.70);
        line-height: 1.7;
    }

.featured-empty-note {
    margin: 24px auto 0;
    max-width: 760px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    color: rgba(255,255,255,.76);
}

    .featured-empty-note strong {
        color: #fff;
    }

.reference-lux-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 18px;
}

.reference-lux-card {
    min-height: 126px;
    border-radius: 28px;
    background: radial-gradient(circle at 100% 0%, rgba(143,199,241,.13), transparent 34%), #fff;
    border: 1px solid rgba(8,46,78,.08);
    box-shadow: 0 22px 60px rgba(8,46,78,.07);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    transition: .22s ease;
}

    .reference-lux-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 30px 80px rgba(8,46,78,.11);
    }

    .reference-lux-card img {
        max-width: 150px;
        max-height: 72px;
        object-fit: contain;
        filter: grayscale(.9);
        opacity: .78;
        transition: .22s ease;
    }

    .reference-lux-card:hover img {
        filter: none;
        opacity: 1;
    }

    .reference-lux-card span {
        display: block;
        color: #0b4778;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .09em;
        margin-bottom: 8px;
    }

    .reference-lux-card strong {
        color: #102033;
        font-size: 18px;
        line-height: 1.25;
        letter-spacing: -.035em;
    }

.home-news-lux {
    background: radial-gradient(circle at 12% 0%, rgba(143,199,241,.14), transparent 25%), linear-gradient(180deg, #fff, #f7fbfe);
}

.news-card-lux {
    padding: 0;
    overflow: hidden;
    border-radius: 30px;
    background: #fff;
    border: 1px solid rgba(8,46,78,.08);
}

.news-media-lux {
    height: 210px;
    overflow: hidden;
    background: #eef5fb;
}

    .news-media-lux img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .35s ease;
    }

.news-card-lux:hover .news-media-lux img {
    transform: scale(1.06);
}

.news-body-lux {
    padding: 28px;
}

.news-card-lux h4 {
    font-size: 22px;
    line-height: 1.18;
    margin: 12px 0;
}

.news-card-lux p {
    min-height: 52px;
}

.fallback-news {
    min-height: 250px;
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(250,253,255,1));
}

    .fallback-news .news-body-lux {
        min-height: 250px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

#footer {
    position: relative;
    overflow: hidden;
}

    #footer:before,
    #footer:after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    #footer:before {
        width: 520px;
        height: 520px;
        right: -180px;
        top: -190px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(143,199,241,.16), rgba(143,199,241,.02) 48%, transparent 70%);
    }

    #footer:after {
        left: -120px;
        bottom: -180px;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        border: 60px solid rgba(255,255,255,.035);
    }

    #footer .footer-top {
        position: relative;
        z-index: 2;
        padding-top: 84px;
    }

    #footer .footer-contact {
        padding-right: 30px;
    }

        #footer .footer-contact p {
            line-height: 1.9;
        }

        #footer .footer-contact img {
            border-radius: 22px;
            padding: 10px 12px;
            background: rgba(255,255,255,.06);
            border: 1px solid rgba(255,255,255,.08);
        }

    #footer .footer-links h4 {
        font-size: 16px;
        letter-spacing: .02em;
        margin-bottom: 18px;
    }

    #footer .footer-links ul li {
        border-bottom: 1px solid rgba(255,255,255,.05);
    }

        #footer .footer-links ul li:last-child {
            border-bottom: 0;
        }

    #footer .copyright {
        color: rgba(255,255,255,.72);
    }

    #footer .credits {
        margin-top: 8px;
    }

.form-panel {
    position: relative;
    overflow: hidden;
}

    .form-panel:before {
        content: "";
        position: absolute;
        right: -90px;
        top: -90px;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(143,199,241,.18), transparent 70%);
        pointer-events: none;
    }

    .form-panel form,
    .form-panel .section-title {
        position: relative;
        z-index: 2;
    }

.form-control {
    background: #fbfdff;
}

    .form-control:hover {
        border-color: rgba(11,71,120,.20);
    }

.btn-submit {
    min-width: 180px;
}

.project-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

    .project-tabs .btn-meteskar-outline {
        min-width: 140px;
    }

.project-card {
    border-radius: 30px;
}

.project-body h4 {
    font-size: 23px;
    line-height: 1.16;
}

.project-card .project-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

@media (max-width: 991px) {
    .featured-placeholder-grid {
        grid-template-columns: 1fr;
    }

    .featured-media-lux {
        height: 360px !important;
    }

    #footer .footer-contact {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .reference-lux-grid {
        grid-template-columns: 1fr;
    }

    .news-body-lux,
    .featured-placeholder-card {
        padding: 24px;
    }

    #footer .footer-top {
        padding-top: 64px;
    }
}


/* Stage 6.1 - header fallback menu and cleaner footer */
.clean-header .meteskar-navbar ul {
    min-width: 760px;
    justify-content: center;
}

.clean-header .meteskar-navbar a,
.clean-header .meteskar-navbar a:focus {
    color: #102033 !important;
}

.clean-header .meteskar-navbar .quote-link,
.clean-header .meteskar-navbar .quote-link:focus {
    color: #fff !important;
}

#footer.footer-lux {
    background: radial-gradient(circle at 90% 0%, rgba(53,132,184,.16), transparent 28%), linear-gradient(180deg, #061f35 0%, #041827 100%) !important;
}

    #footer.footer-lux .footer-technical-flow,
    #footer.footer-lux .footer-lux-head {
        display: none !important;
    }

    #footer.footer-lux .footer-top {
        padding: 70px 0 28px !important;
    }

    #footer.footer-lux .footer-lux-grid {
        align-items: flex-start;
    }

    #footer.footer-lux .footer-contact {
        padding-right: 34px;
    }

        #footer.footer-lux .footer-contact img {
            max-width: 210px !important;
            filter: brightness(0) invert(1) !important;
            opacity: .96 !important;
            margin-bottom: 18px !important;
            padding: 0 !important;
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
        }

        #footer.footer-lux .footer-contact p {
            color: rgba(255,255,255,.72);
            font-size: 14px;
            line-height: 1.85;
            margin-bottom: 16px;
        }

        #footer.footer-lux .footer-contact strong {
            color: #fff;
        }

        #footer.footer-lux .footer-contact .btn-meteskar {
            min-height: 40px;
            padding: 10px 18px !important;
            box-shadow: 0 14px 32px rgba(0,0,0,.14);
        }

    #footer.footer-lux .footer-nav-block h4 {
        color: #fff;
        font-size: 15px;
        font-weight: 900;
        letter-spacing: .03em;
        margin-bottom: 18px;
    }

    #footer.footer-lux .footer-links ul li {
        padding: 8px 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.055) !important;
    }

        #footer.footer-lux .footer-links ul li:last-child {
            border-bottom: 0 !important;
        }

    #footer.footer-lux .footer-links ul a {
        color: rgba(255,255,255,.72) !important;
        font-weight: 700;
    }

        #footer.footer-lux .footer-links ul a:hover {
            color: #fff !important;
            padding-left: 2px;
        }

    #footer.footer-lux .footer-links ul i {
        color: #8fc7f1 !important;
    }

    #footer.footer-lux .footer-mini-badges {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 14px;
    }

        #footer.footer-lux .footer-mini-badges span {
            color: #d7e9f7;
            background: rgba(255,255,255,.07);
            border: 1px solid rgba(255,255,255,.08);
            border-radius: 999px;
            padding: 7px 10px;
            font-size: 12px;
            font-weight: 800;
        }

    #footer.footer-lux .footer-bottom-lux {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        margin-top: 40px;
        padding-top: 24px;
        border-top: 1px solid rgba(255,255,255,.09);
    }

    #footer.footer-lux .copyright {
        border-top: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        color: rgba(255,255,255,.72);
    }

    #footer.footer-lux .credits {
        display: none !important;
    }

@media (max-width: 1199px) {
    .clean-header .meteskar-navbar ul {
        min-width: 0;
    }
}

@media (max-width: 991px) {
    #footer.footer-lux .footer-contact {
        padding-right: 0;
    }

    #footer.footer-lux .footer-bottom-lux {
        display: block;
    }
}


/* Stage 7 - TR/ENG language switch and manageable social media */
.header-meta-actions {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-left: 12px;
}

.site-social-links {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

    .site-social-links a {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #0b4778;
        background: rgba(255,255,255,.92);
        border: 1px solid rgba(8,46,78,.08);
        box-shadow: 0 10px 22px rgba(8,46,78,.08);
        transition: .2s ease;
    }

        .site-social-links a:hover {
            color: #fff;
            background: linear-gradient(135deg, #08345a, #0d5f9f);
            transform: translateY(-2px);
        }

.lang-switcher {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(8,46,78,.08);
    box-shadow: 0 10px 22px rgba(8,46,78,.08);
}

    .lang-switcher a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 34px;
        height: 26px;
        padding: 0 8px !important;
        border-radius: 999px;
        color: #486173 !important;
        font-size: 12px !important;
        font-weight: 900;
        letter-spacing: .02em;
    }

        .lang-switcher a.active {
            background: linear-gradient(135deg, #08345a, #0d5f9f);
            color: #fff !important;
        }

    .lang-switcher span {
        color: rgba(8,46,78,.28);
        font-weight: 800;
    }

.clean-header .meteskar-navbar {
    display: flex;
    align-items: center;
}

    .clean-header .meteskar-navbar ul {
        flex: 1 1 auto;
    }

.footer-social-wrap {
    margin-top: 18px;
}

#footer.footer-lux .footer-social-wrap .site-social-links a {
    background: rgba(255,255,255,.08);
    color: #d9ecfa;
    border-color: rgba(255,255,255,.10);
    box-shadow: none;
}

    #footer.footer-lux .footer-social-wrap .site-social-links a:hover {
        background: #fff;
        color: #08375b;
    }

.social-admin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
}

.social-admin-card,
.social-admin-empty {
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(8,46,78,.08);
    box-shadow: 0 20px 60px rgba(7,31,53,.07);
    padding: 22px;
}

.social-admin-card {
    display: grid;
    grid-template-columns: 62px 1fr;
    gap: 16px;
    align-items: start;
}

.social-admin-icon {
    width: 62px;
    height: 62px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(11,71,120,.12), rgba(214,180,108,.16));
    color: #0b4778;
    font-size: 28px;
}

.social-admin-body h4 {
    margin: 0 0 6px;
    color: #102033;
    font-weight: 900;
}

.social-admin-body a {
    display: block;
    word-break: break-all;
    color: #64748b;
    font-size: 13px;
}

.social-admin-actions {
    grid-column: 1 / -1;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 8px;
}

.social-admin-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 36px;
}

.meteskar-form-card {
    border-radius: 24px !important;
    border: 1px solid rgba(8,46,78,.08) !important;
    box-shadow: 0 22px 70px rgba(7,31,53,.07) !important;
}

    .meteskar-form-card label {
        color: #102033;
        font-weight: 850;
    }

@media (max-width: 1399px) {
    .site-social-links.header-social-links a,
    .header-meta-actions .site-social-links a {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .lang-switcher a {
        min-width: 30px;
        font-size: 11px !important;
    }
}

@media (max-width: 1199px) {
    .header-meta-actions {
        display: none;
    }
}

@media (max-width: 991px) {
    .navbar-mobile .header-meta-actions {
        display: flex;
        position: fixed;
        left: 32px;
        right: 32px;
        bottom: 28px;
        z-index: 999;
        justify-content: center;
    }
}

/* Stage 7.2 - footer contact, reference cards and hero fade polish */
#footer.footer-lux .footer-brand-panel {
    max-width: 420px;
}

#footer.footer-lux .footer-brand-card.footer-contact-v2 {
    display: block !important;
    width: 100%;
}

#footer.footer-lux .footer-logo-lux {
    max-width: 230px !important;
    height: auto !important;
    margin-bottom: 18px !important;
}

#footer.footer-lux .footer-brand-copy {
    max-width: 360px;
    margin: 0 0 18px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}

#footer.footer-lux .footer-contact-list.v2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 18px 0 0 !important;
    max-width: 390px;
}

#footer.footer-lux .footer-contact-row {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    color: rgba(255,255,255,.88) !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

    #footer.footer-lux .footer-contact-row:hover {
        background: rgba(255,255,255,.085) !important;
        transform: translateY(-1px);
    }

    #footer.footer-lux .footer-contact-row > i {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #a8d4f4 !important;
        background: rgba(143,199,241,.11) !important;
        border: 1px solid rgba(143,199,241,.12) !important;
        font-size: 17px !important;
    }

    #footer.footer-lux .footer-contact-row span {
        min-width: 0 !important;
        display: block !important;
    }

    #footer.footer-lux .footer-contact-row small {
        display: block !important;
        color: rgba(168,212,244,.76) !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        letter-spacing: .09em !important;
        text-transform: uppercase !important;
        line-height: 1.1 !important;
        margin-bottom: 4px !important;
    }

    #footer.footer-lux .footer-contact-row strong {
        display: block !important;
        color: rgba(255,255,255,.92) !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        font-weight: 750 !important;
        word-break: break-word !important;
    }

#footer.footer-lux .footer-brand-actions.v2 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

#footer.footer-lux .footer-small-btn,
#footer.footer-lux .footer-small-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    padding: 10px 17px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

#footer.footer-lux .footer-small-btn {
    background: #fff !important;
    color: #0b4778 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.15) !important;
}

#footer.footer-lux .footer-small-link {
    color: #dcecf8 !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: rgba(255,255,255,.05) !important;
}

#footer.footer-lux .footer-social-wrap {
    margin-top: 16px !important;
}

    #footer.footer-lux .footer-social-wrap:empty {
        display: none !important;
    }

.reference-grid-v2 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px !important;
}

.reference-card-v2 {
    min-height: 190px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 20px !important;
    padding: 30px !important;
    border-radius: 32px !important;
    position: relative !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 100% 0%, rgba(143,199,241,.20), transparent 34%), linear-gradient(180deg, #fff, #fbfdff) !important;
    border: 1px solid rgba(8,46,78,.09) !important;
    box-shadow: 0 28px 88px rgba(8,46,78,.085), inset 0 1px 0 rgba(255,255,255,.90) !important;
}

    .reference-card-v2:before {
        content: "";
        position: absolute;
        left: 26px;
        right: 26px;
        top: 0;
        height: 4px;
        border-radius: 0 0 999px 999px;
        background: linear-gradient(90deg, #d6b46c, #8fc7f1);
        opacity: .9;
    }

    .reference-card-v2:after {
        content: "";
        position: absolute;
        right: -54px;
        bottom: -76px;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        border: 32px solid rgba(11,71,120,.045);
        pointer-events: none;
    }

    .reference-card-v2 .reference-icon {
        width: 62px !important;
        height: 62px !important;
        flex: 0 0 62px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 22px !important;
        background: linear-gradient(135deg, rgba(11,71,120,.12), rgba(214,180,108,.18)) !important;
        color: #0b4778 !important;
        border: 1px solid rgba(8,46,78,.07) !important;
        font-size: 26px !important;
        box-shadow: 0 16px 34px rgba(8,46,78,.10) !important;
    }

    .reference-card-v2 span:not(.reference-icon) {
        display: block !important;
        color: #0b4778 !important;
        margin: 0 0 10px !important;
        font-size: 12px !important;
        letter-spacing: .12em !important;
    }

    .reference-card-v2 strong {
        display: block !important;
        color: #102033 !important;
        font-size: clamp(19px, 1.4vw, 23px) !important;
        line-height: 1.15 !important;
        letter-spacing: -.045em !important;
        max-width: 320px !important;
    }

    .reference-card-v2 p {
        margin: 12px 0 0 !important;
        color: #64748b !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .reference-card-v2.has-logo {
        align-items: center !important;
        justify-content: center !important;
        min-height: 160px !important;
    }

        .reference-card-v2.has-logo .reference-icon {
            position: absolute;
            left: 22px;
            top: 22px;
            width: 42px !important;
            height: 42px !important;
            flex-basis: 42px !important;
            font-size: 18px !important;
            opacity: .75;
        }

    .reference-card-v2:hover {
        transform: translateY(-7px) !important;
        box-shadow: 0 36px 105px rgba(8,46,78,.13), inset 0 1px 0 rgba(255,255,255,.90) !important;
    }

#hero.meteskar-hero-lux.hero-v2:after {
    height: 44px !important;
    opacity: .78 !important;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.82)) !important;
}

#hero.meteskar-hero-lux.hero-v2 .carousel-content {
    transform: translateY(-24px) !important;
}

#hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots {
    bottom: 14px !important;
}

#hero.meteskar-hero-lux.hero-v2 .hero-trust-line {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    color: rgba(220,234,245,.88) !important;
    position: relative !important;
    z-index: 22 !important;
}

@media (max-width: 991px) {
    .reference-grid-v2 {
        grid-template-columns: 1fr !important;
    }

    #footer.footer-lux .footer-brand-panel {
        max-width: none;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        transform: translateY(-8px) !important;
    }
}

@media (max-width: 575px) {
    #footer.footer-lux .footer-contact-row {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        padding: 11px 12px !important;
    }

        #footer.footer-lux .footer-contact-row > i {
            width: 38px !important;
            height: 38px !important;
        }

    .reference-card-v2 {
        padding: 26px !important;
    }
}


/* Stage 7.3 - clean footer contact redesign */
#footer.footer-lux .footer-contact-v3 {
    width: 100% !important;
    max-width: 420px !important;
}

    #footer.footer-lux .footer-contact-v3 .footer-logo-lux {
        display: block !important;
        max-width: 230px !important;
        margin: 0 0 20px !important;
    }

    #footer.footer-lux .footer-contact-v3 .footer-brand-copy {
        max-width: 360px !important;
        margin: 0 0 18px !important;
        color: rgba(236,244,251,.82) !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
    }

#footer.footer-lux .footer-clean-contact {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    max-width: 405px !important;
    margin: 18px 0 0 !important;
}

#footer.footer-lux .footer-clean-item,
#footer.footer-lux a.footer-clean-item {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 13px !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 10px 13px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    color: rgba(255,255,255,.90) !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
    transition: .18s ease !important;
}

    #footer.footer-lux a.footer-clean-item:hover {
        background: rgba(255,255,255,.09) !important;
        transform: translateY(-1px) !important;
    }

#footer.footer-lux .footer-clean-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #a8d4f4 !important;
    background: rgba(143,199,241,.12) !important;
    border: 1px solid rgba(143,199,241,.12) !important;
    font-size: 16px !important;
    flex: 0 0 40px !important;
}

    #footer.footer-lux .footer-clean-icon i {
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

#footer.footer-lux .footer-clean-text {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    gap: 4px !important;
    line-height: 1.2 !important;
}

    #footer.footer-lux .footer-clean-text em {
        display: block !important;
        color: rgba(168,212,244,.78) !important;
        font-style: normal !important;
        font-size: 10.5px !important;
        font-weight: 900 !important;
        letter-spacing: .105em !important;
        text-transform: uppercase !important;
        line-height: 1 !important;
        margin: 0 !important;
    }

    #footer.footer-lux .footer-clean-text b {
        display: block !important;
        color: rgba(255,255,255,.96) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

#footer.footer-lux .footer-clean-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

#footer.footer-lux .footer-clean-primary,
#footer.footer-lux .footer-clean-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 10px 17px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    gap: 8px !important;
}

#footer.footer-lux .footer-clean-primary {
    background: #fff !important;
    color: #0b4778 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.15) !important;
}

#footer.footer-lux .footer-clean-secondary {
    color: #dcecf8 !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: rgba(255,255,255,.055) !important;
}

    #footer.footer-lux .footer-clean-primary:hover,
    #footer.footer-lux .footer-clean-secondary:hover {
        transform: translateY(-1px) !important;
    }
/* Hide old footer contact styles if browser cache mixes versions */
#footer.footer-lux .footer-contact-v3 .footer-contact-list,
#footer.footer-lux .footer-contact-v3 .footer-brand-actions,
#footer.footer-lux .footer-contact-v3 .footer-contact-row {
    display: none !important;
}

@media (max-width: 991px) {
    #footer.footer-lux .footer-contact-v3 {
        max-width: none !important;
    }

    #footer.footer-lux .footer-clean-contact {
        max-width: 100% !important;
    }
}

@media (max-width: 575px) {
    #footer.footer-lux .footer-clean-item {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        padding: 10px 12px !important;
    }

    #footer.footer-lux .footer-clean-icon {
        width: 38px !important;
        height: 38px !important;
    }
}

/* Stage 7.4 - final footer cleanup, visible technical icons, centered hero card, refined language switch */
/* Header language switch: right corner and compact */
#header.clean-header,
#header.meteskar-header {
    position: sticky !important;
}

#header .header-inner {
    position: relative !important;
}

.clean-header .meteskar-navbar {
    padding-right: 118px !important;
}

.header-meta-actions {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 30 !important;
    margin-left: 0 !important;
    gap: 8px !important;
}

    .header-meta-actions .site-social-links {
        display: none !important;
    }

.lang-switcher {
    min-height: 42px !important;
    padding: 5px !important;
    gap: 4px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(8,46,78,.10) !important;
    box-shadow: 0 18px 38px rgba(8,46,78,.13) !important;
}

    .lang-switcher span {
        display: none !important;
    }

    .lang-switcher a {
        min-width: 46px !important;
        height: 32px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
        border-radius: 999px !important;
        color: #12324b !important;
    }

        .lang-switcher a.active {
            color: #fff !important;
            background: linear-gradient(135deg, #08345a, #0d5f9f) !important;
            box-shadow: 0 10px 22px rgba(11,71,120,.22) !important;
        }

/* Footer: make the left contact block calm and readable */
#footer.footer-lux .footer-brand-panel,
#footer.footer-lux .footer-contact {
    max-width: 440px !important;
    width: 100% !important;
}

#footer.footer-lux .footer-brand-card.footer-contact-v4 {
    display: block !important;
    max-width: 410px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#footer.footer-lux .footer-logo-lux {
    display: block !important;
    width: auto !important;
    max-width: 230px !important;
    height: auto !important;
    margin: 0 0 22px !important;
    filter: brightness(0) invert(1) !important;
    opacity: .98 !important;
}

#footer.footer-lux .footer-brand-copy {
    display: block !important;
    max-width: 370px !important;
    margin: 0 0 18px !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}

#footer.footer-lux .footer-contact-simple,
#footer.footer-lux .footer-contact-simple li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#footer.footer-lux .footer-contact-simple {
    display: grid !important;
    gap: 9px !important;
    max-width: 390px !important;
}

    #footer.footer-lux .footer-contact-simple li {
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        align-items: start !important;
        column-gap: 10px !important;
        min-height: 36px !important;
        color: rgba(255,255,255,.88) !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    #footer.footer-lux .footer-contact-simple .fc-icon {
        width: 34px !important;
        height: 34px !important;
        border-radius: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #a8d4f4 !important;
        background: rgba(143,199,241,.10) !important;
        border: 1px solid rgba(143,199,241,.12) !important;
        line-height: 1 !important;
    }

        #footer.footer-lux .footer-contact-simple .fc-icon i {
            font-size: 15px !important;
            line-height: 1 !important;
        }

    #footer.footer-lux .footer-contact-simple a,
    #footer.footer-lux .footer-contact-simple span:not(.fc-icon) {
        color: rgba(255,255,255,.92) !important;
        text-decoration: none !important;
        font-weight: 760 !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

        #footer.footer-lux .footer-contact-simple a:hover {
            color: #fff !important;
        }

#footer.footer-lux .footer-clean-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

#footer.footer-lux .footer-clean-primary,
#footer.footer-lux .footer-clean-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 9px 15px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

#footer.footer-lux .footer-clean-primary {
    color: #0b4778 !important;
    background: #fff !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.14) !important;
}

#footer.footer-lux .footer-clean-secondary {
    color: #dcecf8 !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
}
/* Hide older footer contact structures if browser still mixes cached classes */
#footer.footer-lux .footer-contact-list,
#footer.footer-lux .footer-clean-contact,
#footer.footer-lux .footer-brand-actions {
    display: none !important;
}

/* Robust CSS-only technical icons, no Bootstrap icon dependency */
.tech-icon,
.featured-tech-icon,
.visual-tech-core,
.motion-core,
.motion-node-symbol {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.tech-icon-service {
    width: 70px !important;
    height: 70px !important;
    border-radius: 24px !important;
    margin-bottom: 22px !important;
    background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.82), transparent 28%), linear-gradient(135deg, rgba(11,71,120,.12), rgba(214,180,108,.16)) !important;
    border: 1px solid rgba(8,46,78,.09) !important;
    box-shadow: 0 18px 38px rgba(8,46,78,.11), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

    .tech-icon-service:before,
    .tech-icon-service:after,
    .featured-tech-icon:before,
    .featured-tech-icon:after,
    .visual-tech-core:before,
    .visual-tech-core:after,
    .motion-core-symbol:before,
    .motion-core-symbol:after,
    .motion-node-symbol:before,
    .motion-node-symbol:after {
        content: "" !important;
        position: absolute !important;
        display: block !important;
    }

.service-tech-1:before {
    width: 30px;
    height: 30px;
    border: 5px solid #0b4778;
    border-radius: 50%;
    box-shadow: 0 0 0 7px rgba(11,71,120,.10);
}

.service-tech-1:after {
    width: 44px;
    height: 5px;
    border-radius: 99px;
    background: #0b4778;
    transform: rotate(45deg);
    opacity: .92;
}

.service-tech-2:before {
    width: 36px;
    height: 36px;
    border-left: 6px solid #0b4778;
    border-bottom: 6px solid #0b4778;
    border-radius: 4px;
    transform: rotate(-45deg);
}

.service-tech-2:after {
    width: 7px;
    height: 46px;
    border-radius: 99px;
    background: #0b4778;
    opacity: .82;
    box-shadow: 14px 0 0 rgba(11,71,120,.28), -14px 0 0 rgba(11,71,120,.18);
}

.service-tech-3:before {
    width: 40px;
    height: 28px;
    border-radius: 9px;
    border: 5px solid #0b4778;
    transform: translateY(4px);
}

.service-tech-3:after {
    width: 24px;
    height: 10px;
    border-radius: 8px 8px 0 0;
    border: 5px solid #0b4778;
    border-bottom: 0;
    transform: translateY(-18px);
}

.featured-tech-icon {
    width: 74px !important;
    height: 74px !important;
    border-radius: 24px !important;
    margin: 18px 0 24px !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 18px 42px rgba(0,0,0,.14) !important;
}

.featured-tech-1:before {
    width: 36px;
    height: 36px;
    border: 5px solid #fff;
    border-radius: 50%;
    opacity: .94;
}

.featured-tech-1:after {
    width: 48px;
    height: 5px;
    border-radius: 99px;
    background: #fff;
    transform: rotate(45deg);
    opacity: .76;
}

.featured-tech-2:before {
    width: 40px;
    height: 28px;
    border: 5px solid #fff;
    border-radius: 8px;
    opacity: .9;
}

.featured-tech-2:after {
    width: 6px;
    height: 42px;
    border-radius: 99px;
    background: #fff;
    box-shadow: 14px 0 0 rgba(255,255,255,.42), -14px 0 0 rgba(255,255,255,.42);
}

.featured-tech-3:before {
    width: 42px;
    height: 30px;
    border: 5px solid #fff;
    border-radius: 9px;
    opacity: .92;
    transform: translateY(5px);
}

.featured-tech-3:after {
    width: 24px;
    height: 11px;
    border: 5px solid #fff;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    transform: translateY(-18px);
    opacity: .82;
}

.visual-tech-core {
    width: 160px !important;
    height: 160px !important;
    border-radius: 44px !important;
}

    .visual-tech-core:before {
        width: 92px;
        height: 92px;
        border: 2px solid rgba(255,255,255,.28);
        border-radius: 28px;
        background: radial-gradient(circle at 50% 50%, rgba(143,199,241,.18), transparent 50%);
    }

    .visual-tech-core:after {
        width: 126px;
        height: 3px;
        border-radius: 99px;
        background: linear-gradient(90deg, transparent, rgba(214,180,108,.95), transparent);
        transform: rotate(-22deg);
        box-shadow: 0 30px 0 rgba(143,199,241,.25), 0 -30px 0 rgba(143,199,241,.18);
    }

.motion-node:before {
    display: none !important;
}

.motion-node {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.motion-node-symbol {
    width: 44px !important;
    height: 32px !important;
    border-radius: 10px !important;
}

    .motion-node-symbol:before {
        width: 34px;
        height: 7px;
        border-radius: 99px;
        background: #0b4778;
        top: 6px;
        left: 5px;
    }

    .motion-node-symbol:after {
        width: 24px;
        height: 6px;
        border-radius: 99px;
        background: rgba(11,71,120,.36);
        left: 5px;
        top: 20px;
    }

.motion-core-symbol {
    width: 74px !important;
    height: 74px !important;
    border-radius: 26px !important;
}

    .motion-core-symbol:before {
        width: 48px;
        height: 48px;
        border: 2px solid rgba(255,255,255,.35);
        border-radius: 17px;
    }

    .motion-core-symbol:after {
        width: 70px;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(214,180,108,.95), transparent);
        transform: rotate(-24deg);
    }

/* Hero/slider: remove tiring bottom haze and recenter card */
#hero.meteskar-hero-lux.hero-v2 {
    height: clamp(660px, 76vh, 790px) !important;
    min-height: 650px !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
}

    #hero.meteskar-hero-lux.hero-v2:after,
    #hero:after {
        height: 0 !important;
        opacity: 0 !important;
        display: none !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-shine {
        background: radial-gradient(circle at 50% 43%, rgba(255,255,255,.10), transparent 30%), linear-gradient(90deg, rgba(2,15,28,.70), rgba(8,46,78,.38) 52%, rgba(2,15,28,.58)) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        align-items: center !important;
        justify-content: center !important;
        padding: 118px 42px 86px !important;
        min-height: 100% !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content.hero-glass-card,
    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        width: min(860px, calc(100vw - 64px)) !important;
        max-width: 860px !important;
        margin: 0 auto !important;
        transform: translateY(0) !important;
        text-align: center !important;
        padding: 40px 48px 42px !important;
        border-radius: 34px !important;
        background: linear-gradient(145deg, rgba(7,31,53,.80), rgba(10,58,96,.44)) !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        box-shadow: 0 36px 116px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.16) !important;
        backdrop-filter: blur(10px) saturate(142%) !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content h2 {
            font-size: clamp(42px, 4.2vw, 72px) !important;
            max-width: 760px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

    #hero.meteskar-hero-lux.hero-v2 .hero-actions {
        margin-top: 24px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-trust-line {
        display: none !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots {
        bottom: 28px !important;
        z-index: 40 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-control-prev,
    #hero.meteskar-hero-lux.hero-v2 .carousel-control-next {
        display: flex !important;
        opacity: .95 !important;
        z-index: 45 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-item {
        transition: opacity .9s ease-in-out, transform 3s ease-in-out !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-item.active .hero-slide-img {
            animation: meteskarHeroKenburns 3s ease-out both;
        }

@keyframes meteskarHeroKenburns {
    from {
        transform: scale(1.018);
    }

    to {
        transform: scale(1.055);
    }
}

@media (max-width: 1399px) {
    .clean-header .meteskar-navbar {
        padding-right: 108px !important;
    }

    .lang-switcher a {
        min-width: 41px !important;
        padding: 0 10px !important;
    }
}

@media (max-width: 1199px) {
    .header-meta-actions {
        display: none !important;
    }

    .clean-header .meteskar-navbar {
        padding-right: 0 !important;
    }
}

@media (max-width: 991px) {
    #hero.meteskar-hero-lux.hero-v2 {
        height: auto !important;
        min-height: 610px !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 105px 20px 70px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            padding: 30px 22px 32px !important;
        }

            #hero.meteskar-hero-lux.hero-v2 .carousel-content h2 {
                font-size: clamp(31px, 8.5vw, 48px) !important;
            }

    #footer.footer-lux .footer-brand-card.footer-contact-v4 {
        max-width: none !important;
    }
}

/* Stage 7.5 - managed/default card logos, header language alignment, calmer hero */
/* Header language switch: same header row, far right, visible on desktop and mobile */
#header.clean-header .header-inner,
#header.meteskar-header .header-inner {
    position: relative !important;
}

.clean-header .meteskar-navbar {
    padding-right: 132px !important;
}

.clean-header .header-meta-actions,
#header .header-meta-actions {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 60 !important;
    margin: 0 !important;
}

    .clean-header .header-meta-actions .site-social-links,
    #header .header-meta-actions .site-social-links {
        display: none !important;
    }

.clean-header .lang-switcher,
#header .lang-switcher {
    min-height: 42px !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(8,46,78,.10) !important;
    box-shadow: 0 16px 34px rgba(8,46,78,.13) !important;
}

    .clean-header .lang-switcher a,
    #header .lang-switcher a {
        min-width: 44px !important;
        height: 31px !important;
        padding: 0 11px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    .clean-header .lang-switcher span,
    #header .lang-switcher span {
        display: none !important;
    }

    .clean-header .lang-switcher a.active,
    #header .lang-switcher a.active {
        background: linear-gradient(135deg, #08345a, #0d5f9f) !important;
        color: #fff !important;
    }

/* Cards: use uploaded images when available, otherwise show clear automatic technical marks */
.card-auto-logo,
.news-auto-logo,
.tech-icon-service,
.featured-tech-icon,
.visual-tech-core,
.motion-core,
.motion-node-symbol {
    opacity: 1 !important;
    visibility: visible !important;
}

.card-auto-logo,
.news-auto-logo {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

    .card-auto-logo:before,
    .card-auto-logo:after,
    .news-auto-logo:before,
    .news-auto-logo:after {
        content: "" !important;
        position: absolute !important;
        display: block !important;
    }

.service-image-mini,
.service-image-mini img,
.news-media-lux,
.news-media-lux img,
.about-admin-image,
.motion-admin-image {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

    .service-image-mini img,
    .news-media-lux img,
    .about-admin-image,
    .motion-admin-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

.service-card.premium-service .service-image-mini,
.service-card.premium-service .tech-icon-service {
    width: 74px !important;
    height: 74px !important;
    border-radius: 24px !important;
    margin-bottom: 24px !important;
}

.service-card.premium-service .service-image-mini {
    overflow: hidden !important;
    background: #edf5fb !important;
    border: 1px solid rgba(8,46,78,.08) !important;
    box-shadow: 0 20px 44px rgba(8,46,78,.12) !important;
}

.service-card.premium-service .tech-icon-service {
    background: radial-gradient(circle at 28% 24%, rgba(255,255,255,.95), transparent 30%), linear-gradient(135deg, rgba(11,71,120,.13), rgba(214,180,108,.20)) !important;
    border: 1px solid rgba(8,46,78,.09) !important;
    box-shadow: 0 20px 44px rgba(8,46,78,.12), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

    .service-card.premium-service .tech-icon-service:before,
    .service-card.premium-service .tech-icon-service:after {
        content: "" !important;
        position: absolute !important;
    }

.service-card.premium-service .service-tech-1:before {
    width: 32px !important;
    height: 32px !important;
    border: 5px solid #0b4778 !important;
    border-radius: 50% !important;
}

.service-card.premium-service .service-tech-1:after {
    width: 46px !important;
    height: 5px !important;
    border-radius: 99px !important;
    background: #0b4778 !important;
    transform: rotate(45deg) !important;
}

.service-card.premium-service .service-tech-2:before {
    width: 42px !important;
    height: 30px !important;
    border-left: 6px solid #0b4778 !important;
    border-bottom: 6px solid #0b4778 !important;
    border-radius: 5px !important;
    transform: rotate(-45deg) !important;
}

.service-card.premium-service .service-tech-2:after {
    width: 7px !important;
    height: 46px !important;
    border-radius: 99px !important;
    background: #0b4778 !important;
    box-shadow: 14px 0 0 rgba(11,71,120,.32), -14px 0 0 rgba(11,71,120,.20) !important;
}

.service-card.premium-service .service-tech-3:before {
    width: 40px !important;
    height: 30px !important;
    border-radius: 10px !important;
    border: 5px solid #0b4778 !important;
    transform: translateY(5px) !important;
}

.service-card.premium-service .service-tech-3:after {
    width: 24px !important;
    height: 12px !important;
    border-radius: 8px 8px 0 0 !important;
    border: 5px solid #0b4778 !important;
    border-bottom: 0 !important;
    transform: translateY(-18px) !important;
}

.news-card-lux .news-auto-logo {
    width: 74px !important;
    height: 74px !important;
    border-radius: 24px !important;
    margin: 28px 0 0 28px !important;
    background: linear-gradient(135deg, rgba(11,71,120,.12), rgba(214,180,108,.18)) !important;
    border: 1px solid rgba(8,46,78,.08) !important;
    box-shadow: 0 20px 44px rgba(8,46,78,.11), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

    .news-card-lux .news-auto-logo:before {
        width: 38px !important;
        height: 28px !important;
        border-radius: 8px !important;
        border: 5px solid #0b4778 !important;
    }

    .news-card-lux .news-auto-logo:after {
        width: 30px !important;
        height: 5px !important;
        border-radius: 99px !important;
        background: #0b4778 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 13px 0 rgba(11,71,120,.28) !important;
    }

.news-card-lux.fallback-news .news-body-lux {
    padding-top: 22px !important;
}

.featured-placeholder-card .featured-tech-icon {
    width: 78px !important;
    height: 78px !important;
    border-radius: 26px !important;
    margin: 22px 0 26px !important;
    background: rgba(255,255,255,.14) !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    box-shadow: 0 22px 48px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

    .featured-placeholder-card .featured-tech-icon:before,
    .featured-placeholder-card .featured-tech-icon:after {
        content: "" !important;
        position: absolute !important;
    }

.featured-placeholder-card .featured-tech-1:before {
    width: 36px !important;
    height: 36px !important;
    border: 5px solid #fff !important;
    border-radius: 50% !important;
}

.featured-placeholder-card .featured-tech-1:after {
    width: 48px !important;
    height: 5px !important;
    border-radius: 99px !important;
    background: #fff !important;
    transform: rotate(45deg) !important;
    opacity: .78 !important;
}

.featured-placeholder-card .featured-tech-2:before {
    width: 42px !important;
    height: 30px !important;
    border: 5px solid #fff !important;
    border-radius: 9px !important;
}

.featured-placeholder-card .featured-tech-2:after {
    width: 7px !important;
    height: 44px !important;
    border-radius: 99px !important;
    background: #fff !important;
    box-shadow: 14px 0 0 rgba(255,255,255,.42), -14px 0 0 rgba(255,255,255,.42) !important;
}

.featured-placeholder-card .featured-tech-3:before {
    width: 42px !important;
    height: 30px !important;
    border: 5px solid #fff !important;
    border-radius: 9px !important;
    transform: translateY(6px) !important;
}

.featured-placeholder-card .featured-tech-3:after {
    width: 24px !important;
    height: 12px !important;
    border: 5px solid #fff !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    transform: translateY(-19px) !important;
    opacity: .85 !important;
}

.about-image-wrap .visual-tech-core,
.motion-visual .motion-core {
    opacity: 1 !important;
    visibility: visible !important;
}

.about-image-wrap .visual-tech-core {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 150px !important;
    height: 150px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.08)) !important;
}

.motion-admin-image {
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
}

.motion-visual .motion-node {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.12) !important;
}

.motion-node-symbol:before {
    width: 34px !important;
    height: 7px !important;
    border-radius: 99px !important;
    background: #0b4778 !important;
    top: 6px !important;
    left: 5px !important;
}

.motion-node-symbol:after {
    width: 24px !important;
    height: 6px !important;
    border-radius: 99px !important;
    background: rgba(11,71,120,.36) !important;
    top: 20px !important;
    left: 5px !important;
}

/* Footer: simplify left block strongly */
#footer.footer-lux .footer-brand-copy,
#footer.footer-lux .footer-clean-actions,
#footer.footer-lux .footer-social-wrap {
    display: none !important;
}

#footer.footer-lux .footer-contact-simple {
    margin-top: 18px !important;
    gap: 12px !important;
    max-width: 430px !important;
}

    #footer.footer-lux .footer-contact-simple li {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        align-items: center !important;
        min-height: 42px !important;
        font-size: 14.5px !important;
    }

    #footer.footer-lux .footer-contact-simple .fc-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 13px !important;
    }

/* Hero: move card a little higher and remove tiring lower glare */
#hero.meteskar-hero-lux.hero-v2 {
    min-height: 650px !important;
    height: clamp(650px, 74vh, 760px) !important;
}

    #hero.meteskar-hero-lux.hero-v2:after,
    #hero:after {
        display: none !important;
        opacity: 0 !important;
        height: 0 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        padding-top: 86px !important;
        padding-bottom: 132px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content.hero-glass-card,
    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        transform: translateY(-58px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: min(860px, calc(100vw - 64px)) !important;
        max-width: 860px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-shine {
        background: linear-gradient(90deg, rgba(2,15,28,.64), rgba(8,46,78,.32) 50%, rgba(2,15,28,.50)) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots {
        bottom: 30px !important;
    }

@media (max-width: 1199px) {
    .clean-header .meteskar-navbar {
        padding-right: 0 !important;
    }

    .clean-header .header-meta-actions,
    #header .header-meta-actions {
        display: flex !important;
        right: 58px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .clean-header .lang-switcher a,
    #header .lang-switcher a {
        min-width: 38px !important;
        height: 28px !important;
        font-size: 11px !important;
        padding: 0 8px !important;
    }
}

@media (max-width: 767px) {
    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 600px !important;
        height: auto !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 92px 18px 86px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            transform: translateY(-24px) !important;
        }

    .news-card-lux .news-auto-logo {
        margin: 24px 0 0 24px !important;
    }
}


/* Stage 7.6 - final visual polish for logo cards, header language, forms and news */
/* TR/ENG: keep it on the header row but move to the far-right empty area */
#header.clean-header .header-inner,
#header.meteskar-header .header-inner {
    position: static !important;
}

#header .header-meta-actions,
.clean-header .header-meta-actions {
    position: fixed !important;
    top: 18px !important;
    right: 34px !important;
    transform: none !important;
    z-index: 5000 !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

    #header .header-meta-actions .site-social-links,
    .clean-header .header-meta-actions .site-social-links {
        display: none !important;
    }

#header .lang-switcher,
.clean-header .lang-switcher {
    height: 44px !important;
    min-height: 44px !important;
    padding: 6px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(8,46,78,.10) !important;
    box-shadow: 0 16px 36px rgba(8,46,78,.14) !important;
}

    #header .lang-switcher a,
    .clean-header .lang-switcher a {
        min-width: 48px !important;
        height: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        color: #17324a !important;
    }

        #header .lang-switcher a.active,
        .clean-header .lang-switcher a.active {
            background: linear-gradient(135deg, #08345a, #0d5f9f) !important;
            color: #fff !important;
            box-shadow: 0 8px 18px rgba(8,52,90,.22) !important;
        }

    #header .lang-switcher span,
    .clean-header .lang-switcher span {
        display: none !important;
    }

.clean-header .meteskar-navbar {
    padding-right: 0 !important;
}

/* Slider: center the glass card and remove the eye-tiring lower glare */
#hero.meteskar-hero-lux.hero-v2 {
    min-height: 640px !important;
    height: clamp(640px, 72vh, 760px) !important;
}

    #hero.meteskar-hero-lux.hero-v2::after,
    #hero:after {
        display: none !important;
        opacity: 0 !important;
        height: 0 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        align-items: center !important;
        justify-content: center !important;
        padding: 82px 22px 88px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content.hero-glass-card,
    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        transform: translateY(-34px) !important;
        margin: 0 auto !important;
        width: min(820px, calc(100vw - 64px)) !important;
        max-width: 820px !important;
        border-radius: 34px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-shine {
        background: radial-gradient(circle at 50% 42%, rgba(255,255,255,.08), transparent 32%), linear-gradient(90deg, rgba(2,15,28,.62), rgba(8,46,78,.22) 52%, rgba(2,15,28,.45)) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-trust-line {
        display: none !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots {
        bottom: 24px !important;
    }

/* Automatic premium logos: clear, visible, consistent. Uploaded admin images still override these. */
.card-auto-logo,
.tech-icon-service,
.news-auto-logo,
.featured-tech-icon,
.visual-tech-core,
.motion-core {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

    .card-auto-logo:before,
    .card-auto-logo:after,
    .tech-icon-service:before,
    .tech-icon-service:after,
    .news-auto-logo:before,
    .news-auto-logo:after,
    .featured-tech-icon:before,
    .featured-tech-icon:after,
    .visual-tech-core:before,
    .visual-tech-core:after,
    .motion-core:before,
    .motion-core:after {
        content: "" !important;
        position: absolute !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .card-auto-logo span,
    .news-auto-logo span,
    .featured-tech-icon span,
    .visual-tech-core span,
    .motion-core span {
        display: none !important;
    }

    .card-auto-logo:before,
    .tech-icon-service:before,
    .news-auto-logo:before,
    .featured-tech-icon:before,
    .visual-tech-core:before,
    .motion-core:before {
        inset: 18px !important;
        width: auto !important;
        height: auto !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    .card-auto-logo:after,
    .tech-icon-service:after,
    .news-auto-logo:after,
    .featured-tech-icon:after,
    .visual-tech-core:after,
    .motion-core:after {
        display: none !important;
    }

.service-card.premium-service .tech-icon-service,
.service-card.premium-service .service-image-mini {
    width: 82px !important;
    height: 82px !important;
    border-radius: 26px !important;
    margin-bottom: 24px !important;
}

.service-card.premium-service .tech-icon-service,
.news-card-lux .news-auto-logo {
    background: radial-gradient(circle at 24% 20%, rgba(255,255,255,.98), rgba(255,255,255,.28) 30%, transparent 42%), linear-gradient(135deg, rgba(11,71,120,.12), rgba(214,180,108,.20)) !important;
    border: 1px solid rgba(8,46,78,.10) !important;
    box-shadow: 0 22px 46px rgba(8,46,78,.12), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.service-tech-1:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%230b4778%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2732%27%20cy=%2732%27%20r=%279%27/%3E%3Cpath%20d=%27M32%208v10M32%2046v10M8%2032h10M46%2032h10M15%2015l7%207M42%2042l7%207M49%2015l-7%207M22%2042l-7%207%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.service-tech-2:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%230b4778%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Crect%20x=%2713%27%20y=%2713%27%20width=%2738%27%20height=%2738%27%20rx=%277%27/%3E%3Cpath%20d=%27M22%2024h20M22%2032h20M22%2040h12M42%2013v38M13%2032h38%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.service-tech-3:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%230b4778%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M23%2022v-6h18v6%27/%3E%3Crect%20x=%2713%27%20y=%2722%27%20width=%2738%27%20height=%2729%27%20rx=%277%27/%3E%3Cpath%20d=%27M13%2033h38M27%2037h10%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.news-tech-1:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%230b4778%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Crect%20x=%2712%27%20y=%2715%27%20width=%2740%27%20height=%2734%27%20rx=%276%27/%3E%3Cpath%20d=%27M22%2026h20M22%2034h20M22%2042h12%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.news-tech-2:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%230b4778%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2732%27%20cy=%2732%27%20r=%279%27/%3E%3Cpath%20d=%27M32%208v10M32%2046v10M8%2032h10M46%2032h10M15%2015l7%207M42%2042l7%207M49%2015l-7%207M22%2042l-7%207%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.news-tech-3:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%230b4778%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2718%27%20cy=%2720%27%20r=%277%27/%3E%3Ccircle%20cx=%2746%27%20cy=%2720%27%20r=%277%27/%3E%3Ccircle%20cx=%2732%27%20cy=%2746%27%20r=%277%27/%3E%3Cpath%20d=%27M25%2020h14M22%2026l7%2014M42%2026l-7%2014%27/%3E%3C/g%3E%3C/svg%3E") !important;
}

.visual-tech-core:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%23ffffff%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2732%27%20cy=%2732%27%20r=%279%27/%3E%3Cpath%20d=%27M32%208v10M32%2046v10M8%2032h10M46%2032h10M15%2015l7%207M42%2042l7%207M49%2015l-7%207M22%2042l-7%207%27/%3E%3C/g%3E%3C/svg%3E") !important;
    inset: 30px !important;
    opacity: .95 !important;
}

.motion-core:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%230b4778%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2718%27%20cy=%2720%27%20r=%277%27/%3E%3Ccircle%20cx=%2746%27%20cy=%2720%27%20r=%277%27/%3E%3Ccircle%20cx=%2732%27%20cy=%2746%27%20r=%277%27/%3E%3Cpath%20d=%27M25%2020h14M22%2026l7%2014M42%2026l-7%2014%27/%3E%3C/g%3E%3C/svg%3E") !important;
    inset: 18px !important;
}

.motion-core {
    background: rgba(255,255,255,.90) !important;
    border: 1px solid rgba(255,255,255,.56) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.12) !important;
}

.about-image-wrap .visual-tech-core {
    background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(143,199,241,.13)) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}

/* Featured project fallback cards: tags and icons readable on dark background */
.featured-placeholder-card {
    position: relative !important;
    min-height: 292px !important;
    padding: 34px !important;
    border-radius: 30px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.055)) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}

    .featured-placeholder-card .project-badge {
        display: inline-flex !important;
        width: auto !important;
        height: auto !important;
        min-height: 30px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 7px 13px !important;
        border-radius: 999px !important;
        color: #e4f4ff !important;
        background: rgba(143,199,241,.18) !important;
        border: 1px solid rgba(143,199,241,.24) !important;
        font-weight: 950 !important;
        font-size: 12px !important;
        letter-spacing: .03em !important;
        text-transform: uppercase !important;
    }

    .featured-placeholder-card .featured-tech-icon {
        width: 86px !important;
        height: 86px !important;
        border-radius: 28px !important;
        margin: 24px 0 26px !important;
        background: rgba(255,255,255,.16) !important;
        border: 1px solid rgba(255,255,255,.24) !important;
        box-shadow: 0 22px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
    }

    .featured-placeholder-card .featured-tech-1:before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%23ffffff%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2732%27%20cy=%2732%27%20r=%279%27/%3E%3Cpath%20d=%27M32%208v10M32%2046v10M8%2032h10M46%2032h10M15%2015l7%207M42%2042l7%207M49%2015l-7%207M22%2042l-7%207%27/%3E%3C/g%3E%3C/svg%3E") !important;
    }

    .featured-placeholder-card .featured-tech-2:before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%23ffffff%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Crect%20x=%2713%27%20y=%2713%27%20width=%2738%27%20height=%2738%27%20rx=%277%27/%3E%3Cpath%20d=%27M22%2024h20M22%2032h20M22%2040h12M42%2013v38M13%2032h38%27/%3E%3C/g%3E%3C/svg%3E") !important;
    }

    .featured-placeholder-card .featured-tech-3:before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2064%2064%27%3E%3Cg%20fill=%27none%27%20stroke=%27%23ffffff%27%20stroke-width=%275%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M23%2022v-6h18v6%27/%3E%3Crect%20x=%2713%27%20y=%2722%27%20width=%2738%27%20height=%2729%27%20rx=%277%27/%3E%3Cpath%20d=%27M13%2033h38M27%2037h10%27/%3E%3C/g%3E%3C/svg%3E") !important;
    }

    .featured-placeholder-card h4 {
        font-size: 24px !important;
        line-height: 1.14 !important;
        margin-bottom: 14px !important;
    }

    .featured-placeholder-card p {
        color: rgba(255,255,255,.74) !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

/* News cards: balanced premium layout */
.home-news-lux {
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;
}

    .home-news-lux .row.gy-4 {
        align-items: stretch !important;
    }

.news-card-lux {
    height: 100% !important;
    min-height: 330px !important;
    border-radius: 32px !important;
    padding: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    background: radial-gradient(circle at 100% 0%, rgba(143,199,241,.12), transparent 34%), #fff !important;
    border: 1px solid rgba(8,46,78,.08) !important;
    box-shadow: 0 28px 82px rgba(8,46,78,.075) !important;
}

    .news-card-lux .news-auto-logo {
        width: 78px !important;
        height: 78px !important;
        border-radius: 26px !important;
        margin: 0 0 24px !important;
    }

    .news-card-lux .news-body-lux {
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
    }

    .news-card-lux .project-badge {
        display: inline-flex !important;
        align-self: flex-start !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 30px !important;
        padding: 7px 13px !important;
        border-radius: 999px !important;
        color: #0b4778 !important;
        background: rgba(143,199,241,.18) !important;
        border: 1px solid rgba(8,46,78,.07) !important;
        font-weight: 950 !important;
        font-size: 12px !important;
        letter-spacing: .03em !important;
        text-transform: uppercase !important;
        margin-bottom: 22px !important;
    }

    .news-card-lux h4 {
        font-size: 24px !important;
        line-height: 1.16 !important;
        margin: 0 0 16px !important;
    }

    .news-card-lux p {
        font-size: 16px !important;
        line-height: 1.72 !important;
        color: #64748b !important;
        min-height: 0 !important;
    }

    .news-card-lux:hover {
        transform: translateY(-7px) !important;
        box-shadow: 0 36px 105px rgba(8,46,78,.12) !important;
    }

/* Contact and career form buttons centered; side note cleaned */
.contact-form-lux .form-submit-row,
.form-panel form .mt-4 {
    text-align: center !important;
}

.form-panel .btn-submit,
.contact-form-lux .btn-submit {
    min-width: 220px !important;
    justify-content: center !important;
}

.form-side-note {
    max-width: 760px !important;
    margin: 0 auto 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px 18px !important;
    border-radius: 999px !important;
    background: rgba(143,199,241,.13) !important;
    color: #35516a !important;
    font-weight: 700 !important;
}

    .form-side-note i {
        color: #0b4778 !important;
        font-size: 18px !important;
    }

@media (max-width: 1399px) {
    #header .header-meta-actions,
    .clean-header .header-meta-actions {
        right: 18px !important;
        top: 16px !important;
    }

    #header .lang-switcher a,
    .clean-header .lang-switcher a {
        min-width: 42px !important;
        padding: 0 9px !important;
    }
}

@media (max-width: 1199px) {
    #header .header-meta-actions,
    .clean-header .header-meta-actions {
        right: 58px !important;
        top: 16px !important;
    }

    #header .lang-switcher,
    .clean-header .lang-switcher {
        height: 38px !important;
        min-height: 38px !important;
        padding: 5px !important;
    }

        #header .lang-switcher a,
        .clean-header .lang-switcher a {
            min-width: 36px !important;
            height: 28px !important;
            font-size: 11px !important;
        }
}

@media (max-width: 767px) {
    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 590px !important;
        height: auto !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            padding: 86px 18px 78px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            transform: translateY(-18px) !important;
            width: calc(100vw - 34px) !important;
        }

    .news-card-lux {
        min-height: 0 !important;
    }

    .form-side-note {
        border-radius: 22px !important;
        text-align: center !important;
    }
}

/* =========================================================
   STAGE 7.7 - REAL MARKUP FIX
   Bu blok eski karışan motion/reference CSS'lerini kullanmaz.
   Yeni Razor class'ları: process-map-v8 + ref-clean-*
========================================================= */

/* -----------------------------
   Referanslar: yeni temiz markup
----------------------------- */
.ref-clean-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
    width: 100% !important;
}

.ref-clean-card {
    position: relative !important;
    min-height: 188px !important;
    padding: 30px 30px !important;
    border-radius: 32px !important;
    display: grid !important;
    grid-template-columns: 82px 1fr !important;
    align-items: center !important;
    gap: 24px !important;
    overflow: hidden !important;
    text-align: left !important;
    background: radial-gradient(circle at 96% 104%, rgba(11,71,120,.07), transparent 34%), linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,253,255,1) 100%) !important;
    border: 1px solid rgba(8,46,78,.08) !important;
    box-shadow: 0 28px 82px rgba(8,46,78,.075) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

    .ref-clean-card:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 36px 105px rgba(8,46,78,.12) !important;
        border-color: rgba(11,71,120,.14) !important;
    }

.ref-clean-icon {
    width: 78px !important;
    height: 78px !important;
    border-radius: 26px !important;
    display: block !important;
    position: relative !important;
    background: var(--ref-svg) center / 38px 38px no-repeat, linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,246,250,.92)) !important;
    border: 1px solid rgba(8,46,78,.10) !important;
    box-shadow: 0 18px 42px rgba(8,46,78,.08), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

    .ref-clean-icon::after {
        content: "" !important;
        position: absolute !important;
        left: 16px !important;
        right: 16px !important;
        bottom: -9px !important;
        height: 3px !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, #d6b46c, #8fc7f1) !important;
        opacity: .86 !important;
    }

.ref-icon-building {
    --ref-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%230b4778' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V8l7-5 7 5v13'/%3E%3Cpath d='M9 21v-7h6v7'/%3E%3C/svg%3E");
}

.ref-icon-document,
.ref-icon-partner {
    --ref-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%230b4778' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 9h10'/%3E%3Cpath d='M7 13h6'/%3E%3Cpath d='M7 17h9'/%3E%3C/svg%3E");
}

.ref-icon-shield {
    --ref-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%230b4778' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.ref-clean-copy {
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

    .ref-clean-copy span {
        display: block !important;
        margin: 0 0 10px 0 !important;
        color: #0b4778 !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        letter-spacing: .145em !important;
        line-height: 1.35 !important;
        text-transform: uppercase !important;
    }

    .ref-clean-copy strong {
        display: block !important;
        margin: 0 0 12px 0 !important;
        color: #102033 !important;
        font-size: 22px !important;
        font-weight: 950 !important;
        letter-spacing: -.045em !important;
        line-height: 1.14 !important;
    }

    .ref-clean-copy p {
        margin: 0 !important;
        color: #66788c !important;
        font-size: 15px !important;
        font-weight: 650 !important;
        line-height: 1.65 !important;
    }

.ref-real-card img {
    max-width: 180px !important;
    max-height: 74px !important;
    object-fit: contain !important;
    display: block !important;
    filter: grayscale(.85) !important;
    opacity: .82 !important;
    transition: .22s ease !important;
}

.ref-real-card:hover img {
    filter: grayscale(0) !important;
    opacity: 1 !important;
}

/* -----------------------------
   Saha Disiplini: yeni temiz markup
----------------------------- */
.process-map-v8 {
    position: relative !important;
    min-height: 355px !important;
    overflow: hidden !important;
    border-radius: 34px !important;
    background: linear-gradient(rgba(255,255,255,.038) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.038) 1px, transparent 1px), radial-gradient(circle at 50% 45%, rgba(143,199,241,.12), transparent 38%), linear-gradient(135deg, #06243d 0%, #09436c 100%) !important;
    background-size: 34px 34px, 34px 34px, cover, cover !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 28px 80px rgba(8,46,78,.16) !important;
}

.process-map-frame {
    position: absolute !important;
    inset: 22px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    pointer-events: none !important;
}

.process-map-admin-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.process-core-v8,
.process-step-v8 {
    position: absolute !important;
    z-index: 5 !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
}

.process-core-v8 {
    left: 50% !important;
    top: 50% !important;
    width: 154px !important;
    height: 112px !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: radial-gradient(circle at 30% 12%, rgba(255,255,255,.22), transparent 32%), linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.075)) !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    box-shadow: 0 22px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

    .process-core-v8 strong {
        display: block !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 950 !important;
        letter-spacing: .13em !important;
        line-height: 1 !important;
        margin: 0 0 10px 0 !important;
        text-shadow: 0 8px 18px rgba(0,0,0,.20) !important;
    }

    .process-core-v8 em {
        display: block !important;
        color: rgba(224,239,249,.86) !important;
        font-size: 11px !important;
        font-weight: 850 !important;
        font-style: normal !important;
        letter-spacing: .04em !important;
        line-height: 1 !important;
    }

.process-step-v8 {
    width: 176px !important;
    min-height: 80px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 15px 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.985), rgba(243,248,252,.96)) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: 0 20px 48px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

    .process-step-v8 strong {
        display: block !important;
        color: #102033 !important;
        font-size: 16px !important;
        font-weight: 950 !important;
        letter-spacing: -.025em !important;
        line-height: 1.12 !important;
        margin: 0 0 6px 0 !important;
    }

    .process-step-v8 em {
        display: block !important;
        color: #61748a !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        font-style: normal !important;
        line-height: 1.25 !important;
    }

    .process-step-v8.step-a {
        left: 38px !important;
        top: 40px !important;
    }

    .process-step-v8.step-b {
        right: 38px !important;
        top: 120px !important;
    }

    .process-step-v8.step-c {
        left: 66px !important;
        bottom: 40px !important;
    }

.process-line {
    position: absolute !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(214,180,108,.02), rgba(214,180,108,.52), rgba(143,199,241,.12)) !important;
    transform-origin: center !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.process-line-a {
    width: 190px !important;
    left: 186px !important;
    top: 108px !important;
    transform: rotate(24deg) !important;
}

.process-line-b {
    width: 190px !important;
    right: 186px !important;
    top: 174px !important;
    transform: rotate(-16deg) !important;
}

.process-line-c {
    width: 210px !important;
    left: 206px !important;
    bottom: 104px !important;
    transform: rotate(-22deg) !important;
}

@media (max-width: 1199px) {
    .ref-clean-grid {
        grid-template-columns: 1fr !important;
    }

    .ref-clean-card {
        max-width: 760px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 991px) {
    .process-map-v8 {
        min-height: 330px !important;
    }

    .process-core-v8 {
        width: 132px !important;
        height: 96px !important;
    }

    .process-step-v8 {
        width: 148px !important;
        min-height: 72px !important;
        padding: 13px 15px !important;
    }

        .process-step-v8 strong {
            font-size: 14px !important;
        }

        .process-step-v8 em {
            font-size: 11px !important;
        }

    .process-line {
        display: none !important;
    }
}

@media (max-width: 575px) {
    .ref-clean-card {
        grid-template-columns: 64px 1fr !important;
        gap: 18px !important;
        padding: 24px !important;
        min-height: 150px !important;
    }

    .ref-clean-icon {
        width: 60px !important;
        height: 60px !important;
        border-radius: 20px !important;
        background-size: 30px 30px, cover !important;
    }

    .ref-clean-copy span {
        font-size: 10px !important;
        letter-spacing: .10em !important;
    }

    .ref-clean-copy strong {
        font-size: 19px !important;
    }

    .ref-clean-copy p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .process-map-v8 {
        min-height: 320px !important;
    }

    .process-core-v8 {
        width: 122px !important;
        height: 88px !important;
    }

        .process-core-v8 strong {
            font-size: 14px !important;
        }

        .process-core-v8 em {
            font-size: 10px !important;
        }

    .process-step-v8 {
        width: 138px !important;
        min-height: 66px !important;
        padding: 12px 13px !important;
    }

        .process-step-v8.step-a {
            left: 20px !important;
            top: 28px !important;
        }

        .process-step-v8.step-b {
            right: 20px !important;
            top: 112px !important;
        }

        .process-step-v8.step-c {
            left: 28px !important;
            bottom: 28px !important;
        }

        .process-step-v8 strong {
            font-size: 13px !important;
        }

        .process-step-v8 em {
            font-size: 10px !important;
        }
}


/* =========================================================
   STAGE 7.8 - Footer sosyal medya ikonları
   Bootstrap Icons sürümüne bağlı kalmadan CSS mask ile ikon gösterir.
========================================================= */

.site-social-links.meteskar-social-links,
.footer-social-wrap .meteskar-social-links {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

.meteskar-social-link {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    color: #dff0fb !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.08) !important;
    transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease !important;
}

    .meteskar-social-link:hover {
        transform: translateY(-3px) !important;
        color: #08375b !important;
        background: #ffffff !important;
        border-color: rgba(255,255,255,.36) !important;
    }

.meteskar-social-icon {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    background: currentColor !important;
    mask: var(--meteskar-social-icon) center / contain no-repeat !important;
    -webkit-mask: var(--meteskar-social-icon) center / contain no-repeat !important;
}

/* Header içinde sosyal ikonlar daha önce özellikle gizlenmişti; footer etkilenmez. */
#header .header-meta-actions .meteskar-social-links,
.clean-header .header-meta-actions .meteskar-social-links {
    display: none !important;
}

/* Instagram */
.social-instagram {
    --meteskar-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.75 2h8.5A5.76 5.76 0 0 1 22 7.75v8.5A5.76 5.76 0 0 1 16.25 22h-8.5A5.76 5.76 0 0 1 2 16.25v-8.5A5.76 5.76 0 0 1 7.75 2Zm0 2A3.75 3.75 0 0 0 4 7.75v8.5A3.75 3.75 0 0 0 7.75 20h8.5A3.75 3.75 0 0 0 20 16.25v-8.5A3.75 3.75 0 0 0 16.25 4h-8.5Zm8.75 1.7a1.3 1.3 0 1 1 0 2.6a1.3 1.3 0 0 1 0-2.6ZM12 7a5 5 0 1 1 0 10a5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6a3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
}

/* LinkedIn */
.social-linkedin {
    --meteskar-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.98 3.5A2.5 2.5 0 1 1 5 8.5a2.5 2.5 0 0 1-.02-5ZM3 10h4v11H3V10Zm6 0h3.84v1.5h.05c.53-.95 1.84-1.95 3.79-1.95C20.73 9.55 22 12.22 22 15.69V21h-4v-4.71c0-1.12-.02-2.56-1.56-2.56c-1.56 0-1.8 1.22-1.8 2.48V21H9V10Z'/%3E%3C/svg%3E");
}

/* YouTube */
.social-youtube {
    --meteskar-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2A31.2 31.2 0 0 0 0 12a31.2 31.2 0 0 0 .5 5.8a3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31.2 31.2 0 0 0 24 12a31.2 31.2 0 0 0-.5-5.8ZM9.6 15.6V8.4l6.3 3.6l-6.3 3.6Z'/%3E%3C/svg%3E");
}

/* Facebook */
.social-facebook {
    --meteskar-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.88 3.77-3.88c1.09 0 2.23.2 2.23.2v2.45h-1.25c-1.24 0-1.63.77-1.63 1.56V12h2.77l-.44 2.89h-2.33v6.99A10 10 0 0 0 22 12Z'/%3E%3C/svg%3E");
}

/* X / Twitter */
.social-x {
    --meteskar-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.9 2H22l-6.8 7.8L23.2 22h-6.3l-4.9-6.4L6.4 22H3.3l7.3-8.4L2.8 2h6.4l4.4 5.8L18.9 2Zm-1.1 17.9h1.7L8.3 4H6.5l11.3 15.9Z'/%3E%3C/svg%3E");
}

/* WhatsApp */
.social-whatsapp {
    --meteskar-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.5 3.5A11.8 11.8 0 0 0 1.9 17.7L.5 23.5l5.9-1.5A11.8 11.8 0 0 0 20.5 3.5ZM12 21a9 9 0 0 1-4.6-1.3l-.3-.2l-3.5.9l.9-3.4l-.2-.4A9 9 0 1 1 12 21Zm5-6.7c-.3-.2-1.8-.9-2.1-1c-.3-.1-.5-.2-.7.2c-.2.3-.8 1-.9 1.1c-.2.2-.3.2-.6.1c-.3-.2-1.2-.4-2.2-1.4c-.8-.7-1.4-1.6-1.5-1.9c-.2-.3 0-.5.1-.6c.1-.1.3-.3.4-.5c.1-.2.2-.3.3-.5c.1-.2 0-.4 0-.5c-.1-.2-.7-1.7-1-2.3c-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4c-.3.3-1.1 1.1-1.1 2.6s1.1 3 1.2 3.2c.2.2 2.2 3.4 5.3 4.7c.7.3 1.3.5 1.8.6c.8.2 1.5.2 2 .1c.6-.1 1.8-.7 2-1.4c.3-.7.3-1.3.2-1.4c-.1-.1-.3-.2-.6-.4Z'/%3E%3C/svg%3E");
}

/* Mail */
.social-mail {
    --meteskar-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 4.2V18h16V8.2l-8 5.3l-8-5.3ZM5.2 6l6.8 4.5L18.8 6H5.2Z'/%3E%3C/svg%3E");
}

/* Web */
.social-web {
    --meteskar-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20Zm6.9 6h-3a15.6 15.6 0 0 0-1.3-3.1A8.1 8.1 0 0 1 18.9 8ZM12 4.1c.6.9 1.2 2.2 1.6 3.9h-3.2c.4-1.7 1-3 1.6-3.9ZM4.3 14a8 8 0 0 1 0-4h3.4a17 17 0 0 0 0 4H4.3Zm.8 2h3a15.6 15.6 0 0 0 1.3 3.1A8.1 8.1 0 0 1 5.1 16Zm3-8h-3a8.1 8.1 0 0 1 4.3-3.1A15.6 15.6 0 0 0 8.1 8ZM12 19.9c-.6-.9-1.2-2.2-1.6-3.9h3.2c-.4 1.7-1 3-1.6 3.9ZM14 14h-4a14.8 14.8 0 0 1 0-4h4a14.8 14.8 0 0 1 0 4Zm.6 5.1a15.6 15.6 0 0 0 1.3-3.1h3a8.1 8.1 0 0 1-4.3 3.1ZM16.3 14a17 17 0 0 0 0-4h3.4a8 8 0 0 1 0 4h-3.4Z'/%3E%3C/svg%3E");
}

/* =========================================================
   STAGE 7.9 - Footer sosyal medya görünürlük fix
   Stage 7.6 footer sadeleştirme bloğu .footer-social-wrap alanını gizliyordu.
   Bu blok footer sosyal ikonlarını tekrar görünür hale getirir.
========================================================= */

#footer.footer-lux .footer-social-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 22px !important;
    min-height: 42px !important;
}

    #footer.footer-lux .footer-social-wrap:empty {
        display: none !important;
    }

    #footer.footer-lux .footer-social-wrap .site-social-links,
    #footer.footer-lux .footer-social-wrap .meteskar-social-links {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin-top: 0 !important;
    }

    #footer.footer-lux .footer-social-wrap .meteskar-social-link {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #footer.footer-lux .footer-social-wrap .meteskar-social-icon {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

/* =========================================================
   STAGE 8.0 - Process card overlap fix + 3D impeller background
   Eski process boyut/konum çakışmalarını temizler, arka plana hafif 3D fan/impeller animasyonu ekler.
========================================================= */

/* Main katmanı: impeller dekor içeriklerin arkasında kalır */
.meteskar-home-main {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

    .meteskar-home-main > section,
    .meteskar-home-main > div:not(.impeller-stage) {
        position: relative !important;
        z-index: 2 !important;
    }

/* Arkadaki 3D impeller sahnesi */
.impeller-stage {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    opacity: 1 !important;
}

.impeller-unit {
    position: absolute !important;
    width: 360px !important;
    height: 360px !important;
    border-radius: 50% !important;
    transform-style: preserve-3d !important;
    perspective: 1000px !important;
    opacity: .13 !important;
    filter: drop-shadow(0 34px 55px rgba(8,46,78,.16)) !important;
}

.impeller-unit-a {
    right: -108px !important;
    top: 720px !important;
}

.impeller-unit-b {
    left: -145px !important;
    top: 1850px !important;
    width: 300px !important;
    height: 300px !important;
    opacity: .10 !important;
}

.impeller-unit-c {
    right: -120px !important;
    bottom: 620px !important;
    width: 260px !important;
    height: 260px !important;
    opacity: .085 !important;
}

.impeller-rotor {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    border-radius: 50% !important;
    transform: rotateX(58deg) rotateZ(0deg) !important;
    animation: meteskarImpellerSpin 9s linear infinite !important;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.88) 0 8%, rgba(11,71,120,.88) 8.5% 13%, transparent 13.5%), conic-gradient(from 8deg, transparent 0deg 16deg, rgba(11,71,120,.78) 17deg 36deg, rgba(143,199,241,.48) 37deg 53deg, transparent 54deg 76deg, rgba(11,71,120,.78) 77deg 96deg, rgba(143,199,241,.48) 97deg 113deg, transparent 114deg 136deg, rgba(11,71,120,.78) 137deg 156deg, rgba(143,199,241,.48) 157deg 173deg, transparent 174deg 196deg, rgba(11,71,120,.78) 197deg 216deg, rgba(143,199,241,.48) 217deg 233deg, transparent 234deg 256deg, rgba(11,71,120,.78) 257deg 276deg, rgba(143,199,241,.48) 277deg 293deg, transparent 294deg 316deg, rgba(11,71,120,.78) 317deg 336deg, rgba(143,199,241,.48) 337deg 353deg, transparent 354deg 360deg), radial-gradient(circle at 48% 44%, rgba(255,255,255,.32), transparent 56%) !important;
    box-shadow: inset 0 0 0 10px rgba(11,71,120,.12), inset 0 0 55px rgba(255,255,255,.28), 0 38px 80px rgba(8,46,78,.12) !important;
}

    .impeller-rotor::before {
        content: "" !important;
        position: absolute !important;
        inset: 23% !important;
        border-radius: 50% !important;
        background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.92), rgba(255,255,255,.24) 24%, rgba(11,71,120,.26) 48%, rgba(8,46,78,.64) 100%) !important;
        box-shadow: inset 0 0 0 8px rgba(255,255,255,.22), 0 18px 36px rgba(8,46,78,.22) !important;
    }

    .impeller-rotor::after {
        content: "" !important;
        position: absolute !important;
        inset: 43% !important;
        border-radius: 50% !important;
        background: #fff !important;
        box-shadow: 0 0 0 10px rgba(11,71,120,.42), 0 12px 22px rgba(8,46,78,.18) !important;
    }

@keyframes meteskarImpellerSpin {
    from {
        transform: rotateX(58deg) rotateZ(0deg);
    }

    to {
        transform: rotateX(58deg) rotateZ(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .impeller-rotor {
        animation: none !important;
    }
}

/* Process map: çakışmayı bitirmek için daha küçük merkez + daha kontrollü dış kutular */
.process-map-v8 {
    min-height: 355px !important;
    padding: 0 !important;
}

.process-core-v8 {
    width: 124px !important;
    height: 92px !important;
    border-radius: 26px !important;
    z-index: 4 !important;
}

    .process-core-v8 strong {
        font-size: 15px !important;
        letter-spacing: .13em !important;
        margin-bottom: 8px !important;
    }

    .process-core-v8 em {
        font-size: 10px !important;
    }

.process-step-v8 {
    width: 146px !important;
    min-height: 70px !important;
    padding: 13px 15px !important;
    border-radius: 20px !important;
    z-index: 6 !important;
}

    .process-step-v8 strong {
        font-size: 14px !important;
        line-height: 1.08 !important;
        margin-bottom: 5px !important;
    }

    .process-step-v8 em {
        font-size: 10.5px !important;
        line-height: 1.2 !important;
    }

    .process-step-v8.step-a {
        left: 38px !important;
        top: 42px !important;
    }

    .process-step-v8.step-b {
        right: 36px !important;
        top: 116px !important;
    }

    .process-step-v8.step-c {
        left: 72px !important;
        bottom: 42px !important;
    }

.process-line {
    opacity: .45 !important;
    z-index: 3 !important;
}

.process-line-a {
    width: 158px !important;
    left: 154px !important;
    top: 104px !important;
    transform: rotate(24deg) !important;
}

.process-line-b {
    width: 148px !important;
    right: 150px !important;
    top: 170px !important;
    transform: rotate(-13deg) !important;
}

.process-line-c {
    width: 168px !important;
    left: 184px !important;
    bottom: 104px !important;
    transform: rotate(-22deg) !important;
}

.process-step-v8:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 26px 58px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

@media (max-width: 1199px) {
    .process-core-v8 {
        width: 118px !important;
        height: 88px !important;
    }

    .process-step-v8 {
        width: 138px !important;
        min-height: 68px !important;
    }

        .process-step-v8.step-a {
            left: 28px !important;
            top: 34px !important;
        }

        .process-step-v8.step-b {
            right: 28px !important;
            top: 114px !important;
        }

        .process-step-v8.step-c {
            left: 48px !important;
            bottom: 34px !important;
        }
}

@media (max-width: 767px) {
    .impeller-unit {
        display: none !important;
    }

    .process-map-v8 {
        min-height: 318px !important;
    }

    .process-core-v8 {
        width: 110px !important;
        height: 82px !important;
    }

        .process-core-v8 strong {
            font-size: 13px !important;
        }

    .process-step-v8 {
        width: 128px !important;
        min-height: 64px !important;
        padding: 12px 13px !important;
    }

        .process-step-v8 strong {
            font-size: 12.5px !important;
        }

        .process-step-v8 em {
            font-size: 9.5px !important;
        }

        .process-step-v8.step-a {
            left: 18px !important;
            top: 26px !important;
        }

        .process-step-v8.step-b {
            right: 18px !important;
            top: 106px !important;
        }

        .process-step-v8.step-c {
            left: 24px !important;
            bottom: 26px !important;
        }

    .process-line {
        display: none !important;
    }
}


/* =========================================================
   STAGE 8.1 - Büyük 3D impeller hero animasyonu
   Slider içinde görünür, kartların arkasında kalır, tıklamaları engellemez.
========================================================= */

#hero.meteskar-hero-lux.hero-v2 {
    overflow: hidden !important;
    isolation: isolate !important;
}

    #hero.meteskar-hero-lux.hero-v2 .hero-premium-bg,
    #hero.meteskar-hero-lux.hero-v2 .carousel,
    #hero.meteskar-hero-lux.hero-v2 .carousel-inner,
    #hero.meteskar-hero-lux.hero-v2 .carousel-item {
        position: absolute !important;
        inset: 0 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel {
        z-index: 2 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-item::before,
    #hero.meteskar-hero-lux.hero-v2 .carousel-item:before {
        z-index: 1 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .hero-slide-img,
    #hero.meteskar-hero-lux.hero-v2 .hero-slide-shine {
        position: absolute !important;
        z-index: 0 !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        position: relative !important;
        z-index: 10 !important;
    }

.hero-impeller-scene {
    position: absolute !important;
    right: clamp(-240px, -8vw, -60px) !important;
    top: 48% !important;
    width: clamp(560px, 45vw, 860px) !important;
    height: clamp(560px, 45vw, 860px) !important;
    transform: translateY(-50%) rotateX(58deg) rotateZ(-11deg) !important;
    transform-style: preserve-3d !important;
    perspective: 1200px !important;
    z-index: 5 !important;
    pointer-events: none !important;
    opacity: .72 !important;
    mix-blend-mode: screen !important;
    filter: drop-shadow(0 50px 78px rgba(0,0,0,.28)) !important;
}

.hero-impeller-glow {
    position: absolute !important;
    inset: 5% !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 50% 50%, rgba(143,199,241,.36), rgba(11,71,120,.13) 38%, transparent 68%) !important;
    filter: blur(18px) !important;
    opacity: .75 !important;
    animation: heroImpellerGlowPulse 4.8s ease-in-out infinite !important;
}

.hero-impeller-shadow {
    position: absolute !important;
    left: 11% !important;
    right: 11% !important;
    bottom: 2% !important;
    height: 22% !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at center, rgba(0,0,0,.30), transparent 68%) !important;
    filter: blur(16px) !important;
    transform: translateZ(-80px) rotateX(8deg) !important;
    opacity: .48 !important;
}

.hero-impeller-rotor {
    position: absolute !important;
    inset: 8% !important;
    border-radius: 50% !important;
    transform-style: preserve-3d !important;
    animation: heroImpellerSpin 6.8s linear infinite !important;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.90) 0 4.5%, rgba(143,199,241,.70) 5% 7.2%, rgba(11,71,120,.58) 8% 10.5%, transparent 11%), radial-gradient(circle at 44% 38%, rgba(255,255,255,.28), transparent 30%), conic-gradient(from 0deg, rgba(143,199,241,.14), rgba(255,255,255,.05), rgba(11,71,120,.18), rgba(143,199,241,.14)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), inset 0 0 0 18px rgba(143,199,241,.045), inset 0 0 90px rgba(255,255,255,.12), 0 42px 90px rgba(0,0,0,.22) !important;
}

.hero-impeller-ring {
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

    .hero-impeller-ring.ring-a {
        inset: 1% !important;
        border: 1px solid rgba(215,239,255,.32) !important;
        box-shadow: inset 0 0 52px rgba(143,199,241,.10) !important;
    }

    .hero-impeller-ring.ring-b {
        inset: 28% !important;
        border: 1px solid rgba(255,255,255,.30) !important;
        background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.34), rgba(143,199,241,.16) 42%, rgba(8,46,78,.36) 100%) !important;
        box-shadow: inset 0 0 0 10px rgba(255,255,255,.06), 0 18px 50px rgba(0,0,0,.22) !important;
    }

.hero-impeller-hub {
    position: absolute !important;
    inset: 43% !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 25%, #ffffff, #b5d8ee 38%, #0b4778 100%) !important;
    box-shadow: 0 0 0 10px rgba(255,255,255,.12), 0 0 0 22px rgba(11,71,120,.20), 0 18px 38px rgba(0,0,0,.26) !important;
    z-index: 7 !important;
}

.hero-impeller-blade {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 15% !important;
    height: 43% !important;
    transform-origin: 50% 8% !important;
    border-radius: 58% 58% 42% 42% / 18% 18% 82% 82% !important;
    background: linear-gradient(100deg, rgba(255,255,255,.48), rgba(143,199,241,.36) 28%, rgba(11,71,120,.58) 72%, rgba(255,255,255,.16)), radial-gradient(ellipse at 34% 20%, rgba(255,255,255,.52), transparent 38%) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: inset -18px 22px 34px rgba(255,255,255,.10), inset 18px -22px 42px rgba(0,0,0,.12), 0 22px 34px rgba(0,0,0,.10) !important;
    opacity: .92 !important;
}

    .hero-impeller-blade.blade-a {
        transform: translate(-50%, -8%) rotate(0deg) skewX(-8deg) !important;
    }

    .hero-impeller-blade.blade-b {
        transform: translate(-50%, -8%) rotate(60deg) skewX(-8deg) !important;
    }

    .hero-impeller-blade.blade-c {
        transform: translate(-50%, -8%) rotate(120deg) skewX(-8deg) !important;
    }

    .hero-impeller-blade.blade-d {
        transform: translate(-50%, -8%) rotate(180deg) skewX(-8deg) !important;
    }

    .hero-impeller-blade.blade-e {
        transform: translate(-50%, -8%) rotate(240deg) skewX(-8deg) !important;
    }

    .hero-impeller-blade.blade-f {
        transform: translate(-50%, -8%) rotate(300deg) skewX(-8deg) !important;
    }

@keyframes heroImpellerSpin {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

@keyframes heroImpellerGlowPulse {
    0%, 100% {
        opacity: .52;
        transform: scale(.96);
    }

    50% {
        opacity: .88;
        transform: scale(1.04);
    }
}

/* Kartı impeller üstünde okunur tut */
#hero.meteskar-hero-lux.hero-v2 .hero-glass-card {
    position: relative !important;
    z-index: 12 !important;
    backdrop-filter: blur(16px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
}

/* Mobil/tablet performans ve okunurluk */
@media (max-width: 1199px) {
    .hero-impeller-scene {
        right: -260px !important;
        width: 560px !important;
        height: 560px !important;
        opacity: .48 !important;
    }
}

@media (max-width: 767px) {
    .hero-impeller-scene {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-impeller-rotor,
    .hero-impeller-glow {
        animation: none !important;
    }
}


/* =========================================================
   STAGE 8.2 - Mobile header/hero polish + realistic impeller + map title
   En son blok: önceki çakışmaları override eder.
========================================================= */

/* -----------------------------
   Header: TR/ENG ve hamburger birbirine karışmasın
----------------------------- */
@media (min-width: 992px) {
    #header.meteskar-header.clean-header {
        overflow: visible !important;
    }

    #header .header-inner {
        gap: 18px !important;
    }

    #header .meteskar-navbar {
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding-right: 142px !important;
    }

    #header .header-meta-actions,
    .clean-header .header-meta-actions {
        position: fixed !important;
        top: 22px !important;
        right: 24px !important;
        z-index: 7000 !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    #header .mobile-nav-toggle {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #header.meteskar-header.clean-header {
        height: 78px !important;
        overflow: visible !important;
        z-index: 9000 !important;
    }

    #header .container.header-inner {
        height: 78px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        position: relative !important;
    }

    #header .brand-link-refined {
        height: 54px !important;
        max-width: 178px !important;
        min-width: 0 !important;
        padding: 6px 10px 6px 7px !important;
    }

    #header .brand-copy strong {
        font-size: 13px !important;
        letter-spacing: .11em !important;
    }

    #header .header-meta-actions,
    .clean-header .header-meta-actions {
        position: fixed !important;
        top: 15px !important;
        right: 72px !important;
        z-index: 10020 !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    #header .lang-switcher,
    .clean-header .lang-switcher {
        height: 42px !important;
        min-height: 42px !important;
        padding: 5px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.98) !important;
        border: 1px solid rgba(8,46,78,.10) !important;
        box-shadow: 0 14px 30px rgba(8,46,78,.14) !important;
    }

        #header .lang-switcher a,
        .clean-header .lang-switcher a {
            min-width: 38px !important;
            height: 30px !important;
            padding: 0 8px !important;
            font-size: 11px !important;
            border-radius: 999px !important;
        }

        #header .lang-switcher span,
        .clean-header .lang-switcher span {
            display: none !important;
        }

    #header .mobile-nav-toggle {
        position: fixed !important;
        top: 14px !important;
        right: 16px !important;
        width: 46px !important;
        height: 46px !important;
        z-index: 10030 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 30px !important;
        color: #082e4e !important;
        background: rgba(255,255,255,.96) !important;
        border-radius: 16px !important;
        box-shadow: 0 14px 30px rgba(8,46,78,.16) !important;
        border: 1px solid rgba(8,46,78,.08) !important;
    }

    #navbar.meteskar-navbar {
        position: static !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

        #navbar.meteskar-navbar > ul {
            display: none !important;
        }

    #navbar.navbar-mobile > ul {
        display: block !important;
        position: fixed !important;
        top: 84px !important;
        left: 14px !important;
        right: 14px !important;
        bottom: auto !important;
        max-height: calc(100vh - 104px) !important;
        overflow-y: auto !important;
        padding: 16px !important;
        margin: 0 !important;
        border-radius: 24px !important;
        background: rgba(255,255,255,.985) !important;
        box-shadow: 0 28px 80px rgba(6,31,53,.22) !important;
        border: 1px solid rgba(8,46,78,.08) !important;
        z-index: 10010 !important;
    }

        #navbar.navbar-mobile > ul > li {
            display: block !important;
            width: 100% !important;
        }

    #navbar.navbar-mobile a,
    #navbar.navbar-mobile a:focus {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        padding: 13px 14px !important;
        border-radius: 16px !important;
        color: #082e4e !important;
        font-size: 15px !important;
        font-weight: 850 !important;
    }

        #navbar.navbar-mobile a:hover {
            background: rgba(11,71,120,.07) !important;
        }

    #navbar.navbar-mobile .quote-link {
        margin: 10px 0 0 !important;
        justify-content: center !important;
        background: linear-gradient(135deg, #08345a, #0d5f9f) !important;
        color: #fff !important;
        box-shadow: 0 16px 32px rgba(8,52,90,.22) !important;
    }
}

@media (max-width: 380px) {
    #header .brand-link-refined {
        max-width: 154px !important;
    }

    #header .brand-copy strong {
        font-size: 12px !important;
    }

    #header .header-meta-actions,
    .clean-header .header-meta-actions {
        right: 66px !important;
    }

    #header .lang-switcher a,
    .clean-header .lang-switcher a {
        min-width: 34px !important;
        padding: 0 6px !important;
    }
}

/* -----------------------------
   Hero desktop/tablet: kartı biraz yukarı ve daha dengeli
----------------------------- */
#hero.meteskar-hero-lux.hero-v2 {
    min-height: 660px !important;
    height: clamp(660px, 74vh, 790px) !important;
}

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        align-items: center !important;
        justify-content: center !important;
        padding: 44px 24px 150px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-content.hero-glass-card,
    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        transform: translateY(-82px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

/* -----------------------------
   Hero mobile: tam ortalı, taşmayan, okunur slider kartı
----------------------------- */
@media (max-width: 767px) {
    body.no-topbar #header.meteskar-header {
        height: 78px !important;
    }

    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 700px !important;
        height: 700px !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel,
        #hero.meteskar-hero-lux.hero-v2 .carousel-inner,
        #hero.meteskar-hero-lux.hero-v2 .carousel-item {
            min-height: 700px !important;
            height: 700px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            min-height: 700px !important;
            height: 700px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 88px 16px 64px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content.hero-glass-card,
        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            width: min(360px, calc(100vw - 34px)) !important;
            max-width: min(360px, calc(100vw - 34px)) !important;
            margin: 0 auto !important;
            padding: 26px 18px 24px !important;
            border-radius: 28px !important;
            transform: translateY(-12px) !important;
            text-align: center !important;
            border: 1px solid rgba(255,255,255,.17) !important;
            background: rgba(4, 31, 54, .72) !important;
            box-shadow: 0 26px 70px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10) !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-kicker {
            justify-content: center !important;
            font-size: 10px !important;
            letter-spacing: .20em !important;
            margin-bottom: 12px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(33px, 9vw, 43px) !important;
            line-height: .96 !important;
            letter-spacing: -.065em !important;
            margin: 0 0 18px !important;
            text-wrap: balance !important;
        }

        #hero.meteskar-hero-lux.hero-v2 p {
            font-size: 14px !important;
            line-height: 1.68 !important;
            margin: 0 auto 16px !important;
            max-width: 300px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-chip-row {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 9px !important;
            justify-items: center !important;
            margin: 12px auto 0 !important;
        }

            #hero.meteskar-hero-lux.hero-v2 .hero-chip-row span {
                width: fit-content !important;
                min-width: 168px !important;
                justify-content: center !important;
                font-size: 12px !important;
                padding: 9px 14px !important;
            }

        #hero.meteskar-hero-lux.hero-v2 .hero-actions {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 10px !important;
            justify-items: center !important;
            margin-top: 18px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .btn-meteskar,
        #hero.meteskar-hero-lux.hero-v2 .btn-meteskar-outline {
            width: min(230px, 100%) !important;
            min-height: 46px !important;
            padding: 12px 18px !important;
            font-size: 13px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots {
            bottom: 22px !important;
        }

    .hero-impeller-scene {
        display: none !important;
    }
}

/* -----------------------------
   Hero impeller: daha gerçekçi, hacimli ve metalik 3D görünüm
----------------------------- */
.hero-impeller-scene {
    right: clamp(-260px, -6vw, -40px) !important;
    top: 49% !important;
    width: clamp(620px, 49vw, 940px) !important;
    height: clamp(620px, 49vw, 940px) !important;
    opacity: .82 !important;
    transform: translateY(-50%) rotateX(62deg) rotateY(-9deg) rotateZ(-14deg) !important;
    filter: drop-shadow(0 58px 92px rgba(0,0,0,.34)) drop-shadow(0 0 34px rgba(143,199,241,.12)) !important;
    mix-blend-mode: screen !important;
}

    .hero-impeller-scene::before {
        content: "" !important;
        position: absolute !important;
        inset: -4% !important;
        border-radius: 50% !important;
        background: conic-gradient(from 12deg, rgba(255,255,255,.00), rgba(215,239,255,.20), rgba(255,255,255,.00), rgba(143,199,241,.13), rgba(255,255,255,.00)) !important;
        opacity: .62 !important;
        filter: blur(1px) !important;
        animation: heroImpellerCounterSpin 12s linear infinite !important;
    }

    .hero-impeller-scene::after {
        content: "" !important;
        position: absolute !important;
        left: 13% !important;
        top: 16% !important;
        width: 72% !important;
        height: 18% !important;
        border-radius: 50% !important;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent) !important;
        transform: rotate(-16deg) !important;
        filter: blur(7px) !important;
        opacity: .58 !important;
    }

.hero-impeller-rotor {
    inset: 7% !important;
    animation: heroImpellerSpin 4.9s linear infinite !important;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.95) 0 4%, rgba(207,230,243,.90) 4.6% 7.4%, rgba(11,71,120,.70) 8.4% 11%, transparent 11.6%), radial-gradient(circle at 39% 30%, rgba(255,255,255,.30), transparent 31%), conic-gradient(from 0deg, rgba(215,239,255,.08), rgba(255,255,255,.16), rgba(11,71,120,.20), rgba(215,239,255,.08)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), inset 0 0 0 18px rgba(215,239,255,.045), inset 0 0 110px rgba(255,255,255,.14), 0 48px 96px rgba(0,0,0,.26) !important;
}

    .hero-impeller-rotor::before {
        content: "" !important;
        position: absolute !important;
        inset: -2% !important;
        border-radius: 50% !important;
        border: 1px solid rgba(215,239,255,.26) !important;
        box-shadow: inset 0 0 44px rgba(143,199,241,.13), 0 0 52px rgba(143,199,241,.06) !important;
        pointer-events: none !important;
    }

    .hero-impeller-rotor::after {
        content: "" !important;
        position: absolute !important;
        inset: 19% !important;
        border-radius: 50% !important;
        background: radial-gradient(circle at 38% 28%, rgba(255,255,255,.38), rgba(143,199,241,.12) 45%, rgba(8,46,78,.10) 70%, transparent 71%) !important;
        border: 1px solid rgba(255,255,255,.20) !important;
        box-shadow: inset 0 0 42px rgba(255,255,255,.08), 0 20px 46px rgba(0,0,0,.18) !important;
        pointer-events: none !important;
    }

.hero-impeller-blade {
    width: 18% !important;
    height: 44% !important;
    transform-origin: 50% 9% !important;
    border-radius: 64% 64% 42% 42% / 16% 16% 86% 86% !important;
    background: linear-gradient(108deg, rgba(255,255,255,.68), rgba(194,225,243,.46) 24%, rgba(77,142,184,.54) 61%, rgba(255,255,255,.18) 100%), radial-gradient(ellipse at 26% 18%, rgba(255,255,255,.72), transparent 36%) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    box-shadow: inset -20px 24px 44px rgba(255,255,255,.13), inset 22px -28px 50px rgba(0,0,0,.16), 0 26px 42px rgba(0,0,0,.13) !important;
    opacity: .95 !important;
    clip-path: polygon(43% 0%, 65% 4%, 95% 82%, 70% 100%, 30% 100%, 5% 82%) !important;
}

.hero-impeller-hub {
    inset: 42% !important;
    background: radial-gradient(circle at 35% 25%, #ffffff 0 18%, #cbe4f3 34%, #5a9bc4 62%, #0a3f68 100%) !important;
    box-shadow: 0 0 0 9px rgba(255,255,255,.16), 0 0 0 23px rgba(11,71,120,.22), inset -12px -16px 24px rgba(0,0,0,.16), inset 8px 8px 18px rgba(255,255,255,.34), 0 22px 44px rgba(0,0,0,.30) !important;
}

.hero-impeller-ring.ring-a {
    inset: -1% !important;
    border: 1px solid rgba(215,239,255,.34) !important;
    box-shadow: inset 0 0 60px rgba(143,199,241,.12), 0 0 26px rgba(143,199,241,.06) !important;
}

.hero-impeller-ring.ring-b {
    inset: 27% !important;
    border: 1px solid rgba(255,255,255,.34) !important;
}

@keyframes heroImpellerCounterSpin {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(-360deg);
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .hero-impeller-scene {
        right: -300px !important;
        width: 620px !important;
        height: 620px !important;
        opacity: .52 !important;
    }
}

/* -----------------------------
   Contact map title: daha kurumsal ve dengeli
----------------------------- */
.contact-premium .map-panel {
    border-radius: 34px !important;
    overflow: hidden !important;
}

.contact-premium .map-panel-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 34px 38px 26px !important;
    background: radial-gradient(circle at 100% 0%, rgba(143,199,241,.16), transparent 36%), linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,252,255,.88)) !important;
}

    .contact-premium .map-panel-head .section-kicker {
        margin-bottom: 10px !important;
        color: #0b4778 !important;
        letter-spacing: .20em !important;
    }

    .contact-premium .map-panel-head h3 {
        max-width: 720px !important;
        color: #0f1e2e !important;
        font-family: "Plus Jakarta Sans", "Manrope", "Inter", Arial, sans-serif !important;
        font-size: clamp(30px, 3.2vw, 46px) !important;
        line-height: 1.06 !important;
        letter-spacing: -.055em !important;
        font-weight: 900 !important;
        margin: 0 !important;
        text-wrap: balance !important;
    }

    .contact-premium .map-panel-head .light-outline {
        color: #0b4778 !important;
        border-color: rgba(8,46,78,.16) !important;
        background: #fff !important;
        box-shadow: 0 16px 36px rgba(8,46,78,.08) !important;
        white-space: nowrap !important;
    }

@media (max-width: 767px) {
    .contact-premium .map-panel-head {
        grid-template-columns: 1fr !important;
        padding: 28px 24px 22px !important;
        text-align: left !important;
    }

        .contact-premium .map-panel-head h3 {
            font-size: clamp(26px, 8vw, 34px) !important;
            line-height: 1.08 !important;
        }

        .contact-premium .map-panel-head .light-outline {
            width: fit-content !important;
        }
}


/* =========================================================
   STAGE 8.3 - Mobile menu + mobile hero fit + mobile impeller + admin-safe UI polish
   Bu blok dosyanın en sonunda kalarak önceki mobil çakışmaları temizler.
========================================================= */

/* -----------------------------
   Mobil header: hamburger ve TR/ENG net ayrılır
----------------------------- */
@media (max-width: 991px) {
    body {
        overflow-x: hidden !important;
    }

    #header.meteskar-header.clean-header {
        height: 76px !important;
        min-height: 76px !important;
        overflow: visible !important;
        z-index: 20000 !important;
        background: rgba(255,255,255,.98) !important;
    }

    #header .container.header-inner {
        height: 76px !important;
        padding: 0 12px !important;
    }

    #header .brand-link-refined {
        height: 52px !important;
        max-width: 158px !important;
        padding: 6px 10px 6px 7px !important;
        border-radius: 20px !important;
    }

    #header .brand-emblem {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    #header .brand-copy strong {
        font-size: 12px !important;
        letter-spacing: .12em !important;
    }

    #header .brand-copy small {
        display: none !important;
    }

    #header .header-meta-actions,
    .clean-header .header-meta-actions {
        position: fixed !important;
        top: 17px !important;
        right: 68px !important;
        z-index: 21010 !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        transform: none !important;
    }

    #header .lang-switcher,
    .clean-header .lang-switcher {
        height: 42px !important;
        min-height: 42px !important;
        padding: 5px !important;
        border-radius: 999px !important;
    }

        #header .lang-switcher a,
        .clean-header .lang-switcher a {
            min-width: 36px !important;
            height: 30px !important;
            padding: 0 7px !important;
            font-size: 10.5px !important;
        }

    #header .mobile-nav-toggle {
        position: fixed !important;
        top: 15px !important;
        right: 14px !important;
        z-index: 21020 !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255,255,255,.98) !important;
        border: 1px solid rgba(8,46,78,.10) !important;
        box-shadow: 0 14px 30px rgba(8,46,78,.16) !important;
        color: #082e4e !important;
        font-size: 30px !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }

    #navbar.meteskar-navbar {
        position: static !important;
        display: flex !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

        #navbar.meteskar-navbar > ul {
            display: none !important;
        }

    body.meteskar-menu-open {
        overflow: hidden !important;
    }

    #navbar.navbar-mobile {
        position: fixed !important;
        inset: 0 !important;
        z-index: 20900 !important;
        display: block !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(6,31,53,.42) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

        #navbar.navbar-mobile > ul {
            display: block !important;
            position: fixed !important;
            top: 86px !important;
            left: 16px !important;
            right: 16px !important;
            max-height: calc(100vh - 112px) !important;
            overflow-y: auto !important;
            margin: 0 !important;
            padding: 18px !important;
            border-radius: 28px !important;
            background: radial-gradient(circle at 100% 0%, rgba(143,199,241,.16), transparent 34%), rgba(255,255,255,.985) !important;
            border: 1px solid rgba(255,255,255,.72) !important;
            box-shadow: 0 34px 90px rgba(4,25,44,.30) !important;
            z-index: 20950 !important;
        }

            #navbar.navbar-mobile > ul > li {
                display: block !important;
                width: 100% !important;
                margin: 0 0 8px 0 !important;
            }

                #navbar.navbar-mobile > ul > li > a,
                #navbar.navbar-mobile > ul > li > a:focus {
                    position: relative !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: space-between !important;
                    width: 100% !important;
                    min-height: 52px !important;
                    padding: 14px 16px !important;
                    border-radius: 18px !important;
                    background: rgba(8,46,78,.045) !important;
                    color: #082e4e !important;
                    font-size: 15px !important;
                    font-weight: 900 !important;
                    letter-spacing: -.01em !important;
                }

                    #navbar.navbar-mobile > ul > li > a::after {
                        content: "›" !important;
                        color: rgba(8,46,78,.42) !important;
                        font-size: 22px !important;
                        line-height: 1 !important;
                    }

                    #navbar.navbar-mobile > ul > li > a:hover {
                        background: rgba(11,71,120,.09) !important;
                        color: #0b4778 !important;
                    }

        #navbar.navbar-mobile .quote-link {
            justify-content: center !important;
            margin: 12px 0 0 !important;
            color: #fff !important;
            background: linear-gradient(135deg, #08345a, #0d5f9f) !important;
            box-shadow: 0 18px 38px rgba(8,52,90,.24) !important;
        }

            #navbar.navbar-mobile .quote-link::after {
                content: "→" !important;
                color: #fff !important;
                margin-left: 8px !important;
                font-size: 16px !important;
            }
}

@media (max-width: 390px) {
    #header .brand-link-refined {
        max-width: 145px !important;
        padding-right: 8px !important;
    }

    #header .brand-copy strong {
        font-size: 11px !important;
    }

    #header .header-meta-actions,
    .clean-header .header-meta-actions {
        right: 64px !important;
    }

    #header .lang-switcher a,
    .clean-header .lang-switcher a {
        min-width: 32px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
    }
}

/* -----------------------------
   Mobil hero: kart sığar, ortalı durur
----------------------------- */
@media (max-width: 767px) {
    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 640px !important;
        height: 640px !important;
        margin-top: 0 !important;
        overflow: hidden !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel,
        #hero.meteskar-hero-lux.hero-v2 .carousel-inner,
        #hero.meteskar-hero-lux.hero-v2 .carousel-item {
            min-height: 640px !important;
            height: 640px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            min-height: 640px !important;
            height: 640px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 74px 14px 46px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content.hero-glass-card,
        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            width: min(335px, calc(100vw - 32px)) !important;
            max-width: min(335px, calc(100vw - 32px)) !important;
            min-height: auto !important;
            margin: 0 auto !important;
            padding: 22px 16px 20px !important;
            border-radius: 26px !important;
            transform: translateY(-8px) !important;
            text-align: center !important;
            background: rgba(4,31,54,.73) !important;
            box-shadow: 0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12) !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-kicker,
        #hero.meteskar-hero-lux.hero-v2 .hero-eyebrow {
            justify-content: center !important;
            font-size: 10px !important;
            letter-spacing: .22em !important;
            margin: 0 0 12px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(29px, 9.1vw, 38px) !important;
            line-height: .98 !important;
            letter-spacing: -.065em !important;
            margin: 0 0 16px !important;
            text-wrap: balance !important;
        }

        #hero.meteskar-hero-lux.hero-v2 p {
            max-width: 290px !important;
            margin: 0 auto 14px !important;
            font-size: 13px !important;
            line-height: 1.58 !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-chips {
            display: flex !important;
            justify-content: center !important;
            gap: 8px !important;
            flex-wrap: wrap !important;
            margin: 14px auto 0 !important;
        }

            #hero.meteskar-hero-lux.hero-v2 .hero-chips span,
            #hero.meteskar-hero-lux.hero-v2 .hero-chip {
                height: 30px !important;
                padding: 8px 12px !important;
                border-radius: 999px !important;
                font-size: 11px !important;
                line-height: 1 !important;
            }

        #hero.meteskar-hero-lux.hero-v2 .hero-actions {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 10px !important;
            width: 100% !important;
            max-width: 268px !important;
            margin: 18px auto 0 !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .btn-meteskar,
        #hero.meteskar-hero-lux.hero-v2 .btn-meteskar-outline,
        #hero.meteskar-hero-lux.hero-v2 .btn-hero-primary,
        #hero.meteskar-hero-lux.hero-v2 .btn-hero-secondary {
            width: 100% !important;
            min-height: 44px !important;
            padding: 12px 16px !important;
            font-size: 13px !important;
            border-radius: 999px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-control-prev,
        #hero.meteskar-hero-lux.hero-v2 .carousel-control-next,
        #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-arrow {
            display: none !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-dots,
        #hero.meteskar-hero-lux.hero-v2 .carousel-indicators {
            bottom: 18px !important;
        }
}

@media (max-width: 380px) {
    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 620px !important;
        height: 620px !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel,
        #hero.meteskar-hero-lux.hero-v2 .carousel-inner,
        #hero.meteskar-hero-lux.hero-v2 .carousel-item,
        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            min-height: 620px !important;
            height: 620px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(27px, 8.7vw, 34px) !important;
        }

        #hero.meteskar-hero-lux.hero-v2 p {
            font-size: 12.5px !important;
        }
}

/* Desktop hero kartı bir tık yukarı */
@media (min-width: 768px) {
    #hero.meteskar-hero-lux.hero-v2 .carousel-content.hero-glass-card,
    #hero.meteskar-hero-lux.hero-v2 .carousel-content {
        transform: translateY(-110px) !important;
    }

    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        padding-bottom: 170px !important;
    }
}

/* -----------------------------
   Mobilde de görünen küçük 3D impeller
----------------------------- */
@media (max-width: 767px) {
    .hero-impeller-scene {
        display: block !important;
        position: absolute !important;
        width: 255px !important;
        height: 255px !important;
        right: -92px !important;
        top: 118px !important;
        opacity: .30 !important;
        z-index: 1 !important;
        pointer-events: none !important;
        transform: perspective(700px) rotateX(62deg) rotateY(-18deg) rotateZ(-10deg) !important;
        filter: blur(.1px) saturate(1.08) !important;
    }

    .hero-impeller-rotor {
        animation-duration: 8s !important;
    }

    .hero-impeller-blade {
        opacity: .72 !important;
    }

    .hero-impeller-hub {
        box-shadow: 0 0 0 6px rgba(255,255,255,.13), 0 0 0 16px rgba(11,71,120,.18), inset -8px -10px 18px rgba(0,0,0,.14), inset 6px 6px 14px rgba(255,255,255,.30), 0 16px 30px rgba(0,0,0,.24) !important;
    }
}

/* -----------------------------
   Konum başlığı: daha kurumsal tipografi
----------------------------- */
.contact-premium .map-panel-head h3 {
    max-width: 760px !important;
    font-family: "Plus Jakarta Sans", "Manrope", "Inter", Arial, sans-serif !important;
    font-weight: 950 !important;
    letter-spacing: -.065em !important;
    line-height: 1.02 !important;
    color: #0f1e2e !important;
}

    .contact-premium .map-panel-head h3::after {
        content: "Karşıyaka Mah. 545. Sk. No: 14, Gölbaşı / Ankara" !important;
        display: block !important;
        margin-top: 13px !important;
        color: #61748a !important;
        font-family: "Manrope", "Inter", Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 750 !important;
        letter-spacing: 0 !important;
        line-height: 1.45 !important;
    }

@media (max-width: 767px) {
    .contact-premium .map-panel-head h3 {
        font-size: clamp(25px, 7.4vw, 33px) !important;
        letter-spacing: -.055em !important;
        line-height: 1.05 !important;
    }

        .contact-premium .map-panel-head h3::after {
            font-size: 14px !important;
            margin-top: 10px !important;
        }
}


/* =========================================================
   STAGE 8.4 - FINAL mobile nav + mobile hero isolation
   Bu blok yalnızca mobil görünümü düzeltir; masaüstü hero görünümüne dokunmaz.
========================================================= */

@media (max-width: 991px) {
    /* Header sabit düzen */
    #header.meteskar-header.clean-header {
        height: 76px !important;
        min-height: 76px !important;
        overflow: visible !important;
        z-index: 30000 !important;
        background: rgba(255,255,255,.985) !important;
    }

    #header .container.header-inner {
        height: 76px !important;
        padding: 0 12px !important;
    }

    #header .brand-link-refined {
        width: auto !important;
        max-width: 160px !important;
        height: 52px !important;
        border-radius: 20px !important;
        padding: 6px 10px 6px 7px !important;
    }

    #header .brand-emblem {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    #header .brand-copy strong {
        font-size: 12px !important;
        letter-spacing: .12em !important;
    }

    #header .brand-copy small {
        display: none !important;
    }

    /* TR/ENG normalde header sağda; menü açıkken linklerin üstüne binmemesi için gizlenir */
    #header .header-meta-actions,
    .clean-header .header-meta-actions {
        position: fixed !important;
        top: 17px !important;
        right: 68px !important;
        z-index: 30010 !important;
        display: flex !important;
        transform: none !important;
        margin: 0 !important;
    }

    body.mobile-nav-active #header .header-meta-actions,
    body.meteskar-menu-open #header .header-meta-actions,
    body.mobile-nav-active .clean-header .header-meta-actions,
    body.meteskar-menu-open .clean-header .header-meta-actions {
        display: none !important;
        pointer-events: none !important;
    }

    #header .lang-switcher,
    .clean-header .lang-switcher {
        height: 42px !important;
        min-height: 42px !important;
        padding: 5px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.985) !important;
    }

        #header .lang-switcher a,
        .clean-header .lang-switcher a {
            min-width: 36px !important;
            height: 30px !important;
            padding: 0 7px !important;
            font-size: 10.5px !important;
        }

    #header .mobile-nav-toggle {
        position: fixed !important;
        top: 15px !important;
        right: 14px !important;
        z-index: 30020 !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 16px !important;
        background: rgba(255,255,255,.985) !important;
        border: 1px solid rgba(8,46,78,.10) !important;
        box-shadow: 0 14px 30px rgba(8,46,78,.16) !important;
        color: #082e4e !important;
        font-size: 30px !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    #navbar.meteskar-navbar {
        position: static !important;
        display: flex !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

        #navbar.meteskar-navbar > ul {
            display: none !important;
        }

    body.mobile-nav-active,
    body.meteskar-menu-open {
        overflow: hidden !important;
    }

    /* Premium mobil menü paneli */
    #navbar.navbar-mobile {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        display: block !important;
        z-index: 29900 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: rgba(6,31,53,.52) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        overflow-y: auto !important;
        pointer-events: auto !important;
    }

        #navbar.navbar-mobile > ul {
            display: block !important;
            position: relative !important;
            top: auto !important;
            left: auto !important;
            right: auto !important;
            bottom: auto !important;
            width: calc(100vw - 28px) !important;
            max-width: 420px !important;
            max-height: none !important;
            margin: 88px auto 24px !important;
            padding: 18px !important;
            overflow: visible !important;
            border-radius: 28px !important;
            background: radial-gradient(circle at 100% 0%, rgba(143,199,241,.16), transparent 34%), rgba(255,255,255,.99) !important;
            border: 1px solid rgba(255,255,255,.72) !important;
            box-shadow: 0 34px 90px rgba(4,25,44,.34) !important;
            z-index: 29950 !important;
            pointer-events: auto !important;
        }

            #navbar.navbar-mobile > ul > li {
                display: block !important;
                width: 100% !important;
                margin: 0 0 9px 0 !important;
                pointer-events: auto !important;
            }

                #navbar.navbar-mobile > ul > li > a,
                #navbar.navbar-mobile > ul > li > a:focus {
                    position: relative !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: space-between !important;
                    width: 100% !important;
                    min-height: 54px !important;
                    padding: 15px 16px !important;
                    border-radius: 18px !important;
                    background: rgba(8,46,78,.045) !important;
                    color: #082e4e !important;
                    font-size: 15px !important;
                    font-weight: 900 !important;
                    letter-spacing: -.01em !important;
                    pointer-events: auto !important;
                    z-index: 29970 !important;
                }

                    #navbar.navbar-mobile > ul > li > a::after {
                        content: "›" !important;
                        color: rgba(8,46,78,.42) !important;
                        font-size: 22px !important;
                        line-height: 1 !important;
                    }

        #navbar.navbar-mobile .quote-link {
            justify-content: center !important;
            margin: 13px 0 0 !important;
            color: #fff !important;
            background: linear-gradient(135deg, #08345a, #0d5f9f) !important;
            box-shadow: 0 18px 38px rgba(8,52,90,.24) !important;
        }

            #navbar.navbar-mobile .quote-link::after {
                content: "→" !important;
                color: #fff !important;
                margin-left: 8px !important;
                font-size: 16px !important;
            }
}

@media (max-width: 390px) {
    #header .brand-link-refined {
        max-width: 145px !important;
    }

    #header .header-meta-actions,
    .clean-header .header-meta-actions {
        right: 64px !important;
    }

    #header .lang-switcher a,
    .clean-header .lang-switcher a {
        min-width: 32px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
    }
}

/* Mobil hero tamamen izole: masaüstünü bozmaz */
@media (max-width: 767px) {
    #hero.meteskar-hero-lux.hero-v2 {
        min-height: 720px !important;
        height: 720px !important;
        overflow: hidden !important;
        margin-top: 0 !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel,
        #hero.meteskar-hero-lux.hero-v2 .carousel-inner,
        #hero.meteskar-hero-lux.hero-v2 .carousel-item {
            min-height: 720px !important;
            height: 720px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-container {
            width: 100% !important;
            min-height: 720px !important;
            height: 720px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 88px 16px 56px !important;
            box-sizing: border-box !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content.hero-glass-card,
        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            position: relative !important;
            left: auto !important;
            right: auto !important;
            top: auto !important;
            bottom: auto !important;
            width: min(336px, calc(100vw - 34px)) !important;
            max-width: min(336px, calc(100vw - 34px)) !important;
            min-width: 0 !important;
            min-height: 0 !important;
            max-height: none !important;
            margin: 0 auto !important;
            padding: 24px 18px 22px !important;
            border-radius: 27px !important;
            transform: none !important;
            text-align: center !important;
            box-sizing: border-box !important;
            background: rgba(4,31,54,.78) !important;
            box-shadow: 0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12) !important;
            z-index: 6 !important;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(27px, 8.2vw, 34px) !important;
            line-height: 1.02 !important;
            letter-spacing: -.058em !important;
            margin: 0 0 15px !important;
            text-wrap: balance !important;
        }

        #hero.meteskar-hero-lux.hero-v2 p {
            max-width: 288px !important;
            margin: 0 auto 14px !important;
            font-size: 12.7px !important;
            line-height: 1.56 !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-kicker,
        #hero.meteskar-hero-lux.hero-v2 .hero-eyebrow {
            justify-content: center !important;
            font-size: 9.5px !important;
            letter-spacing: .20em !important;
            margin: 0 0 12px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .hero-chips {
            display: flex !important;
            justify-content: center !important;
            gap: 8px !important;
            flex-wrap: wrap !important;
            margin: 14px auto 0 !important;
            max-width: 285px !important;
        }

            #hero.meteskar-hero-lux.hero-v2 .hero-chips span,
            #hero.meteskar-hero-lux.hero-v2 .hero-chip {
                height: 30px !important;
                min-height: 30px !important;
                padding: 8px 12px !important;
                border-radius: 999px !important;
                font-size: 10.8px !important;
                line-height: 1 !important;
            }

        #hero.meteskar-hero-lux.hero-v2 .hero-actions {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 10px !important;
            width: 100% !important;
            max-width: 270px !important;
            margin: 18px auto 0 !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .btn-meteskar,
        #hero.meteskar-hero-lux.hero-v2 .btn-meteskar-outline,
        #hero.meteskar-hero-lux.hero-v2 .btn-hero-primary,
        #hero.meteskar-hero-lux.hero-v2 .btn-hero-secondary {
            width: 100% !important;
            min-height: 44px !important;
            padding: 12px 16px !important;
            font-size: 13px !important;
            border-radius: 999px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 .carousel-control-prev,
        #hero.meteskar-hero-lux.hero-v2 .carousel-control-next,
        #hero.meteskar-hero-lux.hero-v2 .meteskar-hero-arrow {
            display: none !important;
        }

        /* Mobilde küçük impeller kalsın ama metni ezmesin */
        #hero.meteskar-hero-lux.hero-v2 .hero-impeller-scene {
            display: block !important;
            width: 205px !important;
            height: 205px !important;
            right: -88px !important;
            top: 120px !important;
            opacity: .18 !important;
            z-index: 2 !important;
            pointer-events: none !important;
            transform: perspective(700px) rotateX(62deg) rotateY(-18deg) rotateZ(-10deg) !important;
        }

    .whatsapp-float {
        width: 54px !important;
        height: 54px !important;
        right: 16px !important;
        bottom: 18px !important;
        z-index: 25000 !important;
    }
}

@media (max-width: 380px) {
    #hero.meteskar-hero-lux.hero-v2,
    #hero.meteskar-hero-lux.hero-v2 .carousel,
    #hero.meteskar-hero-lux.hero-v2 .carousel-inner,
    #hero.meteskar-hero-lux.hero-v2 .carousel-item,
    #hero.meteskar-hero-lux.hero-v2 .carousel-container {
        min-height: 700px !important;
        height: 700px !important;
    }

        #hero.meteskar-hero-lux.hero-v2 .carousel-content.hero-glass-card,
        #hero.meteskar-hero-lux.hero-v2 .carousel-content {
            width: calc(100vw - 30px) !important;
            max-width: calc(100vw - 30px) !important;
            padding: 22px 16px 20px !important;
        }

        #hero.meteskar-hero-lux.hero-v2 h2 {
            font-size: clamp(25px, 8vw, 31px) !important;
        }
}

/* =========================================================
   STAGE 8.6 - Slider image background + permanent text/impeller
   Admin'den eklenen slider görselleri sadece arka planı değiştirir;
   METESKAR yazı kartı ve impeller her durumda sabit kalır.
========================================================= */

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-premium-bg {
        z-index: 1 !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-bg-carousel,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-inner,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-slide {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        z-index: 2 !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-bg-slide-img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        opacity: .56 !important;
        filter: saturate(1.06) contrast(1.02) brightness(.82) !important;
        transform: scale(1.01) !important;
        z-index: 0 !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item.active .hero-bg-slide-img {
        animation: meteskarHeroKenburns 3s ease-out both !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-slide-shine {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        background: linear-gradient(90deg, rgba(4,24,42,.88) 0%, rgba(6,31,53,.58) 42%, rgba(8,46,78,.22) 100%), radial-gradient(circle at 52% 44%, rgba(255,255,255,.07), transparent 34%) !important;
        pointer-events: none !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item::before,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item:before {
        display: none !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-impeller-scene {
        z-index: 6 !important;
        pointer-events: none !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-container.hero-static-copy {
        position: relative !important;
        z-index: 12 !important;
        height: 100% !important;
        min-height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 24px 64px !important;
        pointer-events: none !important;
    }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
            pointer-events: auto !important;
            transform: translateY(-28px) !important;
        }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-control-prev,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-control-next {
        z-index: 32 !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .meteskar-hero-dots {
        z-index: 34 !important;
    }

/* Mobilde sadece mobil sliderı düzelt; masaüstüne dokunmaz. */
@media (max-width: 767px) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode {
        height: 640px !important;
        min-height: 640px !important;
    }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-inner,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-slide {
            height: 640px !important;
            min-height: 640px !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-container.hero-static-copy {
            height: 640px !important;
            min-height: 640px !important;
            padding: 74px 12px 46px !important;
            align-items: center !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
                width: min(312px, calc(100vw - 34px)) !important;
                max-width: min(312px, calc(100vw - 34px)) !important;
                padding: 22px 15px 20px !important;
                border-radius: 26px !important;
                transform: translateY(-6px) !important;
                background: rgba(4,31,54,.78) !important;
            }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy h2 {
                font-size: clamp(24px, 7.4vw, 31px) !important;
                line-height: 1.03 !important;
                letter-spacing: -.055em !important;
                margin-bottom: 13px !important;
            }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy p {
                font-size: 12.2px !important;
                line-height: 1.5 !important;
                max-width: 268px !important;
                margin: 0 auto 13px !important;
            }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-chip-row {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            gap: 7px !important;
            margin: 13px auto 0 !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-chip-row span {
                width: min(210px, 100%) !important;
                justify-content: center !important;
                min-height: 33px !important;
                padding: 8px 12px !important;
                font-size: 11px !important;
            }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions {
            width: 100% !important;
            max-width: 240px !important;
            margin: 17px auto 0 !important;
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 9px !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions .btn-meteskar,
            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions .btn-meteskar-outline {
                width: 100% !important;
                min-height: 42px !important;
                padding: 11px 15px !important;
                font-size: 12.5px !important;
            }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-outline {
            display: none !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-impeller-scene {
            display: block !important;
            width: 185px !important;
            height: 185px !important;
            right: -86px !important;
            top: 112px !important;
            opacity: .16 !important;
            z-index: 5 !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .meteskar-hero-dots {
            bottom: 14px !important;
        }
}

@media (max-width: 380px) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-inner,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-slide,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy {
        height: 625px !important;
        min-height: 625px !important;
    }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
            width: calc(100vw - 30px) !important;
            max-width: calc(100vw - 30px) !important;
            padding: 20px 14px 18px !important;
        }
}


/* =========================================================
   STAGE 8.7 - Slider first-slide copy + real 3D impeller
   Slider görselleri arka plan olarak kalır; METESKAR yazı kartı sadece 1. slide'da görünür.
========================================================= */

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode {
    background: #06243d !important;
}

    /* Slider görsellerini daha kurumsal fon haline getir: kötü taranmış doküman/foto gelse bile kartı bozmaz. */
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-bg-slide-img {
        opacity: .48 !important;
        filter: blur(1.15px) saturate(.82) contrast(1.04) brightness(.76) !important;
        transform: scale(1.045) !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item.active .hero-bg-slide-img {
        animation: meteskarSliderBackdrop 3.2s ease-out both !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-slide-shine {
        background: linear-gradient(90deg, rgba(3,20,35,.90) 0%, rgba(7,39,67,.66) 45%, rgba(7,39,67,.34) 100%), radial-gradient(circle at 55% 42%, rgba(174,218,247,.10), transparent 38%), linear-gradient(180deg, rgba(3,20,35,.24), rgba(3,20,35,.10)) !important;
    }

@keyframes meteskarSliderBackdrop {
    0% {
        transform: scale(1.075);
        filter: blur(1.35px) saturate(.78) contrast(1.02) brightness(.70);
    }

    100% {
        transform: scale(1.045);
        filter: blur(1.15px) saturate(.82) contrast(1.04) brightness(.76);
    }
}

/* Yazı kartı sadece ilk slide aktifken görünsün. */
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: opacity .42s ease, visibility .42s ease, transform .42s ease !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode.is-first-slide .hero-static-copy {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
    transform: translateY(-52px) !important;
}

/* Eski CSS ile çizilen impeller parçalarını kapat; gerçek 3D PNG kullan. */
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-scene {
    position: absolute !important;
    right: clamp(24px, 5vw, 110px) !important;
    top: 50% !important;
    width: clamp(430px, 42vw, 740px) !important;
    height: clamp(310px, 30vw, 520px) !important;
    transform: translateY(-47%) perspective(1100px) rotateX(2deg) rotateY(-8deg) !important;
    transform-style: preserve-3d !important;
    z-index: 8 !important;
    opacity: .82 !important;
    pointer-events: none !important;
    mix-blend-mode: screen !important;
}

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-scene .hero-impeller-rotor,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-scene .hero-impeller-ring,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-scene .hero-impeller-blade,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-scene .hero-impeller-hub,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-scene .hero-impeller-glow,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-scene .hero-impeller-shadow {
        display: none !important;
    }

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-impeller-backglow {
    position: absolute !important;
    inset: 8% 1% 4% 4% !important;
    border-radius: 999px !important;
    background: radial-gradient(circle at 54% 48%, rgba(179,226,255,.34), rgba(44,143,220,.16) 34%, transparent 68%) !important;
    filter: blur(18px) !important;
    transform: translateZ(-40px) !important;
    animation: meteskarImpellerGlow 4.8s ease-in-out infinite !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-img {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    transform-origin: 50% 52% !important;
    transform: translate(-50%, -50%) rotateZ(0deg) translateZ(70px) !important;
    filter: drop-shadow(0 38px 70px rgba(0,0,0,.34)) drop-shadow(0 0 34px rgba(102,191,255,.22)) saturate(1.22) contrast(1.08) brightness(1.06) !important;
    animation: meteskarRealImpellerSpin 10s linear infinite, meteskarRealImpellerFloat 5.5s ease-in-out infinite !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-impeller-floor-shadow {
    position: absolute !important;
    left: 12% !important;
    right: 6% !important;
    bottom: 3% !important;
    height: 18% !important;
    border-radius: 999px !important;
    background: radial-gradient(ellipse at center, rgba(0,0,0,.34), transparent 66%) !important;
    filter: blur(12px) !important;
    transform: translateZ(-80px) rotateX(70deg) !important;
}

@keyframes meteskarRealImpellerSpin {
    0% {
        transform: translate(-50%, -50%) rotateZ(0deg) translateZ(70px);
    }

    100% {
        transform: translate(-50%, -50%) rotateZ(360deg) translateZ(70px);
    }
}

@keyframes meteskarRealImpellerFloat {
    0%, 100% {
        margin-top: 0;
    }

    50% {
        margin-top: -14px;
    }
}

@keyframes meteskarImpellerGlow {
    0%, 100% {
        opacity: .72;
        transform: translateZ(-40px) scale(.98);
    }

    50% {
        opacity: 1;
        transform: translateZ(-40px) scale(1.04);
    }
}

/* Kart en üstte kalsın, impeller kartı etkilemesin. */
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
    z-index: 22 !important;
}

/* Mobilde gerçek impeller küçük ve arka dekor olsun; metni ezmesin. */
@media (max-width: 767px) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode {
        height: 660px !important;
        min-height: 660px !important;
    }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-inner,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-slide {
            height: 660px !important;
            min-height: 660px !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-container.hero-static-copy {
            height: 660px !important;
            min-height: 660px !important;
            padding: 72px 14px 42px !important;
            align-items: center !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
                width: min(318px, calc(100vw - 36px)) !important;
                max-width: min(318px, calc(100vw - 36px)) !important;
                padding: 21px 15px 18px !important;
                transform: translateY(-14px) !important;
                background: rgba(4,31,54,.82) !important;
            }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy h2 {
                font-size: clamp(25px, 7.1vw, 31px) !important;
                line-height: 1.02 !important;
                margin-bottom: 12px !important;
            }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy p {
                font-size: 12px !important;
                line-height: 1.48 !important;
                max-width: 270px !important;
                margin-bottom: 12px !important;
            }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-chip-row {
            gap: 7px !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-chip-row span {
                min-height: 32px !important;
                font-size: 10.8px !important;
                padding: 7px 11px !important;
            }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions {
            margin-top: 15px !important;
            max-width: 246px !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions .btn-meteskar,
            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions .btn-meteskar-outline {
                min-height: 42px !important;
            }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-scene {
            display: block !important;
            width: 260px !important;
            height: 185px !important;
            right: -112px !important;
            top: 185px !important;
            opacity: .34 !important;
            z-index: 6 !important;
            mix-blend-mode: screen !important;
            transform: translateY(-50%) perspective(900px) rotateY(-10deg) !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-img {
            animation-duration: 13s, 5.5s !important;
        }
}

@media (prefers-reduced-motion: reduce) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-real-impeller-img,
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-impeller-backglow {
        animation: none !important;
    }
}


/* =========================================================
   STAGE 8.8 - Slider clean mode + independent 3D impeller showcase
   Slider artık fotoğraf/proje vitrini. Impeller slider üstünde gösterilmez.
========================================================= */

/* Hero içindeki eski/yapay/gerçek tüm impeller katmanlarını kapat. */
#hero.meteskar-hero-lux.hero-v2 .hero-impeller-scene,
#hero.meteskar-hero-lux.hero-v2 .hero-real-impeller-scene,
#hero.meteskar-hero-lux.hero-v2 .hero-impeller-backglow,
#hero.meteskar-hero-lux.hero-v2 .hero-real-impeller-img,
#hero.meteskar-hero-lux.hero-v2 .hero-impeller-floor-shadow {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Slider görselleri: daha fotoğraf vitrini gibi, daha az blur/daha az sis. */
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-bg-slide,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-slide {
    background-size: cover !important;
    background-position: center center !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-bg-slide-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: brightness(.72) contrast(1.08) saturate(1.05) !important;
    opacity: 1 !important;
    transform: scale(1.012) !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item.active .hero-bg-slide-img {
    transform: scale(1.035) !important;
    transition: transform 7s ease, opacity .6s ease !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-slide-shine {
    background: linear-gradient(90deg, rgba(3,18,31,.72), rgba(3,28,48,.28) 42%, rgba(255,255,255,.08) 100%) !important;
    opacity: .72 !important;
}

/* Yazı kartı sadece ilk slide'da. Diğer slide'larda slider fotoğraf olarak çalışır. */
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .28s ease, visibility .28s ease !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode.is-first-slide .hero-static-copy {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Desktop hero kartı kontrollü yukarı. */
@media (min-width: 992px) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-container.hero-static-copy {
        align-items: center !important;
        justify-content: center !important;
        padding-bottom: 88px !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
        transform: translateY(-32px) !important;
    }
}

/* Mobilde hero sadeleşsin, kart taşmasın. */
@media (max-width: 991px) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode {
        min-height: 690px !important;
        height: 690px !important;
        overflow: hidden !important;
    }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-inner,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-slide {
            height: 690px !important;
            min-height: 690px !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-container.hero-static-copy {
            height: 690px !important;
            min-height: 690px !important;
            padding: 130px 18px 44px !important;
            align-items: center !important;
            justify-content: center !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
            width: min(92vw, 360px) !important;
            max-width: 360px !important;
            max-height: none !important;
            padding: 26px 20px 24px !important;
            border-radius: 28px !important;
            transform: none !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy h2 {
            font-size: clamp(31px, 9vw, 42px) !important;
            line-height: .98 !important;
            letter-spacing: -.055em !important;
            margin: 12px 0 16px !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy p {
            font-size: 13.5px !important;
            line-height: 1.6 !important;
            margin-bottom: 18px !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-chip-row {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 8px !important;
            margin-bottom: 18px !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-chip-row span {
                min-height: 38px !important;
                justify-content: center !important;
            }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 10px !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions .btn-meteskar,
            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions .btn-meteskar-outline {
                width: 100% !important;
                min-height: 48px !important;
            }
}

/* Bağımsız impeller vitrini - sliderdan ayrı premium bölüm. */
.impeller-showcase-v9 {
    position: relative !important;
    padding: 84px 0 30px !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 80% 35%, rgba(19,112,178,.11), transparent 36%), linear-gradient(180deg, #f5f9fc 0%, #ffffff 100%) !important;
}

.impeller-showcase-panel {
    position: relative !important;
    min-height: 470px !important;
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr) !important;
    align-items: center !important;
    gap: 40px !important;
    padding: 56px 64px !important;
    border-radius: 42px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(236,246,252,.68)), radial-gradient(circle at 80% 35%, rgba(143,199,241,.20), transparent 38%) !important;
    border: 1px solid rgba(8,46,78,.08) !important;
    box-shadow: 0 34px 100px rgba(8,46,78,.095) !important;
}

    .impeller-showcase-panel::before {
        content: "" !important;
        position: absolute !important;
        inset: 22px !important;
        border-radius: 34px !important;
        border: 1px solid rgba(8,46,78,.06) !important;
        pointer-events: none !important;
    }

.impeller-showcase-copy {
    position: relative !important;
    z-index: 4 !important;
}

    .impeller-showcase-copy h2 {
        max-width: 560px !important;
        margin: 0 0 18px !important;
        color: #102033 !important;
        font-size: clamp(38px, 3.4vw, 58px) !important;
        line-height: .98 !important;
        letter-spacing: -.065em !important;
        font-weight: 950 !important;
    }

    .impeller-showcase-copy p {
        max-width: 580px !important;
        margin: 0 !important;
        color: #607389 !important;
        font-size: 17px !important;
        line-height: 1.75 !important;
        font-weight: 650 !important;
    }

.impeller-showcase-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 26px !important;
}

    .impeller-showcase-tags span {
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding: 0 16px !important;
        border-radius: 999px !important;
        background: rgba(11,71,120,.08) !important;
        border: 1px solid rgba(11,71,120,.10) !important;
        color: #0b4778 !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

.impeller-showcase-visual {
    position: relative !important;
    min-height: 370px !important;
    z-index: 3 !important;
    perspective: 1200px !important;
}

.impeller-showcase-img {
    position: absolute !important;
    right: -50px !important;
    top: 50% !important;
    width: min(620px, 52vw) !important;
    max-width: none !important;
    height: auto !important;
    transform: translateY(-50%) rotateX(0deg) rotateZ(-3deg) !important;
    filter: drop-shadow(0 34px 44px rgba(6,32,54,.30)) saturate(1.12) contrast(1.03) !important;
    transform-origin: 50% 58% !important;
    animation: meteskarImpellerFloatV9 7s ease-in-out infinite !important;
    z-index: 4 !important;
}

.impeller-halo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 560px !important;
    height: 230px !important;
    border-radius: 50% !important;
    transform: translate(-36%, -48%) rotate(-10deg) !important;
    border: 1px solid rgba(12,92,150,.12) !important;
    background: radial-gradient(ellipse at center, rgba(143,199,241,.14), transparent 68%) !important;
    z-index: 1 !important;
}

    .impeller-halo.halo-b {
        width: 430px !important;
        height: 170px !important;
        transform: translate(-30%, -48%) rotate(11deg) !important;
        border-color: rgba(214,180,108,.12) !important;
    }

.impeller-shadow-v9 {
    position: absolute !important;
    right: 60px !important;
    bottom: 54px !important;
    width: 470px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at center, rgba(6,32,54,.25), transparent 68%) !important;
    filter: blur(12px) !important;
    z-index: 2 !important;
}

@keyframes meteskarImpellerFloatV9 {
    0%, 100% {
        transform: translateY(-50%) rotateZ(-4deg) translateX(0);
    }

    50% {
        transform: translateY(-54%) rotateZ(2deg) translateX(-8px);
    }
}

@media (max-width: 991px) {
    .impeller-showcase-v9 {
        padding: 48px 0 24px !important;
    }

    .impeller-showcase-panel {
        min-height: 640px !important;
        display: block !important;
        padding: 34px 26px 300px !important;
        border-radius: 34px !important;
    }

    .impeller-showcase-copy h2 {
        font-size: clamp(31px, 8.5vw, 40px) !important;
    }

    .impeller-showcase-copy p {
        font-size: 14.5px !important;
    }

    .impeller-showcase-visual {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        min-height: 300px !important;
        pointer-events: none !important;
    }

    .impeller-showcase-img {
        width: 430px !important;
        right: -110px !important;
        top: 46% !important;
        opacity: .92 !important;
    }

    .impeller-halo {
        width: 360px !important;
        height: 150px !important;
    }

    .impeller-shadow-v9 {
        right: 20px !important;
        bottom: 36px !important;
        width: 310px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .impeller-showcase-img {
        animation: none !important;
    }
}


/* =========================================================
   STAGE 8.9 - 3D impeller turntable showcase
   Sliderdan bağımsız vitrindeki impeller gerçekçi yavaş dönüş hissi kazanır.
========================================================= */

.impeller-showcase-v9 {
    isolation: isolate !important;
}

.impeller-showcase-panel {
    background: radial-gradient(circle at 78% 36%, rgba(16,123,204,.16), transparent 34%), radial-gradient(circle at 92% 74%, rgba(214,180,108,.08), transparent 28%), linear-gradient(135deg, rgba(255,255,255,.94), rgba(236,246,252,.72)) !important;
}

.impeller-showcase-visual-v10 {
    position: relative !important;
    min-height: 430px !important;
    z-index: 3 !important;
    perspective: 1500px !important;
    transform-style: preserve-3d !important;
    overflow: visible !important;
}

    .impeller-showcase-visual-v10 .impeller-halo {
        opacity: .55 !important;
    }

.impeller-orbit-v10 {
    position: absolute !important;
    left: 52% !important;
    top: 52% !important;
    width: 620px !important;
    height: 255px !important;
    border-radius: 50% !important;
    transform: translate(-44%, -50%) rotate(-9deg) !important;
    border: 1px solid rgba(11,71,120,.13) !important;
    background: radial-gradient(ellipse at center, rgba(143,199,241,.11), transparent 68%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

    .impeller-orbit-v10.orbit-b {
        width: 500px !important;
        height: 195px !important;
        transform: translate(-36%, -48%) rotate(12deg) !important;
        border-color: rgba(255,255,255,.46) !important;
        opacity: .74 !important;
    }

.impeller-turntable-v10 {
    position: absolute !important;
    right: -58px !important;
    top: 50% !important;
    width: min(690px, 53vw) !important;
    aspect-ratio: 900 / 633 !important;
    transform-style: preserve-3d !important;
    transform-origin: 50% 58% !important;
    z-index: 5 !important;
    will-change: transform, filter !important;
    animation: meteskarImpellerTurntableV10 18s linear infinite !important;
}

    .impeller-turntable-v10::before {
        content: "" !important;
        position: absolute !important;
        inset: 10% 7% 8% 8% !important;
        border-radius: 50% !important;
        background: conic-gradient(from 25deg, rgba(255,255,255,.25), transparent 10%, rgba(83,187,255,.32) 18%, transparent 30%, rgba(255,255,255,.16) 46%, transparent 62%, rgba(20,122,211,.24) 80%, transparent 100%) !important;
        filter: blur(3px) !important;
        mix-blend-mode: screen !important;
        opacity: .55 !important;
        transform: translate3d(0, -2px, 26px) !important;
        pointer-events: none !important;
        z-index: 8 !important;
    }

    .impeller-turntable-v10::after {
        content: "" !important;
        position: absolute !important;
        left: 45% !important;
        top: 41% !important;
        width: 18% !important;
        height: 14% !important;
        border-radius: 50% !important;
        background: radial-gradient(ellipse at 38% 30%, rgba(255,255,255,.95), rgba(125,210,255,.42) 34%, rgba(5,55,106,.20) 68%, transparent 72%) !important;
        filter: blur(.4px) !important;
        opacity: .82 !important;
        transform: translate3d(0, 0, 48px) rotate(-8deg) !important;
        pointer-events: none !important;
        z-index: 9 !important;
    }

    .impeller-turntable-v10 .impeller-showcase-img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        object-fit: contain !important;
        top: auto !important;
        right: auto !important;
        transform-origin: 50% 58% !important;
        animation: none !important;
    }

.impeller-main-img {
    z-index: 7 !important;
    filter: drop-shadow(0 34px 44px rgba(6,32,54,.32)) drop-shadow(0 0 34px rgba(35,154,255,.16)) saturate(1.16) contrast(1.08) !important;
    transform: translate3d(0, -8px, 42px) scale(1) !important;
}

.impeller-depth-img {
    opacity: .24 !important;
    z-index: 3 !important;
    filter: brightness(.38) saturate(1.08) blur(.5px) !important;
}

    .impeller-depth-img.depth-a {
        transform: translate3d(0, 9px, 14px) scale(1.006) !important;
        opacity: .30 !important;
    }

    .impeller-depth-img.depth-b {
        transform: translate3d(0, 19px, -8px) scale(1.013) !important;
        opacity: .21 !important;
    }

    .impeller-depth-img.depth-c {
        transform: translate3d(0, 30px, -34px) scale(1.022) !important;
        opacity: .14 !important;
        filter: brightness(.26) saturate(1.02) blur(1.1px) !important;
    }

.impeller-center-gloss-v10 {
    position: absolute !important;
    left: 44% !important;
    top: 37% !important;
    width: 18% !important;
    height: 15% !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at 34% 28%, rgba(255,255,255,.90), rgba(116,204,255,.42) 30%, rgba(16,95,171,.20) 62%, transparent 68%) !important;
    filter: blur(.5px) !important;
    opacity: .9 !important;
    z-index: 10 !important;
    transform: translate3d(0, 0, 58px) rotate(-8deg) !important;
    pointer-events: none !important;
}

.impeller-rim-gloss-v10 {
    position: absolute !important;
    left: 9% !important;
    top: 16% !important;
    width: 78% !important;
    height: 58% !important;
    border-radius: 50% !important;
    background: linear-gradient(125deg, transparent 20%, rgba(255,255,255,.25) 32%, transparent 44%, transparent 64%, rgba(104,204,255,.16) 76%, transparent 86%) !important;
    transform: translate3d(0, -2px, 54px) rotate(-10deg) !important;
    mix-blend-mode: screen !important;
    opacity: .48 !important;
    z-index: 11 !important;
    pointer-events: none !important;
}

.impeller-shadow-v10 {
    position: absolute !important;
    right: 56px !important;
    bottom: 34px !important;
    width: 520px !important;
    height: 72px !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at center, rgba(6,32,54,.26), rgba(6,32,54,.08) 42%, transparent 72%) !important;
    filter: blur(14px) !important;
    transform: rotate(-2deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    animation: meteskarImpellerShadowV10 18s linear infinite !important;
}

@keyframes meteskarImpellerTurntableV10 {
    0% {
        transform: translateY(-50%) rotateX(7deg) rotateY(-6deg) rotateZ(0deg) translateX(0);
        filter: brightness(1) saturate(1.04);
    }

    25% {
        transform: translateY(-52%) rotateX(8deg) rotateY(5deg) rotateZ(90deg) translateX(-6px);
        filter: brightness(1.04) saturate(1.1);
    }

    50% {
        transform: translateY(-50%) rotateX(7deg) rotateY(8deg) rotateZ(180deg) translateX(0);
        filter: brightness(.96) saturate(1.02);
    }

    75% {
        transform: translateY(-48%) rotateX(8deg) rotateY(-5deg) rotateZ(270deg) translateX(6px);
        filter: brightness(1.05) saturate(1.12);
    }

    100% {
        transform: translateY(-50%) rotateX(7deg) rotateY(-6deg) rotateZ(360deg) translateX(0);
        filter: brightness(1) saturate(1.04);
    }
}

@keyframes meteskarImpellerShadowV10 {
    0%, 100% {
        transform: rotate(-2deg) scaleX(1);
        opacity: .82;
    }

    50% {
        transform: rotate(-2deg) scaleX(.88);
        opacity: .62;
    }
}

@media (max-width: 991px) {
    .impeller-showcase-panel {
        min-height: 690px !important;
        padding-bottom: 330px !important;
    }

    .impeller-showcase-visual-v10 {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        min-height: 330px !important;
        pointer-events: none !important;
    }

    .impeller-turntable-v10 {
        width: 480px !important;
        right: -126px !important;
        top: 48% !important;
        opacity: .98 !important;
    }

    .impeller-shadow-v10 {
        right: 24px !important;
        bottom: 30px !important;
        width: 330px !important;
    }

    .impeller-orbit-v10 {
        width: 380px !important;
        height: 160px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .impeller-turntable-v10,
    .impeller-shadow-v10 {
        animation: none !important;
    }
}

/* =========================================================
   STAGE 8.10 - Fixed product + real impeller blade spin
   Ürün/kasa sabit kalır; sadece rotor/kanat hissi kendi ekseninde döner.
========================================================= */

/* Önce 8.9 turntable hareketini kapat: ürün artık kendi etrafında dönmez. */
.impeller-turntable-v10.impeller-fixed-product-v11 {
    animation: none !important;
    transform: translateY(-50%) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) !important;
    filter: brightness(1.02) saturate(1.10) contrast(1.04) !important;
}

    .impeller-turntable-v10.impeller-fixed-product-v11 .impeller-depth-img,
    .impeller-turntable-v10.impeller-fixed-product-v11 .impeller-main-img {
        animation: none !important;
    }

    /* Eski turntable parıltısı sabit kalır; rotor dönüşünü yeni katman üstlenir. */
    .impeller-turntable-v10.impeller-fixed-product-v11::before {
        opacity: .28 !important;
        filter: blur(5px) !important;
    }

    .impeller-turntable-v10.impeller-fixed-product-v11::after,
    .impeller-turntable-v10.impeller-fixed-product-v11 .impeller-center-gloss-v10 {
        opacity: .52 !important;
    }

/* Dönen gerçek impeller efekti: ürün sabit, kanat akışı hareketli. */
.impeller-spin-plane-v11 {
    position: absolute !important;
    left: 52.4% !important;
    top: 45.7% !important;
    width: 43% !important;
    height: 31% !important;
    border-radius: 50% !important;
    z-index: 12 !important;
    pointer-events: none !important;
    transform-origin: 50% 52% !important;
    transform-style: preserve-3d !important;
    animation: meteskarImpellerBladeSpinV11 3.8s linear infinite !important;
    opacity: .76 !important;
    mix-blend-mode: screen !important;
    filter: drop-shadow(0 0 16px rgba(81,190,255,.28));
}

    /* Hız hissi veren yarı transparan rotor diski. */
    .impeller-spin-plane-v11::before {
        content: "" !important;
        position: absolute !important;
        inset: 8% 6% !important;
        border-radius: 50% !important;
        background: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.72) 0 8%, rgba(118,209,255,.40) 10%, rgba(18,105,184,.10) 24%, transparent 44%), repeating-conic-gradient(from 12deg, rgba(255,255,255,.34) 0 8deg, rgba(79,184,255,.18) 8deg 18deg, transparent 18deg 34deg), radial-gradient(ellipse at center, rgba(55,166,245,.20), transparent 66%) !important;
        filter: blur(.55px) !important;
        opacity: .74 !important;
    }

    /* Dış hız/akış halkası. */
    .impeller-spin-plane-v11::after {
        content: "" !important;
        position: absolute !important;
        inset: -6% -8% !important;
        border-radius: 50% !important;
        border: 1px solid rgba(156,224,255,.34) !important;
        background: radial-gradient(ellipse at center, transparent 48%, rgba(90,194,255,.16) 60%, transparent 74%) !important;
        filter: blur(.8px) !important;
        opacity: .68 !important;
    }

.spin-blade-v11 {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 18% !important;
    height: 49% !important;
    transform-origin: 50% 92% !important;
    border-radius: 60% 84% 28% 72% !important;
    background: linear-gradient(105deg, rgba(255,255,255,.72), rgba(113,207,255,.46) 22%, rgba(14,97,183,.16) 64%, rgba(255,255,255,.18)) !important;
    box-shadow: inset 4px 0 8px rgba(255,255,255,.30), inset -5px 0 10px rgba(7,65,132,.22), 0 0 16px rgba(80,190,255,.24) !important;
    opacity: .78 !important;
    filter: blur(.15px) !important;
}

    .spin-blade-v11.blade-1 {
        transform: translate(-50%, -92%) rotate(0deg) skewX(-18deg) !important;
    }

    .spin-blade-v11.blade-2 {
        transform: translate(-50%, -92%) rotate(60deg) skewX(-18deg) !important;
    }

    .spin-blade-v11.blade-3 {
        transform: translate(-50%, -92%) rotate(120deg) skewX(-18deg) !important;
    }

    .spin-blade-v11.blade-4 {
        transform: translate(-50%, -92%) rotate(180deg) skewX(-18deg) !important;
    }

    .spin-blade-v11.blade-5 {
        transform: translate(-50%, -92%) rotate(240deg) skewX(-18deg) !important;
    }

    .spin-blade-v11.blade-6 {
        transform: translate(-50%, -92%) rotate(300deg) skewX(-18deg) !important;
    }

.spin-hub-v11 {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 23% !important;
    height: 23% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 34% 28%, rgba(255,255,255,.96), rgba(128,218,255,.62) 30%, rgba(12,89,174,.46) 58%, rgba(6,45,102,.26) 100%) !important;
    box-shadow: 0 0 22px rgba(127,218,255,.46), inset 0 2px 8px rgba(255,255,255,.42), inset 0 -5px 9px rgba(4,46,102,.22) !important;
    z-index: 5 !important;
}

.spin-hub-glow-v11 {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 42% !important;
    height: 34% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at center, rgba(255,255,255,.28), rgba(83,195,255,.12) 38%, transparent 68%) !important;
    filter: blur(8px) !important;
    z-index: 4 !important;
}

@keyframes meteskarImpellerBladeSpinV11 {
    0% {
        transform: rotateX(60deg) rotateZ(-14deg) scaleX(1.05) rotate(0deg);
        filter: drop-shadow(0 0 14px rgba(81,190,255,.22)) brightness(1.02);
    }

    100% {
        transform: rotateX(60deg) rotateZ(-14deg) scaleX(1.05) rotate(360deg);
        filter: drop-shadow(0 0 14px rgba(81,190,255,.22)) brightness(1.02);
    }
}

/* Vitrin zemin gölgesi artık turntable gibi değil, sabit ürün gölgesi gibi davranır. */
.impeller-shadow-v10 {
    animation: none !important;
    opacity: .74 !important;
    transform: rotate(-2deg) scaleX(1) !important;
}

@media (max-width: 991px) {
    .impeller-turntable-v10.impeller-fixed-product-v11 {
        transform: translateY(-50%) rotateX(0deg) rotateY(0deg) rotateZ(0deg) !important;
    }

    .impeller-spin-plane-v11 {
        left: 52.5% !important;
        top: 45.8% !important;
        width: 44% !important;
        height: 32% !important;
        opacity: .72 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .impeller-spin-plane-v11 {
        animation: none !important;
    }
}

/* =========================================================
   STAGE 8.11 - Native top impeller spin
   Ürün gövdesi sabit kalır; mavi impellerin üst/tırtıklı rotor katmanı kendi ekseninde döner.
   Önceki fan/turntable illüzyonları kapatılır.
========================================================= */

.impeller-turntable-v10.impeller-native-spin-v12 {
    animation: none !important;
    transform: translateY(-50%) rotateX(0deg) rotateY(0deg) rotateZ(-2deg) translateX(0) !important;
    filter: none !important;
    transform-style: preserve-3d !important;
    overflow: visible !important;
}

    /* 8.9/8.10'dan kalan yapay fan/derinlik katmanlarını kesin kapat. */
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-depth-img,
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-main-img,
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-spin-plane-v11,
    .impeller-turntable-v10.impeller-native-spin-v12 .spin-blade-v11,
    .impeller-turntable-v10.impeller-native-spin-v12 .spin-hub-v11,
    .impeller-turntable-v10.impeller-native-spin-v12 .spin-hub-glow-v11 {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Sabit gövde/alt base. Bu katman dönmez. */
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-base-fixed-v12 {
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        animation: meteskarImpellerBreathV12 7s ease-in-out infinite !important;
        opacity: 1 !important;
        filter: drop-shadow(0 36px 46px rgba(6,32,54,.31)) saturate(1.12) contrast(1.04) brightness(1.02) !important;
        z-index: 5 !important;
        transform-origin: 50% 58% !important;
    }

    /* Dönen gerçek mavi üst rotor katmanı: aynı görselden kırpılmış/maskelenmiş parça. */
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-rotor-top-v12 {
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 100% !important;
        height: auto !important;
        opacity: .96 !important;
        z-index: 8 !important;
        transform-origin: 50.6% 49.5% !important;
        will-change: transform, filter !important;
        animation: meteskarNativeRotorSpinV12 8.5s linear infinite !important;
        filter: saturate(1.18) contrast(1.08) brightness(1.04) drop-shadow(0 0 18px rgba(92,202,255,.20)) !important;
        mix-blend-mode: normal !important;
    }

    /* Merkez yatak/ışık: hareketi gerçekçi bağlar, yapay fan gibi görünmez. */
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-native-axis-v12 {
        position: absolute !important;
        left: 50.5% !important;
        top: 33.8% !important;
        width: 16.5% !important;
        height: 12.2% !important;
        transform: translate(-50%, -50%) rotate(-3deg) !important;
        border-radius: 50% !important;
        z-index: 12 !important;
        pointer-events: none !important;
        background: radial-gradient(ellipse at 38% 30%, rgba(255,255,255,.88), rgba(122,213,255,.35) 25%, rgba(11,83,167,.18) 54%, transparent 74%) !important;
        box-shadow: 0 0 34px rgba(95,205,255,.28), inset 0 3px 10px rgba(255,255,255,.28), inset 0 -8px 14px rgba(4,53,112,.22) !important;
        opacity: .58 !important;
        animation: meteskarAxisPulseV12 2.8s ease-in-out infinite !important;
    }

    /* Eski merkez parlaklığı ve rim daha hafif; top spin'e karışmaz. */
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-center-gloss-v10 {
        opacity: .24 !important;
        filter: blur(6px) !important;
    }

    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-rim-gloss-v10 {
        opacity: .18 !important;
    }

/* Üst rotor kendi düzlemi içinde döner. Base sabit kalır. */
@keyframes meteskarNativeRotorSpinV12 {
    0% {
        transform: rotate(0deg) scale(1.002);
        filter: saturate(1.18) contrast(1.08) brightness(1.03) drop-shadow(0 0 16px rgba(92,202,255,.18));
    }

    50% {
        transform: rotate(180deg) scale(1.006);
        filter: saturate(1.24) contrast(1.10) brightness(1.08) drop-shadow(0 0 24px rgba(92,202,255,.26));
    }

    100% {
        transform: rotate(360deg) scale(1.002);
        filter: saturate(1.18) contrast(1.08) brightness(1.03) drop-shadow(0 0 16px rgba(92,202,255,.18));
    }
}

@keyframes meteskarImpellerBreathV12 {
    0%, 100% {
        transform: translateY(0);
        filter: drop-shadow(0 36px 46px rgba(6,32,54,.31)) saturate(1.12) contrast(1.04) brightness(1.02);
    }

    50% {
        transform: translateY(-3px);
        filter: drop-shadow(0 42px 52px rgba(6,32,54,.28)) saturate(1.15) contrast(1.05) brightness(1.04);
    }
}

@keyframes meteskarAxisPulseV12 {
    0%, 100% {
        opacity: .48;
        transform: translate(-50%, -50%) rotate(-3deg) scale(1);
    }

    50% {
        opacity: .72;
        transform: translate(-50%, -50%) rotate(-3deg) scale(1.05);
    }
}

/* Mobilde rotor daha sakin ve sığdırılmış. */
@media (max-width: 991px) {
    .impeller-turntable-v10.impeller-native-spin-v12 {
        transform: translateY(-50%) rotateZ(-2deg) !important;
    }

        .impeller-turntable-v10.impeller-native-spin-v12 .impeller-rotor-top-v12 {
            animation-duration: 10s !important;
            opacity: .92 !important;
        }
}

@media (prefers-reduced-motion: reduce) {
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-rotor-top-v12,
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-base-fixed-v12,
    .impeller-turntable-v10.impeller-native-spin-v12 .impeller-native-axis-v12 {
        animation: none !important;
    }
}


/* =========================================================
   STAGE 8.12 - Real WebGL/GLB impeller showcase
   Slider alanından bağımsızdır. Gövde sabit, rotor gerçek 3D model olarak döner.
========================================================= */

.impeller-showcase-v9 {
    position: relative !important;
    overflow: hidden !important;
}

    .impeller-showcase-v9 .impeller-showcase-panel {
        min-height: 620px !important;
        grid-template-columns: minmax(0, .86fr) minmax(520px, 1.14fr) !important;
        align-items: center !important;
        background: radial-gradient(circle at 76% 32%, rgba(32,148,255,.14), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.97), rgba(244,250,254,.92)) !important;
    }

.impeller-showcase-visual-v13 {
    position: relative !important;
    min-height: 560px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    isolation: isolate !important;
}

.impeller-webgl-shell-v13 {
    position: relative !important;
    width: min(760px, 100%) !important;
    min-height: 560px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    perspective: 1200px !important;
}

    .impeller-webgl-shell-v13::before {
        content: "" !important;
        position: absolute !important;
        width: 78% !important;
        height: 70% !important;
        right: 4% !important;
        top: 10% !important;
        border-radius: 999px !important;
        background: radial-gradient(circle at 46% 48%, rgba(255,255,255,.38), transparent 11%), radial-gradient(circle at 50% 50%, rgba(31,154,255,.20), transparent 46%), radial-gradient(circle at 50% 50%, rgba(6,46,83,.08), transparent 67%) !important;
        filter: blur(2px) !important;
        opacity: .92 !important;
        z-index: 0 !important;
    }

    .impeller-webgl-shell-v13::after {
        content: "" !important;
        position: absolute !important;
        left: 16% !important;
        right: 7% !important;
        bottom: 6% !important;
        height: 74px !important;
        border-radius: 50% !important;
        background: radial-gradient(ellipse at center, rgba(4,28,50,.28), rgba(4,28,50,.10) 44%, transparent 72%) !important;
        filter: blur(14px) !important;
        z-index: 0 !important;
    }

.impeller-webgl-stage-v13 {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 560px !important;
}

    .impeller-webgl-stage-v13 canvas {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        opacity: 0 !important;
        transform: translateY(8px) scale(.98) !important;
        transition: opacity .45s ease, transform .45s ease !important;
    }

    .impeller-webgl-stage-v13.is-loaded canvas {
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
    }

.impeller-webgl-fallback-v13 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 34px 42px rgba(5,38,68,.22)) saturate(1.08) !important;
    opacity: 1 !important;
    transition: opacity .35s ease !important;
}

.impeller-webgl-stage-v13.is-loaded .impeller-webgl-fallback-v13 {
    opacity: 0 !important;
    pointer-events: none !important;
}

.impeller-webgl-loader-v13 {
    position: absolute !important;
    left: 50% !important;
    bottom: 28px !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 36px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.78) !important;
    border: 1px solid rgba(8,46,78,.10) !important;
    color: #0b4778 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    box-shadow: 0 14px 32px rgba(8,46,78,.08) !important;
    opacity: .88 !important;
}

.impeller-webgl-stage-v13.is-loaded .impeller-webgl-loader-v13,
.impeller-webgl-stage-v13.is-fallback .impeller-webgl-loader-v13 {
    display: none !important;
}

/* Eski impeller katmanlarını bu bölümde etkisiz hale getir. */
.impeller-showcase-v9 .impeller-turntable-v10,
.impeller-showcase-v9 .impeller-showcase-img,
.impeller-showcase-v9 .impeller-native-axis-v12,
.impeller-showcase-v9 .impeller-center-gloss-v10,
.impeller-showcase-v9 .impeller-rim-gloss-v10,
.impeller-showcase-v9 .impeller-spin-plane-v11 {
    animation: none !important;
}

@media (max-width: 1199px) {
    .impeller-showcase-v9 .impeller-showcase-panel {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }

    .impeller-showcase-visual-v13,
    .impeller-webgl-shell-v13 {
        min-height: 440px !important;
    }

    .impeller-webgl-stage-v13 {
        height: 440px !important;
    }
}

@media (max-width: 767px) {
    .impeller-showcase-v9 .impeller-showcase-panel {
        padding: 38px 20px 30px !important;
    }

    .impeller-showcase-copy h2 {
        font-size: clamp(34px, 10vw, 52px) !important;
    }

    .impeller-showcase-visual-v13,
    .impeller-webgl-shell-v13 {
        min-height: 330px !important;
    }

    .impeller-webgl-stage-v13 {
        height: 330px !important;
        margin-top: -10px !important;
    }

    .impeller-webgl-shell-v13::before {
        width: 100% !important;
        height: 78% !important;
        right: 0 !important;
        top: 7% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .impeller-webgl-stage-v13 canvas {
        transition: none !important;
    }
}

/* =========================================================
   STAGE 8.13 - Local/offline 3D impeller renderer
   CDN yok. Canvas yerel renderer görünürlüğü ve yükleme durumu.
========================================================= */
.impeller-webgl-stage-v13.is-loaded canvas {
    opacity: 1 !important;
    filter: drop-shadow(0 34px 44px rgba(6, 45, 89, .18)) saturate(1.08) contrast(1.04) !important;
}

.impeller-webgl-stage-v13.is-loaded .impeller-webgl-loader-v13,
.impeller-webgl-stage-v13.is-loaded .impeller-webgl-fallback-v13 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.impeller-webgl-stage-v13 canvas {
    background: transparent !important;
    mix-blend-mode: normal !important;
}

@media (max-width: 767px) {
    .impeller-webgl-stage-v13.is-loaded canvas {
        filter: drop-shadow(0 22px 32px rgba(6, 45, 89, .14)) saturate(1.04) !important;
    }
}


/* =========================================================
   STAGE 8.14 - Gerçek rotor spin + global flow + mobil footer sosyal
========================================================= */

/* Tüm sayfalarda, ana sayfadaki akış çizgisi hissi */
.meteskar-global-flow {
    position: fixed !important;
    top: 118px !important;
    bottom: 0 !important;
    width: 260px !important;
    pointer-events: none !important;
    z-index: 3 !important;
    opacity: .18 !important;
    background: url("/Content/meteskar-side-flow.svg") center top / contain repeat-y !important;
    filter: drop-shadow(0 0 18px rgba(125,183,232,.16)) !important;
    animation: meteskarSideFlow 18s linear infinite !important;
}

.meteskar-global-flow-left {
    left: max(10px, calc((100vw - 1700px) / 2 + 34px)) !important;
}

.meteskar-global-flow-right {
    right: max(10px, calc((100vw - 1700px) / 2 + 34px)) !important;
    transform: scaleX(-1) !important;
    animation-direction: reverse !important;
}

#header,
#footer,
#main,
main,
.page-hero,
section,
.container {
    position: relative;
}

#header {
    z-index: 1000 !important;
}

#main, main {
    z-index: 4;
}

#footer {
    z-index: 5;
}

/* 3D impeller sahnesi: canvas önde, fallback sadece model yüklenene kadar. */
.impeller-webgl-stage-v13 canvas {
    filter: drop-shadow(0 32px 36px rgba(9,43,78,.22)) saturate(1.08) contrast(1.03) !important;
}

.impeller-webgl-stage-v13.is-loaded .impeller-webgl-fallback-v13,
.impeller-webgl-stage-v13.is-loaded .impeller-webgl-loader-v13 {
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
}

.impeller-webgl-stage-v13.is-loaded canvas {
    opacity: 1 !important;
    visibility: visible !important;
}

.impeller-webgl-loader-v13 {
    z-index: 5 !important;
}

/* Mobilde footer sosyal medya ikonları kesin görünür. */
#footer.footer-lux .footer-social-wrap,
#footer.footer-lux .footer-social-wrap .site-social-links,
#footer.footer-lux .footer-social-wrap .meteskar-social-links {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#footer.footer-lux .footer-social-wrap {
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-top: 20px !important;
    min-height: 44px !important;
}

    #footer.footer-lux .footer-social-wrap .site-social-links,
    #footer.footer-lux .footer-social-wrap .meteskar-social-links {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    #footer.footer-lux .footer-social-wrap .meteskar-social-link {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

@media (max-width: 991px) {
    .meteskar-global-flow {
        display: none !important;
    }

    #footer.footer-lux .footer-social-wrap {
        justify-content: center !important;
        margin-top: 24px !important;
        padding-top: 18px !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
    }

        #footer.footer-lux .footer-social-wrap .meteskar-social-link {
            width: 44px !important;
            height: 44px !important;
            min-width: 44px !important;
        }

    .impeller-webgl-shell-v13,
    .impeller-webgl-stage-v13 {
        min-height: 310px !important;
    }
}


/* =========================================================
   STAGE 8.18 - Guaranteed impeller canvas spin
   GLB/loader beklemeden canvas üzerinde sabit gövde + dönen rotor.
========================================================= */
.impeller-webgl-stage-v13.is-canvas-spin-v18 canvas {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    filter: drop-shadow(0 32px 38px rgba(6,45,89,.24)) saturate(1.12) contrast(1.04) !important;
}

.impeller-webgl-stage-v13.is-canvas-spin-v18 .impeller-webgl-fallback-v13,
.impeller-webgl-stage-v13.is-canvas-spin-v18 .impeller-webgl-loader-v13 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.impeller-webgl-stage-v13.is-canvas-spin-v18::after {
    content: "Rotor aktif" !important;
    position: absolute !important;
    right: 22px !important;
    bottom: 22px !important;
    z-index: 4 !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    color: #0b4778 !important;
    background: rgba(255,255,255,.70) !important;
    border: 1px solid rgba(8,46,78,.10) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    box-shadow: 0 14px 30px rgba(8,46,78,.08) !important;
    pointer-events: none !important;
}

@media (max-width: 767px) {
    .impeller-webgl-stage-v13.is-canvas-spin-v18::after {
        display: none !important;
    }
}

/* =========================================================
   STAGE 8.19 - Rotor label remove + fixed global flow
   - Rotor aktif yazısını kaldırır.
   - Eski section bazlı kayan çizgileri kapatır.
   - Sağ/sol akış çizgilerini tüm sayfalarda viewport'a sabitler.
========================================================= */

/* Debug/etiket yazısını tamamen kaldır. */
.impeller-webgl-stage-v13.is-canvas-spin-v18::after,
.impeller-webgl-stage-v13::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Eski sayfa/section bazlı çizgiler scroll ile hareket ediyordu; kapatıyoruz. */
#main::before,
#main::after,
.mechanical-motion-band::before,
.mechanical-motion-band::after,
#about-us.about-us::before,
#about-us.about-us::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Global çizgiler artık tüm sayfalarda sabit viewport katmanı. */
.meteskar-global-flow {
    display: block !important;
    position: fixed !important;
    top: 96px !important;
    bottom: auto !important;
    height: calc(100vh - 96px) !important;
    width: clamp(170px, 13.5vw, 270px) !important;
    pointer-events: none !important;
    z-index: 12 !important;
    opacity: .20 !important;
    background-image: url("/Content/meteskar-side-flow.svg") !important;
    background-repeat: repeat-y !important;
    background-position: center 0 !important;
    background-size: contain !important;
    filter: drop-shadow(0 0 18px rgba(125,183,232,.16)) !important;
    animation: meteskarGlobalFlowFixedV19 22s linear infinite !important;
    will-change: background-position !important;
}

.meteskar-global-flow-left {
    left: max(18px, calc((100vw - 1680px) / 2 + 34px)) !important;
    right: auto !important;
    transform: none !important;
}

.meteskar-global-flow-right {
    right: max(18px, calc((100vw - 1680px) / 2 + 34px)) !important;
    left: auto !important;
    transform: scaleX(-1) !important;
    animation-direction: reverse !important;
}

@keyframes meteskarGlobalFlowFixedV19 {
    0% {
        background-position: center -520px;
    }

    100% {
        background-position: center 520px;
    }
}

/* Akış çizgileri tıklamayı bozmasın; ana içerik ve footer öncelikli kalsın. */
#header {
    z-index: 1000 !important;
}

#footer {
    position: relative !important;
    z-index: 40 !important;
}

.whatsapp-float,
.back-to-top {
    z-index: 1001 !important;
}

/* Content kartları çizginin üstünde kalsın; ama boşluklardaki çizgi görünür olsun. */
.meteskar-section .container,
.mechanical-motion-band .container,
.impeller-showcase-v9 .container,
.page-hero .container,
.contact-page .container,
#main > .container,
main > .container {
    position: relative !important;
    z-index: 20 !important;
}

/* Dar ekranlarda çizgiler içerik üstüne binmesin. */
@media (max-width: 1199px) {
    .meteskar-global-flow {
        opacity: .13 !important;
        width: 150px !important;
    }

    .meteskar-global-flow-left {
        left: -34px !important;
    }

    .meteskar-global-flow-right {
        right: -34px !important;
    }
}

@media (max-width: 991px) {
    .meteskar-global-flow {
        display: none !important;
    }
}


/* =========================================================
   STAGE 8.20 - Corner fixed technical flow
   Sağ/sol teknik akış çizgilerini içerik üstünden alır,
   viewport köşelerine sabitler ve tüm sayfalarda çalıştırır.
========================================================= */

/* Eski global ve section bazlı çizgileri tamamen kapat. */
.meteskar-global-flow,
#main::before,
#main::after,
main::before,
main::after,
.mechanical-motion-band::before,
.mechanical-motion-band::after,
#about-us.about-us::before,
#about-us.about-us::after,
.impeller-showcase-v9::before,
.impeller-showcase-v9::after,
.meteskar-section::before,
.meteskar-section::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    background: none !important;
    animation: none !important;
}

/* Yeni sabit köşe çizgileri. Bu divler layout içinde RenderBody'den önce gelir. */
.meteskar-corner-flow {
    position: fixed !important;
    top: 92px !important;
    bottom: 0 !important;
    width: clamp(118px, 9.8vw, 178px) !important;
    height: calc(100vh - 92px) !important;
    pointer-events: none !important;
    z-index: 6 !important;
    opacity: .22 !important;
    background-image: url("/Content/meteskar-side-flow.svg") !important;
    background-repeat: repeat-y !important;
    background-size: 150px auto !important;
    background-position: center -640px !important;
    filter: drop-shadow(0 0 15px rgba(125,183,232,.15)) !important;
    animation: meteskarCornerFlowV20 24s linear infinite !important;
    will-change: background-position !important;
}

.meteskar-corner-flow-left {
    left: 0 !important;
    right: auto !important;
    transform: translateX(-24px) !important;
}

.meteskar-corner-flow-right {
    right: 0 !important;
    left: auto !important;
    transform: translateX(24px) scaleX(-1) !important;
    animation-direction: reverse !important;
}

@keyframes meteskarCornerFlowV20 {
    0% {
        background-position: center -720px;
    }

    100% {
        background-position: center 720px;
    }
}

/* İçerik ve kartlar çizgilerin üstünde; çizgiler sadece kenarda kalır. */
#main,
main,
#footer,
.page-hero,
.meteskar-section,
.mechanical-motion-band,
.impeller-showcase-v9,
.contact-page,
.projects-page,
.services-page,
.corporate-page,
.news-page,
.human-resources-page {
    position: relative !important;
}

#main,
main {
    z-index: 10 !important;
    isolation: isolate !important;
}

#header {
    z-index: 1000 !important;
}

#footer {
    z-index: 30 !important;
}

/* Geniş ekranda biraz daha içeriye yaklaşabilir ama container üstüne binmez. */
@media (min-width: 1600px) {
    .meteskar-corner-flow {
        width: 190px !important;
        background-size: 168px auto !important;
        opacity: .24 !important;
    }

    .meteskar-corner-flow-left {
        transform: translateX(8px) !important;
    }

    .meteskar-corner-flow-right {
        transform: translateX(-8px) scaleX(-1) !important;
    }
}

/* Laptop ve orta ekranda kesin köşede tut. */
@media (max-width: 1399px) {
    .meteskar-corner-flow {
        width: 130px !important;
        background-size: 126px auto !important;
        opacity: .18 !important;
    }

    .meteskar-corner-flow-left {
        transform: translateX(-38px) !important;
    }

    .meteskar-corner-flow-right {
        transform: translateX(38px) scaleX(-1) !important;
    }
}

/* Mobilde kapalı kalsın; içerik alanını daraltmasın. */
@media (max-width: 991px) {
    .meteskar-corner-flow {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meteskar-corner-flow {
        animation: none !important;
    }
}


/* =========================================================
   STAGE 8.21 - Mobile impeller card polish + true edge flow
   - Impeller showcase mobile card centered and contained.
   - Flow lines stay in desktop side gutters, not over cards.
========================================================= */

/* Eski global/section çizgilerini tekrar garanti kapat. */
.meteskar-global-flow,
.meteskar-global-flow::before,
.meteskar-global-flow::after,
#main::before,
#main::after,
.mechanical-motion-band::before,
.mechanical-motion-band::after,
.impeller-showcase-v9::before,
.impeller-showcase-v9::after,
#about-us.about-us::before,
#about-us.about-us::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    animation: none !important;
}

/* Desktop edge flow: gerçek boş kenar alanlarına sabitlenir. */
.meteskar-corner-flow {
    position: fixed !important;
    top: 96px !important;
    bottom: auto !important;
    height: calc(100vh - 96px) !important;
    width: clamp(92px, 7.4vw, 154px) !important;
    pointer-events: none !important;
    z-index: 14 !important;
    opacity: .26 !important;
    background-image: url("/Content/meteskar-side-flow.svg") !important;
    background-repeat: repeat-y !important;
    background-size: clamp(86px, 7vw, 142px) auto !important;
    background-position: center -760px !important;
    filter: drop-shadow(0 0 18px rgba(125,183,232,.14)) !important;
    animation: meteskarEdgeFlowV21 26s linear infinite !important;
    will-change: background-position !important;
    mix-blend-mode: multiply !important;
}

.meteskar-corner-flow-left {
    left: max(18px, calc(50vw - 732px)) !important;
    right: auto !important;
    transform: none !important;
}

.meteskar-corner-flow-right {
    right: max(18px, calc(50vw - 732px)) !important;
    left: auto !important;
    transform: scaleX(-1) !important;
    animation-direction: reverse !important;
}

@keyframes meteskarEdgeFlowV21 {
    0% {
        background-position: center -780px;
    }

    100% {
        background-position: center 780px;
    }
}

/* İçerik her zaman çizgilerin üstünde kalsın; çizgiler kenarda olduğu için kartların üstüne gelmez. */
#header {
    z-index: 1000 !important;
}

#main, main {
    position: relative !important;
    z-index: 20 !important;
    isolation: isolate !important;
}

#footer {
    position: relative !important;
    z-index: 30 !important;
}

@media (min-width: 1600px) {
    .meteskar-corner-flow {
        width: 168px !important;
        background-size: 156px auto !important;
        opacity: .28 !important;
    }

    .meteskar-corner-flow-left {
        left: max(34px, calc(50vw - 780px)) !important;
    }

    .meteskar-corner-flow-right {
        right: max(34px, calc(50vw - 780px)) !important;
    }
}

@media (max-width: 1439px) and (min-width: 992px) {
    .meteskar-corner-flow {
        width: 82px !important;
        background-size: 82px auto !important;
        opacity: .16 !important;
    }

    .meteskar-corner-flow-left {
        left: 8px !important;
    }

    .meteskar-corner-flow-right {
        right: 8px !important;
    }
}

/* Mobilde kenar animasyonu kapalı; içerik daralmasın. */
@media (max-width: 991px) {
    .meteskar-corner-flow {
        display: none !important;
    }
}

/* Impeller vitrin kartı: mobilde ortalı, taşmayan, okunaklı. */
@media (max-width: 767px) {
    .impeller-showcase-v9 {
        padding: 34px 10px 44px !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

        .impeller-showcase-v9 .container {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 8px !important;
            padding-right: 8px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .impeller-showcase-v9 .impeller-showcase-panel {
            width: min(100%, 390px) !important;
            max-width: 390px !important;
            min-height: auto !important;
            margin: 0 auto !important;
            padding: 28px 18px 24px !important;
            border-radius: 30px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 20px !important;
            text-align: center !important;
            overflow: hidden !important;
        }

        .impeller-showcase-v9 .impeller-showcase-copy {
            width: 100% !important;
            max-width: 330px !important;
            margin: 0 auto !important;
            text-align: center !important;
            order: 1 !important;
        }

        .impeller-showcase-v9 .section-kicker {
            display: block !important;
            text-align: center !important;
            font-size: 11px !important;
            letter-spacing: .22em !important;
            margin: 0 auto 14px !important;
        }

        .impeller-showcase-v9 .impeller-showcase-copy h2 {
            max-width: 330px !important;
            margin: 0 auto 16px !important;
            text-align: center !important;
            font-size: clamp(31px, 9.2vw, 41px) !important;
            line-height: .98 !important;
            letter-spacing: -.072em !important;
            word-break: normal !important;
            overflow-wrap: normal !important;
        }

        .impeller-showcase-v9 .impeller-showcase-copy p {
            max-width: 315px !important;
            margin: 0 auto 18px !important;
            text-align: center !important;
            font-size: 14px !important;
            line-height: 1.65 !important;
            font-weight: 750 !important;
        }

        .impeller-showcase-v9 .impeller-showcase-tags {
            justify-content: center !important;
            align-items: center !important;
            gap: 8px !important;
            max-width: 320px !important;
            margin: 0 auto !important;
        }

            .impeller-showcase-v9 .impeller-showcase-tags span {
                min-height: 32px !important;
                padding: 8px 11px !important;
                font-size: 11px !important;
                border-radius: 999px !important;
                white-space: nowrap !important;
            }

        .impeller-showcase-v9 .impeller-showcase-visual,
        .impeller-showcase-v9 .impeller-showcase-visual-v13,
        .impeller-showcase-v9 .impeller-webgl-shell-v13 {
            order: 2 !important;
            width: 100% !important;
            max-width: 330px !important;
            min-height: 238px !important;
            height: 238px !important;
            margin: 2px auto 0 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            overflow: visible !important;
        }

        .impeller-showcase-v9 .impeller-webgl-stage-v13 {
            width: 100% !important;
            max-width: 330px !important;
            min-height: 238px !important;
            height: 238px !important;
            margin: 0 auto !important;
            display: block !important;
            overflow: visible !important;
        }

            .impeller-showcase-v9 .impeller-webgl-stage-v13 canvas,
            .impeller-showcase-v9 .impeller-webgl-fallback-v13 {
                width: 100% !important;
                max-width: 330px !important;
                height: 238px !important;
                object-fit: contain !important;
                object-position: center center !important;
                margin: 0 auto !important;
            }

        .impeller-showcase-v9 .impeller-webgl-shell-v13::before {
            width: 92% !important;
            height: 72% !important;
            left: 50% !important;
            right: auto !important;
            top: 14% !important;
            transform: translateX(-50%) !important;
            opacity: .72 !important;
        }
}

@media (max-width: 390px) {
    .impeller-showcase-v9 .impeller-showcase-panel {
        max-width: 358px !important;
        padding: 26px 15px 22px !important;
    }

    .impeller-showcase-v9 .impeller-showcase-copy h2 {
        font-size: clamp(29px, 8.7vw, 36px) !important;
    }

    .impeller-showcase-v9 .impeller-showcase-tags span {
        font-size: 10.5px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meteskar-corner-flow {
        animation: none !important;
    }
}

/* =========================================================
   STAGE 8.22 - Mobile hero alignment + fixed desktop edge flow
   - Mobile hero/card center fix.
   - WhatsApp floating button moved above back-to-top.
   - New fixed edge-flow layer; old section/corner flows disabled.
========================================================= */

/* Eski section/corner/global çizgileri tamamen kapat; sadece yeni v22 katmanı çalışsın. */
.meteskar-global-flow,
.meteskar-corner-flow,
#main::before,
#main::after,
main::before,
main::after,
.mechanical-motion-band::before,
.mechanical-motion-band::after,
#about-us.about-us::before,
#about-us.about-us::after,
.impeller-showcase-v9::before,
.impeller-showcase-v9::after,
.meteskar-section::before,
.meteskar-section::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    background: none !important;
    animation: none !important;
}

/* Yeni sabit kenar animasyonu: viewport'a bağlı kalır, sayfayla scroll olmaz. */
.meteskar-edge-flow-v22 {
    position: fixed !important;
    top: 92px !important;
    bottom: 0 !important;
    height: calc(100vh - 92px) !important;
    width: clamp(118px, 10vw, 220px) !important;
    pointer-events: none !important;
    z-index: 28 !important;
    opacity: .26 !important;
    background-image: url("/Content/meteskar-side-flow.svg") !important;
    background-repeat: repeat-y !important;
    background-size: clamp(112px, 9.2vw, 200px) auto !important;
    background-position: center -780px !important;
    filter: drop-shadow(0 0 18px rgba(125,183,232,.18)) !important;
    animation: meteskarEdgeFlowFixedV22 22s linear infinite !important;
    will-change: background-position !important;
    transform: translateZ(0) !important;
    contain: layout paint style !important;
}

.meteskar-edge-flow-left-v22 {
    left: max(18px, calc(50vw - 755px)) !important;
}

.meteskar-edge-flow-right-v22 {
    right: max(18px, calc(50vw - 755px)) !important;
    transform: scaleX(-1) translateZ(0) !important;
    animation-direction: reverse !important;
}

@keyframes meteskarEdgeFlowFixedV22 {
    0% {
        background-position: center -820px;
    }

    100% {
        background-position: center 820px;
    }
}

/* İçerik kartları güvenli şekilde üstte; çizgiler kenar boşluğunda kalır. */
#header {
    z-index: 1000 !important;
}

#main, main {
    position: relative !important;
    z-index: 20 !important;
}

#footer {
    position: relative !important;
    z-index: 40 !important;
}

@media (min-width: 1800px) {
    .meteskar-edge-flow-v22 {
        width: 245px !important;
        background-size: 220px auto !important;
        opacity: .28 !important;
    }

    .meteskar-edge-flow-left-v22 {
        left: max(46px, calc(50vw - 820px)) !important;
    }

    .meteskar-edge-flow-right-v22 {
        right: max(46px, calc(50vw - 820px)) !important;
    }
}

@media (max-width: 1439px) and (min-width: 992px) {
    .meteskar-edge-flow-v22 {
        width: 86px !important;
        background-size: 82px auto !important;
        opacity: .17 !important;
    }

    .meteskar-edge-flow-left-v22 {
        left: 6px !important;
    }

    .meteskar-edge-flow-right-v22 {
        right: 6px !important;
    }
}

@media (max-width: 991px) {
    .meteskar-edge-flow-v22 {
        display: none !important;
    }
}

/* WhatsApp ile yukarı ok karışmasın. */
.whatsapp-float {
    bottom: 112px !important;
    right: 28px !important;
    z-index: 1002 !important;
}

.back-to-top {
    z-index: 1001 !important;
}

@media (max-width: 767px) {
    .whatsapp-float {
        bottom: 104px !important;
        right: 18px !important;
        width: 58px !important;
        height: 58px !important;
    }
}

/* Mobile hero yazı kartı: tam ortalı, taşmasız, daha okunaklı. */
@media (max-width: 767px) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode {
        height: 690px !important;
        min-height: 690px !important;
        overflow: hidden !important;
    }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-inner,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item,
        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-slide {
            height: 690px !important;
            min-height: 690px !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-container.hero-static-copy {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 690px !important;
            min-height: 690px !important;
            padding: 116px 14px 36px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            margin: 0 !important;
            transform: none !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
            width: min(340px, calc(100vw - 44px)) !important;
            max-width: 340px !important;
            min-width: 0 !important;
            margin: 0 auto !important;
            padding: 25px 18px 23px !important;
            border-radius: 28px !important;
            transform: translateX(0) translateY(-4px) !important;
            text-align: center !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            overflow: hidden !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-kicker {
            text-align: center !important;
            width: 100% !important;
            font-size: 10px !important;
            letter-spacing: .18em !important;
            margin-bottom: 10px !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy h2 {
            width: 100% !important;
            max-width: 300px !important;
            margin: 0 auto 16px !important;
            text-align: center !important;
            font-size: clamp(32px, 8.25vw, 38px) !important;
            line-height: 1.02 !important;
            letter-spacing: -.052em !important;
            word-break: normal !important;
            overflow-wrap: normal !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy p {
            max-width: 292px !important;
            margin: 0 auto 17px !important;
            text-align: center !important;
            font-size: 13px !important;
            line-height: 1.58 !important;
            font-weight: 750 !important;
        }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-chip-row {
            width: 100% !important;
            max-width: 252px !important;
            margin: 0 auto 16px !important;
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 8px !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-chip-row span {
                width: 100% !important;
                min-height: 38px !important;
                justify-content: center !important;
                text-align: center !important;
                white-space: nowrap !important;
                padding: 9px 12px !important;
                font-size: 12px !important;
            }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions {
            width: 100% !important;
            max-width: 274px !important;
            margin: 0 auto !important;
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 10px !important;
        }

            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions .btn-meteskar,
            #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-actions .btn-meteskar-outline {
                width: 100% !important;
                min-height: 48px !important;
                padding: 13px 16px !important;
                border-radius: 999px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                text-align: center !important;
                font-size: 13px !important;
                line-height: 1 !important;
            }

        #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-trust-line {
            display: none !important;
        }
}

@media (max-width: 390px) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy .hero-glass-card {
        width: min(326px, calc(100vw - 34px)) !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy h2 {
        font-size: clamp(30px, 8.05vw, 35px) !important;
        max-width: 286px !important;
    }

    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-static-copy p {
        max-width: 276px !important;
        font-size: 12.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meteskar-edge-flow-v22 {
        animation: none !important;
    }
}


/* =========================================================
   STAGE 8.23 - CMS / Referans / Hakkımızda ince ayarlar
========================================================= */

.ref-premium-grid-v23 {
    align-items: stretch !important;
}

.ref-premium-card-v23 {
    text-decoration: none !important;
    grid-template-columns: 118px 1fr !important;
    min-height: 178px !important;
    padding: 30px 34px !important;
    border-radius: 32px !important;
    background: radial-gradient(circle at 92% 86%, rgba(142,201,242,.14), transparent 32%), linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,251,254,.96)) !important;
    border: 1px solid rgba(8,46,78,.09) !important;
    box-shadow: 0 30px 80px rgba(8,46,78,.085) !important;
    overflow: hidden !important;
}

    .ref-premium-card-v23::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        height: 4px !important;
        background: linear-gradient(90deg, rgba(207,175,96,.88), rgba(120,198,245,.88)) !important;
        display: block !important;
    }

.ref-logo-stage-v23 {
    width: 96px !important;
    height: 96px !important;
    border-radius: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 22% 16%, rgba(255,255,255,.98), rgba(255,255,255,0) 44%), linear-gradient(145deg, #ffffff, #edf5fa) !important;
    border: 1px solid rgba(8,46,78,.10) !important;
    box-shadow: 0 24px 54px rgba(8,46,78,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
    overflow: hidden !important;
}

    .ref-logo-stage-v23 img {
        max-width: 82% !important;
        max-height: 74% !important;
        object-fit: contain !important;
        filter: saturate(.95) contrast(1.04) !important;
    }

    .ref-logo-stage-v23 span {
        color: #0b4778 !important;
        font-size: 28px !important;
        font-weight: 900 !important;
        letter-spacing: -.05em !important;
    }

.ref-copy-v23 span {
    color: #0b4778 !important;
    font-weight: 900 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
}

.ref-copy-v23 strong {
    color: #102033 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.14 !important;
    letter-spacing: -.045em !important;
}

.ref-copy-v23 p {
    margin-top: 12px !important;
    color: #0b4778 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
}

.ref-premium-card-v23.no-logo .ref-logo-stage-v23 {
    background: linear-gradient(135deg, rgba(5,50,84,.08), rgba(131,199,244,.14)), #ffffff !important;
}

.ref-premium-card-v23:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(11,71,120,.20) !important;
    box-shadow: 0 38px 94px rgba(8,46,78,.13) !important;
}

.about-values-cms .cms-value-card {
    min-height: 230px !important;
}

.team-intro-cms .section-title {
    max-width: 840px !important;
}

    .team-intro-cms .section-title p {
        max-width: 760px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

@media (max-width: 991px) {
    .ref-premium-card-v23 {
        grid-template-columns: 90px 1fr !important;
        padding: 26px !important;
    }

    .ref-logo-stage-v23 {
        width: 78px !important;
        height: 78px !important;
        border-radius: 25px !important;
    }
}

@media (max-width: 575px) {
    .ref-premium-card-v23 {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        justify-items: center !important;
    }

    .ref-copy-v23 strong {
        font-size: 21px !important;
    }
}

/* =========================================================
   STAGE 8.24 - Reference update/link fix + stable page edge flow
========================================================= */

/* Eski akış katmanlarını kesin kapat: section ile scroll olan tüm sürümler devre dışı. */
.meteskar-global-flow,
.meteskar-corner-flow,
.meteskar-edge-flow-v22,
.meteskar-global-flow-left,
.meteskar-global-flow-right,
.meteskar-corner-flow-left,
.meteskar-corner-flow-right,
.meteskar-edge-flow-left-v22,
.meteskar-edge-flow-right-v22,
#main::before,
#main::after,
main::before,
main::after,
.mechanical-motion-band::before,
.mechanical-motion-band::after,
.about-us::before,
.about-us::after,
#about-us::before,
#about-us::after,
.meteskar-section::before,
.meteskar-section::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    background: none !important;
    animation: none !important;
}

/* Yeni ve tek aktif kenar animasyonu. Viewport'a sabittir; sayfa scroll'u ile hareket etmez. */
.meteskar-page-flow-v24 {
    position: fixed !important;
    top: 92px !important;
    bottom: 0 !important;
    width: 170px !important;
    height: calc(100vh - 92px) !important;
    pointer-events: none !important;
    z-index: 3 !important;
    opacity: .34 !important;
    background-image: url('/Content/meteskar-side-flow.svg') !important;
    background-repeat: repeat-y !important;
    background-size: 150px auto !important;
    background-position: center -900px !important;
    filter: drop-shadow(0 0 18px rgba(106,168,220,.16)) !important;
    animation: meteskarPageFlowV24 18s linear infinite !important;
    will-change: background-position !important;
    transform: translateZ(0) !important;
}

.meteskar-page-flow-left-v24 {
    left: max(28px, calc(50vw - 790px)) !important;
}

.meteskar-page-flow-right-v24 {
    right: max(28px, calc(50vw - 790px)) !important;
    transform: scaleX(-1) translateZ(0) !important;
}

@keyframes meteskarPageFlowV24 {
    0% {
        background-position: center -920px;
    }

    100% {
        background-position: center 920px;
    }
}

/* İçerik ve kartlar her zaman akış çizgilerinin üstünde kalır. */
#header,
#footer,
main,
#main,
section,
.meteskar-section,
.container,
.container-fluid,
.hero-v2,
.impeller-showcase-v9,
.ref-clean-grid,
.ref-clean-card {
    position: relative;
}

#header {
    z-index: 1000 !important;
}

#footer {
    z-index: 40 !important;
}

main, #main, section, .meteskar-section, .container, .container-fluid, .hero-v2, .impeller-showcase-v9 {
    z-index: 10 !important;
}

@media (min-width: 1800px) {
    .meteskar-page-flow-v24 {
        width: 220px !important;
        background-size: 190px auto !important;
        opacity: .36 !important;
    }

    .meteskar-page-flow-left-v24 {
        left: max(54px, calc(50vw - 870px)) !important;
    }

    .meteskar-page-flow-right-v24 {
        right: max(54px, calc(50vw - 870px)) !important;
    }
}

@media (max-width: 1399px) and (min-width: 992px) {
    .meteskar-page-flow-v24 {
        width: 92px !important;
        background-size: 86px auto !important;
        opacity: .20 !important;
    }

    .meteskar-page-flow-left-v24 {
        left: 4px !important;
    }

    .meteskar-page-flow-right-v24 {
        right: 4px !important;
    }
}

@media (max-width: 991px) {
    .meteskar-page-flow-v24 {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meteskar-page-flow-v24 {
        animation: none !important;
    }
}

/* Referans kartlarını logo olduğunda temiz ve kurumsal göster. */
.ref-premium-grid-v24 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

.ref-premium-card-v24 {
    min-height: 178px !important;
    padding: 28px 30px !important;
    display: grid !important;
    grid-template-columns: 92px 1fr !important;
    align-items: center !important;
    gap: 22px !important;
    border-radius: 30px !important;
    background: radial-gradient(circle at 100% 0%, rgba(114,178,226,.12), transparent 38%), linear-gradient(180deg,#ffffff,#fbfdff) !important;
    border: 1px solid rgba(8,46,78,.08) !important;
    box-shadow: 0 28px 78px rgba(8,46,78,.08) !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

    .ref-premium-card-v24:hover {
        transform: translateY(-5px) !important;
        border-color: rgba(11,71,120,.18) !important;
        box-shadow: 0 34px 86px rgba(8,46,78,.13) !important;
    }

.ref-logo-stage-v24 {
    width: 92px !important;
    height: 92px !important;
    border-radius: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(235,245,252,.92)) !important;
    border: 1px solid rgba(8,46,78,.09) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 18px 42px rgba(8,46,78,.08) !important;
}

    .ref-logo-stage-v24 img {
        max-width: 74px !important;
        max-height: 58px !important;
        object-fit: contain !important;
        display: block !important;
        filter: saturate(.98) contrast(1.02) !important;
    }

    .ref-logo-stage-v24 span {
        color: #0b4778 !important;
        font-size: 25px !important;
        font-weight: 900 !important;
        letter-spacing: -.04em !important;
    }

.ref-copy-v24 span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #0b4778 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

.ref-copy-v24 strong {
    display: block !important;
    color: #102033 !important;
    font-size: 22px !important;
    line-height: 1.14 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
}

.ref-copy-v24 p {
    margin: 13px 0 0 !important;
    color: #0b4778 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

@media (max-width: 991px) {
    .ref-premium-grid-v24 {
        grid-template-columns: 1fr !important;
    }

    .ref-premium-card-v24 {
        max-width: 560px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   STAGE 8.25 - Gear mechanism showcase
   Impeller yerine dişli/mil mekanizması hissi veren canvas animasyonu.
========================================================= */

.impeller-webgl-stage-v13.is-gear-mechanism-v25 canvas {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 4 !important;
    filter: drop-shadow(0 30px 42px rgba(8,46,78,.16)) saturate(1.04) contrast(1.03) !important;
}

.impeller-webgl-stage-v13.is-gear-mechanism-v25 .impeller-webgl-fallback-v13,
.impeller-webgl-stage-v13.is-gear-mechanism-v25 .impeller-webgl-loader-v13,
.impeller-webgl-stage-v13.is-gear-mechanism-v25::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.impeller-showcase-v9 .impeller-webgl-shell-v13 {
    overflow: visible !important;
}

.impeller-showcase-v9 .impeller-webgl-stage-v13.is-gear-mechanism-v25 {
    background: radial-gradient(circle at 52% 40%, rgba(105,200,255,.20), transparent 42%), radial-gradient(circle at 65% 70%, rgba(8,70,118,.08), transparent 38%) !important;
}

@media (max-width: 767px) {
    .impeller-webgl-stage-v13.is-gear-mechanism-v25 canvas {
        max-height: 300px !important;
        filter: drop-shadow(0 18px 30px rgba(8,46,78,.14)) saturate(1.02) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .impeller-webgl-stage-v13.is-gear-mechanism-v25 canvas {
        filter: drop-shadow(0 22px 34px rgba(8,46,78,.12)) !important;
    }
}


/* =========================================================
   STAGE 8.27 - typography, slow hero zoom and cursor impeller
   Bu bölüm sadece son düzeltmeleri içerir.
========================================================= */

/* Saha disiplini başlığı Hakkımızda başlığıyla aynı premium ağırlığa yaklaştırıldı. */
.motion-copy h2 {
    color: #102033 !important;
    font-size: clamp(42px, 4.6vw, 66px) !important;
    line-height: .98 !important;
    letter-spacing: -.062em !important;
    font-weight: 900 !important;
    margin: 8px 0 18px !important;
    text-wrap: balance !important;
}

.motion-copy p {
    font-size: 17px !important;
    line-height: 1.78 !important;
    color: #6b7f99 !important;
    max-width: 820px !important;
}

@media (max-width: 991px) {
    .motion-copy h2 {
        font-size: clamp(32px, 8vw, 46px) !important;
        line-height: 1.02 !important;
        letter-spacing: -.055em !important;
    }
}

/* Hero slider fotoğraflarında ani zoom yerine uzun, yumuşak yaklaşma. */
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-fade .carousel-item {
    transition-property: opacity !important;
    transition-duration: 1500ms !important;
    transition-timing-function: ease-in-out !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-bg-slide-img {
    transform: scale(1.018) !important;
    transform-origin: center center !important;
    will-change: transform !important;
    animation: none !important;
    transition: none !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item.active .hero-bg-slide-img {
    animation: meteskarHeroSlowZoomV27 7s cubic-bezier(.16,.88,.28,1) both !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item-next .hero-bg-slide-img,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item-prev .hero-bg-slide-img,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item-start .hero-bg-slide-img,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item-end .hero-bg-slide-img {
    transform: scale(1.018) !important;
}

@keyframes meteskarHeroSlowZoomV27 {
    0% {
        transform: scale(1.018);
    }

    100% {
        transform: scale(1.078);
    }
}

@media (prefers-reduced-motion: reduce) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item.active .hero-bg-slide-img {
        animation: none !important;
        transform: scale(1.035) !important;
    }
}

/* Desktop fareye eşlik eden küçük mekanik/impeller imleci. */
.meteskar-cursor-gear {
    display: none;
}

@media (pointer: fine) and (min-width: 992px) {
    .meteskar-cursor-gear {
        position: fixed;
        left: 0;
        top: 0;
        width: 30px;
        height: 30px;
        z-index: 2147483000;
        pointer-events: none;
        opacity: 0;
        transform: translate3d(-80px,-80px,0) rotate(0deg);
        transition: opacity .18s ease, width .18s ease, height .18s ease, filter .18s ease;
        filter: drop-shadow(0 8px 16px rgba(8,46,78,.22));
        mix-blend-mode: normal;
    }

        .meteskar-cursor-gear.is-visible {
            opacity: .92;
        }

        .meteskar-cursor-gear.is-clicking {
            width: 38px;
            height: 38px;
            filter: drop-shadow(0 10px 20px rgba(11,113,181,.30));
        }

        .meteskar-cursor-gear::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 50%;
            background: radial-gradient(circle at 50% 50%, #ffffff 0 10%, #0b4778 11% 18%, transparent 19%), conic-gradient(from 12deg, transparent 0 8deg, rgba(7,87,145,.96) 8deg 20deg, transparent 20deg 36deg, rgba(115,199,244,.88) 36deg 50deg, transparent 50deg 72deg, rgba(7,87,145,.96) 72deg 86deg, transparent 86deg 108deg, rgba(115,199,244,.88) 108deg 122deg, transparent 122deg 144deg, rgba(7,87,145,.96) 144deg 158deg, transparent 158deg 180deg, rgba(115,199,244,.88) 180deg 194deg, transparent 194deg 216deg, rgba(7,87,145,.96) 216deg 230deg, transparent 230deg 252deg, rgba(115,199,244,.88) 252deg 266deg, transparent 266deg 288deg, rgba(7,87,145,.96) 288deg 302deg, transparent 302deg 324deg, rgba(115,199,244,.88) 324deg 338deg, transparent 338deg 360deg);
            box-shadow: inset 0 0 0 1px rgba(255,255,255,.70), inset 0 -5px 10px rgba(8,46,78,.18);
        }

        .meteskar-cursor-gear::after {
            content: "";
            position: absolute;
            inset: 7px;
            border-radius: 50%;
            background: radial-gradient(circle at 38% 34%, #ffffff 0, #b8e8ff 20%, #0a5f9e 64%, #073c70 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 0 16px rgba(105,200,255,.28);
        }

    .meteskar-cursor-muted .meteskar-cursor-gear,
    body.meteskar-menu-open .meteskar-cursor-gear {
        opacity: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meteskar-cursor-gear {
        display: none !important;
    }
}

/* =========================================================
   STAGE 8.28 - guaranteed cursor gear + stutter-free hero zoom
========================================================= */

/* Sliderde ani zoom ve ilk saniye takılmasını engelle: keyframe yerine JS kontrollü transform geçişi. */
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .hero-bg-slide-img {
    animation: none !important;
    transform: scale(1.026) translate3d(0,0,0) !important;
    transform-origin: center center !important;
    transition: transform 9.2s linear, filter 1.8s ease, opacity 1.8s ease !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: transform !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item.active .hero-bg-slide-img {
    animation: none !important;
    transform: scale(1.026) translate3d(0,0,0) !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item.active.is-zooming .hero-bg-slide-img {
    transform: scale(1.092) translate3d(0,0,0) !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item-next .hero-bg-slide-img,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item-prev .hero-bg-slide-img,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item-start .hero-bg-slide-img,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item-end .hero-bg-slide-img {
    animation: none !important;
    transform: scale(1.026) translate3d(0,0,0) !important;
}

#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item,
#hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-fade .carousel-item {
    transition-property: opacity !important;
    transition-duration: 1800ms !important;
    transition-timing-function: cubic-bezier(.32,.72,.16,1) !important;
}

/* Fareyi takip eden dişli: önceki sürümde display:none miras kaldığı için görünmüyordu. */
@media (pointer: fine) and (min-width: 992px) {
    .meteskar-cursor-gear {
        display: block !important;
    }

        .meteskar-cursor-gear.is-visible {
            opacity: .96 !important;
        }
}

@media (prefers-reduced-motion: reduce) {
    #hero.meteskar-hero-lux.hero-v2.hero-static-copy-mode .carousel-item.active.is-zooming .hero-bg-slide-img {
        transform: scale(1.04) translate3d(0,0,0) !important;
    }

    .meteskar-cursor-gear {
        display: none !important;
    }
}

/* =========================================================
   METESKAR 9.0 — Airflow visual system
   The new classes intentionally do not reuse legacy gear/card classes.
========================================================= */

/* Header logo: emblem and copy share one exact vertical optical axis. */
#header.meteskar-header .brand-link-refined {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 68px !important;
    gap: 12px !important;
    text-decoration: none !important;
}

#header.meteskar-header .brand-emblem-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 0 !important;
}

    #header.meteskar-header .brand-emblem-logo img {
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        object-fit: contain !important;
        object-position: center !important;
        transform: translateY(-1px) !important;
    }

#header.meteskar-header .brand-copy {
    display: flex !important;
    min-height: 48px !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

    #header.meteskar-header .brand-copy strong {
        line-height: 1 !important;
        letter-spacing: .075em !important;
    }

    #header.meteskar-header .brand-copy small {
        display: block !important;
        line-height: 1.1 !important;
        letter-spacing: .105em !important;
    }

/* Global airflow lives only in the viewport gutters; it never captures clicks. */
.meteskar-airflow-gutter {
    position: fixed !important;
    top: 88px !important;
    bottom: 0 !important;
    width: clamp(66px, 7vw, 118px) !important;
    overflow: hidden !important;
    pointer-events: none !important;
    z-index: 11 !important;
    opacity: .58 !important;
    mix-blend-mode: multiply !important;
}

.meteskar-airflow-gutter-left {
    left: max(10px, calc(50vw - 790px)) !important;
}

.meteskar-airflow-gutter-right {
    right: max(10px, calc(50vw - 790px)) !important;
    transform: scaleX(-1) !important;
}

.meteskar-airflow-gutter::before {
    content: "" !important;
    position: absolute !important;
    inset: -480px -18px 0 !important;
    background: url("/Content/meteskar-airflow-flow.svg") center top / 100% 480px repeat-y !important;
    animation: meteskarAirflowDrift 18s linear infinite !important;
    filter: drop-shadow(0 0 10px rgba(79,181,235,.18)) !important;
}

.meteskar-airflow-gutter::after {
    content: "" !important;
    position: absolute !important;
    inset: -360px 4px 0 !important;
    background: radial-gradient(circle at 52% 8%, rgba(85,196,246,.85) 0 1.5px, transparent 2px), radial-gradient(circle at 27% 33%, rgba(161,224,255,.75) 0 1px, transparent 1.5px), radial-gradient(circle at 72% 62%, rgba(42,150,217,.6) 0 1px, transparent 1.7px);
    background-size: 70px 172px, 92px 238px, 76px 206px !important;
    animation: meteskarAirflowParticles 12s linear infinite !important;
}

@keyframes meteskarAirflowDrift {
    from {
        background-position: center -480px;
    }

    to {
        background-position: center 0;
    }
}

@keyframes meteskarAirflowParticles {
    from {
        transform: translateY(-130px);
    }

    to {
        transform: translateY(130px);
    }
}

/* New impeller showcase: flow-centric, calm, and independent from the slider. */
.airflow-showcase {
    position: relative !important;
    overflow: hidden !important;
    padding: clamp(70px, 8vw, 120px) 0 !important;
    background: radial-gradient(circle at 84% 38%, rgba(115,208,255,.17), transparent 28%), radial-gradient(circle at 15% 85%, rgba(16,83,139,.08), transparent 34%), linear-gradient(140deg, #f6fbff 0%, #ffffff 48%, #f1f8fd 100%) !important;
}

    .airflow-showcase::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background-image: linear-gradient(rgba(17,81,127,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,81,127,.035) 1px, transparent 1px);
        background-size: 38px 38px !important;
        mask-image: linear-gradient(90deg, rgba(0,0,0,.35), transparent 72%) !important;
        pointer-events: none !important;
    }

.airflow-showcase-panel {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, .94fr) minmax(380px, 1.06fr) !important;
    align-items: center !important;
    gap: clamp(34px, 6vw, 100px) !important;
    min-height: 480px !important;
    padding: clamp(32px, 5vw, 58px) !important;
    border: 1px solid rgba(10,67,108,.10) !important;
    border-radius: 38px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 0 36px 95px rgba(6,53,91,.12), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(12px) !important;
}

.airflow-showcase-copy {
    max-width: 650px !important;
}

    .airflow-showcase-copy h2 {
        margin: 12px 0 20px !important;
        color: #102b42 !important;
        font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif !important;
        font-size: clamp(34px, 4.2vw, 58px) !important;
        line-height: 1.04 !important;
        letter-spacing: -.055em !important;
        font-weight: 800 !important;
    }

    .airflow-showcase-copy p {
        max-width: 590px !important;
        margin: 0 !important;
        color: #5f7285 !important;
        font-size: 17px !important;
        line-height: 1.78 !important;
        font-weight: 600 !important;
    }

.airflow-showcase-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 30px !important;
}

    .airflow-showcase-tags span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 38px !important;
        padding: 8px 13px !important;
        border: 1px solid rgba(13,89,143,.12) !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, #ffffff, #eef7fd) !important;
        box-shadow: 0 10px 24px rgba(8,70,112,.07) !important;
        color: #174967 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: .01em !important;
    }

    .airflow-showcase-tags i {
        color: #0d76bd !important;
        font-size: 15px !important;
    }

.airflow-showcase-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 430px !important;
}

.airflow-impeller-stage {
    position: relative !important;
    width: min(100%, 580px) !important;
    height: 450px !important;
    overflow: hidden !important;
    border-radius: 32px !important;
    background: radial-gradient(circle at 50% 43%, rgba(88,183,239,.22), transparent 30%), radial-gradient(circle at 55% 98%, rgba(0,0,0,.52), transparent 48%), linear-gradient(145deg, #173a5b 0%, #0b2034 46%, #061421 100%) !important;
    border: 1px solid rgba(194,235,255,.17) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 30px 70px rgba(8,58,94,.18) !important;
    isolation: isolate !important;
}

    .airflow-impeller-stage canvas {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

.airflow-impeller-fallback {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 1 !important;
    display: block !important;
    width: min(92%, 500px) !important;
    transform: translate(-50%, -48%) !important;
    filter: grayscale(.55) sepia(.08) saturate(.95) brightness(1.34) contrast(1.08) drop-shadow(0 28px 28px rgba(0,0,0,.40)) !important;
    transition: opacity .35s ease !important;
}

.airflow-impeller-stage.is-ready .airflow-impeller-fallback {
    opacity: 0 !important;
}

.airflow-orbit {
    position: absolute !important;
    z-index: 1 !important;
    left: 50% !important;
    top: 50% !important;
    border: 1px solid rgba(28,149,217,.18) !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) rotate(-16deg) !important;
    pointer-events: none !important;
}

.airflow-orbit-one {
    width: 90%;
    height: 40%;
}

.airflow-orbit-two {
    width: 74%;
    height: 30%;
    transform: translate(-50%, -50%) rotate(21deg) !important;
    border-color: rgba(140,215,255,.26) !important;
}

.airflow-orbit-three {
    width: 58%;
    height: 22%;
    transform: translate(-50%, -50%) rotate(-40deg) !important;
    border-color: rgba(9,87,145,.14) !important;
}

.airflow-impeller-note {
    position: absolute !important;
    z-index: 3 !important;
    left: 22px !important;
    bottom: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 10px 13px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.73) !important;
    box-shadow: 0 12px 28px rgba(8,62,101,.10) !important;
    backdrop-filter: blur(10px) !important;
    color: #174967 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}

    .airflow-impeller-note i {
        color: #0d78bf !important;
        font-size: 15px !important;
    }

/* News cards use their own clean class system, including a mobile-first layout. */
.home-news-lux {
    position: relative !important;
    padding: clamp(72px, 8vw, 112px) 0 !important;
    background: linear-gradient(180deg, #f5faff, #ffffff 72%) !important;
}

.news-v9-grid {
    align-items: stretch !important;
}

.news-v9-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 340px !important;
    height: 100% !important;
    overflow: hidden !important;
    border: 1px solid rgba(10,67,108,.09) !important;
    border-radius: 28px !important;
    background: linear-gradient(150deg, rgba(255,255,255,.99), rgba(241,249,254,.94)) !important;
    box-shadow: 0 24px 66px rgba(7,58,96,.09), inset 0 1px 0 rgba(255,255,255,.92) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

    .news-v9-card::after {
        content: "" !important;
        position: absolute !important;
        width: 150px !important;
        height: 150px !important;
        right: -54px !important;
        top: -60px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(93,203,255,.19), rgba(93,203,255,0) 70%) !important;
        pointer-events: none !important;
    }

    .news-v9-card:hover {
        transform: translateY(-6px) !important;
        border-color: rgba(11,98,157,.18) !important;
        box-shadow: 0 34px 88px rgba(7,58,96,.14), inset 0 1px 0 rgba(255,255,255,.96) !important;
    }

.news-v9-media {
    height: 170px !important;
    overflow: hidden !important;
    background: #dceefa !important;
}

    .news-v9-media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform .55s cubic-bezier(.2,.75,.2,1) !important;
    }

.news-v9-card:hover .news-v9-media img {
    transform: scale(1.055) !important;
}

.news-v9-icon {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 66px !important;
    height: 66px !important;
    margin: 28px 28px 0 !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, #ffffff, #ddecf7) !important;
    box-shadow: 0 16px 34px rgba(8,67,106,.12), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

    .news-v9-icon::before {
        content: "" !important;
        position: absolute !important;
        inset: 9px !important;
        border-radius: 15px !important;
        background: linear-gradient(145deg, #0b4778, #138ccf) !important;
        opacity: .12 !important;
    }

    .news-v9-icon i {
        position: relative !important;
        z-index: 1 !important;
        color: #0c6ba9 !important;
        font-size: 27px !important;
    }

.news-tech-2 .news-v9-icon i {
    color: #1b7d9d !important;
}

.news-tech-3 .news-v9-icon i {
    color: #0e578d !important;
}

.news-v9-body {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 24px 28px 29px !important;
}

.news-v9-media + .news-v9-body {
    padding-top: 22px !important;
}

.news-v9-badge {
    align-self: flex-start !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin-bottom: 15px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: rgba(11,103,163,.09) !important;
    color: #0b639d !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.news-v9-body h3 {
    margin: 0 0 12px !important;
    color: #112d42 !important;
    font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    letter-spacing: -.035em !important;
    font-weight: 800 !important;
}

    .news-v9-body h3 a {
        color: inherit !important;
        text-decoration: none !important;
    }

.news-v9-body p {
    margin: 0 !important;
    color: #687b8e !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    font-weight: 600 !important;
}

.news-v9-link {
    align-self: flex-start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: auto !important;
    padding-top: 22px !important;
    color: #0a639d !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    text-decoration: none !important;
}

    .news-v9-link i {
        font-size: 15px !important;
        transition: transform .2s ease !important;
    }

    .news-v9-link:hover i {
        transform: translate(3px,-3px) !important;
    }

@media (max-width: 1199px) {
    .meteskar-airflow-gutter {
        width: 72px !important;
        opacity: .34 !important;
    }

    .meteskar-airflow-gutter-left {
        left: 5px !important;
    }

    .meteskar-airflow-gutter-right {
        right: 5px !important;
    }

    .airflow-showcase-panel {
        grid-template-columns: 1fr !important;
    }

    .airflow-showcase-copy {
        max-width: 760px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

        .airflow-showcase-copy p {
            margin-left: auto !important;
            margin-right: auto !important;
        }

    .airflow-showcase-tags {
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    #header.meteskar-header .brand-link-refined {
        min-height: 57px !important;
        gap: 8px !important;
    }

    #header.meteskar-header .brand-emblem-logo {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }

        #header.meteskar-header .brand-emblem-logo img {
            width: 39px !important;
            height: 39px !important;
            max-width: 39px !important;
            max-height: 39px !important;
        }

    #header.meteskar-header .brand-copy {
        min-height: 40px !important;
        gap: 2px !important;
    }

        #header.meteskar-header .brand-copy strong {
            font-size: 17px !important;
        }

        #header.meteskar-header .brand-copy small {
            font-size: 8px !important;
        }

    .meteskar-airflow-gutter {
        display: none !important;
    }

    .airflow-showcase {
        padding: 58px 0 !important;
    }

    .airflow-showcase-panel {
        min-height: 0 !important;
        padding: 26px 18px 22px !important;
        border-radius: 28px !important;
        gap: 22px !important;
    }

    .airflow-showcase-copy h2 {
        font-size: clamp(30px, 9vw, 40px) !important;
        letter-spacing: -.048em !important;
    }

    .airflow-showcase-copy p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .airflow-showcase-tags {
        gap: 8px !important;
        margin-top: 23px !important;
    }

        .airflow-showcase-tags span {
            min-height: 34px !important;
            padding: 7px 10px !important;
            font-size: 10px !important;
        }

    .airflow-showcase-visual {
        min-height: 310px !important;
    }

    .airflow-impeller-stage {
        width: 100% !important;
        height: 315px !important;
        border-radius: 25px !important;
    }

    .airflow-impeller-note {
        left: 14px !important;
        bottom: 14px !important;
        padding: 8px 10px !important;
        font-size: 9px !important;
    }

    .news-v9-card {
        min-height: 0 !important;
        border-radius: 24px !important;
    }

    .news-v9-media {
        height: 184px !important;
    }

    .news-v9-icon {
        width: 60px !important;
        height: 60px !important;
        margin: 22px 22px 0 !important;
        border-radius: 20px !important;
    }

        .news-v9-icon i {
            font-size: 24px !important;
        }

    .news-v9-body {
        padding: 20px 22px 24px !important;
    }

        .news-v9-body h3 {
            font-size: 21px !important;
        }

        .news-v9-body p {
            font-size: 14px !important;
        }
}

@media (prefers-reduced-motion: reduce) {
    .meteskar-airflow-gutter::before,
    .meteskar-airflow-gutter::after {
        animation: none !important;
    }

    .news-v9-card,
    .news-v9-media img,
    .news-v9-link i {
        transition: none !important;
    }
}

/* Header brand optical alignment — emblem and two-line wordmark behave as one unit. */
#header.meteskar-header .header-logo .brand-link-refined {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 244px !important;
    min-width: 244px !important;
    height: 68px !important;
    min-height: 68px !important;
    gap: 12px !important;
    padding: 8px 18px 8px 14px !important;
    border-radius: 23px !important;
}

#header.meteskar-header .header-logo .brand-emblem-logo {
    grid-column: 1 !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
}

    #header.meteskar-header .header-logo .brand-emblem-logo img {
        width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        max-height: 46px !important;
        object-fit: cover !important;
        object-position: 50% 44% !important;
        transform: none !important;
        border-radius: 11px !important;
        mix-blend-mode: multiply !important;
    }

#header.meteskar-header .header-logo .brand-copy {
    grid-column: 2 !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 5px !important;
    transform: none !important;
}

    #header.meteskar-header .header-logo .brand-copy strong {
        display: block !important;
        margin: 0 !important;
        color: #102f4d !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: .075em !important;
    }

    #header.meteskar-header .header-logo .brand-copy small {
        display: block !important;
        margin: 0 !important;
        color: #557087 !important;
        font-size: 9px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: .13em !important;
        white-space: nowrap !important;
    }

@media (max-width: 767px) {
    #header.meteskar-header .header-logo .brand-link-refined {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        width: 204px !important;
        min-width: 204px !important;
        height: 56px !important;
        min-height: 56px !important;
        gap: 9px !important;
        padding: 7px 12px 7px 10px !important;
        border-radius: 19px !important;
    }

    #header.meteskar-header .header-logo .brand-emblem-logo {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
    }

        #header.meteskar-header .header-logo .brand-emblem-logo img {
            width: 38px !important;
            max-width: 38px !important;
            height: 38px !important;
            max-height: 38px !important;
        }

    #header.meteskar-header .header-logo .brand-copy {
        min-height: 38px !important;
        height: 38px !important;
        gap: 4px !important;
    }

        #header.meteskar-header .header-logo .brand-copy strong {
            font-size: 16px !important;
        }

        #header.meteskar-header .header-logo .brand-copy small {
            font-size: 7px !important;
            letter-spacing: .115em !important;
        }
}

/* Stage 9.2 — final header balance for the actual square worker emblem. */
#header.meteskar-header.clean-header {
    min-height: 82px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

    #header.meteskar-header.clean-header .header-inner {
        min-height: 70px !important;
    }

#header.meteskar-header .header-logo .brand-link-refined {
    height: 64px !important;
    min-height: 64px !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 8px 18px 8px 15px !important;
}

#header.meteskar-header .header-logo .brand-emblem-logo {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
}

    #header.meteskar-header .header-logo .brand-emblem-logo img {
        width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        max-height: 44px !important;
        transform: translateY(-3px) !important;
        border-radius: 9px !important;
    }

#header.meteskar-header .header-logo .brand-copy {
    display: grid !important;
    grid-template-rows: 20px 10px !important;
    align-content: center !important;
    justify-items: start !important;
    min-height: 44px !important;
    height: 44px !important;
    gap: 4px !important;
    transform: translateY(-1px) !important;
}

    #header.meteskar-header .header-logo .brand-copy strong {
        align-self: end !important;
        font-size: 19px !important;
        line-height: 20px !important;
    }

    #header.meteskar-header .header-logo .brand-copy small {
        align-self: start !important;
        font-size: 8px !important;
        line-height: 10px !important;
    }

@media (max-width: 767px) {
    #header.meteskar-header.clean-header {
        min-height: 68px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

        #header.meteskar-header.clean-header .header-inner {
            min-height: 58px !important;
        }

    #header.meteskar-header .header-logo .brand-link-refined {
        height: 54px !important;
        min-height: 54px !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        width: 204px !important;
        min-width: 204px !important;
        gap: 9px !important;
        padding: 7px 12px 7px 11px !important;
    }

    #header.meteskar-header .header-logo .brand-emblem-logo {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
    }

        #header.meteskar-header .header-logo .brand-emblem-logo img {
            width: 37px !important;
            max-width: 37px !important;
            height: 37px !important;
            max-height: 37px !important;
            transform: translateY(-2px) !important;
        }

    #header.meteskar-header .header-logo .brand-copy {
        grid-template-rows: 17px 8px !important;
        min-height: 38px !important;
        height: 38px !important;
        gap: 3px !important;
    }

        #header.meteskar-header .header-logo .brand-copy strong {
            font-size: 16px !important;
            line-height: 17px !important;
        }

        #header.meteskar-header .header-logo .brand-copy small {
            font-size: 7px !important;
            line-height: 8px !important;
        }
}

/* =========================================================
   METESKAR 9.4 — marka dengesi / gerçek pervane / hizmet kartları
========================================================= */

/* Gerçek referans fotoğrafı, sahte dönen 2D çizimden daha doğal görünür.
   Fotoğrafı sabit tutup ışık ve hava akışıyla yaşatıyoruz. */
#meteskarAirflowImpellerCanvas {
    display: none !important;
}

.airflow-impeller-stage {
    overflow: hidden !important;
    background: #071c2f !important;
}

    .airflow-impeller-stage.is-ready .airflow-impeller-fallback,
    .airflow-impeller-stage .airflow-impeller-reference {
        display: block !important;
        position: absolute !important;
        z-index: 3 !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        opacity: 1 !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: none !important;
        filter: saturate(.98) contrast(1.03) !important;
    }

    .airflow-impeller-stage::before {
        content: "" !important;
        position: absolute !important;
        z-index: 4 !important;
        inset: -28% -48% !important;
        pointer-events: none !important;
        background: linear-gradient(110deg, transparent 38%, rgba(226,247,255,.03) 45%, rgba(229,250,255,.23) 50%, rgba(226,247,255,.03) 55%, transparent 62%) !important;
        transform: translateX(-72%) rotate(6deg) !important;
        animation: meteskar-propeller-sheen 10s ease-in-out infinite !important;
    }

    .airflow-impeller-stage::after {
        content: "" !important;
        position: absolute !important;
        z-index: 4 !important;
        inset: 0 !important;
        pointer-events: none !important;
        background: radial-gradient(ellipse at 50% 52%, transparent 0 27%, rgba(89,191,239,.1) 45%, transparent 68%), radial-gradient(circle at 14% 20%, rgba(154,226,255,.16) 0 1px, transparent 2px), radial-gradient(circle at 84% 72%, rgba(154,226,255,.12) 0 1px, transparent 2px) !important;
        background-size: auto, 78px 120px, 105px 162px !important;
        animation: meteskar-propeller-air 14s linear infinite !important;
    }

@keyframes meteskar-propeller-sheen {
    0%, 19% {
        transform: translateX(-72%) rotate(6deg);
        opacity: 0;
    }

    43% {
        opacity: .82;
    }

    61% {
        transform: translateX(72%) rotate(6deg);
        opacity: .45;
    }

    100% {
        transform: translateX(72%) rotate(6deg);
        opacity: 0;
    }
}

@keyframes meteskar-propeller-air {
    from {
        background-position: center, 0 -120px, 0 -162px;
    }

    to {
        background-position: center, 0 120px, 0 162px;
    }
}

/* Header: amblem ve iki satırlı marka metni tek optik merkezde. */
#header.meteskar-header.clean-header {
    min-height: 82px !important;
    padding: 6px 0 !important;
}

    #header.meteskar-header.clean-header .header-inner {
        min-height: 70px !important;
    }

#header.meteskar-header .header-logo .brand-link-refined {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 244px !important;
    min-width: 244px !important;
    height: 64px !important;
    min-height: 64px !important;
    gap: 12px !important;
    padding: 8px 18px 8px 15px !important;
    overflow: hidden !important;
    border-radius: 23px !important;
}

#header.meteskar-header .header-logo .brand-emblem-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
}

    #header.meteskar-header .header-logo .brand-emblem-logo img {
        display: block !important;
        width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        max-height: 44px !important;
        object-fit: cover !important;
        object-position: 50% 44% !important;
        transform: translateY(-3px) !important;
        border-radius: 9px !important;
        mix-blend-mode: multiply !important;
    }

#header.meteskar-header .header-logo .brand-copy {
    display: grid !important;
    grid-template-rows: 20px 10px !important;
    align-content: center !important;
    justify-items: start !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    transform: translateY(-1px) !important;
}

    #header.meteskar-header .header-logo .brand-copy strong {
        margin: 0 !important;
        color: #102f4d !important;
        font-size: 19px !important;
        font-weight: 900 !important;
        line-height: 20px !important;
        letter-spacing: .075em !important;
    }

    #header.meteskar-header .header-logo .brand-copy small {
        display: block !important;
        margin: 0 !important;
        color: #557087 !important;
        font-size: 8px !important;
        font-weight: 900 !important;
        line-height: 10px !important;
        letter-spacing: .13em !important;
        white-space: nowrap !important;
    }

/* Hizmetler: ikon üstte kontrollü, kategori sağda; boşluklar ve hiyerarşi düzenli. */
#services .services-grid-ready {
    align-items: stretch !important;
}

#services .service-col-ready {
    display: flex !important;
}

#services .service-card.premium-service {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 332px !important;
    padding: 30px !important;
    overflow: hidden !important;
    border: 1px solid rgba(192, 228, 249, .19) !important;
    border-radius: 30px !important;
    background: linear-gradient(145deg, #21435f 0%, #102e48 54%, #0b263e 100%) !important;
    box-shadow: 0 20px 42px rgba(7, 31, 51, .17), inset 0 1px rgba(255,255,255,.1) !important;
    transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease !important;
}

    #services .service-card.premium-service::before {
        content: "" !important;
        position: absolute !important;
        z-index: 0 !important;
        width: 240px !important;
        height: 240px !important;
        right: -100px !important;
        top: -120px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(104,194,237,.2), transparent 68%) !important;
        pointer-events: none !important;
    }

    #services .service-card.premium-service::after {
        position: absolute !important;
        z-index: 2 !important;
        top: 30px !important;
        right: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 30px !important;
        padding: 0 12px !important;
        border: 1px solid rgba(172, 222, 247, .35) !important;
        border-radius: 999px !important;
        background: rgba(139, 205, 236, .13) !important;
        color: #dcf5ff !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        letter-spacing: .07em !important;
    }

#services .service-col-ready:nth-child(1) .service-card.premium-service::after {
    content: "MEKANÄ°K" !important;
}

#services .service-col-ready:nth-child(2) .service-card.premium-service::after {
    content: "PROJE" !important;
}

#services .service-col-ready:nth-child(3) .service-card.premium-service::after {
    content: "UYGULAMA" !important;
}

#services .service-card.premium-service:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(164, 224, 250, .38) !important;
    box-shadow: 0 26px 55px rgba(7, 31, 51, .25), inset 0 1px rgba(255,255,255,.13) !important;
}

#services .service-card.premium-service .service-image-mini,
#services .service-card.premium-service .tech-icon-service {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;
    margin: 0 0 25px !important;
    overflow: hidden !important;
    border: 1px solid rgba(210, 240, 255, .38) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, rgba(222,246,255,.27), rgba(113,163,190,.36)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.22), 0 12px 20px rgba(4,23,39,.18) !important;
}

    #services .service-card.premium-service .service-image-mini img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    #services .service-card.premium-service .tech-icon-service::before {
        content: "" !important;
        position: absolute !important;
        inset: 17px !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        opacity: 1 !important;
    }

    #services .service-card.premium-service .tech-icon-service::after {
        display: none !important;
    }

#services .service-card.premium-service h4,
#services .service-card.premium-service p,
#services .service-card.premium-service .project-link {
    position: relative !important;
    z-index: 2 !important;
}

#services .service-card.premium-service h4 {
    max-width: 92% !important;
    margin: 0 0 13px !important;
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 750 !important;
    line-height: 1.13 !important;
    letter-spacing: -.035em !important;
}

#services .service-card.premium-service p {
    margin: 0 !important;
    color: rgba(230,243,250,.82) !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
}

#services .service-card.premium-service .project-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    width: max-content !important;
    margin-top: auto !important;
    padding-top: 24px !important;
    color: #bcecff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    #header.meteskar-header.clean-header {
        min-height: 68px !important;
        padding: 5px 0 !important;
    }

        #header.meteskar-header.clean-header .header-inner {
            min-height: 58px !important;
        }

    #header.meteskar-header .header-logo .brand-link-refined {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        width: 204px !important;
        min-width: 204px !important;
        height: 54px !important;
        min-height: 54px !important;
        gap: 9px !important;
        padding: 7px 12px 7px 11px !important;
        border-radius: 19px !important;
    }

    #header.meteskar-header .header-logo .brand-emblem-logo {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
    }

        #header.meteskar-header .header-logo .brand-emblem-logo img {
            width: 37px !important;
            max-width: 37px !important;
            height: 37px !important;
            max-height: 37px !important;
            transform: translateY(-2px) !important;
        }

    #header.meteskar-header .header-logo .brand-copy {
        grid-template-rows: 17px 8px !important;
        min-height: 38px !important;
        height: 38px !important;
        gap: 3px !important;
    }

        #header.meteskar-header .header-logo .brand-copy strong {
            font-size: 16px !important;
            line-height: 17px !important;
        }

        #header.meteskar-header .header-logo .brand-copy small {
            font-size: 7px !important;
            line-height: 8px !important;
        }

    #services .service-card.premium-service {
        min-height: 306px !important;
        padding: 24px !important;
        border-radius: 27px !important;
    }

        #services .service-card.premium-service::after {
            top: 24px !important;
            right: 24px !important;
        }

        #services .service-card.premium-service .service-image-mini,
        #services .service-card.premium-service .tech-icon-service {
            width: 58px !important;
            min-width: 58px !important;
            height: 58px !important;
            margin-bottom: 21px !important;
            border-radius: 18px !important;
        }

        #services .service-card.premium-service h4 {
            max-width: 90% !important;
            font-size: 23px !important;
        }

        #services .service-card.premium-service p {
            font-size: 14px !important;
            line-height: 1.65 !important;
        }
}

@media (prefers-reduced-motion: reduce) {
    .airflow-impeller-stage::before,
    .airflow-impeller-stage::after,
    #services .service-card.premium-service {
        animation: none !important;
        transition: none !important;
    }
}

/* =========================================================
   METESKAR 9.5 — dönen rotor / logo optik hizası
========================================================= */

/* Şeffaf arka planlı rotor katmanı: sadece pervane döner, vitrin dönmez. */
.airflow-impeller-stage {
    background: radial-gradient(circle at 50% 48%, rgba(87,172,219,.20), transparent 33%), radial-gradient(ellipse at 50% 84%, rgba(0,0,0,.48), transparent 45%), linear-gradient(145deg, #183854 0%, #09243b 58%, #051523 100%) !important;
}

    .airflow-impeller-stage.is-ready .airflow-impeller-fallback.airflow-impeller-rotor,
    .airflow-impeller-stage .airflow-impeller-rotor {
        display: block !important;
        position: absolute !important;
        z-index: 3 !important;
        inset: 6% !important;
        width: 88% !important;
        height: 88% !important;
        max-width: none !important;
        opacity: 1 !important;
        object-fit: contain !important;
        object-position: center !important;
        transform-origin: 50% 50% !important;
        transform: rotate(0deg) !important;
        filter: drop-shadow(0 22px 18px rgba(0,0,0,.44)) contrast(1.04) !important;
        animation: meteskar-rotor-spin 13s linear infinite !important;
        will-change: transform !important;
    }

    .airflow-impeller-stage:hover .airflow-impeller-rotor {
        animation-duration: 5.8s !important;
    }

@keyframes meteskar-rotor-spin {
    from {
        transform: rotate(0deg) !important;
    }

    to {
        transform: rotate(360deg) !important;
    }
}

/* Görselin içindeki personel ikonunun ağırlık merkezi aşağıda kaldığı için
   küçük ama kontrollü bir optik düzeltme uygulanır. */
#header.meteskar-header .header-logo .brand-link-refined {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    width: 246px !important;
    min-width: 246px !important;
    height: 64px !important;
    gap: 13px !important;
    padding: 8px 18px 8px 16px !important;
}

#header.meteskar-header .header-logo .brand-emblem-logo {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    overflow: visible !important;
}

    #header.meteskar-header .header-logo .brand-emblem-logo img {
        display: block !important;
        width: 39px !important;
        max-width: 39px !important;
        height: 44px !important;
        max-height: 44px !important;
        object-fit: contain !important;
        object-position: 50% 50% !important;
        transform: translateY(-4px) !important;
        border-radius: 0 !important;
        mix-blend-mode: multiply !important;
    }

#header.meteskar-header .header-logo .brand-copy {
    grid-template-rows: 21px 10px !important;
    height: 43px !important;
    min-height: 43px !important;
    gap: 3px !important;
    transform: translateY(-2px) !important;
}

    #header.meteskar-header .header-logo .brand-copy strong {
        font-size: 18px !important;
        line-height: 21px !important;
    }

    #header.meteskar-header .header-logo .brand-copy small {
        font-size: 8px !important;
        line-height: 10px !important;
    }

@media (max-width: 767px) {
    .airflow-impeller-stage.is-ready .airflow-impeller-fallback.airflow-impeller-rotor,
    .airflow-impeller-stage .airflow-impeller-rotor {
        inset: 10% !important;
        width: 80% !important;
        height: 80% !important;
        animation-duration: 16s !important;
    }

    #header.meteskar-header .header-logo .brand-link-refined {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        width: 206px !important;
        min-width: 206px !important;
        height: 54px !important;
        gap: 10px !important;
        padding: 7px 12px !important;
    }

    #header.meteskar-header .header-logo .brand-emblem-logo {
        width: 38px !important;
        min-width: 38px !important;
        height: 40px !important;
    }

        #header.meteskar-header .header-logo .brand-emblem-logo img {
            width: 33px !important;
            max-width: 33px !important;
            height: 39px !important;
            max-height: 39px !important;
            transform: translateY(-3px) !important;
        }

    #header.meteskar-header .header-logo .brand-copy {
        grid-template-rows: 18px 8px !important;
        height: 36px !important;
        min-height: 36px !important;
        transform: translateY(-1px) !important;
    }

        #header.meteskar-header .header-logo .brand-copy strong {
            font-size: 16px !important;
            line-height: 18px !important;
        }

        #header.meteskar-header .header-logo .brand-copy small {
            font-size: 7px !important;
            line-height: 8px !important;
        }
}

@media (prefers-reduced-motion: reduce) {
    .airflow-impeller-stage .airflow-impeller-rotor {
        animation: none !important;
    }
}

/* =========================================================
   METESKAR 9.6 — JS rotor motoru / logo final hizası
========================================================= */

/* Dönüş JS ile verilir: eski transform!important kuralları rotoru durduramaz. */
.airflow-impeller-stage .airflow-impeller-rotor {
    animation: none !important;
    transform-origin: 50% 50% !important;
    backface-visibility: hidden !important;
}

/* Logo: icon ve iki satır metin aynı matematiksel/optik merkezde. */
#header.meteskar-header .header-logo .brand-link-refined {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 242px !important;
    min-width: 242px !important;
    height: 62px !important;
    min-height: 62px !important;
    gap: 12px !important;
    padding: 8px 17px 8px 15px !important;
}

#header.meteskar-header .header-logo .brand-emblem-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
}

    #header.meteskar-header .header-logo .brand-emblem-logo img {
        display: block !important;
        width: 36px !important;
        max-width: 36px !important;
        height: 40px !important;
        max-height: 40px !important;
        object-fit: contain !important;
        object-position: center !important;
        transform: translateY(-3px) !important;
        border: 0 !important;
    }

#header.meteskar-header .header-logo .brand-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    gap: 3px !important;
    transform: translateY(-1px) !important;
}

    #header.meteskar-header .header-logo .brand-copy strong {
        display: block !important;
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 20px !important;
        letter-spacing: .065em !important;
    }

    #header.meteskar-header .header-logo .brand-copy small {
        display: block !important;
        margin: 0 !important;
        font-size: 8px !important;
        line-height: 10px !important;
        letter-spacing: .115em !important;
    }

@media (max-width: 767px) {
    #header.meteskar-header .header-logo .brand-link-refined {
        width: 202px !important;
        min-width: 202px !important;
        height: 53px !important;
        min-height: 53px !important;
        gap: 9px !important;
        padding: 7px 12px !important;
    }

    #header.meteskar-header .header-logo .brand-emblem-logo {
        flex-basis: 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 38px !important;
    }

        #header.meteskar-header .header-logo .brand-emblem-logo img {
            width: 31px !important;
            max-width: 31px !important;
            height: 36px !important;
            max-height: 36px !important;
            transform: translateY(-2px) !important;
        }

    #header.meteskar-header .header-logo .brand-copy {
        height: 34px !important;
        min-height: 34px !important;
        gap: 2px !important;
    }

        #header.meteskar-header .header-logo .brand-copy strong {
            font-size: 15px !important;
            line-height: 17px !important;
        }

        #header.meteskar-header .header-logo .brand-copy small {
            font-size: 7px !important;
            line-height: 8px !important;
        }
}

/* =========================================================
   METESKAR 9.7 — UI dengeleme / canlı hava akışı / kart finali
========================================================= */

/* Header: işçi ikonu ve iki satır marka metni ortak merkezde. */
#header.meteskar-header .header-logo .brand-link-refined {
    display: flex !important;
    align-items: center !important;
    width: 238px !important;
    min-width: 238px !important;
    height: 60px !important;
    min-height: 60px !important;
    gap: 11px !important;
    padding: 7px 16px 7px 14px !important;
}

#header.meteskar-header .header-logo .brand-emblem-logo {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 39px !important;
    width: 39px !important;
    min-width: 39px !important;
    height: 40px !important;
}

    #header.meteskar-header .header-logo .brand-emblem-logo img {
        display: block !important;
        width: 34px !important;
        max-width: 34px !important;
        height: 38px !important;
        max-height: 38px !important;
        object-fit: contain !important;
        object-position: 50% 46% !important;
        transform: translateY(-2px) !important;
    }

#header.meteskar-header .header-logo .brand-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    height: 38px !important;
    min-height: 38px !important;
    gap: 2px !important;
    transform: none !important;
}

    #header.meteskar-header .header-logo .brand-copy strong {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    #header.meteskar-header .header-logo .brand-copy small {
        font-size: 7px !important;
        line-height: 9px !important;
        letter-spacing: .13em !important;
    }

/* Kenar akışları: sayfadan bağımsız, aşağı süzülen iki ayrı katman. */
.meteskar-airflow-gutter {
    position: fixed !important;
    z-index: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    overflow: hidden !important;
    pointer-events: none !important;
    opacity: .58 !important;
}

    .meteskar-airflow-gutter::before,
    .meteskar-airflow-gutter::after {
        display: block !important;
        animation-play-state: running !important;
    }

    .meteskar-airflow-gutter::before {
        background-size: 100% 520px !important;
        animation: meteskar-flow-down 8.5s linear infinite !important;
    }

    .meteskar-airflow-gutter::after {
        opacity: .8 !important;
        animation: meteskar-flow-particles 5.5s linear infinite !important;
    }

@keyframes meteskar-flow-down {
    from {
        background-position: center -520px !important;
        transform: translateY(0) !important;
    }

    to {
        background-position: center 520px !important;
        transform: translateY(0) !important;
    }
}

@keyframes meteskar-flow-particles {
    from {
        background-position: center -180px !important;
    }

    to {
        background-position: center 180px !important;
    }
}

/* Faredeki küçük efekt: düz çark yerine minik metalik rotor. */
.meteskar-cursor-gear {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(118,224,255,.42) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 50% 50%, #123d59 0 18%, #e5f7ff 19% 26%, #176a9c 27% 34%, transparent 35%) !important;
    box-shadow: 0 4px 14px rgba(9,89,142,.34), inset 0 0 7px rgba(219,250,255,.82) !important;
}

    .meteskar-cursor-gear::before {
        content: "" !important;
        position: absolute !important;
        inset: 4px !important;
        border-radius: 50% !important;
        background: conic-gradient(from 0deg, #dff8ff 0 8%, transparent 8% 20%, #8edcff 20% 28%, transparent 28% 40%, #dff8ff 40% 48%, transparent 48% 60%, #8edcff 60% 68%, transparent 68% 80%, #dff8ff 80% 88%, transparent 88% 100%) !important;
        -webkit-mask: radial-gradient(circle, transparent 0 33%, #000 35% 76%, transparent 78%) !important;
        mask: radial-gradient(circle, transparent 0 33%, #000 35% 76%, transparent 78%) !important;
        animation: meteskar-mini-rotor 1.8s linear infinite !important;
    }

    .meteskar-cursor-gear::after {
        display: none !important;
    }

@keyframes meteskar-mini-rotor {
    to {
        transform: rotate(360deg);
    }
}

/* "Biz neler yapıyoruz?" kartları: referans koyu panel mantığı,
   ikon/etiket/metin birbirinden bağımsız katmanlar halinde. */
#services .service-card.premium-service {
    display: flex !important;
    flex-direction: column !important;
    min-height: 370px !important;
    padding: 58px 34px 32px !important;
    border-radius: 29px !important;
    background: linear-gradient(145deg, #284a65, #173852 72%, #123149) !important;
    overflow: hidden !important;
}

    #services .service-card.premium-service::before {
        content: "" !important;
        position: absolute !important;
        z-index: 0 !important;
        inset: 0 !important;
        width: auto !important;
        height: auto !important;
        background: radial-gradient(circle at 50% -16%, rgba(130,202,235,.18), transparent 35%) !important;
    }

    #services .service-card.premium-service::after {
        top: 151px !important;
        right: auto !important;
        left: 34px !important;
        width: auto !important;
        min-height: 29px !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        background: rgba(131,201,237,.13) !important;
        color: #e6f8ff !important;
    }

    #services .service-card.premium-service .service-image-mini,
    #services .service-card.premium-service .tech-icon-service {
        position: relative !important;
        z-index: 2 !important;
        align-self: center !important;
        width: 86px !important;
        min-width: 86px !important;
        height: 86px !important;
        margin: 0 auto 47px !important;
        border-radius: 27px !important;
    }

        #services .service-card.premium-service .tech-icon-service::before {
            inset: 22px !important;
            filter: brightness(0) invert(1) !important;
        }

    #services .service-card.premium-service h4 {
        z-index: 2 !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        color: #fff !important;
        font-size: 25px !important;
        line-height: 1.12 !important;
    }

    #services .service-card.premium-service p {
        z-index: 2 !important;
        margin: 0 !important;
        color: rgba(235,246,252,.79) !important;
    }

    #services .service-card.premium-service .project-link {
        z-index: 2 !important;
        margin-top: auto !important;
        padding-top: 22px !important;
        color: #d5f3ff !important;
    }

@media (max-width: 767px) {
    #header.meteskar-header .header-logo .brand-link-refined {
        width: 198px !important;
        min-width: 198px !important;
        height: 52px !important;
        padding: 6px 11px !important;
    }

    #header.meteskar-header .header-logo .brand-emblem-logo {
        flex-basis: 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 36px !important;
    }

        #header.meteskar-header .header-logo .brand-emblem-logo img {
            width: 30px !important;
            max-width: 30px !important;
            height: 34px !important;
            max-height: 34px !important;
        }

    #header.meteskar-header .header-logo .brand-copy {
        height: 33px !important;
        min-height: 33px !important;
    }

        #header.meteskar-header .header-logo .brand-copy strong {
            font-size: 15px !important;
            line-height: 17px !important;
        }

        #header.meteskar-header .header-logo .brand-copy small {
            font-size: 6.5px !important;
            line-height: 8px !important;
        }

    #services .service-card.premium-service {
        min-height: 338px !important;
        padding: 48px 25px 27px !important;
    }

        #services .service-card.premium-service .service-image-mini,
        #services .service-card.premium-service .tech-icon-service {
            width: 74px !important;
            min-width: 74px !important;
            height: 74px !important;
            margin-bottom: 42px !important;
            border-radius: 23px !important;
        }

        #services .service-card.premium-service::after {
            top: 132px !important;
            left: 25px !important;
        }

        #services .service-card.premium-service h4 {
            font-size: 22px !important;
        }
}

@media (prefers-reduced-motion: reduce) {
    .meteskar-airflow-gutter::before,
    .meteskar-airflow-gutter::after,
    .meteskar-cursor-gear::before {
        animation: none !important;
    }
}

/* =========================================================
   METESKAR 9.8 — öne çıkan projeler / logo final dengesi
========================================================= */

/* Header logo: içerik kutusu değil, ikon + tipografi kompozisyonu. */
#header.meteskar-header .header-logo .brand-link-refined {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 242px !important;
    min-width: 242px !important;
    height: 62px !important;
    min-height: 62px !important;
    gap: 12px !important;
    padding: 7px 17px 7px 15px !important;
}

#header.meteskar-header .header-logo .brand-emblem-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 46px !important;
    overflow: hidden !important;
}

    #header.meteskar-header .header-logo .brand-emblem-logo img {
        display: block !important;
        width: 38px !important;
        max-width: 38px !important;
        height: 45px !important;
        max-height: 45px !important;
        object-fit: cover !important;
        object-position: 50% 39% !important;
        transform: translateY(-4px) !important;
        border-radius: 0 !important;
    }

#header.meteskar-header .header-logo .brand-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    gap: 3px !important;
    transform: translateY(0) !important;
}

    #header.meteskar-header .header-logo .brand-copy strong {
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 20px !important;
        letter-spacing: .065em !important;
    }

    #header.meteskar-header .header-logo .brand-copy small {
        margin: 0 !important;
        font-size: 7px !important;
        line-height: 9px !important;
        letter-spacing: .14em !important;
    }

/* Öne çıkan projeler, hizmet kartlarıyla aynı açık zemin + koyu panel diline alınır. */
#featured-projects.featured-lux-section {
    position: relative !important;
    background: #f5f9fd !important;
    color: #102b45 !important;
}

    #featured-projects.featured-lux-section .section-title h2 {
        color: #112b46 !important;
    }

    #featured-projects.featured-lux-section .section-title p {
        color: #688099 !important;
    }

#featured-projects .featured-placeholder-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    max-width: 1170px !important;
    margin: 42px auto 0 !important;
}

#featured-projects .featured-placeholder-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 368px !important;
    padding: 58px 34px 32px !important;
    overflow: hidden !important;
    border: 1px solid rgba(178,220,242,.28) !important;
    border-radius: 29px !important;
    background: linear-gradient(145deg, #284a65, #173852 72%, #123149) !important;
    box-shadow: 0 20px 38px rgba(23,69,101,.16), inset 0 1px rgba(255,255,255,.12) !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
}

    #featured-projects .featured-placeholder-card::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background: radial-gradient(circle at 50% -20%, rgba(139,209,242,.18), transparent 36%) !important;
        pointer-events: none !important;
    }

    #featured-projects .featured-placeholder-card:hover {
        transform: translateY(-7px) !important;
        box-shadow: 0 28px 48px rgba(23,69,101,.23), inset 0 1px rgba(255,255,255,.15) !important;
    }

    #featured-projects .featured-placeholder-card .featured-tech-icon {
        position: relative !important;
        z-index: 2 !important;
        align-self: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 86px !important;
        height: 86px !important;
        margin: 0 auto 47px !important;
        border-radius: 27px !important;
        background: linear-gradient(145deg, rgba(225,246,255,.30), rgba(113,163,190,.39)) !important;
        border: 1px solid rgba(219,242,255,.37) !important;
    }

    #featured-projects .featured-placeholder-card .project-badge {
        position: absolute !important;
        z-index: 2 !important;
        top: 151px !important;
        left: 34px !important;
        padding: 7px 12px !important;
        border: 1px solid rgba(172,222,247,.35) !important;
        border-radius: 999px !important;
        background: rgba(139,205,236,.13) !important;
        color: #e6f8ff !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        letter-spacing: .07em !important;
    }

    #featured-projects .featured-placeholder-card h4,
    #featured-projects .featured-placeholder-card p {
        position: relative !important;
        z-index: 2 !important;
    }

    #featured-projects .featured-placeholder-card h4 {
        margin: 0 0 12px !important;
        color: #fff !important;
        font-size: 25px !important;
        line-height: 1.12 !important;
    }

    #featured-projects .featured-placeholder-card p {
        margin: 0 !important;
        color: rgba(235,246,252,.79) !important;
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

#featured-projects .featured-empty-note {
    margin-top: 28px !important;
    color: #526f88 !important;
}

@media (max-width: 991px) {
    #featured-projects .featured-placeholder-grid {
        grid-template-columns: 1fr !important;
        max-width: 580px !important;
    }

    #featured-projects .featured-placeholder-card {
        min-height: 330px !important;
    }
}

@media (max-width: 767px) {
    #header.meteskar-header .header-logo .brand-link-refined {
        width: 202px !important;
        min-width: 202px !important;
        height: 53px !important;
        gap: 9px !important;
        padding: 6px 12px !important;
    }

    #header.meteskar-header .header-logo .brand-emblem-logo {
        flex-basis: 35px !important;
        width: 35px !important;
        min-width: 35px !important;
        height: 39px !important;
    }

        #header.meteskar-header .header-logo .brand-emblem-logo img {
            width: 32px !important;
            max-width: 32px !important;
            height: 39px !important;
            max-height: 39px !important;
            transform: translateY(-3px) !important;
        }

    #header.meteskar-header .header-logo .brand-copy {
        height: 35px !important;
        min-height: 35px !important;
        gap: 2px !important;
    }

        #header.meteskar-header .header-logo .brand-copy strong {
            font-size: 15px !important;
            line-height: 17px !important;
        }

        #header.meteskar-header .header-logo .brand-copy small {
            font-size: 6.5px !important;
            line-height: 8px !important;
        }

    #featured-projects .featured-placeholder-grid {
        margin-top: 30px !important;
        gap: 18px !important;
    }

    #featured-projects .featured-placeholder-card {
        min-height: 318px !important;
        padding: 47px 25px 27px !important;
        border-radius: 26px !important;
    }

        #featured-projects .featured-placeholder-card .featured-tech-icon {
            width: 72px !important;
            height: 72px !important;
            margin-bottom: 41px !important;
            border-radius: 23px !important;
        }

        #featured-projects .featured-placeholder-card .project-badge {
            top: 130px !important;
            left: 25px !important;
        }

        #featured-projects .featured-placeholder-card h4 {
            font-size: 22px !important;
        }
}

/* =========================================================
   METESKAR 9.9 — yalnızca logo metin hizası
========================================================= */
#header.meteskar-header .header-logo .brand-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 3px !important;
    transform: none !important;
}

    #header.meteskar-header .header-logo .brand-copy strong,
    #header.meteskar-header .header-logo .brand-copy small {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    #header.meteskar-header .header-logo .brand-copy strong {
        font-size: 18px !important;
        line-height: 20px !important;
        letter-spacing: .065em !important;
    }

    #header.meteskar-header .header-logo .brand-copy small {
        font-size: 7px !important;
        line-height: 9px !important;
        letter-spacing: .13em !important;
    }

@media (max-width: 767px) {
    #header.meteskar-header .header-logo .brand-copy {
        height: 34px !important;
        min-height: 34px !important;
        gap: 2px !important;
    }

        #header.meteskar-header .header-logo .brand-copy strong {
            font-size: 15px !important;
            line-height: 17px !important;
        }

        #header.meteskar-header .header-logo .brand-copy small {
            font-size: 6.5px !important;
            line-height: 8px !important;
        }
}

/* METESKAR 9.10 — Türkçe etiket ve kart başlık kontrastı */
/* Unicode escape kullanımı, dosya encoding farklarından etkilenmez. */
#services .service-col-ready:nth-child(1) .service-card.premium-service::after {
    content: "MEKAN\0130K" !important;
}

#services .service-card.premium-service h4 {
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.12) !important;
}
/* Saha disiplini: sol görsel ve sağ metin üstten hizalı */
.mechanical-motion-band {
    margin-top: 0 !important;
    padding: 76px 0 78px !important;
}

    .mechanical-motion-band .motion-panel {
        align-items: start !important;
    }

    .mechanical-motion-band .motion-copy {
        align-self: start !important;
        margin: 0 !important;
        padding-top: 36px !important;
    }

        .mechanical-motion-band .motion-copy .section-kicker {
            margin: 0 0 22px !important;
        }
    /* Saha disiplini: süreç görselini büyüt */
    .mechanical-motion-band .motion-panel {
        grid-template-columns: minmax(390px, 1fr) 1.22fr !important;
        gap: 38px !important;
    }

    .mechanical-motion-band .process-map-v8 {
        min-height: 360px !important;
        transform: scale(1.08);
        transform-origin: center center;
    }

@media (max-width: 991px) {
    .mechanical-motion-band .motion-panel {
        grid-template-columns: 1fr !important;
    }

    .mechanical-motion-band .process-map-v8 {
        min-height: 300px !important;
        transform: none;
    }
}
/* Saha disiplini mavi süreç alanını büyüt */
.mechanical-motion-band .motion-panel {
    grid-template-columns: minmax(470px, 1.08fr) minmax(0, 1fr) !important;
    gap: 42px !important;
}

.mechanical-motion-band .process-map-v8 {
    width: 100% !important;
    min-height: 420px !important;
    height: 420px !important;
    transform: none !important;
}

.mechanical-motion-band .process-map-frame {
    inset: 26px !important;
}

@media (max-width: 991px) {
    .mechanical-motion-band .motion-panel {
        grid-template-columns: 1fr !important;
    }

    .mechanical-motion-band .process-map-v8 {
        min-height: 330px !important;
        height: 330px !important;
    }
}
/* Saha disiplini: masaüstünde süreç görselini belirgin büyüt */
@media (min-width: 1200px) {
    .mechanical-motion-band .motion-panel {
        grid-template-columns: minmax(520px, 1.28fr) minmax(300px, .72fr) !important;
        gap: 42px !important;
    }

    .mechanical-motion-band .process-map-v8 {
        width: 100% !important;
        min-width: 520px !important;
        min-height: 430px !important;
        height: 430px !important;
    }
}
/* Saha Disiplini: sol mavi alan beyaz kartın yüksekliğini doldursun */
@media (min-width: 992px) {
    .mechanical-motion-band .motion-panel {
        align-items: stretch !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 32px !important;
    }

    .mechanical-motion-band .process-map-v8 {
        align-self: stretch !important;
        width: 100% !important;
        height: auto !important;
        min-height: 100% !important;
        transform: none !important;
    }

    .mechanical-motion-band .motion-copy {
        align-self: start !important;
        padding-top: 36px !important;
    }
}

/* Fare yanındaki mekanik imleç: her zeminde görünür */
#meteskarCursorGear,
.meteskar-cursor-gear {
    width: 34px !important;
    height: 34px !important;
    border: 2px solid rgba(255, 255, 255, .96) !important;
    border-radius: 50% !important;
    background: #0a3152 !important;
    box-shadow:
        0 0 0 2px rgba(9, 72, 120, .92),
        0 6px 18px rgba(4, 35, 61, .30),
        0 0 16px rgba(63, 190, 255, .45) !important;
    opacity: 1 !important;
    z-index: 99999 !important;
}

#meteskarCursorGear::before,
.meteskar-cursor-gear::before {
    color: #ffffff !important;
    filter: drop-shadow(0 0 3px rgba(105, 210, 255, .9)) !important;
}

#meteskarCursorGear::after,
.meteskar-cursor-gear::after {
    background: #54c8ff !important;
    box-shadow: 0 0 8px rgba(84, 200, 255, .95) !important;
}

.footer-bottom-lux .copyright a {
    color: #fff !important;
}
.footer-bottom-lux .copyright a,
.footer-bottom-lux .copyright a:hover,
.footer-bottom-lux .copyright a:focus {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}