/* =====================================================================
   MetinHaymana — marka katmanı (InBio "home-consulting" koyu sürümü üstüne)
   ---------------------------------------------------------------------
   Yükleme sırası: bootstrap.min.css → vendor/inbio/css/style.css → bu dosya.
   Şablon dosyalarına dokunulmaz (tek istisna: style.css'in başındaki Google Fonts
   @import satırları silindi); tüm özelleştirme buradadır.

   Kurumsal kimlik (Docs/Kaynak/kurumsal-kimlik/KURUMSAL-KIMLIK.md):
   - Tek vurgu PANTONE 871C #85764E; zemin C75 M68 Y67 K90 #030505; yüzey #231F20.
     Metinler beyaz ve tonsuz (R=G=B) griler. Kılavuzda gradyan, gölge, parlama yok:
     tüm yüzeyler düz renk, kartlar yalnız ince kenarlıkla ayrılır.
   - #85764E küçük metinde YALNIZ #030505 üstünde (4.57:1). #231F20 üstünde (3.65:1)
     yalnız büyük metin, ikon, çizgi, kenarlık. Filigranın üstüne de küçük altın metin gelmez
     (filigran zemini açtığı için oran 4.5'in altına iner).
   - Font: adineue PRO (Regular 400 + Bold 700), yerelden. Hiyerarşi boyut ve boşlukla;
     Bold yalnız düğme, "içeriğe atla" ve alt başlıkta.
   Kontrast tablosu: Docs/UYGULAMA-C2b.md §4.
   ===================================================================== */

/* adineue PRO — yalnız iki fiziksel kesit var. Ağırlık aralığıyla tanımlandı ki
   her font-weight isteği temiz eşleşsin: 1–500 → Regular, 501–900 → Bold. */
@font-face {
    font-family: "adineue PRO";
    src: url("../fonts/adineue-pro.woff2") format("woff2"),
         url("../fonts/adineue-pro.woff") format("woff");
    font-weight: 1 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "adineue PRO";
    src: url("../fonts/adineue-pro-bold.woff2") format("woff2"),
         url("../fonts/adineue-pro-bold.woff") format("woff");
    font-weight: 501 900;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Kurumsal renkler (kılavuz) */
    --mh-altin: #85764E;             /* PANTONE 871C — tek vurgu */
    --mh-zemin: #030505;             /* C75 M68 Y67 K90 — sayfa, sol menü, mobil çubuk/menü, footer */
    --mh-yuzey: #231F20;             /* kart / panel */

    /* Metin: beyaz + tonsuz griler (oranlar en koyu kullanıldığı zemin #231F20'ye göre) */
    --mh-beyaz: #FFFFFF;             /* başlık, form girişi, bağlantılar       16.4:1 */
    --mh-gri-acik: #E6E6E6;          /* menü, etiket, liste                    12.4:1 */
    --mh-gri-govde: #CCCCCC;         /* uzun metin paragrafları               10.2:1 */
    --mh-gri: #B3B3B3;               /* genel gövde                            7.8:1 */
    --mh-gri-soluk: #A6A6A6;         /* ikincil bilgi (kaynak, sayaç, ikonlar)  6.7:1 */
    --mh-alan-kenar: #7A7A7A;        /* form alanı kenarlığı (≥ 3:1)            3.8:1 */
    --mh-cizgi: rgba(255, 255, 255, 0.12);    /* ayırıcı çizgi, nötr kenarlık (süs) */
    --mh-kart-kenar: rgba(133, 118, 78, 0.4); /* kart kenarlığı: düşük opak altın (süs) */
    --mh-uyari: #F0B860;             /* form hata tonu — marka dışı tek renk (9.1:1) */

    --mh-yaricap: 4px;
    --mh-gecis: cubic-bezier(0.25, 1, 0.5, 1); /* ease-out-quart */
    --mh-font: "adineue PRO", Arial, sans-serif;

    /* --- Şablon değişkenlerinin ezilmesi --- */
    --font-primary: var(--mh-font);
    --font-secondary: var(--mh-font);
    --color-primary: var(--mh-altin);
    --color-subtitle: var(--mh-altin);
    --color-heading: var(--mh-beyaz);
    --color-body: var(--mh-gri);
    --color-lightn: var(--mh-gri-acik);
    --color-light: var(--mh-gri-acik);
    --color-white: var(--mh-beyaz);
    --color-danger: var(--mh-uyari);
    --color-youtube: var(--mh-altin);
    --color-pinterest: var(--mh-altin);
    --color-instagram: var(--mh-altin);
    /* Düz yüzey: gradyan ve neumorfik gölge/kabartma yok */
    --background-color-1: var(--mh-yuzey);
    --background-color-2: var(--mh-yuzey);
    --gradient-red-hover: var(--mh-altin);
    --gradient-box-w: var(--mh-yuzey);
    --shadow-1: none;
    --shadow-2: none;
    --inner-shadow: none;
    --shadow-white-3: none;
}

/* Yumuşak kaydırma: şablon ":root { scroll-behavior: auto }" ile kapatıyor; hareket azaltma tercihine saygılı açılır. */
@media (prefers-reduced-motion: no-preference) {
    :root { scroll-behavior: smooth; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition-duration: 0.01ms !important;
        animation: none !important;
    }
}

body.template-color-1 {
    background-color: var(--mh-zemin);
    color: var(--mh-gri);
    font-family: var(--mh-font);
}

