/* =========================================================
   TUĞBA İNAÇ KLİNİĞİ — ANA STİL DOSYASI
   Sadeleştirilmiş ve tekrarlar azaltılmış sürüm
========================================================= */

:root {
    --burgundy-dark: #1c0907;
    --burgundy: #2b100d;
    --burgundy-alt: #24100d;
    --cream: #e8ded0;
    --paper: #c8b8a2;
    --border-light: rgba(232, 222, 208, 0.24);
    --border-dark: rgba(37, 20, 14, 0.25);
    --heading-font: "Cormorant Garamond", Georgia, serif;
    --body-font: "Montserrat", Arial, sans-serif;
    --page-padding: clamp(24px, 4.5vw, 76px);
    --transition: 250ms ease;
}

/* =========================================================
   RESET VE GENEL AYARLAR
========================================================= */

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

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    color: var(--cream);
    background: var(--burgundy-dark);
    font-family: var(--body-font);
    font-weight: 300;
}

body.menu-open {
    overflow: hidden;
}

h1,
h2,
p,
blockquote {
    margin: 0;
}

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

button {
    padding: 0;
    color: inherit;
    border: 0;
    background: transparent;
    font: inherit;
}

img,
svg {
    display: block;
    max-width: 100%;
}

/* =========================================================
   ÜST MENÜ
========================================================= */

.site-header {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: clamp(24px, 3vw, 48px) var(--page-padding);
}

.brand {
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
    min-width: max-content;
}

.brand-name {
    font-family: var(--heading-font);
    font-size: clamp(19px, 1.5vw, 28px);
    font-weight: 400;
    letter-spacing: 5px;
}

.brand-title {
    font-size: 10px;
    letter-spacing: 6px;
    opacity: 0.85;
}

.main-navigation {
    display: flex;
    align-items: center;
    gap: clamp(22px, 3vw, 50px);
    padding-top: 13px;
}

.main-navigation a {
    position: relative;
    padding-bottom: 8px;
    font-family: var(--heading-font);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.75;
    transition: opacity var(--transition);
}

.main-navigation a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: currentColor;
    content: "";
    transition: width var(--transition);
}

.main-navigation a:hover,
.main-navigation a.active {
    opacity: 1;
}

.main-navigation a:hover::after,
.main-navigation a.active::after {
    width: 100%;
}

/* =========================================================
   MOBİL MENÜ BUTONU
========================================================= */

.menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    cursor: pointer;
}

.menu-toggle span {
    display: block;
    width: 28px;
    height: 1px;
    margin: 7px auto;
    background: var(--cream);
    transition:
        transform var(--transition),
        opacity var(--transition);
}

/* =========================================================
   HERO ALANI
========================================================= */

.hero {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: clamp(150px, 15vh, 210px) var(--page-padding) 0;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(25, 7, 5, 0.98) 0%,
            rgba(37, 12, 9, 0.93) 38%,
            rgba(35, 13, 10, 0.73) 62%,
            rgba(17, 8, 5, 0.23) 100%
        ),
        url("../images/hero-room.png") center right / cover no-repeat;
}

.hero::before,
.hero-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
}

.hero::before {
    background:
        radial-gradient(
            circle at 52% 25%,
            rgba(135, 61, 40, 0.16),
            transparent 40%
        );
}

.hero-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(11, 3, 2, 0.18),
            rgba(11, 3, 2, 0.02) 60%,
            rgba(11, 3, 2, 0.35)
        );
}

.hero-content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
    align-items: center;
    gap: clamp(40px, 7vw, 120px);
    width: min(100%, 1250px);
    margin: auto;
}

.hero-copy {
    max-width: 650px;
}

.hero-eyebrow {
    margin-bottom: 26px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
    opacity: 0.65;
}

.hero h1 {
    font-family: var(--heading-font);
    font-size: clamp(52px, 5.6vw, 94px);
    font-weight: 300;
    line-height: 0.95;
    letter-spacing: -2px;
}

.hero-divider {
    width: 68px;
    height: 1px;
    margin: 44px 0 30px;
    background: var(--border-light);
}

.hero blockquote {
    max-width: 335px;
}

.hero blockquote p {
    font-family: var(--heading-font);
    font-size: clamp(18px, 1.4vw, 24px);
    line-height: 1.25;
}

.hero blockquote cite {
    display: block;
    margin-top: 12px;
    font-family: var(--heading-font);
    font-size: 15px;
    font-style: normal;
    opacity: 0.75;
}

.hero-button {
    display: inline-flex;
    align-items: center;
    gap: 30px;
    margin-top: 35px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--border-light);
    font-family: var(--heading-font);
    font-size: 16px;
    letter-spacing: 1px;
    transition:
        gap var(--transition),
        border-color var(--transition);
}

.hero-button:hover {
    gap: 40px;
    border-color: var(--cream);
}

/* =========================================================
   HERO DEKORATİF ALANI
========================================================= */

.hero-visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(-15px);
}

.portrait-frame {
    position: relative;
    width: clamp(190px, 20vw, 320px);
    aspect-ratio: 0.82;
    padding: 12px;
    border: 5px ridge #745430;
    background: #4c321d;
    box-shadow:
        0 18px 35px rgba(0, 0, 0, 0.45),
        inset 0 0 0 2px rgba(231, 195, 123, 0.2);
}

.portrait-frame::before {
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(225, 183, 106, 0.62);
    content: "";
}

.portrait-inner {
    width: 100%;
    height: 100%;
    border: 4px solid #1c140e;
    background:
        linear-gradient(rgba(20, 15, 11, 0.52), rgba(20, 15, 11, 0.52)),
        var(--inner-hero-image, url("../images/hero-room.png")) center / cover no-repeat;
    filter: sepia(0.45) brightness(0.43) contrast(1.08);
}

.location-text {
    margin-top: 55px;
    font-family: var(--heading-font);
    font-size: 12px;
    letter-spacing: 5px;
    opacity: 0.8;
}

/* =========================================================
   SCROLL GÖSTERGESİ
========================================================= */

.scroll-indicator {
    position: absolute;
    z-index: 4;
    bottom: 145px;
    left: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.scroll-indicator span:first-child {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 8px;
    letter-spacing: 3px;
    opacity: 0.72;
}

.scroll-line {
    width: 1px;
    height: 45px;
    background: rgba(232, 222, 208, 0.56);
}

/* =========================================================
   HERO ALT BAĞLANTI KARTLARI
========================================================= */

.hero-navigation {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: min(100%, 1250px);
    margin: clamp(70px, 9vh, 120px) auto 0;
    border-top: 1px solid var(--border-light);
}

.hero-nav-card {
    min-height: 180px;
    padding: 30px clamp(18px, 2vw, 34px) 30px 0;
    transition:
        padding-left var(--transition),
        background-color var(--transition);
}

.hero-nav-card:not(:last-child) {
    margin-right: 30px;
}

.hero-nav-card:hover {
    padding-left: 16px;
    background: rgba(255, 255, 255, 0.025);
}

.card-number {
    display: block;
    margin-bottom: 17px;
    font-family: var(--heading-font);
    font-size: 12px;
    opacity: 0.6;
}

.hero-nav-card h2 {
    margin-bottom: 14px;
    font-family: var(--heading-font);
    font-size: clamp(21px, 1.6vw, 28px);
    font-weight: 400;
}

.hero-nav-card p {
    max-width: 200px;
    font-family: var(--heading-font);
    font-size: 15px;
    line-height: 1.35;
    opacity: 0.7;
}

.card-arrow {
    display: block;
    margin-top: 20px;
    font-size: 22px;
    transition: transform var(--transition);
}

.hero-nav-card:hover .card-arrow {
    transform: translateX(10px);
}

/* =========================================================
   GİRİŞ / TANITIM BÖLÜMÜ
========================================================= */

.intro-section {
    display: grid;
    grid-template-columns:
        minmax(260px, 1fr)
        minmax(300px, 1.2fr)
        minmax(250px, 0.9fr)
        minmax(240px, 0.8fr);
    min-height: 340px;
    color: #3a251b;
    background: var(--paper);
}

.intro-section > * {
    min-height: 340px;
}

.intro-quote {
    display: flex;
    align-items: center;
    padding: clamp(35px, 5vw, 70px);
}

.intro-quote blockquote {
    max-width: 330px;
}

.intro-quote p {
    font-family: var(--heading-font);
    font-size: clamp(20px, 1.7vw, 28px);
    line-height: 1.1;
}

.intro-quote cite {
    display: block;
    margin-top: 25px;
    font-family: var(--heading-font);
    font-size: 17px;
    font-style: normal;
}

.intro-books {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
    background:
        linear-gradient(rgba(18, 12, 8, 0.4), rgba(18, 12, 8, 0.4)),
        url("../images/hero-room.png") center / cover no-repeat;
}

.book {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(100%, 320px);
    height: 52px;
    margin: 0 auto;
    padding: 0 25px;
    border: 1px solid rgba(32, 19, 12, 0.6);
    color: #2b1912;
    background: #89765e;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.24);
    font-family: var(--heading-font);
}

.book-one {
    transform: rotate(-1deg);
    background: #8d8069;
}

.book-two {
    transform: translateX(8px);
    background: #6f5a46;
}

.book-three {
    transform: translateX(-4px) rotate(0.5deg);
    background: #85715a;
}

.book span {
    font-size: 14px;
    letter-spacing: 1px;
}

.book small {
    font-size: 13px;
    font-style: italic;
}

.intro-blog-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(35px, 4vw, 65px);
    border-right: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
    transition: background-color var(--transition);
}

.intro-blog-card:hover {
    background: rgba(255, 255, 255, 0.13);
}

.section-label {
    margin-bottom: 25px;
    font-size: 10px;
    letter-spacing: 3px;
}

.intro-blog-card h2 {
    max-width: 250px;
    font-family: var(--heading-font);
    font-size: clamp(19px, 1.5vw, 25px);
    font-weight: 400;
    line-height: 1.25;
}

.large-arrow {
    margin-top: 28px;
    font-size: 32px;
    transition: transform var(--transition);
}

.intro-blog-card:hover .large-arrow {
    transform: translateX(12px);
}

.intro-drawing {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    color: rgba(43, 24, 17, 0.8);
    background: #ab9579;
}

.intro-drawing svg {
    width: min(100%, 250px);
}

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

.site-footer {
    padding:42px var(--page-padding) 24px;
    border-top:1px solid var(--border-light);
    color:var(--cream);
    background:#160806;
}
.footer-brand{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:26px;text-align:center;}
.footer-name{font-family:var(--heading-font);font-size:20px;letter-spacing:5px;}
.footer-title{font-size:8px;letter-spacing:5px;opacity:.65;}
.footer-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;padding-bottom:28px;}
.footer-navigation a{font-family:var(--heading-font);font-size:14px;opacity:.68;}
.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(232,222,208,.12);font-size:10px;opacity:.6;}

.footer-signature {
    align-self: center;
    font-family: var(--heading-font);
    font-size: 8px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    opacity: 0.38;
    white-space: nowrap;
}


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

