/* =========================================================
           FINAL: CLEAN FADE HERO
        ========================================================= */
.hero-slider {
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
    user-select: none;
    
}

.hero-track {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    transition: none !important
}

.hero-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(1.035) !important;
    z-index: 1;
    transition: opacity .9s cubic-bezier(.22,1,.36,1),transform 6.5s cubic-bezier(.16,1,.3,1),visibility 0s linear .9s !important
}

    .hero-slide.active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: scale(1) !important;
        z-index: 2;
        transition: opacity .9s cubic-bezier(.22,1,.36,1),transform 6.5s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s !important
    }

    .hero-slide .hero-copy {
        opacity: 0 !important;
        transform: translate3d(0,22px,0) !important;
        transition: opacity .7s ease .12s,transform .8s cubic-bezier(.16,1,.3,1) .12s !important
    }

    .hero-slide.active .hero-copy {
        opacity: 1 !important;
        transform: translate3d(0,0,0) !important
    }

    .hero-slide .hero-visual {
        opacity: 0 !important;
        transform: translate3d(22px,12px,0) scale(.985) !important;
        transition: opacity .75s ease .08s,transform .9s cubic-bezier(.16,1,.3,1) .08s !important
    }

    .hero-slide.active .hero-visual {
        opacity: 1 !important;
        transform: translate3d(0,0,0) scale(1) !important
    }

    .hero-slide .hero-image-main img {
        transition: transform 6.5s cubic-bezier(.16,1,.3,1) !important
    }

    .hero-slide.active .hero-image-main img {
        transform: scale(1.02) !important
    }

.hero-slider.is-dragging {
    cursor: grabbing !important
}

.slider-arrow {
    position: relative;
    z-index: 20
}

/* =========================================================
           FINAL: MOBILE MENU
        ========================================================= */
@media(max-width:900px) {
    .menu-toggle {
        display: flex !important;
        position: relative;
        z-index: 1002;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }

        .menu-toggle span {
            display: block;
        }

    /* Mobil menü ekranı doldurur ve kendi içinde kayar */
    .mobile-menu {
        z-index: 1000;
        height: 100dvh;
        max-height: 100dvh;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        align-items: flex-start;
        padding-top: 100px;
        padding-bottom: 40px;
    }

        .mobile-menu.active {
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
        }

    .mobile-menu-inner {
        width: min(520px, 100%);
        margin: 0 auto;
        flex-shrink: 0;
    }

    body.menu-open {
        overflow: hidden;
        height: 100%;
    }
}

@media(min-width:901px) {
    .mobile-menu {
        display: none !important
    }
}

/* =========================================================
           EXTRA CONTENT / FAQ
        ========================================================= */
.info-section {
    padding: 100px 0;
    background: #f8f6f2
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
    margin-top: 45px
}

.info-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 30px;
    box-shadow: 0 10px 35px rgba(38,51,44,.04)
}

    .info-card .num {
        font-family: "Playfair Display",serif;
        color: #a79aad;
        font-size: 24px
    }

    .info-card h3 {
        margin: 18px 0 10px;
        font-size: 23px
    }

    .info-card p {
        color: var(--muted);
        font-size: 14px;
        line-height: 1.75
    }

.faq-list {
    max-width: 900px;
    margin: 45px auto 0
}

.faq-item {
    border-bottom: 1px solid var(--border)
}

    .faq-item summary {
        cursor: pointer;
        list-style: none;
        padding: 23px 4px;
        font-weight: 700;
        font-size: 18px
    }

        .faq-item summary::-webkit-details-marker {
            display: none
        }

        .faq-item summary:after {
            content: "+";
            float: right;
            font-size: 24px;
            font-weight: 400
        }

    .faq-item[open] summary:after {
        content: "−"
    }

    .faq-item p {
        padding: 0 35px 24px 4px;
        color: var(--muted);
        line-height: 1.8;
        font-size: 15px
    }

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

@media(max-width:600px) {
    .info-section {
        padding: 70px 0
    }

    .info-grid {
        grid-template-columns: 1fr
    }

    .info-card {
        padding: 24px
    }
}


/* Premium dropdown */
.desktop-nav > li.nav-dropdown {
    position: relative;
    display: flex;
    align-items: center
}

.nav-dropdown-toggle {
    position: relative;
    border: 0;
    background: none;
    color: white;
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 0;
    display: flex;
    align-items: center;
    gap: 6px
}