/* Şablonun sabit yazılmış "Poppins"i (var öğesi) */
var {
    font-family: inherit;
}

::selection {
    background: var(--mh-altin);
    color: var(--mh-zemin);
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--mh-altin);
    outline-offset: 3px;
}

#giris:focus,
#icerik:focus {
    outline: none;
}

.ikon {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
}

/* İçeriğe atla */
.mh-atla {
    position: absolute;
    left: 16px;
    top: -100px;
    z-index: 10000;
    padding: 10px 18px;
    border-radius: var(--mh-yaricap);
    background: var(--mh-altin);
    color: var(--mh-zemin);
    font-size: 15px;
    font-weight: 700;
}

.mh-atla:focus,
.mh-atla:hover {
    top: 16px;
    color: var(--mh-zemin);
}

/* ---------------------------------------------------------------------
   Tipografi — tek aile adineue PRO; kılavuz metinlerde Regular kullanıyor.
   Başlık hiyerarşisi boyut, harf aralığı ve boşlukla kurulur.
   --------------------------------------------------------------------- */
.section-title h2.title {
    font-size: clamp(3.2rem, 2.2rem + 1.8vw, 4.6rem);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.005em;
    color: var(--mh-beyaz);
    margin: 0;
}

.section-title h2.title::after {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    margin-top: 22px;
    background: var(--mh-altin);
}

.mh-bolum .section-title {
    margin-bottom: clamp(32px, 4vw, 56px);
}

/* Şablon ≤575px'te başlığı ortalıyor; içerik sola hizalı olduğundan başlık da solda kalır. */
@media only screen and (max-width: 575px) {
    .section-title h2.title {
        text-align: left;
    }
}

.mh-metin p,
.mh-mektup p {
    font-size: 1.8rem;
    line-height: 1.8;
    color: var(--mh-gri-govde);
    max-width: 68ch;
    margin: 0 0 22px;
}

@media only screen and (max-width: 767px) {
    .mh-metin p,
    .mh-mektup p {
        font-size: 1.7rem;
        line-height: 1.75;
    }
}

/* ---------------------------------------------------------------------
   Bölüm ritmi ve kap genişliği
   (html font-size 10px olduğu için Bootstrap'in 0.75rem kenar boşluğu 7.5px'e iniyor;
   içerik ekran kenarına yapışmasın diye yan boşluk burada veriliyor)
   --------------------------------------------------------------------- */
.page-wrapper-two .container {
    max-width: 1200px;
    padding-left: clamp(16px, 4vw, 56px);
    padding-right: clamp(16px, 4vw, 56px);
}

.section-separator::after {
    background: var(--mh-cizgi);
}

/* ---------------------------------------------------------------------
   Sol sabit menü (≥1200px) — zemin #030505 (imza logosunun #050708 zemininden ayırt edilemez)
   --------------------------------------------------------------------- */
.left-header-style {
    background: var(--mh-zemin);
    border-right: 1px solid var(--mh-cizgi);
    padding: 44px 36px 36px;
}

.left-header-style .logo-area a {
    display: block;
}

.left-header-style .logo-area a img {
    width: 210px;
    height: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.left-header-style #sideNavs .primary-menu {
    padding: 36px 0 0;
}

.left-header-style #sideNavs .primary-menu li a {
    margin: 6px 0;
    padding: 9px 0;
    font-family: var(--mh-font);
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.02em;
    color: var(--mh-gri-acik);
    transition: color 0.25s var(--mh-gecis);
}

.left-header-style #sideNavs .primary-menu li a .ikon {
    width: 18px;
    height: 18px;
    margin-right: 14px;
    color: var(--mh-gri-soluk);
    transition: color 0.25s var(--mh-gecis);
}

/* Etkin/hover: altın metin #030505 üstünde (4.57:1) */
.left-header-style #sideNavs .primary-menu li a:hover,
.left-header-style #sideNavs .primary-menu li a:hover .ikon,
.left-header-style #sideNavs .primary-menu li.current a,
.left-header-style #sideNavs .primary-menu li.current a .ikon {
    color: var(--mh-altin) !important;
}

/* Şablonun "üzerine gelince diğerlerini %50 soluklaştır" davranışı kontrastı düşürüyor; kapatıldı. */
.mainmenu-nav .primary-menu:hover li a {
    opacity: 1;
}

.left-header-style .footer {
    margin-top: auto;
    width: 100%;
}

.left-header-style .footer .social-share-style-1 {
    border-top: 1px solid var(--mh-cizgi);
    padding-top: 24px;
    margin-top: 32px !important;
}

/* ---------------------------------------------------------------------
   Mobil üst çubuk ve açılır menü (<1200px)
   --------------------------------------------------------------------- */
.header-style-2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    padding: 0;
    background: var(--mh-zemin);
    border-bottom: 1px solid var(--mh-cizgi);
}

.mh-ust-cubuk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
    padding: 0 16px;
}

.mh-ust-cubuk .logo img,
.popup-mobile-menu .menu-header .logo img {
    width: 148px;
    height: auto;
}

/* Hamburger ve kapat düğmesi: aynı düz çerçeveli kutu */
.mh-menu-dugme,
.popup-mobile-menu .inner .menu-top .menu-header .close-button .close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--mh-cizgi);
    border-radius: var(--mh-yaricap);
    background: transparent;
    color: var(--mh-altin);
    /* Şablonun düğmelere verdiği "transition: all" miras alınan visibility'yi geciktirip odaklanmayı engelliyor. */
    transition: border-color 0.25s;
}