@media (max-width: 1100px) {
    .site-header {
        align-items: center;
    }

    .menu-toggle {
        position: relative;
        z-index: 60;
        display: block;
    }

    .menu-toggle.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .main-navigation {
        position: fixed;
        z-index: 55;
        inset: 0;
        flex-direction: column;
        justify-content: center;
        gap: 28px;
        padding: 100px 25px;
        visibility: hidden;
        opacity: 0;
        background: rgba(26, 7, 5, 0.98);
        transition:
            opacity var(--transition),
            visibility var(--transition);
    }

    .main-navigation.open {
        visibility: visible;
        opacity: 1;
    }

    .main-navigation a {
        font-size: 28px;
    }

    .hero-content {
        grid-template-columns: 1fr 0.6fr;
    }

    .hero-navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-nav-card {
        border-bottom: 1px solid var(--border-light);
    }

    .intro-section {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .intro-blog-card {
        border-left: 0;
    }
}

/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 720px) {
    :root {
        --page-padding: 22px;
    }

    .site-header {
        padding-top: 22px;
    }

    .brand-name {
        font-size: 18px;
        letter-spacing: 3px;
    }

    .brand-title {
        font-size: 8px;
        letter-spacing: 4px;
    }

    .hero {
        min-height: auto;
        padding-top: 145px;
        background-position: 65% center;
    }

    .hero::after {
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: rgba(25, 7, 5, 0.3);
        content: "";
    }

    .hero-content {
        z-index: 3;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .hero-copy {
        width: 100%;
    }

    .hero h1 {
        font-size: clamp(49px, 15vw, 70px);
        line-height: 0.93;
        letter-spacing: -1px;
    }

    .hero h1 br,
    .hero-visual,
    .scroll-indicator {
        display: none;
    }

    .hero-navigation {
        z-index: 3;
        grid-template-columns: 1fr;
        width: 100%;
        margin-top: 75px;
    }

    .hero-nav-card {
        min-height: auto;
        margin-right: 0 !important;
        padding: 26px 0;
        border-bottom: 1px solid var(--border-light);
    }

    .hero-nav-card p {
        max-width: 290px;
    }

    .intro-section {
        grid-template-columns: 1fr;
    }

    .intro-section > * {
        min-height: 290px;
    }

    .intro-quote,
    .intro-books {
        padding: 45px 25px;
    }

    .intro-blog-card {
        border: 0;
        border-top: 1px solid var(--border-dark);
        border-bottom: 1px solid var(--border-dark);
    }

    }

/* =========================================================
   KÜÇÜK TELEFONLAR
========================================================= */

@media (max-width: 390px) {
    .hero h1 {
        font-size: 47px;
    }

    .hero blockquote p {
        font-size: 18px;
    }

    .main-navigation a {
        font-size: 24px;
    }
}

/* =========================================================
   VERİTABANINA BAĞLI İÇERİK BÖLÜMLERİ
========================================================= */
.content-section{padding:clamp(70px,9vw,135px) var(--page-padding);background:#f0e7dc;color:#2b100d;border-top:1px solid rgba(43,16,13,.12)}
.content-section:nth-of-type(even){background:#e7dbcd}.section-heading{max-width:850px;margin-bottom:48px}.section-heading span,.eyebrow{display:block;font-size:10px;letter-spacing:4px;margin-bottom:16px}.section-heading h2{font-family:var(--heading-font);font-size:clamp(40px,5vw,76px);font-weight:400;line-height:.98}.about-grid,.contact-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:clamp(35px,7vw,110px);align-items:start}.about-image img,.image-placeholder{width:100%;min-height:480px;object-fit:cover;border:1px solid rgba(43,16,13,.2)}.image-placeholder{display:grid;place-items:center;padding:30px;text-align:center;background:#d6c6b5}.about-copy{font-family:var(--heading-font);font-size:clamp(20px,2vw,29px);line-height:1.55}.about-copy h3{margin:35px 0 10px;font-size:28px}.service-grid,.process-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card,.process-card,.blog-card{padding:30px;border:1px solid rgba(43,16,13,.2);min-height:240px}.service-card>span{font-size:28px}.service-card h3,.process-card h3,.blog-card h3{font-family:var(--heading-font);font-size:30px;font-weight:400;margin:25px 0 12px}.service-card p,.process-card p,.blog-card p,.contact-info{line-height:1.8;font-size:14px}.process-section{background:#2b100d;color:#e8ded0}.process-card{border-color:rgba(232,222,208,.2)}.process-card strong{font-family:var(--heading-font);font-size:50px;font-weight:300;opacity:.45}.blog-card{padding:0;overflow:hidden}.blog-card img{width:100%;height:220px;object-fit:cover}.blog-card div{padding:25px}.blog-card small{letter-spacing:2px;opacity:.6}.contact-section{background:#d9c9b8}.contact-info strong{font-family:var(--heading-font);font-size:27px;font-weight:400}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{padding:15px;border:1px solid rgba(43,16,13,.25);background:rgba(255,255,255,.32);font:inherit}.contact-form textarea{min-height:150px;resize:vertical}.contact-form .hero-button{justify-self:start;border:0;cursor:pointer}.hp{position:absolute!important;left:-9999px!important}.form-message{padding:13px;border:1px solid}.success-message{background:#dceadc}.error-message{background:#f0d5d1}.empty-state{opacity:.65}.footer-signature{font-size:8px!important;letter-spacing:1.8px!important;opacity:.38!important}
@media(max-width:900px){.about-grid,.contact-grid{grid-template-columns:1fr}.service-grid,.process-grid,.blog-grid{grid-template-columns:1fr}.about-image img,.image-placeholder{min-height:340px}}


/* =========================================================
   ANA SAYFA KISA ÖN İZLEME BÖLÜMLERİ
========================================================= */

.home-preview-section {
    padding-top: clamp(70px, 8vw, 120px);
    padding-bottom: clamp(70px, 8vw, 120px);
}

.compact-heading {
    margin-bottom: 34px;
}

.compact-heading h2 {
    max-width: 760px;
    font-size: clamp(38px, 4.6vw, 66px);
}

.section-intro {
    max-width: 680px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8;
    opacity: 0.72;
}

.home-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.compact-card {
    min-height: 210px;
    padding: 25px;
}

.compact-card h3 {
    margin-top: 18px;
    font-size: 27px;
}

.compact-card p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.section-action {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.outline-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 50px;
    padding: 0 26px;
    border: 1px solid rgba(43, 16, 13, 0.4);
    font-family: var(--heading-font);
    font-size: 17px;
    letter-spacing: 1px;
    transition:
        background var(--transition),
        color var(--transition),
        transform var(--transition);
}

.outline-button:hover {
    color: var(--cream);
    background: var(--burgundy);
    transform: translateY(-2px);
}

.light-button {
    border-color: rgba(232, 222, 208, 0.42);
}

.light-button:hover {
    color: var(--burgundy);
    background: var(--cream);
}

/* =========================================================
   AYRI İÇERİK SAYFALARI
========================================================= */

.inner-site-header {
    position: absolute;
}

.inner-page {
    min-height: 70vh;
    background: #e7dbcd;
    color: var(--burgundy);
}

.inner-hero {
    min-height: 470px;
    padding:
        clamp(160px, 18vw, 220px)
        var(--page-padding)
        clamp(70px, 9vw, 120px);
    color: var(--cream);
    background:
        linear-gradient(
            90deg,
            rgba(28, 9, 7, 0.98),
            rgba(43, 16, 13, 0.9)
        ),
        url("../images/hero-room.png") center / cover no-repeat;
}

.inner-hero > span,
.article-header > span {
    display: block;
    margin-bottom: 20px;
    font-size: 10px;
    letter-spacing: 4px;
}

.inner-hero h1,
.article-header h1 {
    max-width: 920px;
    margin: 0;
    font-family: var(--heading-font);
    font-size: clamp(50px, 7vw, 96px);
    font-weight: 400;
    line-height: 0.96;
}

.inner-hero > p {
    max-width: 660px;
    margin-top: 26px;
    font-size: 14px;
    line-height: 1.8;
    opacity: 0.78;
}

.inner-content-section {
    min-height: auto;
}

.detail-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-card {
    min-height: 290px;
}

.detail-card h2,
.blog-card h2 {
    margin: 24px 0 12px;
    font-family: var(--heading-font);
    font-size: 32px;
    font-weight: 400;
}

.text-link {
    display: inline-flex;
    margin-top: 20px;
    font-family: var(--heading-font);
    font-size: 18px;
    border-bottom: 1px solid currentColor;
}

.article-page {
    padding:
        clamp(160px, 16vw, 220px)
        var(--page-padding)
        clamp(80px, 10vw, 140px);
}

.article-header {
    max-width: 980px;
    margin-bottom: 50px;
}

.article-header h1 {
    color: var(--burgundy);
}

.article-header > p {
    margin-top: 25px;
    letter-spacing: 2px;
    opacity: 0.6;
}

.article-cover {
    width: 100%;
    max-height: 620px;
    margin-bottom: 50px;
    object-fit: cover;
}

.article-content {
    max-width: 820px;
    margin-bottom: 55px;
    font-family: var(--heading-font);
    font-size: clamp(20px, 2vw, 27px);
    line-height: 1.75;
    white-space: normal;
}

.missing-page .outline-button {
    margin-top: 34px;
}

@media (max-width: 900px) {
    .home-card-grid,
    .detail-card-grid {
        grid-template-columns: 1fr;
    }

    .compact-card,
    .detail-card {
        min-height: auto;
    }

    .inner-hero {
        min-height: 410px;
    }
}


/* =========================================================
   TERAPİ SÜRECİ RENK DÜZELTMESİ
   nth-of-type kuralının koyu bölümü soldurması engellenir.
========================================================= */
.content-section.process-section {
    color: var(--cream);
    background:
        radial-gradient(circle at 85% 15%, rgba(159, 92, 69, 0.18), transparent 35%),
        linear-gradient(135deg, #1c0907, #35130f);
}

.content-section.process-section .section-heading,
.content-section.process-section .section-intro,
.content-section.process-section .process-card {
    color: var(--cream);
}

.content-section.process-section .process-card {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(232, 222, 208, 0.22);
}

.content-section.process-section .process-card:hover {
    background: rgba(255, 255, 255, 0.055);
    transform: translateY(-4px);
}

.compact-card {
    transition:
        transform var(--transition),
        background-color var(--transition),
        border-color var(--transition);
}

/* =========================================================
   İLETİŞİM BÖLÜMÜ
========================================================= */
.home-contact-section,
.content-section.contact-section {
    color: var(--burgundy);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent 55%),
        #d9c9b8;
}

.contact-heading {
    max-width: 920px;
}

.home-contact-grid {
    grid-template-columns: minmax(300px, 0.85fr) minmax(360px, 1.15fr);
}

.contact-info-panel {
    padding: clamp(28px, 4vw, 54px);
    border: 1px solid rgba(43, 16, 13, 0.23);
    background: rgba(255, 255, 255, 0.14);
}

.contact-list {
    display: grid;
}

.contact-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 18px;
    padding: 23px 0;
    border-bottom: 1px solid rgba(43, 16, 13, 0.16);
}

.contact-item:first-child {
    padding-top: 0;
}

.contact-item > span {
    padding-top: 5px;
    font-family: var(--heading-font);
    font-size: 13px;
    opacity: 0.55;
}

.contact-item strong {
    display: block;
    margin-bottom: 6px;
    font-family: var(--heading-font);
    font-size: clamp(23px, 2vw, 30px);
    font-weight: 400;
}

.contact-item p {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.7;
    opacity: 0.75;
}

.instagram-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 30px;
    padding: 16px 19px;
    color: var(--cream);
    background: var(--burgundy);
    font-family: var(--heading-font);
    font-size: 17px;
    letter-spacing: 0.5px;
    transition:
        transform var(--transition),
        background var(--transition);
}

.instagram-button:hover {
    background: #421913;
    transform: translateY(-2px);
}

.instagram-button.disabled {
    cursor: default;
    opacity: 0.58;
}

.elevated-form {
    gap: 18px;
    padding: clamp(28px, 4vw, 54px);
    border: 1px solid rgba(43, 16, 13, 0.2);
    background: rgba(246, 239, 231, 0.62);
    box-shadow: 0 28px 70px rgba(43, 16, 13, 0.09);
}

.form-intro {
    margin-bottom: 8px;
}

.form-intro > span {
    display: block;
    margin-bottom: 9px;
    font-size: 9px;
    letter-spacing: 3px;
    opacity: 0.62;
}

.form-intro h3 {
    margin: 0;
    font-family: var(--heading-font);
    font-size: clamp(29px, 3vw, 43px);
    font-weight: 400;
    line-height: 1;
}

.elevated-form label {
    display: grid;
    gap: 8px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
}

.elevated-form input,
.elevated-form textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(43, 16, 13, 0.28);
    border-radius: 0;
    outline: none;
    background: transparent;
}