@media(max-width:1042px) {
    .header-cta {
        background: var(--gold);
        color: #fff !important;
        border-radius: 999px;
        padding: 0 20px;
        min-height: 44px;
        letter-spacing: .5px
    }

    .nav-dropdown-toggle {
        position: relative;
        border: 0;
        background: none;
        color: white;
        font: inherit;
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
        padding: 8px 0;
        display: flex;
        align-items: center;
        gap: 6px
    }

}

.site-header.scrolled .nav-dropdown-toggle {
    color: var(--purple-dark)
}

.dropdown-chevron {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transform-origin: center;
    margin-left: 2px;
    transition: transform .25s ease;
    flex: 0 0 7px;
}

.nav-dropdown:hover .dropdown-chevron, .nav-dropdown.open .dropdown-chevron {
    transform: rotate(225deg) translateY(-2px)
}

.nav-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,8px);
    width: 220px;
    padding: 10px;
    background: rgba(255,255,255,.98);
    border: 1px solid rgba(73,59,85,.1);
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(38,51,44,.16);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease,transform .22s ease,visibility .22s ease;
    z-index: 900
}

    .nav-dropdown-menu:before {
        content: "";
        position: absolute;
        top: -7px;
        left: 50%;
        width: 13px;
        height: 13px;
        background: #fff;
        transform: translateX(-50%) rotate(45deg);
        border-left: 1px solid rgba(73,59,85,.08);
        border-top: 1px solid rgba(73,59,85,.08)
    }

.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown.open .nav-dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%,0)
}

.nav-dropdown-menu a {
    display: block !important;
    color: var(--purple-dark) !important;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 13px !important;
    white-space: nowrap
}

    .nav-dropdown-menu a:after {
        display: none !important
    }

    .nav-dropdown-menu a:hover {
        background: #f4f0f5
    }

/* Premium footer */
.site-footer {
    position: relative;
    overflow: hidden;
    padding: 82px 0 24px;
    background: linear-gradient(135deg,#2b2232 0%,#403448 52%,#26332c 100%);
    color: rgba(255,255,255,.68)
}

.footer-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(4px);
    pointer-events: none
}

.footer-glow-one {
    width: 360px;
    height: 360px;
    top: -220px;
    right: 5%;
    background: rgba(183,159,193,.13)
}

.footer-glow-two {
    width: 300px;
    height: 300px;
    bottom: -220px;
    left: -100px;
    background: rgba(160,190,171,.10)
}

.footer-top {
    position: relative;
    display: grid;
    grid-template-columns: 1.65fr .8fr .9fr 1.15fr;
    gap: 42px;
    padding-bottom: 58px
}

.footer-brand-block {
    max-width: 430px
}

.footer-kicker {
    font-size: 10px;
    letter-spacing: .22em;
    color: rgba(255,255,255,.5);
    margin-bottom: 13px
}

.site-footer .footer-logo {
    margin: 0 0 17px;
    color: #fff;
    font-family: "Playfair Display",Georgia,serif;
    font-size: 42px;
    line-height: 1
}

.footer-lead {
    max-width: 390px;
    margin: 0 0 27px;
    font-size: 14px;
    line-height: 1.85;
    color: rgba(255,255,255,.65)
}

.footer-cta {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 13px 18px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    transition: transform .25s ease,background .25s ease,border-color .25s ease
}

    .footer-cta span {
        font-size: 16px
    }

    .footer-cta:hover {
        transform: translateY(-2px);
        background: rgba(255,255,255,.09);
        border-color: rgba(255,255,255,.35)
    }

.site-footer .footer-column, .site-footer .footer-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.site-footer h3 {
    margin: 4px 0 19px;
    color: #fff;
    font-size: 15px;
    letter-spacing: .1em;
    text-transform: uppercase
}

.site-footer .footer-column a, .site-footer .footer-contact a, .site-footer .footer-contact p {
    margin: 0 0 12px;
    color: rgba(255,255,255,.63);
    font-size: 13px;
    line-height: 1.55;
    transition: color .2s ease,transform .2s ease
}

    .site-footer .footer-column a:hover, .site-footer .footer-contact a:hover {
        color: #fff;
        transform: translateX(3px)
    }

.footer-bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.11);
    font-size: 15px;
    color: rgba(255,255,255,.42)
}

@media(max-width:1000px) {
    .footer-top {
        grid-template-columns: 1.4fr 1fr 1fr;
    }

    .footer-contact {
        grid-column: 2/4
    }
}

@media(max-width:900px) {
    .desktop-nav .nav-dropdown {
        display: none
    }

    .site-footer {
        padding: 65px 0 22px
    }

    .footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 38px
    }

    .footer-brand-block {
        grid-column: 1/-1
    }

    .footer-contact {
        grid-column: auto
    }

    .footer-bottom {
        flex-direction: column;
        gap: 8px
    }
}