.mh-menu-dugme:hover,
.popup-mobile-menu .inner .menu-top .menu-header .close-button .close:hover {
    border-color: var(--mh-altin);
}

.mh-menu-dugme .ikon {
    width: 24px;
    height: 24px;
}

.popup-mobile-menu {
    background-color: rgba(3, 5, 5, 0.8);
    transition: opacity 0.3s var(--mh-gecis), visibility 0.3s;
}

/* Açılışta görünürlük anında gelsin ki kapat düğmesine odak verilebilsin; kapanışta solarak gizlenir. */
.popup-mobile-menu.menu-open {
    transition: opacity 0.3s var(--mh-gecis);
}

.popup-mobile-menu .inner {
    left: 0;
    width: min(360px, 88vw);
    padding: 16px 24px 32px;
    background: var(--mh-zemin);
    border-right: 1px solid var(--mh-cizgi);
    box-shadow: none;
    transform: translateX(-24px);
    transition: opacity 0.3s var(--mh-gecis), transform 0.3s var(--mh-gecis);
}

.popup-mobile-menu.menu-open .inner {
    transform: none;
}

@media only screen and (max-width: 479px) {
    .popup-mobile-menu .inner {
        width: min(320px, 88vw);
        padding: 16px 20px 32px;
    }
}

.popup-mobile-menu .inner .menu-top {
    border-bottom: 1px solid var(--mh-cizgi);
    padding-bottom: 16px;
}

.popup-mobile-menu .inner .menu-top .menu-header .close-button .close {
    right: 0;
}

/* Şablonun kapat düğmesinin arkasındaki daire */
.popup-mobile-menu .inner .menu-top .menu-header .close-button .close::after {
    display: none;
}

.popup-mobile-menu .inner .menu-top .menu-header .close-button .close .ikon {
    width: 22px;
    height: 22px;
}

.popup-mobile-menu .inner .content .primary-menu li,
.popup-mobile-menu.menu-open .inner .content .primary-menu li {
    margin: 0;
}

/* İki seçici: .menu-open'lı olan şablonun (büyük harf vb.) kuralını ezer; .menu-open'sız olan
   menü kapalıyken de Bootstrap'in .nav-link mavisinin hesaplanmasını önler. */
.popup-mobile-menu .inner .content .primary-menu li a,
.popup-mobile-menu.menu-open .inner .content .primary-menu li a {
    display: block;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--mh-gri-acik);
}

.popup-mobile-menu .inner .content .primary-menu li.current a,
.popup-mobile-menu .inner .content .primary-menu li a:hover,
.popup-mobile-menu.menu-open .inner .content .primary-menu li.current a,
.popup-mobile-menu.menu-open .inner .content .primary-menu li a:hover {
    color: var(--mh-altin);
}

.popup-mobile-menu .social-share-style-1 {
    border-top: 1px solid var(--mh-cizgi);
    padding-top: 24px;
    margin-top: 24px !important;
}

@media only screen and (max-width: 1199px) {
    .page-wrapper-two {
        padding-top: 72px;
    }

    section[id] {
        scroll-margin-top: 72px;
    }
}

/* ---------------------------------------------------------------------
   Düğmeler — düz, gölgesiz. Zemin her durumda opak #030505 veya #85764E olduğu için
   altın metin hangi yüzeyin (kart, filigran) üstünde olursa olsun 4.57:1'i korur.
   Çerçeveli ↔ dolu, hover/odakta yer değiştirir; kalkma (translateY) yok.
   --------------------------------------------------------------------- */
a.rn-btn,
button.rn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 32px;
    font-family: var(--mh-font);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mh-altin);
    background: var(--mh-zemin);
    border: 1px solid var(--mh-altin);
    border-radius: var(--mh-yaricap);
    box-shadow: none;
    transition: color 0.25s var(--mh-gecis), background-color 0.25s var(--mh-gecis), border-color 0.25s var(--mh-gecis);
}

/* Şablonun hover'da beliren gradyan katmanı */
a.rn-btn::before,
button.rn-btn::before {
    display: none;
    background: none;
}

a.rn-btn:hover,
a.rn-btn:focus-visible,
button.rn-btn:hover,
button.rn-btn:focus-visible {
    transform: none;
    color: var(--mh-zemin);
    background: var(--mh-altin);
}

/* Dolu (birincil) düğme: altın zemin + #030505 metin (4.57:1) */
a.rn-btn.mh-btn-dolu,
button.rn-btn.mh-btn-dolu {
    color: var(--mh-zemin);
    background: var(--mh-altin);
}

a.rn-btn.mh-btn-dolu:hover,
a.rn-btn.mh-btn-dolu:focus-visible,
button.rn-btn.mh-btn-dolu:hover,
button.rn-btn.mh-btn-dolu:focus-visible {
    color: var(--mh-altin);
    background: var(--mh-zemin);
}

button.rn-btn:disabled,
button.rn-btn.mh-btn-dolu:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    color: var(--mh-zemin);
    background: var(--mh-altin);
}

/* ---------------------------------------------------------------------
   Sosyal medya ikonları (şablon .social-share-style-1) — düz, çerçeveli
   --------------------------------------------------------------------- */