.elevated-form input:focus,
.elevated-form textarea:focus {
    border-color: var(--burgundy);
}

.form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    justify-self: start;
    min-width: 190px;
    margin-top: 8px;
    padding: 15px 18px;
    cursor: pointer;
    color: var(--cream);
    background: var(--burgundy);
    font-family: var(--heading-font);
    font-size: 17px;
    transition:
        gap var(--transition),
        background var(--transition);
}

.contact-submit:hover {
    gap: 45px;
    background: #421913;
}

@media (max-width: 900px) {
    .home-contact-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .form-row {
        grid-template-columns: 1fr;
    }

    .contact-info-panel,
    .elevated-form {
        padding: 25px 20px;
    }
}


/* =========================================================
   RANDEVU TALEBİ MODÜLÜ
========================================================= */
.appointment-nav-link {
    opacity: 1 !important;
}

.appointment-nav-link::before {
    position: absolute;
    inset: -9px -14px;
    border: 1px solid rgba(232, 222, 208, 0.28);
    content: "";
}

.appointment-section {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.34), transparent 50%),
        #d9c9b8;
}

.appointment-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.78fr) minmax(380px, 1.22fr);
    gap: clamp(35px, 7vw, 110px);
    align-items: start;
}

.appointment-note {
    position: sticky;
    top: 40px;
    padding: clamp(30px, 4vw, 55px);
    color: var(--cream);
    background:
        radial-gradient(circle at 85% 10%, rgba(178, 105, 78, 0.17), transparent 32%),
        var(--burgundy);
}

.appointment-note > span {
    display: block;
    margin-bottom: 18px;
    font-size: 9px;
    letter-spacing: 3px;
    opacity: 0.62;
}

.appointment-note h2 {
    margin: 0 0 20px;
    font-family: var(--heading-font);
    font-size: clamp(35px, 4vw, 54px);
    font-weight: 400;
    line-height: 0.98;
}

.appointment-note > p {
    font-size: 13px;
    line-height: 1.8;
    opacity: 0.72;
}

.appointment-note ol {
    display: grid;
    gap: 0;
    margin: 35px 0 0;
    padding: 0;
    list-style: none;
}

.appointment-note li {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    padding: 18px 0;
    border-top: 1px solid rgba(232, 222, 208, 0.16);
    font-family: var(--heading-font);
    font-size: 18px;
}

.appointment-note li strong {
    font-size: 12px;
    font-weight: 400;
    opacity: 0.55;
}

.appointment-form select {
    width: 100%;
    padding: 15px;
    border: 0;
    border-bottom: 1px solid rgba(43, 16, 13, 0.28);
    border-radius: 0;
    outline: none;
    color: var(--burgundy);
    background: transparent;
    font: inherit;
}

@media (max-width: 900px) {
    .appointment-layout {
        grid-template-columns: 1fr;
    }

    .appointment-note {
        position: static;
    }
}


/* =========================================================
   İLETİŞİM + RANDEVU — TEK SAYFA
========================================================= */
.contact-appointment-section {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.38), transparent 50%),
        #d9c9b8;
}

.contact-appointment-layout {
    display: grid;
    grid-template-columns: minmax(290px, 0.8fr) minmax(420px, 1.2fr);
    gap: clamp(38px, 7vw, 105px);
    align-items: start;
}

.contact-information-panel {
    position: sticky;
    top: 38px;
    padding: clamp(32px, 4vw, 56px);
    color: var(--cream);
    background:
        radial-gradient(circle at 85% 10%, rgba(178, 105, 78, 0.18), transparent 34%),
        var(--burgundy);
}

.contact-information-panel .section-label {
    display: block;
    margin-bottom: 18px;
    font-size: 9px;
    letter-spacing: 3px;
    opacity: 0.62;
}

.contact-information-panel h2 {
    margin: 0 0 20px;
    font-family: var(--heading-font);
    font-size: clamp(36px, 4vw, 55px);
    font-weight: 400;
    line-height: 0.98;
}

.contact-information-panel > p {
    margin: 0;
    font-size: 13px;
    line-height: 1.8;
    opacity: 0.74;
}

.contact-information-list {
    display: grid;
    margin-top: 32px;
}

.contact-information-list > * {
    display: grid;
    gap: 7px;
    padding: 18px 0;
    border-top: 1px solid rgba(232, 222, 208, 0.16);
    color: inherit;
    text-decoration: none;
}

.contact-information-list small {
    font-size: 9px;
    letter-spacing: 1.8px;
    opacity: 0.54;
}

.contact-information-list strong {
    font-family: var(--heading-font);
    font-size: 19px;
    font-weight: 400;
    line-height: 1.35;
}

.contact-social-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.contact-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    padding: 11px 16px;
    border: 1px solid rgba(232, 222, 208, 0.28);
    color: var(--cream);
    text-decoration: none;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.25s ease;
}

.contact-action-button:hover {
    color: var(--burgundy);
    background: var(--cream);
}

.appointment-form select {
    width: 100%;
    padding: 15px 0;
    border: 0;
    border-bottom: 1px solid rgba(43, 16, 13, 0.28);
    border-radius: 0;
    outline: none;
    color: var(--burgundy);
    background: transparent;
    font: inherit;
}

.appointment-form .form-intro p {
    margin: 12px 0 0;
    font-size: 12px;
    line-height: 1.7;
    opacity: 0.65;
}

@media (max-width: 900px) {
    .contact-appointment-layout {
        grid-template-columns: 1fr;
    }

    .contact-information-panel {
        position: static;
    }
}


/* =========================================================
   GENEL MESAJ + RANDEVU SEKME SİSTEMİ
========================================================= */
.contact-form-panel {
    min-width: 0;
}

.contact-form-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
    border: 1px solid rgba(43, 16, 13, 0.18);
    background: rgba(255, 255, 255, 0.2);
}

.contact-form-tab {
    min-height: 54px;
    padding: 14px 18px;
    border: 0;
    color: var(--burgundy);
    background: transparent;
    font: inherit;
    font-size: 11px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.25s ease;
}

.contact-form-tab + .contact-form-tab {
    border-left: 1px solid rgba(43, 16, 13, 0.18);
}

.contact-form-tab.active {
    color: var(--cream);
    background: var(--burgundy);
}

.contact-switch-form {
    display: none;
}

.contact-switch-form.active {
    display: block;
}

.contact-switch-form textarea {
    min-height: 135px;
}



@media (max-width: 560px) {
    .contact-form-tabs {
        grid-template-columns: 1fr;
    }

    .contact-form-tab + .contact-form-tab {
        border-top: 1px solid rgba(43, 16, 13, 0.18);
        border-left: 0;
    }
}


/* =========================================================
   V9 — ANA SAYFA KAYDIRMA, SADE HERO VE ADMIN BAĞLANTISI
========================================================= */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

#hakkimda,
#calisma-alanlari,
#terapi-sureci,
#blog,
#iletisim {
    scroll-margin-top: 96px;
}

/* Görseli daha görünür bırakır */
.hero-overlay {
    background: rgba(26, 6, 4, 0.38) !important;
}

.hero {
    background-position: center !important;
}

/* Hero kartları daha küçük ve sade */
.hero-navigation {
    margin-top: clamp(34px, 5vh, 62px);
}

.hero-nav-card {
    min-height: 104px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.hero-nav-card h2 {
    margin-bottom: 0;
    font-size: clamp(18px, 1.35vw, 24px);
}

.hero-nav-card .card-number {
    margin-bottom: 8px;
}

.hero-nav-card .card-arrow {
    margin-top: 12px;
}

.intro-about-summary h2 {
    margin: 0 0 16px;
    font-family: var(--heading-font);
    font-size: clamp(27px, 2.5vw, 42px);
    font-weight: 400;
    line-height: 1.05;
}

.intro-about-summary p {
    font-family: var(--heading-font);
    font-size: clamp(17px, 1.4vw, 22px);
    line-height: 1.45;
}

.intro-more-link {
    display: inline-flex;
    gap: 14px;
    margin-top: 22px;
    padding-bottom: 6px;
    border-bottom: 1px solid currentColor;
    font-family: var(--heading-font);
    font-size: 17px;
}

/* Hafif kayarak görünme */
.section-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 700ms ease,
        transform 700ms ease;
}

.section-reveal.section-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Footer admin bağlantısı */
.footer-admin-link {
    padding: 5px 12px;
    border: 1px solid rgba(232, 222, 208, 0.28);
    opacity: 0.85 !important;
}

/* Her sayfadan mesaj/randevu erişimi */
.quick-contact-actions {
    position: fixed;
    z-index: 950;
    right: 18px;
    bottom: 18px;
    display: flex;
    gap: 8px;
}

.quick-contact-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 43px;
    padding: 0 15px;
    border: 1px solid rgba(232, 222, 208, 0.28);
    color: var(--cream);
    background: rgba(38, 11, 8, 0.94);
    box-shadow: 0 10px 30px rgba(20, 5, 4, 0.22);
    backdrop-filter: blur(10px);
    font-family: var(--heading-font);
    font-size: 16px;
}

.quick-contact-actions a:last-child {
    color: var(--burgundy);
    background: rgba(235, 224, 211, 0.96);
}