@media(max-width:560px) {
    .site-footer .footer-logo {
        font-size: 36px
    }

    .footer-top {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .footer-brand-block, .footer-contact {
        grid-column: auto
    }

    .footer-bottom {
        font-size: 10px
    }
}


:root {
    --cream: #f7f2e9;
    --cream-dark: #eee5d7;
    --teal: #123f4c;
    --teal-dark: #0b303a;
    --teal-soft: #1c5260;
    --gold: #c69a58;
    --gold-soft: #dfc99e;
    --text: #26383b;
    --muted: #718084;
    --white: #fffdf8;
    --border: rgba(18,63,76,.13);
    --lavender: #dfe7e4;
    --purple: var(--teal);
    --purple-dark: var(--teal-dark);
    --shadow: 0 24px 70px rgba(11,48,58,.11);
}

body {
    background: var(--cream);
    color: var(--text)
}

.container {
    width: min(1200px,92%)
}

section {
    padding: 65px 0
}

h1, h2, h3 {
    color: var(--teal-dark)
}

.eyebrow {
    color: var(--teal);
    font-size: 12px;
    letter-spacing: 2.4px
}

    .eyebrow::before {
        background: var(--gold)
    }

/* HEADER */
.site-header {
    background: var(--teal);
    border-bottom: 1px solid rgba(255,255,255,.08)
}

    .site-header.scrolled {
        background: rgba(255,253,248,.96);
        border-color: var(--border);
        box-shadow: 0 8px 35px rgba(11,48,58,.08)
    }

.logo {
    color: #fffdf8;
    gap: 0 12px;
    padding-left: 50px
}

    .logo::before {
        content: "D";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-52%);
        width: 38px;
        height: 38px;
        border: 2px solid var(--gold);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--gold);
        font-size: 27px
    }

.site-header.scrolled .logo {
    color: var(--teal-dark)
}

.logo-main {
    font-size: 23px;
    letter-spacing: .01em
}

.logo-sub {
    margin-top: 4px;
    color: var(--gold);
    font-size: 8px;
    letter-spacing: 1.8px
}

.desktop-nav a {
    color: rgba(255,253,248,.86)
}

.site-header.scrolled .desktop-nav a, .site-header.scrolled .nav-dropdown-toggle, .site-header.scrolled .search-btn {
    color: var(--teal-dark)
}

.nav-dropdown-toggle {
    color: rgba(255,253,248,.86)
}

.nav-dropdown-menu {
    border-color: var(--border);
    box-shadow: 0 18px 50px rgba(11,48,58,.16)
}

    .nav-dropdown-menu a {
        color: var(--teal-dark) !important
    }

.search-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: rgba(255,253,248,.86);
    font-size: 29px;
    cursor: pointer;
}



.site-header.scrolled .header-cta {
    background: var(--teal);
    color: #fff !important
}

.menu-toggle span {
    background: #fff
}

.site-header.scrolled .menu-toggle span {
    background: var(--teal-dark)
}

/* MOBILE MENU */
.mobile-menu {
    background: var(--teal-dark)
}

.mobile-menu-randevu {
    background: var(--gold);
    color: #fff
}

/* HERO */
.hero {
    min-height: 760px;
    background: var(--cream);
    color: var(--text)
}

    .hero::before {
        width: 760px;
        height: 760px;
        top: -330px;
        right: -240px;
        background: rgba(198,154,88,.08)
    }

    .hero::after {
        width: 420px;
        height: 420px;
        bottom: -250px;
        left: -150px;
        background: rgba(18,63,76,.06)
    }

.hero-slider {
    height: 760px
}

.hero-slide-inner {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    padding-top: 82px
}

.hero-copy {
    color: var(--text)
}

    .hero-copy .eyebrow {
        color: var(--teal)
    }

    .hero-copy h1 {
        max-width: 650px;
        color: var(--teal-dark);
        font-size: clamp(49px, 2.5vw, 26px);
        line-height: 1.04;
        letter-spacing: -.035em;
        margin-bottom: 24px
    }

        .hero-copy h1::first-line {
        }

    .hero-copy p {
        max-width: 510px;
        color: #68787b;
        font-size: 16px;
        line-height: 1.85;
        margin-bottom: 31px
    }

.hero-actions {
    gap: 14px
}

.btn {
    min-height: 50px;
    padding: 0 24px;
    border-radius: 999px;
    letter-spacing: .25px
}