.social-share-style-1 .social-share.mh-sosyal {
    padding: 0;
    margin: 0;
    gap: 10px;
}

.social-share-style-1 .social-share.mh-sosyal li {
    margin: 0;
}

.social-share-style-1 .social-share.mh-sosyal li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    line-height: 1;
    border: 1px solid var(--mh-cizgi);
    border-radius: var(--mh-yaricap);
    background: transparent;
    box-shadow: none;
    color: var(--mh-gri-acik);
    transition: color 0.25s var(--mh-gecis), border-color 0.25s var(--mh-gecis);
}

.social-share-style-1 .social-share.mh-sosyal li a::before {
    display: none;
    background: none;
}

.social-share-style-1 .social-share.mh-sosyal li a .ikon {
    width: 18px;
    height: 18px;
    color: inherit;
}

/* İkon (≥ 3:1): altın #231F20 üstünde de yeterli (3.65:1) */
.social-share-style-1 .social-share.mh-sosyal li a:hover {
    transform: none;
    color: var(--mh-altin);
    border-color: var(--mh-altin);
}

/* ---------------------------------------------------------------------
   H monogramı filigranı (Giriş ve footer) — kılavuzdaki "zemin logo" kullanımı.
   Yalnız süsleme: CSS arka planı, fare olaylarını almaz, taşan kısmı kesilir.
   --------------------------------------------------------------------- */
.mh-giris,
.mh-footer {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.mh-giris::before,
.mh-footer::before {
    content: "";
    position: absolute;
    z-index: -1;
    aspect-ratio: 63.024 / 58.74;
    background: url("../images/marka/holding_monogram.svg") no-repeat center / contain;
    opacity: 0.08;
    pointer-events: none;
}

/* ---------------------------------------------------------------------
   Giriş (portre + isim)
   --------------------------------------------------------------------- */
.mh-giris {
    padding: clamp(56px, 8vw, 110px) 0 clamp(72px, 9vw, 120px);
}

/* Filigran isim sütununun arkasında, sağa yaslı */
.mh-giris::before {
    top: 50%;
    right: -4%;
    width: clamp(360px, 44vw, 700px);
    transform: translateY(-50%);
}

.mh-portre {
    position: relative;
    max-width: 440px;
    margin: 0 auto;
    isolation: isolate;
}

/* Portrenin arkasında kaydırılmış ince altın çerçeve */
.mh-portre::before {
    content: "";
    position: absolute;
    inset: 18px -18px -18px 18px;
    border: 1px solid var(--mh-altin);
    border-radius: var(--mh-yaricap);
    z-index: -1;
}

.mh-portre img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--mh-yaricap);
}

/* İsim: büyük metin, altın #030505 / filigran üstünde ≥ 3:1 */
.mh-giris-metin h1 {
    font-family: var(--mh-font);
    font-size: clamp(4.2rem, 2.6rem + 3.4vw, 7.2rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.01em;
    color: var(--mh-altin);
    margin: 0 0 24px;
}

.mh-unvan {
    font-family: var(--mh-font);
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--mh-gri-acik);
    margin: 0;
    padding-top: 22px;
    border-top: 1px solid var(--mh-cizgi);
    max-width: 30em;
}

.mh-giris-dugmeler {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 44px;
}

@media only screen and (max-width: 991px) {
    .mh-giris-metin {
        text-align: center;
    }

    .mh-unvan {
        margin: 0 auto;
        letter-spacing: 0.18em;
    }

    .mh-giris-dugmeler {
        justify-content: center;
    }

    /* Tek sütunda filigran isim ve düğmelerin arkasında, ortada */
    .mh-giris::before {
        top: auto;
        right: 50%;
        bottom: 0;
        width: min(92vw, 520px);
        transform: translateX(50%);
    }
}

@media only screen and (max-width: 479px) {
    .mh-portre::before {
        inset: 12px -10px -12px 10px;
    }

    .mh-giris-dugmeler .rn-btn {
        flex: 1 1 100%;
    }
}

/* ---------------------------------------------------------------------
   Düz kart yüzeyi (mektup, hobiler, basın, iletişim kartları)
   --------------------------------------------------------------------- */
.mh-mektup,
.mh-hobiler .rn-service,
.mh-haber.rn-blog,
.contact-about-area,
.contact-form-wrapper {
    background: var(--mh-yuzey);
    border: 1px solid var(--mh-kart-kenar);
    border-radius: var(--mh-yaricap);
    box-shadow: none;
}

/* Şablonun kartlarda hover'da beliren gradyan katmanı */
.mh-hobiler .rn-service::before,
.mh-haber.rn-blog::before {
    display: none;
    background: none;
}

/* ---------------------------------------------------------------------
   Mesaj
   --------------------------------------------------------------------- */
.mh-mektup {
    max-width: 920px;
    padding: clamp(28px, 5vw, 64px);
}

/* #231F20 üstünde küçük altın metin olmaz; kapanış beyaz */
.mh-mektup p.mh-kapanis {
    margin: 36px 0 0;
    font-family: var(--mh-font);
    color: var(--mh-beyaz);
}

/* ---------------------------------------------------------------------
   Özgeçmiş
   --------------------------------------------------------------------- */
@media only screen and (min-width: 992px) {
    .mh-yapiskan-baslik {
        position: sticky;
        top: 48px;
    }
}