@media (max-width: 1100px) {
    .hero-navigation {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .hero-nav-card:not(:last-child) {
        margin-right: 14px;
    }
}

@media (max-width: 820px) {
    .hero-navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-nav-card {
        min-height: 94px;
    }

    .quick-contact-actions {
        right: 12px;
        bottom: 12px;
        left: 12px;
    }

    .quick-contact-actions a {
        flex: 1;
    }

    .footer-bottom {
        padding-bottom: 66px;
    }
}

@media (max-width: 520px) {
    .hero-navigation {
        grid-template-columns: 1fr 1fr;
        margin-top: 46px;
    }

    .hero-nav-card {
        padding: 16px 8px;
    }

    .hero-nav-card h2 {
        font-size: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .section-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}


/* =========================================================
   V10 — SAYFADAN ÇIKMADAN İLETİŞİM / RANDEVU FORMU
========================================================= */

body.contact-modal-open {
    overflow: hidden;
}

.nav-contact-button {
    padding: 0;
    border: 0;
    cursor: pointer;
    color: inherit;
    background: transparent;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.contact-modal-backdrop {
    position: fixed;
    z-index: 1200;
    inset: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(19, 5, 4, 0.72);
    backdrop-filter: blur(7px);
    transition:
        opacity 260ms ease,
        visibility 260ms ease;
}

.contact-modal-backdrop.open {
    visibility: visible;
    opacity: 1;
}

.contact-modal {
    position: fixed;
    z-index: 1210;
    top: 50%;
    left: 50%;
    width: min(1180px, calc(100vw - 48px));
    max-height: calc(100dvh - 48px);
    padding: clamp(22px, 3vw, 38px);
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    color: var(--burgundy);
    background: #e8dccf;
    box-shadow: 0 35px 100px rgba(20, 5, 4, 0.38);
    transform: translate(-50%, -46%) scale(0.98);
    transition:
        opacity 280ms ease,
        visibility 280ms ease,
        transform 280ms ease;
}

.contact-modal.open {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.contact-modal-close {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 12px;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(43, 16, 13, 0.24);
    cursor: pointer;
    color: var(--burgundy);
    background: rgba(238, 228, 216, 0.92);
    font-family: var(--heading-font);
    font-size: 29px;
    line-height: 1;
}

.contact-modal-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 22px;
    border: 1px solid rgba(43, 16, 13, 0.2);
}

.contact-modal-tab {
    min-height: 64px;
    border: 0;
    cursor: pointer;
    color: var(--burgundy);
    background: rgba(255, 255, 255, 0.18);
    font: inherit;
    font-size: 11px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.contact-modal-tab + .contact-modal-tab {
    border-left: 1px solid rgba(43, 16, 13, 0.2);
}

.contact-modal-tab.active {
    color: var(--cream);
    background: var(--burgundy);
}

.contact-modal-status {
    display: none;
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid;
    font-size: 13px;
    line-height: 1.6;
}

.contact-modal-status.success,
.contact-modal-status.error {
    display: block;
}

.contact-modal-status.success {
    border-color: #78916f;
    background: #dce8d8;
}

.contact-modal-status.error {
    border-color: #9b625b;
    background: #efd4d0;
}

.contact-modal-form {
    display: none;
    gap: 18px;
    padding: clamp(28px, 4vw, 58px);
    border: 1px solid rgba(43, 16, 13, 0.2);
    background: rgba(247, 240, 232, 0.72);
}

.contact-modal-form.active {
    display: grid;
}

.contact-modal-intro {
    margin-bottom: 5px;
}

.contact-modal-intro > span {
    display: block;
    margin-bottom: 12px;
    font-size: 9px;
    letter-spacing: 4px;
    opacity: 0.58;
}

.contact-modal-intro h2 {
    margin: 0;
    font-family: var(--heading-font);
    font-size: clamp(38px, 4.5vw, 62px);
    font-weight: 400;
    line-height: 0.98;
}

.contact-modal-intro p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.6;
    opacity: 0.78;
}

.contact-modal-form label {
    display: grid;
    gap: 7px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
}

.contact-modal-form input,
.contact-modal-form textarea,
.contact-modal-form select {
    width: 100%;
    min-height: 42px;
    padding: 8px 0;
    border: 0;
    border-bottom: 1px solid rgba(43, 16, 13, 0.3);
    border-radius: 0;
    outline: none;
    color: inherit;
    background: transparent;
    font: inherit;
}

.contact-modal-form textarea {
    min-height: 125px;
    resize: vertical;
}

.contact-modal-form input:focus,
.contact-modal-form textarea:focus,
.contact-modal-form select:focus {
    border-color: var(--burgundy);
}

.quick-contact-actions button {
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 43px;
    padding: 0 15px;
    border: 1px solid rgba(232, 222, 208, 0.28);
    cursor: pointer;
    color: var(--cream);
    background: rgba(38, 11, 8, 0.94);
    box-shadow: 0 10px 30px rgba(20, 5, 4, 0.22);
    backdrop-filter: blur(10px);
    font-family: var(--heading-font);
    font-size: 16px;
}

.quick-contact-actions button:last-child {
    color: var(--burgundy);
    background: rgba(235, 224, 211, 0.96);
}

.hero-nav-card.open-contact-modal,
button.hero-button {
    cursor: pointer;
    color: inherit;
    background: transparent;
    text-align: left;
    font: inherit;
}

@media (max-width: 820px) {
    .contact-modal {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
        padding: 18px;
    }

    .contact-modal-form {
        padding: 30px 22px;
    }

    .contact-modal-intro h2 {
        font-size: clamp(34px, 8vw, 50px);
    }
}

@media (max-width: 560px) {
    .contact-modal {
        width: 100vw;
        height: 100dvh;
        max-height: none;
        padding: 66px 14px 18px;
    }

    .contact-modal-close {
        top: 12px;
        right: 14px;
    }

    .contact-modal-tabs {
        grid-template-columns: 1fr;
    }

    .contact-modal-tab + .contact-modal-tab {
        border-top: 1px solid rgba(43, 16, 13, 0.2);
        border-left: 0;
    }

    .contact-modal-form {
        padding: 26px 18px;
    }

    .contact-modal-form .form-row {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V11 — TAM EKRAN ANA SAYFA, SABİT MENÜ VE FOOTER
========================================================= */

:root {
    --fixed-header-height: 112px;
    --fixed-footer-height: 82px;
}

html {
    scroll-padding-top: var(--fixed-header-height);
}

body {
    padding-bottom: var(--fixed-footer-height);
}

.site-header,
.inner-site-header {
    position: fixed !important;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    min-height: var(--fixed-header-height);
    background:
        linear-gradient(
            180deg,
            rgba(25, 6, 5, 0.98),
            rgba(25, 6, 5, 0.88)
        );
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 rgba(232, 222, 208, 0.11);
}

.fixed-site-footer {
    position: fixed;
    z-index: 900;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 24px;
    align-items: center;
    min-height: var(--fixed-footer-height);
    padding: 14px var(--page-padding);
    border-top: 1px solid rgba(232, 222, 208, 0.15);
    background: rgba(22, 8, 6, 0.97);
    backdrop-filter: blur(12px);
}

.fixed-site-footer .footer-brand {
    align-items: flex-start;
    margin: 0;
    text-align: left;
}

.fixed-site-footer .footer-navigation {
    justify-content: center;
    padding: 0;
}

.fixed-site-footer .footer-bottom {
    display: block;
    padding: 0;
    border: 0;
    text-align: right;
}

.fixed-site-footer .footer-bottom p {
    margin: 2px 0;
}

.home-page > section:not(.hero),
.inner-page > section,
.article-page {
    scroll-margin-top: var(--fixed-header-height);
}

/* Hero yalnızca soldaki metin + sağdaki randevu alanı */
.hero {
    min-height: calc(100svh - var(--fixed-footer-height));
    padding-top: calc(var(--fixed-header-height) + 24px);
    padding-bottom: 50px;
    background:
        linear-gradient(
            90deg,
            rgba(31, 8, 6, 0.84) 0%,
            rgba(31, 8, 6, 0.62) 45%,
            rgba(31, 8, 6, 0.18) 74%,
            rgba(31, 8, 6, 0.08) 100%
        ),
        var(--hero-image, url("../images/hero-room.png")) center / cover no-repeat !important;
}

.hero::after {
    background: transparent !important;
}

.hero-content {
    grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.55fr);
    align-items: center;
    min-height: calc(
        100svh
        - var(--fixed-header-height)
        - var(--fixed-footer-height)
        - 74px
    );
}

.hero-side-action {
    align-self: center;
    max-width: 390px;
    margin-left: auto;
    padding: clamp(28px, 4vw, 48px);
    border: 1px solid rgba(232, 222, 208, 0.28);
    background: rgba(31, 9, 7, 0.46);
    backdrop-filter: blur(6px);
}

.hero-side-action > span {
    display: block;
    margin-bottom: 16px;
    font-size: 9px;
    letter-spacing: 3px;
    opacity: 0.68;
}

.hero-side-action h2 {
    margin: 0;
    font-family: var(--heading-font);
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 400;
    line-height: 1.02;
}

.hero-appointment-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    min-width: 220px;
    margin-top: 28px;
    padding: 15px 18px;
    border: 1px solid rgba(232, 222, 208, 0.34);
    cursor: pointer;
    color: var(--cream);
    background: rgba(22, 7, 5, 0.8);
    font-family: var(--heading-font);
    font-size: 18px;
    transition:
        gap 240ms ease,
        background 240ms ease;
}

.hero-appointment-button:hover {
    gap: 44px;
    background: #3a120e;
}

/* Her ana bölüm tam ekran olarak gelir */
.intro-section,
.home-preview-section,
.home-contact-section {
    min-height: calc(
        100svh
        - var(--fixed-header-height)
        - var(--fixed-footer-height)
    );
}

.intro-section {
    align-items: stretch;
}

.intro-section > * {
    min-height: calc(
        100svh
        - var(--fixed-header-height)
        - var(--fixed-footer-height)
    );
}

.home-preview-section,
.home-contact-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: clamp(55px, 7vh, 90px);
    padding-bottom: clamp(55px, 7vh, 90px);
}

.home-preview-section .section-heading,
.home-contact-section .section-heading {
    flex: 0 0 auto;
}

.home-preview-section .home-card-grid,
.home-contact-section .home-contact-grid {
    flex: 0 1 auto;
}

.section-reveal {
    transform: translateY(18px);
}

.section-reveal.section-visible {
    transform: translateY(0);
}

/* Modal butonları footer'ın üzerinde kalsın */
.quick-contact-actions {
    bottom: calc(var(--fixed-footer-height) + 14px);
}

/* İç sayfalar sabit header/footer ile taşmasın */
.inner-page,
.article-page {
    padding-top: var(--fixed-header-height);
}

.inner-hero {
    padding-top: clamp(70px, 8vw, 110px);
}

/* Tablet */
@media (max-width: 1100px) {
    :root {
        --fixed-header-height: 88px;
        --fixed-footer-height: 72px;
    }

    .fixed-site-footer {
        grid-template-columns: 1fr auto;
    }

    .fixed-site-footer .footer-brand {
        display: none;
    }

    .fixed-site-footer .footer-navigation {
        justify-content: flex-start;
    }

    .hero-content {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.52fr);
    }
}

/* Telefon */
@media (max-width: 720px) {
    :root {
        --fixed-header-height: 78px;
        --fixed-footer-height: 68px;
    }

    .fixed-site-footer {
        grid-template-columns: 1fr;
        padding: 10px 16px;
    }

    .fixed-site-footer .footer-navigation {
        display: none;
    }

    .fixed-site-footer .footer-bottom {
        text-align: center;
    }

    .fixed-site-footer .footer-signature {
        display: none;
    }

    .hero {
        padding-top: calc(var(--fixed-header-height) + 35px);
        padding-bottom: 45px;
        background-position: 62% center !important;
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        min-height: auto;
    }

    .hero-copy {
        width: 100%;
    }

    .hero-side-action {
        width: 100%;
        max-width: none;
        margin: 38px 0 0;
    }

    .intro-section,
    .home-preview-section,
    .home-contact-section {
        min-height: calc(
            100svh
            - var(--fixed-header-height)
            - var(--fixed-footer-height)
        );
    }

    .intro-section > * {
        min-height: auto;
    }

    .intro-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .quick-contact-actions {
        bottom: calc(var(--fixed-footer-height) + 10px);
    }

    body {
        padding-bottom: calc(var(--fixed-footer-height) + 4px);
    }
}


/* =========================================================
   V12 — İLETİŞİM SAYFASI: SAYFA İÇİ SEKMELİ FORM
========================================================= */

.standalone-contact-page {
    display: flex;
    align-items: center;
    min-height: calc(
        100svh
        - var(--fixed-header-height)
        - var(--fixed-footer-height)
    );
    padding-top: clamp(28px, 4vh, 52px);
    padding-bottom: clamp(28px, 4vh, 52px);
    background:
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.2), transparent 30%),
        #dfd0bf;
}

.standalone-contact-page .contact-appointment-layout {
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
    align-items: stretch;
}

.standalone-contact-page .contact-information-panel,
.standalone-contact-page .contact-form-panel {
    min-height: min(
        680px,
        calc(
            100svh
            - var(--fixed-header-height)
            - var(--fixed-footer-height)
            - 70px
        )
    );
}

.standalone-contact-page .contact-information-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.standalone-contact-page .contact-form-panel {
    display: flex;
    flex-direction: column;
}

.standalone-contact-page .contact-form-tabs {
    flex: 0 0 auto;
    margin-bottom: 18px;
}

.standalone-contact-page .contact-switch-form {
    flex: 1 1 auto;
    align-content: start;
    min-height: 0;
    overflow-y: auto;
}