.btn-light {
    background: var(--teal);
    color: #fff;
    border: 1px solid var(--teal);
    box-shadow: 0 12px 28px rgba(18,63,76,.16)
}

    .btn-light:hover {
        background: var(--teal-dark)
    }

.btn-transparent {
    border: 1px solid rgba(18,63,76,.25);
    color: var(--teal);
    background: rgba(255,255,255,.4)
}

.hero-visual {
    height: 570px
}

.hero-image-main {
    inset: 10px 20px 0 30px;
    border-radius: 260px 260px 34px 34px;
    transform: none;
    box-shadow: 0 30px 70px rgba(11,48,58,.18);
    border: 8px solid rgba(255,253,248,.78)
}

    .hero-image-main img {
        transform: scale(1.03)
    }

.hero-image-card {
    left: -12px;
    bottom: 18px;
    width: 205px;
    padding: 20px 22px;
    border-radius: 18px;
    background: rgba(255,253,248,.97);
    color: var(--teal-dark);
    box-shadow: 0 18px 45px rgba(11,48,58,.14);
    border: 1px solid rgba(198,154,88,.2)
}

    .hero-image-card strong {
        font-size: 19px;
        color: var(--teal-dark)
    }

    .hero-image-card span {
        color: var(--muted);
        font-size: 13px
    }

.hero-controls {
    bottom: 27px
}

.slider-arrow {
    border-color: rgba(18,63,76,.2);
    background: rgba(255,255,255,.55);
    color: var(--teal)
}

    .slider-arrow:hover {
        background: var(--teal);
        color: #fff
    }

.hero-counter {
    color: var(--teal);
    font-size: 13px
}

.hero-progress {
    background: rgba(18,63,76,.15)
}

.hero-progress-bar {
    background: var(--gold) !important
}

/* THERAPY APPROACH */
.therapy-approach {
    background: #fffdf8
}

    .therapy-approach::before {
        background: rgba(18,63,76,.035)
    }

    .therapy-approach::after {
        background: rgba(198,154,88,.09)
    }

.therapy-label {
    color: var(--teal);
    border-color: var(--border)
}

    .therapy-label::after {
        color: rgba(18,63,76,.10)
    }

    .therapy-label::before {
        color: #7b898b
    }

.therapy-line {
    background: var(--gold)
}

.therapy-small-title {
    color: #9a8b72
}

.therapy-heading h2 {
    color: var(--teal-dark)
}

.therapy-heading p {
    color: var(--muted)
}

.therapy-cards {
    border-color: var(--border)
}

.therapy-card {
    border-color: var(--border);
    background: #fffdf8
}

    .therapy-card:hover {
        background: #f8f2e8;
        box-shadow: 0 16px 40px rgba(11,48,58,.06)
    }

.therapy-card-featured {
    background: #edf1ed
}

    .therapy-card-featured:hover {
        background: #e7eeea
    }

.therapy-number {
    color: rgba(18,63,76,.25)
}

.therapy-icon {
    border-color: rgba(198,154,88,.35);
    background: #f6f0e5;
    color: var(--teal)
}

.therapy-card:hover .therapy-icon {
    background: var(--teal);
    color: #fff
}

.therapy-card h3 {
    color: var(--teal-dark)
}

.therapy-card p {
    color: var(--muted)
}

.therapy-bottom {
    color: #7b898b
}

    .therapy-bottom a {
        color: var(--teal)
    }

    .therapy-bottom strong {
        border-color: rgba(18,63,76,.18)
    }

/* ABOUT */
.about {
    background: #fffdf8;
}

.about-grid {
    gap: 80px
}

.about-image {
    border-radius: 260px 260px 34px 34px;
    box-shadow: 0 25px 65px rgba(11,48,58,.14);
    border: 7px solid rgba(255,253,248,.9)
}

.about-tag {
    background: var(--teal);
    color: #fff;
    border-color: rgba(198,154,88,.4);
    box-shadow: 0 15px 35px rgba(11,48,58,.15)
}

    .about-tag span {
        color: var(--gold-soft)
    }

.about-content h2 {
    color: var(--teal-dark)
}

.about-content p {
    color: var(--muted)
}

.about-content .btn {
    background: var(--teal) !important;
    color: #fff !important
}

/* SERVICES */
.services {
    background: #fffdf8;
    padding: 60px 0 22px 0;
}

/*.services-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
    border: 0
}*/