.mh-metin p:last-child {
    margin-bottom: 0;
}

/* ---------------------------------------------------------------------
   Başkanlık ve Üyelikler — sade liste, iki sütun
   --------------------------------------------------------------------- */
.mh-uyelikler {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid var(--mh-cizgi);
}

@media only screen and (min-width: 992px) {
    .mh-uyelikler {
        columns: 2;
        column-gap: 64px;
    }
}

.mh-uyelikler li {
    position: relative;
    break-inside: avoid;
    margin: 0;
    padding: 18px 0 18px 30px;
    border-bottom: 1px solid var(--mh-cizgi);
    font-size: 1.7rem;
    line-height: 1.55;
    color: var(--mh-gri-acik);
}

.mh-uyelikler li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 26px;
    width: 7px;
    height: 7px;
    border: 1px solid var(--mh-altin);
    transform: rotate(45deg);
}

/* ---------------------------------------------------------------------
   Sosyal Etkinlik ve Hobileri (şablon .rn-service kartı, düz; etkileşimsiz)
   --------------------------------------------------------------------- */
.mh-hobiler {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.mh-hobiler li {
    margin: 0;
}

.mh-hobiler .rn-service {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 30px 28px;
}

/* İkon (≥ 3:1): altın #231F20 üstünde 3.65:1 */
.mh-hobiler .rn-service .ikon {
    width: 34px;
    height: 34px;
    color: var(--mh-altin);
}

.mh-hobiler .rn-service span {
    font-family: var(--mh-font);
    font-size: 1.8rem;
    line-height: 1.35;
    color: var(--mh-gri-acik);
}

@media only screen and (max-width: 479px) {
    .mh-hobiler .rn-service {
        padding: 22px 18px;
        gap: 14px;
    }

    .mh-hobiler .rn-service span {
        font-size: 1.6rem;
    }
}

/* ---------------------------------------------------------------------
   Şirketler — şeffaf vektör logolar #030505 kutuda (kılavuzun koyu logo paneli).
   HS Yapı'nın raster görseli (#000000 zemin) kutuyu tümüyle doldurur.
   --------------------------------------------------------------------- */
.mh-sirketler {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.mh-sirketler li {
    margin: 0;
}

.mh-sirket {
    display: block;
    text-align: center;
    color: var(--mh-gri-soluk);
}

.mh-sirket-kutu {
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--mh-zemin);
    border: 1px solid var(--mh-cizgi);
    border-radius: var(--mh-yaricap);
    transition: border-color 0.25s var(--mh-gecis);
}

/* Logo genişliği HS Yapı görselindeki logonun kapladığı alanla (≈ %52 × %33) dengelendi */
.mh-sirket-kutu img {
    display: block;
    width: 58%;
    height: auto;
}

/* Çok yatık logo (Holding, en:boy 2.64): kaplanan alan diğerleriyle eşit görünsün diye daha geniş */
.mh-sirket-kutu--yatik img {
    width: 66%;
}

.mh-sirket-kutu--tam img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mh-sirket-alan {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 16px;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    color: var(--mh-gri-soluk);
    transition: color 0.25s var(--mh-gecis);
}

@media only screen and (max-width: 479px) {
    .mh-sirket-alan {
        font-size: 1.25rem;
        gap: 4px;
    }
}

.mh-sirket-alan .ikon {
    width: 14px;
    height: 14px;
}

.mh-sirket:hover .mh-sirket-kutu,
.mh-sirket:focus-visible .mh-sirket-kutu {
    border-color: var(--mh-altin);
}

/* Alan adı #030505 üstünde: altın küçük metin 4.57:1 */
.mh-sirket:hover .mh-sirket-alan,
.mh-sirket:focus-visible .mh-sirket-alan {
    color: var(--mh-altin);
}

/* ---------------------------------------------------------------------
   Basın & Medya (şablon .rn-blog kartı; tüm kart tıklanabilir)
   Hover: kenarlık altına döner, başlık beyaz + altı çizili (kalkma/büyüme yok).
   --------------------------------------------------------------------- */
.mh-haber.rn-blog {
    display: block;
    width: 100%;
    padding: 22px;
    transition: border-color 0.25s var(--mh-gecis);
}

.mh-haber.rn-blog:hover {
    border-color: var(--mh-altin);
}

.mh-haber .thumbnail {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 2px;
    background: var(--mh-zemin);
}

.mh-haber .thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mh-haber .inner .content {
    padding-top: 20px;
}

.mh-haber .mh-haber-kaynak {
    margin: 0 0 8px;
    font-size: 1.35rem;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: var(--mh-gri-soluk);
}

.rn-blog.mh-haber .inner .content .title a {
    position: static;
    font-family: var(--mh-font);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.45;
    color: var(--mh-gri-acik);
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    transition: color 0.25s var(--mh-gecis), text-decoration-color 0.25s var(--mh-gecis);
}

/* Bağlantıyı tüm karta yay */
.rn-blog.mh-haber .inner .content .title a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: var(--mh-yaricap);
}

/* İkon (≥ 3:1) */
.rn-blog.mh-haber .inner .content .title a .ikon {
    width: 18px;
    height: 18px;
    margin-left: 8px;
    vertical-align: -2px;
    color: var(--mh-altin);
}

.rn-blog.mh-haber:hover .inner .content .title a,
.rn-blog.mh-haber .inner .content .title a:focus-visible {
    color: var(--mh-beyaz);
    text-decoration-color: var(--mh-altin);
}