.standalone-contact-page .contact-form-tab {
    min-height: 62px;
    font-size: 11px;
    letter-spacing: 1.7px;
}

.standalone-contact-page .contact-form-tab.active {
    color: var(--cream);
    background: var(--burgundy);
}

.standalone-contact-page .elevated-form {
    padding: clamp(28px, 3vw, 48px);
}

.standalone-contact-page .form-intro h3 {
    font-size: clamp(34px, 3.2vw, 52px);
}

.standalone-contact-page .elevated-form textarea {
    min-height: 115px;
}

/* İletişim sayfasında global sağ-alt butonları ve açılır pencere görünmez */
body:has(.standalone-contact-page) .quick-contact-actions,
body:has(.standalone-contact-page) .contact-modal,
body:has(.standalone-contact-page) .contact-modal-backdrop {
    display: none !important;
}

@media (max-width: 1100px) {
    .standalone-contact-page {
        align-items: flex-start;
        min-height: auto;
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .standalone-contact-page .contact-information-panel,
    .standalone-contact-page .contact-form-panel {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .standalone-contact-page {
        padding: 20px 14px 28px;
    }

    .standalone-contact-page .contact-form-tabs {
        grid-template-columns: 1fr;
    }

    .standalone-contact-page .contact-form-tab + .contact-form-tab {
        border-top: 1px solid rgba(43,16,13,.18);
        border-left: 0;
    }

    .standalone-contact-page .contact-switch-form {
        overflow: visible;
    }

    .standalone-contact-page .contact-information-panel,
    .standalone-contact-page .elevated-form {
        padding: 25px 20px;
    }
}


/* =========================================================
   V13 — İLETİŞİM SAYFASI SABİT SEKMELER + FOOTER ADMIN
========================================================= */

/* İletişim sayfasında sağ alttaki Mesaj / Randevu hızlı düğmeleri yok */
body:has(.standalone-contact-page) .quick-contact-actions,
body:has(.contact-appointment-section) .quick-contact-actions {
    display: none !important;
}

/* İletişim sayfasında modal form da açılmaz */
body:has(.standalone-contact-page) .contact-modal,
body:has(.standalone-contact-page) .contact-modal-backdrop,
body:has(.contact-appointment-section) .contact-modal,
body:has(.contact-appointment-section) .contact-modal-backdrop {
    display: none !important;
}

/* Form sekmeleri formun tepesinde kalır */
.contact-form-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.contact-form-tabs {
    position: sticky;
    z-index: 3;
    top: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
    border: 1px solid rgba(43, 16, 13, 0.2);
    background: #eadfd3;
}

.contact-form-tab {
    min-height: 62px;
    border: 0;
    cursor: pointer;
    color: var(--burgundy);
    background: rgba(255, 255, 255, 0.14);
    font: inherit;
    font-size: 11px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.contact-form-tab + .contact-form-tab {
    border-left: 1px solid rgba(43, 16, 13, 0.2);
}

.contact-form-tab.active {
    color: var(--cream);
    background: var(--burgundy);
}

.contact-switch-form {
    display: none;
}

.contact-switch-form.active {
    display: grid;
}

/* Footer'daki Admin bağlantısı diğer bağlantılarla aynı */
.footer-navigation a {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 0.68;
}

.footer-navigation a:hover,
.footer-navigation a.active {
    opacity: 1;
}

/* Daha önce eklenen özel admin görünümünü etkisizleştir */
.footer-admin-link {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 0.68 !important;
}

@media (max-width: 720px) {
    .contact-form-tabs {
        position: static;
        grid-template-columns: 1fr;
    }

    .contact-form-tab + .contact-form-tab {
        border-top: 1px solid rgba(43, 16, 13, 0.2);
        border-left: 0;
    }
}


/* =========================================================
   V14 — MİNİMAL HEADER / FOOTER + SAĞ ALT BUTONLAR YOK
========================================================= */

:root {
    --fixed-header-height: 68px !important;
    --fixed-footer-height: 48px !important;
}

body {
    padding-bottom: var(--fixed-footer-height) !important;
}

/* Sağ alttaki hızlı iletişim düğmeleri tüm sitede kaldırıldı */
.quick-contact-actions {
    display: none !important;
}

/* Minimal üst menü */
.site-header,
.inner-site-header {
    min-height: var(--fixed-header-height) !important;
    padding:
        10px
        var(--page-padding) !important;
    background:
        rgba(24, 7, 5, 0.94) !important;
    backdrop-filter: blur(10px);
    box-shadow:
        0 1px 0 rgba(232, 222, 208, 0.08) !important;
}

.brand {
    gap: 2px !important;
}

.brand-name {
    font-size: 18px !important;
    letter-spacing: 4px !important;
}

.brand-title {
    font-size: 7px !important;
    letter-spacing: 4px !important;
}

.main-navigation {
    gap: clamp(16px, 2.2vw, 34px) !important;
}

.main-navigation a,
.main-navigation .nav-contact-button {
    font-size: 11px !important;
    letter-spacing: 2px !important;
}

.main-navigation a::after {
    bottom: -7px !important;
}

/* Minimal footer */
.fixed-site-footer,
.site-footer.fixed-site-footer {
    min-height: var(--fixed-footer-height) !important;
    padding:
        7px
        var(--page-padding) !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 16px !important;
    background:
        rgba(20, 6, 5, 0.97) !important;
}

.fixed-site-footer .footer-brand {
    display: flex !important;
    margin: 0 !important;
    gap: 1px !important;
}

.fixed-site-footer .footer-name {
    font-size: 14px !important;
    letter-spacing: 3px !important;
}

.fixed-site-footer .footer-title {
    font-size: 6px !important;
    letter-spacing: 3px !important;
}

.fixed-site-footer .footer-navigation {
    gap: 8px 18px !important;
}

.fixed-site-footer .footer-navigation a {
    font-size: 11px !important;
    line-height: 1 !important;
}

.fixed-site-footer .footer-bottom {
    font-size: 8px !important;
    line-height: 1.1 !important;
}

.fixed-site-footer .footer-signature {
    font-size: 6px !important;
    letter-spacing: 1.3px !important;
}

/* Sabit alanlara göre içerik hizası */
html {
    scroll-padding-top: var(--fixed-header-height) !important;
}

.hero {
    min-height: calc(100svh - var(--fixed-footer-height)) !important;
    padding-top: calc(var(--fixed-header-height) + 18px) !important;
}

.home-page > section:not(.hero),
.inner-page > section,
.article-page {
    scroll-margin-top: var(--fixed-header-height) !important;
}

/* Tablet */
@media (max-width: 1100px) {
    :root {
        --fixed-header-height: 62px !important;
        --fixed-footer-height: 44px !important;
    }

    .site-header,
    .inner-site-header {
        padding:
            8px
            18px !important;
    }

    .brand-name {
        font-size: 16px !important;
    }

    .brand-title {
        font-size: 6px !important;
    }

    .menu-toggle {
        transform: scale(0.82);
        transform-origin: center;
    }

    .fixed-site-footer {
        grid-template-columns: 1fr auto !important;
    }

    .fixed-site-footer .footer-brand {
        display: none !important;
    }
}

/* Telefon */
@media (max-width: 720px) {
    :root {
        --fixed-header-height: 58px !important;
        --fixed-footer-height: 40px !important;
    }

    .site-header,
    .inner-site-header {
        padding:
            7px
            14px !important;
    }

    .brand-name {
        font-size: 15px !important;
        letter-spacing: 3px !important;
    }

    .brand-title {
        font-size: 6px !important;
        letter-spacing: 3px !important;
    }

    .fixed-site-footer,
    .site-footer.fixed-site-footer {
        min-height: var(--fixed-footer-height) !important;
        padding:
            6px
            12px !important;
        grid-template-columns: 1fr !important;
    }

    .fixed-site-footer .footer-navigation,
    .fixed-site-footer .footer-brand,
    .fixed-site-footer .footer-signature {
        display: none !important;
    }

    .fixed-site-footer .footer-bottom {
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 8px !important;
    }
}


/* =========================================================
   V15 — SABİT HEADER, NORMAL FOOTER, TAM BÖLÜM HİZASI
========================================================= */

:root {
    --fixed-header-height: 68px !important;
}

/* Yalnızca üst menü sabit */
.site-header,
.inner-site-header {
    position: fixed !important;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    min-height: var(--fixed-header-height) !important;
}

/* Footer artık sabit değil; yalnızca sayfanın sonunda görünür */
body {
    padding-bottom: 0 !important;
}

.site-footer,
.fixed-site-footer,
.site-footer.fixed-site-footer {
    position: relative !important;
    z-index: 5;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 20px !important;
    align-items: center !important;
    min-height: 58px !important;
    padding: 10px var(--page-padding) !important;
    background: #160806 !important;
    backdrop-filter: none !important;
}

/* Header ve footer menü bağlantıları aynı tipografi */
.main-navigation a,
.main-navigation .nav-contact-button,
.footer-navigation a {
    padding: 0 !important;
    border: 0 !important;
    color: var(--cream) !important;
    background: transparent !important;
    font-family: var(--body-font) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    opacity: 0.72 !important;
    transition:
        opacity var(--transition),
        color var(--transition) !important;
}

.main-navigation a:hover,
.main-navigation a.active,
.main-navigation .nav-contact-button:hover,
.footer-navigation a:hover {
    opacity: 1 !important;
}

.footer-navigation {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 24px !important;
    padding: 0 !important;
}

.footer-brand {
    align-items: flex-start !important;
    margin: 0 !important;
    gap: 1px !important;
    text-align: left !important;
}

.footer-name {
    font-size: 14px !important;
    letter-spacing: 3px !important;
}

.footer-title {
    font-size: 6px !important;
    letter-spacing: 3px !important;
}

.footer-bottom {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: right !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
}

/* Sabit header nedeniyle içerik aşağıdan başlar */
.home-page,
.inner-page {
    padding-top: var(--fixed-header-height) !important;
}

.hero {
    min-height: calc(100svh - var(--fixed-header-height)) !important;
    padding-top: 24px !important;
}

/* Ana sayfadaki her önizleme ekranı tam görünür */
.intro-section,
.home-preview-section,
.home-contact-section {
    min-height: calc(100svh - var(--fixed-header-height)) !important;
    scroll-margin-top: var(--fixed-header-height) !important;
}

.intro-section {
    display: grid;
    align-items: stretch;
}

.intro-section > * {
    min-height: calc(100svh - var(--fixed-header-height)) !important;
}

.home-preview-section,
.home-contact-section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box;
    padding-top: clamp(42px, 6vh, 72px) !important;
    padding-bottom: clamp(42px, 6vh, 72px) !important;
}

#ana-sayfa,
#hakkimda,
#calisma-alanlari,
#terapi-sureci,
#blog,
#iletisim {
    scroll-margin-top: var(--fixed-header-height) !important;
}

/* İç sayfalar da header altında düzgün başlar */
.inner-hero {
    margin-top: 0 !important;
}

.article-page {
    padding-top: clamp(60px, 8vw, 100px) !important;
}

/* Tablet */
@media (max-width: 1100px) {
    :root {
        --fixed-header-height: 62px !important;
    }

    .site-footer,
    .fixed-site-footer,
    .site-footer.fixed-site-footer {
        grid-template-columns: 1fr auto !important;
        min-height: 54px !important;
    }

    .footer-brand {
        display: none !important;
    }
}

/* Telefon */
@media (max-width: 720px) {
    :root {
        --fixed-header-height: 58px !important;
    }

    .site-footer,
    .fixed-site-footer,
    .site-footer.fixed-site-footer {
        grid-template-columns: 1fr !important;
        min-height: 48px !important;
        padding: 9px 14px !important;
    }

    .footer-navigation,
    .footer-brand,
    .footer-signature {
        display: none !important;
    }

    .footer-bottom {
        text-align: center !important;
    }

    .hero {
        min-height: calc(100svh - var(--fixed-header-height)) !important;
    }

    .intro-section,
    .home-preview-section,
    .home-contact-section {
        min-height: calc(100svh - var(--fixed-header-height)) !important;
    }

    .intro-section > * {
        min-height: auto !important;
    }
}


/* =========================================================
   V16 — İLETİŞİM SAYFASI İÇİ SEKMELİ FORM + EŞİT FOOTER
========================================================= */

/* İletişim sayfasında modal ve sağ-alt hızlı düğmeler kesinlikle görünmez */
body:has(.standalone-contact-page) .contact-modal,
body:has(.standalone-contact-page) .contact-modal-backdrop,
body:has(.standalone-contact-page) .quick-contact-actions {
    display: none !important;
}

/* İletişim sayfası sabit header altında tek ekran düzeni */
.standalone-contact-page {
    display: flex;
    align-items: center;
    min-height: calc(100svh - var(--fixed-header-height));
    padding:
        clamp(32px, 5vh, 64px)
        var(--page-padding);
    background:
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.2), transparent 32%),
        #dfd0bf;
}