.service-item {
    display: block;
    position: relative;
    min-height: 255px;
    padding: 30px 28px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(11,48,58,.035);
    transition: transform .3s ease,box-shadow .3s ease,background .3s ease;
    margin-bottom: 9%;
}

    .service-item:hover {
        padding: 30px 28px;
        transform: translateY(-6px);
        background: #fff;
        box-shadow: 0 20px 45px rgba(11,48,58,.09)
    }

.service-number {
    margin-bottom: 34px;
    color: var(--gold);
    font-family: "Playfair Display",serif;
    font-size: 18px
}

.service-item h3 {
    margin-bottom: 12px;
    color: var(--teal-dark);
    font-size: 26px
}

.service-item p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.75
}

.service-arrow {
    position: absolute;
    right: 24px;
    bottom: 23px;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(18,63,76,.16);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--teal)
}

.section-heading h2 {
    color: var(--teal-dark)
}

.section-heading p {
    color: var(--muted)
}

/* PROCESS / BENEFITS */
.process {
    background: var(--teal);
    color: #fff
}

.process-heading h2 {
    color: #fff
}

.process .eyebrow {
    color: var(--gold-soft)
}

    .process .eyebrow::before {
        background: var(--gold)
    }

.process-grid {
    border-top: 1px solid rgba(255,255,255,.13);
    border-bottom: 1px solid rgba(255,255,255,.13)
}

.process-card {
    border-left-color: rgba(255,255,255,.14)
}

.process-number {
    color: var(--gold-soft)
}

.process-card h3 {
    color: #fff
}

.process-card p {
    color: rgba(255,255,255,.66)
}



/* CONTACT */
.contact {
    background: #fffdf8
}

.contact-heading h2 {
    color: var(--teal-dark)
}

.contact-heading p {
    color: var(--muted)
}

.contact-item {
    border-color: var(--border)
}

.contact-icon {
    background: #edf1ed;
    color: var(--teal);
    border: 1px solid rgba(198,154,88,.2)
}

.contact-item strong {
    color: var(--teal-dark)
}

.contact-item span, .contact-item a {
    color: var(--muted)
}