.rn-blog.mh-haber .inner .content .title a:focus-visible {
    outline: none;
}

.rn-blog.mh-haber:focus-within {
    outline: 2px solid var(--mh-altin);
    outline-offset: 3px;
}

/* ---------------------------------------------------------------------
   İletişim
   --------------------------------------------------------------------- */
.contact-about-area,
.contact-form-wrapper {
    padding: clamp(24px, 3vw, 40px);
    margin: 0;
    height: 100%;
}

.mh-iletisim-listesi {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mh-iletisim-listesi li {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 16px 0;
    border-bottom: 1px solid var(--mh-cizgi);
    font-size: 1.9rem;
}

.mh-iletisim-listesi li:first-child {
    padding-top: 0;
}

/* İkon (≥ 3:1): altın #231F20 üstünde 3.65:1 */
.mh-iletisim-listesi .ikon {
    width: 20px;
    height: 20px;
    color: var(--mh-altin);
}

/* Bağlantılar beyaz; #231F20 kartında küçük altın metin olmadığı için hover alt çizgiyle */
.mh-iletisim-listesi a,
.mh-footer-iletisim a {
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.25s var(--mh-gecis), color 0.25s var(--mh-gecis);
}

.mh-iletisim-listesi a {
    color: var(--mh-beyaz);
}

.mh-iletisim-listesi a:hover,
.mh-footer-iletisim a:hover {
    color: var(--mh-beyaz);
    text-decoration-color: var(--mh-altin);
}

/* Adres: uzun metin, ikon ilk satırla hizalı */
.mh-iletisim-listesi li.mh-adres-satiri,
.mh-footer-iletisim li.mh-adres-satiri {
    align-items: flex-start;
}

.mh-iletisim-listesi li.mh-adres-satiri {
    font-size: 1.6rem;
    line-height: 1.6;
}

.mh-iletisim-listesi li.mh-adres-satiri .ikon {
    margin-top: 3px;
}

.mh-adres-satiri address {
    margin: 0;
    font-style: normal;
    color: var(--mh-gri-acik);
}

.mh-sosyal-blok {
    margin-top: 36px;
}

.mh-alt-baslik {
    font-size: 2rem;
    font-weight: 700;
    color: var(--mh-beyaz);
    margin: 0 0 10px;
}

.mh-sosyal-blok p {
    font-size: 1.6rem;
    line-height: 1.7;
    color: var(--mh-gri);
    margin: 0 0 20px;
}

.mh-sosyal-blok .social-share-style-1 {
    border-top: 0;
    padding-top: 0;
    margin-top: 0 !important;
}

/* Form */
.contact-form-wrapper .form-group {
    margin: 0;
}

.contact-form-wrapper label {
    font-family: var(--mh-font);
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: none;
    color: var(--mh-gri-acik);
    margin-bottom: 10px;
}

/* #231F20 üstünde küçük altın metin olmaz; yıldız etiketle aynı renkte */
.mh-zorunlu {
    color: inherit;
}

.contact-form-wrapper .form-control {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    font-family: var(--mh-font);
    font-size: 16px;
    letter-spacing: normal;
    color: var(--mh-beyaz);
    background-color: var(--mh-zemin);
    border: 1px solid var(--mh-alan-kenar);
    border-radius: var(--mh-yaricap);
    box-shadow: none;
    transition: border-color 0.2s;
}

.contact-form-wrapper textarea.form-control {
    height: auto;
    min-height: 150px;
    padding: 12px 16px;
    line-height: 1.6;
    resize: vertical;
}

/* Odak: altın kenarlık + halka (gölge değil, outline) */
.contact-form-wrapper .form-control:focus {
    color: var(--mh-beyaz);
    background-color: var(--mh-zemin);
    border-color: var(--mh-altin);
    box-shadow: none;
    outline: 2px solid var(--mh-altin);
    outline-offset: 2px;
}

.contact-form-wrapper .form-control[aria-invalid="true"] {
    border-color: var(--mh-uyari);
}

.mh-alan-hata {
    margin: 8px 0 0;
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--mh-uyari);
}

.mh-sayac-satiri {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.mh-sayac {
    margin: 8px 0 0 auto;
    font-size: 1.3rem;
    color: var(--mh-gri-soluk);
    white-space: nowrap;
}

.mh-form-alt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 24px;
}

.mh-form-durum {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--mh-gri-acik);
}

.mh-form-durum:empty {
    display: none;
}

/* Gönderim sürerken düğme (site.js disabled yapar): soluk ve bekleme imleci; renk paletten */
.contact-form-wrapper button[type="submit"]:disabled {
    cursor: progress;
    opacity: 0.6;
}

/* KVKK onay kutusu — şablonun "gizli input + label::before" kutusu yerine gerçek, odaklanabilir checkbox
   (odak halkası input'un kendisinde). Kutu #030505 + #7A7A7A kenar (≥ 3:1); işaretli: altın zemin + #030505 tik (4.57:1). */
.mh-onay {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.contact-form-wrapper .mh-onay input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    position: static;
    opacity: 1;
    flex: 0 0 auto;
    display: grid;
    place-content: center;
    width: 22px;
    height: 22px;
    margin: 1px 0 0;
    padding: 0;
    background-color: var(--mh-zemin);
    border: 1px solid var(--mh-alan-kenar);
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.2s var(--mh-gecis), border-color 0.2s var(--mh-gecis);
}