.standalone-contact-page .contact-appointment-layout {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    align-items: stretch;
}

.standalone-contact-page .contact-information-panel,
.standalone-contact-page .contact-form-panel {
    min-height: min(690px, calc(100svh - var(--fixed-header-height) - 90px));
}

.standalone-contact-page .contact-information-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Form, modal görünümüne yakın ama sayfa içinde sabit */
.standalone-contact-page .contact-form-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.standalone-contact-page .contact-form-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
    border: 1px solid rgba(43, 16, 13, 0.2);
    background: #eadfd3;
}

.standalone-contact-page .contact-form-tab {
    min-height: 64px;
    border: 0;
    cursor: pointer;
    color: var(--burgundy);
    background: rgba(255,255,255,.16);
    font: inherit;
    font-size: 11px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.standalone-contact-page .contact-form-tab + .contact-form-tab {
    border-left: 1px solid rgba(43, 16, 13, 0.2);
}

.standalone-contact-page .contact-form-tab.active {
    color: var(--cream);
    background: var(--burgundy);
}

.standalone-contact-page .contact-switch-form {
    display: none;
    flex: 1 1 auto;
    align-content: start;
    min-height: 0;
    padding: clamp(34px, 4vw, 58px);
    overflow-y: auto;
    border: 1px solid rgba(43, 16, 13, 0.2);
    background: rgba(247, 240, 232, 0.76);
    box-shadow: 0 25px 60px rgba(43, 16, 13, 0.08);
}

.standalone-contact-page .contact-switch-form.active {
    display: grid;
}

.standalone-contact-page .form-intro h3 {
    font-size: clamp(38px, 4vw, 60px);
}

.standalone-contact-page .elevated-form textarea {
    min-height: 125px;
}

/* Footer'daki tüm yazılar birebir aynı */
.footer-navigation a,
.footer-navigation button,
.footer-navigation .nav-contact-button {
    padding: 0 !important;
    border: 0 !important;
    color: var(--cream) !important;
    background: transparent !important;
    font-family: var(--body-font) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    opacity: 0.72 !important;
    cursor: pointer;
}

.footer-navigation a:hover,
.footer-navigation button:hover,
.footer-navigation .nav-contact-button:hover {
    opacity: 1 !important;
}

/* Sağda yalnızca telif yazısı */
.footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.footer-bottom p {
    margin: 0 !important;
}

.footer-signature {
    display: none !important;
}

@media (max-width: 1100px) {
    .standalone-contact-page {
        align-items: flex-start;
        min-height: auto;
    }

    .standalone-contact-page .contact-information-panel,
    .standalone-contact-page .contact-form-panel {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .standalone-contact-page {
        padding: 22px 14px 34px;
    }

    .standalone-contact-page .contact-form-tabs {
        grid-template-columns: 1fr;
    }

    .standalone-contact-page .contact-form-tab + .contact-form-tab {
        border-top: 1px solid rgba(43, 16, 13, 0.2);
        border-left: 0;
    }

    .standalone-contact-page .contact-switch-form {
        overflow: visible;
        padding: 26px 18px;
    }
}

/* =========================================================
   V17.2 — EKRAN EKRAN YUMUŞAK GEÇİŞ VE FORM KORUMASI
========================================================= */
html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--fixed-header-height, 68px);
}

body.home-page main > section,
body:not(.inner-page-body) main > section {
    scroll-margin-top: var(--fixed-header-height, 68px);
}

/* Hero, sabit menünün altında başlayarak tek ekrana tam oturur. */
.hero {
    box-sizing: border-box;
    min-height: 100svh;
    padding-top: calc(var(--fixed-header-height, 68px) + clamp(32px, 5vh, 58px));
    padding-bottom: clamp(28px, 4vh, 48px);
    background:
        linear-gradient(
            90deg,
            rgba(25, 7, 5, 0.98) 0%,
            rgba(37, 12, 9, 0.93) 38%,
            rgba(35, 13, 10, 0.73) 62%,
            rgba(17, 8, 5, 0.23) 100%
        ),
        var(--hero-image, url("../images/hero-room.png")) center right / cover no-repeat;
}

/* Ana sayfadaki her bölüm, masaüstünde bir ekranlık sahne gibi görünür. */
main > .intro-section,
main > .home-preview-section,
main > .home-contact-section {
    box-sizing: border-box;
    min-height: calc(100svh - var(--fixed-header-height, 68px));
}

/* Önceki sürümde bölümleri yerinden oynatan translate animasyonu kaldırıldı. */
.section-reveal,
.section-reveal.section-visible,
.section-reveal.swipe-enter {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* İletişim alanı, eski iletişim sayfasındaki tasarımı aynen korur. */
.home-contact-section.standalone-contact-page {
    display: flex;
    align-items: center;
    min-height: calc(100svh - var(--fixed-header-height, 68px));
    padding-top: clamp(34px, 4vh, 54px);
    padding-bottom: clamp(34px, 4vh, 54px);
}

.home-contact-section.standalone-contact-page .contact-appointment-layout {
    width: min(100%, 1640px);
    margin: 0 auto;
}

/* Yalnızca beyaz görünen select ve tarih kontrollerinin zemini uyarlanır.
   Form ölçüleri, yerleşimi ve mevcut çizgileri değiştirilmez. */
.standalone-contact-page .elevated-form select,
.standalone-contact-page .elevated-form input[type="date"] {
    color: var(--burgundy);
    background-color: rgba(232, 222, 208, 0.48) !important;
    border-color: rgba(43, 16, 13, 0.24);
    color-scheme: light;
}

.standalone-contact-page .elevated-form select option {
    color: var(--burgundy);
    background: #eadfd2;
}

.standalone-contact-page .elevated-form input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.68;
    filter: sepia(1) saturate(.65) hue-rotate(325deg) brightness(.58);
}

@media (max-width: 1100px) {
    main > .intro-section,
    main > .home-preview-section,
    main > .home-contact-section,
    .home-contact-section.standalone-contact-page {
        min-height: auto;
    }
}

@media (max-width: 700px) {
    .hero {
        min-height: 100svh;
        padding-top: calc(var(--fixed-header-height, 68px) + 54px);
    }

    .home-contact-section.standalone-contact-page {
        align-items: flex-start;
        padding: 24px 14px 36px;
    }
}

/* =========================================================
   V17.3 — HERO'NUN TEK EKRANA TAM OTURMASI
   Sabit menü hero'nun üzerinde kalır; içerik menünün altında
   başlar ve bir sonraki bölüm ilk ekranda görünmez.
========================================================= */
@media (min-width: 701px) {
    body:not(.inner-page-body) .hero {
        box-sizing: border-box !important;
        width: 100% !important;
        height: 100svh !important;
        min-height: 100svh !important;
        max-height: 100svh !important;
        padding-top: calc(var(--fixed-header-height, 68px) + 24px) !important;
        padding-bottom: 24px !important;
        overflow: hidden !important;
    }

    body:not(.inner-page-body) .hero-content {
        height: 100% !important;
        min-height: 0 !important;
        align-items: center !important;
    }
}