.contact-map {
    background: linear-gradient(135deg,#e7eee9,#f3eadb);
    border: 1px solid var(--border)
}

    .contact-map h3 {
        color: var(--teal-dark)
    }

.contact-map-mobile {
    background: #fffdf8;
    color: var(--teal-dark);
    border-color: var(--border)
}

.contact-map-mobile-icon {
    background: #edf1ed
}

/* INFO / FAQ */
.info-section {
    background: #f1eee6
}

.info-card {
    background: #fffdf8;
    border-color: var(--border);
    box-shadow: 0 10px 35px rgba(11,48,58,.045)
}

    .info-card .num {
        color: var(--gold)
    }

    .info-card h3 {
        color: var(--teal-dark)
    }

    .info-card p, .faq-item p {
        color: var(--muted)
    }

.faq-item {
    border-color: var(--border)
}

    .faq-item summary {
        color: var(--teal-dark)
    }

/* FOOTER */
footer {
    background: var(--teal-dark);
    color: rgba(255,255,255,.62)
}

    footer h3, .footer-logo {
        color: #fff
    }

    footer a:hover {
        color: var(--gold-soft)
    }

.copyright {
    border-color: rgba(255,255,255,.1)
}

/* FLOATING */
.float-btn {
    background: var(--teal);
    box-shadow: 0 10px 25px rgba(11,48,58,.2)
}

.back-top {
    color: var(--teal-dark)
}

@media(max-width:900px) {
    .hero {
        min-height: 900px
    }

    .hero-slider {
        height: 900px
    }

    .hero-slide-inner {
        grid-template-columns: 1fr;
        gap: 25px;
        padding-top: 95px;
        padding-bottom: 125px
    }

    .hero-copy h1 {
        font-size: clamp(42px,10vw,60px)
    }

    .hero-visual {
        height: 390px
    }

    .hero-image-main {
        inset: 0 25px 0 45px
    }

    .hero-image-card {
        left: 0;
        bottom: 0
    }

    .services-list {
        grid-template-columns: 1fr 1fr
    }

    .therapy-top {
        gap: 25px
    }

    .about-grid {
        gap: 45px
    }
}

@media(max-width:600px) {
    section {
        padding: 78px 0
    }

    .navbar {
        height: 72px
    }

    .logo-main {
        font-size: 21px
    }

    .logo {
        padding-left: 46px
    }

        .logo::before {
            width: 34px;
            height: 34px
        }

    .hero-copy h1 {
        font-size: clamp(40px,11vw,53px)
    }

    .hero-copy p {
        font-size: 15px
    }

    .hero-visual {
        height: 330px
    }

    .hero-image-main {
        inset: 0 10px 0 28px;
        border-width: 5px
    }

    .hero-image-card {
        width: 175px;
        padding: 16px
    }

        .hero-image-card strong {
            font-size: 20px
        }

    .hero-controls {
        bottom: 18px
    }

    .services-list {
        grid-template-columns: 1fr
    }

    .service-item {
        min-height: 225px
    }

    .therapy-card {
        padding: 30px 25px
    }

    .process-grid {
        grid-template-columns: 1fr
    }

    .process-card {
        border-left: 0;
        border-bottom: 1px solid rgba(255,255,255,.14)
    }

        .process-card:last-child {
            border-bottom: 0
        }

    .footer-grid {
        grid-template-columns: 1fr
    }
}

/* --- Gentle article carousel --- */
.articles-carousel,
.article-carousel,
.articles-slider,
.article-slider {
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
}

    .articles-carousel .track,
    .article-carousel .track,
    .articles-slider .track,
    .article-slider .track,
    .articles-carousel .carousel-track,
    .article-carousel .carousel-track,
    .articles-slider .carousel-track,
    .article-slider .carousel-track {
        display: flex !important;
        align-items: stretch;
        will-change: transform;
        transition: transform 780ms cubic-bezier(.22,1,.36,1) !important;
    }

    .articles-carousel .slide,
    .article-carousel .slide,
    .articles-slider .slide,
    .article-slider .slide,
    .articles-carousel .carousel-slide,
    .article-carousel .carousel-slide,
    .articles-slider .carousel-slide,
    .article-slider .carousel-slide {
        flex: 0 0 100%;
        min-width: 100%;
        box-sizing: border-box;
    }

    /* Make cards quiet, premium and readable */
    .articles-carousel .card,
    .article-carousel .card,
    .articles-slider .card,
    .article-slider .card,
    .article-card {
        border-radius: 28px !important;
        box-shadow: 0 14px 40px rgba(35, 31, 42, .08) !important;
        border: 1px solid rgba(73,59,85,.09) !important;
        transition: transform .45s ease, box-shadow .45s ease !important;
    }

        .articles-carousel .card:hover,
        .article-carousel .card:hover,
        .articles-slider .card:hover,
        .article-slider .card:hover,
        .article-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 20px 48px rgba(35,31,42,.11) !important;
        }

    /* Hide old lower-left metadata / labels without removing the article title,
        description or the article button. */
    .articles-carousel .slide > .meta,
    .article-carousel .slide > .meta,
    .articles-slider .slide > .meta,
    .article-slider .slide > .meta,
    .articles-carousel .slide .slide-meta,
    .article-carousel .slide .slide-meta,
    .articles-slider .slide .slide-meta,
    .article-slider .slide .slide-meta,
    .articles-carousel .slide .eyebrow,
    .article-carousel .slide .eyebrow,
    .articles-slider .slide .eyebrow,
    .article-slider .slide .eyebrow {
        display: none !important;
    }

    /* Keep the requested content hierarchy */
    .articles-carousel .article-title,
    .article-carousel .article-title,
    .articles-slider .article-title,
    .article-slider .article-title,
    .articles-carousel h3,
    .article-carousel h3,
    .articles-slider h3,
    .article-slider h3 {
        margin-bottom: 10px;
    }

    .articles-carousel .article-description,
    .article-carousel .article-description,
    .articles-slider .article-description,
    .article-slider .article-description {
        color: rgba(73,59,85,.72);
        line-height: 1.7;
    }

    .articles-carousel .article-link,
    .article-carousel .article-link,
    .articles-slider .article-link,
    .article-slider .article-link,
    .articles-carousel a[href*="makale"],
    .article-carousel a[href*="makale"],
    .articles-slider a[href*="makale"],
    .article-slider a[href*="makale"] {
        transition: transform .3s ease, opacity .3s ease;
    }

        .articles-carousel .article-link:hover,
        .article-carousel .article-link:hover,
        .articles-slider .article-link:hover,
        .article-slider .article-link:hover {
            transform: translateX(3px);
        }

    /* Elegant navigation */
    .articles-carousel .carousel-prev,
    .articles-carousel .carousel-next,
    .article-carousel .carousel-prev,
    .article-carousel .carousel-next,
    .articles-slider .carousel-prev,
    .articles-slider .carousel-next,
    .article-slider .carousel-prev,
    .article-slider .carousel-next {
        transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
        backdrop-filter: blur(10px);
    }

        .articles-carousel .carousel-prev:hover,
        .articles-carousel .carousel-next:hover,
        .article-carousel .carousel-prev:hover,
        .article-carousel .carousel-next:hover,
        .articles-slider .carousel-prev:hover,
        .articles-slider .carousel-next:hover,
        .article-slider .carousel-prev:hover,
        .article-slider .carousel-next:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 24px rgba(35,31,42,.10);
        }

    /* Disable any harsh text/slide animation */
    .articles-carousel *, .article-carousel *, .articles-slider *, .article-slider * {
        animation-timing-function: cubic-bezier(.22,1,.36,1) !important;
    }