.contact-form-wrapper .mh-onay input[type="checkbox"]::before {
    content: "";
    width: 11px;
    height: 6px;
    border-left: 2px solid var(--mh-zemin);
    border-bottom: 2px solid var(--mh-zemin);
    transform: translateY(-2px) rotate(-45deg);
    opacity: 0;
}

.contact-form-wrapper .mh-onay input[type="checkbox"]:checked {
    background-color: var(--mh-altin);
    border-color: var(--mh-altin);
}

.contact-form-wrapper .mh-onay input[type="checkbox"]:checked::before {
    opacity: 1;
}

.contact-form-wrapper .mh-onay input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--mh-altin);
    outline-offset: 2px;
}

.contact-form-wrapper .mh-onay input[type="checkbox"][aria-invalid="true"] {
    border-color: var(--mh-uyari);
}

.contact-form-wrapper .mh-onay label {
    position: static;
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: normal;
    color: var(--mh-gri-acik);
    cursor: pointer;
}

/* Şablonun sahte kutusu kapalı */
.contact-form-wrapper .mh-onay label::before,
.contact-form-wrapper .mh-onay label::after {
    content: none;
    display: none;
}

/* #231F20 kartında küçük altın metin olmaz: bağlantı beyaz + her zaman alt çizgili, hover'da çizgi altın */
.mh-onay label a {
    color: var(--mh-beyaz);
    text-decoration: underline;
    text-decoration-color: var(--mh-gri-soluk);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.25s var(--mh-gecis);
}

.mh-onay label a:hover {
    color: var(--mh-beyaz);
    text-decoration-color: var(--mh-altin);
}

#kvkkOnayAlani .mh-alan-hata {
    margin-left: 34px;
}

/* Honeypot: görünmez, yer kaplamaz; ekran okuyucudan aria-hidden, klavyeden tabindex=-1 ile uzak */
.mh-bal {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* Görünmeyen girdiler (antiforgery, zaman damgası, honeypot): şablonun input zemini (#191B1E) palet dışı kalmasın */
#iletisimFormu input[type="hidden"],
.mh-bal input {
    background-color: transparent;
    border-color: transparent;
}

/* ---------------------------------------------------------------------
   Footer — zemin #030505; imza logosu (#050708 zeminli raster) ayırt edilmez.
   Filigran sağda; üstündeki metinlerde küçük altın metin yok (hover beyaz + alt çizgi).
   --------------------------------------------------------------------- */
.mh-footer {
    background: var(--mh-zemin);
    border-top: 1px solid var(--mh-cizgi);
    padding: 56px 0 48px;
}

.mh-footer::before {
    top: 50%;
    right: -40px;
    width: clamp(260px, 30vw, 420px);
    transform: translateY(-50%);
}

.mh-footer-ust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 28px 40px;
}

.mh-footer-logo img {
    display: block;
    width: 220px;
    height: auto;
}

.mh-footer-iletisim {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 36px;
    padding: 28px 0 0;
    margin: 32px 0 0;
    border-top: 1px solid var(--mh-cizgi);
}

.mh-footer-iletisim li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
}

/* İkon (≥ 3:1) */
.mh-footer-iletisim .ikon {
    width: 16px;
    height: 16px;
    color: var(--mh-altin);
}

.mh-footer-iletisim li.mh-adres-satiri .ikon {
    margin-top: 4px;
}

.mh-footer-iletisim a {
    color: var(--mh-gri-acik);
}

.mh-footer-iletisim address {
    color: var(--mh-gri);
}

.mh-footer .social-share-style-1 {
    border-top: 0;
    padding-top: 0;
    margin-top: 0 !important;
}

/* KVKK bağlantısı — filigran üstünde küçük altın metin yok: gri, hover'da beyaz + altın alt çizgi */
.mh-footer-yasal {
    margin: 24px 0 0;
    font-size: 1.4rem;
    line-height: 1.5;
}

.mh-footer-yasal a {
    color: var(--mh-gri-acik);
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.25s var(--mh-gecis), color 0.25s var(--mh-gecis);
}

.mh-footer-yasal a:hover {
    color: var(--mh-beyaz);
    text-decoration-color: var(--mh-altin);
}

/* ---------------------------------------------------------------------
   Yasal metin sayfası (KVKK aydınlatma metni) — #030505 zeminde düz metin
   --------------------------------------------------------------------- */
.mh-yasal .section-title h1.title {
    font-size: clamp(3.2rem, 2.2rem + 1.8vw, 4.6rem);
    font-weight: 400;
    line-height: 1.2;
    color: var(--mh-beyaz);
    margin: 0;
}

.mh-yasal .section-title h1.title::after {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    margin-top: 22px;
    background: var(--mh-altin);
}

.mh-yasal-metin {
    max-width: 76ch;
}

.mh-yasal-metin h2 {
    margin: 48px 0 16px;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.35;
    color: var(--mh-beyaz);
}

.mh-yasal-metin p,
.mh-yasal-metin li,
.mh-yasal-bilgi dd {
    font-size: 1.7rem;
    line-height: 1.8;
    color: var(--mh-gri-govde);
}

.mh-yasal-metin p {
    margin: 0 0 16px;
}