/* =========================================================
   V18 — RANDEVU TARİHİ VE SAAT SEÇİMİ
========================================================= */
.appointment-picker { display:grid; gap:14px; margin-top:6px; }
.availability-summary { padding:13px 15px; border:1px solid rgba(118,34,48,.24); background:rgba(247,238,218,.72); color:#53222b; font-size:.92rem; }
.availability-summary[data-tone="available"] { border-left:4px solid #65765d; }
.availability-summary[data-tone="limited"], .availability-summary[data-tone="last"] { border-left:4px solid #a0793e; }
.availability-summary[data-tone="full"], .availability-summary[data-tone="closed"] { border-left:4px solid #7d2735; }
.appointment-slot-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.appointment-slot { min-height:42px; border:1px solid rgba(116,38,52,.3); background:#f7eedb; color:#5b2530; font:inherit; cursor:pointer; transition:.2s ease; }
.appointment-slot:hover:not(:disabled), .appointment-slot.selected { background:#70283a; color:#fff8ea; border-color:#70283a; transform:translateY(-1px); }
.appointment-slot:disabled { background:rgba(90,58,53,.1); color:rgba(69,43,39,.48); cursor:not-allowed; text-decoration:line-through; }
.appointment-picker-help { margin:0; font-size:.8rem; opacity:.72; }
@media (max-width:640px) { .appointment-slot-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }


/* =========================================================
   V18.1 — RANDEVU SAAT KARTLARI
========================================================= */
.appointment-slot-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.appointment-slot {
    min-height:66px;
    padding:10px 8px;
    display:grid;
    place-content:center;
    gap:5px;
    text-align:center;
    text-decoration:none;
}
.appointment-slot strong { font-size:.9rem; font-weight:600; }
.appointment-slot span { font-size:.72rem; letter-spacing:.04em; }
.appointment-slot.status-available { background:#f2f0e6; border-color:rgba(90,111,77,.34); color:#4f6548; }
.appointment-slot.status-booked { background:rgba(121,39,52,.09); border-color:rgba(121,39,52,.24); color:#823744; text-decoration:none; }
.appointment-slot.status-closed,
.appointment-slot.status-capacity_full { background:rgba(72,60,56,.07); border-color:rgba(72,60,56,.14); color:rgba(69,57,52,.52); text-decoration:none; }
.appointment-slot:disabled { text-decoration:none; }
.appointment-slot.selected,
.appointment-slot.status-available:hover:not(:disabled) { background:#70283a; color:#fff8ea; border-color:#70283a; }
.appointment-empty-slots { grid-column:1/-1; margin:0; padding:18px; border:1px dashed rgba(116,38,52,.24); text-align:center; opacity:.7; }
@media (max-width:760px) { .appointment-slot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* =========================================================
   V18.2 — GÖRSELDEKİ RANDEVU AKIŞI
========================================================= */
.booking-wizard-form{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.booking-wizard-head{display:flex;justify-content:space-between;gap:25px;align-items:end;padding:26px 30px;border:1px solid rgba(43,16,13,.16);background:#f5ecdf;}
.booking-wizard-head span{font-size:9px;letter-spacing:3px;opacity:.58}.booking-wizard-head h3{margin:5px 0 0;font-family:var(--heading-font);font-size:clamp(28px,3vw,42px);font-weight:400}.booking-wizard-head p{max-width:420px;margin:0;font-size:12px;line-height:1.7;opacity:.7}
.booking-wizard-grid{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(260px,1fr) minmax(300px,1.18fr);border:1px solid rgba(43,16,13,.16);border-top:0;background:#f8f0e5;}
.booking-step-card{min-width:0;padding:25px 24px;border-right:1px solid rgba(43,16,13,.13);background:rgba(255,252,246,.52)}.booking-step-card:last-child{border-right:0}
.booking-step-card header{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.booking-step-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #a87946;border-radius:50%;font-family:var(--heading-font);font-size:18px;color:#4c201b}.booking-step-card h4{margin:0;font-family:var(--heading-font);font-size:23px;font-weight:500}.booking-step-card header p{margin:4px 0 0;font-size:10px;line-height:1.45;opacity:.63}
.booking-date-label,.booking-info-step label{display:grid;gap:8px;font-size:11px;font-weight:500;letter-spacing:.5px}.booking-native-control{display:flex;width:100%;min-width:0;padding:12px 13px;border:1px solid rgba(43,16,13,.18);background:#fffaf3}.booking-native-control input{display:block;width:100%;min-width:0;border:0!important;background:transparent!important;padding:0!important;color:#3f1c18;font:inherit}
.booking-day-card{margin-top:14px;padding:16px;border:1px solid rgba(169,121,70,.3);background:#f6ead7;color:#4d261d;font-size:12px;line-height:1.55}.booking-day-card[data-tone="limited"],.booking-day-card[data-tone="last"]{border-left:4px solid #b27a2b}.booking-day-card[data-tone="full"],.booking-day-card[data-tone="closed"]{border-left:4px solid #7d2735}.booking-day-card[data-tone="available"]{border-left:4px solid #6d845d}
.booking-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;font-size:9px;opacity:.72}.booking-legend span{display:flex;align-items:center;gap:5px}.booking-legend i{width:8px;height:8px;border-radius:50%}.legend-available{background:#91ad7c}.legend-limited{background:#d8a54f}.legend-full{background:#c65c62}.legend-closed{background:#9a938b}
.booking-time-step .appointment-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.booking-time-step .appointment-slot{min-height:66px;padding:9px 6px;border-radius:6px}.booking-time-step .appointment-slot strong{font-size:13px}.booking-time-step .appointment-slot span{font-size:10px}.booking-time-step .appointment-slot.status-available{background:#eef1e6}.booking-time-step .appointment-slot.status-booked{background:#f8e4e1}.booking-time-step .appointment-slot.status-closed,.booking-time-step .appointment-slot.status-capacity_full{background:#ece9e4}
.booking-capacity-card{margin-top:16px;padding:15px;border:1px solid rgba(169,121,70,.32);background:#f6ead7}.booking-capacity-card>small{display:block;margin-bottom:10px;letter-spacing:2px}.booking-capacity-card>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:11px}.booking-capacity-card strong{font-weight:600}
.booking-info-step{display:grid;align-content:start;gap:14px}.booking-info-step header{margin-bottom:5px}.booking-info-step input,.booking-info-step select,.booking-info-step textarea{width:100%;padding:11px 0;border:0;border-bottom:1px solid rgba(43,16,13,.23);border-radius:0;background:transparent;color:#3f1c18;font:inherit}.booking-info-step textarea{min-height:72px}.booking-info-step .form-row{gap:14px}.booking-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-size:9px!important;line-height:1.45}.booking-consent input{width:auto!important;margin-top:2px}.booking-submit{width:100%;justify-content:center;margin-top:0}.booking-submit:disabled{opacity:.45;cursor:not-allowed}
.booking-success-panel{padding:55px 30px;text-align:center;border:1px solid rgba(43,16,13,.16);background:#f8f0e5}.booking-success-panel .booking-step-number{margin:0 auto 18px;width:56px;height:56px;font-size:28px}.booking-success-panel small{letter-spacing:2px;opacity:.6}.booking-success-panel h3{margin:12px 0;font-family:var(--heading-font);font-size:42px;font-weight:400}.booking-success-panel p{max-width:520px;margin:0 auto 25px;line-height:1.7;opacity:.7}.booking-home-link{display:inline-block;padding:13px 20px;color:var(--cream);background:var(--burgundy);text-decoration:none}
@media(max-width:1250px){.booking-wizard-grid{grid-template-columns:1fr 1fr}.booking-info-step{grid-column:1/-1;border-top:1px solid rgba(43,16,13,.13)}}
@media(max-width:760px){.booking-wizard-head{display:block}.booking-wizard-head p{margin-top:12px}.booking-wizard-grid{grid-template-columns:1fr}.booking-step-card{border-right:0;border-bottom:1px solid rgba(43,16,13,.13)}.booking-info-step{grid-column:auto}.booking-time-step .appointment-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V18.8 — ayrıntılı randevu durumları */
.appointment-slot.status-limited {
    background:#fbf1d7;
    border-color:rgba(190,139,52,.45);
    color:#8a5f18;
}
.appointment-slot.status-last {
    background:#f6e4cf;
    border-color:rgba(157,91,44,.48);
    color:#7b451f;
}
.appointment-slot.status-busy {
    background:#f8e4e1;
    border-color:rgba(121,39,52,.24);
    color:#823744;
}
.appointment-slot.status-limited:hover:not(:disabled),
.appointment-slot.status-last:hover:not(:disabled) {
    background:#70283a;
    color:#fff8ea;
    border-color:#70283a;
}
.booking-day-card[data-tone="full"] { border-left-color:#b34b50; }
.booking-day-card[data-tone="last"] { border-left-color:#9d5b2c; }
.booking-day-card[data-tone="limited"] { border-left-color:#d8a54f; }


/* V18.10 - Ön yüzde haftalık çalışma saatleri */
.booking-weekly-hours{margin-top:18px;border-top:1px solid rgba(43,16,13,.14);padding-top:14px;color:var(--text-color,#2b100d)}
.booking-weekly-hours summary{cursor:pointer;font-size:12px;letter-spacing:.04em;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.booking-weekly-hours summary::-webkit-details-marker{display:none}
.booking-weekly-hours summary::after{content:'+';font-size:18px;font-weight:400}
.booking-weekly-hours[open] summary::after{content:'−'}
.booking-weekly-hours-list{display:grid;gap:7px;margin-top:13px}
.booking-weekly-hours-list>div{display:flex;justify-content:space-between;gap:15px;padding:8px 10px;background:rgba(255,255,255,.28);border:1px solid rgba(43,16,13,.1);font-size:11px}
.booking-weekly-hours-list>div strong{font-weight:500}
.booking-weekly-hours-list>div.is-closed{opacity:.6}
.booking-weekly-hours>small{display:block;margin-top:10px;line-height:1.5;opacity:.65;font-size:10px}


/* =========================================================
   V18.12 — FOOTER ÖNCESİ HAFTALIK ÇALIŞMA TAKVİMİ
========================================================= */
.public-working-hours-section{padding:72px 5vw;background:#efe4d4;border-top:1px solid rgba(43,16,13,.13)}
.public-working-hours-inner{max-width:1500px;margin:0 auto}
.public-working-hours-intro{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:48px;align-items:end;margin-bottom:34px}
.public-working-hours-intro .section-label{align-self:start}
.public-working-hours-intro h2{margin:8px 0 0;font-family:var(--heading-font);font-size:clamp(38px,5vw,72px);font-weight:400;color:#35130f}
.public-working-hours-intro p{margin:0;max-width:720px;line-height:1.8;color:rgba(53,19,15,.68)}
.public-working-hours-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid rgba(43,16,13,.16);background:#f8f0e5}
.public-working-hours-card{min-height:150px;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(43,16,13,.14);background:rgba(255,252,246,.55)}
.public-working-hours-card:last-child{border-right:0}
.public-working-hours-card span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(53,19,15,.58)}
.public-working-hours-card strong{font-family:var(--heading-font);font-size:24px;font-weight:400;color:#35130f}
.public-working-hours-card small{font-size:11px;color:rgba(53,19,15,.58)}
.public-working-hours-card.is-closed{background:rgba(67,28,23,.07)}
.public-working-hours-card.is-closed strong{color:#8b3941}
@media(max-width:1100px){.public-working-hours-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.public-working-hours-card:nth-child(4){border-right:0}.public-working-hours-card:nth-child(-n+4){border-bottom:1px solid rgba(43,16,13,.14)}}
@media(max-width:760px){.public-working-hours-section{padding:48px 18px}.public-working-hours-intro{grid-template-columns:1fr;gap:18px}.public-working-hours-grid{grid-template-columns:1fr 1fr}.public-working-hours-card{min-height:120px;border-bottom:1px solid rgba(43,16,13,.14)}.public-working-hours-card:nth-child(even){border-right:0}.public-working-hours-card:nth-child(odd){border-right:1px solid rgba(43,16,13,.14)}}
@media(max-width:460px){.public-working-hours-grid{grid-template-columns:1fr}.public-working-hours-card{border-right:0!important}}


/* V18.13 - Gerçek tarih ve doluluk bilgisini gösteren haftalık ön yüz takvimi */
.public-week-calendar{width:100%}
.public-week-calendar-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid rgba(52,20,17,.16)}
.public-week-calendar-head span{font-family:Georgia,serif;font-size:25px;color:#431813}
.public-week-calendar-head small{font-size:11px;color:#8f756a}
.public-working-hours-card time{display:block;margin:8px 0 14px;font-size:13px;letter-spacing:.08em;color:#9b7a69}
.public-working-hours-card.status-available{border-top:3px solid #78936b}
.public-working-hours-card.status-limited{border-top:3px solid #c59c4f}
.public-working-hours-card.status-last{border-top:3px solid #b9784c}
.public-working-hours-card.status-full{border-top:3px solid #a14b4b;background:rgba(161,75,75,.06)}
.public-working-hours-card.status-closed{border-top:3px solid #9b938c;background:rgba(90,76,69,.05)}
.public-working-hours-card.status-full strong{color:#8d2929}
.public-working-hours-card.status-closed strong{color:#736761}
@media(max-width:760px){.public-week-calendar-head{display:block}.public-week-calendar-head small{display:block;margin-top:7px}}


/* V19.3 — yönetilebilir Hakkımda görselleri */
.intro-managed-image{width:100%;height:100%;display:block;object-fit:cover}.intro-books .intro-managed-image{object-position:center}.intro-drawing .intro-managed-image{object-position:center}


/* V19.3.2 — Hakkımda alanındaki blog kartı */
.intro-blog-card p{margin:18px 0 24px;max-width:28ch;line-height:1.65;font-size:clamp(.95rem,1.1vw,1.1rem);color:rgba(50,20,13,.72)}
.intro-blog-link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;font-family:var(--font-body);font-size:.95rem;border-bottom:1px solid currentColor;padding-bottom:6px}
.intro-drawing .intro-managed-image,.intro-books .intro-managed-image{width:100%;height:100%;object-fit:cover;display:block}
\n\n/* =========================================================
   V19.3.3 — GÖRSEL YÜKLEME VE YERLEŞİM DÜZELTMESİ
========================================================= */
/* Grid hücrelerinin içerik genişliği yüzünden birbirinin üzerine taşmasını engeller. */
.intro-section > * {
    min-width: 0 !important;
    overflow: hidden;
    box-sizing: border-box;
}

/* Görsel sütunlarında eski dekoratif padding ve arka plan kaldırılır. */
.intro-books,
.intro-drawing {
    position: relative;
    padding: 0 !important;
    background-image: none !important;
    overflow: hidden !important;
}

.intro-books .intro-managed-image,
.intro-drawing .intro-managed-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block;
}

/* Yönetilebilir hero resmi her zaman CSS değişkeninden okunur. */
.hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(25, 7, 5, 0.98) 0%,
            rgba(37, 12, 9, 0.93) 38%,
            rgba(35, 13, 10, 0.73) 62%,
            rgba(17, 8, 5, 0.23) 100%
        ),
        var(--hero-image, url("../images/hero-room.png")) !important;
    background-position: center right !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

@media (max-width: 1100px) {
    .intro-section {
        grid-template-columns: 1fr 1fr !important;
    }
    .intro-section > * {
        min-height: 520px !important;
    }
}

@media (max-width: 700px) {
    .intro-section {
        grid-template-columns: 1fr !important;
    }
    .intro-section > * {
        min-height: auto !important;
    }
    .intro-books,
    .intro-drawing {
        min-height: 420px !important;
    }
}

/* V19.3.4 — Hero randevu bağlantısı buton görünümünü korur */
.hero-appointment-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}


/* =========================================================
   V19.3.8 — FOOTER MARKA DENGESİ + GİZLİ PROFİL AKIŞI
========================================================= */
.site-footer,
.fixed-site-footer,
.site-footer.fixed-site-footer {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.footer-studio {
    justify-self: start;
    color: var(--cream);
    font-size: 8px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.8px;
    text-decoration: none;
    opacity: .48;
    transition: opacity var(--transition);
    white-space: nowrap;
}

.footer-studio:hover,
.footer-studio:focus-visible {
    opacity: 1;
}

.site-footer .footer-brand {
    justify-self: end;
    align-items: flex-end !important;
    text-align: right !important;
}

.about-grid.about-grid-no-image {
    display: block;
}

.about-grid.about-grid-no-image .about-copy {
    width: 100%;
    max-width: none;
}

@media (max-width: 1100px) {
    .site-footer,
    .fixed-site-footer,
    .site-footer.fixed-site-footer {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
    }

    .site-footer .footer-brand {
        display: flex !important;
    }
}

@media (max-width: 720px) {
    .site-footer,
    .fixed-site-footer,
    .site-footer.fixed-site-footer {
        grid-template-columns: auto 1fr auto !important;
        gap: 10px !important;
    }

    .footer-studio {
        display: inline-block !important;
        font-size: 6px;
        letter-spacing: 1.1px;
    }

    .site-footer .footer-brand {
        display: flex !important;
    }

    .site-footer .footer-name {
        font-size: 11px !important;
        letter-spacing: 2px !important;
    }

    .site-footer .footer-title {
        font-size: 5px !important;
        letter-spacing: 2px !important;
    }

    .site-footer .footer-navigation {
        display: none !important;
    }
}

/* Hakkımda sayfası profil görseli yerleşimi */
.about-grid.has-profile-image {
    grid-template-columns: minmax(260px, 0.8fr) minmax(300px, 1.2fr);
}

.about-grid.without-profile-image {
    grid-template-columns: minmax(0, 1fr);
}

.about-grid.without-profile-image .about-copy {
    grid-column: 1;
    width: 100%;
    max-width: none;
    margin: 0;
}

@media (max-width: 900px) {
    .about-grid.has-profile-image,
    .about-grid.without-profile-image {
        grid-template-columns: 1fr;
    }
}

/* Site ayarları: alt sayfa kapak önizlemeleri */
.page-cover-settings-heading {
    margin-top: 20px;
}

.page-cover-settings-box {
    align-items: stretch;
}

.page-cover-thumb {
    width: 100%;
    max-width: 360px;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    object-position: center;
}

/* =========================================================
   V22-RESTORE — ESKİ ANA SAYFA + AYRI RANDEVU SAYFASI
   Mevcut eski tasarım korunur; yalnız randevu bağlantısı
   ayrı randevu.php sayfasına gider.
========================================================= */

.main-navigation .appointment-nav-link {
    padding: 11px 17px;
    border: 1px solid rgba(232, 222, 208, 0.28);
    opacity: 1;
}

.main-navigation .appointment-nav-link::after {
    display: none;
}

.hero .appointment-page-link {
    cursor: pointer;
}

@media (max-width: 1100px) {
    .main-navigation .appointment-nav-link {
        padding: 13px 20px;
    }
}

/* =========================================================
   V23 — İLETİŞİMDE YALNIZCA MESAJ FORMU
   Randevu sistemi ayrı randevu.php sayfasında korunur.
========================================================= */

.contact-form-tabs-single {
    grid-template-columns: 1fr !important;
}

.contact-form-tabs-single .contact-form-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    color: var(--cream);
    background: var(--burgundy);
    cursor: default;
}

.contact-form-tabs-single .contact-form-tab::after {
    display: none;
}

/* Ana sayfada artık ikinci randevu paneli bulunmadığı için mesaj formu daima görünür. */
#iletisim .contact-switch-form {
    display: grid !important;
}

/* İletişim alanında randevuya ait artık öğeleri kesin olarak gizle. */
#iletisim [data-form-panel="appointment"],
#iletisim .booking-wizard,
#iletisim .appointment-form {
    display: none !important;
}

/* İLETİŞİM SEKME DÜZENİ - SADECE MESAJ GÖNDER */

.contact-form-tabs{
    display:flex !important;
    justify-content:center;
    align-items:center;
    width:100%;
    margin-bottom:18px;
    border:1px solid rgba(43,16,13,.18);
    background:#3a130f;
}

.contact-form-tab{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    height:72px;
    background:#3a130f;
    color:#f2e7dc;
    border:0;
    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;
    cursor:default;
}

.contact-form-tab::after{
    display:none !important;
}

/* Sağ tarafta boş kalan ikinci alanı tamamen kaldır */
.contact-form-tabs > :not(:first-child){
    display:none !important;
}

/* =========================================================
   V24 — HAKKIMDA: SOLDA METİN, SAĞDA TAM BOY GÖRSEL
========================================================= */

#hakkimda.intro-section {
    display: grid !important;
    grid-template-columns: minmax(320px, 1fr) minmax(420px, 1fr) !important;
    grid-template-areas: "about photo" !important;
    width: 100% !important;
    min-height: calc(100svh - var(--fixed-header-height, 68px) - var(--fixed-footer-height, 48px)) !important;
    overflow: hidden !important;
    color: #3a251b !important;
    background: #d6c6b4 !important;
}

#hakkimda .intro-quote.intro-about-summary {
    grid-area: about !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    min-height: inherit !important;
    padding: clamp(55px, 8vw, 135px) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 58%), #d6c6b4 !important;
}

#hakkimda .intro-quote.intro-about-summary > div {
    width: min(100%, 610px) !important;
}

#hakkimda .intro-about-summary .section-label {
    display: block !important;
    margin-bottom: 18px !important;
    font-size: 10px !important;
    letter-spacing: 3.5px !important;
    text-transform: uppercase !important;
    opacity: .68 !important;
}

#hakkimda .intro-about-summary h2 {
    max-width: 560px !important;
    margin: 0 0 24px !important;
    font-family: var(--heading-font) !important;
    font-size: clamp(42px, 4.7vw, 72px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    overflow-wrap: anywhere !important;
}

#hakkimda .intro-about-summary p {
    display: -webkit-box !important;
    max-width: 560px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 8 !important;
    font-family: var(--heading-font) !important;
    font-size: clamp(19px, 1.65vw, 26px) !important;
    line-height: 1.52 !important;
}

#hakkimda .intro-more-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 24px !important;
    margin-top: 32px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid currentColor !important;
    font-family: var(--heading-font) !important;
    font-size: 18px !important;
}

#hakkimda .intro-books,
#hakkimda .intro-blog-card {
    display: none !important;
}

#hakkimda .intro-drawing {
    grid-area: photo !important;
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    min-height: inherit !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(rgba(29,10,7,.13), rgba(29,10,7,.13)), url("../images/hero-room.png") center / cover no-repeat !important;
}

#hakkimda .intro-drawing > svg {
    display: none !important;
}

#hakkimda .intro-drawing .intro-managed-image,
#hakkimda .intro-drawing > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center 22% !important;
}

@media (max-width: 900px) {
    #hakkimda.intro-section {
        grid-template-columns: 1fr !important;
        grid-template-areas: "about" "photo" !important;
        min-height: auto !important;
    }

    #hakkimda .intro-quote.intro-about-summary {
        min-height: auto !important;
        padding: 65px clamp(28px, 7vw, 70px) !important;
    }

    #hakkimda .intro-drawing {
        min-height: 62svh !important;
    }
}

@media (max-width: 560px) {
    #hakkimda .intro-quote.intro-about-summary {
        padding: 48px 24px !important;
    }

    #hakkimda .intro-about-summary h2 {
        font-size: clamp(38px, 12vw, 54px) !important;
    }

    #hakkimda .intro-about-summary p {
        -webkit-line-clamp: 7 !important;
        font-size: 19px !important;
    }

    #hakkimda .intro-drawing {
        min-height: 52svh !important;
    }
}


/* =========================================================
   V25 — BLOG: SOLDA METİN, SAĞDA TAM BOY GÖRSEL
========================================================= */

#blog.home-preview-section {
    display: grid !important;
    grid-template-columns: minmax(320px, 1fr) minmax(420px, 1fr) !important;
    grid-template-areas: "copy photo" !important;
    width: 100% !important;
    min-height: calc(100svh - var(--fixed-header-height, 68px) - var(--fixed-footer-height, 48px)) !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #3a251b !important;
    background: #e7dbcd !important;
}

#blog > .section-heading,
#blog > .section-action {
    display: none !important;
}

#blog .blog-grid.home-card-grid {
    display: contents !important;
}

#blog .blog-card {
    display: none !important;
}

#blog .blog-card:first-child {
    display: contents !important;
}

#blog .blog-card:first-child > div {
    grid-area: copy !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: inherit !important;
    padding: clamp(55px, 8vw, 135px) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 58%), #e7dbcd !important;
}

#blog .blog-card:first-child > div::before {
    display: block !important;
    margin-bottom: 20px !important;
    content: "BLOG" !important;
    font-size: 10px !important;
    letter-spacing: 3.5px !important;
    text-transform: uppercase !important;
    opacity: .68 !important;
}

#blog .blog-card:first-child small {
    order: 1 !important;
    margin-bottom: 18px !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    opacity: .55 !important;
}

#blog .blog-card:first-child h3 {
    order: 2 !important;
    max-width: 560px !important;
    margin: 0 0 24px !important;
    font-family: var(--heading-font) !important;
    font-size: clamp(42px, 4.7vw, 72px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    overflow-wrap: anywhere !important;
}

#blog .blog-card:first-child p {
    order: 3 !important;
    display: -webkit-box !important;
    max-width: 560px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 6 !important;
    font-family: var(--heading-font) !important;
    font-size: clamp(19px, 1.65vw, 26px) !important;
    line-height: 1.52 !important;
}

#blog .blog-card:first-child .text-link {
    order: 4 !important;
    align-self: flex-start !important;
    margin-top: 32px !important;
    padding-bottom: 8px !important;
    font-size: 18px !important;
}

#blog .blog-card:first-child > img {
    grid-area: photo !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: inherit !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
}

@media (max-width: 900px) {
    #blog.home-preview-section {
        grid-template-columns: 1fr !important;
        grid-template-areas: "copy" "photo" !important;
        min-height: auto !important;
    }

    #blog .blog-card:first-child > div {
        min-height: auto !important;
        padding: 65px clamp(28px, 7vw, 70px) !important;
    }

    #blog .blog-card:first-child > img {
        min-height: 62svh !important;
    }
}

@media (max-width: 560px) {
    #blog .blog-card:first-child > div {
        padding: 48px 24px !important;
    }

    #blog .blog-card:first-child h3 {
        font-size: clamp(38px, 12vw, 54px) !important;
    }

    #blog .blog-card:first-child p {
        -webkit-line-clamp: 5 !important;
        font-size: 19px !important;
    }

    #blog .blog-card:first-child > img {
        min-height: 52svh !important;
    }
}