/* === Editorial carousel: soft, organic, non-robotic === */
.articles-carousel,
.article-carousel,
.articles-slider,
.article-slider {
    overflow: hidden;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
}

    .articles-carousel .track,
    .article-carousel .track,
    .articles-slider .track,
    .article-slider .track,
    .articles-carousel .carousel-track,
    .article-carousel .carousel-track,
    .articles-slider .carousel-track,
    .article-slider .carousel-track {
        transition: transform 1100ms cubic-bezier(.16, 1, .3, 1) !important;
        will-change: transform;
    }

    /* The carousel should feel like a gentle editorial slider */
    .articles-carousel .slide,
    .article-carousel .slide,
    .articles-slider .slide,
    .article-slider .slide {
        transition: opacity 700ms ease, transform 1100ms cubic-bezier(.16,1,.3,1);
    }

    /* Remove the unwanted text/eyebrow at the same horizontal level as the title. */
    .articles-carousel .section-eyebrow,
    .article-carousel .section-eyebrow,
    .articles-slider .section-eyebrow,
    .article-slider .section-eyebrow,
    .articles-carousel .eyebrow,
    .article-carousel .eyebrow,
    .articles-slider .eyebrow,
    .article-slider .eyebrow,
    .articles-carousel .section-kicker,
    .article-carousel .section-kicker,
    .articles-slider .section-kicker,
    .article-slider .section-kicker {
        display: none !important;
    }

    /* Keep only title + description + article CTA inside cards. */
    .articles-carousel .slide-meta,
    .article-carousel .slide-meta,
    .articles-slider .slide-meta,
    .article-slider .slide-meta,
    .articles-carousel .meta,
    .article-carousel .meta,
    .articles-slider .meta,
    .article-slider .meta,
    .articles-carousel .date,
    .article-carousel .date,
    .articles-slider .date,
    .article-slider .date {
        display: none !important;
    }

    .articles-carousel .card,
    .article-carousel .card,
    .articles-slider .card,
    .article-slider .card,
    .article-card {
        border-radius: 30px !important;
        border: 1px solid rgba(73,59,85,.08) !important;
        box-shadow: 0 12px 38px rgba(35,31,42,.065) !important;
        transition: transform 650ms cubic-bezier(.16,1,.3,1), box-shadow 650ms ease !important;
    }

        .articles-carousel .card:hover,
        .article-carousel .card:hover,
        .articles-slider .card:hover,
        .article-slider .card:hover,
        .article-card:hover {
            transform: translateY(-4px) !important;
            box-shadow: 0 20px 48px rgba(35,31,42,.095) !important;
        }

    /* CTA wording */
    .articles-carousel a[href*="makale"],
    .article-carousel a[href*="makale"],
    .articles-slider a[href*="makale"],
    .article-slider a[href*="makale"] {
        transition: transform .35s ease, opacity .35s ease;
    }

    /* Softer controls */
    .articles-carousel button,
    .article-carousel button,
    .articles-slider button,
    .article-slider button {
        transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, opacity .35s ease !important;
    }

        .articles-carousel button:hover,
        .article-carousel button:hover,
        .articles-slider button:hover,
        .article-slider button:hover {
            transform: scale(1.045);
        }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .articles-carousel .track,
    .article-carousel .track,
    .articles-slider .track,
    .article-slider .track {
        transition: none !important;
    }
}


.reviews-heading .eyebrow {
    margin-bottom: 14px;
}

.reviews-heading h2 {
    margin-bottom: 14px;
}

.article-carousel {
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    border-radius: 28px;
}

.article-track {
    display: flex !important;
    gap: 22px;
    will-change: transform;
    transition: none;
}

.article-card {
    flex: 0 0 calc((100% - 44px) / 3);
    min-width: 0;
    min-height: 350px;
    padding: 32px;
    border-radius: 28px !important;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.12) !important;
    transition: background .35s ease, border-color .35s ease;
}

    .article-card:hover {
        background: rgba(255,255,255,.105);
        border-color: rgba(255,255,255,.23) !important;
    }