.mh-yasal-metin p.mh-yasal-giris {
    font-size: 1.8rem;
    color: var(--mh-gri-acik);
}

.mh-yasal-metin strong {
    font-weight: 400;
    color: var(--mh-beyaz);
}

.mh-yasal-metin ul {
    margin: 0 0 16px;
    padding-left: 2.2rem;
    list-style: disc;
}

.mh-yasal-metin ul li::marker {
    color: var(--mh-altin);
}

.mh-yasal-metin li {
    margin: 0 0 8px;
}

.mh-yasal-metin ul.mh-yasal-haklar {
    padding-left: 0;
    list-style: none;
}

.mh-yasal-harf {
    display: inline-block;
    min-width: 2.4em;
    color: var(--mh-beyaz);
}

.mh-yasal-bilgi {
    margin: 0 0 16px;
    border-top: 1px solid var(--mh-cizgi);
}

.mh-yasal-bilgi > div {
    display: grid;
    grid-template-columns: minmax(0, 200px) minmax(0, 1fr);
    gap: 4px 24px;
    padding: 12px 0;
    border-bottom: 1px solid var(--mh-cizgi);
}

.mh-yasal-bilgi dt {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.8;
    color: var(--mh-gri-soluk);
}

.mh-yasal-bilgi dd {
    margin: 0;
}

@media only screen and (max-width: 575px) {
    .mh-yasal-bilgi > div {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* [bilgi gerekli: …] — taslakta bilinçli olarak görünür; beyaz metin + kesik altın alt çizgi */
.mh-yer-tutucu {
    color: var(--mh-beyaz);
    text-decoration: underline dashed var(--mh-altin);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    overflow-wrap: anywhere;
}

.mh-yasal-metin p.mh-yasal-tarih {
    margin-top: 40px;
    font-size: 1.5rem;
    color: var(--mh-gri-soluk);
}

/* ---------------------------------------------------------------------
   Başa dön — düz yüzey, gölgesiz
   --------------------------------------------------------------------- */
.mh-yukari {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--mh-kart-kenar);
    background: var(--mh-yuzey);
    color: var(--mh-altin);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s var(--mh-gecis), visibility 0.3s, border-color 0.25s;
}

.mh-yukari:hover {
    border-color: var(--mh-altin);
}

.mh-yukari.gorunur {
    opacity: 1;
    visibility: visible;
}

.mh-yukari .ikon {
    width: 20px;
    height: 20px;
}

/* ---------------------------------------------------------------------
   Şablonda değişken yerine SABİT yazılmış pembe/kırmızı değerlerin ezilmesi
   (style.css satırları — @import silindikten sonraki numaralar: 6312, 6576–6649, 7618,
   7784, 7841, 11349, 11775, 11793, 12554, 12721, 12932, 13346, 13488, 13612, 14408,
   14838–14839, 16544, 16551, 18264–18266, 18427, 19064, 19074). Bu sayfada kullanılmayan
   bileşenlere ait; şablon ileride başka bileşenle genişletilirse pembe/kırmızı sızmasın diye
   düz kurumsal renklerle eziliyor (gradyan yok).
   --------------------------------------------------------------------- */
.section-title span.subtitle,
.slide .content .inner .title span,
.banner-details-wrapper-sticky .banner-title-area .title span,
.rn-nav-list .nav-item .nav-link:hover,
.rn-nav-list .nav-item .nav-link.active,
.video-overlay-close:hover {
    color: var(--mh-altin);
}

.form-message.error,
.error-msg p {
    color: var(--mh-uyari);
}

ins {
    background: rgba(133, 118, 78, 0.3);
}

input[type].p-holder__error,
.input-error input[type],
input[type].input-error,
input[type].p-holder__error:focus,
.input-error input[type]:focus,
input[type].input-error:focus {
    border-color: var(--mh-uyari);
}

input[type].p-holder__error::placeholder,
.input-error input[type]::placeholder,
input[type].input-error::placeholder {
    color: var(--mh-uyari);
}

.social-share-style-1 .social-share li a.only-border {
    border-color: var(--mh-altin);
}

.left-header-style #sideNavs .primary-menu li a svg {
    color: currentColor;
}

.single-demo .inner.badge-1::after,
.single-demo .inner.badge-2::after,
.slide .thumbnail.box-gradient::before,
.box-wrapper,
.slider-style-5 .thumbnail.gradient-border img,
.gradient-border:after,
.progress-charts .progress .progress-bar {
    background: var(--mh-altin) !important;
    animation: none;
}

.error-msg {
    background: rgba(240, 184, 96, 0.12);
}

.white-version .rn-content-wrapper .tab-content-wrapper .tab-content .personal-experience-inner .resume-single-list:hover .heading,
.white-version .rn-resume-area .personal-experience-inner .experience-list .resume-single-list:hover .heading {
    border-bottom-color: var(--mh-altin);
}

.white-version .rn-resume-area .personal-experience-inner .experience-list .resume-single-list:hover .heading .date-of-time span {
    background: var(--mh-altin);
}

/* ---------------------------------------------------------------------
   Hata sayfaları (404/410 — Views/Hata/Bulunamadi.cshtml, Ç4)
   --------------------------------------------------------------------- */
.mh-hata-dugmeler {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 28px;
}

@media only screen and (max-width: 479px) {
    .mh-hata-dugmeler .rn-btn {
        flex: 1 1 100%;
    }
}