/* =========================================================================
   MAIN.CSS — Dinamik ISI public homepage (http://localhost:5146/)
   Scope: Home/Index only + shared layout chrome (topbar/navbar/footer),
   which render on every page but had no CSS anywhere in this project
   before this file. Section-specific rules below are scoped under
   body.page-home-index so they cannot leak onto other public pages.
   Reference (localhost:5246) was used only for layout/behavior/sizing
   cues, not copied — values re-derived and written fresh here.
   ========================================================================= */


/* =========================================================================
   01. DESIGN TOKENS
   ========================================================================= */

:root {
    --dnisi-red: #e30613;
    --dnisi-red-dark: #b8000a;
    --dnisi-red-soft: rgba(227, 6, 19, .08);
    --dnisi-red-soft-2: rgba(227, 6, 19, .16);

    --dnisi-ink-900: #111114;
    --dnisi-ink-800: #1c1c21;
    --dnisi-ink-700: #27272e;
    --dnisi-ink-600: #3a3a44;

    --dnisi-text: #15151b;
    --dnisi-text-soft: #52525c;
    --dnisi-text-muted: #7c7c88;
    --dnisi-text-on-dark: #f4f4f6;
    --dnisi-text-on-dark-soft: rgba(244, 244, 246, .68);

    --dnisi-surface: #ffffff;
    --dnisi-surface-alt: #f6f6f8;
    --dnisi-line: #e6e6ea;
    --dnisi-line-soft: #eef0f2;

    --dnisi-radius-sm: 6px;
    --dnisi-radius-md: 12px;
    --dnisi-radius-lg: 20px;

    --dnisi-shadow-sm: 0 1px 4px rgba(15, 15, 20, .06), 0 2px 8px rgba(15, 15, 20, .04);
    --dnisi-shadow-md: 0 10px 30px rgba(15, 15, 20, .08);
    --dnisi-shadow-lg: 0 20px 48px rgba(15, 15, 20, .16);

    --dnisi-ease: cubic-bezier(.25, .46, .45, .94);
    --dnisi-font: "Segoe UI", Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

    --dnisi-h1: clamp(2rem, 1.3rem + 2.3vw, 2.85rem);
    --dnisi-h2: clamp(1.75rem, 1.55rem + 0.9vw, 2.5rem);
    --dnisi-h3: 1.375rem;

    --dnisi-navbar-h: 72px;
    --dnisi-navbar-h-mobile: 58px;
    --dnisi-topbar-h: 30px;
    --dnisi-radius-btn: 4px;
    --dnisi-control-height: 44px;

    /* Media/consolidated section semantic aliases (reference 5246 ui tokens):
       generic names used by the consolidated frontend blocks map to the
       site's dnisi token palette. Keep paired — do not re-derive colors. */
    --bg: var(--dnisi-surface);
    --bg-card: var(--dnisi-surface);
    --bg-alt: var(--dnisi-surface-alt);
    --border: var(--dnisi-line);
    --txt-primary: var(--dnisi-text);
    --txt-secondary: var(--dnisi-text-soft);
    --txt-muted: var(--dnisi-text-muted);
    --red: var(--dnisi-red);
    --red-dark: var(--dnisi-red-dark);
    --red-soft: var(--dnisi-red-soft);
    --red-soft-2: var(--dnisi-red-soft-2);
    --line: var(--dnisi-line);
    --shadow-sm: var(--dnisi-shadow-sm);
    --shadow-md: var(--dnisi-shadow-md);
}


/* Bootstrap'in kademeli container maksimum genisliklerini (1140/1320px)
   1500px ust limitine tasir. Main.css _Layout'ta bootstrap'ten sonra
   yuklendigi icin bu kural kazanan taraftadir. */
.container {
    max-width: 1500px;
}

/* Genel form alani boyutu: sitede hicbir global .form-control kurali yoktu,
   bu yuzden tum public formlar (iletisim, yatirimci iliskileri, basvuru vb.)
   Bootstrap'in cok kucuk varsayilan yuksekligiyle goruniyordu. Marka
   tokenlariyla tutarli, sabit bir minimum yukseklik + iç bosluk tanimlanir. */
.form-control,
.form-select {
    min-height: var(--dnisi-control-height);
    padding: 10px 16px;
    font-family: var(--dnisi-font);
    font-size: .95rem;
    color: var(--dnisi-text);
    background-color: var(--dnisi-surface);
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-sm);
    transition: border-color .2s var(--dnisi-ease), box-shadow .2s var(--dnisi-ease);
}

textarea.form-control {
    min-height: calc(var(--dnisi-control-height) * 2);
}

.form-control:focus,
.form-select:focus {
    color: var(--dnisi-text);
    background-color: var(--dnisi-surface);
    border-color: var(--dnisi-red);
    box-shadow: 0 0 0 3px var(--dnisi-red-soft);
    outline: none;
}

.form-control::placeholder {
    color: var(--dnisi-text-muted);
    opacity: .8;
}

.form-label {
    margin-bottom: 6px;
    font-size: .88rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

.form-check-input {
    width: 1.15em;
    height: 1.15em;
    margin-top: .2em;
    cursor: pointer;
}

.form-check-input:checked {
    background-color: var(--dnisi-red);
    border-color: var(--dnisi-red);
}

.form-check-input:focus {
    border-color: var(--dnisi-red);
    box-shadow: 0 0 0 3px var(--dnisi-red-soft);
}

.form-check-label {
    cursor: pointer;
}


/* =========================================================================
   02. NAVBAR SAFETY: the off-canvas mobile nav panel below sits just past
   the viewport edge (transform: translateX(100%)) while closed. Without
   this, that panel widens the document's scrollable width past 100vw,
   which breaks the `width=device-width` viewport lock on mobile and
   makes the whole page render zoomed/compressed. Global (not home-only)
   because the navbar is shared chrome on every page.
   ========================================================================= */

html,
body {
    overflow-x: hidden;
}

/* Bootstrap'in global p { margin-bottom: 1rem } kuralini neutralize et;
   sayfa yerlesimini bozan alt boslugun devre disi birakilmasiyla
   (console'dan kapatinca duzelen sorun) uyumlu hale getirilir. */
p {
    margin-top: 0;
    margin-bottom: 0;
}


/* =========================================================================
   03. TOPBAR + NAVBAR  (shared layout chrome — renders on every page)
   ========================================================================= */

#topbar {
    background: rgba(22, 22, 22, 0.92);
    border-bottom: 1px solid rgba(15, 15, 20, .06);
}

#topbar .topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: var(--dnisi-topbar-h);
    font-family: var(--dnisi-font);
    font-size: .72rem;
    line-height: 1;
}

#topbar .lang-row {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}

#topbar .lang-link {
    display: inline-block;
    color: var(--dnisi-text-muted);
    text-decoration: none;
    line-height: 1;
    transition: color .2s var(--dnisi-ease);
}

#topbar .lang-link p {
    margin-top: 0;
}

#topbar .lang-link:hover,
#topbar .lang-link:focus-visible {
    color: var(--dnisi-text);
}

#topbar .lang-link.active {
    color: var(--dnisi-red);
    font-weight: 700;
}

#topbar .lang-sep {
    display: inline-block;
    color: var(--dnisi-line);
    line-height: 1;
}

#topbar .etahsilat {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    color: var(--dnisi-red);
    text-decoration: none;
    font-weight: 700;
    letter-spacing: .01em;
    transition: color .2s var(--dnisi-ease);
}

#topbar .etahsilat:hover,
#topbar .etahsilat:focus-visible {
    color: var(--dnisi-red-dark);
}

header#navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid rgba(15, 15, 20, .06);
    transition: box-shadow .3s var(--dnisi-ease), border-color .3s var(--dnisi-ease);
}

header#navbar.elevated,
header#navbar.navbar-scrolled {
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 15, 20, .1);
    border-bottom-color: rgba(15, 15, 20, .08);
}

#navbar .nav-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: var(--dnisi-navbar-h);
    font-family: var(--dnisi-font);
}

#navbar .nav-links {
    align-self: stretch;
    display: flex;
    align-items: stretch;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    justify-content: center;
}

#navbar .nav-links>li {
    display: flex;
}

#navbar .nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 14px;
    border-radius: var(--dnisi-radius-sm);
    color: var(--dnisi-text);
    font-size: .85rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s var(--dnisi-ease);
}

#navbar .nav-link::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 3px;
    height: 2px;
    border-radius: 1px;
    background: var(--dnisi-red);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .5s var(--dnisi-ease);
}

#navbar .nav-link:hover,
#navbar .nav-link:focus-visible {
    color: var(--dnisi-red);
}

#navbar .nav-link:hover::after,
#navbar .nav-link:focus-visible::after {
    transform: scaleX(1);
}

#navbar .nav-link.active {
    color: var(--dnisi-red);
    font-weight: 600;
}

#navbar .nav-link.active::after {
    transform: scaleX(1);
}

#navbar .caret {
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: .7;
    transition: transform .25s var(--dnisi-ease);
    margin-top: -3px;
}

#navbar .has-mega:hover .caret,
#navbar .has-mega:focus-within .caret {
    transform: rotate(225deg);
    margin-top: 3px;
}

#navbar .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    transform: translateY(10px);
    background:
        radial-gradient(circle at var(--mega-x, 18%) var(--mega-y, 18%), rgba(227, 6, 19, .12), transparent 24%),
        #fff;
    border: 1px solid rgba(15, 15, 20, .06);
    border-top: 2px solid var(--dnisi-red);
    border-radius: 0 0 var(--dnisi-radius-md) var(--dnisi-radius-md);
    box-shadow: var(--dnisi-shadow-lg);
    padding: 32px 36px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0s linear .1s, transform .18s var(--dnisi-ease), visibility 0s linear .1s, background-position .24s ease;
    z-index: 20;
}

#navbar .mega-menu::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, .78) 0%, rgba(255, 255, 255, .52) 52%, rgba(255, 255, 255, .18) 100%),
        url("/img/logo.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, 280px auto;
    background-position: 0 0, 0% center;
    opacity: .16;
    transition: opacity .22s ease;
    pointer-events: none;
}

#navbar .mega-menu::after {
    content: "";
    position: absolute;
    inset: -45% -20%;
    background:
        repeating-linear-gradient(90deg, rgba(15, 23, 42, .06) 0 1px, transparent 1px 56px),
        repeating-linear-gradient(0deg, rgba(15, 23, 42, .045) 0 1px, transparent 1px 56px),
        radial-gradient(circle at 80% 50%, rgba(227, 6, 19, .12), transparent 22%);
    opacity: .55;
    transform: translateX(-24px);
    transition: transform .5s ease;
    pointer-events: none;
}

#navbar .has-mega:hover .mega-menu,
#navbar .has-mega:focus-within .mega-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity 0s linear, transform .18s var(--dnisi-ease), visibility 0s;
    animation: megaSoftMove 2.8s ease-in-out infinite alternate;
}

#navbar .has-mega:hover .mega-menu::before,
#navbar .has-mega:focus-within .mega-menu::before {
    opacity: .22;
    animation: megaLogoDrift 16s linear infinite alternate;
}

#navbar .has-mega:hover .mega-menu::after,
#navbar .has-mega:focus-within .mega-menu::after {
    transform: translateX(28px);
}

@keyframes megaSoftMove {
    from {
        background-position: 0% 50%;
    }

    to {
        background-position: 100% 50%;
    }
}

@keyframes megaLogoDrift {
    from {
        background-position: 0 0, 0% center;
    }

    to {
        background-position: 0 0, 100% center;
    }
}

#navbar .mega-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 48px;
}

#navbar .mega-col {
    flex: 1 1 0;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 24px;
    align-items: start;
}

#navbar .mega-col .mega-title {
    grid-column: 1 / -1;
}

#navbar .mega-products-col {
    flex: 1.4 1 0;
    min-width: 0;
}

#navbar .mega-title {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--dnisi-red);
    margin-bottom: 10px;
}

#navbar .mega-link {
    display: block;
    padding: 7px 8px;
    border-radius: var(--dnisi-radius-sm);
    color: var(--dnisi-text-soft);
    font-size: .85rem;
    text-decoration: none;
    transition: color .2s var(--dnisi-ease), background-color .2s var(--dnisi-ease);
}

#navbar .mega-link:hover,
#navbar .mega-link:focus-visible {
    color: var(--dnisi-red);
    background: var(--dnisi-surface-alt);
}

#navbar .nav-right {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

#navbar .nav-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: var(--dnisi-radius-btn);
    background: var(--dnisi-red);
    color: #fff;
    font-size: .85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .2s var(--dnisi-ease), box-shadow .2s var(--dnisi-ease);
}

#navbar .nav-cta span[aria-hidden] {
    display: inline-block;
    transition: transform .2s var(--dnisi-ease);
}

#navbar .nav-cta:hover,
#navbar .nav-cta:focus-visible {
    background: var(--dnisi-red-dark);
    box-shadow: 0 6px 16px rgba(227, 6, 19, .32);
}

#navbar .nav-cta:hover span[aria-hidden],
#navbar .nav-cta:focus-visible span[aria-hidden] {
    transform: translateX(3px);
}

#navbar .mobile-menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}

#navbar .mobile-menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: var(--dnisi-text);
    transition: transform .25s var(--dnisi-ease), opacity .25s var(--dnisi-ease);
}

#navbar .mobile-menu-toggle.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

#navbar .mobile-menu-toggle.open span:nth-child(2) {
    opacity: 0;
}

#navbar .mobile-menu-toggle.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

#navbar a,
#navbar button {
    outline-offset: 3px;
}

#navbar a:focus-visible,
#navbar button:focus-visible {
    outline: 2px solid var(--dnisi-red);
    outline-offset: 3px;
    border-radius: var(--dnisi-radius-sm);
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    #navbar .nav-inner {
        gap: 12px;
    }

    #navbar .nav-links {
        gap: 0;
    }

    #navbar .nav-link {
        padding: 9px 8px;
        font-size: .8rem;
    }

    #navbar .nav-cta {
        padding: 8px 12px;
        font-size: .78rem;
    }

    #navbar .nav-right {
        gap: 8px;
    }
}

@media (max-width: 991.98px) {
    #navbar .nav-links {
        position: fixed;
        top: calc(var(--dnisi-topbar-h) + var(--dnisi-navbar-h-mobile));
        left: 0;
        right: 0;
        height: calc(100vh - var(--dnisi-topbar-h) - var(--dnisi-navbar-h-mobile));
        height: calc(100dvh - var(--dnisi-topbar-h) - var(--dnisi-navbar-h-mobile));
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        padding: 12px 20px 28px;
        background: #fff;
        overflow-y: auto;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: transform .3s var(--dnisi-ease), opacity .3s var(--dnisi-ease), visibility .3s;
    }

    #navbar .nav-links.open {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

    #navbar .nav-links>li {
        border-bottom: 1px solid rgba(15, 15, 20, .08);
    }

    #navbar .nav-link {
        width: 100%;
        padding: 14px 6px;
        font-size: .95rem;
        justify-content: space-between;
    }

    #navbar .mega-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        background: transparent;
        border: 0;
        box-shadow: none;
        backdrop-filter: none;
        padding: 0 0 10px 12px;
        max-width: none;
        min-width: 0;
    }

    #navbar .mega-inner {
        flex-direction: column;
        gap: 16px;
    }

    #navbar .nav-right {
        gap: 10px;
    }

    #navbar .nav-cta {
        padding: 8px 14px;
        font-size: .8rem;
    }

    #navbar .mobile-menu-toggle {
        display: inline-flex;
    }
}

@media (max-width: 575.98px) {
    #topbar .etahsilat span:not(.etahsilat-dot) {
        display: none;
    }
}


/* =========================================================================
   04. FOOTER  (shared layout chrome — renders on every page)
   ========================================================================= */

.site-footer-pro {
    background: var(--dnisi-ink-900);
    color: var(--dnisi-text-on-dark-soft);
    font-family: var(--dnisi-font);
}

.site-footer-pro .footer-contact-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 40px 0 32px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.site-footer-pro .footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.site-footer-pro .footer-contact-item i {
    color: var(--dnisi-red);
    font-size: 1.1rem;
    margin-top: 2px;
}

.site-footer-pro .footer-contact-item strong {
    display: block;
    color: var(--dnisi-text-on-dark);
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.site-footer-pro .footer-contact-item span {
    font-size: .82rem;
    line-height: 1.5;
}

.site-footer-pro .footer-main-pro {
    display: grid;
    grid-template-columns: 1.3fr .7fr .7fr 1.1fr;
    gap: 32px;
    padding: 44px 0 48px;
}

.site-footer-pro .footer-brand-pro .footer-logo-pro {
    width: min(220px, 100%);
    height: auto;
    filter: brightness(0) invert(1);
    margin-bottom: 14px;
}

.site-footer-pro .footer-brand-pro p {
    font-size: .85rem;
    line-height: 1.6;
    max-width: 32ch;
}

.site-footer-pro .footer-link-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-footer-pro .footer-link-col a {
    color: var(--dnisi-text-on-dark-soft);
    font-size: .85rem;
    text-decoration: none;
    transition: color .2s var(--dnisi-ease), transform .2s var(--dnisi-ease);
    width: fit-content;
}

.site-footer-pro .footer-link-col a:hover,
.site-footer-pro .footer-link-col a:focus-visible {
    color: var(--dnisi-text-on-dark);
    transform: translateX(3px);
}

.site-footer-pro .footer-newsletter-pro h4 {
    color: var(--dnisi-text-on-dark);
    font-size: .95rem;
    font-weight: 700;
    margin-bottom: 14px;
}

.site-footer-pro .footer-social-pro {
    display: flex;
    gap: 10px;
}

.site-footer-pro .footer-social-pro a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: var(--dnisi-text-on-dark);
    text-decoration: none;
    transition: background-color .2s var(--dnisi-ease), color .2s var(--dnisi-ease), transform .2s var(--dnisi-ease);
}

.site-footer-pro .footer-social-pro a:hover,
.site-footer-pro .footer-social-pro a:focus-visible {
    background: var(--dnisi-red);
    color: #fff;
    transform: translateY(-2px);
}

.site-footer-pro .footer-bottom-pro {
    background: #0a0a0c;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.site-footer-pro .footer-bottom-inner-pro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 60px;
    font-size: .78rem;
}

.site-footer-pro .footer-bottom-inner-pro nav {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.site-footer-pro .footer-bottom-inner-pro a {
    color: var(--dnisi-text-on-dark-soft);
    text-decoration: none;
    transition: color .2s var(--dnisi-ease);
}

.site-footer-pro .footer-bottom-inner-pro a:hover,
.site-footer-pro .footer-bottom-inner-pro a:focus-visible {
    color: var(--dnisi-text-on-dark);
}

@media (max-width: 991.98px) {
    .site-footer-pro .footer-contact-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .site-footer-pro .footer-main-pro {
        grid-template-columns: 1fr 1fr;
        row-gap: 32px;
    }
}

@media (max-width: 575.98px) {
    .site-footer-pro .footer-contact-strip {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .site-footer-pro .footer-main-pro {
        grid-template-columns: 1fr;
    }

    .site-footer-pro .footer-bottom-inner-pro {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 0;
    }
}


/* =========================================================================
   05. HOME PAGE FRAME
   Everything below this point is scoped to body.page-home-index so it
   cannot affect any other public page.
   ========================================================================= */

body.page-home-index main.home-dynamic-sections {
    display: flex;
    flex-direction: column;
    /* Section order is admin-controlled via inline `order` styles
       (HomeIndexViewModel.SectionOrder) — flex is required for that to work. */
}

body.page-home-index .section {
    padding: 88px 0;
}

body.page-home-index .container {
    max-width: 1500px;
}

body.page-home-index .is-media-missing {
    background: linear-gradient(135deg, var(--dnisi-ink-800), var(--dnisi-ink-900)) !important;
}


/* =========================================================================
   06. HERO / SLIDER
   ========================================================================= */

body.page-home-index #hero.custom-hero {
    position: relative;
}

body.page-home-index .custom-hero-stage {
    position: relative;
    overflow: hidden;
    height: clamp(640px, 80vh, 760px);
}

body.page-home-index .custom-hero-inner {
    position: relative;
    height: 100%;
}

body.page-home-index .custom-hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .75s var(--dnisi-ease), visibility 0s linear .75s;
    z-index: 1;
}

body.page-home-index .custom-hero-slide.active {
    opacity: 1;
    visibility: visible;
    transition: opacity .75s var(--dnisi-ease);
    z-index: 2;
}

body.page-home-index .custom-hero-slide.is-leaving {
    opacity: 0;
    visibility: visible;
    z-index: 1;
}

body.page-home-index .custom-hero-grid {
    position: relative;
    height: 100%;
}

body.page-home-index .custom-hero-media {
    position: absolute;
    inset: 0;
}

body.page-home-index .custom-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    /* Smooth, wide dark-to-clear wash so the copy block reads as legible
       text-over-photo, never as a flat solid-color panel; right side of
       the image stays visible per the full-bleed product-photo brief. */
    background: linear-gradient(92deg,
            rgba(6, 7, 9, .92) 0%,
            rgba(6, 7, 9, .86) 30%,
            rgba(6, 7, 9, .62) 46%,
            rgba(6, 7, 9, .30) 60%,
            rgba(6, 7, 9, 0) 78%),
        linear-gradient(180deg,
            rgba(6, 7, 9, .60) 0%,
            rgba(6, 7, 9, .12) 20%,
            rgba(6, 7, 9, 0) 36%);
}

body.page-home-index .custom-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

body.page-home-index .custom-hero-copy {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    max-width: 720px;
    padding: 0 5vw 72px;
}

body.page-home-index .custom-hero-overlay-logo {
    width: 350px;
    height: auto;
    margin-bottom: -20px;
    display: block;
    /*! padding-top: -18px; */
}

body.page-home-index .custom-hero-eyebrow {
    display: none;
}

body.page-home-index .custom-hero-text h1,
body.page-home-index .custom-hero-text .custom-hero-title {
    color: #fff;
    font-size: var(--dnisi-h1);
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: -.02em;
    overflow-wrap: break-word;
    margin: 0 0 16px;
    width: 800px;
}

body.page-home-index .custom-hero-support {
    color: var(--dnisi-red);
    font-size: .85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 1.6;
    margin: 0 0 30px;
    max-width: 52ch;
}

body.page-home-index .custom-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

body.page-home-index .custom-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 26px;
    border-radius: var(--dnisi-radius-btn);
    font-size: .85rem;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: .01em;
    transition: background-color .2s var(--dnisi-ease), color .2s var(--dnisi-ease), border-color .2s var(--dnisi-ease), transform .2s var(--dnisi-ease);
}

body.page-home-index .custom-hero-btn.btn-red {
    background: var(--dnisi-red);
    color: #fff;
    border: 1px solid var(--dnisi-red);
}

body.page-home-index .custom-hero-btn.btn-red:hover,
body.page-home-index .custom-hero-btn.btn-red:focus-visible {
    background: var(--dnisi-red-dark);
    border-color: var(--dnisi-red-dark);
    transform: translateY(-1px);
}

body.page-home-index .custom-hero-btn.btn-light {
    background: rgba(255, 255, 255, .06);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .5);
}

body.page-home-index .custom-hero-btn.btn-light:hover,
body.page-home-index .custom-hero-btn.btn-light:focus-visible {
    background: #fff;
    color: var(--dnisi-ink-900);
    border-color: #fff;
    transform: translateY(-1px);
}

body.page-home-index .custom-hero-controls {
    position: absolute;
    z-index: 3;
    left: 5vw;
    bottom: 26px;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.page-home-index .custom-hero-tick {
    position: relative;
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .4);
    cursor: pointer;
    transition: width .45s var(--dnisi-ease), background-color .3s var(--dnisi-ease);
}

body.page-home-index .custom-hero-tick:hover,
body.page-home-index .custom-hero-tick:focus-visible {
    background: rgba(255, 255, 255, .7);
}

body.page-home-index .custom-hero-tick.active {
    width: 28px;
    background: var(--dnisi-red);
}

body.page-home-index .custom-hero-tick.active:hover {
    background: var(--dnisi-red);
}

@media (min-width: 992px) {

    /* Navbar overlaps the hero image so it reads as glass-over-photo;
       everywhere else navbar stays in normal flow (see section 02). */
    body.page-home-index .custom-hero-stage {
        margin-top: calc(-1 * var(--dnisi-navbar-h));
    }

    body.page-home-index .custom-hero-copy {
        padding-top: calc(var(--dnisi-navbar-h) + 24px);
    }
}

@media (max-width: 991.98px) {
    body.page-home-index .custom-hero-stage {
        height: clamp(480px, 66vh, 640px);
    }

    body.page-home-index .custom-hero-copy {
        max-width: 560px;
        padding: 0 32px 56px;
    }
}

@media (max-width: 767.98px) {
    body.page-home-index .custom-hero-stage {
        height: clamp(440px, 62vh, 560px);
    }

    body.page-home-index .custom-hero-copy {
        padding: 0 24px 48px;
    }

    body.page-home-index .custom-hero-overlay-logo {
        width: 108px;
        height: 56px;
        margin-bottom: 14px;
    }

    body.page-home-index .custom-hero-support {
        font-size: .76rem;
        margin-bottom: 22px;
    }

    body.page-home-index .custom-hero-btn {
        min-height: 42px;
        padding: 10px 20px;
        font-size: .8rem;
    }

    body.page-home-index .custom-hero-controls {
        left: 24px;
        bottom: 18px;
        gap: 16px;
    }
}

@media (max-width: 575.98px) {
    body.page-home-index .custom-hero-stage {
        height: clamp(420px, 72vh, 520px);
    }

    body.page-home-index .custom-hero-copy {
        max-width: none;
        padding: 0 18px 40px;
    }

    body.page-home-index .custom-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    body.page-home-index .custom-hero-btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-home-index .custom-hero-tick {
        transition: none;
    }

    body.page-home-index .custom-hero-slide {
        transition: opacity .2s linear;
    }
}


/* =========================================================================
   07. STATS BAND
   ========================================================================= */

body.page-home-index #stats {
    background: var(--dnisi-ink-900);
    border-top: 3px solid var(--dnisi-red);
}

body.page-home-index .stats-band {
    padding: 10px 0px;
}

body.page-home-index .stats-band-label {
    display: none;
}

body.page-home-index .home-stats-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

body.page-home-index .stat-col {
    flex: 1 1 200px;
    max-width: 280px;
    padding: 8px 32px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .08);
    transition: background-color .2s var(--dnisi-ease);
}

body.page-home-index .stat-col:last-child {
    border-right: 0;
}

body.page-home-index .stat-col:hover {
    background: rgba(227, 6, 19, .06);
    border-radius: var(--dnisi-radius-md);
}

body.page-home-index .stat-num {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
}

body.page-home-index .stat-num .suf {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--dnisi-red);
}

body.page-home-index .stat-unit {
    color: var(--dnisi-text-on-dark);
    font-size: .95rem;
    font-weight: 600;
    margin-top: 10px;
}

body.page-home-index .stat-desc {
    color: var(--dnisi-text-on-dark-soft);
    font-size: .8rem;
    line-height: 1.4;
    margin-top: 4px;
}

@media (max-width: 767.98px) {
    body.page-home-index .stat-col {
        flex-basis: 45%;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        padding: 20px 12px;
    }

    body.page-home-index .stat-num {
        font-size: 2rem;
    }
}

@media (max-width: 575.98px) {
    body.page-home-index .stat-col {
        flex-basis: 100%;
    }
}


/* =========================================================================
   08. SHARED TEXT / CTA UTILITIES  (reused across About, Skills, Facilities,
       Product Families, Sustainability, News)
   ========================================================================= */

body.page-home-index .section-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--dnisi-red);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .14em;
    margin-bottom: 14px;
}

body.page-home-index .section-tag::before {
    content: "";
    width: 24px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-home-index .section-h2 {
    font-size: var(--dnisi-h2);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: var(--dnisi-text);
    margin: 0 0 16px;
}

/* CMS heading HTML throughout the home page sometimes carries an
   <em>/<i> tag for emphasis — normalize it and use it as a red
   accent instead of italics everywhere, not just one section. */
body.page-home-index h1 em,
body.page-home-index h1 i,
body.page-home-index h2 em,
body.page-home-index h2 i,
body.page-home-index h3 em,
body.page-home-index h3 i {
    font-style: normal;
    color: var(--dnisi-red);
}

body.page-home-index .link-red {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dnisi-red);
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    transition: gap .2s var(--dnisi-ease), color .2s var(--dnisi-ease);
}

body.page-home-index .link-red svg {
    width: 18px;
    height: 18px;
    transition: transform .2s var(--dnisi-ease);
}

body.page-home-index .link-red:hover,
body.page-home-index .link-red:focus-visible {
    color: var(--dnisi-red-dark);
    gap: 12px;
}

body.page-home-index a:focus-visible,
body.page-home-index button:focus-visible,
body.page-home-index [tabindex]:focus-visible {
    outline: 2px solid var(--dnisi-red);
    outline-offset: 3px;
    border-radius: var(--dnisi-radius-sm);
}

body.page-home-index .prod-header,
body.page-home-index .news-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

@media (max-width: 575.98px) {

    body.page-home-index .prod-header,
    body.page-home-index .news-header {
        align-items: flex-start;
    }
}


/* =========================================================================
   09. ABOUT / INTRO
   ========================================================================= */

body.page-home-index .about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

body.page-home-index .about-visual {
    position: relative;
    padding-left: 32px;
    padding-bottom: 36px;
}

body.page-home-index .about-bg-blob {
    position: absolute;
    inset: 0 0 36px 0;
    background: var(--dnisi-red-soft);
    border-radius: var(--dnisi-radius-lg);
    z-index: 0;
}

body.page-home-index .about-img {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--dnisi-radius-lg);
    box-shadow: var(--dnisi-shadow-lg);
    display: block;
}

body.page-home-index .exp-badge {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    background: var(--dnisi-red);
    color: #fff;
    padding: 22px 26px;
    border-radius: var(--dnisi-radius-lg);
    box-shadow: 0 14px 30px rgba(227, 6, 19, .35);
}

body.page-home-index .av-badge-n {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1;
}

body.page-home-index .av-badge-l {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-top: 6px;
    max-width: 12ch;
}

body.page-home-index .about-body p {
    color: var(--dnisi-text-soft);
    font-size: 1rem;
    line-height: 1.75;
    margin: 0 0 28px;
}

body.page-home-index .svc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 32px;
}

body.page-home-index .svc-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    transition: border-color .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease), transform .25s var(--dnisi-ease);
}

body.page-home-index .svc-item:hover {
    border-color: var(--dnisi-red);
    box-shadow: var(--dnisi-shadow-sm);
    transform: translateY(-2px);
}

body.page-home-index .svc-ico {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red);
    transition: background-color .25s var(--dnisi-ease), color .25s var(--dnisi-ease);
}

body.page-home-index .svc-item:hover .svc-ico {
    background: var(--dnisi-red);
    color: #fff;
}

body.page-home-index .svc-h3 {
    font-size: .95rem;
    font-weight: 700;
    color: var(--dnisi-text);
    margin: 0 0 4px;
}

body.page-home-index .svc-p {
    font-size: .82rem;
    line-height: 1.5;
    color: var(--dnisi-text-muted);
    margin: 0;
}

@media (max-width: 991.98px) {
    body.page-home-index .about-grid {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    body.page-home-index .about-visual {
        padding-left: 0;
        padding-bottom: 48px;
        max-width: 420px;
        margin: 0 auto;
    }

    body.page-home-index .about-img {
        aspect-ratio: 16 / 11;
    }
}

@media (max-width: 575.98px) {
    body.page-home-index .svc-grid {
        grid-template-columns: 1fr;
    }

    body.page-home-index .exp-badge {
        padding: 16px 20px;
    }

    body.page-home-index .av-badge-n {
        font-size: 1.75rem;
    }
}


/* =========================================================================
   10. SKILLS / PERFORMANCE
   ========================================================================= */

body.page-home-index .skills-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 64px;
    align-items: center;
}

body.page-home-index .skills-mosaic {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 16px;
    aspect-ratio: 1 / 1;
}

body.page-home-index .skills-mosaic>div {
    border-radius: var(--dnisi-radius-md);
    box-shadow: var(--dnisi-shadow-sm);
    background-color: var(--dnisi-surface-alt);
}

body.page-home-index .skills-intro {
    color: var(--dnisi-text-soft);
    font-size: 1rem;
    line-height: 1.7;
    margin: 0 0 28px;
}

body.page-home-index .perf-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

body.page-home-index .perf-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    background: var(--dnisi-surface);
    border: 1px solid var(--dnisi-line-soft);
    border-radius: var(--dnisi-radius-md);
    box-shadow: var(--dnisi-shadow-sm);
    font-size: .92rem;
    font-weight: 600;
    color: var(--dnisi-text);
    transition: transform .2s var(--dnisi-ease), box-shadow .2s var(--dnisi-ease), border-color .2s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-home-index .perf-item:hover {
        transform: translateY(-2px);
        border-color: var(--dnisi-red-soft-2);
        box-shadow: var(--dnisi-shadow-md);
    }
}

body.page-home-index .perf-icon-wrap {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red);
}

@media (max-width: 991.98px) {
    body.page-home-index .skills-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    body.page-home-index .skills-mosaic {
        max-width: 520px;
        margin: 0 auto;
    }
}


/* =========================================================================
   11. PRODUCTION FACILITIES
   ========================================================================= */

body.page-home-index .facility-showcase {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

body.page-home-index .facility-card {
    position: relative;
    display: block;
    border-radius: var(--dnisi-radius-lg);
    overflow: hidden;
    box-shadow: var(--dnisi-shadow-md);
    color: #fff;
    text-decoration: none;
}

body.page-home-index .facility-featured {
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 3 / 4;
}

body.page-home-index .facility-grid {
    /* Children become direct flex items of .facility-showcase so all
       5 facility cards sit in a single row, same width, same treatment. */
    display: contents;
}

body.page-home-index .facility-grid .facility-card {
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 3 / 4;
}

body.page-home-index .facility-img {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .7s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-home-index .facility-card:hover .facility-img {
        transform: scale(1.06);
    }
}

body.page-home-index .facility-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 10, 12, .92) 0%, rgba(10, 10, 12, .5) 45%, rgba(10, 10, 12, .05) 100%);
    transition: background .3s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-home-index .facility-card:hover .facility-overlay {
        background: linear-gradient(to top, rgba(227, 6, 19, .85) 0%, rgba(10, 10, 12, .7) 55%, rgba(10, 10, 12, .2) 100%);
    }
}

body.page-home-index .facility-content {
    position: absolute;
    inset: auto 0 0 0;
    padding: 24px;
}

body.page-home-index .facility-cat {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 6px;
}

body.page-home-index .facility-title {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

body.page-home-index .facility-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .4s var(--dnisi-ease), opacity .3s var(--dnisi-ease), margin-top .4s var(--dnisi-ease);
}

body.page-home-index .facility-details-static {
    max-height: none;
    opacity: 1;
    overflow: visible;
    margin-top: 12px;
}

@media (hover: hover) {

    body.page-home-index .facility-card:hover .facility-details,
    body.page-home-index .facility-card:focus-visible .facility-details {
        max-height: 220px;
        opacity: 1;
        margin-top: 12px;
    }
}

body.page-home-index .f-spec {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .82rem;
    color: rgba(255, 255, 255, .85);
}

body.page-home-index .f-spec svg {
    flex-shrink: 0;
    color: var(--dnisi-red);
}

body.page-home-index .f-area-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

body.page-home-index .f-area {
    font-size: .92rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: .01em;
    white-space: nowrap;
}

body.page-home-index .facility-details .f-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    text-decoration: none;
    transition: background-color .2s var(--dnisi-ease), transform .2s var(--dnisi-ease);
}

body.page-home-index .facility-details .f-link:hover,
body.page-home-index .facility-details .f-link:focus-visible {
    background: var(--dnisi-red);
    transform: translateX(2px);
}

@media (max-width: 1199.98px) {
    body.page-home-index .facility-showcase {
        flex-wrap: wrap;
    }

    body.page-home-index .facility-featured,
    body.page-home-index .facility-grid .facility-card {
        flex: 1 1 calc(33.333% - 11px);
        aspect-ratio: 4 / 3;
    }
}

@media (max-width: 767.98px) {

    body.page-home-index .facility-featured,
    body.page-home-index .facility-grid .facility-card {
        flex: 1 1 calc(50% - 8px);
        aspect-ratio: 4 / 3;
    }

    body.page-home-index .facility-details {
        max-height: 220px;
        opacity: 1;
        overflow: visible;
        margin-top: 12px;
    }
}

@media (max-width: 480px) {

    body.page-home-index .facility-featured,
    body.page-home-index .facility-grid .facility-card {
        flex: 1 1 100%;
    }
}


/* =========================================================================
   12. PRODUCT FAMILIES
   ========================================================================= */

body.page-home-index .cards3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 24px;
}

body.page-home-index .home-product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--dnisi-surface);
    border-radius: var(--dnisi-radius-lg);
    overflow: hidden;
    box-shadow: var(--dnisi-shadow-sm);
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease);
}

body.page-home-index .home-product-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 3px;
    background: var(--dnisi-red);
    border-radius: 0 0 3px 3px;
}

@media (hover: hover) {
    body.page-home-index .home-product-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--dnisi-shadow-md);
    }

    body.page-home-index .home-product-card:hover .product-img img {
        transform: scale(1.035);
    }
}

body.page-home-index .product-img {
    aspect-ratio: 2.1 / 1;
    padding: 18px 20px 8px;
    background: var(--dnisi-surface);
    overflow: hidden;
}

body.page-home-index .product-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .4s var(--dnisi-ease);
}

body.page-home-index .home-product-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 4px 24px 22px;
}

body.page-home-index .home-product-body h3 {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--dnisi-text);
    margin: 0 0 8px;
}

body.page-home-index .home-product-body p {
    font-size: .88rem;
    line-height: 1.55;
    color: var(--dnisi-text-muted);
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.page-home-index .product-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 16px;
}

body.page-home-index .tag {
    padding: 4px 10px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-size: .72rem;
    font-weight: 600;
}

body.page-home-index .home-product-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--dnisi-line-soft);
    color: var(--dnisi-red);
    font-size: .85rem;
    font-weight: 700;
    text-decoration: none;
}

body.page-home-index .home-product-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red);
    transition: background-color .2s var(--dnisi-ease), color .2s var(--dnisi-ease), transform .2s var(--dnisi-ease);
}

body.page-home-index .home-product-arrow svg {
    width: 16px;
    height: 16px;
}

body.page-home-index .home-product-link:hover .home-product-arrow,
body.page-home-index .home-product-link:focus-visible .home-product-arrow {
    background: var(--dnisi-red);
    color: #fff;
    transform: translateX(3px);
}

body.page-home-index .home-commercial-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 340px) 1fr;
    align-items: stretch;
    background: var(--dnisi-surface);
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    overflow: hidden;
    text-decoration: none;
    box-shadow: var(--dnisi-shadow-sm);
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease);
}

body.page-home-index .home-commercial-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 3px;
    background: var(--dnisi-red);
    border-radius: 0 0 3px 3px;
    z-index: 1;
}

@media (hover: hover) {
    body.page-home-index .home-commercial-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--dnisi-shadow-md);
    }
}

body.page-home-index .commercial-img {
    position: relative;
    min-height: 220px;
    background: var(--dnisi-surface-alt);
    padding: 18px 20px;
}

body.page-home-index .commercial-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body.page-home-index .commercial-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 36px;
    color: var(--dnisi-text);
}

body.page-home-index .commercial-body h3 {
    font-size: 1.35rem;
    font-weight: 800;
    margin: 0 0 10px;
    color: var(--dnisi-text);
}

body.page-home-index .commercial-body p {
    color: var(--dnisi-text-muted);
    font-size: .92rem;
    line-height: 1.6;
    margin: 0 0 16px;
    max-width: 56ch;
}

body.page-home-index .commercial-body .product-badges {
    margin-bottom: 18px;
}

body.page-home-index .commercial-body .home-product-link {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    width: fit-content;
}

@media (max-width: 991.98px) {
    body.page-home-index .cards3 {
        grid-template-columns: repeat(2, 1fr);
    }

    body.page-home-index .home-commercial-card {
        grid-template-columns: 1fr;
    }

    body.page-home-index .commercial-img {
        min-height: 180px;
    }
}

@media (max-width: 575.98px) {
    body.page-home-index .cards3 {
        grid-template-columns: 1fr;
    }
}


/* =========================================================================
   13. SUSTAINABILITY
   ========================================================================= */

body.page-home-index #sustainability {
    background: var(--dnisi-surface-alt);
}

body.page-home-index .sustainability-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    background: #fff;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    padding: 56px 56px 24px;
}

body.page-home-index .sustainability-card .section-h2 {
    color: var(--dnisi-red);
    white-space: nowrap;
}

body.page-home-index .sc-content p {
    color: var(--dnisi-text-soft);
    font-size: 1rem;
    line-height: 1.7;
    margin: 0 0 28px;
    max-width: none;
}

body.page-home-index .sc-content .btn.btn-red {
    display: inline-flex;
    align-items: center;
    padding: 13px 28px;
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-red);
    color: #fff;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid var(--dnisi-red);
    transition: background-color .2s var(--dnisi-ease), transform .2s var(--dnisi-ease);
}

body.page-home-index .sc-content .btn.btn-red:hover,
body.page-home-index .sc-content .btn.btn-red:focus-visible {
    background: var(--dnisi-red-dark);
    border-color: var(--dnisi-red-dark);
    transform: translateY(-1px);
}

body.page-home-index .sc-graphic {
    position: relative;
    width: 100%;
    aspect-ratio: 21 / 9;
    border-radius: var(--dnisi-radius-md);
    overflow: hidden;
    background: var(--dnisi-surface-alt);
}

body.page-home-index .sc-graphic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 991.98px) {
    body.page-home-index .sustainability-card {
        gap: 12px;
        padding: 32px 28px 20px;
    }

    body.page-home-index .sc-graphic {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 575.98px) {
    body.page-home-index .sustainability-card {
        gap: 24px;
    }

    body.page-home-index .sc-graphic {
        aspect-ratio: 16 / 10;
    }
}


/* =========================================================================
   14. NEWS
   ========================================================================= */

body.page-home-index .news-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 32px;
    align-items: stretch;
}

body.page-home-index .news-feat {
    display: flex;
    flex-direction: column;
    background: var(--dnisi-surface);
    border-radius: var(--dnisi-radius-lg);
    overflow: hidden;
    box-shadow: var(--dnisi-shadow-sm);
    color: inherit;
    text-decoration: none;
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-home-index .news-feat:hover {
        transform: translateY(-4px);
        box-shadow: var(--dnisi-shadow-md);
    }
}

body.page-home-index .news-feat-thumb {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--dnisi-surface-alt);
}

body.page-home-index .news-media-document {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform .6s var(--dnisi-ease);
}

body.page-home-index .news-media-document.is-empty {
    background-image: linear-gradient(135deg, var(--dnisi-ink-800), var(--dnisi-ink-900)) !important;
}

@media (hover: hover) {
    body.page-home-index .news-feat:hover .news-media-document {
        transform: scale(1.05);
    }
}

body.page-home-index .news-feat-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 26px;
}

body.page-home-index .news-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

body.page-home-index .news-tag {
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

body.page-home-index .news-date {
    color: var(--dnisi-text-muted);
    font-size: .78rem;
}

body.page-home-index .news-feat-h {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 12px;
    color: var(--dnisi-text);
}

body.page-home-index .news-feat-p {
    flex: 1;
    color: var(--dnisi-text-soft);
    font-size: .92rem;
    line-height: 1.65;
    margin: 0 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.page-home-index .news-list-viewport {
    position: relative;
    height: 100%;
    min-height: 320px;
    overflow: hidden;
}

body.page-home-index .news-list {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
    padding-right: 4px;
}

body.page-home-index .custom-scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body.page-home-index .custom-scrollbar-hide::-webkit-scrollbar {
    display: none;
}

body.page-home-index .news-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    background: var(--dnisi-surface);
    border-radius: var(--dnisi-radius-md);
    box-shadow: var(--dnisi-shadow-sm);
    cursor: pointer;
    transition: transform .2s var(--dnisi-ease), box-shadow .2s var(--dnisi-ease);
}

body.page-home-index .news-item:hover,
body.page-home-index .news-item:focus-visible {
    transform: translateY(-2px);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-home-index .ni-thumb {
    flex-shrink: 0;
    width: 96px;
    height: 72px;
    border-radius: var(--dnisi-radius-sm);
    overflow: hidden;
}

body.page-home-index .ni-body {
    flex: 1;
    min-width: 0;
}

body.page-home-index .ni-tag {
    color: var(--dnisi-red);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 4px;
}

body.page-home-index .ni-h {
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--dnisi-text);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.page-home-index .ni-d {
    color: var(--dnisi-text-muted);
    font-size: .74rem;
}

@media (max-width: 991.98px) {
    body.page-home-index .news-layout {
        grid-template-columns: 1fr;
    }

    body.page-home-index .news-list-viewport {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    body.page-home-index .news-list {
        position: relative;
        inset: auto;
        overflow: visible;
        max-height: none;
    }
}

@media (max-width: 575.98px) {
    body.page-home-index .news-feat-body {
        padding: 20px;
    }

    body.page-home-index .ni-thumb {
        width: 76px;
        height: 58px;
    }
}


/* =========================================================================
   15. FINAL CTA
   ========================================================================= */

body.page-home-index .home-final-cta {
    background: var(--dnisi-ink-900);
    color: #fff;
}

body.page-home-index .home-final-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

body.page-home-index .home-final-cta-copy h2 {
    font-size: var(--dnisi-h2);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: #fff;
    margin: 0 0 12px;
}

body.page-home-index .home-final-cta-copy p {
    color: rgba(255, 255, 255, .72);
    font-size: 1.02rem;
    line-height: 1.6;
    margin: 0;
    max-width: 48ch;
}

body.page-home-index .home-final-cta-link {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 16px 36px;
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-red);
    color: #fff;
    font-size: .92rem;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color .2s var(--dnisi-ease), transform .2s var(--dnisi-ease);
}

body.page-home-index .home-final-cta-link:hover,
body.page-home-index .home-final-cta-link:focus-visible {
    background: var(--dnisi-red-dark);
    transform: translateY(-1px);
}

@media (max-width: 767.98px) {
    body.page-home-index .home-final-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    body.page-home-index .home-final-cta-link {
        width: 100%;
        justify-content: center;
    }
}


/* =========================================================================
   16. SCROLL-REVEAL ANIMATION
   Hooks into the existing IntersectionObserver in site.js, which toggles
   .in on .anim elements — no JS changes needed here.
   ========================================================================= */

body.page-home-index .anim {
    opacity: 0;
    transition: opacity .8s var(--dnisi-ease), transform .8s var(--dnisi-ease);
}

body.page-home-index .anim.from-bottom {
    transform: translateY(32px);
}

body.page-home-index .anim.from-left {
    transform: translateX(-32px);
}

body.page-home-index .anim.from-right {
    transform: translateX(32px);
}

body.page-home-index .anim.in {
    opacity: 1;
    transform: translate(0, 0);
}

body.page-home-index .anim.d1 {
    transition-delay: .1s;
}

body.page-home-index .anim.d2 {
    transition-delay: .2s;
}

body.page-home-index .anim.d3 {
    transition-delay: .3s;
}

body.page-home-index .anim.d4 {
    transition-delay: .4s;
}

@media (prefers-reduced-motion: reduce) {
    body.page-home-index .anim {
        transition: none;
        opacity: 1;
        transform: none;
    }
}


/* =========================================================================
   99. ABOUT / HAKKIMIZDA PAGE  (body.page-about-index — scoped to the
   About Index corporate showcase so it cannot leak onto home/other pages)
   ========================================================================= */

body.page-about-index {
    --abx-red: #e51d24;
    --abx-red-dark: #c8141b;
    --abx-navy: #111827;
    --abx-ink: #0f172a;
    --abx-muted: #5f6b7c;
    --abx-line: #e2e8f0;
    --abx-soft: #f3f5f8;
    background: #fbfbfc;
    color: var(--abx-ink);
}

body.page-about-index .abx-page {
    overflow: hidden;
    background: #fbfbfc;
    font-family: var(--dnisi-font);
}

body.page-about-index .abx-container {
    width: min(1280px, calc(100% - 40px));
    margin-inline: auto;
}

/* --- Hero band --- */

body.page-about-index .abx-hero-band {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    min-height: min(58vh, 430px);
    color: #fff;
    background:
        linear-gradient(92deg,
            rgba(6, 7, 9, .94) 0%,
            rgba(6, 7, 9, .86) 30%,
            rgba(6, 7, 9, .62) 46%,
            rgba(6, 7, 9, .30) 60%,
            rgba(6, 7, 9, 0) 78%),
        linear-gradient(180deg,
            rgba(6, 7, 9, .55) 0%,
            rgba(6, 7, 9, .10) 22%,
            rgba(6, 7, 9, 0) 42%),
        var(--abx-hero-band-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-about-index .abx-hero-band::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--abx-red), rgba(229, 29, 36, 0));
}

body.page-about-index .abx-hero-band .abx-container {
    position: relative;
    z-index: 1;
}

body.page-about-index .abx-hero-band-copy {
    max-width: 720px;
    padding: 46px 0 42px;
}

body.page-about-index .abx-hero-band-eyebrow {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: var(--abx-red);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-about-index .abx-hero-band-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--abx-red);
}

body.page-about-index .abx-hero-band-copy h1 {
    margin: 14px 0 0;
    color: #fff;
    font-size: clamp(30px, 3.6vw, 48px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -.03em;
    text-transform: uppercase;
}

/* --- Hero --- */

body.page-about-index .abx-hero {
    padding: 56px 0 46px;
    border-bottom: 1px solid var(--abx-line);
    background: linear-gradient(180deg, #f8fafc 0, #fff 52%, #f8fafc 100%);
}

body.page-about-index .abx-section-row,
body.page-about-index .abx-factory-foot,
body.page-about-index .abx-slider-nav,
body.page-about-index .abx-cta .abx-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

body.page-about-index .abx-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(390px, 5fr);
    gap: 48px;
    align-items: center;
    margin-top: 28px;
}

body.page-about-index .abx-hero-copy h1 {
    max-width: 790px;
    margin: 16px 0 13px;
    color: var(--abx-navy);
    font-size: clamp(29px, 3.15vw, 43px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -.035em;
    text-transform: uppercase;
}

body.page-about-index .abx-hero-copy h1 em {
    color: var(--abx-red);
    font-style: normal;
}

body.page-about-index .abx-hero-copy>p {
    max-width: 780px;
    margin: 0;
    color: var(--abx-muted);
    font-size: 14px;
    line-height: 1.75;
}

body.page-about-index .abx-about-story > p,
body.page-about-index .abx-about-story-full,
body.page-about-index .abx-about-story-full p {
    max-width: 780px;
    margin: 0 0 10px;
    color: var(--abx-muted);
    font-size: 14px;
    line-height: 1.75;
}

body.page-about-index .abx-about-story-full[hidden] { display: none; }

body.page-about-index .abx-story-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    color: var(--abx-red);
    background: transparent;
    border: 0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
}

body.page-about-index .abx-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

body.page-about-index .abx-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .055em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .2s ease, color .2s ease, border-color .2s ease, background-color .2s ease;
}

body.page-about-index .abx-button:hover {
    transform: translateY(-2px);
}

body.page-about-index .abx-button--dark {
    color: #fff;
    background: var(--abx-navy);
}

body.page-about-index .abx-button--red,
body.page-about-index .abx-button--dark:hover {
    color: #fff;
    background: var(--abx-red);
}

body.page-about-index .abx-button--dark:hover {
    background: var(--abx-navy);
}

body.page-about-index .abx-button--red:hover {
    background: var(--abx-red-dark);
}

body.page-about-index .abx-button--light {
    color: #334155;
    border-color: var(--abx-line);
    background: #fff;
}

body.page-about-index .abx-button--light:hover {
    color: var(--abx-red);
    border-color: var(--abx-red);
}

body.page-about-index .abx-factory-card {
    overflow: hidden;
    border: 1px solid #d7dee8;
    border-radius: 16px;
    background: var(--abx-navy);
    box-shadow: 0 22px 48px rgba(15, 23, 42, .18);
}

body.page-about-index .abx-factory-card figure {
    position: relative;
    aspect-ratio: 16 / 11;
    margin: 0;
    overflow: hidden;
}

body.page-about-index .abx-factory-card figure>img,
body.page-about-index .abx-factory-card figure>video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

body.page-about-index .abx-factory-card:hover figure>img,
body.page-about-index .abx-factory-card:hover figure>video {
    transform: scale(1.045);
}

body.page-about-index .abx-factory-card figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, .08) 30%, rgba(8, 15, 28, .92) 100%);
}

body.page-about-index .abx-factory-card figure.is-media-missing {
    aspect-ratio: 16 / 11;
    background: var(--dnisi-ink-800);
}

body.page-about-index .abx-factory-card figcaption {
    position: absolute;
    z-index: 2;
    right: 17px;
    bottom: 15px;
    left: 17px;
    color: #fff;
}

body.page-about-index .abx-factory-card figcaption small,
body.page-about-index .abx-factory-card figcaption strong,
body.page-about-index .abx-factory-card figcaption span {
    display: block;
}

body.page-about-index .abx-factory-card figcaption small {
    color: #ff5960;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.page-about-index .abx-factory-card figcaption strong {
    margin-top: 3px;
    font-size: 16px;
}

body.page-about-index .abx-factory-card figcaption span {
    margin-top: 5px;
    color: #cbd5e1;
    font-size: 13px;
}

body.page-about-index .abx-factory-card figcaption span i+* {
    margin-left: 10px;
}

body.page-about-index .abx-factory-foot {
    padding: 11px 15px;
    color: #cbd5e1;
    font-size: 13px;
}

body.page-about-index .abx-factory-foot b {
    color: #fff;
}

body.page-about-index .abx-factory-foot a {
    padding: 5px 8px;
    border-radius: 4px;
    color: #fff;
    background: var(--abx-red);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

body.page-about-index .abx-factory-foot a:hover {
    background: var(--abx-red-dark);
}

body.page-about-index .abx-metrics {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid var(--abx-line);
}

body.page-about-index .abx-metric {
    padding: 15px;
    border: 1px solid var(--abx-line);
    border-radius: 11px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 4px 14px rgba(15, 23, 42, .035);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.page-about-index .abx-metric:hover {
    border-color: rgba(229, 29, 36, .5);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
    transform: translateY(-3px);
}

body.page-about-index .abx-metric>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--abx-red);
}

body.page-about-index .abx-metric>div i {
    font-size: 18px;
}

body.page-about-index .abx-metric small {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

body.page-about-index .abx-metric strong,
body.page-about-index .abx-metric span {
    display: block;
}

body.page-about-index .abx-metric strong {
    margin-top: 7px;
    color: var(--abx-navy);
    font-size: 22px;
    line-height: 1;
}

body.page-about-index .abx-metric span {
    margin-top: 6px;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

/* --- Sections / heading --- */

body.page-about-index .abx-section {
    padding: 70px 0;
    border-bottom: 1px solid var(--abx-line);
    background: #fff;
}

body.page-about-index .abx-heading {
    max-width: 100%;
}

body.page-about-index .abx-heading>span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--abx-red);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.page-about-index .abx-heading>span::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--abx-red);
}

body.page-about-index .abx-heading h2 {
    margin: 8px 0 7px;
    color: var(--abx-navy);
    font-size: clamp(25px, 2.7vw, 36px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.028em;
    text-transform: uppercase;
}

body.page-about-index .abx-heading p {
    margin: 0;
    color: var(--abx-muted);
    font-size: 14px;
    line-height: 1.7;
}

body.page-about-index .abx-heading--center {
    max-width: 850px;
    margin: 0 auto 40px;
    text-align: center;
}

/* --- Values / vision-mission cards --- */

body.page-about-index .abx-values-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

body.page-about-index .abx-value-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 300px;
    flex-direction: column;
    padding: 30px 30px 24px;
    border: 1px solid var(--abx-line);
    border-top: 3px solid transparent;
    background: #fff;
    transition: border-top-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

body.page-about-index .abx-value-card::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 30px;
    width: 44px;
    height: 3px;
    background: var(--abx-red);
}

body.page-about-index .abx-value-card:hover {
    border-color: #cdd6e1;
    border-top-color: var(--abx-red);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

body.page-about-index .abx-value-card>i {
    display: grid;
    width: 44px;
    height: 44px;
    margin-bottom: 20px;
    place-items: center;
    border: 1px solid var(--abx-line);
    color: var(--abx-red);
    font-size: 22px;
}

body.page-about-index .abx-value-card>small {
    color: var(--abx-red);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-about-index .abx-value-card h3 {
    margin: 8px 0 14px;
    color: var(--abx-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
}

body.page-about-index .abx-value-content {
    position: relative;
    max-height: 200px;
    overflow: hidden;
    color: var(--abx-muted);
    font-size: 14px;
    line-height: 1.75;
    transition: max-height .35s ease;
}

body.page-about-index .abx-value-content::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 48px;
    background: linear-gradient(transparent, #fff);
}

body.page-about-index .abx-value-content p {
    margin: 0 0 10px;
}

body.page-about-index .abx-value-card.is-expanded .abx-value-content {
    max-height: 1200px;
}

body.page-about-index .abx-value-card.is-expanded .abx-value-content::after {
    display: none;
}

body.page-about-index .abx-value-card button {
    display: flex;
    align-items: center;
    gap: 7px;
    align-self: flex-start;
    margin-top: auto;
    padding: 12px 22px 0 0;
    border: 0;
    color: var(--abx-red);
    background: transparent;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.page-about-index .abx-value-card button i {
    transition: transform .2s ease;
}

body.page-about-index .abx-value-card.is-expanded button i {
    transform: rotate(180deg);
}

/* --- History --- */

body.page-about-index .abx-history {
    background: var(--abx-soft);
}

body.page-about-index .abx-section-row {
    align-items: flex-end;
    margin-bottom: 28px;
}

body.page-about-index .abx-slider-nav {
    gap: 8px;
    flex: 0 0 auto;
}

body.page-about-index .abx-slider-nav>b {
    margin-right: 5px;
    color: #64748b;
    font-size: 13px;
    font-family: Consolas, monospace;
}

body.page-about-index .abx-slider-nav button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--abx-line);
    border-radius: 50%;
    color: #334155;
    background: #fff;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

body.page-about-index .abx-slider-nav button:hover:not(:disabled) {
    color: #fff;
    border-color: var(--abx-red);
    background: var(--abx-red);
}

body.page-about-index .abx-slider-nav button:disabled {
    opacity: .38;
}

body.page-about-index .abx-history-track {
    display: grid;
    grid-auto-columns: calc((100% - 32px) / 3);
    grid-auto-flow: column;
    gap: 16px;
    overflow-x: auto;
    padding: 5px 2px 18px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

body.page-about-index .abx-history-track::-webkit-scrollbar {
    display: none;
}

body.page-about-index .abx-history-card {
    display: flex;
    min-height: 215px;
    flex-direction: column;
    padding: 18px 20px;
    border: 1px solid var(--abx-line);
    border-left: 4px solid var(--abx-red);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .04);
    scroll-snap-align: start;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

body.page-about-index .abx-history-card:hover {
    border-color: rgba(229, 29, 36, .55);
    box-shadow: 0 15px 30px rgba(15, 23, 42, .1);
    transform: translateY(-6px);
}

body.page-about-index .abx-history-card>div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.page-about-index .abx-history-card>div:first-child strong {
    padding: 6px 9px;
    border-radius: 5px;
    color: #fff;
    background: var(--abx-red);
    font-size: 12px;
}

body.page-about-index .abx-history-card>div:first-child span {
    color: var(--abx-red);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body.page-about-index .abx-history-card h3 {
    margin: 12px 0 8px;
    color: var(--abx-navy);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

body.page-about-index .abx-history-text {
    display: -webkit-box;
    overflow: hidden;
    color: var(--abx-muted);
    font-size: 12px;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

body.page-about-index .abx-history-text p {
    margin: 0;
}

body.page-about-index .abx-history-card footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 11px;
    border-top: 1px solid #edf0f3;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

body.page-about-index .abx-history-card footer i {
    color: var(--abx-red);
}

body.page-about-index .abx-ruler {
    display: flex;
    margin-top: 14px;
    padding: 16px 0 0;
    border-top: 1px solid #cbd5e1;
    scrollbar-width: none;
}

body.page-about-index .abx-ruler::-webkit-scrollbar {
    display: none;
}

body.page-about-index .abx-ruler button {
    position: relative;
    flex: 0 0 85px;
    padding: 0;
    border: 0;
    color: #94a3b8;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
}

body.page-about-index .abx-ruler button i {
    position: absolute;
    top: -20px;
    left: 50%;
    width: 7px;
    height: 7px;
    border: 2px solid var(--abx-soft);
    border-radius: 50%;
    background: #94a3b8;
    transform: translateX(-50%);
}

body.page-about-index .abx-ruler button.is-active {
    color: var(--abx-red);
}

body.page-about-index .abx-ruler button.is-active i {
    width: 11px;
    height: 11px;
    top: -22px;
    background: var(--abx-red);
    box-shadow: 0 0 0 4px rgba(229, 29, 36, .16);
}

/* --- Products rail --- */

body.page-about-index .abx-products {
    background: #f1f4f8;
}

body.page-about-index .abx-product-rail {
    display: flex;
    width: 100%;
    height: 480px;
    gap: 9px;
}

body.page-about-index .abx-product-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border: 1px solid #d8dee8;
    border-radius: 12px;
    color: #fff;
    background: var(--abx-navy);
    text-decoration: none;
    transition: flex .65s ease, border-color .3s ease, box-shadow .3s ease;
}

body.page-about-index .abx-product-card:hover {
    z-index: 2;
    flex: 3.5;
    border-color: var(--abx-red);
    box-shadow: 0 22px 44px rgba(15, 23, 42, .25);
}

body.page-about-index .abx-product-card>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s ease;
}

body.page-about-index .abx-product-card:hover>img {
    transform: scale(1.045);
}

body.page-about-index .abx-product-card.is-media-missing {
    background: var(--dnisi-ink-800);
}

body.page-about-index .abx-product-shade {
    position: absolute;
    inset: 0;
    background: transparent;
}

body.page-about-index .abx-product-vertical {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .06em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .9);
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

body.page-about-index .abx-product-detail {
    position: relative;
    z-index: 1;
    display: none;
    padding: 20px 22px;
    color: #fff;
    border-top: 2px solid var(--abx-red);
    background: linear-gradient(135deg, rgba(15, 23, 42, .95), rgba(15, 23, 42, .86));
    box-shadow: 0 -12px 28px rgba(15, 23, 42, .18);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}

body.page-about-index .abx-product-card:hover .abx-product-vertical {
    display: none;
}

body.page-about-index .abx-product-card:hover .abx-product-detail {
    display: block;
}

body.page-about-index .abx-product-detail small {
    color: #ff7a80;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

body.page-about-index .abx-product-detail h3 {
    margin: 5px 0 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.25;
}

body.page-about-index .abx-product-detail p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

body.page-about-index .abx-product-detail footer {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .24);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

body.page-about-index .abx-product-detail footer i {
    color: #fff;
}

/* --- Sustainability --- */

body.page-about-index .abx-sustainability {
    background: var(--abx-soft);
}

body.page-about-index .abx-green-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 25px;
}

body.page-about-index .abx-green-metrics article {
    padding: 20px;
    border: 1px solid var(--abx-line);
    border-radius: 14px;
    background: #fff;
}

body.page-about-index .abx-green-metrics i {
    float: right;
    color: var(--abx-red);
    font-size: 22px;
}

body.page-about-index .abx-green-metrics strong,
body.page-about-index .abx-green-metrics span {
    display: block;
}

body.page-about-index .abx-green-metrics strong {
    color: var(--abx-navy);
    font-size: 25px;
}

body.page-about-index .abx-green-metrics span {
    margin-top: 5px;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

body.page-about-index .abx-green-story {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    overflow: hidden;
    border: 1px solid var(--abx-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
}

body.page-about-index .abx-green-story figure {
    position: relative;
    min-height: 360px;
    margin: 0;
    overflow: hidden;
}

body.page-about-index .abx-green-story figure.is-media-missing {
    min-height: 360px;
    background: var(--dnisi-ink-800);
}

body.page-about-index .abx-green-story figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.page-about-index .abx-green-story figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent, rgba(15, 23, 42, .85));
}

body.page-about-index .abx-green-story figcaption {
    position: absolute;
    z-index: 1;
    right: 22px;
    bottom: 20px;
    left: 22px;
    color: #fff;
}

body.page-about-index .abx-green-story figcaption small,
body.page-about-index .abx-green-story figcaption strong {
    display: block;
}

body.page-about-index .abx-green-story figcaption small,
body.page-about-index .abx-green-story>div>span {
    color: var(--abx-red);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body.page-about-index .abx-green-story figcaption strong {
    font-size: 19px;
}

body.page-about-index .abx-green-story>div {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 35px;
}

body.page-about-index .abx-green-story h3 {
    margin: 8px 0 12px;
    color: var(--abx-navy);
    font-size: 25px;
    font-weight: 800;
}

body.page-about-index .abx-green-story p {
    margin: 0 0 20px;
    color: var(--abx-muted);
    font-size: 14px;
    line-height: 1.75;
}

/* --- Investor --- */

body.page-about-index .abx-investor {
    background: #fff;
}

body.page-about-index .abx-investor-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

body.page-about-index .abx-investor-grid>a {
    display: flex;
    min-height: 220px;
    flex-direction: column;
    padding: 22px;
    border: 1px solid var(--abx-line);
    border-radius: 14px;
    color: var(--abx-navy);
    background: #fff;
    text-decoration: none;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

body.page-about-index .abx-investor-grid>a:hover {
    border-color: rgba(229, 29, 36, .55);
    box-shadow: 0 18px 36px rgba(15, 23, 42, .08);
    transform: translateY(-5px);
}

body.page-about-index .abx-investor-grid>a>i {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 11px;
    color: var(--abx-red);
    background: rgba(229, 29, 36, .11);
    font-size: 21px;
}

body.page-about-index .abx-investor-grid h3 {
    margin: 18px 0 8px;
    color: var(--abx-navy);
    font-size: 16px;
    font-weight: 800;
}

body.page-about-index .abx-investor-grid p {
    margin: 0;
    color: var(--abx-muted);
    font-size: 14px;
    line-height: 1.6;
}

body.page-about-index .abx-investor-grid span {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--abx-line);
    color: var(--abx-red);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

/* --- CTA --- */

body.page-about-index .abx-cta {
    padding: 38px 0;
    background: var(--abx-soft);
}

body.page-about-index .abx-cta .abx-container {
    padding: 27px 30px;
    border: 1px solid var(--abx-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .04);
}

body.page-about-index .abx-cta .abx-container>div {
    max-width: 780px;
}

body.page-about-index .abx-cta span {
    color: var(--abx-red);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

body.page-about-index .abx-cta h2 {
    margin: 6px 0;
    color: var(--abx-navy);
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
}

body.page-about-index .abx-cta p {
    margin: 0;
    color: var(--abx-muted);
    font-size: 14px;
    line-height: 1.65;
}

body.page-about-index .abx-cta nav {
    display: flex;
    gap: 9px;
    flex: 0 0 auto;
}

/* --- About responsive --- */

@media (max-width: 1100px) {
    body.page-about-index .abx-hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    body.page-about-index .abx-metrics {
        grid-template-columns: repeat(3, 1fr);
    }

    body.page-about-index .abx-values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    body.page-about-index .abx-investor-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    body.page-about-index .abx-product-rail {
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    body.page-about-index .abx-product-card {
        min-height: 300px;
    }

    body.page-about-index .abx-product-card:hover {
        flex: 1;
    }

    body.page-about-index .abx-product-vertical {
        display: none;
    }

    body.page-about-index .abx-product-detail,
    body.page-about-index .abx-product-card:hover .abx-product-detail {
        display: block;
        margin-top: auto;
    }
}

@media (max-width: 767.98px) {
    body.page-about-index .abx-container {
        width: min(calc(100% - 28px), 1280px);
    }

    body.page-about-index .abx-hero {
        padding-top: 18px;
    }

    body.page-about-index .abx-hero-band {
        min-height: min(46vh, 340px);
    }

    body.page-about-index .abx-hero-band-copy {
        padding: 38px 0 34px;
    }

    body.page-about-index .abx-hero-grid {
        grid-template-columns: 1fr;
        margin-top: 22px;
    }

    body.page-about-index .abx-hero-copy h1 {
        font-size: 29px;
    }

    body.page-about-index .abx-factory-card {
        order: 2;
    }

    body.page-about-index .abx-metrics {
        grid-template-columns: repeat(2, 1fr);
    }

    body.page-about-index .abx-section {
        padding: 52px 0;
    }

    body.page-about-index .abx-heading--center {
        text-align: left;
    }

    body.page-about-index .abx-values-grid {
        grid-template-columns: 1fr;
    }

    body.page-about-index .abx-value-card {
        min-height: 0;
        padding: 23px;
    }

    body.page-about-index .abx-section-row {
        align-items: flex-start;
        flex-direction: column;
    }

    body.page-about-index .abx-slider-nav {
        align-self: flex-end;
    }

    body.page-about-index .abx-history-track {
        grid-auto-columns: min(82vw, 300px);
    }

    body.page-about-index .abx-product-rail {
        grid-template-columns: 1fr;
    }

    body.page-about-index .abx-product-card {
        min-height: 310px;
    }

    body.page-about-index .abx-green-metrics {
        grid-template-columns: repeat(2, 1fr);
    }

    body.page-about-index .abx-green-story {
        grid-template-columns: 1fr;
    }

    body.page-about-index .abx-green-story figure {
        min-height: 270px;
    }

    body.page-about-index .abx-green-story>div {
        padding: 27px 23px;
    }

    body.page-about-index .abx-investor-grid {
        grid-template-columns: 1fr;
    }

    body.page-about-index .abx-cta .abx-container {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px;
    }

    body.page-about-index .abx-cta nav {
        width: 100%;
        flex-direction: column;
    }

    body.page-about-index .abx-cta .abx-button {
        width: 100%;
    }
}

@media (max-width: 430px) {

    body.page-about-index .abx-metrics,
    body.page-about-index .abx-green-metrics {
        grid-template-columns: 1fr;
    }

    body.page-about-index .abx-actions {
        display: grid;
    }

    body.page-about-index .abx-factory-card figcaption strong {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-about-index * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* =========================================================================
   ABOUT / TARIHCE  (body.page-about-corporatepage — /tarihce renders
   CorporatePage.cshtml's tarihce branch: site-page-header hero, cp-history
   (main copy + video + actions + sticky milestone rail), cp-history-stats,
   cp-org-section and the organization lightbox tools. Reuses the global
   --dnisi-* tokens; nothing copied from reference.)
   ========================================================================= */

body.page-about-corporatepage {
}

/* ---- Hero band ---- */
body.page-about-corporatepage .site-page-header {
    position: relative;
    overflow: hidden;
    color: var(--dnisi-text-on-dark);
    background:
        radial-gradient(1000px 380px at 84% -12%, rgba(227, 6, 19, .22), transparent 62%),
        linear-gradient(160deg, var(--dnisi-ink-800), var(--dnisi-ink-900)) ,
        var(--page-header-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-about-corporatepage .site-page-header::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dnisi-red), rgba(227, 6, 19, 0));
}

body.page-about-corporatepage .site-page-header-inner {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    min-height: 320px;
    padding: 64px 0;
}

body.page-about-corporatepage .site-page-header-copy {
    max-width: 640px;
}

body.page-about-corporatepage .site-page-header-eyebrow {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-about-corporatepage .site-page-header-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-about-corporatepage .site-page-header-copy h1 {
    margin: 16px 0 14px;
    font-size: clamp(1.9rem, 1.4rem + 2.2vw, 2.9rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.12;
    color: var(--dnisi-text-on-dark);
}

body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam .site-page-header-copy h1 em {
    font-style: normal;
    color: var(--dnisi-red);
}

body.page-about-corporatepage .site-page-header-copy p {
    max-width: 520px;
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--dnisi-text-on-dark-soft);
}

body.page-about-corporatepage .site-page-header-visual {
    flex-shrink: 0;
    width: min(420px, 42%);
}

body.page-about-corporatepage .site-page-header-card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface-alt);
    box-shadow: var(--dnisi-shadow-lg);
}

body.page-about-corporatepage .site-page-header-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.page-about-corporatepage .site-page-header-card.is-media-missing {
    display: none;
}

/* ---- Tarihce hero (slider-style, full-bleed photo + text) ---- */
body.page-about-corporatepage .site-page-header.page-header-corporate-tarihce {
    display: flex;
    min-height: min(72vh, 560px);
    align-items: flex-end;
    background:
        linear-gradient(92deg,
            rgba(6, 7, 9, .94) 0%,
            rgba(6, 7, 9, .86) 30%,
            rgba(6, 7, 9, .62) 46%,
            rgba(6, 7, 9, .30) 60%,
            rgba(6, 7, 9, 0) 78%),
        linear-gradient(180deg,
            rgba(6, 7, 9, .55) 0%,
            rgba(6, 7, 9, .10) 22%,
            rgba(6, 7, 9, 0) 42%),
        var(--page-header-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-tarihce .site-page-header-inner {
    min-height: 0;
    padding: 88px 0 54px;
    justify-content: flex-start;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-tarihce .site-page-header-copy {
    max-width: 660px;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-tarihce .site-page-header-copy h1 {
    margin: 14px 0 14px;
    font-size: clamp(1.9rem, 1.4rem + 2.4vw, 3.1rem);
}

body.page-about-corporatepage .site-page-header.page-header-corporate-tarihce .site-page-header-copy p {
    max-width: 520px;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-tarihce .site-page-header-visual {
    display: none;
}

/* ---- Vizyon-Misyon hero (slider-style, full-bleed photo + text) ---- */
body.page-about-corporatepage .site-page-header.page-header-corporate-vizyon-misyonumuz {
    display: flex;
    min-height: min(72vh, 560px);
    align-items: flex-end;
    background:
        linear-gradient(92deg,
            rgba(6, 7, 9, .94) 0%,
            rgba(6, 7, 9, .86) 30%,
            rgba(6, 7, 9, .62) 46%,
            rgba(6, 7, 9, .30) 60%,
            rgba(6, 7, 9, 0) 78%),
        linear-gradient(180deg,
            rgba(6, 7, 9, .55) 0%,
            rgba(6, 7, 9, .10) 22%,
            rgba(6, 7, 9, 0) 42%),
        var(--page-header-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-vizyon-misyonumuz .site-page-header-inner {
    min-height: 0;
    padding: 88px 0 54px;
    justify-content: flex-start;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-vizyon-misyonumuz .site-page-header-copy {
    max-width: 660px;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-vizyon-misyonumuz .site-page-header-copy h1 {
    margin: 14px 0 14px;
    font-size: clamp(1.9rem, 1.4rem + 2.4vw, 3.1rem);
}

body.page-about-corporatepage .site-page-header.page-header-corporate-vizyon-misyonumuz .site-page-header-copy p {
    max-width: 520px;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-vizyon-misyonumuz .site-page-header-visual {
    display: none;
}

/* ---- EYS Politika Kapsamı hero (slider-style, full-bleed photo + text) ---- */
body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam {
    display: flex;
    min-height: min(72vh, 560px);
    align-items: flex-end;
    background:
        linear-gradient(92deg,
            rgba(6, 7, 9, .94) 0%,
            rgba(6, 7, 9, .86) 30%,
            rgba(6, 7, 9, .62) 46%,
            rgba(6, 7, 9, .30) 60%,
            rgba(6, 7, 9, 0) 78%),
        linear-gradient(180deg,
            rgba(6, 7, 9, .55) 0%,
            rgba(6, 7, 9, .10) 22%,
            rgba(6, 7, 9, 0) 42%),
        var(--page-header-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam .site-page-header-inner {
    min-height: 0;
    padding: 88px 0 54px;
    justify-content: flex-start;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam .site-page-header-copy {
    max-width: 660px;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam .site-page-header-copy h1 {
    margin: 14px 0 14px;
    font-size: clamp(1.9rem, 1.4rem + 2.4vw, 3.1rem);
}

body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam .site-page-header-copy p {
    max-width: 520px;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam .site-page-header-visual {
    display: none;
}

/* ---- KVKK Aydınlatma Metni hero (slider-style, full-bleed photo + text) ---- */
body.page-about-corporatepage .site-page-header.page-header-corporate-kvkk-aydinlatma-metni {
    display: flex;
    min-height: min(72vh, 560px);
    align-items: flex-end;
    background:
        linear-gradient(92deg,
            rgba(6, 7, 9, .94) 0%,
            rgba(6, 7, 9, .86) 30%,
            rgba(6, 7, 9, .62) 46%,
            rgba(6, 7, 9, .30) 60%,
            rgba(6, 7, 9, 0) 78%),
        linear-gradient(180deg,
            rgba(6, 7, 9, .55) 0%,
            rgba(6, 7, 9, .10) 22%,
            rgba(6, 7, 9, 0) 42%),
        var(--page-header-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-kvkk-aydinlatma-metni .site-page-header-inner {
    min-height: 0;
    padding: 88px 0 54px;
    justify-content: flex-start;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-kvkk-aydinlatma-metni .site-page-header-copy {
    max-width: 660px;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-kvkk-aydinlatma-metni .site-page-header-copy h1 {
    margin: 14px 0 14px;
    font-size: clamp(1.9rem, 1.4rem + 2.4vw, 3.1rem);
}

body.page-about-corporatepage .site-page-header.page-header-corporate-kvkk-aydinlatma-metni .site-page-header-copy p {
    max-width: 520px;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-kvkk-aydinlatma-metni .site-page-header-visual {
    display: none;
}

/* =========================================================================
   CORPORATE PAGES (tarihce, hakkimizda, vizyonumuz, misyonumuz, etc.)
   Clean rewrite matching 5246 reference design
   ========================================================================= */

/* ---- Section container ---- */
body.page-about-corporatepage #icerik.cp-section {
    padding: 80px 0;
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage #icerik.cp-section > .container {
    max-width: 1500px;
    padding-left: 28px;
    padding-right: 28px;
    margin: 0 auto;
}

body.page-about-corporatepage .cp-section > .container > .position-relative {
    max-width: 1500px;
    margin: 0 auto;
}

/* ---- Plain content pages (heading + prose card, e.g. KVKK) ---- */
body.page-about-corporatepage .cp-heading {
    margin: 0 0 34px;
    text-align: center;
}

body.page-about-corporatepage .cp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-about-corporatepage .cp-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-about-corporatepage .cp-heading h2 {
    margin: 0 0 14px;
    font-size: clamp(1.5rem, 1.25rem + 1.1vw, 2.1rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .cp-heading p {
    margin: 0;
    font-size: .98rem;
    line-height: 1.7;
    color: var(--dnisi-text-soft);
}

body.page-about-corporatepage .cp-legal-layout {
    display: grid;
    gap: 32px;
}

body.page-about-corporatepage .cp-legal-layout--single {
    width: 100%;
}

body.page-about-corporatepage .cp-prose--legal {
    overflow: hidden;
    padding: 40px 44px;
    border: 1px solid var(--dnisi-line);
    border-top: 3px solid var(--dnisi-red);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .cp-prose {
    font-size: .96rem;
    line-height: 1.75;
    color: var(--dnisi-text-soft);
}

body.page-about-corporatepage .cp-prose > *:first-child {
    margin-top: 0;
}

body.page-about-corporatepage .cp-prose > *:last-child {
    margin-bottom: 0;
}

body.page-about-corporatepage .cp-prose h2,
body.page-about-corporatepage .cp-prose h3,
body.page-about-corporatepage .cp-prose h4 {
    margin: 30px 0 12px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .cp-prose h2 {
    font-size: 1.3rem;
}

body.page-about-corporatepage .cp-prose h3 {
    font-size: 1.12rem;
}

body.page-about-corporatepage .cp-prose h4 {
    font-size: 1rem;
}

body.page-about-corporatepage .cp-prose p {
    margin: 0 0 16px;
}

body.page-about-corporatepage .cp-prose ul,
body.page-about-corporatepage .cp-prose ol {
    margin: 0 0 16px;
    padding-left: 22px;
}

body.page-about-corporatepage .cp-prose li {
    margin-bottom: 8px;
}

body.page-about-corporatepage .cp-prose li::marker {
    color: var(--dnisi-red);
}

body.page-about-corporatepage .cp-prose strong {
    color: var(--dnisi-text);
    font-weight: 700;
}

body.page-about-corporatepage .cp-prose a {
    color: var(--dnisi-red);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.page-about-corporatepage .cp-prose a:hover {
    color: var(--dnisi-red-dark);
}

body.page-about-corporatepage .cp-prose table {
    width: 100%;
    margin: 0 0 16px;
    border-collapse: collapse;
    font-size: .9rem;
}

body.page-about-corporatepage .cp-prose th,
body.page-about-corporatepage .cp-prose td {
    padding: 10px 12px;
    border: 1px solid var(--dnisi-line);
    text-align: left;
}

body.page-about-corporatepage .cp-prose th {
    background: var(--dnisi-surface-alt);
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .cp-prose blockquote {
    margin: 0 0 16px;
    padding: 14px 20px;
    border-left: 3px solid var(--dnisi-red);
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-style: italic;
}

/* ---- History: cloned from 5246 reference (port 5246 /tarihce) ---- */
@keyframes cp-history-rise {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: none; }
}

@keyframes cp-history-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(200, 16, 46, .35); }
    50% { box-shadow: 0 0 0 8px rgba(200, 16, 46, 0); }
}

body.page-about-corporatepage .cp-main--wide {
    --hcp-red: var(--dnisi-red);
    --hcp-red-soft: #fdf1f3;
    --hcp-ink: #101828;
    --hcp-muted: #475467;
    --hcp-light: #98a2b3;
    --hcp-line: #eaeef3;
    --hcp-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 26px rgba(16, 24, 40, .06);
    --hcp-card: #ffffff;
    max-width: 1500px;
    width: 100%;
}

body.page-about-corporatepage .cp-history {
    display: grid;
    gap: clamp(36px, 5vw, 64px);
}

body.page-about-corporatepage .cp-history-main {
    display: grid;
    gap: 30px;
    min-width: 0;
}

body.page-about-corporatepage .cp-history-head {
    position: relative;
    padding-top: 22px;
}

body.page-about-corporatepage .cp-history-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--hcp-red);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

body.page-about-corporatepage .cp-history-eyebrow::before {
    content: "";
    width: 34px;
    height: 3px;
    border-radius: 99px;
    background: currentColor;
}

body.page-about-corporatepage .cp-history-head h2 {
    max-width: 15ch;
    margin: 18px 0;
    color: var(--hcp-ink);
    font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3.4rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.03em;
}

body.page-about-corporatepage .cp-history-head p {
    max-width: 62ch;
    margin: 0;
    color: var(--hcp-muted);
    font-size: 1rem;
    line-height: 1.75;
}

/* ---- History video ---- */
body.page-about-corporatepage .cp-history-video {
    margin: 0;
}

body.page-about-corporatepage .cp-history-video-frame {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--hcp-line);
    border-radius: 22px;
    background: #0b0f14;
    box-shadow: var(--hcp-shadow);
    transition: transform .35s ease, box-shadow .35s ease;
}

body.page-about-corporatepage .cp-history-video-frame:hover {
    transform: translateY(-4px);
    box-shadow: 0 26px 60px rgba(16, 24, 40, .2);
}

body.page-about-corporatepage .cp-history-video-frame video {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: #0b0f14;
}

body.page-about-corporatepage .cp-history-video-frame.is-media-missing {
    display: none;
}

body.page-about-corporatepage .cp-history-video-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-flex;
    gap: 7px;
    align-items: center;
    padding: 7px 13px;
    border-radius: 999px;
    color: #fff;
    background: rgba(11, 15, 20, .72);
    backdrop-filter: blur(6px);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body.page-about-corporatepage .cp-history-video-badge i {
    color: var(--hcp-red);
    font-size: .8rem;
}

body.page-about-corporatepage .cp-history-video-shade {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 42%;
    border-radius: 0 0 22px 22px;
    background: linear-gradient(180deg, transparent, rgba(11, 15, 20, .42));
    pointer-events: none;
}

body.page-about-corporatepage .cp-history-video figcaption {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px 16px;
    padding: 14px 4px 0;
}

body.page-about-corporatepage .cp-history-video figcaption span {
    color: var(--hcp-red);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body.page-about-corporatepage .cp-history-video figcaption strong {
    color: var(--hcp-ink);
    font-size: .95rem;
    font-weight: 600;
}

/* ---- History actions ---- */
body.page-about-corporatepage .cp-history-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.page-about-corporatepage .cp-history-btn {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    justify-content: center;
    padding: 13px 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
}

body.page-about-corporatepage .cp-history-btn:hover {
    transform: translateY(-2px);
}

body.page-about-corporatepage .cp-history-btn--primary {
    color: #fff;
    background: var(--hcp-red);
    box-shadow: 0 14px 28px rgba(200, 16, 46, .26);
}

body.page-about-corporatepage .cp-history-btn--primary:hover {
    color: #fff;
    background: var(--dnisi-red-dark);
}

body.page-about-corporatepage .cp-history-btn--dark {
    color: #fff;
    background: var(--hcp-ink);
}

body.page-about-corporatepage .cp-history-btn--dark:hover {
    color: #fff;
    background: #0b0f14;
}

body.page-about-corporatepage .cp-history-btn--ghost {
    color: var(--hcp-ink);
    border-color: var(--hcp-line);
    background: #fff;
}

body.page-about-corporatepage .cp-history-btn--ghost:hover {
    color: var(--hcp-red);
    background: #fff;
    border-color: rgba(200, 16, 46, .4);
}

/* ---- Horizontal era timeline (cloned from Stitch concept, real data only) ---- */
body.page-about-corporatepage .cp-timeline {
    display: grid;
    gap: 22px;
}

body.page-about-corporatepage .cp-timeline-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

body.page-about-corporatepage .cp-timeline-head h3 {
    margin: 8px 0 0;
    color: var(--hcp-ink);
    font-size: clamp(1.3rem, 1rem + 1.4vw, 1.9rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em;
}

body.page-about-corporatepage .cp-timeline-nav {
    display: flex;
    gap: 10px;
}

body.page-about-corporatepage .cp-timeline-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--hcp-line);
    border-radius: 50%;
    color: var(--hcp-ink);
    background: #fff;
    box-shadow: var(--hcp-shadow);
    transition: color .18s ease, border-color .18s ease, transform .18s ease;
}

body.page-about-corporatepage .cp-timeline-arrow:hover {
    color: var(--hcp-red);
    border-color: rgba(200, 16, 46, .35);
    transform: translateY(-2px);
}

body.page-about-corporatepage .cp-timeline-track {
    position: relative;
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 4px 14px;
    overflow-x: auto;
    scrollbar-width: none;
}

body.page-about-corporatepage .cp-timeline-track::-webkit-scrollbar {
    display: none;
}

body.page-about-corporatepage .cp-timeline-track-line {
    position: absolute;
    top: 20px;
    left: 4px;
    right: 4px;
    height: 2px;
    background: linear-gradient(90deg, var(--hcp-red), var(--hcp-line) 85%);
    pointer-events: none;
}

body.page-about-corporatepage .cp-timeline-node {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 0;
    background: none;
    color: var(--hcp-muted);
    cursor: pointer;
}

body.page-about-corporatepage .cp-timeline-node-year {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: -.01em;
    font-variant-numeric: tabular-nums;
}

body.page-about-corporatepage .cp-timeline-node-dot {
    width: 10px;
    height: 10px;
    border: 2px solid var(--hcp-line);
    border-radius: 50%;
    background: #fff;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

body.page-about-corporatepage .cp-timeline-node:hover .cp-timeline-node-year {
    color: var(--hcp-red);
}

body.page-about-corporatepage .cp-timeline-node.is-active .cp-timeline-node-year {
    color: var(--hcp-red);
}

body.page-about-corporatepage .cp-timeline-node.is-active .cp-timeline-node-dot {
    border-color: var(--hcp-red);
    background: var(--hcp-red);
    box-shadow: 0 0 0 5px rgba(200, 16, 46, .14);
}

body.page-about-corporatepage .cp-timeline-cards {
    display: flex;
    gap: 18px;
    padding: 4px 4px 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 4px;
    scrollbar-width: thin;
    scrollbar-color: #d7dde6 transparent;
}

body.page-about-corporatepage .cp-timeline-card {
    flex: 0 0 auto;
    width: min(340px, 82vw);
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 24px;
    border: 1px solid var(--hcp-line);
    border-top: 4px solid var(--hcp-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--hcp-shadow);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.page-about-corporatepage .cp-timeline-card.is-active {
    border-top-color: var(--hcp-red);
    box-shadow: 0 20px 44px rgba(16, 24, 40, .12);
}

body.page-about-corporatepage .cp-timeline-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.page-about-corporatepage .cp-timeline-card-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--hcp-red-soft);
    color: var(--hcp-red);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.page-about-corporatepage .cp-timeline-card-year {
    color: var(--hcp-red);
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -.01em;
    font-variant-numeric: tabular-nums;
}

body.page-about-corporatepage .cp-timeline-card-title {
    margin: 0;
    color: var(--hcp-ink);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.3;
}

body.page-about-corporatepage .cp-timeline-card-desc {
    margin: 0;
    color: var(--hcp-muted);
    font-size: .86rem;
    line-height: 1.6;
}

body.page-about-corporatepage .cp-timeline-card-desc p {
    margin: 0 0 6px;
}

body.page-about-corporatepage .cp-timeline-card-desc p:last-child {
    margin-bottom: 0;
}

body.page-about-corporatepage .cp-timeline-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    padding-top: 6px;
    color: var(--hcp-light);
    font-size: .8rem;
}

body.page-about-corporatepage .cp-timeline-foot i {
    color: var(--hcp-red);
    margin-right: 4px;
}

body.page-about-corporatepage .cp-timeline-foot b {
    color: var(--hcp-ink);
    font-weight: 700;
}

body.page-about-corporatepage .cp-history-empty {
    margin: 0;
    padding: 24px;
    border: 1px solid var(--hcp-line);
    border-radius: 16px;
    color: var(--hcp-muted);
    font-size: .9rem;
    line-height: 1.6;
}

@media (prefers-reduced-motion: no-preference) {
    body.page-about-corporatepage .cp-history-head,
    body.page-about-corporatepage .cp-history-video,
    body.page-about-corporatepage .cp-timeline {
        animation: cp-history-rise .6s cubic-bezier(.22, .61, .36, 1) both;
    }

    body.page-about-corporatepage .cp-history-video {
        animation-delay: .12s;
    }

    body.page-about-corporatepage .cp-timeline {
        animation-delay: .2s;
    }
}

/* ---- History stats band ---- */
body.page-about-corporatepage .cp-history-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

body.page-about-corporatepage .cp-history-stats > div {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 22px 20px;
    border: 1px solid var(--hcp-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--hcp-shadow);
    transition: transform .18s ease, box-shadow .18s ease;
}

body.page-about-corporatepage .cp-history-stats > div:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(16, 24, 40, .1);
}

body.page-about-corporatepage .cp-history-stats i {
    align-self: flex-end;
    color: var(--hcp-red);
    font-size: 1.5rem;
    opacity: .8;
}

body.page-about-corporatepage .cp-history-stats strong {
    display: block;
    color: var(--hcp-ink);
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.03em;
}

body.page-about-corporatepage .cp-history-stats span {
    display: block;
    margin-top: 6px;
    color: var(--hcp-muted);
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.35;
}

/* ---- Organization chart section ---- */
body.page-about-corporatepage .cp-org-section {
    margin-top: 64px;
    padding-top: 48px;
    border-top: 1px solid var(--hcp-line);
}

body.page-about-corporatepage .cp-org-head {
    margin-bottom: 24px;
}

body.page-about-corporatepage .cp-org-head h2 {
    max-width: 24ch;
    margin: 0;
    color: var(--hcp-ink);
    font-size: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);
    font-weight: 800;
    letter-spacing: -.02em;
}

body.page-about-corporatepage .cp-org-card {
    padding: clamp(14px, 2.5vw, 24px);
    border: 1px solid var(--hcp-line);
    border-radius: 22px;
    background: var(--hcp-card);
    box-shadow: var(--hcp-shadow);
    overflow: hidden;
}

body.page-about-corporatepage .cp-org-card .organization-chart-frame {
    margin-top: 0;
    border: 0;
    border-radius: 16px;
    box-shadow: none;
}

body.page-about-corporatepage .cp-org-card .organization-chart-lightbox img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
}

body.page-about-corporatepage .cp-org-prose {
    padding: 0 0 20px;
}

body.page-about-corporatepage .cp-org-prose p {
    margin: 0;
    color: var(--hcp-muted);
    font-size: .95rem;
    line-height: 1.7;
}

body.page-about-corporatepage .cp-media-frame {
    display: block;
    overflow: hidden;
}

body.page-about-corporatepage .cp-media-frame img {
    display: block;
    width: 100%;
    height: auto;
}

body.page-about-corporatepage .cp-media-frame.is-media-missing {
    display: none;
}

body.page-about-corporatepage .cp-media-frame--cover img {
    aspect-ratio: 16 / 7;
    object-fit: cover;
}

body.page-about-corporatepage .organization-chart-frame {
    position: relative;
}

body.page-about-corporatepage .organization-chart-hint {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: inline-flex;
    gap: 6px;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    color: var(--dnisi-text-on-dark);
    background: rgba(17, 17, 20, .72);
    backdrop-filter: blur(4px);
    font-size: .8rem;
    font-weight: 700;
}

/* ---- Organization lightbox tools ---- */
body.page-about-corporatepage .organization-lightbox-tools {
    display: none;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

body.page-about-corporatepage .organization-lightbox-tools.is-visible {
    display: flex;
}

body.page-about-corporatepage .organization-lightbox-tools button {
    padding: 8px 16px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-btn);
    color: var(--dnisi-text);
    background: var(--dnisi-surface);
    font-size: .88rem;
    font-weight: 700;
    cursor: pointer;
}

body.page-about-corporatepage .organization-lightbox-tools button:hover {
    border-color: var(--dnisi-red);
    color: var(--dnisi-red);
}

/* ---- Responsive ---- */
@media (min-width: 768px) {
    body.page-about-corporatepage .cp-timeline-track {
        display: flex;
    }
}

@media (max-width: 991.98px) {
    body.page-about-corporatepage .site-page-header-inner {
        flex-direction: column;
        align-items: flex-start;
        min-height: 0;
        padding: 48px 0;
    }

    body.page-about-corporatepage .site-page-header-visual {
        width: 100%;
    }

    body.page-about-corporatepage .cp-section {
        padding: 48px 15px;
    }

    body.page-about-corporatepage .cp-history-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    body.page-about-corporatepage .site-page-header.page-header-corporate-tarihce {
        min-height: 0;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-tarihce .site-page-header-inner {
        padding: 64px 0 40px;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-tarihce .site-page-header-copy p {
        display: none;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-vizyon-misyonumuz {
        min-height: 0;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-vizyon-misyonumuz .site-page-header-inner {
        padding: 64px 0 40px;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-vizyon-misyonumuz .site-page-header-copy p {
        display: none;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam {
        min-height: 0;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam .site-page-header-inner {
        padding: 64px 0 40px;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-eys-politika-kapsam .site-page-header-copy p {
        display: none;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-kvkk-aydinlatma-metni {
        min-height: 0;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-kvkk-aydinlatma-metni .site-page-header-inner {
        padding: 64px 0 40px;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-kvkk-aydinlatma-metni .site-page-header-copy p {
        display: none;
    }

    body.page-about-corporatepage .site-page-header-inner {
        padding: 36px 0;
    }

    body.page-about-corporatepage .cp-prose--legal {
        padding: 26px 20px;
    }

    body.page-about-corporatepage .cp-history-stats {
        grid-template-columns: 1fr;
    }

    body.page-about-corporatepage .cp-history-stats > div {
        padding: 18px 20px;
    }

    body.page-about-corporatepage .cp-history-actions {
        flex-direction: column;
    }

    body.page-about-corporatepage .cp-history-btn {
        width: 100%;
    }

    body.page-about-corporatepage .cp-media-frame--cover img {
        aspect-ratio: 4 / 3;
    }
}

/* ================== Vizyon / Misyon (vx) ================== */
body.page-about-corporatepage .vx {
    --vx-accent: var(--dnisi-red);
    --vx-ink: var(--dnisi-ink-900);
    --vx-ink-soft: var(--dnisi-ink-600);
    --vx-line: #e6e6ea;
    --vx-surface: #ffffff;
}

/* ---- vx hero inbound (copy + chip card) ---- */
body.page-about-corporatepage .vx-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    gap: 44px;
    align-items: center;
    padding: 48px;
    color: var(--dnisi-text-on-dark);
    background:
        linear-gradient(135deg, rgba(227, 6, 19, .95) 0%, rgba(130, 8, 12, .92) 48%, rgba(17, 17, 20, .88) 100%),
        var(--dnisi-ink-900);
    border-radius: var(--dnisi-radius-lg);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-about-corporatepage .vx-hero-copy {
    max-width: 560px;
}

body.page-about-corporatepage .vx-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--dnisi-red);
}

body.page-about-corporatepage .vx-eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-about-corporatepage .vx-hero-copy .vx-eyebrow {
    color: #fff;
}

body.page-about-corporatepage .vx-hero-copy .vx-eyebrow::before {
    background: var(--dnisi-red);
}

body.page-about-corporatepage .vx-title {
    margin: 18px 0 14px;
    font-size: clamp(1.6rem, 1.2rem + 2vw, 2.3rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #fff;
}

body.page-about-corporatepage .vx-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

body.page-about-corporatepage .vx-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    border-radius: var(--dnisi-radius-btn);
    border: 1px solid transparent;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

body.page-about-corporatepage .vx-btn--primary {
    background: var(--dnisi-red);
    color: #fff;
}

body.page-about-corporatepage .vx-btn--primary:hover {
    background: var(--dnisi-red-dark);
    color: #fff;
}

body.page-about-corporatepage .vx-btn--ghost {
    background: rgba(244, 244, 246, .10);
    border-color: rgba(244, 244, 246, .42);
    color: var(--dnisi-text-on-dark);
}

body.page-about-corporatepage .vx-btn--ghost:hover {
    background: rgba(244, 244, 246, .18);
    border-color: rgba(244, 244, 246, .66);
    color: #fff;
}

body.page-about-corporatepage .vx-btn--outline {
    background: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .55);
    color: #fff;
}

body.page-about-corporatepage .vx-btn--outline:hover {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

body.page-about-corporatepage .vx-hero-card {
    padding: 26px;
    color: var(--dnisi-text-on-dark);
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: var(--dnisi-radius-md);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .vx-hero-card-head small {
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(244, 244, 246, .82);
}

body.page-about-corporatepage .vx-hero-chips {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

body.page-about-corporatepage .vx-hero-chips li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    color: var(--dnisi-text-on-dark);
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--dnisi-radius-sm);
}

body.page-about-corporatepage .vx-hero-chips li i {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    font-size: 14px;
    color: #fff;
}

body.page-about-corporatepage .vx-hero-note {
    margin: 18px 0 0;
    padding-top: 16px;
    font-size: 13.5px;
    line-height: 1.6;
    color: rgba(244, 244, 246, .78);
    border-top: 1px solid rgba(255, 255, 255, .18);
}

/* ---- dual vision/mission panels ---- */
body.page-about-corporatepage .vx-dual {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    padding: 34px;
    background: var(--dnisi-surface-alt);
    border-radius: var(--dnisi-radius-lg);
}

body.page-about-corporatepage .vx-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 34px 32px 36px;
    background: var(--dnisi-surface);
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .vx-panel-accent {
    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;
    height: 3px;
    background: var(--dnisi-red);
    border-radius: 0 0 3px 3px;
}

body.page-about-corporatepage .vx-panel--navy .vx-panel-accent {
    background: #fff;
}

body.page-about-corporatepage .vx-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.page-about-corporatepage .vx-panel-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--dnisi-ink-600);
}

body.page-about-corporatepage .vx-panel-head > i {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    font-size: 20px;
    color: var(--dnisi-red);
    background: var(--dnisi-red-soft);
    border-radius: var(--dnisi-radius-sm);
}

body.page-about-corporatepage .vx-panel--navy .vx-panel-head > i {
    color: #fff;
    background: rgba(255, 255, 255, .10);
}

body.page-about-corporatepage .vx-panel-title {
    margin: 20px 0 12px;
    font-size: clamp(1.3rem, 1.1rem + .8vw, 1.7rem);
    font-weight: 800;
    line-height: 1.3;
    color: var(--dnisi-ink-900);
}

body.page-about-corporatepage .vx-panel--navy .vx-panel-title {
    color: var(--dnisi-text-on-dark);
}

body.page-about-corporatepage .vx-panel-body {
    font-size: 15px;
    line-height: 1.8;
    color: var(--dnisi-ink-600);
}

body.page-about-corporatepage .vx-panel-body p {
    margin: 0 0 12px;
}

body.page-about-corporatepage .vx-panel-body p:last-child {
    margin-bottom: 0;
}

body.page-about-corporatepage .vx-panel--navy {
    background: linear-gradient(160deg, #202026 0%, var(--dnisi-ink-900) 100%);
    border-color: var(--dnisi-ink-900);
    color: var(--dnisi-text-on-dark-soft);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-about-corporatepage .vx-panel--navy .vx-panel-tag {
    color: var(--dnisi-text-on-dark-soft);
}

body.page-about-corporatepage .vx-panel--navy .vx-panel-body {
    color: var(--dnisi-text-on-dark-soft);
}

/* ---- dna band (logo + stats + copy) ---- */
body.page-about-corporatepage .vx-dna {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
    gap: 44px;
    align-items: center;
    padding: 48px;
    background: var(--dnisi-surface);
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .vx-dna-visual {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

body.page-about-corporatepage .vx-dna-logo {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    background: var(--dnisi-surface-alt);
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    padding: 18px;
}

body.page-about-corporatepage .vx-dna-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

body.page-about-corporatepage .vx-dna-stats div {
    padding: 16px 12px;
    text-align: center;
    background: var(--dnisi-surface-alt);
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
}

body.page-about-corporatepage .vx-dna-stats strong {
    display: block;
    font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    font-weight: 800;
    line-height: 1.1;
    color: var(--dnisi-red);
}

body.page-about-corporatepage .vx-dna-stats span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--dnisi-ink-600);
}

body.page-about-corporatepage .vx-dna-copy h3 {
    margin: 16px 0 12px;
    font-size: clamp(1.4rem, 1.2rem + 1.2vw, 2rem);
    font-weight: 800;
    line-height: 1.3;
    color: var(--dnisi-ink-900);
}

body.page-about-corporatepage .vx-dna-copy > p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: var(--dnisi-ink-600);
}

/* ---- values grid ---- */
body.page-about-corporatepage .vx-grid {
    padding: 36px 34px 40px;
    background: var(--dnisi-surface-alt);
    border-radius: var(--dnisi-radius-lg);
}

body.page-about-corporatepage .vx-grid-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 26px;
}

body.page-about-corporatepage .vx-grid-head h3 {
    margin: 14px 0 0;
    font-size: clamp(1.4rem, 1.2rem + 1.2vw, 2rem);
    font-weight: 800;
    line-height: 1.3;
    color: var(--dnisi-ink-900);
}

body.page-about-corporatepage .vx-grid-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

body.page-about-corporatepage .vx-card {
    position: relative;
    padding: 28px 26px 26px;
    background: var(--dnisi-surface);
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    box-shadow: var(--dnisi-shadow-sm);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.page-about-corporatepage .vx-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 26px;
    right: 26px;
    height: 3px;
    background: var(--dnisi-red-soft-2);
    border-radius: 0 0 3px 3px;
}

body.page-about-corporatepage .vx-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

body.page-about-corporatepage .vx-card-head > i {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: var(--dnisi-red);
    background: var(--dnisi-red-soft);
    border-radius: var(--dnisi-radius-sm);
}

body.page-about-corporatepage .vx-card-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--dnisi-ink-600);
}

body.page-about-corporatepage .vx-card h4 {
    margin: 12px 0 8px;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.4;
    color: var(--dnisi-ink-900);
}

body.page-about-corporatepage .vx-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: var(--dnisi-ink-600);
}

body.page-about-corporatepage .vx-card:hover {
    border-color: var(--dnisi-red-soft-2);
    box-shadow: var(--dnisi-shadow-md);
}

/* ---- quote ---- */
body.page-about-corporatepage .vx-quote {
    position: relative;
    margin: 0;
    padding: 48px 56px 46px;
    text-align: center;
    background: var(--dnisi-ink-900);
    border-radius: var(--dnisi-radius-lg);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-about-corporatepage .vx-quote-mark {
    position: absolute;
    top: 14px;
    left: 32px;
    font-size: 84px;
    line-height: 1;
    font-family: Georgia, "Times New Roman", serif;
    color: var(--dnisi-red);
    opacity: .34;
}

body.page-about-corporatepage .vx-quote p {
    position: relative;
    max-width: 760px;
    margin: 0 auto 18px;
    font-size: clamp(1.15rem, 1rem + .8vw, 1.45rem);
    font-weight: 600;
    line-height: 1.7;
    color: var(--dnisi-text-on-dark);
}

body.page-about-corporatepage .vx-quote cite {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--dnisi-red);
}

/* ---- cta ---- */
body.page-about-corporatepage .vx-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 40px 44px;
    background: var(--dnisi-ink-900);
    border-radius: var(--dnisi-radius-lg);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-about-corporatepage .vx-cta-copy h3 {
    margin: 14px 0 0;
    font-size: clamp(1.4rem, 1.2rem + 1.4vw, 2.1rem);
    font-weight: 800;
    line-height: 1.3;
    color: var(--dnisi-text-on-dark);
}

body.page-about-corporatepage .vx-cta .vx-eyebrow {
    color: var(--dnisi-red);
}

body.page-about-corporatepage .vx-cta .vx-eyebrow::before {
    background: var(--dnisi-red);
}

body.page-about-corporatepage .vx-cta .vx-btn--primary {
    background: var(--dnisi-red);
    color: #fff;
}

body.page-about-corporatepage .vx-cta .vx-btn--primary:hover {
    background: var(--dnisi-red-dark);
}

/* vx dense container gap */
body.page-about-corporatepage .cp-main .vx {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 32px;
    background: var(--dnisi-surface);
    border-radius: var(--dnisi-radius-lg);
}

@media (max-width: 991.98px) {
    body.page-about-corporatepage .vx-hero,
    body.page-about-corporatepage .vx-dna {
        grid-template-columns: 1fr;
        gap: 26px;
        padding: 34px;
    }

    body.page-about-corporatepage .vx-dual {
        grid-template-columns: 1fr;
    }

    body.page-about-corporatepage .vx-grid-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-about-corporatepage .vx-dna-visual {
        max-width: 460px;
    }
}

@media (max-width: 767.98px) {
    body.page-about-corporatepage .vx-grid-cards {
        grid-template-columns: 1fr;
    }

    body.page-about-corporatepage .vx-hero-card {
        padding: 20px;
    }

    body.page-about-corporatepage .vx-dual {
        padding: 26px 22px;
    }

    body.page-about-corporatepage .vx-grid {
        padding: 28px 22px 32px;
    }

    body.page-about-corporatepage .vx-panel {
        padding: 26px 22px 28px;
    }

    body.page-about-corporatepage .vx-quote {
        padding: 40px 26px 38px;
    }
}

@media (max-width: 575.98px) {
    body.page-about-corporatepage .cp-main .vx {
        padding: 16px;
    }

    body.page-about-corporatepage .vx-hero,
    body.page-about-corporatepage .vx-dna {
        padding: 26px 22px;
    }

    body.page-about-corporatepage .vx-hero-actions,
    body.page-about-corporatepage .vx-cta {
        flex-direction: column;
        align-items: stretch;
    }

    body.page-about-corporatepage .vx-btn {
        width: 100%;
    }

    body.page-about-corporatepage .vx-grid-head {
        flex-direction: column;
        align-items: flex-start;
    }

    body.page-about-corporatepage .vx-cta {
        padding: 32px 22px;
    }

    body.page-about-corporatepage .vx-dna-stats {
        grid-template-columns: 1fr;
    }

    body.page-about-corporatepage .vx-quote-mark {
        left: 18px;
        font-size: 64px;
    }
}


/* =========================================================================
   ETIK / ETX  (body.page-about-corporatepage — /etik-ilkelerimiz renders
   CorporatePage.cshtml's etik branch: full-bleed hero, etx-metrics band,
   official document card (etx-doc), eight-principle charter grid and the
   dark report CTA band. Reuses the global --dnisi-* tokens; no copy from
   reference.)
   ========================================================================= */

/* ---- Etik hero (full-bleed photo + text, aligned with tarihce/vx) ---- */
body.page-about-corporatepage .site-page-header.page-header-corporate-etik-ilkelerimiz {
    display: flex;
    min-height: min(64vh, 520px);
    align-items: flex-end;
    background:
        linear-gradient(92deg,
            rgba(6, 7, 9, .94) 0%,
            rgba(6, 7, 9, .86) 30%,
            rgba(6, 7, 9, .62) 46%,
            rgba(6, 7, 9, .30) 60%,
            rgba(6, 7, 9, 0) 78%),
        linear-gradient(180deg,
            rgba(6, 7, 9, .55) 0%,
            rgba(6, 7, 9, .10) 22%,
            rgba(6, 7, 9, 0) 42%),
        var(--page-header-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-etik-ilkelerimiz .site-page-header-inner {
    min-height: 0;
    padding: 88px 0 54px;
    justify-content: flex-start;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-etik-ilkelerimiz .site-page-header-copy {
    max-width: 680px;
}

body.page-about-corporatepage .site-page-header.page-header-corporate-etik-ilkelerimiz .site-page-header-copy h1 {
    margin: 14px 0;
    font-size: clamp(1.9rem, 1.4rem + 2.4vw, 3.1rem);
}

body.page-about-corporatepage .site-page-header.page-header-corporate-etik-ilkelerimiz .site-page-header-visual {
    display: none;
}


/* ---- etx stack ---- */
body.page-about-corporatepage .cp-main .etx {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* ---- metrics band ---- */
body.page-about-corporatepage .etx-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-line);
}

body.page-about-corporatepage .etx-metrics article {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 22px 20px;
    background: var(--dnisi-surface);
}

body.page-about-corporatepage .etx-metrics i {
    font-size: 1.15rem;
    color: var(--dnisi-red);
}

body.page-about-corporatepage .etx-metrics small {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--dnisi-text-muted);
}

body.page-about-corporatepage .etx-metrics strong {
    font-size: .98rem;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.3;
    color: var(--dnisi-ink-900);
}

/* ---- official document card ---- */
body.page-about-corporatepage .etx-doc {
    overflow: hidden;
    border: 1px solid var(--dnisi-line);
    border-top: 3px solid var(--dnisi-red);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .etx-doc-head {
    padding: 24px 32px;
    border-bottom: 1px solid var(--dnisi-line-soft);
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage .etx-doc-brand strong {
    display: block;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .etx-doc-brand span {
    display: block;
    margin-top: 4px;
    font-size: .88rem;
    line-height: 1.5;
    color: var(--dnisi-text-muted);
}

body.page-about-corporatepage .etx-doc-body {
    padding: 32px 36px 36px;
}

body.page-about-corporatepage .etx-doc-body p {
    margin: 0 0 16px;
    font-size: .98rem;
    line-height: 1.78;
    color: var(--dnisi-text-soft);
}

body.page-about-corporatepage .etx-doc-body p:last-child {
    margin-bottom: 0;
}

body.page-about-corporatepage .etx-doc-body strong {
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .etx-doc-body h2,
body.page-about-corporatepage .etx-doc-body h3,
body.page-about-corporatepage .etx-doc-body h4 {
    margin: 26px 0 12px;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.3;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .etx-doc-body h2 {
    font-size: 1.3rem;
}

body.page-about-corporatepage .etx-doc-body h3 {
    font-size: 1.12rem;
}

body.page-about-corporatepage .etx-doc-body h4 {
    font-size: 1rem;
}

body.page-about-corporatepage .etx-doc-body ul,
body.page-about-corporatepage .etx-doc-body ol {
    margin: 0 0 16px;
    padding-left: 22px;
    color: var(--dnisi-text-soft);
    font-size: .98rem;
    line-height: 1.75;
}

body.page-about-corporatepage .etx-doc-body li {
    margin-bottom: 8px;
}

body.page-about-corporatepage .etx-doc-body li::marker {
    color: var(--dnisi-red);
    font-weight: 700;
}

body.page-about-corporatepage .etx-doc-body a {
    color: var(--dnisi-red);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.page-about-corporatepage .etx-doc-body a:hover {
    color: var(--dnisi-red-dark);
}

body.page-about-corporatepage .etx-doc-body blockquote {
    margin: 20px 0;
    padding: 14px 20px;
    border-left: 3px solid var(--dnisi-red);
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-size: .96rem;
    line-height: 1.7;
}

/* ---- charter: eight-principle matrix ---- */
body.page-about-corporatepage .etx-charter-head {
    margin-bottom: 24px;
}

body.page-about-corporatepage .etx-charter-head h2 {
    margin: 0;
    font-size: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .etx-charter-grid {
    counter-reset: etx;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

body.page-about-corporatepage .etx-value {
    counter-increment: etx;
    display: flex;
    flex-direction: column;
    padding: 26px 24px 22px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface);
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.page-about-corporatepage .etx-value:hover {
    border-color: var(--dnisi-red-soft-2);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .etx-value h3 {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .etx-value h3::before {
    content: counter(etx, decimal-leading-zero) " / ";
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--dnisi-red);
}

body.page-about-corporatepage .etx-value p {
    margin: 0;
    font-size: .88rem;
    line-height: 1.65;
    color: var(--dnisi-text-soft);
}

body.page-about-corporatepage .etx-value footer {
    margin-top: auto;
    padding-top: 16px;
}

body.page-about-corporatepage .etx-value footer span {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red-dark);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* ---- report CTA band ---- */
body.page-about-corporatepage .etx-report {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    padding: 40px 44px;
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-ink-900);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-about-corporatepage .etx-report-copy {
    min-width: 0;
    max-width: 720px;
}

body.page-about-corporatepage .etx-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--dnisi-red);
}

body.page-about-corporatepage .etx-kicker::before {
    content: "";
    width: 22px;
    height: 2px;
    background: currentColor;
}

body.page-about-corporatepage .etx-kicker--light {
    color: var(--dnisi-red);
}

body.page-about-corporatepage .etx-report-copy h2 {
    margin: 14px 0 12px;
    font-size: clamp(1.35rem, 1.15rem + 1vw, 1.85rem);
    font-weight: 800;
    letter-spacing: -.015em;
    line-height: 1.25;
    color: var(--dnisi-text-on-dark);
}

body.page-about-corporatepage .etx-report-copy p {
    margin: 0;
    font-size: .95rem;
    line-height: 1.7;
    color: var(--dnisi-text-on-dark-soft);
}

body.page-about-corporatepage .etx-report-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    min-height: 48px;
    padding: 13px 26px;
    border-radius: var(--dnisi-radius-btn);
    background: var(--dnisi-red);
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .01em;
    text-decoration: none;
    transition: background-color .2s ease, box-shadow .2s ease;
}

body.page-about-corporatepage .etx-report-btn i:last-child {
    transition: transform .2s ease;
}

body.page-about-corporatepage .etx-report-btn:hover,
body.page-about-corporatepage .etx-report-btn:focus-visible {
    background: var(--dnisi-red-dark);
    box-shadow: 0 8px 20px rgba(227, 6, 19, .32);
}

body.page-about-corporatepage .etx-report-btn:hover i:last-child,
body.page-about-corporatepage .etx-report-btn:focus-visible i:last-child {
    transform: translateX(3px);
}

body.page-about-corporatepage .etx-report-btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* ---- etx responsive ---- */
@media (max-width: 1199.98px) {
    body.page-about-corporatepage .etx-charter-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    body.page-about-corporatepage .site-page-header.page-header-corporate-etik-ilkelerimiz .site-page-header-inner {
        padding: 64px 0 44px;
    }

    body.page-about-corporatepage .etx-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-about-corporatepage .etx-charter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-about-corporatepage .etx-doc-body {
        padding: 26px 24px 28px;
    }

    body.page-about-corporatepage .etx-report {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        padding: 32px 28px;
    }
}

@media (max-width: 575.98px) {
    body.page-about-corporatepage .site-page-header.page-header-corporate-etik-ilkelerimiz {
        min-height: 0;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-etik-ilkelerimiz .site-page-header-inner {
        padding: 56px 0 36px;
    }

    body.page-about-corporatepage .site-page-header.page-header-corporate-etik-ilkelerimiz .site-page-header-copy p {
        display: none;
    }

    body.page-about-corporatepage .cp-main .etx {
        gap: 24px;
    }

    body.page-about-corporatepage .etx-metrics article {
        padding: 18px 16px;
    }

    body.page-about-corporatepage .etx-doc-head {
        padding: 20px 20px;
    }

    body.page-about-corporatepage .etx-doc-body {
        padding: 22px 20px 24px;
    }

    body.page-about-corporatepage .etx-charter-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    body.page-about-corporatepage .etx-value {
        padding: 22px 20px 18px;
    }

    body.page-about-corporatepage .etx-report {
        padding: 28px 22px;
    }

    body.page-about-corporatepage .etx-report-btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-about-corporatepage * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}


/* =========================================================================
   EYS / EYX  (body.page-about-corporatepage — /eys-politika-kapsam renders
   _EysPolicyScope.cshtml (full page, no shared hero/breadcrumb): own
   breadcrumb + hero with facility media, four ISO standards cards, an
   open-to-public principles layout with scope document + scope matrix
   (facility stats, EYS table) and the official policy document, a
   document-center link pair and a closing CTA band. Reuses the global
   --dnisi-* tokens.)
   ========================================================================= */

/* ---- eyx container + page base ---- */
body.page-about-corporatepage .eyx-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

body.page-about-corporatepage .eyx-page [id] {
    scroll-margin-top: calc(var(--dnisi-navbar-h) + 20px);
}

/* ---- breadcrumb ---- */
body.page-about-corporatepage .eyx-breadcrumb {
    border-bottom: 1px solid var(--dnisi-line-soft);
    background: var(--dnisi-surface);
}

body.page-about-corporatepage .eyx-breadcrumb .eyx-container {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    font-size: .82rem;
}

body.page-about-corporatepage .eyx-breadcrumb a {
    color: var(--dnisi-text-muted);
    text-decoration: none;
    transition: color .2s ease;
}

body.page-about-corporatepage .eyx-breadcrumb a:hover {
    color: var(--dnisi-red);
}

body.page-about-corporatepage .eyx-breadcrumb i {
    color: var(--dnisi-line);
    font-size: .6rem;
}

body.page-about-corporatepage .eyx-breadcrumb span {
    color: var(--dnisi-text);
    font-weight: 600;
}

/* ---- buttons ---- */
body.page-about-corporatepage .eyx-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 22px;
    border: 1px solid transparent;
    border-radius: var(--dnisi-radius-btn);
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

body.page-about-corporatepage .eyx-button--red {
    background: var(--dnisi-red);
    color: #fff;
}

body.page-about-corporatepage .eyx-button--red:hover,
body.page-about-corporatepage .eyx-button--red:focus-visible {
    background: var(--dnisi-red-dark);
    box-shadow: 0 6px 16px rgba(227, 6, 19, .3);
}

body.page-about-corporatepage .eyx-button--ghost {
    border-color: rgba(244, 244, 246, .5);
    color: var(--dnisi-text-on-dark);
}

body.page-about-corporatepage .eyx-button--ghost:hover,
body.page-about-corporatepage .eyx-button--ghost:focus-visible {
    border-color: #fff;
    color: #fff;
}

/* ---- sections ---- */
body.page-about-corporatepage .eyx-section {
    padding: 72px 0;
}

body.page-about-corporatepage .eyx-heading {
    max-width: 720px;
    margin-bottom: 34px;
}

body.page-about-corporatepage .eyx-heading--center {
    max-width: none;
    text-align: center;
    margin: 0 auto 40px;
}

body.page-about-corporatepage .eyx-heading h2 {
    margin: 0 0 14px;
    font-size: clamp(1.5rem, 1.25rem + 1.1vw, 2.1rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.18;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-heading p {
    margin: 0;
    font-size: .98rem;
    line-height: 1.7;
    color: var(--dnisi-text-soft);
}

/* ---- standards ---- */
body.page-about-corporatepage .eyx-standards {
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage .eyx-standard-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

body.page-about-corporatepage .eyx-standard {
    display: flex;
    flex-direction: column;
    padding: 26px 24px 24px;
    border: 1px solid var(--dnisi-line);
    border-top: 3px solid var(--std, var(--dnisi-red));
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface);
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.page-about-corporatepage .eyx-standard:hover {
    border-color: var(--std, var(--dnisi-red));
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .eyx-standard--red {
    --std: var(--dnisi-red);
}

body.page-about-corporatepage .eyx-standard--green {
    --std: #157a47;
}

body.page-about-corporatepage .eyx-standard--blue {
    --std: #0e63b8;
}

body.page-about-corporatepage .eyx-standard--amber {
    --std: #a77b0c;
}

body.page-about-corporatepage .eyx-standard > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 18px;
}

body.page-about-corporatepage .eyx-standard > div i {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    font-size: 18px;
    color: var(--std, var(--dnisi-red));
    background: color-mix(in srgb, var(--std, var(--dnisi-red)) 10%, #fff);
    border-radius: var(--dnisi-radius-sm);
}

body.page-about-corporatepage .eyx-standard > div span {
    display: inline-flex;
    padding: 4px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--std, var(--dnisi-red)) 10%, #fff);
    color: var(--std, var(--dnisi-red));
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.page-about-corporatepage .eyx-standard > strong {
    display: block;
    margin-bottom: 8px;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--std, var(--dnisi-red));
}

body.page-about-corporatepage .eyx-standard h3 {
    margin: 0 0 8px;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-standard p {
    margin: 0 0 16px;
    font-size: .88rem;
    line-height: 1.65;
    color: var(--dnisi-text-soft);
}

body.page-about-corporatepage .eyx-standard-doc {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--dnisi-line-soft);
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease;
}

body.page-about-corporatepage .eyx-standard-doc:hover {
    color: var(--dnisi-red-dark);
}

/* ---- principles (open layout + scope column) ---- */
body.page-about-corporatepage .eyx-principles-layout {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    align-items: start;
}

body.page-about-corporatepage .eyx-principles-layout > div {
    flex: 1 1 0;
    min-width: 0;
}

body.page-about-corporatepage .eyx-principle-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

body.page-about-corporatepage .eyx-principle {
    padding: 26px 24px 22px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface);
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.page-about-corporatepage .eyx-principle:hover {
    border-color: var(--dnisi-red-soft-2);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .eyx-principle h3 {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-principle p {
    margin: 0;
    font-size: .88rem;
    line-height: 1.65;
    color: var(--dnisi-text-soft);
}

body.page-about-corporatepage .eyx-principle a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    color: var(--dnisi-red);
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
}

body.page-about-corporatepage .eyx-principle a:hover {
    color: var(--dnisi-red-dark);
}

/* ---- scope family panel ---- */
body.page-about-corporatepage .eyx-scope-family-panel {
    margin-top: 18px;
    padding: 22px 24px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage .eyx-scope-family-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.page-about-corporatepage .eyx-scope-family-list li {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.page-about-corporatepage .eyx-scope-family-list strong {
    font-size: .95rem;
    font-weight: 800;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-scope-family-list span {
    font-size: .82rem;
    line-height: 1.5;
    color: var(--dnisi-text-muted);
}

/* ---- scope column ---- */
body.page-about-corporatepage .eyx-principles-layout > .eyx-principles-scope-column {
    flex: 3 1 0;
}

body.page-about-corporatepage .eyx-principles-scope-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

body.page-about-corporatepage .eyx-document {
    overflow: hidden;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
}

body.page-about-corporatepage .eyx-document--scope {
    border-top: 3px solid var(--dnisi-red);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .eyx-document--scope > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 22px;
    border-bottom: 1px solid var(--dnisi-line-soft);
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage .eyx-document > header span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dnisi-text-muted);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body.page-about-corporatepage .eyx-document > header span i {
    color: var(--dnisi-red);
    font-size: .95rem;
}

body.page-about-corporatepage .eyx-document > header b {
    padding: 4px 10px;
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-red);
    color: #fff;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
}

body.page-about-corporatepage .eyx-doc-title {
    padding: 22px 24px 0;
}

body.page-about-corporatepage .eyx-doc-title h3 {
    margin: 0 0 6px;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.3;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-doc-title p {
    margin: 0;
    font-size: .86rem;
    line-height: 1.55;
    color: var(--dnisi-text-muted);
}

/* ---- prose ---- */
body.page-about-corporatepage .eyx-prose {
    padding: 18px 24px 26px;
}

body.page-about-corporatepage .eyx-prose p {
    margin: 0 0 14px;
    font-size: .95rem;
    line-height: 1.72;
    color: var(--dnisi-text-soft);
}

body.page-about-corporatepage .eyx-prose p:last-child {
    margin-bottom: 0;
}

body.page-about-corporatepage .eyx-prose strong {
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-prose h2,
body.page-about-corporatepage .eyx-prose h3,
body.page-about-corporatepage .eyx-prose h4 {
    margin: 22px 0 10px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-prose h2 {
    font-size: 1.2rem;
}

body.page-about-corporatepage .eyx-prose h3 {
    font-size: 1.05rem;
}

body.page-about-corporatepage .eyx-prose ul,
body.page-about-corporatepage .eyx-prose ol {
    margin: 0 0 14px;
    padding-left: 20px;
    font-size: .95rem;
    line-height: 1.72;
    color: var(--dnisi-text-soft);
}

body.page-about-corporatepage .eyx-prose li {
    margin-bottom: 6px;
}

body.page-about-corporatepage .eyx-prose a {
    color: var(--dnisi-red);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.page-about-corporatepage .eyx-empty {
    padding: 0 24px 26px;
    margin: 0;
    font-size: .92rem;
    color: var(--dnisi-text-muted);
}

/* ---- scope matrix ---- */
/* ---- scope matrix (full width, below principles) ---- */
body.page-about-corporatepage .eyx-scope-matrix {
    overflow: hidden;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
}

body.page-about-corporatepage .eyx-scope-matrix-head {
    padding: 20px 24px;
    border-bottom: 1px solid var(--dnisi-line-soft);
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage .eyx-scope-matrix-head h4 {
    margin: 0 0 6px;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-scope-matrix-head p {
    margin: 0;
    font-size: .84rem;
    line-height: 1.55;
    color: var(--dnisi-text-muted);
}

body.page-about-corporatepage .eyx-matrix-grid {
    display: grid;
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
    gap: 32px;
    padding: 32px;
}

body.page-about-corporatepage .eyx-matrix-media {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

body.page-about-corporatepage .eyx-facility {
    position: relative;
    overflow: hidden;
    margin: 0;
    aspect-ratio: 4 / 3;
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-ink-900);
}

body.page-about-corporatepage .eyx-facility img,
body.page-about-corporatepage .eyx-facility video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.page-about-corporatepage .eyx-facility.is-media-missing {
    display: none;
}

body.page-about-corporatepage .eyx-facility figcaption {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(17, 17, 20, .7);
    backdrop-filter: blur(4px);
}

body.page-about-corporatepage .eyx-facility figcaption small,
body.page-about-corporatepage .eyx-facility figcaption strong,
body.page-about-corporatepage .eyx-facility figcaption span {
    display: block;
}

body.page-about-corporatepage .eyx-facility figcaption small {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--dnisi-red);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.page-about-corporatepage .eyx-facility figcaption strong {
    margin: 4px 0 2px;
    color: var(--dnisi-text-on-dark);
    font-size: .9rem;
    font-weight: 800;
}

body.page-about-corporatepage .eyx-facility figcaption span {
    color: var(--dnisi-text-on-dark-soft);
    font-size: .74rem;
    line-height: 1.4;
}

body.page-about-corporatepage .eyx-facility-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.page-about-corporatepage .eyx-facility-stats article {
    padding: 14px 12px;
    text-align: center;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage .eyx-facility-stats strong {
    display: block;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--dnisi-red);
}

body.page-about-corporatepage .eyx-facility-stats span {
    display: block;
    margin-top: 4px;
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--dnisi-text-soft);
}

body.page-about-corporatepage .eyx-matrix-body {
    min-width: 0;
}

body.page-about-corporatepage .eyx-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

body.page-about-corporatepage .eyx-table th,
body.page-about-corporatepage .eyx-table td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--dnisi-line-soft);
    text-align: left;
    vertical-align: top;
    color: var(--dnisi-text-soft);
    line-height: 1.55;
}

body.page-about-corporatepage .eyx-table thead th {
    color: var(--dnisi-text);
    font-weight: 800;
    letter-spacing: .02em;
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage .eyx-table tbody th {
    width: 42%;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-table tbody tr:last-child th,
body.page-about-corporatepage .eyx-table tbody tr:last-child td {
    border-bottom: 0;
}

body.page-about-corporatepage .eyx-table tbody tr:hover th,
body.page-about-corporatepage .eyx-table tbody tr:hover td {
    background: var(--dnisi-surface-alt);
}

/* ---- policy split ---- */
body.page-about-corporatepage .eyx-policy-split {
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage .eyx-policy-intro {
    max-width: 1500px;
}

body.page-about-corporatepage .eyx-policy-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    max-width: 1500px;
    margin: 0 auto;
}

body.page-about-corporatepage .eyx-document--policy {
    border-top: 3px solid var(--dnisi-red);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-about-corporatepage .eyx-document--policy > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 28px;
    border-bottom: 1px solid var(--dnisi-line-soft);
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage .eyx-document--policy .eyx-prose {
    padding: 28px 32px 32px;
}

body.page-about-corporatepage .eyx-document--policy .eyx-prose p {
    font-size: .98rem;
}

/* ---- document links ---- */
body.page-about-corporatepage .eyx-doc-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

body.page-about-corporatepage .eyx-doc-links a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px 24px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface);
    color: var(--dnisi-text);
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.page-about-corporatepage .eyx-doc-links a:hover {
    border-color: var(--dnisi-red-soft-2);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-about-corporatepage .eyx-doc-links a > i {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red);
    font-size: 19px;
}

body.page-about-corporatepage .eyx-doc-links a > div {
    min-width: 0;
    flex: 1 1 auto;
}

body.page-about-corporatepage .eyx-doc-links a small {
    display: block;
    margin-bottom: 3px;
    color: var(--dnisi-text-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body.page-about-corporatepage .eyx-doc-links a strong {
    display: block;
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.4;
    color: var(--dnisi-text);
}

body.page-about-corporatepage .eyx-doc-links a > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--dnisi-red);
    font-size: .84rem;
    font-weight: 700;
    white-space: nowrap;
    transition: gap .2s ease;
}

body.page-about-corporatepage .eyx-doc-links a > span i {
    font-size: .9rem;
}

body.page-about-corporatepage .eyx-doc-links a:hover > span {
    gap: 10px;
}

/* ---- closing CTA ---- */
body.page-about-corporatepage .eyx-cta {
    color: var(--dnisi-text-on-dark);
    background:
        radial-gradient(900px 300px at 12% -20%, rgba(227, 6, 19, .22), transparent 60%),
        linear-gradient(160deg, var(--dnisi-ink-800), var(--dnisi-ink-900));
}

body.page-about-corporatepage .eyx-cta .eyx-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 48px 20px;
}

body.page-about-corporatepage .eyx-cta h2 {
    margin: 0;
    font-size: clamp(1.4rem, 1.2rem + 1.2vw, 2rem);
    font-weight: 800;
    letter-spacing: -.015em;
    line-height: 1.25;
    color: var(--dnisi-text-on-dark);
}

body.page-about-corporatepage .eyx-cta nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-shrink: 0;
}

body.page-about-corporatepage .eyx-cta .eyx-button--red:hover,
body.page-about-corporatepage .eyx-cta .eyx-button--red:focus-visible {
    box-shadow: 0 6px 16px rgba(227, 6, 19, .34);
}

body.page-about-corporatepage .eyx-cta .eyx-button--ghost {
    border-color: rgba(244, 244, 246, .42);
}

/* ---- eyx responsive ---- */
@media (max-width: 1199.98px) {
    body.page-about-corporatepage .eyx-matrix-grid {
        grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
    }
}

@media (max-width: 991.98px) {
    body.page-about-corporatepage .eyx-standard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-about-corporatepage .eyx-principles-layout {
        flex-direction: column;
        gap: 36px;
    }

    body.page-about-corporatepage .eyx-principles-layout > div {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    body.page-about-corporatepage .eyx-section {
        padding: 52px 0;
    }

    body.page-about-corporatepage .eyx-principles-scope-column {
        grid-template-columns: 1fr;
    }

    body.page-about-corporatepage .eyx-matrix-grid {
        grid-template-columns: 1fr;
    }

    body.page-about-corporatepage .eyx-matrix-media {
        max-width: 480px;
    }

    body.page-about-corporatepage .eyx-doc-links {
        grid-template-columns: 1fr;
    }

    body.page-about-corporatepage .eyx-cta .eyx-container {
        flex-direction: column;
        align-items: flex-start;
        padding: 40px 20px;
    }
}

@media (max-width: 575.98px) {
    body.page-about-corporatepage .eyx-container {
        padding: 0 14px;
    }

    body.page-about-corporatepage .eyx-button {
        width: 100%;
    }

    body.page-about-corporatepage .eyx-standard-grid,
    body.page-about-corporatepage .eyx-principle-grid {
        grid-template-columns: 1fr;
    }

    body.page-about-corporatepage .eyx-facility-stats {
        grid-template-columns: 1fr;
    }

    body.page-about-corporatepage .eyx-matrix-grid {
        padding: 16px;
        gap: 18px;
    }

    body.page-about-corporatepage .eyx-scope-matrix-head {
        padding: 16px 18px;
    }

    body.page-about-corporatepage .eyx-document--policy .eyx-prose,
    body.page-about-corporatepage .eyx-doc-title {
        padding-left: 18px;
        padding-right: 18px;
    }

    body.page-about-corporatepage .eyx-doc-links a {
        padding: 18px 16px;
    }

    body.page-about-corporatepage .eyx-cta nav {
        width: 100%;
    }

    body.page-about-corporatepage .eyx-cta .eyx-button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-about-corporatepage * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* =========================================================================
   HUMAN RESOURCES PAGE  (body.page-humanresources-index — /Insan-Kaynaklari
   renders Views/HumanResources/Index.cshtml + Hero.cshtml: full-bleed photo
   hero (tarihçe/EYS style) with culture pills, a career-areas card, two
   inline toggle forms (survey / CV), an info-card grid and a process-step
   grid. Reuses the global --dnisi-* tokens; nothing copied from reference.)
   ========================================================================= */

body.page-humanresources-index .wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ---- hero (full-bleed photo, tarihçe/EYS style) ---- */
body.page-humanresources-index .hr-page-hero {
    position: relative;
    display: flex;
    overflow: hidden;
    min-height: min(72vh, 560px);
    align-items: flex-end;
    color: var(--dnisi-text-on-dark);
    background:
        linear-gradient(92deg,
            rgba(6, 7, 9, .94) 0%,
            rgba(6, 7, 9, .86) 30%,
            rgba(6, 7, 9, .62) 46%,
            rgba(6, 7, 9, .30) 60%,
            rgba(6, 7, 9, 0) 78%),
        linear-gradient(180deg,
            rgba(6, 7, 9, .55) 0%,
            rgba(6, 7, 9, .10) 22%,
            rgba(6, 7, 9, 0) 42%),
        var(--hr-hero-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-humanresources-index .hr-page-hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dnisi-red), rgba(227, 6, 19, 0));
}

body.page-humanresources-index .hr-page-hero .wrap {
    margin-left: max(10px, calc((100% - 1500px) / 2 - 0px));
    margin-right: auto;
}

body.page-humanresources-index .hr-page-hero-grid {
    position: relative;
    padding: 8px 0 90px;
}

body.page-humanresources-index .hr-page-hero-content {
    max-width: 660px;
}

body.page-humanresources-index .hr-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-humanresources-index .hr-kicker::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-humanresources-index .hr-page-hero-content h1 {
    margin: 14px 0 14px;
    font-size: clamp(1.9rem, 1.4rem + 2.4vw, 3.1rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.12;
    color: var(--dnisi-text-on-dark);
}

body.page-humanresources-index .hr-page-hero-content > p {
    max-width: 520px;
    margin: 0 0 24px;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--dnisi-text-on-dark-soft);
}

body.page-humanresources-index .hr-hero-culture-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}

body.page-humanresources-index .hr-hero-culture-pills span {
    padding: 8px 16px;
    border: 1px solid rgba(244, 244, 246, .3);
    border-radius: 999px;
    background: rgba(244, 244, 246, .08);
    backdrop-filter: blur(4px);
    font-size: .82rem;
    font-weight: 600;
    color: var(--dnisi-text-on-dark-soft);
}

body.page-humanresources-index .hr-hero-divider {
    height: 1px;
    margin: 0 0 24px;
    background: rgba(244, 244, 246, .2);
}

body.page-humanresources-index .hr-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

body.page-humanresources-index .hr-hero-action {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 24px;
    border: 1px solid rgba(244, 244, 246, .5);
    border-radius: var(--dnisi-radius-btn);
    background: transparent;
    color: var(--dnisi-text-on-dark);
    font-size: .92rem;
    font-weight: 700;
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}

body.page-humanresources-index .hr-hero-action span {
    display: inline-block;
    transition: transform .2s ease;
}

body.page-humanresources-index .hr-hero-action:hover {
    border-color: #fff;
    color: #fff;
}

body.page-humanresources-index .hr-hero-action:hover span {
    transform: translateX(3px);
}

body.page-humanresources-index .hr-hero-action-red {
    border-color: var(--dnisi-red);
    background: var(--dnisi-red);
    color: #fff;
}

body.page-humanresources-index .hr-hero-action-red:hover {
    border-color: var(--dnisi-red-dark);
    background: var(--dnisi-red-dark);
    color: #fff;
}

/* ---- body sections ---- */
body.page-humanresources-index .hr-page-body {
    padding: 72px 0;
    background: var(--dnisi-surface-alt);
}

body.page-humanresources-index .hr-page-body .wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

body.page-humanresources-index .hr-section-card {
    padding: 40px 44px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-humanresources-index .hr-section-card > .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-humanresources-index .hr-section-card > .eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-humanresources-index .hr-section-card h3 {
    margin: 0 0 12px;
    font-size: clamp(1.3rem, 1.15rem + 0.6vw, 1.65rem);
    font-weight: 800;
    color: var(--dnisi-text);
}

body.page-humanresources-index .hr-section-card > p {
    max-width: 720px;
    margin: 0;
    font-size: .96rem;
    line-height: 1.7;
    color: var(--dnisi-text-soft);
}

/* career areas grid */
body.page-humanresources-index .hr-dept-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}

body.page-humanresources-index .hr-dept {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 calc(25% - 12px);
    flex-direction: column;
    gap: 6px;
    padding: 20px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.page-humanresources-index .hr-dept:hover {
    border-color: var(--dnisi-red-soft-2);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-humanresources-index .hr-dept strong {
    font-size: .96rem;
    font-weight: 800;
    color: var(--dnisi-text);
}

body.page-humanresources-index .hr-dept span {
    font-size: .84rem;
    line-height: 1.5;
    color: var(--dnisi-text-muted);
}

/* ---- inline forms (survey / cv) ---- */
body.page-humanresources-index .hr-inline-form {
    scroll-margin-top: calc(var(--dnisi-navbar-h) + 20px);
}

body.page-humanresources-index .hr-inline-form-close {
    flex-shrink: 0;
}

body.page-humanresources-index .hr-survey-table-wrap {
    margin-top: 20px;
    overflow-x: auto;
}

body.page-humanresources-index .hr-survey-table th,
body.page-humanresources-index .hr-survey-table td {
    white-space: nowrap;
}

/* ---- info cards ---- */
body.page-humanresources-index .hr-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

body.page-humanresources-index .hr-info-card {
    padding: 28px 26px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-humanresources-index .hr-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red);
    font-size: .9rem;
    font-weight: 800;
}

body.page-humanresources-index .hr-info-card h3 {
    margin: 0 0 8px;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--dnisi-text);
}

body.page-humanresources-index .hr-info-card p {
    margin: 0;
    font-size: .88rem;
    line-height: 1.6;
    color: var(--dnisi-text-soft);
}

/* ---- process steps ---- */
body.page-humanresources-index .hr-process {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 24px;
    counter-reset: hr-step;
}

body.page-humanresources-index .hr-step {
    position: relative;
    padding: 24px 20px 20px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
}

body.page-humanresources-index .hr-step::before {
    counter-increment: hr-step;
    content: counter(hr-step, decimal-leading-zero);
    display: block;
    margin-bottom: 10px;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .06em;
}

body.page-humanresources-index .hr-step strong {
    display: block;
    margin-bottom: 6px;
    font-size: .96rem;
    font-weight: 800;
    color: var(--dnisi-text);
}

body.page-humanresources-index .hr-step span {
    font-size: .84rem;
    line-height: 1.55;
    color: var(--dnisi-text-muted);
}

/* ---- responsive ---- */
@media (max-width: 991.98px) {
    body.page-humanresources-index .hr-page-body {
        padding: 48px 0;
    }

    body.page-humanresources-index .hr-dept {
        flex-basis: calc(50% - 8px);
    }
}

@media (max-width: 767.98px) {
    body.page-humanresources-index .hr-section-card {
        padding: 28px 24px;
    }
}

@media (max-width: 575.98px) {
    body.page-humanresources-index .hr-page-hero {
        min-height: 0;
    }

    body.page-humanresources-index .hr-page-hero-grid {
        padding: 64px 0 40px;
    }

    body.page-humanresources-index .hr-page-hero-content > p {
        display: none;
    }

    body.page-humanresources-index .hr-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    body.page-humanresources-index .hr-hero-action {
        justify-content: center;
    }

    body.page-humanresources-index .hr-section-card {
        padding: 22px 18px;
    }

    body.page-humanresources-index .hr-dept {
        flex-basis: 100%;
    }

    body.page-humanresources-index .hr-info-grid,
    body.page-humanresources-index .hr-process {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-humanresources-index * {
        transition: none !important;
    }
}

/* =========================================================================
   HUMAN RESOURCES — SURVEY & CV FORM PAGES  (HumanResourcesController sets
   ViewData["PageStyleAction"] = "Index" for both the Survey and Cv actions,
   so /InsanKaynaklari/anket and /InsanKaynaklari/cv-yolla render under the
   SAME body.page-humanresources-index class as the HR index page above —
   the hero/wrap/hr-section-card rules already apply here too. This block
   only adds what's unique to these two pages: the .hr-form-page wrapper,
   the h2 card heading, shared form controls, the survey satisfaction
   table and the CV drag-and-drop dropzone + honeypot.)
   ========================================================================= */

body.page-humanresources-index .hr-form-page {
    padding: 72px 0;
    background: var(--dnisi-surface-alt);
}

body.page-humanresources-index .hr-form-shell h2 {
    margin: 0 0 14px;
    font-size: clamp(1.5rem, 1.25rem + 1.1vw, 2.1rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: var(--dnisi-text);
}

body.page-humanresources-index .hr-form-shell > p {
    max-width: 720px;
    margin: 0 0 28px;
}

body.page-humanresources-index .hr-survey-form,
body.page-humanresources-index .hr-cv-form {
    margin-top: 8px;
}

/* ---- shared form controls ---- */
body.page-humanresources-index .hr-form-shell .form-label {
    margin-bottom: 6px;
    font-size: .86rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-humanresources-index .hr-form-shell .form-control,
body.page-humanresources-index .hr-form-shell .form-select {
    padding: 11px 14px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-surface);
    font-size: .92rem;
    color: var(--dnisi-text);
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.page-humanresources-index .hr-form-shell .form-control:focus,
body.page-humanresources-index .hr-form-shell .form-select:focus {
    border-color: var(--dnisi-red);
    outline: none;
    box-shadow: 0 0 0 3px var(--dnisi-red-soft);
}

body.page-humanresources-index .hr-form-shell .form-check-input:checked {
    border-color: var(--dnisi-red);
    background-color: var(--dnisi-red);
}

body.page-humanresources-index .hr-form-shell .form-check-input:focus {
    border-color: var(--dnisi-red);
    box-shadow: 0 0 0 3px var(--dnisi-red-soft);
}

/* ---- survey satisfaction table (anket) ---- */
body.page-humanresources-index .hr-form-shell .hr-survey-table-wrap {
    margin-top: 4px;
    overflow-x: auto;
}

body.page-humanresources-index .hr-form-shell .hr-survey-table thead th {
    background: var(--dnisi-surface-alt);
    font-size: .82rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-humanresources-index .hr-form-shell .hr-survey-table td {
    font-size: .88rem;
    color: var(--dnisi-text-soft);
}

body.page-humanresources-index .hr-form-shell .hr-survey-table input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: var(--dnisi-red);
}

/* ---- cv upload dropzone + honeypot (cv-yolla) ---- */
body.page-humanresources-index .hr-honeypot {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

body.page-humanresources-index .hr-cv-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 40px 24px;
    border: 2px dashed var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
    text-align: center;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}

body.page-humanresources-index .hr-cv-dropzone i {
    font-size: 2rem;
    color: var(--dnisi-red);
}

body.page-humanresources-index .hr-cv-dropzone strong {
    font-size: .96rem;
    font-weight: 800;
    color: var(--dnisi-text);
}

body.page-humanresources-index .hr-cv-dropzone span {
    font-size: .82rem;
    color: var(--dnisi-text-muted);
}

body.page-humanresources-index .hr-cv-dropzone em {
    font-style: normal;
    font-size: .82rem;
    font-weight: 600;
    color: var(--dnisi-text-soft);
}

body.page-humanresources-index .hr-cv-dropzone input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

body.page-humanresources-index .hr-cv-dropzone.is-dragging {
    border-color: var(--dnisi-red);
    background: var(--dnisi-red-soft);
}

body.page-humanresources-index .hr-cv-dropzone.has-file {
    border-style: solid;
    border-color: var(--dnisi-red);
    background: var(--dnisi-surface);
}

body.page-humanresources-index .hr-cv-dropzone.has-error {
    border-color: var(--dnisi-red-dark);
    background: rgba(184, 0, 10, .06);
}

@media (max-width: 767.98px) {
    body.page-humanresources-index .hr-form-shell {
        padding: 28px 24px;
    }
}

@media (max-width: 575.98px) {
    body.page-humanresources-index .hr-cv-dropzone {
        padding: 28px 16px;
    }
}

/* =========================================================================
   HOME / DOKUMANLAR  (body.page-home-dokumanlar — /dokumanlar renders
   Views/Home/Dokumanlar.cshtml: hero header, docs-category-grid (category
   cards) and, once a category is picked, docs-selected-list (pdf-document-
   card grid). Had no CSS anywhere in this project before this block.
   Reuses the global --dnisi-* tokens; nothing copied from reference.)
   ========================================================================= */

/* A little breathing room from the edges — the bare Bootstrap .container
   gutter (0.75rem) reads as content glued to the left edge on this page. */
body.page-home-dokumanlar .container {
    padding-left: clamp(16px, 4vw, 48px);
    padding-right: clamp(16px, 4vw, 48px);
}

body.page-home-dokumanlar a:focus-visible,
body.page-home-dokumanlar button:focus-visible,
body.page-home-dokumanlar [tabindex]:focus-visible {
    outline: 2px solid var(--dnisi-red);
    outline-offset: 3px;
    border-radius: var(--dnisi-radius-sm);
}

/* ---- Hero band ---- */
body.page-home-dokumanlar .site-page-header {
    position: relative;
    overflow: hidden;
    color: var(--dnisi-text-on-dark);
    background:
        radial-gradient(1000px 380px at 84% -12%, rgba(227, 6, 19, .22), transparent 62%),
        linear-gradient(160deg, var(--dnisi-ink-800), var(--dnisi-ink-900)),
        var(--page-header-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-home-dokumanlar .site-page-header::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dnisi-red), rgba(227, 6, 19, 0));
}

body.page-home-dokumanlar .site-page-header-inner {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    min-height: 280px;
    padding: 56px 0;
}

body.page-home-dokumanlar .site-page-header-copy {
    max-width: 640px;
}

body.page-home-dokumanlar .site-page-header-eyebrow {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-home-dokumanlar .site-page-header-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-home-dokumanlar .site-page-header-copy h1 {
    margin: 16px 0 14px;
    font-size: clamp(1.9rem, 1.4rem + 2.2vw, 2.9rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.12;
    color: var(--dnisi-text-on-dark);
}

body.page-home-dokumanlar .site-page-header-copy p {
    max-width: 520px;
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--dnisi-text-on-dark-soft);
}

body.page-home-dokumanlar .site-page-header-visual {
    flex-shrink: 0;
    width: min(460px, 44%);
}

body.page-home-dokumanlar .site-page-header-card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface-alt);
    box-shadow: var(--dnisi-shadow-lg);
}

body.page-home-dokumanlar .site-page-header-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* View marks this card "is-contained" for graphic/icon covers (as opposed
   to a photo) — show it in full on its own dark plate instead of cropping. */
body.page-home-dokumanlar .site-page-header-card.is-contained {
    background: linear-gradient(160deg, var(--dnisi-ink-800), var(--dnisi-ink-900));
    padding: 20px;
}

body.page-home-dokumanlar .site-page-header-card.is-contained img {
    object-fit: contain;
    border-radius: var(--dnisi-radius-md);
}

/* ---- Section shell ---- */
body.page-home-dokumanlar .docs-section {
    padding: 56px 0 72px;
    background: var(--dnisi-surface);
}

body.page-home-dokumanlar .docs-empty {
    padding: 48px 24px;
    border: 1px dashed var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-muted);
    text-align: center;
    font-size: .95rem;
}

/* ---- Category grid: 4 cards per row (2 rows for the current 8 categories) ---- */
body.page-home-dokumanlar .docs-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

body.page-home-dokumanlar .docs-category-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--dnisi-surface);
    border-radius: var(--dnisi-radius-lg);
    overflow: hidden;
    box-shadow: var(--dnisi-shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-home-dokumanlar .docs-category-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--dnisi-shadow-md);
    }

    body.page-home-dokumanlar .docs-category-card:hover .docs-card-media img {
        transform: scale(1.035);
    }

    body.page-home-dokumanlar .docs-category-card:hover .docs-card-footer svg {
        transform: translateX(3px);
    }
}

body.page-home-dokumanlar .docs-card-media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--dnisi-surface-alt);
}

body.page-home-dokumanlar .docs-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s var(--dnisi-ease);
}

body.page-home-dokumanlar .docs-count-badge {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(17, 17, 20, .72);
    backdrop-filter: blur(2px);
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .01em;
}

body.page-home-dokumanlar .docs-card-copy {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px 20px 4px;
}

body.page-home-dokumanlar .docs-category-title {
    color: var(--dnisi-text);
    font-size: clamp(1.05rem, 1.3vw, 1.45rem);
    font-weight: 800;
    line-height: 1.35;
}

body.page-home-dokumanlar .docs-card-description {
    margin-top: 6px;
    font-size: .86rem;
    line-height: 1.55;
    color: var(--dnisi-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.page-home-dokumanlar .docs-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
    padding: 14px 20px;
    border-top: 1px solid var(--dnisi-line-soft);
    color: var(--dnisi-red);
    font-size: .85rem;
    font-weight: 700;
}

body.page-home-dokumanlar .docs-card-footer svg {
    width: 16px;
    height: 16px;
    transition: transform .2s var(--dnisi-ease);
}

/* ---- Selected category: panel header ---- */
body.page-home-dokumanlar .docs-selected-list {
    margin-top: 1.5rem;
    padding-top: 1rem;
}

body.page-home-dokumanlar .docs-select-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0 1rem;
    border-bottom: 1px solid var(--dnisi-line);
    margin-bottom: 1.25rem;
}

body.page-home-dokumanlar .docs-panel-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dnisi-red);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.page-home-dokumanlar .docs-select-header h2 {
    margin: 4px 0 0;
    font-size: clamp(1.5rem, 2vw, 2rem);
    font-weight: 800;
    line-height: 1.2;
    color: var(--dnisi-text);
}

body.page-home-dokumanlar .docs-cat-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: .35rem .85rem;
    border-radius: 999px;
    background: var(--dnisi-surface-alt);
    border: 1px solid var(--dnisi-line);
    color: var(--dnisi-text-soft);
    font-size: .85rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ---- Buttons (Download / View / Back) ---- */
body.page-home-dokumanlar .pdf-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: var(--dnisi-radius-btn);
    border: 1px solid transparent;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .2s var(--dnisi-ease), color .2s var(--dnisi-ease), border-color .2s var(--dnisi-ease);
}

body.page-home-dokumanlar .pdf-btn-outline {
    border-color: var(--dnisi-line);
    background: var(--dnisi-surface);
    color: var(--dnisi-text);
}

body.page-home-dokumanlar .pdf-btn-outline:hover {
    border-color: var(--dnisi-red);
    color: var(--dnisi-red);
}

body.page-home-dokumanlar .pdf-btn-danger {
    background: var(--dnisi-red);
    color: #fff;
}

body.page-home-dokumanlar .pdf-btn-danger:hover {
    background: var(--dnisi-red-dark);
    color: #fff;
}

/* ---- PDF document grid: the markup still carries Bootstrap's
   row/row-cols-1/sm-2/md-3 utility classes (caps at 3 columns even on this
   site's 1500px container) — override with the same 4-per-row grid used
   for the category cards above, so both sections read as one system. ---- */
body.page-home-dokumanlar .pdf-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin: 0;
}

body.page-home-dokumanlar .pdf-card-grid > .col {
    width: auto;
    max-width: none;
    flex: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 991.98px) {
    body.page-home-dokumanlar .pdf-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    body.page-home-dokumanlar .pdf-card-grid {
        grid-template-columns: 1fr;
    }
}

/* ---- PDF document cards ---- */
body.page-home-dokumanlar .pdf-document-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--dnisi-surface);
    border: 1px solid var(--dnisi-line-soft);
    border-radius: var(--dnisi-radius-lg);
    overflow: hidden;
    box-shadow: var(--dnisi-shadow-sm);
    transition: transform .2s var(--dnisi-ease), box-shadow .2s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-home-dokumanlar .pdf-document-card:hover {
        transform: translateY(-3px);
        box-shadow: var(--dnisi-shadow-md);
    }
}

body.page-home-dokumanlar .pdf-card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 20px 6px;
}

body.page-home-dokumanlar .pdf-icon-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-red-soft);
}

body.page-home-dokumanlar .pdf-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 4px 20px 18px;
    text-align: center;
}

body.page-home-dokumanlar .pdf-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--dnisi-text-muted);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.page-home-dokumanlar .pdf-title {
    margin: 8px 0 0;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--dnisi-text);
}

body.page-home-dokumanlar .pdf-card-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 0 16px 18px;
}

@media (max-width: 991.98px) {
    body.page-home-dokumanlar .docs-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767.98px) {
    body.page-home-dokumanlar .site-page-header-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 40px 0;
        gap: 24px;
    }

    body.page-home-dokumanlar .site-page-header-visual {
        width: 100%;
        max-width: 360px;
    }

    body.page-home-dokumanlar .docs-section {
        padding: 40px 0 56px;
    }

    body.page-home-dokumanlar .docs-select-header {
        flex-wrap: wrap;
    }
}

@media (max-width: 575.98px) {
    body.page-home-dokumanlar .docs-category-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================================
   PRODUCTS PAGE  (body.page-product-index — /urunler renders
   Views/Product/Index.cshtml: site-page-header hero (like Tarihce page),
   a 3-column grid of product-family cards mirroring the home page's
   "Ürünlerimiz" cards, and a wide commercial-products banner row.
   Reuses the global --dnisi-* tokens.
   ========================================================================= */

body.page-product-index .wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ---- site-page-header hero (matches Tarihce page) ---- */
body.page-product-index .site-page-header {
    position: relative;
    overflow: hidden;
    color: var(--dnisi-text-on-dark);
    background:
        radial-gradient(1000px 380px at 84% -12%, rgba(227, 6, 19, .22), transparent 62%),
        linear-gradient(160deg, var(--dnisi-ink-800), var(--dnisi-ink-900)),
        var(--page-header-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

body.page-product-index .site-page-header::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dnisi-red), rgba(227, 6, 19, 0));
}

body.page-product-index .site-page-header-inner {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    min-height: 320px;
    padding: 64px 0;
}

body.page-product-index .site-page-header-copy {
    max-width: 640px;
}

body.page-product-index .site-page-header-eyebrow {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-product-index .site-page-header-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-product-index .site-page-header-copy h1 {
    margin: 16px 0 14px;
    font-size: clamp(1.9rem, 1.4rem + 2.2vw, 2.9rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.12;
    color: var(--dnisi-text-on-dark);
}

body.page-product-index .site-page-header-copy p {
    max-width: 520px;
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--dnisi-text-on-dark-soft);
}

body.page-product-index .site-page-header-visual {
    flex-shrink: 0;
    width: min(420px, 42%);
}

body.page-product-index .site-page-header-card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface-alt);
    box-shadow: var(--dnisi-shadow-lg);
}

body.page-product-index .site-page-header-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.page-product-index .site-page-header-card.is-media-missing {
    display: none;
}

/* ---- product family cards ---- */
body.page-product-index .products-list-section {
    padding: 72px 0;
    background: var(--dnisi-surface);
}

body.page-product-index .grid.cards3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 32px;
    align-items: stretch;
}

body.page-product-index .product-link {
    display: flex;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

body.page-product-index .card.product {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 440px;
    padding: 24px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-md);
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease), border-color .25s ease;
}

@media (hover: hover) {
    body.page-product-index .product-link:hover .card.product {
        transform: translateY(-5px);
        border-color: var(--dnisi-red-soft-2);
        box-shadow: var(--dnisi-shadow-lg);
    }

    body.page-product-index .product-link:hover .product-img img,
    body.page-product-index .product-link:hover .product-img video {
        transform: scale(1.04);
    }
}

body.page-product-index .card.product .product-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid var(--dnisi-line-soft);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface);
    overflow: hidden;
}

body.page-product-index .card.product .product-img img,
body.page-product-index .card.product .product-img video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .4s var(--dnisi-ease);
}

body.page-product-index .product-card-title {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--dnisi-text);
}

body.page-product-index .product-card-desc {
    margin: 14px 0 0;
    font-size: .9rem;
    line-height: 1.65;
    color: var(--dnisi-text-soft);
}

body.page-product-index .card.product .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    padding-top: 20px;
}

body.page-product-index .card.product .tag {
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-size: .74rem;
    font-weight: 700;
}

body.page-product-index .card.product .product-detail-button {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    padding: 13px 24px;
    border: 0;
    border-radius: 0;
    background: var(--dnisi-ink-900);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
    transition: background-color .2s ease;
}

body.page-product-index .product-link:hover .product-detail-button {
    background: var(--dnisi-red);
}

/* ---- commercial products banner ---- */
body.page-product-index .products-commercial-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 320px) 1fr auto;
    align-items: center;
    gap: 32px;
    padding: 32px 36px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    color: var(--dnisi-text);
    text-decoration: none;
    overflow: hidden;
    box-shadow: var(--dnisi-shadow-sm);
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease), border-color .25s var(--dnisi-ease);
}

body.page-product-index .products-commercial-row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 3px;
    background: var(--dnisi-red);
    border-radius: 0 0 3px 3px;
}

@media (hover: hover) {
    body.page-product-index .products-commercial-row:hover {
        transform: translateY(-4px);
        border-color: var(--dnisi-line);
        box-shadow: var(--dnisi-shadow-md);
    }
}

body.page-product-index .products-commercial-visual {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-height: 140px;
    padding: 18px;
    border-radius: var(--dnisi-radius-md);
    background:
        radial-gradient(circle at 24% 20%, rgba(239, 68, 68, .25), transparent 55%),
        linear-gradient(135deg, var(--dnisi-ink-900) 0%, var(--dnisi-ink-700) 58%, var(--dnisi-red-dark) 100%);
    pointer-events: none;
}

body.page-product-index .products-commercial-visual span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 4px 8px;
    border-radius: var(--dnisi-radius-sm);
    background: rgba(255, 255, 255, .92);
    color: var(--dnisi-text);
    font-size: .8rem;
    font-weight: 800;
    text-align: center;
    text-transform: none;
}

body.page-product-index .products-commercial-copy h2 {
    margin: 0 0 10px;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--dnisi-text);
}

body.page-product-index .products-commercial-copy p {
    margin: 0 0 16px;
    max-width: 56ch;
    font-size: .92rem;
    line-height: 1.6;
    color: var(--dnisi-text-soft);
}

body.page-product-index .products-commercial-copy .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.page-product-index .products-commercial-copy .tag {
    padding: 4px 10px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-size: .72rem;
    font-weight: 600;
}

body.page-product-index .products-commercial-row .product-detail-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 24px;
    border: 0;
    border-radius: var(--dnisi-radius-btn);
    background: var(--dnisi-red);
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    white-space: nowrap;
    transition: background-color .2s ease;
}

body.page-product-index .products-commercial-row:hover .product-detail-button {
    background: var(--dnisi-red-dark);
}

/* ---- responsive ---- */
@media (max-width: 1199.98px) {
    body.page-product-index .products-commercial-row {
        grid-template-columns: minmax(0, 240px) 1fr auto;
    }
}

@media (max-width: 991.98px) {
    body.page-product-index .site-page-header-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        min-height: auto;
        padding: 56px 0;
    }

    body.page-product-index .site-page-header-visual {
        width: 100%;
        max-width: 480px;
        order: -1;
    }

    body.page-product-index .grid.cards3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-product-index .products-commercial-row {
        grid-template-columns: 1fr;
        text-align: center;
    }

    body.page-product-index .products-commercial-visual {
        display: none;
    }

    body.page-product-index .products-commercial-copy p {
        max-width: none;
    }

    body.page-product-index .products-commercial-copy .tags {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    body.page-product-index .site-page-header-inner {
        padding: 48px 0;
    }

    body.page-product-index .site-page-header-copy h1 {
        font-size: clamp(1.6rem, 1.2rem + 3vw, 2.2rem);
    }

    body.page-product-index .products-list-section {
        padding: 48px 0;
    }
}

@media (max-width: 575.98px) {
    body.page-product-index .grid.cards3 {
        grid-template-columns: 1fr;
    }
}

/* =========================================================================
   PRODUCT DETAIL PAGE  (body.page-product-category — /urunler/{slug} (any
   family other than "ticari-urunler") renders Views/Product/Category.cshtml,
   the page that opens when a family card on /urunler is clicked;
   body.page-product-detail — /urun/{slug} renders Views/Product/Detail.cshtml
   for a single item inside a family. Both views share the same "rubber-*"
   class names and .btn/.eyebrow/.tags vocabulary, so the shared rules below
   are scoped to both body classes; grid/gallery/accordion rules only exist
   in Category.cshtml and are scoped to page-product-category alone. Note:
   /urunler/ticari-urunler runs Product/Commercial(), which renders the
   separate Views/Product/Commercial.cshtml (its own "commercial-*" class
   vocabulary, still unstyled — out of scope for this pass) even though it
   also carries the page-product-category body class. Had no CSS anywhere in
   this project before this pass; layout/spacing choices cross-checked
   against the pre-rewrite reference project's wwwroot/css/rubber.css
   (DNISI PROJE, reference only) but re-expressed with this project's own
   --dnisi-* token system.)
   ========================================================================= */

body.page-product-category .rubber-page,
body.page-product-detail .rubber-page {
    padding: 40px 0 96px;
    background: var(--dnisi-surface);
}

/* ---- back link ---- */
body.page-product-category .rubber-back,
body.page-product-detail .rubber-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

/* ---- shared button system (this page scope only; .btn-red/.btn-light/
   .btn-dark are page-scoped across this codebase, not global) ---- */
body.page-product-category .btn,
body.page-product-detail .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border: 1px solid transparent;
    border-radius: var(--dnisi-radius-btn);
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s var(--dnisi-ease), border-color .2s var(--dnisi-ease), color .2s var(--dnisi-ease), transform .2s var(--dnisi-ease);
}

body.page-product-category .btn-red,
body.page-product-detail .btn-red {
    background: var(--dnisi-red);
    border-color: var(--dnisi-red);
    color: #fff;
}

body.page-product-category .btn-red:hover,
body.page-product-category .btn-red:focus-visible,
body.page-product-detail .btn-red:hover,
body.page-product-detail .btn-red:focus-visible {
    background: var(--dnisi-red-dark);
    border-color: var(--dnisi-red-dark);
    color: #fff;
}

body.page-product-category .btn-light,
body.page-product-detail .btn-light {
    background: var(--dnisi-surface-alt);
    border-color: var(--dnisi-line);
    color: var(--dnisi-text);
}

body.page-product-category .btn-light:hover,
body.page-product-category .btn-light:focus-visible,
body.page-product-detail .btn-light:hover,
body.page-product-detail .btn-light:focus-visible {
    border-color: var(--dnisi-red);
    color: var(--dnisi-red);
}

body.page-product-category .btn-dark,
body.page-product-detail .btn-dark {
    background: var(--dnisi-ink-900);
    border-color: var(--dnisi-ink-900);
    color: #fff;
}

body.page-product-category .btn-dark:hover,
body.page-product-category .btn-dark:focus-visible,
body.page-product-detail .btn-dark:hover,
body.page-product-detail .btn-dark:focus-visible {
    background: var(--dnisi-red);
    border-color: var(--dnisi-red);
}

/* ---- hero ---- */
body.page-product-category .rubber-hero,
body.page-product-detail .rubber-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    align-items: stretch;
    gap: 28px;
    padding-bottom: 48px;
}

body.page-product-category .rubber-hero-media,
body.page-product-detail .rubber-hero-media {
    position: relative;
    min-height: 320px;
    overflow: hidden;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface-alt);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-product-category .rubber-hero-media img,
body.page-product-category .rubber-hero-media video,
body.page-product-detail .rubber-hero-media img,
body.page-product-detail .rubber-hero-media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* the family/product name from data-title="" on .rubber-hero-video-wrap,
   shown as a small caption over the hero photo */
body.page-product-category .rubber-hero-media[data-title]::after,
body.page-product-detail .rubber-hero-media[data-title]::after {
    content: attr(data-title);
    position: absolute;
    left: 24px;
    bottom: 20px;
    max-width: calc(100% - 48px);
    padding: 6px 12px;
    border-radius: var(--dnisi-radius-sm);
    background: rgba(17, 17, 20, .55);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    color: #fff;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    pointer-events: none;
}

body.page-product-category .rubber-hero-copy,
body.page-product-detail .rubber-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-product-category .rubber-hero-copy .eyebrow,
body.page-product-detail .rubber-hero-copy .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-product-category .rubber-hero-copy .eyebrow::before,
body.page-product-detail .rubber-hero-copy .eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-product-category .rubber-hero-copy h1,
body.page-product-detail .rubber-hero-copy h1 {
    margin: 0 0 16px;
    font-size: clamp(1.9rem, 1.4rem + 2.2vw, 2.9rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.15;
    color: var(--dnisi-text);
}

body.page-product-category .rubber-lead,
body.page-product-detail .rubber-lead {
    max-width: 62ch;
    margin: 0 0 18px;
    font-size: 1.02rem;
    line-height: 1.7;
    color: var(--dnisi-text-soft);
}

body.page-product-category .rubber-hero-copy .tags,
body.page-product-detail .rubber-hero-copy .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 20px;
}

body.page-product-category .rubber-hero-copy .tag,
body.page-product-detail .rubber-hero-copy .tag {
    padding: 4px 10px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-size: .72rem;
    font-weight: 600;
}

body.page-product-category .rubber-actions,
body.page-product-detail .rubber-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* ---- section / panel shell ---- */
body.page-product-category .rubber-section,
body.page-product-detail .rubber-section {
    margin-top: 56px;
}

body.page-product-category .rubber-panel,
body.page-product-detail .rubber-panel {
    padding: 36px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-product-category .rubber-section-title,
body.page-product-detail .rubber-section-title {
    margin-bottom: 28px;
}

body.page-product-category .rubber-section-title .eyebrow,
body.page-product-detail .rubber-section-title .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: var(--dnisi-red);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.page-product-category .rubber-section-title .eyebrow::before,
body.page-product-detail .rubber-section-title .eyebrow::before {
    content: "";
    width: 24px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-product-category .rubber-section-title h2,
body.page-product-detail .rubber-section-title h2 {
    margin: 0;
    font-size: var(--dnisi-h2);
    font-weight: 800;
    letter-spacing: -.015em;
    color: var(--dnisi-text);
}

body.page-product-category .rubber-section-title p,
body.page-product-category .rubber-section-desc,
body.page-product-detail .rubber-section-title p,
body.page-product-detail .rubber-section-desc {
    max-width: 72ch;
    margin: 10px 0 0;
    font-size: .95rem;
    line-height: 1.65;
    color: var(--dnisi-text-soft);
}

/* ---- KPI / stat grid ---- */
body.page-product-category .rubber-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

body.page-product-category .rubber-kpi {
    padding: 22px 18px;
    text-align: center;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
}

body.page-product-category .rubber-kpi strong {
    display: block;
    margin-bottom: 6px;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--dnisi-red);
}

body.page-product-category .rubber-kpi span {
    font-size: .85rem;
    line-height: 1.4;
    color: var(--dnisi-text-soft);
}

/* ---- type / variant cards ---- */
body.page-product-category .rubber-type-grid {
    display: grid;
    gap: 24px;
}

body.page-product-category .rubber-type-grid-margin {
    margin-top: 8px;
}

body.page-product-category .rubber-type-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-product-category .rubber-type-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--dnisi-shadow-md);
    }
}

body.page-product-category .rubber-type-visual {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--dnisi-surface-alt);
}

body.page-product-category .rubber-type-media {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.page-product-category .rubber-type-copy {
    padding: 18px 20px 22px;
}

body.page-product-category .rubber-type-copy h3 {
    margin: 0 0 8px;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-product-category .rubber-type-copy p {
    margin: 0;
    font-size: .88rem;
    line-height: 1.55;
    color: var(--dnisi-text-muted);
}

body.page-product-category .rubber-logic-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

body.page-product-category .rubber-logic-chip-row span {
    padding: 6px 14px;
    border: 1px solid var(--dnisi-line);
    border-radius: 999px;
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-size: .78rem;
    font-weight: 600;
}

/* ---- technical data spec cards ---- */
body.page-product-category .rubber-spec-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

body.page-product-category .rubber-spec-card {
    padding: 28px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-size: .92rem;
    line-height: 1.7;
}

body.page-product-category .rubber-spec-card table {
    width: 100%;
    border-collapse: collapse;
}

body.page-product-category .rubber-spec-card th,
body.page-product-category .rubber-spec-card td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--dnisi-line);
    text-align: left;
}

body.page-product-category .rubber-spec-card th {
    color: var(--dnisi-text);
}

body.page-product-category .rubber-spec-list {
    display: flex;
    flex-direction: column;
}

body.page-product-category .rubber-spec-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4px 24px;
    padding: 12px 0;
    border-bottom: 1px solid var(--dnisi-line);
}

body.page-product-category .rubber-spec-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

body.page-product-category .rubber-spec-row:first-child {
    padding-top: 0;
}

body.page-product-category .rubber-spec-row strong {
    color: var(--dnisi-text);
    font-weight: 700;
}

body.page-product-category .rubber-spec-row span {
    color: var(--dnisi-text-soft);
    text-align: right;
}

/* ---- usage-area / comfort / application cards ---- */
body.page-product-category .rubber-application-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

body.page-product-category .rubber-application {
    padding: 22px;
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
}

body.page-product-category .rubber-application > span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red);
    font-size: 1.1rem;
    font-style: normal;
}

body.page-product-category .rubber-application h3 {
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-product-category .rubber-application p,
body.page-product-category .rubber-application div {
    margin: 0;
    font-size: .88rem;
    line-height: 1.55;
    color: var(--dnisi-text-muted);
}

/* ---- photo gallery ---- */
body.page-product-category .rubber-photo-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

body.page-product-category .rubber-photo-card {
    overflow: hidden;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-product-category .rubber-photo-media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

body.page-product-category .rubber-photo-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-product-category .rubber-photo-card:hover .rubber-photo-media img {
        transform: scale(1.04);
    }
}

body.page-product-category .rubber-photo-copy {
    padding: 16px 18px;
}

body.page-product-category .rubber-photo-copy h3 {
    margin: 0 0 4px;
    font-size: .95rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-product-category .rubber-photo-copy p {
    margin: 0;
    font-size: .82rem;
    line-height: 1.5;
    color: var(--dnisi-text-muted);
}

/* ---- video gallery ---- */
body.page-product-category .rubber-gallery {
    display: grid;
    gap: 24px;
}

body.page-product-category .rubber-video-card {
    overflow: hidden;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-product-category .rubber-video-frame {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: var(--dnisi-ink-900);
}

body.page-product-category .rubber-video-copy {
    padding: 16px 18px;
}

body.page-product-category .rubber-video-copy h3 {
    margin: 0 0 4px;
    font-size: .95rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-product-category .rubber-video-copy p {
    margin: 0;
    font-size: .82rem;
    line-height: 1.5;
    color: var(--dnisi-text-muted);
}

/* ---- accordion (single Bootstrap accordion item styled as one card;
   retinted via its CSS vars, same approach as .investor-faq-accordion,
   plus a custom red +/- toggle replacing Bootstrap's default chevron) ---- */
body.page-product-category .rubber-accordion-wrapper {
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
    overflow: hidden;
}

body.page-product-category .rubber-accordion-wrapper .accordion {
    --bs-accordion-border-color: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--dnisi-text);
    --bs-accordion-btn-focus-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: none;
}

body.page-product-category .rubber-accordion-item {
    border: 0;
    background: transparent;
}

body.page-product-category .custom-accordion-btn {
    padding: 24px 28px;
    background: transparent;
    box-shadow: none;
    align-items: flex-start;
}

body.page-product-category .custom-accordion-btn::after {
    content: "";
    width: 30px;
    height: 30px;
    margin-left: 16px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--dnisi-red-soft);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    transition: transform .2s var(--dnisi-ease);
}

body.page-product-category .custom-accordion-btn:not(.collapsed)::after {
    transform: rotate(45deg);
}

body.page-product-category .rubber-accordion-body {
    padding: 4px 28px 28px;
}

body.page-product-category .rubber-accordion-title {
    margin: 0 0 4px;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-product-category .rubber-accordion-summary {
    margin: 0;
    font-size: .85rem;
    font-weight: 400;
    color: var(--dnisi-text-muted);
}

body.page-product-category .rubber-accordion-rich-text {
    color: var(--dnisi-text-soft);
    font-size: .92rem;
    line-height: 1.75;
}

body.page-product-category .rubber-accordion-rich-text p {
    margin: 0 0 .75rem;
}

body.page-product-category .rubber-accordion-rich-text ul,
body.page-product-category .rubber-accordion-rich-text ol {
    padding-left: 20px;
    margin: 0 0 .75rem;
}

body.page-product-category .rubber-seo-wrapper {
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
}

body.page-product-category .rubber-seo-title {
    margin: 0 0 10px;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--dnisi-text-soft);
}

body.page-product-category .rubber-seo-badge {
    padding: 6px 12px;
    border: 1px solid var(--dnisi-line);
    border-radius: 999px;
    background: var(--dnisi-surface);
    color: var(--dnisi-text-soft);
    font-size: .75rem;
    font-weight: 600;
}

/* ---- responsive ---- */
@media (max-width: 991.98px) {
    body.page-product-category .rubber-hero,
    body.page-product-detail .rubber-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    body.page-product-category .rubber-hero-media,
    body.page-product-detail .rubber-hero-media {
        order: -1;
        aspect-ratio: 16 / 9;
    }

    body.page-product-category .rubber-panel {
        padding: 28px;
    }

    body.page-product-category .rubber-spec-layout {
        grid-template-columns: 1fr;
    }

    /* .rubber-type-grid / .rubber-gallery get an inline grid-template-columns
       from the admin-configured column count (Model.TypeColumnCount /
       Model.MediaColumnCount); !important is needed here to still narrow
       them down on smaller screens. */
    body.page-product-category .rubber-type-grid,
    body.page-product-category .rubber-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-product-category .rubber-kpi-grid,
    body.page-product-category .rubber-photo-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-product-category .rubber-application-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767.98px) {
    body.page-product-category .rubber-page,
    body.page-product-detail .rubber-page {
        padding: 28px 0 64px;
    }

    body.page-product-category .rubber-section,
    body.page-product-detail .rubber-section {
        margin-top: 40px;
    }

    body.page-product-category .rubber-panel {
        padding: 22px;
    }
}

@media (max-width: 575.98px) {
    body.page-product-category .rubber-type-grid,
    body.page-product-category .rubber-gallery {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-product-category .rubber-kpi-grid,
    body.page-product-category .rubber-photo-gallery-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---- Commercial products page (Views/Product/Commercial.cshtml — opens
   from the "Ticari Ürünler" card on /urunler; own "commercial-*" class
   vocabulary, distinct from the rubber-* rules above; also scoped to
   page-product-category since Commercial() carries that body class) ---- */
body.page-product-category .commercial-page {
    padding: 32px 0 64px;
    background: var(--dnisi-surface);
}

body.page-product-category .commercial-page .wrap {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 28px;
    padding-right: 28px;
}

body.page-product-category .commercial-back {
    margin: 0 0 22px;
}

body.page-product-category .commercial-hero {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-lg);
}

body.page-product-category .commercial-media {
    position: relative;
    min-height: 420px;
    overflow: hidden;
    background:
        radial-gradient(circle at 24% 20%, rgba(227, 6, 19, .22), transparent 45%),
        linear-gradient(135deg, var(--dnisi-ink-900) 0%, var(--dnisi-ink-700) 55%, var(--dnisi-red-dark) 100%);
}

body.page-product-category .commercial-media::before {
    content: "";
    position: absolute;
    inset: 26px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: var(--dnisi-radius-lg);
}

body.page-product-category .commercial-orbits {
    position: absolute;
    inset: 0;
}

body.page-product-category .commercial-orb {
    position: absolute;
    width: 180px;
    min-height: 110px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: var(--dnisi-radius-lg);
    background: rgba(255, 255, 255, .94);
    color: var(--dnisi-text);
    box-shadow: var(--dnisi-shadow-lg);
}

body.page-product-category .commercial-orb b {
    display: block;
    margin-bottom: 8px;
    font-size: .95rem;
}

body.page-product-category .commercial-orb span {
    display: block;
    font-size: .78rem;
    line-height: 1.45;
    color: var(--dnisi-text-soft);
}

body.page-product-category .commercial-orb:nth-child(1) { left: 34px; top: 48px; }
body.page-product-category .commercial-orb:nth-child(2) { right: 38px; top: 88px; }
body.page-product-category .commercial-orb:nth-child(3) { left: 60px; bottom: 100px; }
body.page-product-category .commercial-orb:nth-child(4) { right: 48px; bottom: 70px; }

body.page-product-category .commercial-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 42px;
}

body.page-product-category .commercial-copy h1 {
    margin: 0;
    font-size: clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.1;
    color: var(--dnisi-text);
}

body.page-product-category .commercial-copy .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-product-category .commercial-copy .lead {
    margin: 18px 0 0;
    font-size: 1.02rem;
    font-weight: 400;
    line-height: 1.75;
    color: var(--dnisi-text-soft);
}

body.page-product-category .commercial-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

body.page-product-category .commercial-tags em {
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-size: .78rem;
    font-weight: 700;
    font-style: normal;
}

body.page-product-category .commercial-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

body.page-product-category .commercial-actions .btn {
    border-radius: var(--dnisi-radius-btn);
    font-weight: 700;
}

body.page-product-category .commercial-section {
    margin-top: 32px;
    padding: 32px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-product-category .commercial-section.dark {
    border-color: transparent;
    background: linear-gradient(135deg, var(--dnisi-ink-900) 0%, var(--dnisi-ink-700) 66%, var(--dnisi-ink-900) 100%);
    color: var(--dnisi-text-on-dark);
}

body.page-product-category .commercial-section.dark .commercial-title p {
    color: var(--dnisi-text-on-dark-soft);
}

body.page-product-category .commercial-title {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

body.page-product-category .commercial-title h2 {
    margin: 0;
    font-size: var(--dnisi-h2);
    font-weight: 800;
    letter-spacing: -.015em;
    color: inherit;
}

body.page-product-category .commercial-title p {
    margin: 10px 0 0;
    max-width: 66ch;
    font-size: .95rem;
    line-height: 1.7;
    color: var(--dnisi-text-soft);
}

body.page-product-category .commercial-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

body.page-product-category .commercial-kpi {
    padding: 20px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
}

body.page-product-category .commercial-kpi strong {
    display: block;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--dnisi-red);
}

body.page-product-category .commercial-kpi span {
    display: block;
    margin-top: 8px;
    font-size: .82rem;
    line-height: 1.5;
    color: var(--dnisi-text-soft);
}

body.page-product-category .commercial-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

body.page-product-category .commercial-item {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-product-category .commercial-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--dnisi-red), var(--dnisi-ink-900));
}

body.page-product-category .commercial-item .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-sm);
    background: var(--dnisi-surface-alt);
    font-size: 1.2rem;
}

body.page-product-category .commercial-item h3 {
    margin: 0 0 10px;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-product-category .commercial-item p {
    margin: 0;
    font-size: .88rem;
    line-height: 1.6;
    color: var(--dnisi-text-soft);
}

body.page-product-category .commercial-item ul {
    display: grid;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

body.page-product-category .commercial-item li {
    display: flex;
    gap: 8px;
    font-size: .84rem;
    line-height: 1.5;
    color: var(--dnisi-text-soft);
}

body.page-product-category .commercial-item li::before {
    content: "";
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--dnisi-red);
}

body.page-product-category .commercial-note {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-md);
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    line-height: 1.65;
}

body.page-product-category .commercial-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

body.page-product-category .commercial-flow-step {
    padding: 20px;
    border: 1px solid rgba(244, 244, 246, .16);
    border-radius: var(--dnisi-radius-md);
    background: rgba(244, 244, 246, .06);
}

body.page-product-category .commercial-flow-step b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #fff;
    color: var(--dnisi-red-dark);
    font-style: normal;
}

body.page-product-category .commercial-flow-step strong {
    display: block;
    font-size: .98rem;
    color: var(--dnisi-text-on-dark);
}

body.page-product-category .commercial-flow-step span {
    display: block;
    margin-top: 8px;
    font-size: .8rem;
    line-height: 1.55;
    color: var(--dnisi-text-on-dark-soft);
}

@media (max-width: 1199.98px) {
    body.page-product-category .commercial-grid,
    body.page-product-category .commercial-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-product-category .commercial-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    body.page-product-category .commercial-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    body.page-product-category .commercial-media {
        min-height: 320px;
    }
}

@media (max-width: 767.98px) {
    body.page-product-category .commercial-page {
        padding-bottom: 48px;
    }

    body.page-product-category .commercial-copy,
    body.page-product-category .commercial-section {
        padding: 24px;
    }

    body.page-product-category .commercial-orb {
        position: relative;
        inset: auto !important;
        width: auto;
        min-height: 0;
    }

    body.page-product-category .commercial-orbits {
        position: static;
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 24px;
    }

    body.page-product-category .commercial-grid,
    body.page-product-category .commercial-kpis,
    body.page-product-category .commercial-flow {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* =========================================================================
   INVESTOR RELATIONS PAGE  (body.page-investorrelations-index —
   /YatirimciIliskileri renders Views/InvestorRelations/Index.cshtml: a
   two-column ir-hero (copy + image/placeholder card, same ink-gradient +
   red-accent formula as the About/Tarihçe site-page-header and the İK
   hr-page-hero), highlight stat cards, portal/tool nav-card grids, a dark
   contact strip, an FAQ accordion, a board-of-directors org chart and the
   live MKK/KAP disclosure feed. Reuses the global --dnisi-* tokens;
   nothing copied from reference.)
   ========================================================================= */

/* ---- Hero (copy + visual card, same language as the Tarihçe/İK hero) ---- */
body.page-investorrelations-index .ir-hero {
    position: relative;
    overflow: hidden;
    color: var(--dnisi-text-on-dark);
    background:
        radial-gradient(1000px 380px at 84% -12%, rgba(227, 6, 19, .22), transparent 62%),
        linear-gradient(160deg, var(--dnisi-ink-800), var(--dnisi-ink-900));
}

body.page-investorrelations-index .ir-hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dnisi-red), rgba(227, 6, 19, 0));
}

body.page-investorrelations-index .ir-hero-inner {
    position: relative;
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    min-height: 320px;
    padding: 64px 0;
}

body.page-investorrelations-index .ir-hero-copy {
    max-width: 640px;
}

body.page-investorrelations-index .ir-hero-eyebrow {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-investorrelations-index .ir-hero-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-investorrelations-index .ir-hero-copy h1 {
    margin: 16px 0 14px;
    font-size: clamp(1.9rem, 1.4rem + 2.2vw, 2.9rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.12;
    color: var(--dnisi-text-on-dark);
}

body.page-investorrelations-index .ir-hero-copy p {
    max-width: 520px;
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--dnisi-text-on-dark-soft);
}

body.page-investorrelations-index .ir-hero-media {
    position: relative;
    flex-shrink: 0;
    width: min(420px, 42%);
}

body.page-investorrelations-index .ir-hero-media img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: var(--dnisi-radius-lg);
    box-shadow: var(--dnisi-shadow-lg);
}

body.page-investorrelations-index .ir-hero-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 10;
    padding: 28px;
    border: 1px solid rgba(244, 244, 246, .08);
    border-radius: var(--dnisi-radius-lg);
    background: linear-gradient(155deg, var(--dnisi-ink-700), var(--dnisi-ink-800));
    box-shadow: var(--dnisi-shadow-lg);
}

body.page-investorrelations-index .ir-hero-document {
    position: relative;
    width: 100%;
    max-width: 220px;
    padding: 22px 20px;
    border: 1px solid rgba(244, 244, 246, .12);
    border-radius: var(--dnisi-radius-md);
    background: rgba(244, 244, 246, .05);
}

body.page-investorrelations-index .ir-hero-document::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    right: 18px;
    height: 3px;
    background: var(--dnisi-red);
    border-radius: 0 0 3px 3px;
}

body.page-investorrelations-index .ir-hero-document span {
    display: block;
    height: 8px;
    margin-bottom: 10px;
    border-radius: 4px;
    background: rgba(244, 244, 246, .18);
}

body.page-investorrelations-index .ir-hero-document span:nth-child(1) {
    width: 100%;
}

body.page-investorrelations-index .ir-hero-document span:nth-child(2) {
    width: 80%;
}

body.page-investorrelations-index .ir-hero-document span:nth-child(3) {
    width: 56%;
    margin-bottom: 0;
}

body.page-investorrelations-index .ir-hero-document i {
    position: absolute;
    right: -12px;
    bottom: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--dnisi-red);
    font-style: normal;
}

body.page-investorrelations-index .ir-hero-document i::before {
    content: "";
    width: 14px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) translate(1px, -1px);
}

/* ---- Highlight stats row ---- */
body.page-investorrelations-index .stats-wrapper {
    padding: 56px 0 8px;
}

body.page-investorrelations-index .stat-card {
    height: 100%;
    padding: 28px 22px;
    text-align: center;
    background: var(--dnisi-surface);
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    box-shadow: var(--dnisi-shadow-sm);
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-investorrelations-index .stat-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--dnisi-shadow-md);
    }
}

body.page-investorrelations-index .stat-icon {
    display: block;
    margin: 0 auto 12px;
    font-size: 1.7rem;
    color: var(--dnisi-red);
}

body.page-investorrelations-index .stat-card h3 {
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--dnisi-text);
}

body.page-investorrelations-index .stat-card p {
    letter-spacing: .06em;
}

/* ---- Shared section title (portal / tools / FAQ / MKK feed headers) ---- */
body.page-investorrelations-index .section-title {
    font-size: var(--dnisi-h2);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: var(--dnisi-text);
    margin: 0 0 12px;
}

body.page-investorrelations-index .section-title.center {
    text-align: center;
}

/* ---- Portal / tools nav-card grids ---- */
body.page-investorrelations-index .nav-cards-section {
    padding: 72px 0;
    background: var(--dnisi-surface-alt);
}

body.page-investorrelations-index .nav-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    background: var(--dnisi-surface);
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    overflow: hidden;
    text-decoration: none;
    box-shadow: var(--dnisi-shadow-sm);
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-investorrelations-index .nav-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--dnisi-shadow-md);
    }

    body.page-investorrelations-index .nav-card:hover .bg-zoom {
        transform: scale(1.06);
    }

    body.page-investorrelations-index .nav-card:hover .nav-card-action i {
        transform: translateX(3px);
    }
}

body.page-investorrelations-index .nav-card-img {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--dnisi-ink-800);
}

body.page-investorrelations-index .nav-card-img .bg-zoom {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .5s var(--dnisi-ease);
}

body.page-investorrelations-index .nav-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
}

body.page-investorrelations-index .nav-card-body h4 {
    font-size: 1.05rem;
    color: var(--dnisi-text);
}

body.page-investorrelations-index .nav-card-body p {
    font-size: .9rem;
    line-height: 1.55;
    flex: 1;
}

body.page-investorrelations-index .nav-card-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--dnisi-line-soft);
    color: var(--dnisi-red);
    font-size: .85rem;
    font-weight: 700;
}

body.page-investorrelations-index .nav-card-action i {
    transition: transform .2s var(--dnisi-ease);
}

/* ---- Investor contact strip ---- */
body.page-investorrelations-index .investor-email-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 36px 40px;
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-ink-900);
    color: var(--dnisi-text-on-dark);
}

body.page-investorrelations-index .investor-email-strip h3 {
    color: #fff;
}

body.page-investorrelations-index .investor-email-strip p.text-muted {
    color: var(--dnisi-text-on-dark-soft) !important;
}

body.page-investorrelations-index .investor-contact-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

body.page-investorrelations-index .investor-email-link,
body.page-investorrelations-index .investor-mkk-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 22px;
    border-radius: var(--dnisi-radius-btn);
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

body.page-investorrelations-index .investor-email-link {
    background: var(--dnisi-red);
    color: #fff;
}

body.page-investorrelations-index .investor-email-link:hover {
    background: var(--dnisi-red-dark);
    transform: translateY(-1px);
}

body.page-investorrelations-index .investor-mkk-link {
    border: 1px solid rgba(244, 244, 246, .5);
    color: #fff;
}

body.page-investorrelations-index .investor-mkk-link:hover {
    border-color: #fff;
    background: rgba(244, 244, 246, .08);
}

/* ---- FAQ accordion (Bootstrap accordion, retinted via its CSS vars) ---- */
body.page-investorrelations-index .investor-faq-head {
    max-width: 680px;
    margin: 0 auto 32px;
    text-align: center;
}

body.page-investorrelations-index .investor-faq-accordion {
    --bs-accordion-border-color: var(--dnisi-line);
    --bs-accordion-active-bg: var(--dnisi-red-soft);
    --bs-accordion-active-color: var(--dnisi-red-dark);
    --bs-accordion-btn-focus-border-color: var(--dnisi-red);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem var(--dnisi-red-soft-2);
}

body.page-investorrelations-index .investor-faq-accordion .accordion-item {
    margin-bottom: 12px;
    border-radius: var(--dnisi-radius-md);
    overflow: hidden;
}

body.page-investorrelations-index .investor-faq-accordion .accordion-item:last-child {
    margin-bottom: 0;
}

body.page-investorrelations-index .investor-faq-accordion .accordion-button {
    font-weight: 700;
    color: var(--dnisi-text);
}

/* ---- Board of directors org chart ---- */
body.page-investorrelations-index .home-board-chart {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.page-investorrelations-index .home-board-node {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    max-width: 360px;
    padding: 18px 20px;
    border: 1px solid var(--dnisi-line);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
    text-align: left;
}

body.page-investorrelations-index .home-board-node-primary {
    max-width: 400px;
    border-color: rgba(227, 6, 19, .35);
    background: var(--dnisi-ink-900);
    color: var(--dnisi-text-on-dark);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-investorrelations-index .home-board-node-primary h5 {
    color: #fff;
}

body.page-investorrelations-index .home-board-node-primary span {
    color: var(--dnisi-red);
}

body.page-investorrelations-index .home-board-node-primary small {
    color: var(--dnisi-text-on-dark-soft);
}

body.page-investorrelations-index .home-board-node-secondary {
    border-color: rgba(227, 6, 19, .2);
}

body.page-investorrelations-index .home-board-avatar {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red);
    font-size: 1.15rem;
    font-weight: 800;
}

body.page-investorrelations-index .home-board-node-primary .home-board-avatar {
    background: var(--dnisi-red);
    color: #fff;
}

body.page-investorrelations-index .home-board-node h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-investorrelations-index .home-board-node span {
    display: block;
    margin-top: 2px;
    font-size: .82rem;
    font-weight: 600;
    color: var(--dnisi-red);
}

body.page-investorrelations-index .home-board-node em {
    display: block;
    margin-top: 2px;
    font-size: .76rem;
    font-style: normal;
    color: var(--dnisi-text-muted);
}

body.page-investorrelations-index .home-board-node small {
    display: block;
    margin-top: 4px;
    font-size: .74rem;
    color: var(--dnisi-text-muted);
}

body.page-investorrelations-index .home-board-connector {
    width: 2px;
    height: 32px;
    background: var(--dnisi-line);
}

body.page-investorrelations-index .home-board-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    width: 100%;
    max-width: 1080px;
    gap: 20px;
    margin-top: 8px;
}

body.page-investorrelations-index .home-board-grid .home-board-node {
    max-width: none;
}

/* ---- Live MKK/KAP disclosure feed ---- */
body.page-investorrelations-index .mkk-feed-section {
    padding: 72px 0;
    background: var(--dnisi-surface-alt);
}

body.page-investorrelations-index .mkk-feed-section .sticky-top {
    top: calc(var(--dnisi-navbar-h) + 24px);
}

body.page-investorrelations-index .latest-announcements-card {
    background: var(--dnisi-surface);
}

body.page-investorrelations-index .latest-announcements-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--dnisi-text);
}

body.page-investorrelations-index .latest-announcements-live {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--dnisi-text-muted);
}

body.page-investorrelations-index .live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1aa251;
    box-shadow: 0 0 0 0 rgba(26, 162, 81, .45);
    animation: ir-live-pulse 2s infinite;
}

@keyframes ir-live-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(26, 162, 81, .45);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(26, 162, 81, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(26, 162, 81, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-investorrelations-index .live-dot {
        animation: none;
    }
}

body.page-investorrelations-index .compact-announcement-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-height: 520px;
    padding-right: 4px;
    overflow-y: auto;
}

body.page-investorrelations-index .compact-announcement-item {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--dnisi-line-soft);
}

body.page-investorrelations-index .compact-announcement-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

body.page-investorrelations-index .compact-announcement-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

body.page-investorrelations-index .compact-announcement-title a.hover-danger:hover {
    color: var(--dnisi-red) !important;
}

body.page-investorrelations-index .compact-announcement-desc {
    font-size: .86rem;
}

body.page-investorrelations-index .latest-announcements-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dnisi-red);
    font-weight: 700;
    font-size: .9rem;
    text-decoration: none;
}

body.page-investorrelations-index .latest-announcements-link:hover {
    color: var(--dnisi-red-dark);
}

/* ---- responsive ---- */
@media (max-width: 991.98px) {
    body.page-investorrelations-index .ir-hero-inner {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 40px 0;
    }

    body.page-investorrelations-index .ir-hero-media {
        width: 100%;
        max-width: 420px;
    }

    body.page-investorrelations-index .stats-wrapper {
        padding: 40px 0 8px;
    }

    body.page-investorrelations-index .nav-cards-section {
        padding: 56px 0;
    }

    body.page-investorrelations-index .mkk-feed-section .sticky-top {
        position: static;
    }
}

@media (max-width: 767.98px) {
    body.page-investorrelations-index .investor-email-strip {
        padding: 28px 24px;
    }

    body.page-investorrelations-index .investor-contact-links {
        width: 100%;
    }

    body.page-investorrelations-index .investor-email-link,
    body.page-investorrelations-index .investor-mkk-link {
        flex: 1 1 auto;
        justify-content: center;
    }

    body.page-investorrelations-index .home-board-node {
        max-width: none;
    }
}

/* =========================================================================
   FACILITIES PAGE  (body.page-home-tesislerimiz — /tesislerimiz renders
   Views/Home/Tesislerimiz.cshtml: an intro visual strip, an overview
   section with jump-link facility cards, then one alternating-layout
   fac-detail section per facility — image + stats + a feature list.
   Reuses the global --dnisi-* tokens; nothing copied from reference.)
   ========================================================================= */

/* The facilities page owns its styles in facilities-v2.css. Keep this legacy
   block disabled so it cannot override the reference layout. */
@media not all {

body.page-home-tesislerimiz .wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ---- overview ---- */
body.page-home-tesislerimiz .fac-overview {
    padding: 72px 0;
    background: var(--dnisi-surface);
}

body.page-home-tesislerimiz .fac-visual-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 56px;
}

body.page-home-tesislerimiz .fac-visual-card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-ink-900);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-home-tesislerimiz .fac-visual-card img,
body.page-home-tesislerimiz .fac-visual-card video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-home-tesislerimiz .fac-visual-card:hover img,
    body.page-home-tesislerimiz .fac-visual-card:hover video {
        transform: scale(1.035);
    }
}

body.page-home-tesislerimiz .fac-visual-card.is-media-missing img,
body.page-home-tesislerimiz .fac-visual-card.is-media-missing video {
    display: none;
}

/* A broken/missing video or image src triggers the onerror handler in
   Tesislerimiz.cshtml, which removes the <video>/<img> and adds this class.
   Without it the card fell back to a flat, empty dark rectangle; this keeps
   the label/title/desc overlay on a deliberate branded panel instead. */
body.page-home-tesislerimiz .fac-visual-card.is-media-missing {
    background:
        radial-gradient(640px 260px at 20% -10%, rgba(227, 6, 19, .25), transparent 62%),
        linear-gradient(155deg, var(--dnisi-ink-800), var(--dnisi-ink-900));
    background-color: var(--dnisi-ink-900);
}

/* Ensure visual copy is always visible on missing media */
body.page-home-tesislerimiz .fac-visual-card.is-media-missing .fac-visual-copy {
    background: linear-gradient(180deg, rgba(6, 7, 9, .1) 0%, rgba(6, 7, 9, .85) 55%, rgba(6, 7, 9, .96) 100%);
}

body.page-home-tesislerimiz .fac-visual-copy {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 32px 28px 24px;
    background: linear-gradient(180deg, rgba(6, 7, 9, 0) 0%, rgba(6, 7, 9, .78) 60%, rgba(6, 7, 9, .92) 100%);
    color: var(--dnisi-text-on-dark);
}

body.page-home-tesislerimiz .fac-visual-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--dnisi-red);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body.page-home-tesislerimiz .fac-visual-copy h3 {
    margin: 0 0 6px;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--dnisi-text-on-dark);
}

body.page-home-tesislerimiz .fac-visual-copy p {
    margin: 0;
    font-size: .86rem;
    line-height: 1.55;
    color: var(--dnisi-text-on-dark-soft);
}

body.page-home-tesislerimiz .fac-section-head {
    max-width: 720px;
    margin: 0 0 40px;
}

body.page-home-tesislerimiz .fac-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--dnisi-red);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.page-home-tesislerimiz .fac-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--dnisi-red);
}

body.page-home-tesislerimiz .fac-section-head h2 {
    margin: 0 0 14px;
    font-size: clamp(1.5rem, 1.25rem + 1.1vw, 2.1rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: var(--dnisi-text);
}

body.page-home-tesislerimiz .fac-section-head p {
    margin: 0;
    font-size: .98rem;
    line-height: 1.7;
    color: var(--dnisi-text-soft);
}

/* facility jump cards */
body.page-home-tesislerimiz .fac-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    align-items: stretch;
}

body.page-home-tesislerimiz .fac-card {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
    min-height: 350px;
    padding: 28px 24px 24px;
    border: 1px solid var(--dnisi-line);
    border-top: 4px solid var(--dnisi-red);
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface);
    box-shadow: var(--dnisi-shadow-sm);
    color: inherit;
    text-decoration: none;
    transition: transform .25s var(--dnisi-ease), box-shadow .25s var(--dnisi-ease), border-color .25s ease;
}

@media (hover: hover) {
    body.page-home-tesislerimiz .fac-card:hover {
        transform: translateY(-4px);
        border-color: var(--dnisi-red-soft-2);
        box-shadow: var(--dnisi-shadow-md);
    }
}

body.page-home-tesislerimiz .fac-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

body.page-home-tesislerimiz .fac-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--dnisi-red-soft);
    color: var(--dnisi-red);
    font-size: 1.1rem;
}

body.page-home-tesislerimiz .fac-card-year {
    padding: 4px 10px;
    border: 1px solid var(--dnisi-line);
    border-radius: 999px;
    background: var(--dnisi-surface-alt);
    color: var(--dnisi-text-soft);
    font-size: .76rem;
    font-weight: 700;
}

body.page-home-tesislerimiz .fac-card h3 {
    margin: 0 0 8px;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--dnisi-text);
}

body.page-home-tesislerimiz .fac-card-loc {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0 0 16px;
    font-size: .84rem;
    line-height: 1.55;
    color: var(--dnisi-text-muted);
}

body.page-home-tesislerimiz .fac-card-loc i {
    flex: 0 0 auto;
    margin-top: .2em;
}

body.page-home-tesislerimiz .fac-card-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

body.page-home-tesislerimiz .fac-card-fact {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.page-home-tesislerimiz .fac-card-fact + .fac-card-fact {
    padding-left: 18px;
    border-left: 1px solid var(--dnisi-line-soft);
}

body.page-home-tesislerimiz .fac-card-fact strong {
    font-size: 1.05rem;
    font-weight: 800;
    overflow-wrap: anywhere;
    color: var(--dnisi-text);
}

body.page-home-tesislerimiz .fac-card-fact span {
    font-size: .74rem;
    color: var(--dnisi-text-muted);
}

body.page-home-tesislerimiz .fac-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--dnisi-line-soft);
    color: var(--dnisi-red);
    font-size: .85rem;
    font-weight: 700;
}

body.page-home-tesislerimiz .fac-card-link i {
    transition: transform .2s ease;
}

body.page-home-tesislerimiz .fac-card:hover .fac-card-link i {
    transform: translateY(2px);
}

/* ---- detail sections (alternating layout) ---- */
body.page-home-tesislerimiz .fac-detail {
    padding: 72px 0;
    background: var(--dnisi-surface-alt);
    scroll-margin-top: calc(var(--dnisi-navbar-h) + 20px);
}

body.page-home-tesislerimiz .fac-detail:nth-of-type(even) {
    background: var(--dnisi-surface);
}

body.page-home-tesislerimiz .fac-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}

body.page-home-tesislerimiz .fac-detail.flipped .fac-detail-media {
    order: 2;
}

body.page-home-tesislerimiz .fac-detail-media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border-radius: var(--dnisi-radius-lg);
    background: var(--dnisi-surface-alt);
    box-shadow: var(--dnisi-shadow-md);
}

body.page-home-tesislerimiz .fac-detail-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s var(--dnisi-ease);
}

@media (hover: hover) {
    body.page-home-tesislerimiz .fac-detail-media:hover img {
        transform: scale(1.035);
    }
}

body.page-home-tesislerimiz .fac-detail-media.is-media-missing {
    background:
        radial-gradient(640px 260px at 20% -10%, rgba(227, 6, 19, .18), transparent 62%),
        linear-gradient(155deg, var(--dnisi-ink-700), var(--dnisi-ink-900));
    background-color: var(--dnisi-ink-900);
}

body.page-home-tesislerimiz .fac-detail-media.is-media-missing img {
    display: none;
}

body.page-home-tesislerimiz .fac-detail-badge {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 999px;
    background: var(--dnisi-surface);
    color: var(--dnisi-text);
    font-size: .8rem;
    font-weight: 700;
    box-shadow: var(--dnisi-shadow-sm);
}

body.page-home-tesislerimiz .fac-detail-badge i {
    color: var(--dnisi-red);
}

body.page-home-tesislerimiz .fac-detail-body h2 {
    margin: 0 0 12px;
    font-size: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--dnisi-text);
}

body.page-home-tesislerimiz .fac-detail-address {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 18px;
    font-size: .9rem;
    color: var(--dnisi-text-muted);
}

body.page-home-tesislerimiz .fac-detail-desc {
    margin-bottom: 24px;
    font-size: .96rem;
    line-height: 1.7;
    color: var(--dnisi-text-soft);
}

body.page-home-tesislerimiz .fac-detail-desc p {
    margin: 0 0 14px;
}

body.page-home-tesislerimiz .fac-detail-desc p:last-child {
    margin-bottom: 0;
}

body.page-home-tesislerimiz .fac-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
    padding: 20px 0;
    border-top: 1px solid var(--dnisi-line);
    border-bottom: 1px solid var(--dnisi-line);
}

body.page-home-tesislerimiz .fac-stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.page-home-tesislerimiz .fac-stat strong {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--dnisi-red);
}

body.page-home-tesislerimiz .fac-stat span {
    font-size: .78rem;
    color: var(--dnisi-text-muted);
}

body.page-home-tesislerimiz .fac-features {
    margin-bottom: 20px;
}

body.page-home-tesislerimiz .fac-features-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: .92rem;
    font-weight: 700;
    color: var(--dnisi-text);
}

body.page-home-tesislerimiz .fac-features-head i {
    color: var(--dnisi-red);
}

body.page-home-tesislerimiz .fac-feature-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.page-home-tesislerimiz .fac-feature-list li {
    position: relative;
    padding-left: 20px;
    font-size: .88rem;
    line-height: 1.5;
    color: var(--dnisi-text-soft);
}

body.page-home-tesislerimiz .fac-feature-list li::before {
    content: "";
    position: absolute;
    top: .55em;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dnisi-red);
}

body.page-home-tesislerimiz .fac-footnote {
    margin: 0;
    font-size: .82rem;
    line-height: 1.6;
    font-style: italic;
    color: var(--dnisi-text-muted);
}

/* ---- responsive ---- */
@media (max-width: 1199.98px) {
    body.page-home-tesislerimiz .fac-grid {
        flex-wrap: wrap;
    }

    body.page-home-tesislerimiz .fac-card {
        flex: 1 1 calc(33.333% - 16px);
    }
}

@media (max-width: 991.98px) {
    body.page-home-tesislerimiz .fac-visual-strip {
        grid-template-columns: 1fr;
    }

    body.page-home-tesislerimiz .fac-detail-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    body.page-home-tesislerimiz .fac-grid {
        flex-wrap: wrap;
    }

    body.page-home-tesislerimiz .fac-card {
        flex: 1 1 calc(50% - 12px);
    }
}

@media (max-width: 767.98px) {
    body.page-home-tesislerimiz .fac-overview,
    body.page-home-tesislerimiz .fac-detail {
        padding: 48px 0;
    }

    body.page-home-tesislerimiz .fac-feature-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    body.page-home-tesislerimiz .fac-grid {
        flex-direction: column;
    }

    body.page-home-tesislerimiz .fac-card {
        flex-basis: auto;
        min-height: 0;
        padding: 22px 20px;
    }

    body.page-home-tesislerimiz .fac-stats {
        gap: 10px;
    }

    body.page-home-tesislerimiz .fac-stat strong {
        font-size: 1.2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-home-tesislerimiz .fac-visual-card img,
    body.page-home-tesislerimiz .fac-visual-card video,
    body.page-home-tesislerimiz .fac-detail-media img {
        transition: none;
    }
}
}

/* ==========================================================================
   CONSOLIDATED FRONTEND: investor-subpages.css
   ========================================================================== */
/* Investor Relations subpages, scoped by body page classes. */
/* ============ 04. InvestorRelations / ActivityReports ============ */
body.page-investorrelations-activityreports .report-page-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}
body.page-investorrelations-activityreports .report-list-shell {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 22px;
    padding: 22px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07);
}
body.page-investorrelations-activityreports .report-list-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
}
body.page-investorrelations-activityreports .report-list {
    display: grid;
    gap: 14px;
}
body.page-investorrelations-activityreports .report-row {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
    transition: .18s ease;
}
body.page-investorrelations-activityreports .report-row:hover {
    border-color: rgba(210, 10, 46, .22);
    box-shadow: 0 16px 34px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}
body.page-investorrelations-activityreports .report-row::after {
    content: none !important;
    display: none !important;
}
body.page-investorrelations-activityreports .report-row-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: #fff1f3;
    color: #d20a2e;
    font-size: 1.55rem;
}
body.page-investorrelations-activityreports .report-row-icon svg {
    width: 32px;
    height: 32px;
    display: block;
}
body.page-investorrelations-activityreports .report-row-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 7px;
}
body.page-investorrelations-activityreports .report-row-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: .78rem;
    font-weight: 500;
}
body.page-investorrelations-activityreports .report-row .report-title {
    margin: 0;
    color: #111827;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.35;
}
body.page-investorrelations-activityreports .report-row p {
    margin: 8px 0 0;
    color: #64748b;
}
body.page-investorrelations-activityreports .report-row-action {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}
body.page-investorrelations-activityreports .report-row-action time {
    color: #64748b;
    font-size: .82rem;
    font-weight: 500;
}
body.page-investorrelations-activityreports .report-detail-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 14px;
    border-radius: 999px;
    background: #d20a2e;
    color: #fff;
    text-decoration: none;
    font-size: 14px !important;
    font-weight: 500;
    transition: .18s ease;
}
body.page-investorrelations-activityreports .report-detail-btn span,
body.page-investorrelations-activityreports .report-download-btn span {
    font-size: 14px !important;
    line-height: 1;
}
body.page-investorrelations-activityreports .report-action-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
body.page-investorrelations-activityreports .report-detail-btn:hover {
    background: #a80d24;
    color: #fff;
}
body.page-investorrelations-activityreports .report-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid #d20a2e;
    background: #fff;
    color: #d20a2e;
    text-decoration: none;
    font-size: 14px !important;
    font-weight: 500;
    transition: .18s ease;
}
body.page-investorrelations-activityreports .report-download-btn:hover {
    background: #d20a2e;
    color: #fff;
}
body.page-investorrelations-activityreports .report-pagination {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0;
}
body.page-investorrelations-activityreports .report-pagination-top {
    width: 100%;
}
body.page-investorrelations-activityreports .page-link-btn {
    min-width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, .10);
    background: #fff;
    color: #1f2937;
    text-decoration: none;
    font-weight: 500;
    transition: .18s ease;
}
body.page-investorrelations-activityreports .page-link-btn:hover,
body.page-investorrelations-activityreports .page-link-btn.active {
    background: #d20a2e;
    border-color: #d20a2e;
    color: #fff;
    box-shadow: 0 10px 22px rgba(210, 10, 46, .18);
}
body.page-investorrelations-activityreports .page-link-btn.disabled {
    pointer-events: none;
    opacity: .42;
}

/* ---- IR unified pagination (marks up: <nav class="report-pagination"> <a class="active|disabled">) ---- */
body[class*="page-investorrelations-"] .report-pagination {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0;
}
body[class*="page-investorrelations-"] .report-pagination a {
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, .10);
    background: #fff;
    color: #1f2937;
    text-decoration: none;
    font-weight: 600;
    transition: .18s ease;
}
body[class*="page-investorrelations-"] .report-pagination a:hover,
body[class*="page-investorrelations-"] .report-pagination a.active {
    background: #e30613;
    border-color: #e30613;
    color: #fff;
    box-shadow: 0 10px 22px rgba(227, 6, 19, .18);
}
body[class*="page-investorrelations-"] .report-pagination a.disabled {
    pointer-events: none;
    opacity: .42;
}
body.page-investorrelations-activityreports .report-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 150px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 700;
}
@media (max-width: 991.98px) {
    body.page-investorrelations-activityreports .report-page-head {
        flex-direction: column;
    }
    body.page-investorrelations-activityreports .report-list-toolbar {
        justify-content: flex-start;
    }
}
@media (max-width: 767.98px) {
    body.page-investorrelations-activityreports .report-row {
        grid-template-columns: 1fr;
    }
    body.page-investorrelations-activityreports .report-row-action {
        align-items: flex-start;
    }
    body.page-investorrelations-activityreports .report-action-buttons {
        justify-content: flex-start;
    }
    body.page-investorrelations-activityreports .report-back-btn,
    body.page-investorrelations-activityreports .report-detail-btn,
    body.page-investorrelations-activityreports .report-download-btn {
        width: 100%;
    }
}

/* ============ 05. InvestorRelations / Board ============ */
body.page-investorrelations-board .board-chart { position: relative; max-width: 1120px; margin: 0 auto; }
body.page-investorrelations-board .board-connector { width: 2px; height: 42px; margin: 0 auto; background: linear-gradient(180deg, var(--ir-primary, #C8102E), rgba(200, 16, 46, .15)); }
body.page-investorrelations-board .board-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
body.page-investorrelations-board .board-node { background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 20px; box-shadow: 0 18px 50px rgba(0,0,0,.07); padding: 22px; text-align: center; min-height: 245px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
body.page-investorrelations-board .board-node-primary { max-width: 440px; min-height: 0; margin: 0 auto; background: linear-gradient(135deg, #fff 0%, #fff5f6 100%); border-color: rgba(200,16,46,.18); }
body.page-investorrelations-board .board-avatar { width: 72px; height: 72px; border-radius: 50%; background: var(--ir-primary, #C8102E); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.35rem; box-shadow: 0 12px 28px rgba(200,16,46,.28); }
body.page-investorrelations-board .board-node h4, body.page-investorrelations-board .board-node h5 { font-weight: 800; margin: 0; }
body.page-investorrelations-board .board-node p { color: #596274; margin: 0; line-height: 1.45; }
body.page-investorrelations-board .board-node small { color: #8b94a3; display: block; margin-top: 4px; }
body.page-investorrelations-board .board-chip { color: var(--ir-primary, #C8102E); background: rgba(200,16,46,.08); border-radius: 999px; padding: 5px 10px; font-size: .76rem; font-weight: 800; }
@media (max-width: 1199.98px) { body.page-investorrelations-board .board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { body.page-investorrelations-board .board-grid { grid-template-columns: 1fr; } }

/* ============ 06. InvestorRelations / CompanyInfo ============ */
body.page-investorrelations-companyinfo .company-info-panel {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 22px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07);
    padding: 18px;
}
body.page-investorrelations-companyinfo .company-tabnav {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding: 6px;
    margin-bottom: 16px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 999px;
    background: #f8fafc;
}
body.page-investorrelations-companyinfo .company-tab-button {
    min-height: 34px;
    padding: 7px 16px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #334155;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    transition: .18s ease;
}
body.page-investorrelations-companyinfo .company-tab-button:hover,
body.page-investorrelations-companyinfo .company-tab-button.active {
    background: #d20a2e;
    color: #fff;
    box-shadow: 0 10px 22px rgba(210, 10, 46, .16);
}
body.page-investorrelations-companyinfo .company-tab-panel {
    display: none;
}
body.page-investorrelations-companyinfo .company-tab-panel.active {
    display: block;
}
body.page-investorrelations-companyinfo .company-table-heading {
    display: none;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
body.page-investorrelations-companyinfo .company-table-heading::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #d20a2e;
    box-shadow: 0 0 0 5px rgba(210, 10, 46, .08);
}
body.page-investorrelations-companyinfo .company-table-heading span {
    color: #111827;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
}
body.page-investorrelations-companyinfo .company-table-wrap {
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 16px;
    background: #fff;
}
body.page-investorrelations-companyinfo .company-info-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}
body.page-investorrelations-companyinfo .company-info-table tr + tr {
    border-top: 1px solid rgba(15, 23, 42, .07);
}
body.page-investorrelations-companyinfo .company-info-table th,
body.page-investorrelations-companyinfo .company-info-table td {
    padding: 10px 14px;
    vertical-align: middle;
}
body.page-investorrelations-companyinfo .company-info-table th {
    width: 31%;
    min-width: 190px;
    background: #f8fafc;
    color: #334155;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
}
body.page-investorrelations-companyinfo .company-info-table th > span:last-child {
    display: inline-block;
    vertical-align: middle;
}
body.page-investorrelations-companyinfo .company-info-table td {
    color: #111827;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
    white-space: nowrap;
}
body.page-investorrelations-companyinfo .company-info-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 8px;
    background: #fff1f3;
    color: #d20a2e;
    font-size: .9rem;
    vertical-align: middle;
}
@media (max-width: 767.98px) {
    body.page-investorrelations-companyinfo .company-info-panel {
        padding: 16px;
    }
    body.page-investorrelations-companyinfo .company-tabnav {
        border-radius: 16px;
    }
    body.page-investorrelations-companyinfo .company-tab-button {
        flex: 1 1 100%;
    }
    body.page-investorrelations-companyinfo .company-info-table,
    body.page-investorrelations-companyinfo .company-info-table tbody,
    body.page-investorrelations-companyinfo .company-info-table tr,
    body.page-investorrelations-companyinfo .company-info-table th,
    body.page-investorrelations-companyinfo .company-info-table td {
        display: block;
        width: 100%;
        min-width: 0;
    }
    body.page-investorrelations-companyinfo .company-info-table th {
        border-bottom: 1px solid rgba(15, 23, 42, .06);
    }
    body.page-investorrelations-companyinfo .company-info-table td {
        font-size: 16px;
        white-space: normal;
    }
}

/* ============ 07. InvestorRelations / Disclosures ============ */
body.page-investorrelations-disclosures .disclosure-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}
body.page-investorrelations-disclosures .disclosure-layout {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
body.page-investorrelations-disclosures .disclosure-year-nav {
    display: grid;
    gap: 9px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
body.page-investorrelations-disclosures .disclosure-year-link,
body.page-investorrelations-disclosures .disclosure-year-empty {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 10px 14px;
    border: 1px solid transparent;
    border-radius: 0;
    background: #f6f6f6;
    color: #334155;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    transition: .18s ease;
}
body.page-investorrelations-disclosures .disclosure-year-link:hover,
body.page-investorrelations-disclosures .disclosure-year-link.active {
    border-color: #e30613;
    background: #fff;
    color: #e30613;
    border-radius: 999px;
    box-shadow: none;
}
body.page-investorrelations-disclosures .disclosure-year-dot {
    width: 8px;
    height: 8px;
    border: 1px solid currentColor;
    border-radius: 999px;
    flex: 0 0 auto;
}
body.page-investorrelations-disclosures .disclosure-content {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07);
    padding: 22px;
}
body.page-investorrelations-disclosures .disclosure-content-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
}
body.page-investorrelations-disclosures .disclosure-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: #e30613;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
body.page-investorrelations-disclosures .disclosure-content-title h3 {
    margin: 0;
    color: #111827;
    font-size: 24px;
    font-weight: 600;
}
body.page-investorrelations-disclosures .disclosure-count {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
body.page-investorrelations-disclosures .disclosure-list {
    display: grid;
    gap: 14px;
}
body.page-investorrelations-disclosures .disclosure-row {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 16px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
    transition: .18s ease;
}
body.page-investorrelations-disclosures .disclosure-row:hover {
    border-color: rgba(227, 6, 19, .24);
    box-shadow: 0 14px 30px rgba(15, 23, 42, .07);
    transform: translateY(-1px);
}
body.page-investorrelations-disclosures .disclosure-row::after {
    content: none !important;
    display: none !important;
}
body.page-investorrelations-disclosures .disclosure-row-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: #fff1f3;
}
body.page-investorrelations-disclosures .disclosure-row-icon svg {
    display: block;
    width: 32px;
    height: 32px;
}
body.page-investorrelations-disclosures .disclosure-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 7px;
}
body.page-investorrelations-disclosures .disclosure-meta span,
body.page-investorrelations-disclosures .disclosure-meta time {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: .78rem;
    font-weight: 500;
}
body.page-investorrelations-disclosures .disclosure-body h4 {
    margin: 0;
    color: #111827;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.35;
}
body.page-investorrelations-disclosures .disclosure-body p {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.55;
}
body.page-investorrelations-disclosures .disclosure-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
body.page-investorrelations-disclosures .disclosure-detail-btn,
body.page-investorrelations-disclosures .disclosure-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 14px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: .18s ease;
}
body.page-investorrelations-disclosures .disclosure-detail-btn {
    background: #e30613;
    color: #fff;
}
body.page-investorrelations-disclosures .disclosure-detail-btn:hover {
    background: #b8000b;
    color: #fff;
}
body.page-investorrelations-disclosures .disclosure-download-btn {
    border: 1px solid #e30613;
    background: #fff;
    color: #e30613;
}
body.page-investorrelations-disclosures .disclosure-download-btn:hover {
    background: #e30613;
    color: #fff;
}
body.page-investorrelations-disclosures .disclosure-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 150px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 500;
}
body.page-investorrelations-disclosures .disclosure-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(15, 23, 42, .08);
}
body.page-investorrelations-disclosures .disclosure-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 999px;
    background: #fff;
    color: #475569;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: .18s ease;
}
body.page-investorrelations-disclosures .disclosure-pagination a:hover,
body.page-investorrelations-disclosures .disclosure-pagination a.active {
    border-color: #e30613;
    background: #e30613;
    color: #fff;
}
body.page-investorrelations-disclosures .disclosure-pagination a.disabled {
    pointer-events: none;
    opacity: .45;
}
body.page-investorrelations-disclosures .year-tabs { gap: 8px; }
body.page-investorrelations-disclosures .year-tabs a { display: inline-flex; align-items: center; border: 1px solid rgba(0,0,0,.08); border-radius: 999px; color: #172033; font-weight: 600; padding: 7px 15px; font-size: .86rem; text-decoration: none; }
body.page-investorrelations-disclosures .year-tabs a.active,
body.page-investorrelations-disclosures .year-tabs a:hover { background: var(--ir-primary, #C8102E); border-color: var(--ir-primary, #C8102E); color: #fff !important; }
@media (max-width: 991.98px) {
    body.page-investorrelations-disclosures .disclosure-head,
    body.page-investorrelations-disclosures .disclosure-content-title {
        flex-direction: column;
        align-items: flex-start;
    }
    body.page-investorrelations-disclosures .disclosure-layout {
        grid-template-columns: 1fr;
    }
    body.page-investorrelations-disclosures .disclosure-year-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767.98px) {
    body.page-investorrelations-disclosures .disclosure-year-nav,
    body.page-investorrelations-disclosures .disclosure-row {
        grid-template-columns: 1fr;
    }
    body.page-investorrelations-disclosures .disclosure-actions,
    body.page-investorrelations-disclosures .disclosure-back-btn,
    body.page-investorrelations-disclosures .disclosure-detail-btn,
    body.page-investorrelations-disclosures .disclosure-download-btn {
        width: 100%;
    }
}

/* ============ 08. InvestorRelations / Documents ============ */
body.page-investorrelations-documents .document-page-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}
body.page-investorrelations-documents .document-list-shell {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 22px;
    padding: 22px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07);
}
body.page-investorrelations-documents .document-page-head .section-title {
    margin-bottom: 0.15rem !important;
    font-size: clamp(1.65rem, 2.3vw, 2rem);
}
body.page-investorrelations-documents .document-page-head p {
    font-size: 0.86rem;
}
body.page-investorrelations-documents .document-list-shell {
    padding: 22px !important;
}
body.page-investorrelations-documents .pdf-card-grid,
body.page-investorrelations-disclosures .pdf-card-grid {
    align-items: stretch;
}
body.page-investorrelations-documents .pdf-card-grid > .col,
body.page-investorrelations-disclosures .pdf-card-grid > .col {
    display: flex;
}
body.page-investorrelations-documents .pdf-document-card,
body.page-investorrelations-disclosures .pdf-document-card {
    width: 100%;
}

/* ---- IR PDF document cards (FinansalRaporlar, OzelDurumAciklamalari, governance docs, Pay araçları) ---- */
body.page-investorrelations-documents .pdf-document-card,
body.page-investorrelations-disclosures .pdf-document-card,
body.inner-page .governance-doc-shell .pdf-document-card,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-document-card,
body.page-investorrelations-activityreports .pdf-document-card {
display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 250px;
    min-width: 0;
    padding: 16px;
    background: #fff;
    border: 1px solid #e5e5e7;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .04);
    transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
body.page-investorrelations-documents .pdf-document-card:hover,
body.page-investorrelations-disclosures .pdf-document-card:hover,
body.inner-page .governance-doc-shell .pdf-document-card:hover,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-document-card:hover,
body.page-investorrelations-activityreports .pdf-document-card:hover {
    border-color: rgba(227, 6, 19, .15);
    box-shadow: 0 20px 40px rgba(227, 6, 19, .08);
    transform: translateY(-5px);
}
body.page-investorrelations-documents .pdf-icon-wrapper,
body.page-investorrelations-disclosures .pdf-icon-wrapper,
body.inner-page .governance-doc-shell .pdf-icon-wrapper,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-icon-wrapper,
body.page-investorrelations-activityreports .pdf-icon-wrapper {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: #fff1f3;
}
body.page-investorrelations-documents .pdf-icon-wrapper svg,
body.page-investorrelations-disclosures .pdf-icon-wrapper svg,
body.inner-page .governance-doc-shell .pdf-icon-wrapper svg,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-icon-wrapper svg,
body.page-investorrelations-activityreports .pdf-icon-wrapper svg {
    width: 26px;
    height: 26px;
    display: block;
}
body.page-investorrelations-documents .pdf-card-header,
body.page-investorrelations-disclosures .pdf-card-header,
body.inner-page .governance-doc-shell .pdf-card-header,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-card-header,
body.page-investorrelations-activityreports .pdf-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 0;
    margin-bottom: 16px;
}
body.page-investorrelations-documents .pdf-category-badge,
body.page-investorrelations-disclosures .pdf-category-badge,
body.inner-page .governance-doc-shell .pdf-category-badge,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-category-badge,
body.page-investorrelations-activityreports .pdf-category-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid rgba(15, 23, 42, .04);
    max-width: calc(100% - 56px);
    white-space: normal;
    font-size: 12px;
    font-weight: 600;
}
body.page-investorrelations-documents .pdf-card-body,
body.page-investorrelations-disclosures .pdf-card-body,
body.inner-page .governance-doc-shell .pdf-card-body,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-card-body,
body.page-investorrelations-activityreports .pdf-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0;
}
body.page-investorrelations-documents .pdf-date,
body.page-investorrelations-disclosures .pdf-date,
body.inner-page .governance-doc-shell .pdf-date,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-date,
body.page-investorrelations-activityreports .pdf-date {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: #94a3b8;
    font-size: .78rem;
    font-weight: 600;
}
body.page-investorrelations-documents .pdf-title,
body.page-investorrelations-disclosures .pdf-title,
body.inner-page .governance-doc-shell .pdf-title,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-title,
body.page-investorrelations-activityreports .pdf-title {
    display: block;
    height: auto;
    margin: 0 0 8px;
    color: #111827;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    min-height: 2.8em;
    overflow: visible;
    -webkit-line-clamp: unset;
}
body.page-investorrelations-documents .pdf-description,
body.page-investorrelations-disclosures .pdf-description,
body.inner-page .governance-doc-shell .pdf-description,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-description,
body.page-investorrelations-activityreports .pdf-description {
    margin: 8px 0 0;
    color: #52525c;
    font-size: .875rem;
    line-height: 1.7;
    min-height: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.page-investorrelations-documents .pdf-card-actions,
body.page-investorrelations-disclosures .pdf-card-actions,
body.inner-page .governance-doc-shell .pdf-card-actions,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-card-actions,
body.page-investorrelations-activityreports .pdf-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    padding: 16px 0 0;
    border-top: 1px dashed rgba(15, 23, 42, .06);
}
body.page-investorrelations-documents .pdf-btn,
body.page-investorrelations-disclosures .pdf-btn,
body.inner-page .governance-doc-shell .pdf-btn,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-btn,
body.page-investorrelations-activityreports .pdf-btn {
    flex: 1 1 100px;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 9px 18px;
    border-radius: 999px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}
body.page-investorrelations-documents .pdf-btn-outline,
body.page-investorrelations-disclosures .pdf-btn-outline,
body.inner-page .governance-doc-shell .pdf-btn-outline,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-btn-outline,
body.page-investorrelations-activityreports .pdf-btn-outline {
    color: #475569 !important;
    background: transparent;
    border: 1px solid #cbd5e1;
}
body.page-investorrelations-documents .pdf-btn-outline:hover,
body.page-investorrelations-disclosures .pdf-btn-outline:hover,
body.inner-page .governance-doc-shell .pdf-btn-outline:hover,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-btn-outline:hover,
body.page-investorrelations-activityreports .pdf-btn-outline:hover {
    background: #f8fafc;
    color: #0f172a !important;
    border-color: #94a3b8;
}
body.page-investorrelations-documents .pdf-btn-danger,
body.page-investorrelations-disclosures .pdf-btn-danger,
body.inner-page .governance-doc-shell .pdf-btn-danger,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-btn-danger,
body.page-investorrelations-activityreports .pdf-btn-danger {
    color: #fff !important;
    background: #e30613;
    border: 1px solid #e30613;
}
body.page-investorrelations-documents .pdf-btn-danger:hover,
body.page-investorrelations-disclosures .pdf-btn-danger:hover,
body.inner-page .governance-doc-shell .pdf-btn-danger:hover,
body.page-investorrelations-yatirimciaraclari #pay-increase .pdf-btn-danger:hover,
body.page-investorrelations-activityreports .pdf-btn-danger:hover {
    color: #fff !important;
    background: #c90510;
    border-color: #c90510;
    box-shadow: 0 6px 14px rgba(227, 6, 19, .18);
}

/* ---- IR "Portala Dön" back buttons: compact, aligned with reference ---- */
body.page-investorrelations-activityreports .report-back-btn,
body.page-investorrelations-documents .document-back-btn,
body.page-investorrelations-disclosures .disclosure-back-btn,
body.page-investorrelations-yatirimciaraclari .portal-back-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 9px 18px !important;
    font-size: .875rem;
    line-height: 1.2;
}
body.page-investorrelations-documents .document-list {
    display: grid;
    gap: 14px;
}
body.page-investorrelations-documents .document-row {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
    transition: .18s ease;
}
body.page-investorrelations-documents .document-row:hover {
    border-color: rgba(210, 10, 46, .22);
    box-shadow: 0 16px 34px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}
body.page-investorrelations-documents .document-row::after {
    content: none !important;
    display: none !important;
}
body.page-investorrelations-documents .document-row-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: #fff1f3;
}
body.page-investorrelations-documents .document-row-icon svg {
    width: 32px;
    height: 32px;
    display: block;
}
body.page-investorrelations-documents .document-row-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 7px;
}
body.page-investorrelations-documents .document-row-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: .78rem;
    font-weight: 500;
}
body.page-investorrelations-documents .document-row .document-row-title {
    margin: 0;
    color: #111827;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.35;
}
body.page-investorrelations-documents .document-row p {
    margin: 8px 0 0;
    color: #64748b;
}
body.page-investorrelations-documents .document-row-action {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}
body.page-investorrelations-documents .document-row-action time {
    color: #64748b;
    font-size: .82rem;
    font-weight: 500;
}
body.page-investorrelations-documents .document-action-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
body.page-investorrelations-documents .document-detail-btn,
body.page-investorrelations-documents .document-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 14px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 14px !important;
    font-weight: 500;
    transition: .18s ease;
}
body.page-investorrelations-documents .document-detail-btn span,
body.page-investorrelations-documents .document-download-btn span {
    font-size: 14px !important;
    line-height: 1;
}
body.page-investorrelations-documents .document-detail-btn {
    background: #d20a2e;
    color: #fff;
}
body.page-investorrelations-documents .document-detail-btn:hover {
    background: #a80d24;
    color: #fff;
}
body.page-investorrelations-documents .document-download-btn {
    border: 1px solid #d20a2e;
    background: #fff;
    color: #d20a2e;
}
body.page-investorrelations-documents .document-download-btn:hover {
    background: #d20a2e;
    color: #fff;
}
body.page-investorrelations-documents .document-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 150px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 500;
}
@media (max-width: 991.98px) {
    body.page-investorrelations-documents .document-page-head {
        flex-direction: column;
    }
}
@media (max-width: 767.98px) {
    body.page-investorrelations-documents .document-row {
        grid-template-columns: 1fr;
    }
    body.page-investorrelations-documents .document-row-action {
        align-items: flex-start;
    }
    body.page-investorrelations-documents .document-action-buttons {
        justify-content: flex-start;
    }
    body.page-investorrelations-documents .document-back-btn,
    body.page-investorrelations-documents .document-detail-btn,
    body.page-investorrelations-documents .document-download-btn {
        width: 100%;
    }
}

/* ============ 09. InvestorRelations / Governance ============ */
body.page-investorrelations-governance .governance-hero .scroll-down { bottom: 34px; }
body.page-investorrelations-governance .governance-container { width: calc(100% - 48px); max-width: 1500px; margin-right: auto; margin-left: auto; }
body.page-investorrelations-governance .governance-stats { margin-top: -36px; position: relative; z-index: 3; }
body.page-investorrelations-governance .governance-stats .stat-card { min-height: 132px; height: 100%; }
body.page-investorrelations-governance .governance-stats .stat-card h3 { font-size: 1.25rem; line-height: 1.25; }
body.page-investorrelations-governance .governance-stats .stat-card p { font-size: .95rem; line-height: 1.45; text-transform: none; }
body.page-investorrelations-governance .governance-shell { background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 22px; box-shadow: 0 24px 70px rgba(0,0,0,.08); padding: 24px; }
body.page-investorrelations-governance .prospectus-strip { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; padding: 20px 22px; border: 1px solid rgba(200,16,46,.16); border-radius: 18px; background: linear-gradient(135deg,#fff 0%,#fff7f8 100%); box-shadow: 0 14px 34px rgba(200,16,46,.08); }
body.page-investorrelations-governance .prospectus-strip-detail { margin-bottom: 0; }
body.page-investorrelations-governance .prospectus-strip-icon { width: 58px; height: 58px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #fff; background: var(--ir-primary, #C8102E); font-size: 1.8rem; box-shadow: 0 10px 22px rgba(200,16,46,.18); }
body.page-investorrelations-governance .prospectus-strip-icon i { display: block; line-height: 1; }
body.page-investorrelations-governance .prospectus-strip-main { min-width: 0; flex: 1 1 auto; }
body.page-investorrelations-governance .prospectus-strip-main span { display: block; margin-bottom: 5px; color: var(--ir-primary, #C8102E); font-size: .82rem; font-weight: 700; }
body.page-investorrelations-governance .prospectus-strip-main h3 { margin: 0; color: #07142b; font-size: 1.15rem; font-weight: 700; line-height: 1.35; }
body.page-investorrelations-governance .prospectus-strip-main p { margin: 6px 0 0; color: #647084; font-size: .95rem; }
body.page-investorrelations-governance .prospectus-strip-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; border: 1px solid var(--ir-primary, #C8102E); border-radius: 999px; padding: 9px 18px; color: #fff; background: var(--ir-primary, #C8102E); text-decoration: none; font-size: .88rem; font-weight: 600; }
body.page-investorrelations-governance .prospectus-strip-button:hover,
body.page-investorrelations-governance .prospectus-strip-button:focus { color: #fff !important; background: #a80d24; border-color: #a80d24; text-decoration: none; }
body.page-investorrelations-governance .prospectus-strip-detail { padding: 14px 18px; margin-bottom: 12px; box-shadow: none; }
body.page-investorrelations-governance .prospectus-strip-detail .prospectus-strip-icon { width: 42px; height: 42px; border-radius: 11px; font-size: 1.25rem; }
body.page-investorrelations-governance .prospectus-strip-detail .prospectus-strip-main span { font-size: .7rem; }
body.page-investorrelations-governance .prospectus-strip-detail .prospectus-strip-main h3 { font-size: .98rem; }
body.page-investorrelations-governance .prospectus-strip-detail .prospectus-strip-main p { display: none; }
body.page-investorrelations-governance .governance-section-intro { margin: -8px 0 18px; color: #667085; font-size: .9rem; line-height: 1.5; }
body.page-investorrelations-governance .governance-section-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
body.page-investorrelations-governance .governance-section-card { position: relative; display: flex; flex-direction: column; min-height: 380px; overflow: hidden; border: 1px solid rgba(0,0,0,.05); border-radius: 20px; color: #172033; text-decoration: none; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.04); transition: transform .35s cubic-bezier(.25,.46,.45,.94), box-shadow .35s cubic-bezier(.25,.46,.45,.94), border-color .25s ease; }
body.page-investorrelations-governance .governance-section-card:hover { transform: translateY(-8px); border-color: rgba(200,16,46,.18); box-shadow: 0 15px 40px rgba(200,16,46,.15); color: #172033; text-decoration: none; }
body.page-investorrelations-governance .governance-section-card.active { border-color: rgba(200,16,46,.55); box-shadow: 0 18px 44px rgba(200,16,46,.16); }
body.page-investorrelations-governance .governance-section-image { position: relative; display: block; height: 185px; overflow: hidden; background: #d7d7d7; }
body.page-investorrelations-governance .governance-section-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15,15,20,.78) 0%, rgba(15,15,20,.18) 100%); transition: background .35s ease, opacity .35s ease; z-index: 1; }
body.page-investorrelations-governance .governance-section-card:hover .governance-section-image::after,
body.page-investorrelations-governance .governance-section-card.active .governance-section-image::after { background: linear-gradient(0deg, rgba(200,16,46,.88) 0%, rgba(15,15,20,.28) 100%); }
body.page-investorrelations-governance .governance-section-bg { position: absolute; inset: 0; display: block; background-size: cover; background-position: center; transition: transform .55s ease; }
body.page-investorrelations-governance .governance-section-card:hover .governance-section-bg { transform: scale(1.08); }
body.page-investorrelations-governance .governance-section-body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 26px; }
body.page-investorrelations-governance .governance-section-title { display: block; color: #07142b; font-size: 1.12rem; line-height: 1.3; font-weight: 800; margin-bottom: 14px; }
body.page-investorrelations-governance .governance-section-desc { display: block; color: #647084; font-size: .95rem; line-height: 1.55; flex: 1 1 auto; }
body.page-investorrelations-governance .governance-section-action { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--ir-primary, #C8102E); font-size: .9rem; font-weight: 700; transition: gap .25s ease; }
body.page-investorrelations-governance .governance-section-card:hover .governance-section-action { gap: 12px; }
body.page-investorrelations-governance .governance-content-card { padding: 16px; border: 0; background: #fff; }
body.page-investorrelations-governance .governance-content-card .pdf-document-card { padding: 0; min-height: 230px; }
body.page-investorrelations-governance .governance-content-card .report-pagination a.active { color: #fff; }
@media (max-width: 575.98px) {
    body.page-investorrelations-governance .governance-stats .stat-card { padding: 24px 12px; }
    body.page-investorrelations-governance .governance-stats .stat-card h3 { font-size: 1rem; }
    body.page-investorrelations-governance .governance-stats .stat-card p { font-size: .8rem; }
    body.page-investorrelations-governance #governance-main .governance-content-card { padding: 0; }
}
body.page-investorrelations-governance .governance-content-card .pdf-document-card { height: 100%; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e7ebf0; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(15,23,42,.05); }
body.page-investorrelations-governance .governance-content-card .pdf-card-header { min-height: 76px; padding: 16px 18px 8px; display: flex; align-items: flex-start; justify-content: flex-start; background: #fff; border: 0; }
body.page-investorrelations-governance .governance-content-card .pdf-icon-wrapper { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #fff3f4; border-radius: 10px; box-shadow: none; border: 0; }
body.page-investorrelations-governance .governance-content-card .pdf-icon-wrapper svg { width: 28px; height: 28px; }
body.page-investorrelations-governance .governance-content-card .pdf-category-badge { display: none; }
body.page-investorrelations-governance .governance-content-card .pdf-card-body { padding: 0 18px 16px; }
body.page-investorrelations-governance .governance-content-card .pdf-date { display: block; margin-bottom: 8px; color: #8a96a8; font-size: .72rem; }
body.page-investorrelations-governance .governance-content-card .pdf-title { min-height: 3.2em; margin: 0; color: #111827; font-size: .96rem; line-height: 1.35; font-weight: 800; }
body.page-investorrelations-governance .governance-content-card .pdf-description { display: none; }
body.page-investorrelations-governance .governance-content-card .pdf-card-actions { display: flex; gap: 8px; margin-top: auto; padding: 12px 18px 18px; border-top: 1px solid #eef1f4; }
body.page-investorrelations-governance .governance-content-card .pdf-card-actions .pdf-btn { flex: 1; min-width: 0; display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 6px 10px; border-radius: 999px; font-size: .75rem; font-weight: 700; text-decoration: none !important; }
body.page-investorrelations-governance .governance-content-card .pdf-card-actions .pdf-btn-outline { color: #344054 !important; background: #fff; border: 1px solid #d8e0e9; }
body.page-investorrelations-governance .governance-content-card .pdf-card-actions .pdf-btn-outline:hover { color: #c8102e !important; border-color: #c8102e; }
body.page-investorrelations-governance .governance-content-card .pdf-card-actions .pdf-btn-danger { color: #fff !important; background: #ed001b; border: 1px solid #ed001b; }
body.page-investorrelations-governance .governance-content-card .pdf-card-actions .pdf-btn-danger:hover { color: #fff !important; background: #bd0016; border-color: #bd0016; }
body.page-investorrelations-governance .governance-content-card a:not(.pdf-btn):not(.committee-pdf-link) { color: inherit; text-decoration: none; }
body.page-investorrelations-governance .year-tabs { gap: 8px; }
body.page-investorrelations-governance .year-tabs a { display: inline-flex; align-items: center; border: 1px solid rgba(0,0,0,.08); border-radius: 999px; color: #172033; font-weight: 600; padding: 7px 15px; font-size: .86rem; text-decoration: none; }
body.page-investorrelations-governance .year-tabs a.active,
body.page-investorrelations-governance .year-tabs a:hover { background: var(--ir-primary, #C8102E); border-color: var(--ir-primary, #C8102E); color: #fff !important; }
body.page-investorrelations-governance .pay-tabs { gap: 8px; flex-wrap: wrap; }
body.page-investorrelations-governance .pay-tabs .nav-link,
body.page-investorrelations-yatirimciaraclari .pay-tabs .nav-link { border: 1px solid rgba(0,0,0,.08); border-radius: 999px; color: #172033; font-weight: 600; padding: 8px 16px; font-size: .86rem; background: #fff; }
body.page-investorrelations-governance .pay-tabs .nav-link.active,
body.page-investorrelations-yatirimciaraclari .pay-tabs .nav-link.active { background: var(--ir-primary, #C8102E); border-color: var(--ir-primary, #C8102E); color: #fff !important; }
body.page-investorrelations-governance .pay-tabs .nav-link:hover:not(.active),
body.page-investorrelations-governance .pay-tabs .nav-link:focus:not(.active),
body.page-investorrelations-yatirimciaraclari .pay-tabs .nav-link:hover:not(.active),
body.page-investorrelations-yatirimciaraclari .pay-tabs .nav-link:focus:not(.active) { border-color: rgba(200,16,46,.45); color: var(--ir-primary, #C8102E); }
body.page-investorrelations-governance .pay-profile-wrap { overflow-x: auto; border: 1px solid rgba(17,24,39,.08); border-radius: 16px; }
body.page-investorrelations-governance .pay-profile-wrap table { width: 100% !important; }
body.page-investorrelations-governance .pay-profile-wrap th,
body.page-investorrelations-governance .pay-profile-wrap td { padding: 12px 14px; border-color: rgba(17,24,39,.07); }
body.page-investorrelations-governance .pay-profile-wrap td:first-child { font-weight: 600; color: #172033; white-space: nowrap; }
body.page-investorrelations-governance .capital-table-wrap > table { margin-bottom: 0; }
body.page-investorrelations-governance .fin-card .fin-icon-wrap,
body.page-investorrelations-governance .committee-card .fin-icon-wrap { width: 54px; height: 54px; border-radius: 16px; background: rgba(200,16,46,.1); color: var(--ir-primary, #C8102E); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; }
body.page-investorrelations-governance .fin-card .fin-icon-wrap i,
body.page-investorrelations-governance .committee-card .fin-icon-wrap i { color: var(--ir-primary, #C8102E); font-size: 1.75rem; line-height: 1; }
body.page-investorrelations-governance .capital-table-wrap { overflow-x: auto; border: 1px solid rgba(17,24,39,.08); border-radius: 16px; }
body.page-investorrelations-governance .capital-table { min-width: 920px; margin-bottom: 0; }
body.page-investorrelations-governance .capital-table th { background: #f8fafc; color: #172033; font-weight: 700; white-space: nowrap; border-bottom: 1px solid rgba(17,24,39,.08); padding: 14px 16px; }
body.page-investorrelations-governance .capital-table td { color: #2f3a4d; font-weight: 500; border-color: rgba(17,24,39,.07); padding: 13px 16px; }
body.page-investorrelations-governance .capital-table tbody tr:nth-child(even) td { background: #fafbfc; }
body.page-investorrelations-governance .governance-capital-card { padding: clamp(24px, 3vw, 44px); overflow: hidden; border: 1px solid rgba(15, 23, 42, .08); border-radius: 20px; background: #fff; box-shadow: 0 16px 44px rgba(15, 23, 42, .06); }
body.page-investorrelations-governance .governance-capital-card > .section-title { display: block; width: fit-content; margin: 0 0 34px; color: #111827; font-size: clamp(1.7rem, 2.4vw, 2.25rem); line-height: 1.2; }
body.page-investorrelations-governance .governance-capital-card > .section-title::after { bottom: -12px; width: 54px; height: 3px; }
body.page-investorrelations-governance .governance-capital-card .pay-tabs { display: flex; gap: 10px; margin-bottom: 28px !important; padding: 6px; border: 1px solid #e5e9f0; border-radius: 16px; background: #f7f8fa; }
body.page-investorrelations-governance .governance-capital-card .pay-tabs .nav-item { flex: 1 1 210px; }
body.page-investorrelations-governance .governance-capital-card .pay-tabs .nav-link { width: 100%; min-height: 44px !important; padding: 10px 16px !important; border: 0; border-radius: 11px; font-size: .9rem !important; line-height: 1.25 !important; text-align: center; }
body.page-investorrelations-governance .governance-capital-card .tab-content { min-width: 0; }
body.page-investorrelations-governance .governance-capital-card .capital-table-wrap,
body.page-investorrelations-governance .governance-capital-card .pay-profile-wrap { width: 100%; max-width: 100%; overflow-x: auto; border: 1px solid #e4e8ee; border-radius: 14px; background: #fff; }
body.page-investorrelations-governance .governance-capital-card .capital-table { width: 100%; min-width: 920px; }
body.page-investorrelations-governance .governance-capital-card .capital-table th { padding: 15px 16px; background: #f4f6f8; color: #263247; font-size: .82rem; line-height: 1.35; }
body.page-investorrelations-governance .governance-capital-card .capital-table td { padding: 14px 16px; color: #344054; font-size: .9rem; line-height: 1.4; }
body.page-investorrelations-governance .governance-capital-card .pay-profile-wrap > :last-child { margin-bottom: 0; }
@media (max-width: 767.98px) {
    body.page-investorrelations-governance .governance-capital-card { padding: 20px 16px; border-radius: 16px; }
    body.page-investorrelations-governance .governance-capital-card .pay-tabs { padding: 5px; }
    body.page-investorrelations-governance .governance-capital-card .pay-tabs .nav-item { flex-basis: 100%; }
}
body.page-investorrelations-yatirimciaraclari .governance-shell { background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 22px; box-shadow: 0 24px 70px rgba(0,0,0,.08); padding: 24px; }
body.page-investorrelations-yatirimciaraclari .governance-content-card { padding: 32px; border: 1px solid rgba(0,0,0,.06); border-radius: 18px; background: #fff; }
body.page-investorrelations-yatirimciaraclari .pay-tabs { gap: 8px; flex-wrap: wrap; padding: 6px; border: 1px solid rgba(15, 23, 42, .08); border-radius: 999px; background: #f8fafc; }
body.page-investorrelations-yatirimciaraclari .capital-table-wrap { overflow-x: auto; border: 1px solid rgba(17,24,39,.08); border-radius: 16px; }
body.page-investorrelations-yatirimciaraclari .capital-table { min-width: 760px; font-size: .875rem; margin-bottom: 0; }
body.page-investorrelations-yatirimciaraclari .capital-table th { background: #f8fafc; color: #172033; font-weight: 700; white-space: nowrap; border-bottom: 1px solid rgba(17,24,39,.08); padding: 14px 16px; }
body.page-investorrelations-yatirimciaraclari .capital-table td { color: #2f3a4d; font-weight: 500; border-color: rgba(17,24,39,.07); padding: 13px 16px; }
body.page-investorrelations-yatirimciaraclari .capital-table tbody tr:nth-child(even) td { background: #fafbfc; }
body.page-investorrelations-yatirimciaraclari .pay-profile-wrap { overflow-x: auto; border: 1px solid rgba(17,24,39,.08); border-radius: 16px; }
body.page-investorrelations-yatirimciaraclari .pay-profile-wrap table { width: 100% !important; font-size: .875rem; }
body.page-investorrelations-yatirimciaraclari .capital-table-wrap .table { font-size: .875rem; }
body.page-investorrelations-yatirimciaraclari .pay-profile-wrap th,
body.page-investorrelations-yatirimciaraclari .pay-profile-wrap td { padding: 12px 14px; border-color: rgba(17,24,39,.07); }
body.page-investorrelations-governance .capital-total-row td { background: #f3f5f8 !important; color: #172033; font-weight: 700; }
body.page-investorrelations-governance .committee-list { display: grid; gap: 18px; }
body.page-investorrelations-governance .committee-detail-card { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 16px; box-shadow: 0 12px 34px rgba(0,0,0,.04); padding: 18px 20px; }
body.page-investorrelations-governance .committee-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,.08); }
body.page-investorrelations-governance .committee-detail-head h5 { margin: 0; color: #111827; font-size: 1.15rem; font-weight: 700; }
body.page-investorrelations-governance .committee-pdf-link { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; border: 1px solid var(--ir-primary, #C8102E); border-radius: 999px; padding: 6px 14px; color: #fff; background: var(--ir-primary, #C8102E); text-decoration: none; font-size: .84rem; font-weight: 600; box-shadow: none; }
body.page-investorrelations-governance .committee-pdf-link:hover,
body.page-investorrelations-governance .committee-pdf-link:focus,
body.page-investorrelations-governance .committee-pdf-link:active,
body.page-investorrelations-governance .committee-pdf-link:visited { color: #fff !important; background: #a80d24 !important; border-color: #a80d24 !important; text-decoration: none !important; }
body.page-investorrelations-governance .committee-member-table { display: grid; gap: 8px; }
body.page-investorrelations-governance .committee-member-row { display: grid; grid-template-columns: 1.1fr .75fr 1.35fr; gap: 18px; align-items: center; padding: 8px 10px; border-radius: 10px; color: #111827; font-size: .95rem; line-height: 1.38; }
body.page-investorrelations-governance .committee-member-row:nth-child(odd) { background: #f8fafc; }
body.page-investorrelations-governance .committee-member-row span:first-child { font-weight: 600; }
body.page-investorrelations-governance .committee-member-row span:nth-child(2),
body.page-investorrelations-governance .committee-member-row span:nth-child(3) { color: #374151; font-weight: 500; }
body.page-investorrelations-governance .announcement-item.investor-doc-item { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 18px !important; min-height: 0; }
body.page-investorrelations-governance .investor-doc-main { min-width: 0; flex: 1 1 auto; }
body.page-investorrelations-governance .investor-doc-main .badge { padding: 5px 12px !important; font-size: .72rem; font-weight: 600; }
body.page-investorrelations-governance .announcement-item.investor-doc-item h5.investor-doc-title { margin: 0 !important; color: #111827; font-size: .95rem !important; font-weight: 400 !important; line-height: 1.35 !important; }
body.page-investorrelations-governance .investor-doc-button.btn { min-width: auto !important; padding: 5px 12px !important; font-size: .8rem !important; font-weight: 500 !important; line-height: 1.15 !important; box-shadow: none !important; }
body.page-investorrelations-governance .investor-doc-button.btn:hover,
body.page-investorrelations-governance .investor-doc-button.btn:focus,
body.page-investorrelations-governance .investor-doc-button.btn:active { color: #fff !important; background: #a80d24 !important; border-color: #a80d24 !important; }
body.page-investorrelations-governance .investor-doc-actions { flex: 0 0 auto; min-width: 112px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
body.page-investorrelations-governance .investor-doc-actions small { font-size: .78rem; font-weight: 600 !important; }
@media (max-width: 1199.98px) { body.page-investorrelations-governance .governance-section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { body.page-investorrelations-governance .governance-container { width: calc(100% - 24px); } body.page-investorrelations-governance .governance-shell { padding: 16px; } body.page-investorrelations-governance .prospectus-strip { align-items: flex-start; flex-direction: column; } body.page-investorrelations-governance .prospectus-strip-button { width: 100%; } body.page-investorrelations-governance .governance-section-grid { grid-template-columns: 1fr; } body.page-investorrelations-governance .governance-section-card { min-height: 360px; } body.page-investorrelations-governance .governance-section-image { height: 170px; } body.page-investorrelations-governance .governance-content-card { padding: 20px; } body.page-investorrelations-governance .committee-detail-head { align-items: flex-start; flex-direction: column; } body.page-investorrelations-governance .committee-member-row { grid-template-columns: 1fr; gap: 4px; padding: 12px; } body.page-investorrelations-governance .investor-doc-item { align-items: flex-start; flex-direction: column; } body.page-investorrelations-governance .investor-doc-actions { width: 100%; min-width: 0; align-items: flex-start; } }

/* Standalone committee page */
body.inner-page .committee-page { padding: 3.5rem 0 4.5rem; background: #fff; }
body.inner-page .committee-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
body.inner-page .committee-page-head h1 { margin: 0; color: #111827; font-size: clamp(1.8rem, 3vw, 2.35rem); font-weight: 800; line-height: 1.15; }
body.inner-page .committee-page-head h1::after { content: ''; display: block; width: 56px; height: 3px; margin-top: 10px; background: #d20a2e; }
body.inner-page .committee-page-shell { padding: 24px; border: 1px solid rgba(0,0,0,.06); border-radius: 22px; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.08); }
body.inner-page .committee-page-list { display: grid; gap: 18px; }
body.inner-page .committee-page-card { padding: 18px 20px; border: 1px solid rgba(0,0,0,.08); border-radius: 16px; background: #fff; box-shadow: 0 12px 34px rgba(0,0,0,.04); }
body.inner-page .committee-page-card-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,.08); }
body.inner-page .committee-page-card-head h2 { margin: 0; color: #111827; font-size: 1rem; font-weight: 700; }
body.inner-page .committee-page-detail,
body.inner-page .committee-back-button,
body.inner-page .committee-section-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 999px; text-decoration: none; font-weight: 700; }
body.inner-page .committee-page-detail,
body.inner-page .committee-back-button { padding: 8px 16px; color: #fff; background: #d20a2e; }
body.inner-page .committee-page-detail:hover,
body.inner-page .committee-back-button:hover { color: #fff; background: #a80d24; }
body.inner-page .committee-page-members { display: grid; gap: 8px; }
body.inner-page .committee-page-member { display: grid; grid-template-columns: 1.1fr .75fr 1.35fr; gap: 18px; align-items: center; padding: 8px 10px; border-radius: 10px; color: #374151; font-size: .78rem; line-height: 1.38; }
body.inner-page .committee-page-member:nth-child(odd) { background: #f8fafc; }
body.inner-page .committee-page-member strong { color: #172033; font-weight: 600; }
body.inner-page .committee-page-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 2rem; }
body.inner-page .committee-section-button { padding: 8px 16px; border: 1px solid rgba(0,0,0,.12); color: #374151; background: #fff; }
body.inner-page .committee-section-button:hover { border-color: #d20a2e; color: #d20a2e; }
body.inner-page .governance-doc-page { padding: 3.5rem 0 4.5rem; background: #fff; }
body.inner-page .governance-doc-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
body.inner-page .governance-doc-head h1 { margin: 0; color: #111827; font-size: clamp(1.8rem, 3vw, 2.35rem); font-weight: 800; line-height: 1.15; }
body.inner-page .governance-doc-head h1::after { content: ''; display: block; width: 56px; height: 3px; margin-top: 10px; background: #d20a2e; }
body.inner-page .governance-doc-head p { max-width: 760px; margin: 1.1rem 0 0; color: #64748b; font-size: .9rem; }
body.inner-page .governance-doc-shell { padding: 24px; border: 1px solid rgba(0,0,0,.06); border-radius: 22px; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.08); }
body.inner-page .governance-doc-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 28px; padding: 6px; border: 1px solid rgba(15, 23, 42, .08); border-radius: 999px; background: #f8fafc; }
body.inner-page .governance-doc-tabs a { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 16px; border: 0; border-radius: 999px; color: #334155; background: transparent; font-size: .875rem; font-weight: 500; line-height: 1.2; text-decoration: none; transition: background .18s ease, color .18s ease, box-shadow .18s ease; }
body.inner-page .governance-doc-tabs a.active,
body.inner-page .governance-doc-tabs a:hover { color: #fff; background: #d20a2e; box-shadow: 0 10px 22px rgba(210, 10, 46, .16); }
body.inner-page .governance-doc-year-section h2 { margin: 0 0 16px; color: #172033; font-size: 1.05rem; font-weight: 800; }
body.inner-page .governance-doc-category-section { display: none; }
body.inner-page .governance-doc-category-section:first-of-type { display: block; }
body.inner-page .governance-doc-category-section { display: block; }
[hidden] { display: none !important; }
body.inner-page .governance-doc-year-section + .governance-doc-year-section { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(0,0,0,.07); }
body.inner-page .governance-doc-shell .pdf-document-card { min-height: 216px; }
body.inner-page .governance-doc-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 2rem; }
@media (max-width: 767.98px) {
    body.inner-page .governance-doc-page { padding: 2.5rem 0 3rem; }
    body.inner-page .governance-doc-head { flex-direction: column; }
    body.inner-page .governance-doc-head .committee-back-button { width: 100%; }
    body.inner-page .governance-doc-shell { padding: 16px; }
    body.inner-page .governance-doc-tabs a { flex: 1 1 auto; justify-content: center; text-align: center; }
}
@media (max-width: 767.98px) {
    body.inner-page .committee-page { padding: 2.5rem 0 3rem; }
    body.inner-page .committee-page-head { flex-direction: column; }
    body.inner-page .committee-page-head .committee-back-button { width: 100%; }
    body.inner-page .committee-page-shell { padding: 16px; }
    body.inner-page .committee-page-member { grid-template-columns: 1fr; gap: 4px; padding: 12px; }
}

body.inner-page .ir-subhero {
    position: relative;
    overflow: hidden;
    padding: clamp(4rem, 6vw, 5.8rem) 0;
    background:
        radial-gradient(circle at 86% 22%, rgba(200, 16, 46, 0.12), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #f3f6fb 54%, #fff1f3 100%);
    color: #071226;
}
body.inner-page .ir-subhero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(15, 23, 42, 0.045) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: 0.5;
    pointer-events: none;
}
body.inner-page .ir-subhero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 440px);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
}
body.inner-page .ir-subhero-copy {
    min-width: 0;
}
body.inner-page .ir-subhero-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 16px;
    margin-bottom: 1.2rem;
    background: #c8102e;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
body.inner-page .ir-subhero h1 {
    max-width: 780px;
    margin: 0;
    color: #071226;
    font-size: clamp(2.45rem, 5vw, 5rem);
    line-height: 0.98;
    font-weight: 950;
}
body.inner-page .ir-subhero p {
    max-width: 720px;
    margin: 1.35rem 0 0;
    color: #334155;
    font-size: clamp(1rem, 1.4vw, 1.18rem);
    line-height: 1.65;
}
body.inner-page .ir-subhero-media {
    position: relative;
    min-height: 280px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.14);
}
body.inner-page .ir-subhero-media::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 7px;
    background: linear-gradient(90deg, #c8102e 0%, rgba(200, 16, 46, 0.15) 100%);
}
body.inner-page .ir-subhero-media img,
body.inner-page .ir-subhero-media .ir-hero-placeholder {
    display: block;
    width: 100%;
    min-height: 280px;
    height: 100%;
    object-fit: cover;
}
body.inner-page .ir-subhero-media .ir-hero-placeholder {
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.08), transparent 22%),
        radial-gradient(circle at 12% 85%, rgba(255, 255, 255, 0.08), transparent 24%),
        #172238;
}
body.inner-page .ir-subhero-media .ir-hero-document {
    position: relative;
    display: flex;
    width: 84px;
    height: 112px;
    flex-direction: column;
    gap: 9px;
    padding: 28px 12px 14px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.25);
}
body.inner-page .ir-subhero-media .ir-hero-document::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
    height: 23px;
    background: linear-gradient(135deg, #dbe4ef 50%, transparent 51%);
}
body.inner-page .ir-subhero-media .ir-hero-document span {
    display: block;
    height: 4px;
    border-radius: 4px;
    background: #d9e1eb;
}
body.inner-page .ir-subhero-media .ir-hero-document span:first-child {
    width: 58px;
    background: #536274;
}
body.inner-page .ir-subhero-media .ir-hero-document span:nth-child(2) {
    width: 38px;
    background: #c8102e;
}
body.inner-page .ir-subhero-media .ir-hero-document i {
    width: 14px;
    height: 3px;
    margin-top: auto;
    background: #c8102e;
}
@media (max-width: 991.98px) {
    body.inner-page .ir-subhero-inner {
        grid-template-columns: 1fr;
    }
    body.inner-page .ir-subhero-media {
        width: min(520px, 100%);
    }
}
@media (max-width: 575.98px) {
    body.inner-page .ir-subhero {
        padding: 3rem 0;
    }
    body.inner-page .ir-subhero h1 {
        font-size: clamp(2.35rem, 12vw, 4rem);
    }
}
.stat-card {
  background: var(--bg-card, #fff);
  border-radius: 16px;
  padding: 30px 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}

.stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ir-primary), #ff4b5c);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.stat-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.stat-card:hover::before {
  transform: scaleX(1);
}

.stat-icon {
  font-size: 2.5rem;
  color: var(--ir-primary);
  margin-bottom: 15px;
  transition: transform 0.3s;
}

.stat-card:hover .stat-icon {
  transform: scale(1.15) translateY(-5px);
}

/* IR_SUBPAGES_END */

/* ==========================================================================
   CONSOLIDATED FRONTEND: media-pages.css
   ========================================================================== */
.media-hero{
  position:relative;
  overflow:hidden;
  padding:64px 0;
}
.media-hero-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:48px;
  align-items:center;
}
.media-hero-copy h1{
  font-size:clamp(30px,4vw,44px);
  line-height:1.08;
  margin:10px 0 0;
}
.media-hero-copy p{
  max-width:520px;
  color:var(--txt-secondary,#52525c);
  font-size:1.02rem;
  line-height:1.6;
}
.media-hero-visual{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 30px 60px rgba(0,0,0,.22);
  aspect-ratio:16/10;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.media-hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.media-hero-visual .media-hero-visual-fallback{
  width:60%;
  height:auto;
  object-fit:contain;
}
.media-hero-visual > i{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:4.5rem;
  color:#fff;
  text-shadow:0 4px 18px rgba(0,0,0,.5);
  pointer-events:none;
}
@media (max-width:900px){
  .media-hero-grid{
    grid-template-columns:1fr;
  }
  .media-hero-visual{
    aspect-ratio:16/9;
  }
}

.media-archive-title{
  font-size:clamp(24px,3vw,32px);
  margin:2px 0 0;
}

.content-card-media{
  position:relative;
}
/* Medya Iliskileri kartlarindaki gorseller farkli dogal en-boy oranlarina
   sahip (ornegin Ubuntu dergi kapaklari dikey, bazi arsiv gorselleri kare) -
   img'a hic kural uygulanmadigi icin her karti kendi dogal boyutuna gore
   yukseklik aliyor,ayni satirdaki kartlar arasinda tutarsiz bosluk olusuyordu. */
.content-card-media > img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.content-card-open-btn{
  position:absolute;
  top:14px;
  right:14px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 16px;
  border-radius:999px;
  background:var(--red,#dc2626);
  color:#fff;
  font-size:.8rem;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(220,38,38,.35);
  transition:transform .15s ease, box-shadow .15s ease;
}
.content-card-open-btn:hover{
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(220,38,38,.45);
}

/* Medya Iliskileri - Duyurular: tarih rozetine saat ikonu eklendi, ikon+metin
   arasi bosluk icin (pages.css'teki .announcement-date orijinalinde gap yok). */
body.page-media-announcements .announcement-date{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

/* Medya Iliskileri - Logolarimiz: DB'deki logo gorselleri genis/kisa oranda
   (banner gibi), pages.css'teki orijinal object-fit:cover bunlari yanlardan
   kirpiyordu (DYNAPHON, DYNAPROFIL vb.). Logo hic kirpilmadan tam gorunmeli. */
/* Base card styles matching 5246 reference (pages.css) */
body.page-media-logos .logo-card{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  color: inherit;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
body.page-media-logos .logo-card:hover,
body.page-media-logos .logo-card:focus-visible {
  border-color: #dbe0e8;
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
}
body.page-media-logos .logo-card:focus-visible {
  outline: 3px solid rgba(227, 6, 19, 0.45);
  outline-offset: 2px;
}
body.page-media-logos .logo-card-img{
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background: #fff;
}
body.page-media-logos .logo-card-img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.25s ease;
}
body.page-media-logos .logo-card:hover .logo-card-img img {
  transform: scale(1.06);
}

/* Media logo copy & action (media-card-refresh overrides handled below) */
body.page-media-logos .media-logo-copy h3 {
  font-size: 15px;
  margin-top: 0;
}
body.page-media-logos .media-logo-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 46px;
  margin-top: auto;
  margin-inline: -20px;
  padding: 16px 20px 3px;
  border: 0;
  border-top: 1px solid #e2e8f0;
  border-radius: 0;
  background: transparent;
  color: var(--dnisi-red);
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
}
body.page-media-logos .media-logo-action:hover {
  color: var(--dnisi-red-dark);
  background: transparent;
}
body.page-media-logos .media-logo-action > span:not(.press-cover-fallback) {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fdecef;
  color: var(--dnisi-red);
  font-size: 14px;
  line-height: 1;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
body.page-media-logos .media-logo-action:hover > span:not(.press-cover-fallback) {
  background: var(--dnisi-red);
  color: #fff;
  transform: translateX(2px);
}


/* Archive cards only: never target a hero, section, page heading or slider.
   Scope: yalnizca Media controller sayfalarinda, .media-card-refresh tasiyan
   arsiv kartlarina uygulanir. Hero bolumleri (.media-hero, .press-showcase,
   .iv-showcase, .ubuntu-showcase) ve slider'lar bu dosyadan HIC etkilenmez. */
body.inner-page .media-card-refresh {
  --m-border: #e6e9ef;
  --m-border-strong: #cfd6e0;
  --m-muted: #5b6472;
  --m-red: #c8102e;
  --m-red-deep: #a30d25;
  --m-surface: #ffffff;
  --m-surface-alt: #f4f6f9;
  --m-radius: 14px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  color: #111827;
  border: 1px solid var(--m-border);
  border-radius: var(--m-radius);
  background: var(--m-surface);
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03), 0 2px 8px rgba(15, 23, 42, 0.045);
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
  text-decoration: none;
}

body.inner-page .media-card-refresh:hover {
  color: #111827;
  transform: none;
  border-color: var(--m-border-strong);
  box-shadow: 0 4px 6px rgba(15, 23, 42, 0.05), 0 14px 28px rgba(15, 23, 42, 0.09);
}

body.inner-page .media-card-refresh:focus-within {
  border-color: rgba(200, 16, 46, 0.45);
  box-shadow: 0 4px 24px rgba(200, 16, 46, 0.12);
}

body.inner-page .media-card-refresh :is(.content-card-media, .video-card-media, .press-card-media, .announcement-media) {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  flex-shrink: 0;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid var(--m-border);
  border-radius: 0;
  background: #eef1f5;
}

body.inner-page .media-card-refresh :is(.content-card-media, .video-card-media, .press-card-media, .announcement-media) img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}

body.inner-page .media-card-refresh :is(.content-card-media, .video-card-media, .press-card-media, .announcement-media)::after {
  background: linear-gradient(transparent 68%, rgba(15, 23, 42, 0.26));
}

body.inner-page .media-photo-card .content-card-media {
  background: var(--m-surface-alt);
}

body.inner-page .media-photo-card .content-card-media img {
  object-fit: contain;
  padding: 14px;
}

body.inner-page .media-card-refresh .content-card-video-thumb {
  height: 100%;
}

body.inner-page .media-card-refresh .content-card-open-btn {
  display: none;
}

body.inner-page .media-card-refresh :is(.media-card-copy, .press-card-body, .ubuntu-card-body, .announcement-body, .video-card-body, .media-logo-copy) {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  padding: 20px 20px 14px;
  color: #111827;
  background: #fff;
}

body.inner-page .media-card-refresh :is(h3, .video-card-title) {
  margin: 0;
  color: #111827;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
  height: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.inner-page .media-card-refresh :is(.eyebrow, .press-card-date, .ubuntu-card-date) {
  font-size: 11px;
  font-weight: 600;
  color: var(--m-muted);
  letter-spacing: 0;
}

body.inner-page .media-card-refresh .summary-content,
body.inner-page .media-card-refresh .press-card-body p,
body.inner-page .media-card-refresh .ubuntu-card-body p,
body.inner-page .media-card-refresh .announcement-desc {
  margin: 0 0 16px;
  color: #4b5563;
  font-size: 13.5px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.inner-page .media-card-refresh :is(.link-red, .press-card-action, .ubuntu-card-action, .announcement-detail-btn, .media-logo-action) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 46px;
  margin-top: auto;
  margin-inline: -20px;
  padding: 16px 20px 3px;
  border: 0;
  border-top: 1px solid var(--m-border);
  border-radius: 0;
  background: transparent;
  color: var(--m-red);
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
}

body.inner-page .media-card-refresh :is(.link-red, .press-card-action, .ubuntu-card-action, .announcement-detail-btn, .media-logo-action):hover {
  color: var(--m-red-deep);
  background: transparent;
}

body.inner-page .media-card-refresh .announcement-detail-arrow,
body.inner-page .media-card-refresh .press-card-action > span:not(.press-cover-fallback),
body.inner-page .media-card-refresh .ubuntu-card-action > span {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fdecef;
  color: var(--m-red);
  font-size: 14px;
  line-height: 1;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

body.inner-page .media-card-refresh :is(.announcement-detail-btn, .press-card-action, .ubuntu-card-action, .media-logo-action):hover :is(.announcement-detail-arrow, > span) {
  background: var(--m-red);
  color: #fff;
  transform: translateX(2px);
}

body.inner-page .media-card-refresh .announcement-desc {
  -webkit-line-clamp: 3;
  margin-bottom: 16px;
}

body.inner-page .media-card-refresh .announcement-badge {
  align-self: flex-start;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

body.inner-page .media-card-refresh .announcement-date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body.inner-page .media-card-refresh .logo-card-img {
  flex: none;
  width: 100%;
  height: 170px;
  padding: 20px;
  border-bottom: 1px solid var(--m-border);
  background: #fff;
}

body.inner-page .media-card-refresh .logo-card-img img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: none;
}

body.inner-page .media-card-refresh .ubuntu-card-cover {
  height: 260px;
  aspect-ratio: auto;
  border-radius: 0;
  background: repeating-linear-gradient(45deg, rgba(15, 23, 42, 0.03) 0 10px, transparent 10px 22px), #f3f5f8;
  padding: 18px;
}

body.inner-page .media-card-refresh .ubuntu-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
  filter: drop-shadow(0 10px 16px rgba(15, 23, 42, 0.18));
}

body.inner-page .media-card-refresh .ubuntu-card-cover::after {
  display: none;
}

body.inner-page .media-card-refresh :is(.press-card-media, .announcement-media) .play-button,
body.inner-page .media-card-refresh .video-card-media .play-button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(200, 16, 46, 0.94);
  box-shadow: 0 10px 22px rgba(200, 16, 46, 0.38);
}

body.inner-page .media-card-refresh:hover .video-card-media .play-button {
  transform: translate(-50%, -50%) scale(1.08);
}

body.inner-page .media-card-refresh:focus-visible,
body.inner-page .media-card-refresh :is(a, button):focus-visible {
  outline: 3px solid rgba(200, 16, 46, 0.5);
  outline-offset: -3px;
}

body.inner-page .media-card-refresh :is(a, button) {
  cursor: pointer;
}

body.inner-page .media-card-refresh:is(.video-card, .logo-card) {
  cursor: pointer;
}

@media (max-width: 600px) {
  body.inner-page .media-card-refresh :is(.media-card-copy, .press-card-body, .ubuntu-card-body, .announcement-body, .video-card-body) {
    padding: 16px 16px 12px;
  }
  body.inner-page .media-card-refresh :is(.link-red, .press-card-action, .ubuntu-card-action, .announcement-detail-btn, .media-logo-action) {
    margin-inline: -16px;
    padding: 13px 16px 3px;
  }
  body.inner-page .media-card-refresh .logo-card-img {
    height: 118px;
    padding: 14px;
  }
  body.inner-page .media-card-refresh .media-logo-copy {
    padding: 12px;
  }
  body.inner-page .media-card-refresh .media-logo-copy h3 {
    font-size: 13px;
  }
  body.inner-page .media-card-refresh .media-logo-action {
    font-size: 11px;
  }
}

@media (hover: hover) {
  body.inner-page .media-card-refresh:not(.media-photo-card):hover :is(.content-card-media, .video-card-media, .press-card-media, .announcement-media) img {
    transform: scale(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.inner-page .media-card-refresh, body.inner-page .media-card-refresh * {
    transition: none !important;
    animation: none !important;
  }
  body.inner-page .media-card-refresh:hover :is(.content-card-media, .video-card-media, .press-card-media, .announcement-media) img {
    transform: none;
  }
}

/* ===========================
   FOTOĞRAF GALERİSİ
   =========================== */
.photo-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

@media (min-width: 576px) {
  .photo-gallery-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 768px) {
  .photo-gallery-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1200px) {
  .photo-gallery-grid { grid-template-columns: repeat(6, 1fr); gap: 14px; }
}

.photo-gallery-item {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.photo-gallery-item:hover {
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
  transform: translateY(-2px);
}

.photo-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

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

.photo-gallery-item:focus-visible {
  outline: 3px solid #c8102e;
  outline-offset: 2px;
}

.photo-tile-overlay {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 18px 12px 10px;
  background: linear-gradient(180deg, rgba(2, 6, 23, 0) 0%, rgba(2, 6, 23, 0.78) 100%);
  color: #fff;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.photo-gallery-item:hover .photo-tile-overlay,
.photo-gallery-item:focus-visible .photo-tile-overlay {
  opacity: 1;
  transform: none;
}

@media (hover: none) {
  .photo-tile-overlay {
    opacity: 1;
    transform: none;
    padding-top: 40px;
  }
}

.photo-tile-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 14px;
}

.photo-tile-title {
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.photo-lightbox .modal-dialog {
  max-width: 1000px;
}

.photo-lightbox .modal-body {
  position: relative;
  padding: 8px 12px;
  text-align: center;
}

.photo-lightbox .modal-body img {
  max-width: 100%;
  max-height: 76vh;
  width: auto;
  margin: 0 auto;
  border-radius: 6px;
  object-fit: contain;
}

.photo-lb-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: rgba(2, 6, 23, 0.45);
  color: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.photo-lb-btn:hover {
  background: #c8102e;
}

.photo-lb-prev { left: 14px; }
.photo-lb-next { right: 14px; }


/* ============ 12. Media / Tanıtım Filmi ============ */
body.page-media-introvideo {
    --iv-accent: #e30613;
}

body.page-media-introvideo .iv-showcase {
    position: relative;
    padding: 5.2rem 0 4rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 84% 30%, rgba(15, 23, 42, 0.16), transparent 34%),
        linear-gradient(135deg, #f8fafc, #e2e8f0 62%, #9ca3af);
}
body.page-media-introvideo .iv-showcase::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(15, 23, 42, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.07) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 92%);
    mask-image: linear-gradient(180deg, #000 0%, transparent 92%);
    pointer-events: none;
}
body.page-media-introvideo .iv-showcase .wrap,
body.page-media-introvideo .iv-archive .wrap {
    position: relative;
    z-index: 1;
}

body.page-media-introvideo .iv-featured {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.85fr);
    gap: clamp(2rem, 6vw, 5rem);
    align-items: center;
}
body.page-media-introvideo .iv-featured-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.7rem;
    background: #1f2937;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
body.page-media-introvideo .iv-featured-eyebrow i {
    font-size: 0.95rem;
}
body.page-media-introvideo .iv-featured-title {
    max-width: 680px;
    font-size: clamp(2.8rem, 6vw, 5rem);
    font-weight: 800;
    line-height: 0.98;
    color: var(--txt-primary);
    margin-bottom: 1rem;
}
body.page-media-introvideo .iv-featured-desc {
    max-width: 620px;
    color: var(--txt-secondary);
    font-size: 0.92rem;
    line-height: 1.5;
    margin-bottom: 0;
}
body.page-media-introvideo .iv-featured-media {
    position: relative;
    width: min(400px, 100%);
    justify-self: center;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(15, 23, 42, 0.28);
    border-radius: 15px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 18px 30px rgba(15, 23, 42, 0.28);
}
body.page-media-introvideo .iv-featured-media iframe,
body.page-media-introvideo .iv-featured-media video,
body.page-media-introvideo .iv-featured-media img {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

body.page-media-introvideo .iv-section-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--txt-primary);
    margin: 0 0 1.4rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
body.page-media-introvideo .iv-section-title::after {
    content: '';
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, var(--border-mid), transparent);
}
body.page-media-introvideo .video-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: var(--bg-card);
    overflow: hidden;
    cursor: pointer;
    text-align: left;
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
body.page-media-introvideo .video-card:hover,
body.page-media-introvideo .video-card:focus-visible {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}
body.page-media-introvideo .video-card:focus-visible {
    outline: 3px solid rgba(227, 6, 19, 0.45);
    outline-offset: 2px;
}
body.page-media-introvideo .video-card-media {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #000;
    overflow: hidden;
}
body.page-media-introvideo .video-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
body.page-media-introvideo .video-card:hover .video-card-media img {
    transform: scale(1.06);
}
body.page-media-introvideo .video-card-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--bg-alt), var(--border));
    color: var(--txt-muted);
    font-size: 2rem;
}
body.page-media-introvideo .video-card-media .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54px;
    height: 54px;

    background: rgba(227, 6, 19, 0.92);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.6rem;
    box-shadow: 0 8px 18px rgba(227, 6, 19, 0.35);
    padding-left: 3px;
    transition: transform 0.25s ease, background 0.25s ease;
}
body.page-media-introvideo .video-card:hover .play-button {
    transform: translate(-50%, -50%) scale(1.1);
    background: #e30613;
}
body.page-media-introvideo .video-card-body {
    padding: 10px 12px;
}
body.page-media-introvideo .video-card-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--txt-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    body.page-media-introvideo .iv-showcase {
        padding: 4.5rem 0 3rem;
    }
    body.page-media-introvideo .iv-featured {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    body.page-media-introvideo .iv-featured-media {
        justify-self: start;
    }
}

@media (max-width: 575.98px) {
    body.page-media-introvideo .iv-showcase {
        padding: 3.5rem 0 2.5rem;
    }
    body.page-media-introvideo .iv-featured-title {
        font-size: clamp(2.6rem, 14vw, 4rem);
    }
}

/* ============ Media / Announcements ============ */
body.page-media-announcements .announcement-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
body.page-media-announcements .announcement-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}
body.page-media-announcements .announcement-media {
    position: relative;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 22% 20%, rgba(227, 6, 19, 0.28), transparent 42%),
        linear-gradient(135deg, #111827 0%, #1c2a44 55%, #2a0b10 100%);
    overflow: hidden;
}
body.page-media-announcements .announcement-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
body.page-media-announcements .announcement-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 9, 17, 0.08) 0%, rgba(5, 9, 17, 0.72) 100%);
    pointer-events: none;
}
body.page-media-announcements .announcement-card:hover .announcement-media img {
    transform: scale(1.06);
}
body.page-media-announcements .announcement-media-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    font-size: 1.9rem;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: transform 0.25s ease;
}
body.page-media-announcements .announcement-card:hover .announcement-media-icon {
    transform: scale(1.12);
}
body.page-media-announcements .announcement-date {
    position: absolute;
    z-index: 1;
    left: 14px;
    bottom: 12px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(11, 18, 32, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 600;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
body.page-media-announcements .announcement-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 20px 22px 22px;
}
body.page-media-announcements .announcement-badge {
    align-self: flex-start;
    padding: 4px 12px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: var(--red-soft);
    color: var(--red);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
body.page-media-announcements .announcement-title {
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--txt-primary);
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.page-media-announcements .announcement-desc {

    color: var(--txt-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.page-media-announcements .announcement-detail-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    align-self: stretch;
    width: 100%;
    min-height: 34px;
    padding: 7px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--red);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
body.page-media-announcements .announcement-detail-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    font-size: 1.85rem;
    font-weight: 900;
    line-height: 1;
    transform: translateY(-1px);
    transition: transform 0.2s ease;
}
body.page-media-announcements .announcement-detail-btn:hover,
body.page-media-announcements .announcement-detail-btn:focus-visible {
    background: transparent;
    color: var(--red);
    transform: none;
    box-shadow: none;
}
body.page-media-announcements .announcement-detail-btn:hover .announcement-detail-arrow,
body.page-media-announcements .announcement-detail-btn:focus-visible .announcement-detail-arrow {
    transform: translate(8px, -1px);
}
body.page-media-announcements .announcement-modal-hero {
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: flex-end;
    padding: 3rem 3.5rem 2.5rem;
    background:
        radial-gradient(circle at 18% 22%, rgba(227, 6, 19, 0.32), transparent 44%),
        linear-gradient(135deg, rgba(11, 18, 32, 0.82) 0%, rgba(28, 42, 68, 0.72) 55%, rgba(42, 11, 16, 0.86) 100%),
        url('/img/facilities/tesis-1.jpg') center / cover no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
body.page-media-announcements .announcement-modal-hero.has-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 9, 17, 0.35) 0%, rgba(5, 9, 17, 0.82) 100%);
}
body.page-media-announcements .announcement-modal-hero.has-image {
    background-color: #0b1220;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
body.page-media-announcements .announcement-modal-icon {
    position: absolute;
    top: 54px;
    left: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.24);
    color: #fff;
    font-size: 1.7rem;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
body.page-media-announcements .announcement-modal-hero.has-image .announcement-modal-icon {
    display: none;
}
body.page-media-announcements .announcement-modal-hero-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
}
body.page-media-announcements #annModalTitle {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
}
body.page-media-announcements .announcement-article {
    color: var(--txt-primary);
    font-size: 1.02rem;
    line-height: 1.8;
}
body.page-media-announcements .announcement-modal-inline-image {
    float: right;
    width: min(42%, 440px);
    max-height: 360px;
    object-fit: contain;
    margin: 0.25rem 0 1.25rem 2rem;
    border-radius: 14px;
    background: #0b1220;
    box-shadow: var(--shadow-md);
}
body.page-media-announcements .announcement-article > p {
    margin-bottom: 1.15rem;
}
body.page-media-announcements .announcement-article strong {
    font-weight: 700;
}
body.page-media-announcements .announcement-article img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 1.25rem 0;
}
body.page-media-announcements .announcement-article h1,
body.page-media-announcements .announcement-article h2,
body.page-media-announcements .announcement-article h3,
body.page-media-announcements .announcement-article h4 {
    font-weight: 700;
    color: var(--txt-primary);
    margin: 1.6rem 0 0.8rem;
}
body.page-media-announcements .announcement-article ul,
body.page-media-announcements .announcement-article ol {
    padding-left: 1.4rem;
    margin-bottom: 1.15rem;
}
body.page-media-announcements .announcement-article li {
    margin-bottom: 0.4rem;
}

@media (max-width: 575.98px) {
    body.page-media-announcements .announcement-modal-hero {
        min-height: 240px;
        padding: 1.6rem 1.4rem 1.5rem;
    }
    body.page-media-announcements .announcement-modal-icon {
        top: 24px;
        left: 1.4rem;
        width: 52px;
        height: 52px;
        font-size: 1.4rem;
    }
    body.page-media-announcements .announcement-modal-inline-image {

}
}

/* ============ Media / In The Press ============ */
body.page-media-inthepress {
    --press-bg: var(--bg);
    --press-ink: var(--txt-primary);
    --press-muted: var(--txt-secondary);
    --press-card: var(--bg-card);
    --press-line: var(--border);
    --press-accent: var(--red);
    background: var(--press-bg);
}
body.page-media-inthepress #mainContent {
    background: var(--press-bg);
}
body.page-media-inthepress .press-showcase {
    position: relative;
    padding: 8.5rem 0 4.5rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 16% 18%, rgba(227, 6, 19, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(31, 41, 55, 0.94) 58%, rgba(72, 12, 18, 0.9));
}
body.page-media-inthepress .press-showcase::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 88%);
    mask-image: linear-gradient(180deg, #000 0%, transparent 88%);
    pointer-events: none;
}
body.page-media-inthepress .press-showcase-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.72fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 5rem);
}
body.page-media-inthepress .press-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 14px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
body.page-media-inthepress .press-kicker::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--press-accent);
}
body.page-media-inthepress .press-copy h1 {
    max-width: 780px;
    margin: 1.5rem 0 1rem;
    color: #fff;
    font-size: clamp(3rem, 8vw, 6.8rem);
    font-weight: 800;
    letter-spacing: -0.075em;
    line-height: 0.9;
}
body.page-media-inthepress .press-copy p {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: clamp(1.05rem, 2vw, 1.3rem);
    line-height: 1.7;
}
body.page-media-inthepress .press-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 420px;
}
body.page-media-inthepress .press-hero-slider {
    display: grid;
    width: min(420px, 100%);
    justify-items: center;
}
body.page-media-inthepress .press-hero-stage {
    position: relative;
    width: min(320px, 78vw);
    aspect-ratio: 1.18;
}
body.page-media-inthepress .press-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateX(24px) scale(0.94) rotate(3deg);
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.35s ease;
}
body.page-media-inthepress .press-slide.is-active {
    opacity: 1;
    transform: translateX(0) scale(1) rotate(0deg);
    pointer-events: auto;
}
body.page-media-inthepress .press-feature-cover {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px 18px 18px 8px;
    background: linear-gradient(135deg, #1f2937, #0f172a);
    box-shadow: -24px 36px 34px rgba(0, 0, 0, 0.34);
    transform: rotate(-4deg);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
body.page-media-inthepress .press-feature-cover:hover {
    transform: rotate(-2deg) translateY(-8px);
    box-shadow: -30px 42px 42px rgba(0, 0, 0, 0.42);
}
body.page-media-inthepress .press-feature-cover img,
body.page-media-inthepress .press-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.page-media-inthepress .press-feature-cover::after,
body.page-media-inthepress .press-card-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 42%, rgba(5, 9, 17, 0.74) 100%);
    pointer-events: none;

}
body.page-media-inthepress .press-cover-fallback {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.86);
    font-size: 4rem;
}
body.page-media-inthepress .has-fallback .press-cover-fallback,
body.page-media-inthepress .press-feature-cover:not(:has(img)) .press-cover-fallback,
body.page-media-inthepress .press-card-media:not(:has(img)) .press-cover-fallback {
    display: flex;
}
body.page-media-inthepress .press-feature-caption {
    width: min(420px, 100%);
    margin-top: 2rem;
    color: #fff;
    text-align: center;
}
body.page-media-inthepress .press-feature-caption span {
    display: block;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
body.page-media-inthepress .press-feature-caption strong {
    display: block;
    margin-top: 0.35rem;
    font-size: clamp(1.25rem, 3vw, 1.8rem);
    line-height: 1.15;
}
body.page-media-inthepress .press-feature-action {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 180px;
    margin-top: 1.15rem;
    padding: 12px 17px 12px 20px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    background: var(--press-accent);
    color: #fff;
    font-weight: 900;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
body.page-media-inthepress .press-feature-action span {
    display: inline-flex;
    color: #fff;
    font-size: 1.55rem;
    line-height: 1;
    transition: transform 0.2s ease;
}
body.page-media-inthepress .press-feature-action:hover {
    border-color: rgba(255, 255, 255, 0.5);
    background: var(--dnisi-red-dark);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.24);
}
body.page-media-inthepress .press-feature-action:hover span {
    transform: translateX(7px);
}
body.page-media-inthepress .press-slider-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 1.2rem;
}
body.page-media-inthepress .press-slider-controls > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
body.page-media-inthepress .press-slider-controls > button:hover {
    background: var(--press-accent);
    transform: translateY(-2px);
}
body.page-media-inthepress .press-slider-dots {
    display: flex;
    align-items: center;
    gap: 8px;
}
body.page-media-inthepress .press-slider-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.35);
    transition: width 0.2s ease, background-color 0.2s ease;
}
body.page-media-inthepress .press-slider-dots button.is-active {
    width: 24px;
    background: var(--press-accent);
}
body.page-media-inthepress .press-archive {
    padding: 4.5rem 0 7rem;
}
body.page-media-inthepress .press-section-head {
    margin-bottom: 2rem;
}
body.page-media-inthepress .press-section-head span {
    color: var(--press-accent);
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
body.page-media-inthepress .press-section-head h2 {
    margin: 0.35rem 0 0;
    color: var(--press-ink);
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 800;
    letter-spacing: -0.04em;
}
body.page-media-inthepress .press-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}
body.page-media-inthepress .press-card {
    display: flex;

    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--press-line);
    border-radius: 22px;
    background: var(--press-card);
    box-shadow: var(--shadow-sm);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
body.page-media-inthepress .press-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-md);
}
body.page-media-inthepress .press-card-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 11;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 22px 22px 8px 8px;
    background: linear-gradient(135deg, #1f2937, #0f172a);
}
body.page-media-inthepress .press-read-chip {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 999px;
    background: var(--press-accent);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 800;
    box-shadow: 0 14px 24px rgba(227, 6, 19, 0.32);
}
body.page-media-inthepress .press-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 20px;
}
body.page-media-inthepress .press-card-date {
    color: var(--press-accent);
    font-size: 0.78rem;
    font-weight: 800;
}
body.page-media-inthepress .press-card-body h3 {
    margin: 0.55rem 0 0.75rem;
    color: var(--press-ink);
    font-size: 1.12rem;
    font-weight: 800;
    line-height: 1.35;
}
body.page-media-inthepress .press-card-body p {
    color: var(--press-muted);
    font-size: 0.92rem;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.page-media-inthepress .press-card-action {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding: 10px 0 0;
    border: 0;
    background: transparent;
    color: var(--press-accent);
    font-weight: 900;
}
body.page-media-inthepress .press-card-action span {
    font-size: 1.35rem;
    line-height: 1;
    transition: transform 0.2s ease;
}
body.page-media-inthepress .press-card-action:hover span {
    transform: translateX(6px);
}
body.page-media-inthepress .press-modal-content {
    overflow: hidden;
    border-radius: 18px;
    background: var(--press-card);
}
body.page-media-inthepress .press-modal-hero {
    position: relative;
    min-height: 260px;
    padding: 3rem 3.5rem 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background:
        radial-gradient(circle at 18% 22%, rgba(227, 6, 19, 0.32), transparent 44%),
        linear-gradient(135deg, rgba(11, 18, 32, 0.96), rgba(28, 42, 68, 0.84) 55%, rgba(42, 11, 16, 0.9));
}
body.page-media-inthepress .press-modal-hero h2 {
    max-width: 920px;
    margin: 0;
    color: #fff;
    font-size: clamp(1.7rem, 3vw, 2.6rem);
    font-weight: 800;
    line-height: 1.12;
}
body.page-media-inthepress #pressModalDate {
    margin-top: 0.7rem;
    color: rgba(255, 255, 255, 0.62);
    font-weight: 700;
}
body.page-media-inthepress .press-modal-image {
    display: none;
    float: right;
    width: min(42%, 440px);
    max-height: 360px;
    object-fit: contain;
    margin: 0.25rem 0 1.25rem 2rem;
    border-radius: 14px;
    background: #0b1220;
    box-shadow: var(--shadow-md);
}
body.page-media-inthepress .press-modal-article {
    color: var(--press-ink);
    font-size: 1.02rem;
    line-height: 1.8;
}
body.page-media-inthepress .press-modal-article img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}


body.page-media-inthepress .press-empty-state,
body.page-media-inthepress .press-feature-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px dashed var(--press-line);
    border-radius: 28px;
    background: var(--press-card);
    color: var(--press-muted);
}
body.page-media-inthepress .press-empty-state {
    min-height: 280px;
    padding: 2.5rem;
}
body.page-media-inthepress .press-feature-empty {
    min-height: 340px;
    padding: 2rem;
    border-color: rgba(255, 255, 255, 0.26);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.72);
}
body.page-media-inthepress .press-empty-state i,
body.page-media-inthepress .press-feature-empty i {
    color: var(--press-accent);
    font-size: 3rem;
    margin-bottom: 1rem;
}

@media (max-width: 1199.98px) {
    body.page-media-inthepress .press-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    body.page-media-inthepress .press-showcase-grid {
        grid-template-columns: 1fr;
    }
    body.page-media-inthepress .press-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    body.page-media-inthepress .press-showcase {
        padding: 7rem 0 3rem;
    }
    body.page-media-inthepress .press-card-grid {
        grid-template-columns: 1fr;
    }
    body.page-media-inthepress .press-modal-hero {
        min-height: 220px;
        padding: 1.6rem 1.4rem 1.5rem;
    }
    body.page-media-inthepress .press-modal-image {
        float: none;
        width: 100%;
        max-height: none;
        margin: 0 0 1.5rem;
    }
}

/* Ubuntu magazine redesign */
body.page-media-ubuntu {
    --ubuntu-bg: var(--bg);
    --ubuntu-ink: var(--txt-primary);
    --ubuntu-muted: var(--txt-secondary);
    --ubuntu-card: var(--bg-card);
    --ubuntu-line: var(--border);
    --ubuntu-accent: var(--red);
    background-color: var(--ubuntu-bg);
}
body.page-media-ubuntu .ubuntu-showcase {
    position: relative;
    padding: 8.5rem 0 4.5rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 20%, rgba(227, 6, 19, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(31, 41, 55, 0.94) 58%, rgba(72, 12, 18, 0.9));
}
body.page-media-ubuntu .ubuntu-showcase::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 88%);
    mask-image: linear-gradient(180deg, #000 0%, transparent 88%);
    pointer-events: none;
}
body.page-media-ubuntu .ubuntu-showcase-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.7fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 5rem);
}
body.page-media-ubuntu .ubuntu-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 14px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
body.page-media-ubuntu .ubuntu-kicker::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ubuntu-accent);
}
body.page-media-ubuntu .ubuntu-copy h1 {
    max-width: 780px;
    margin: 1.5rem 0 1rem;
    color: #fff;
    font-size: clamp(3rem, 8vw, 6.8rem);
    font-weight: 800;
    letter-spacing: -0.075em;
    line-height: 0.9;
}
body.page-media-ubuntu .ubuntu-copy p {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: clamp(1.05rem, 2vw, 1.3rem);
    line-height: 1.7;

}
body.page-media-ubuntu .ubuntu-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 2rem;
}
body.page-media-ubuntu .ubuntu-stats span {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 16px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.76);
    font-weight: 700;
}
body.page-media-ubuntu .ubuntu-stats strong {
    color: #fff;
    font-size: 1.15rem;
}
body.page-media-ubuntu .ubuntu-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 420px;
}
body.page-media-ubuntu .ubuntu-hero-slider {
    display: grid;
    width: min(420px, 100%);
    justify-items: center;
}
body.page-media-ubuntu .ubuntu-hero-stage {
    position: relative;
    width: min(320px, 78vw);
    aspect-ratio: 0.72;
}
body.page-media-ubuntu .ubuntu-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateX(22px) scale(0.94) rotate(3deg);
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.35s ease;
}
body.page-media-ubuntu .ubuntu-slide.is-active {
    opacity: 1;
    transform: translateX(0) scale(1) rotate(0deg);
    pointer-events: auto;
}
body.page-media-ubuntu .ubuntu-feature-book,
body.page-media-ubuntu .ubuntu-card-cover {
    position: relative;
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
}
body.page-media-ubuntu .ubuntu-feature-book {
    width: 100%;
    height: 100%;
    aspect-ratio: 0.72;
    filter: drop-shadow(-24px 36px 34px rgba(0, 0, 0, 0.34));
    transform: rotate(-4deg);
    transition: transform 0.35s ease, filter 0.35s ease;
}
body.page-media-ubuntu .ubuntu-feature-book:hover {
    transform: rotate(-2deg) translateY(-8px);
    filter: drop-shadow(-30px 42px 42px rgba(0, 0, 0, 0.42));
}
body.page-media-ubuntu .ubuntu-book-cover,
body.page-media-ubuntu .ubuntu-card-cover {
    overflow: hidden;
    border-radius: 8px 18px 18px 8px;
    background: linear-gradient(135deg, #1f2937, #0f172a);
}
body.page-media-ubuntu .ubuntu-book-cover {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
}
body.page-media-ubuntu .ubuntu-book-spine {
    position: absolute;
    top: 3%;
    bottom: 3%;
    left: -16px;
    width: 18px;
    border-radius: 8px 0 0 8px;
    background: linear-gradient(90deg, rgba(255,255,255,0.38), rgba(255,255,255,0.08));
    transform: skewY(-4deg);
}
body.page-media-ubuntu .ubuntu-book-cover img,
body.page-media-ubuntu .ubuntu-card-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.page-media-ubuntu .ubuntu-book-cover::after,
body.page-media-ubuntu .ubuntu-card-cover::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,0.28) 0%, transparent 12%, transparent 82%, rgba(255,255,255,0.16) 100%),
        linear-gradient(135deg, rgba(255,255,255,0.22), transparent 32%);
    pointer-events: none;
}
body.page-media-ubuntu .ubuntu-cover-fallback {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.86);
    font-size: 4.5rem;
}
body.page-media-ubuntu .ubuntu-feature-caption {
    margin-top: 2rem;
    color: #fff;
    text-align: center;
    width: min(420px, 100%);
}
body.page-media-ubuntu .ubuntu-feature-caption span {
    display: block;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
body.page-media-ubuntu .ubuntu-feature-caption strong {
    display: block;
    margin-top: 0.35rem;
    font-size: clamp(1.25rem, 3vw, 1.8rem);
    line-height: 1.15;
}
body.page-media-ubuntu .ubuntu-feature-caption em {

    display: block;
    margin-top: 0.45rem;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 800;
}
body.page-media-ubuntu .ubuntu-feature-caption p {
    max-width: 360px;
    margin: 0.85rem auto 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.94rem;
    line-height: 1.55;
}
body.page-media-ubuntu .ubuntu-feature-action {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 190px;
    margin-top: 1.15rem;
    padding: 12px 17px 12px 20px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    background: var(--ubuntu-accent);
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
body.page-media-ubuntu .ubuntu-feature-action span {
    display: inline-flex;
    color: #fff;
    font-size: 1.55rem;
    line-height: 1;
    transition: transform 0.2s ease;
}
body.page-media-ubuntu .ubuntu-feature-action:hover {
    border-color: rgba(255, 255, 255, 0.5);
    background: var(--dnisi-red-dark);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.24);
}
body.page-media-ubuntu .ubuntu-feature-action:hover span {
    transform: translateX(7px);
}
body.page-media-ubuntu .ubuntu-slider-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 1.2rem;
}
body.page-media-ubuntu .ubuntu-slider-controls > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
body.page-media-ubuntu .ubuntu-slider-controls > button:hover {
    background: var(--ubuntu-accent);
    transform: translateY(-2px);
}
body.page-media-ubuntu .ubuntu-slider-dots {
    display: flex;
    align-items: center;
    gap: 8px;
}
body.page-media-ubuntu .ubuntu-slider-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.35);
    transition: width 0.2s ease, background-color 0.2s ease;
}
body.page-media-ubuntu .ubuntu-slider-dots button.is-active {
    width: 24px;
    background: var(--ubuntu-accent);
}
body.page-media-ubuntu .ubuntu-feature-empty,
body.page-media-ubuntu .ubuntu-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px dashed rgba(255, 255, 255, 0.26);
    border-radius: 28px;
    color: rgba(255, 255, 255, 0.72);
}
body.page-media-ubuntu .ubuntu-feature-empty {
    min-height: 340px;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.06);
}
body.page-media-ubuntu .ubuntu-feature-empty i {
    margin-bottom: 1rem;
    color: #fff;
    font-size: 3rem;
}
body.page-media-ubuntu .ubuntu-archive {
    padding: 4.5rem 0 7rem;
}
body.page-media-ubuntu .ubuntu-section-head {
    margin-bottom: 2rem;
}
body.page-media-ubuntu .ubuntu-section-head span {
    color: var(--ubuntu-accent);
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
body.page-media-ubuntu .ubuntu-section-head h2 {
    margin: 0.35rem 0 0;
    color: var(--ubuntu-ink);
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 800;
    letter-spacing: -0.04em;
}
body.page-media-ubuntu .ubuntu-magazine-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}
body.page-media-ubuntu .ubuntu-magazine-card {
    display: flex;

    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid var(--ubuntu-line);
    border-radius: 22px;
    background: var(--ubuntu-card);
    box-shadow: var(--shadow-sm);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
body.page-media-ubuntu .ubuntu-magazine-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-md);
}
body.page-media-ubuntu .ubuntu-card-cover {
    width: 100%;
    aspect-ratio: 0.72;
    border-radius: 22px 22px 8px 8px;
}
body.page-media-ubuntu .ubuntu-card-cover.is-disabled {
    cursor: default;
    pointer-events: none;
}
body.page-media-ubuntu .ubuntu-read-chip {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 999px;
    background: var(--ubuntu-accent);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 800;
    box-shadow: 0 14px 24px rgba(227, 6, 19, 0.32);
}
body.page-media-ubuntu .ubuntu-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 20px;
}
body.page-media-ubuntu .ubuntu-card-date {
    color: var(--ubuntu-accent);
    font-size: 0.78rem;
    font-weight: 800;
}
body.page-media-ubuntu .ubuntu-card-body h3 {
    margin: 0.55rem 0 0.75rem;
    color: var(--ubuntu-ink);
    font-size: 1.16rem;
    font-weight: 800;
    line-height: 1.35;
}
body.page-media-ubuntu .ubuntu-card-body p {
    color: var(--ubuntu-muted);
    font-size: 0.92rem;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.page-media-ubuntu .ubuntu-card-action,
body.page-media-ubuntu .ubuntu-card-missing {
    margin-top: auto;
}
body.page-media-ubuntu .ubuntu-card-action {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 0;
    border: 0;
    background: transparent;
    color: var(--ubuntu-accent);
    font-weight: 900;
    text-decoration: none;
}
body.page-media-ubuntu .ubuntu-card-action span {
    font-size: 1.35rem;
    line-height: 1;
    transition: transform 0.2s ease;
}
body.page-media-ubuntu .ubuntu-card-action:hover span {
    transform: translateX(6px);
}
body.page-media-ubuntu .ubuntu-card-missing {
    color: var(--ubuntu-muted);
    font-size: 0.85rem;
    font-weight: 700;
}
body.page-media-ubuntu .ubuntu-empty-state {
    min-height: 280px;
    padding: 2.5rem;
    border-color: var(--ubuntu-line);
    background: var(--ubuntu-card);
    color: var(--ubuntu-muted);
}
body.page-media-ubuntu .ubuntu-empty-state i {
    color: var(--ubuntu-accent);
    font-size: 3rem;
    margin-bottom: 1rem;
}
body.page-media-ubuntu .ubuntu-empty-state h3 {
    color: var(--ubuntu-ink);
    font-weight: 800;
}

@media (max-width: 1199.98px) {
    body.page-media-ubuntu .ubuntu-magazine-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    body.page-media-ubuntu .ubuntu-showcase-grid {
        grid-template-columns: 1fr;
    }
    body.page-media-ubuntu .ubuntu-feature {
        min-height: 340px;
    }
    body.page-media-ubuntu .ubuntu-magazine-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    body.page-media-ubuntu .ubuntu-showcase {
        padding: 7rem 0 3rem;
    }
    body.page-media-ubuntu .ubuntu-magazine-grid {
        grid-template-columns: 1fr;
    }
}

/* ============ 14. Shared / _AboutSidebar (partial — 9 About sayfası) ============ */

/* 5146 media hero standard: Tarihce/Hakkimizda visual language */
body[class*="page-media-"] #mainContent .wrap {
    width: 100%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 28px;
    padding-left: 28px;
}

body[class*="page-media-"] #mainContent > .simple {
    padding: 72px 0 96px;
    background: #fff;
}

body[class*="page-media-"] #mainContent > .simple .media-archive-title {
    margin: 4px 0 28px;
    color: #111827;
    font-size: clamp(1.75rem, 2.5vw, 2.35rem);
    font-weight: 800;
    line-height: 1.18;
}

body[class*="page-media-"] #mainContent > .simple .brand-mark {
    margin-bottom: 6px;
}

body[class*="page-media-"] #mainContent > .simple .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
    align-items: stretch;
}

body[class*="page-media-"] #mainContent > .simple .row > [class*="col"] {
    display: flex;
}

body[class*="page-media-"] #mainContent > .simple .media-card-refresh {
    width: 100%;
}

body[class*="page-media-"] :is(.media-hero, .press-showcase, .iv-showcase, .ubuntu-showcase),
body.page-media-announcements .simple {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(900px 340px at 84% -12%, rgba(227, 6, 19, .22), transparent 62%),
        linear-gradient(160deg, var(--dnisi-ink-800), var(--dnisi-ink-900));
    border-bottom: 3px solid var(--dnisi-red);
}

body[class*="page-media-"] :is(.media-hero, .press-showcase, .iv-showcase, .ubuntu-showcase) :is(h1, h2),
body.page-media-announcements .simple h1 {
    color: #fff;
}

body[class*="page-media-"] :is(.media-hero, .press-showcase, .iv-showcase, .ubuntu-showcase) :is(p, .text-muted),
body.page-media-announcements .simple :is(p, .text-muted) {
    color: rgba(255, 255, 255, .76);
}

body[class*="page-media-"] .media-hero-grid {
    width: 100%;
    max-width: 1500px;
    margin-inline: auto;
    padding-right: 28px;
    padding-left: 28px;
    min-height: 320px;
}

body[class*="page-media-"] :is(.media-hero-copy, .press-copy, .ubuntu-copy) h1,
body.page-media-introvideo .iv-featured-title {
    font-size: clamp(1.9rem, 1.4rem + 2.4vw, 3.1rem);
    line-height: 1.12;
    letter-spacing: -.02em;
}

body[class*="page-media-"] .media-hero-visual {
    width: 100%;
    max-width: 500px;
    justify-self: end;
    background: #17191e url('/img/facilities/hakkimizda-hero.jpg') center / cover no-repeat;
}

body.page-media-announcements .simple {
    padding: 72px 0 96px;
    color: inherit;
    background: #fff;
    border-bottom: 0;
}

body.page-media-introvideo .iv-showcase,
body.page-media-inthepress .press-showcase,
body.page-media-ubuntu .ubuntu-showcase {
    padding-top: 64px;
    padding-bottom: 64px;
}

body.page-media-introvideo .iv-showcase::before,
body.page-media-inthepress .press-showcase::before,
body.page-media-ubuntu .ubuntu-showcase::before {
    opacity: .35;
}

body.page-media-introvideo .iv-featured,
body.page-media-inthepress .press-showcase-grid,
body.page-media-ubuntu .ubuntu-showcase-grid {
    min-height: 320px;
}

body.page-media-introvideo .iv-featured-eyebrow,
body.page-media-inthepress .press-kicker,
body.page-media-ubuntu .ubuntu-kicker,
body[class*="page-media-"] .media-hero .eyebrow,
body.page-media-announcements .simple .eyebrow {
    color: var(--dnisi-red);
}

body.page-media-introvideo .iv-featured-media,
body.page-media-inthepress .press-feature,
body[class*="page-media-"] .media-hero-visual {
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .3);
}

@media (max-width: 991.98px) {
    body[class*="page-media-"] .media-hero-grid,
    body.page-media-inthepress .press-showcase-grid,
    body.page-media-ubuntu .ubuntu-showcase-grid,
    body.page-media-introvideo .iv-featured {
        min-height: 0;
    }
}

@media (max-width: 575.98px) {
    body[class*="page-media-"] #mainContent .wrap,
    body[class*="page-media-"] .media-hero-grid {
        width: 100%;
        max-width: 560px;
        padding-right: 20px;
        padding-left: 20px;
    }

    body[class*="page-media-"] #mainContent > .simple {
        padding: 48px 0 64px;
    }

    body[class*="page-media-"] .media-hero,
    body.page-media-introvideo .iv-showcase,
    body.page-media-inthepress .press-showcase,
    body.page-media-ubuntu .ubuntu-showcase,
    body.page-media-announcements .simple {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

/* ============ Media / modal + a11y polish ============ */
body.page-media-logos .logo-lightbox-img {
    display: block;
    max-width: 100%;
    max-height: 65vh;
    margin: 0 auto;
    object-fit: contain;
}

body[class*="page-media-"] .modal-close-media {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 3;
}

body.page-media-inthepress .press-feature-cover:focus-visible,
body.page-media-inthepress .press-card-media:focus-visible,
body.page-media-inthepress .press-feature-action:focus-visible,
body.page-media-inthepress .press-card-action:focus-visible,
body.page-media-inthepress .press-slider-controls > button:focus-visible,
body.page-media-ubuntu .ubuntu-feature-book:focus-visible,
body.page-media-ubuntu .ubuntu-card-cover:focus-visible,
body.page-media-ubuntu .ubuntu-feature-action:focus-visible,
body.page-media-ubuntu .ubuntu-card-action:focus-visible,
body.page-media-ubuntu .ubuntu-slider-controls > button:focus-visible {
    outline: 3px solid rgba(227, 6, 19, 0.55);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    body.page-media-inthepress .press-slide,
    body.page-media-inthepress .press-feature-cover,
    body.page-media-inthepress .press-feature-cover img,
    body.page-media-inthepress .press-card-media img,
    body.page-media-inthepress .press-slider-controls > button,
    body.page-media-ubuntu .ubuntu-slide,
    body.page-media-ubuntu .ubuntu-feature-book,
    body.page-media-ubuntu .ubuntu-book-cover img,
    body.page-media-ubuntu .ubuntu-cover-fallback,
    body.page-media-ubuntu .ubuntu-card-cover img,
    body.page-media-ubuntu .ubuntu-slider-controls > button {
        transition: none;
        animation: none;
    }
}

/* ==========================================================================
   CONSOLIDATED FRONTEND: contact-page.css
   ========================================================================== */
.contact-page {
    background: #fff;
}

.contact-page .contact-hero {
    position: relative;
    display: flex;
    min-height: min(72vh, 560px);
    overflow: hidden;
    align-items: flex-end;
    color: #fff;
    background:
        linear-gradient(92deg,
            rgba(6, 7, 9, .94) 0%,
            rgba(6, 7, 9, .86) 30%,
            rgba(6, 7, 9, .62) 46%,
            rgba(6, 7, 9, .30) 60%,
            rgba(6, 7, 9, 0) 78%),
        linear-gradient(180deg,
            rgba(6, 7, 9, .55) 0%,
            rgba(6, 7, 9, .10) 22%,
            rgba(6, 7, 9, 0) 42%),
        var(--contact-hero-image, #111114);
    background-size: auto, auto, cover;
    background-position: center;
}

.contact-page .contact-hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #e30613, rgba(227, 6, 19, 0));
}

.contact-page .contact-hero-grid {
    width: min(1240px, calc(100% - 48px));
    margin-inline: auto;
    display: flex;
    min-height: 0;
    padding: 88px 0 54px;
    align-items: center;
    justify-content: flex-start;
}

.contact-page .contact-hero-content {
    max-width: 660px;
}

.contact-page .contact-hero-content .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
    color: #e30613;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.contact-page .contact-hero-content .eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: #e30613;
}

.contact-page .contact-hero-content h1 {
    margin: 14px 0;
    color: #fff;
    font-size: clamp(1.9rem, 1.4rem + 2.4vw, 3.1rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -.02em;
}

.contact-page .contact-hero-content p {
    max-width: 520px;
    margin: 0;
    color: rgba(255, 255, 255, .76);
    font-size: 1.02rem;
    line-height: 1.65;
}

.contact-page .contact-hero-visual {
    display: none;
}

.contact-page .contact-section {
    padding: 72px 0 96px;
}

.contact-page .contact-layout {
    width: min(1240px, calc(100% - 48px));
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
    gap: 32px;
    align-items: start;
}

.contact-page .contact-card {
    border: 1px solid #eceef1;
    border-radius: 18px;
    background: #f7f8f9;
    box-shadow: none;
}

.contact-page .contact-card-head,
.contact-page .contact-info-card .contact-card-head,
.contact-page .contact-form-card .contact-card-head {
    padding: 34px 34px 0;
    background: transparent;
    border: 0;
}

.contact-page .contact-card-head .eyebrow {
    display: none;
}

.contact-page .contact-card-head h2,
.contact-page .contact-info-card .contact-card-head h2 {
    margin: 0;
    color: #101114;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.01em;
}

.contact-page .contact-card-body,
.contact-page .contact-form-card .contact-card-body {
    padding: 26px 34px 34px;
}

.contact-page .contact-row {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 18px;
    align-items: start;
    padding: 16px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.contact-page .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: #fdeaec;
    color: #e30613;
    font-size: 19px;
}

.contact-page .contact-row strong {
    display: block;
    margin-bottom: 6px;
    color: #101114;
    font-size: 15px;
    font-weight: 700;
}

.contact-page .contact-row span,
.contact-page .contact-row a {
    display: block;
    color: #52525c;
    font-size: 14px;
    line-height: 1.6;
    text-decoration: none;
}

.contact-page .contact-row a:hover {
    color: #e30613;
}

.contact-page .contact-location-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    padding: 5px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.contact-page .contact-location-tab {
    flex: 1 1 0;
    min-height: 42px;
    padding: 9px 14px;
    color: #4b5563;
    background: transparent;
    border: 0;
    border-radius: 6px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.contact-page .contact-location-tab.is-active {
    color: #fff;
    background: #e30613;
}

.contact-page .contact-location-tab:focus-visible {
    outline: 3px solid rgba(227, 6, 19, .24);
    outline-offset: 2px;
}

.contact-page .contact-location-panel[hidden] {
    display: none;
}

.contact-page .contact-form-card .form-label {
    margin-bottom: 8px;
    color: #101114;
    font-size: 13px;
    font-weight: 700;
}

.contact-page .contact-form-card .form-control {
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid #e3e6ea;
    border-radius: 10px;
    background: #fff;
    color: #101114;
    font-size: 14px;
    transition: border-color .18s, box-shadow .18s;
}

.contact-page .contact-form-card .form-control::placeholder {
    color: #a8adb5;
}

.contact-page .contact-form-card .form-control:focus {
    border-color: #e30613;
    box-shadow: 0 0 0 3px rgba(227, 6, 19, .12);
    outline: none;
}

.contact-page .contact-form-card textarea.form-control {
    min-height: 150px;
    resize: vertical;
}

.contact-page .contact-submit-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 28px;
}

.contact-page .contact-form-card .btn-primary {
    padding: 14px 30px;
    border: 0;
    border-radius: 10px;
    background: #e30613;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(227, 6, 19, .28);
    transition: background .18s, box-shadow .18s, transform .18s;
}

.contact-page .contact-form-card .btn-primary:hover {
    background: #b8000a;
    box-shadow: 0 12px 26px rgba(227, 6, 19, .34);
    transform: translateY(-1px);
}

.contact-page .contact-hp {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

@media (max-width: 991.98px) {
    .contact-page .contact-layout {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .contact-page .contact-hero-content {
        max-width: none;
    }
}

@media (max-width: 767.98px) {
    .contact-page .contact-hero {
        min-height: 430px;
    }

    .contact-page .contact-section {
        padding: 48px 0 64px;
    }

    .contact-page .contact-layout {
        width: min(100% - 32px, 560px);
        gap: 28px;
    }

    .contact-page .contact-hero-grid {
        width: min(100% - 32px, 560px);
        padding: 72px 0 42px;
    }

    .contact-page .contact-card-head,
    .contact-page .contact-info-card .contact-card-head,
    .contact-page .contact-form-card .contact-card-head {
        padding: 26px 22px 0;
    }

    .contact-page .contact-card-body,
    .contact-page .contact-form-card .contact-card-body {
        padding: 20px 22px 26px;
    }

    .contact-page .contact-submit-row {
        justify-content: flex-start;
    }

    .contact-page .contact-form-card .btn-primary {
        width: 100%;
    }
}


/* ==========================================================================
   CONSOLIDATED FRONTEND: facilities-v2.css
   ========================================================================== */
/* Facilities content inspired by the supplied reference; the existing hero is intentionally untouched. */
body.page-home-tesislerimiz { --font-body: "Segoe UI", Arial, sans-serif; --font-heading: "Segoe UI", Arial, sans-serif; --fac-navy: #171717; --fac-blue: #d20a2e; --fac-red: #d20a2e; --fac-ink: #111827; --fac-muted: #667085; --fac-line: #e5e9f0; --fac-soft: #f7f8fa; }
body.page-home-tesislerimiz #tesisler { scroll-margin-top: 110px; }
body.page-home-tesislerimiz .fac-overview { padding: 96px 0 110px; background: #f7f6f4; }
body.page-home-tesislerimiz .fac-overview .wrap,
body.page-home-tesislerimiz .fac-detail .wrap { width: min(1500px, calc(100% - 48px)); max-width: none; margin-inline: auto; padding-inline: 0; }
body.page-home-tesislerimiz .fac-section-head { max-width: 1200px; margin: 0 auto 54px; text-align: center; }
body.page-home-tesislerimiz .fac-visual-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0 0 58px; padding-bottom: 28px; border-bottom: 4px solid var(--fac-red); }
body.page-home-tesislerimiz .fac-visual-strip .fac-visual-card { height: 250px; border-radius: 18px; }
body.page-home-tesislerimiz .fac-visual-strip .fac-visual-copy { right: 22px; bottom: 20px; left: 22px; }
body.page-home-tesislerimiz .fac-visual-strip .fac-visual-copy h3 { font-size: 19px !important; }
body.page-home-tesislerimiz .fac-visual-strip .fac-visual-copy p { max-width: 580px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.page-home-tesislerimiz .fac-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; padding: 8px 16px; border-radius: 999px; color: var(--fac-red); background: #fff1f3; font: 700 13px/1.2 var(--font-heading); }
body.page-home-tesislerimiz .fac-eyebrow::before { content: '\F47F'; font-family: bootstrap-icons; }
body.page-home-tesislerimiz .fac-section-head h2 { margin: 0; color: var(--fac-ink); font-family: var(--font-heading, "Open Sans", sans-serif); font-size: clamp(34px, 3.2vw, 48px) !important; font-weight: 800; line-height: 1.12 !important; letter-spacing: -.025em; white-space: nowrap; }
body.page-home-tesislerimiz .fac-section-head h2::after { content: ''; display: block; width: 72px; height: 4px; margin: 20px auto; border-radius: 2px; background: var(--fac-red); }
body.page-home-tesislerimiz .fac-section-head p { max-width: 1100px; margin: 0 auto; color: var(--fac-muted); font-family: var(--font-body, "Open Sans", sans-serif); font-size: 16px !important; font-weight: 400; line-height: 1.7 !important; white-space: nowrap; }
body.page-home-tesislerimiz .fac-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
body.page-home-tesislerimiz .fac-card { position: relative; display: flex; flex-direction: column; min-width: 0; height: 400px; min-height: 400px; padding: 22px 20px 20px; overflow: hidden; border: 1px solid var(--fac-line); border-radius: 22px; color: var(--fac-ink); background: #fff; box-shadow: 0 14px 42px rgba(15, 23, 42, .055); text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
body.page-home-tesislerimiz .fac-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: var(--fac-blue); }
body.page-home-tesislerimiz .fac-card:nth-child(3n+2)::before { background: #15815d; }
body.page-home-tesislerimiz .fac-card:nth-child(3n)::before { background: #c28a00; }
body.page-home-tesislerimiz .fac-card:hover { transform: translateY(-7px); border-color: #ccd5e3; box-shadow: 0 22px 54px rgba(15, 23, 42, .11); color: var(--fac-ink); }
body.page-home-tesislerimiz .fac-card-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
body.page-home-tesislerimiz .fac-card-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; color: #157954; background: #e9f6f0; font-size: 22px; }
body.page-home-tesislerimiz .fac-card-year { max-width: none; padding: 6px 11px; border: 1px solid #edf0f4; border-radius: 999px; color: #657082; background: #f8f9fb; font: 600 12px/1.2 var(--font-heading); text-align: right; white-space: nowrap; }
body.page-home-tesislerimiz .fac-card h3 { min-height: 2.7em; margin: 0 0 7px; font-size: 18px !important; line-height: 1.3 !important; overflow-wrap: anywhere; }
body.page-home-tesislerimiz .fac-card-loc { min-height: 2.9em; margin: 0 0 22px; color: var(--fac-muted); font-size: 13px !important; line-height: 1.45 !important; }
body.page-home-tesislerimiz .fac-card-loc i { margin-right: 4px; color: #8b95a5; }
body.page-home-tesislerimiz .fac-card-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: auto; padding: 18px 0; border-block: 1px solid var(--fac-line); }
body.page-home-tesislerimiz .fac-card-fact { min-width: 0; padding-right: 16px; }
body.page-home-tesislerimiz .fac-card-fact + .fac-card-fact { padding-left: 18px; border-left: 1px solid var(--fac-line); }
body.page-home-tesislerimiz .fac-card-fact strong { display: block; color: var(--fac-ink); font: 700 15px/1.25 var(--font-heading); overflow-wrap: anywhere; }
body.page-home-tesislerimiz .fac-card-fact span { display: block; margin-top: 7px; color: #7b8492; font: 600 10px/1.25 var(--font-heading); letter-spacing: .07em; }
body.page-home-tesislerimiz .fac-card-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--fac-blue); font: 700 13px/1.2 var(--font-heading); }
body.page-home-tesislerimiz .fac-detail { position: relative; padding: 110px 0; background: #fff; scroll-margin-top: 100px; }
body.page-home-tesislerimiz .fac-detail:nth-of-type(even) { background: var(--fac-soft); }
body.page-home-tesislerimiz .fac-detail-layout { display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); gap: 72px; align-items: stretch; }
body.page-home-tesislerimiz .fac-detail.flipped .fac-detail-media { order: 2; }
body.page-home-tesislerimiz .fac-detail-media { position: relative; min-height: 510px; height: 100%; overflow: hidden; border-radius: 28px; background: #e8ebef; box-shadow: 0 28px 65px rgba(15, 23, 42, .12); }
body.page-home-tesislerimiz .fac-detail-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
body.page-home-tesislerimiz .fac-detail:hover .fac-detail-media img { transform: scale(1.025); }
body.page-home-tesislerimiz .fac-detail-badge { position: absolute; left: 24px; bottom: 24px; display: inline-flex; align-items: center; gap: 9px; max-width: calc(100% - 48px); padding: 0; color: #fff; background: transparent; box-shadow: none; text-shadow: 0 2px 8px rgba(0,0,0,.7); font: 700 13px/1.3 var(--font-heading); }
body.page-home-tesislerimiz .fac-detail-number { display: none; }
body.page-home-tesislerimiz .fac-detail-tag { display: inline-block; margin-bottom: 14px; color: var(--fac-blue); font: 700 13px/1.2 var(--font-heading); text-transform: uppercase; letter-spacing: .08em; }
body.page-home-tesislerimiz .fac-detail-body h2 { margin: 0; color: var(--fac-ink); font-size: clamp(32px, 3.3vw, 48px) !important; line-height: 1.12 !important; }
body.page-home-tesislerimiz .fac-detail-address { display: flex; align-items: flex-start; gap: 7px; margin: 18px 0 25px; color: var(--fac-muted); font-size: 14px !important; }
body.page-home-tesislerimiz .fac-detail-address i { color: var(--fac-red); }
body.page-home-tesislerimiz .fac-detail-desc { color: #475467; font-size: 15px; line-height: 1.8; }
body.page-home-tesislerimiz .fac-detail-desc p { margin: 0 0 16px; font-size: 15px !important; line-height: 1.8 !important; }
body.page-home-tesislerimiz .fac-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 28px 0; overflow: hidden; border: 1px solid var(--fac-line); border-radius: 16px; background: var(--fac-line); }
body.page-home-tesislerimiz .fac-stat { padding: 18px 14px; background: #fff; }
body.page-home-tesislerimiz .fac-stat strong { display: block; color: var(--fac-navy); font: 800 19px/1.2 var(--font-heading); }
body.page-home-tesislerimiz .fac-stat span { display: block; margin-top: 6px; color: #768091; font-size: 11px; line-height: 1.35; }
body.page-home-tesislerimiz .fac-features { padding: 24px; border: 1px solid #dfe5ed; border-radius: 18px; background: #f9fafb; }
body.page-home-tesislerimiz .fac-features-head { display: flex; align-items: center; gap: 10px; margin-bottom: 17px; color: var(--fac-ink); font: 700 16px/1.3 var(--font-heading); }
body.page-home-tesislerimiz .fac-features-head i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #fff; background: var(--fac-blue); }
body.page-home-tesislerimiz .fac-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; margin: 0; padding: 0; list-style: none; }
body.page-home-tesislerimiz .fac-feature-list li { position: relative; padding-left: 23px; color: #455166; font-size: 13px; line-height: 1.5; }
body.page-home-tesislerimiz .fac-feature-list li::before { content: '\F26A'; position: absolute; left: 0; color: #15936a; font-family: bootstrap-icons; }
body.page-home-tesislerimiz .fac-footnote { margin: 18px 0 0; padding: 14px 16px; border-left: 3px solid var(--fac-red); color: #596579; background: #fff5f6; font-size: 12px !important; line-height: 1.6 !important; }
body.page-home-tesislerimiz .fac-visuals { padding: 90px 0; overflow: hidden; background: var(--fac-soft); }
body.page-home-tesislerimiz .fac-visuals .wrap { width: min(1500px, calc(100% - 48px)); max-width: none; margin-inline: auto; padding-inline: 0; }
body.page-home-tesislerimiz .fac-visual-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
body.page-home-tesislerimiz .fac-visual-card { position: relative; min-width: 0; height: clamp(300px, 26vw, 390px); overflow: hidden; border-radius: 24px; background: #172033; box-shadow: 0 20px 48px rgba(15, 23, 42, .14); }
body.page-home-tesislerimiz .fac-visual-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 20, 38, .04) 30%, rgba(10, 20, 38, .84) 100%); pointer-events: none; }
body.page-home-tesislerimiz .fac-visual-card video,
body.page-home-tesislerimiz .fac-visual-card img { display: block; width: 100%; max-width: 100%; height: 100%; margin: 0; object-fit: cover; }
body.page-home-tesislerimiz .fac-visual-copy { position: absolute; right: 28px; bottom: 26px; left: 28px; z-index: 1; color: #fff; }
body.page-home-tesislerimiz .fac-visual-label { margin-bottom: 8px; color: #fff !important; font: 700 11px/1.2 var(--font-heading); letter-spacing: .1em; text-transform: uppercase; }
body.page-home-tesislerimiz .fac-visual-copy h3 { margin: 0 0 8px; color: #fff !important; font-size: 22px !important; line-height: 1.25 !important; }
body.page-home-tesislerimiz .fac-visual-copy p { max-width: 520px; margin: 0; color: #fff !important; font-size: 13px !important; line-height: 1.55 !important; }
@media (max-width: 991.98px) {
    body.page-home-tesislerimiz .fac-section-head { max-width: 760px; }
    body.page-home-tesislerimiz .fac-section-head h2,
    body.page-home-tesislerimiz .fac-section-head p { white-space: normal; }
    body.page-home-tesislerimiz .fac-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.page-home-tesislerimiz .fac-detail-layout { grid-template-columns: 1fr; gap: 42px; }
    body.page-home-tesislerimiz .fac-detail.flipped .fac-detail-media { order: 0; }
    body.page-home-tesislerimiz .fac-detail-media { min-height: 440px; }
    body.page-home-tesislerimiz .fac-visual-card { height: 320px; }
}
@media (max-width: 575.98px) {
    body.page-home-tesislerimiz .fac-overview, body.page-home-tesislerimiz .fac-detail { padding: 64px 0; }
    body.page-home-tesislerimiz .fac-overview .wrap, body.page-home-tesislerimiz .fac-detail .wrap { width: min(100% - 28px, 1500px); }
    body.page-home-tesislerimiz .fac-section-head { margin-bottom: 34px; }
    body.page-home-tesislerimiz .fac-section-head h2 { font-size: 31px !important; }
    body.page-home-tesislerimiz .fac-grid { grid-template-columns: 1fr; }
    body.page-home-tesislerimiz .fac-visual-strip { grid-template-columns: 1fr; margin-bottom: 40px; padding-bottom: 20px; }
    body.page-home-tesislerimiz .fac-visual-strip .fac-visual-card { height: 230px; }
    body.page-home-tesislerimiz .fac-visual-strip .fac-visual-copy p { white-space: normal; }
    body.page-home-tesislerimiz .fac-card { height: auto; min-height: 0; padding: 24px; }
    body.page-home-tesislerimiz .fac-card h3, body.page-home-tesislerimiz .fac-card-loc { min-height: 0; }
    body.page-home-tesislerimiz .fac-detail-media { min-height: 300px; border-radius: 20px; }
    body.page-home-tesislerimiz .fac-detail-body h2 { font-size: 31px !important; }
    body.page-home-tesislerimiz .fac-stats { grid-template-columns: 1fr; }
    body.page-home-tesislerimiz .fac-feature-list { grid-template-columns: 1fr; }
    body.page-home-tesislerimiz .fac-visuals { padding: 64px 0; }
    body.page-home-tesislerimiz .fac-visuals .wrap { width: min(100% - 28px, 1500px); }
    body.page-home-tesislerimiz .fac-visual-grid { grid-template-columns: 1fr; gap: 18px; }
    body.page-home-tesislerimiz .fac-visual-card { height: 270px; border-radius: 20px; }
    body.page-home-tesislerimiz .fac-visual-copy { right: 20px; bottom: 20px; left: 20px; }
    body.page-home-tesislerimiz .fac-visual-copy h3 { font-size: 19px !important; }
}


/* ==========================================================================
   CONSOLIDATED FRONTEND: investor-relations-reference.css
   ========================================================================== */
body.page-investorrelations-index {
    --ir-primary: #c8102e;
    --ir-light-bg: #f7f7f8;
    --bg-card: #fff;
    --bg-alt: #f7f7f8;
    color: #111827;
    background: #fff;
}

body.page-investorrelations-index .ir-hero {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    color: #071226;
    background: radial-gradient(circle at 86% 22%, rgba(200, 16, 46, .12), transparent 32%), linear-gradient(135deg, #fff 0%, #f3f6fb 54%, #fff1f3 100%);
}

body.page-investorrelations-index .ir-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(15, 23, 42, .055) 1px, transparent 1px), linear-gradient(180deg, rgba(15, 23, 42, .045) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: .5;
    pointer-events: none;
}

body.page-investorrelations-index .ir-hero::after { display: none; }

body.page-investorrelations-index .ir-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
}

body.page-investorrelations-index .ir-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 1.2rem;
    padding: 0 16px;
    color: #fff;
    background: #c8102e;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.page-investorrelations-index .ir-hero-eyebrow::before { display: none; }

body.page-investorrelations-index .ir-hero h1 {
    max-width: 780px;
    margin: 0;
    color: #071226;
    font-size: clamp(2.45rem, 3vw, 2.8rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: 0;
    white-space: nowrap;
}

body.page-investorrelations-index .ir-hero p {
    max-width: 720px;
    margin: 1.35rem 0 0;
    color: #334155;
    font-size: clamp(1rem, 1.4vw, 1.18rem);
    line-height: 1.75;
}

body.page-investorrelations-index .ir-hero-media {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    width: 100%;
    max-width: 520px;
    flex: none;
    margin: 0;
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, .14);
}

body.page-investorrelations-index .ir-hero-media::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 7px;
    background: linear-gradient(90deg, #c8102e, rgba(200, 16, 46, .15));
}

body.page-investorrelations-index .ir-hero-placeholder {
    display: grid;
    width: 100%;
    min-height: 360px;
    place-items: center;
    background: #172238;
    aspect-ratio: auto;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

body.page-investorrelations-index .ir-hero-document { position: relative; display: flex; width: 84px; height: 112px; max-width: none; flex-direction: column; gap: 9px; padding: 28px 12px 14px; border: 0; border-radius: 4px; background: #fff; box-shadow: 0 12px 20px rgba(0, 0, 0, .25); }
body.page-investorrelations-index .ir-hero-document::before { content: ""; position: absolute; top: 0; right: 0; width: 23px; height: 23px; background: linear-gradient(135deg, #dbe4ef 50%, transparent 51%); }
body.page-investorrelations-index .ir-hero-document span { display: block; width: auto; height: 4px; border-radius: 4px; background: #d9e1eb; }
body.page-investorrelations-index .ir-hero-document span:first-child { width: 58px; background: #536274; }
body.page-investorrelations-index .ir-hero-document span:nth-child(2) { width: 38px; background: #c8102e; }
body.page-investorrelations-index .ir-hero-document i { position: static; width: 14px; height: 3px; margin-top: auto; border: 0; border-radius: 0; background: #c8102e; }

body.page-investorrelations-index .stats-wrapper {
    position: relative;
    z-index: 10;
    margin-top: -38px;
}

body.page-investorrelations-index .stat-card {
    position: relative;
    height: 100%;
    min-height: 172px;
    overflow: hidden;
    padding: 30px 20px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
    text-align: center;
}

body.page-investorrelations-index .stat-icon {
    display: block;
    margin-bottom: 15px;
    color: #c8102e;
    font-size: 2.5rem;
}

body.page-investorrelations-index .nav-cards-section {
    padding: 60px 0 100px;
    background: #f7f7f8;
}

body.page-investorrelations-index .investor-portal-cards .container-xxl { max-width: 1500px; }
body.page-investorrelations-index .section-title { position: relative; display: inline-block; font-weight: 800; }
body.page-investorrelations-index .section-title::after { content: ""; position: absolute; bottom: -10px; left: 0; width: 60px; height: 4px; background: #c8102e; }
body.page-investorrelations-index .section-title.center::after { left: 50%; transform: translateX(-50%); }

body.page-investorrelations-index .nav-card {
    display: block;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 20px;
    color: inherit;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .04);
    text-decoration: none;
}

body.page-investorrelations-index .investor-portal-cards .nav-card-img { position: relative; width: 100%; height: 250px; overflow: hidden; }
body.page-investorrelations-index .nav-card-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 15, 20, .8), rgba(15, 15, 20, .2)); }
body.page-investorrelations-index .nav-card-img .bg-zoom { position: absolute; inset: 0; background-position: center; background-size: cover; transition: transform .5s ease; }
body.page-investorrelations-index .nav-card:hover .bg-zoom { transform: scale(1.06); }
body.page-investorrelations-index .nav-card-body { position: relative; min-height: 205px; padding: 40px 30px 30px; }
body.page-investorrelations-index .nav-card-action { display: inline-flex; align-items: center; gap: 8px; margin-top: 15px; color: #c8102e; font-weight: 700; }

body.page-investorrelations-index .investor-email-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem 2.5rem;
    border: 1px solid rgba(200, 16, 46, .16);
    border-radius: 18px;
    color: #111827;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .06);
}

body.page-investorrelations-index .investor-email-strip h3 { color: #111827; }
body.page-investorrelations-index .investor-email-strip p.text-muted { color: #667085 !important; }

body.page-investorrelations-index .investor-contact-links { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 1rem; }
body.page-investorrelations-index .investor-email-link { display: inline-flex; align-items: center; gap: .6rem; padding: 0; color: #111827; font-weight: 700; text-decoration: none; white-space: nowrap; background: transparent; }
body.page-investorrelations-index .investor-email-link:hover { background: transparent; transform: none; color: #334155; }
body.page-investorrelations-index .investor-mkk-link { display: inline-flex; align-items: center; gap: .45rem; padding: .7rem 1rem; border: 1px solid #c8102e; border-radius: 999px; color: #c8102e; font-size: .86rem; font-weight: 800; text-decoration: none; }

body.page-investorrelations-index .investor-faq-head { margin-bottom: 20px; text-align: left; }
body.page-investorrelations-index .investor-faq-accordion { overflow: hidden; border: 1px solid rgba(15, 23, 42, .08); border-radius: 22px; background: #fff; box-shadow: 0 18px 44px rgba(15, 23, 42, .06); }
body.page-investorrelations-index .investor-faq-accordion .accordion-item { border: 0; border-bottom: 1px solid rgba(15, 23, 42, .1); border-radius: 0; }
body.page-investorrelations-index .investor-faq-accordion .accordion-item:last-child { border-bottom: 0; }
body.page-investorrelations-index .investor-faq-accordion .accordion-button { padding: 20px 22px; color: #111827; background: #fff; font-size: 15px; font-weight: 700; box-shadow: none; }
body.page-investorrelations-index .investor-faq-accordion .accordion-button:not(.collapsed) { color: #c8102e; background: #fdf2f4; }

body.page-investorrelations-index .investor-board-home {
    padding: 34px;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .07);
}

body.page-investorrelations-index .home-board-chart { max-width: 1120px; margin: 0 auto; }
body.page-investorrelations-index .home-board-node { display: flex; align-items: center; gap: 16px; min-height: 132px; padding: 22px; border: 1px solid rgba(0, 0, 0, .06); border-radius: 18px; color: #111827; background: linear-gradient(180deg, #fff, #fafafa); box-shadow: 0 16px 42px rgba(0, 0, 0, .055); }
body.page-investorrelations-index .home-board-node-primary,
body.page-investorrelations-index .home-board-node-secondary { max-width: 520px; }
body.page-investorrelations-index .home-board-node-primary { border-color: rgba(200, 16, 46, .22); box-shadow: 0 20px 55px rgba(200, 16, 46, .12); }
body.page-investorrelations-index .home-board-avatar { display: inline-flex; width: 58px; height: 58px; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 18px; color: #fff; background: #c8102e; font-weight: 900; }
body.page-investorrelations-index .home-board-node h5 { margin: 0 0 6px; color: #111827; font-weight: 900; }
body.page-investorrelations-index .home-board-node span,
body.page-investorrelations-index .home-board-node em,
body.page-investorrelations-index .home-board-node small { display: block; color: #5f6879; font-style: normal; font-weight: 700; line-height: 1.45; }
body.page-investorrelations-index .home-board-connector { width: 2px; height: 34px; margin: 0 auto; background: linear-gradient(rgba(200, 16, 46, .2), rgba(200, 16, 46, .65)); }
body.page-investorrelations-index .home-board-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }

body.page-investorrelations-index .mkk-feed-section { padding: 100px 0; background: #fff; }
body.page-investorrelations-index .latest-announcements-card { border: 1px solid rgba(15, 23, 42, .08); border-radius: 18px; background: #fff; box-shadow: 0 18px 45px rgba(15, 23, 42, .08); }

@media (max-width: 991.98px) {
    body.page-investorrelations-index .ir-hero-inner { grid-template-columns: 1fr; }
    body.page-investorrelations-index .ir-hero-media { width: 100%; max-width: 520px; min-height: 280px; }
    body.page-investorrelations-index .ir-hero-placeholder { min-height: 280px; }
    body.page-investorrelations-index .investor-portal-cards .nav-card-img { height: 230px; }
    body.page-investorrelations-index .investor-email-strip { align-items: flex-start; flex-direction: column; padding: 1.5rem; }
    body.page-investorrelations-index .investor-contact-links { justify-content: flex-start; }
    body.page-investorrelations-index .home-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.page-investorrelations-index .ir-hero h1 { white-space: normal; }
}

@media (max-width: 575.98px) {
    body.page-investorrelations-index .ir-hero { padding: 3rem 0; }
    body.page-investorrelations-index .stats-wrapper { margin-top: 24px; }
    body.page-investorrelations-index .stat-card { min-height: 150px; padding: 24px 12px; }
    body.page-investorrelations-index .investor-board-home { padding: 22px; }
    body.page-investorrelations-index .home-board-node { align-items: flex-start; flex-direction: column; }
    body.page-investorrelations-index .home-board-grid { grid-template-columns: 1fr; }
}

/* =========================================================================
   PRESS (Medyada Biz) — reference 5246 presentation
   -------------------------------------------------------------------------
   5246 renders .press-showcase as a light industrial hero (its
   standard-theme layer overrides the pages.css press block). 5146's shared
   "media hero standard" above forces the dark ink variant on every media
   page, so the press page diverged from the reference. These scoped rules
   restore the reference look for /medya/basinda-biz ONLY, without touching
   the other media pages (announcements / introvideo / ubuntu / logos).
   Values match 5246 computed styles; accent stays on the site red token.
   ========================================================================= */
body.page-media-inthepress .press-showcase {
    color: var(--dnisi-text);
    padding-top: 8.5rem;
    padding-bottom: 4.5rem;
    background:
        radial-gradient(circle at 88% 22%, rgba(39, 39, 46, 0.22), transparent 34%),
        linear-gradient(105deg, #f8fafc 0%, #eef2f7 56%, #d5d8de 78%, #27272e 100%);
    border-bottom: 0;
}

body.page-media-inthepress .press-showcase::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(39, 39, 46, 0.06) 1px, transparent 1px);
    opacity: 1;
}

body.page-media-inthepress .press-showcase-grid {
    gap: clamp(2rem, 6vw, 4.375rem);
}

body.page-media-inthepress .press-kicker {
    color: #fff;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

body.inner-page.page-media-inthepress .press-copy h1 {
    margin: 1.3rem 0 1rem;
    color: var(--dnisi-text);
    font-size: clamp(2rem, 3vw, 2.75rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

body.inner-page.page-media-inthepress .press-copy p {
    color: var(--dnisi-text-soft);
    font-size: clamp(1rem, 1.2vw, 1.05rem);
    font-weight: 400;
    line-height: 1.65;
}

body.page-media-inthepress .press-feature {
    border: 0;
    box-shadow: none;
}

body.page-media-inthepress .press-feature-cover {
    border: 0;
}

body.page-media-inthepress .press-feature-caption strong {
    font-size: 1.575rem;
    line-height: 1.15;
}

body.page-media-inthepress .press-feature-action {
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 12px 20px;
    color: #fff;
    font-size: 0.875rem;
}

body.page-media-inthepress .press-feature-action span {
    color: var(--dnisi-red);
}

body.page-media-inthepress .press-feature-action:hover {
    border-color: var(--dnisi-red);
    background: rgba(227, 6, 19, 0.18);
}

body.page-media-inthepress .press-section-head h2 {
    color: var(--dnisi-text);
    font-size: clamp(1.9rem, 2.6vw, 2.25rem);
    font-weight: 700;
    letter-spacing: -0.02em;
}

body.page-media-inthepress .press-card {
    border-radius: 14px;
}

body.page-media-inthepress .press-card:hover {
    transform: none;
    box-shadow: 0 4px 6px rgba(15, 23, 42, 0.05), 0 14px 28px rgba(15, 23, 42, 0.09);
}

body.inner-page.page-media-inthepress .press-card-media {
    background: linear-gradient(180deg, #f8fafb, #eef1f4);
}

body.inner-page.page-media-inthepress .press-card-body h3 {
    margin: 8px 0 12px;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: var(--dnisi-text);
}

body.inner-page.page-media-inthepress .press-card-body p {
    color: #52525c;
    font-size: 14px;
    line-height: 1.65;
}

body.inner-page.page-media-inthepress .press-card-action {
    margin-top: 0;
    padding-top: 13px;
    font-size: 14px;
    letter-spacing: 0.01em;
}

body.page-media-inthepress .press-read-chip {
    font-size: 11px;
}

body.page-media-inthepress .press-archive {
    padding-top: 63px;
    padding-bottom: 98px;
}

body.page-media-inthepress .press-card-grid {
    gap: 24px;
}

@media (max-width: 575.98px) {
    body.page-media-inthepress .press-showcase {
        padding-top: 4.5rem;
        padding-bottom: 3rem;
    }
    body.inner-page.page-media-inthepress .press-copy h1 {
        font-size: clamp(1.9rem, 8vw, 2.4rem);
    }
}

/* =========================================================================
   COMMERCIAL PRODUCTS PAGE (Ticari Ürünler) — reference 5246 presentation
   -------------------------------------------------------------------------
   5246 uses premium sizing: large radii (36/32/24px), strong shadows,
   generous spacing, and larger type. This block reproduces that look
   while keeping the site brand red (#e30613) for interactive accents.
   ========================================================================= */
body.page-product-category .commercial-page {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 42%, #f8fafc 100%);
    padding: 28px 0 70px;
}

body.page-product-category .commercial-hero {
    gap: 28px;
    border-radius: 36px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.12);
}

body.page-product-category .commercial-media {
    min-height: 460px;
    background:
        radial-gradient(circle at 24% 20%, rgba(239, 68, 68, 0.20), transparent 28%),
        linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #991b1b 100%);
}

body.page-product-category .commercial-media::before {
    inset: 26px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.20);
}

body.page-product-category .commercial-media::after {
    content: "TİCARİ ÜRÜNLER";
    position: absolute;
    left: 34px;
    bottom: 30px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    letter-spacing: 0.16em;
    font-weight: 900;
}

body.page-product-category .commercial-orb {
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.92);
    color: #0f172a;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.24);
}

body.page-product-category .commercial-orb b {
    font-size: 15px;
}

body.page-product-category .commercial-orb span {
    color: #64748b;
    font-size: 12px;
}

body.page-product-category .commercial-orb:nth-child(1) { left: 38px; top: 54px; }
body.page-product-category .commercial-orb:nth-child(2) { right: 42px; top: 92px; }
body.page-product-category .commercial-orb:nth-child(3) { left: 70px; bottom: 116px; }
body.page-product-category .commercial-orb:nth-child(4) { right: 54px; bottom: 82px; }

body.page-product-category .commercial-copy {
    padding: 42px 42px 38px;
}

body.page-product-category .commercial-copy h1 {
    font-size: clamp(38px, 4.6vw, 68px);
    line-height: 1;
    letter-spacing: 0;
    font-weight: 900;
    color: #0f172a;
}

body.page-product-category .commercial-copy .eyebrow {
    color: var(--dnisi-red);
}

body.page-product-category .commercial-copy .lead {
    font-size: 17px;
    line-height: 1.84;
    color: #475569;
}

body.page-product-category .commercial-tags em {
    background: #f1f5f9;
    color: #64748b;
    font-size: 12px;
}

body.page-product-category .commercial-actions .btn {
    font-weight: 700;
}

body.page-product-category .commercial-section {
    padding: 32px;
    border-radius: 32px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 16px 44px rgba(15, 23, 42, 0.07);
}

body.page-product-category .commercial-section.dark {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 66%, #111827 100%);
    border-color: rgba(255, 255, 255, 0.12);
}

body.page-product-category .commercial-section.dark .commercial-title p {
    color: rgba(255, 255, 255, 0.74);
}

body.page-product-category .commercial-title h2 {
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.05;
    letter-spacing: 0;
    font-weight: 800;
}

body.page-product-category .commercial-title p {
    color: #64748b;
    line-height: 1.76;
}

body.page-product-category .commercial-kpi {
    padding: 22px;
    border-radius: 24px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.page-product-category .commercial-kpi strong {
    font-size: 30px;
    color: var(--dnisi-red);
}

body.page-product-category .commercial-kpi span {
    font-size: 13px;
    line-height: 1.55;
    color: #475569;
}

body.page-product-category .commercial-grid {
    gap: 16px;
}

body.page-product-category .commercial-item {
    padding: 24px;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

body.page-product-category .commercial-item::before {
    height: 4px;
    background: linear-gradient(90deg, var(--dnisi-red), #f97316, #0f172a);
}

body.page-product-category .commercial-item .ico {
    width: 50px;
    height: 50px;
    border-radius: 17px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: 24px;
    margin-bottom: 15px;
}

body.page-product-category .commercial-item h3 {
    font-size: 21px;
    color: #0f172a;
}

body.page-product-category .commercial-item p {
    font-size: 14px;
    line-height: 1.72;
    color: #475569;
}

body.page-product-category .commercial-item li {
    font-size: 13px;
    line-height: 1.45;
    color: #334155;
}

body.page-product-category .commercial-item li::before {
    width: 7px;
    height: 7px;
    background: var(--dnisi-red);
}

body.page-product-category .commercial-flow {
    gap: 12px;
}

body.page-product-category .commercial-flow-step {
    padding: 22px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

body.page-product-category .commercial-flow-step b {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    color: var(--dnisi-red);
    margin-bottom: 14px;
}

body.page-product-category .commercial-flow-step strong {
    font-size: 17px;
    color: #fff;
}

body.page-product-category .commercial-flow-step span {
    font-size: 13px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.72);
}

body.page-product-category .commercial-note {
    padding: 22px;
    border-radius: 24px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #7c2d12;
    line-height: 1.65;
}

@media (max-width: 1199.98px) {
    body.page-product-category .commercial-grid,
    body.page-product-category .commercial-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.page-product-category .commercial-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    body.page-product-category .commercial-hero {
        grid-template-columns: minmax(0, 1fr);
    }
    body.page-product-category .commercial-media {
        min-height: 320px;
    }
}

@media (max-width: 767.98px) {
    body.page-product-category .commercial-page {
        padding-bottom: 48px;
    }
    body.page-product-category .commercial-copy,
    body.page-product-category .commercial-section {
        padding: 24px;
    }
    body.page-product-category .commercial-orb {
        position: relative;
        inset: auto !important;
        width: auto;
        min-height: 0;
    }
    body.page-product-category .commercial-orbits {
        position: static;
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 24px;
    }
    body.page-product-category .commercial-grid,
    body.page-product-category .commercial-kpis,
    body.page-product-category .commercial-flow {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* =========================================================================
   CORPORATE PAGES (tarihce, hakkimizda, vizyonumuz, misyonumuz) — 5246 ref
   -------------------------------------------------------------------------
   Fix container structure: 5246 uses container on inner div, not section.
   Align proportions (gap, padding, grid ratios) to match reference.
   ========================================================================= */
body.page-about-corporatepage #icerik.cp-section {
    padding: 80px 0;
    background: var(--dnisi-surface-alt);
}

body.page-about-corporatepage #icerik.cp-section > .container {
    max-width: 1500px;
    padding-left: 28px;
    padding-right: 28px;
}

body.page-about-corporatepage .cp-section > .container > .position-relative {
    max-width: 1500px;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    body.page-about-corporatepage #icerik.cp-section {
        padding: 56px 0;
    }
}

@media (max-width: 767.98px) {
    body.page-about-corporatepage #icerik.cp-section {
        padding: 48px 0;
    }
    body.page-about-corporatepage #icerik.cp-section > .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}