.article-card-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #eee8f2;
}

    .article-card-icon svg {
        width: 23px;
        height: 23px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.article-card h3 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.22;
}

.article-card p {
    color: rgba(255,255,255,.72);
    line-height: 1.75;
}

.article-card-footer {
    margin-top: auto;
    padding-top: 26px;
}

.article-card-tag {
    color: rgba(255,255,255,.52);
}

.article-controls {
    margin-top: 28px;
}

.article-arrow {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255,255,255,.20);
    background: rgba(255,255,255,.055);
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

    .article-arrow:hover {
        transform: translateY(-2px);
        background: rgba(255,255,255,.12);
        border-color: rgba(255,255,255,.30);
    }

.article-dot {
    transition: width .3s ease, background .3s ease, opacity .3s ease;
}

@media (max-width: 900px) {
    .article-card {
        flex-basis: calc((100% - 22px) / 2);
    }
}

@media (max-width: 600px) {
    .article-track {
        gap: 16px;
    }

    .article-card {
        flex-basis: 100%;
        min-height: 330px;
        padding: 27px;
    }

    .article-card-icon {
        margin-bottom: 23px;
    }

    .article-card h3 {
        font-size: 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .article-track {
        transition: none !important;
    }
}

/* =========================================================
           MAKALELER — SON CSS OVERRIDE
           Bu bölüm yalnızca carousel hareketini yönetir.
        ========================================================= */
#articleCarousel {
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
    user-select: none;
    cursor: grab;
    contain: layout paint;
}

#articleCarousel.is-dragging {
    cursor: grabbing;
}

#articleTrack {
    transition: transform 420ms cubic-bezier(.16,1,.3,1) !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 17px !important;
    width: max-content;
    will-change: transform;
    transform: translate3d(0,0,0);
}

    #articleTrack > .article-card {
        min-width: 0 !important;
        transform: none !important;
        transition: background .3s ease, border-color .3s ease !important;
    }

        /* Kartın hover transform'u carousel hareketine asla karışmasın. */
        #articleTrack > .article-card:hover {
            transform: none !important;
        }

@media (max-width: 900px) {
    #articleTrack {
        gap: 22px !important;
    }

        #articleTrack > .article-card {
            min-width: 0 !important;
        }
}

@media (max-width: 600px) {
    #articleTrack {
        gap: 16px !important;
    }

        #articleTrack > .article-card {
            min-width: 0 !important;
        }
}

.dh-about-page {
    --cream: #f7f2e9;
    --cream-dark: #eee5d7;
    --teal: #123f4c;
    --teal-dark: #0b303a;
    --teal-soft: #1c5260;
    --gold: #c69a58;
    --gold-soft: #dfc99e;
    --text: #26383b;
    --muted: #718084;
    --white: #fffdf8;
    --border: rgba(18,63,76,.13);
    --soft-green: #dfe7e4;
    width: 100%;
    overflow: hidden;
    background: var(--cream);
    color: var(--text);
    font-family: "DM Sans", Arial, sans-serif;
}


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

.dh-about-hero {
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    background: var(--cream);
    border-bottom: 1px solid var(--border);
}

    .dh-about-hero::before {
        content: "";
        position: absolute;
        width: 650px;
        height: 650px;
        right: -280px;
        top: -310px;
        background: rgba(198, 154, 88, .08);
        border-radius: 50%;
    }

    .dh-about-hero::after {
        content: "";
        position: absolute;
        width: 380px;
        height: 380px;
        left: -220px;
        bottom: -250px;
        background: rgba(18, 63, 76, .06);
        border-radius: 50%;
    }

.dh-about-hero-inner {
    position: relative;
    z-index: 2;
    padding: 100px 20px 20px;
}

.dh-about-label {
    display: block;
    margin-bottom: 16px;
    color: var(--gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.8px;
}

.dh-about-hero h1 {
    margin: 0;
    color: var(--teal-dark);
    font-family: "Playfair Display", Georgia, serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.dh-ornament {
    width: 260px;
    margin: 10px auto 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

    .dh-ornament span {
        width: 100px;
        height: 1px;
        background: rgba(18,63,76,.30);
    }

    .dh-ornament i {
        color: var(--gold);
        font-size: 18px;
        font-style: normal;
    }

.dh-about-hero p {
    margin: 0;
    color: var(--muted);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(19px, 2vw, 18px);
    font-style: italic;
    line-height: 1.5;
}


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

@media (max-width: 700px) {

    .dh-about-hero {
        min-height: 282px;
    }

    .dh-about-hero-inner {
      /*  padding: 80px 20px 60px;*/
    }
}