header { transition: opacity 1.5s ease; }

header.beforegizle { opacity: 0 }

@media (min-width: 992px) {
    header { --mega-menu-top: 82px; }

    header nav .ul1 { position: static; align-items: center; }

    header nav .li1 { position: static; }

    header nav .li1 > a { padding-top: 18px; padding-bottom: 18px; }

    header nav .li1.okKoy > a { display: flex; align-items: center; gap: 3px; }

    header nav .li1.okKoy > a::after { content: "▾"; width: 6px; height: 6px; margin-top: -9px; transition: transform .25s ease, margin-top .25s ease; }

    header nav .li1.okKoy:hover > a::after { margin-top: 4px; transform: rotate(225deg); }

    header nav .li1.okKoy::after { display: none !important; }

 header .okKoy3 .ulWrap2 { width: 240px !important;}
    header nav .ulWrap2, header nav .ul1 .li1:nth-child(2) .ulWrap2, header nav .ul1 .li1:nth-child(3) .ulWrap2, header nav .ul1 .li1:nth-child(4) .ulWrap2 {display: block !important;visibility: hidden;opacity: 0;pointer-events: none;top: 63px;left: 0 !important;overflow: hidden;background: rgba(255,255,255,.98) !important;border-bottom: 1px solid rgba(13,27,42,.08);border-radius: 0 !important;box-shadow: 0 28px 65px rgba(13,27,42,.13) !important;transform: translateY(-12px);transform-origin: top;transition: opacity .24s ease, transform .32s cubic-bezier(.2,.75,.25,1), visibility .24s ease;z-index: 490 !important;width: 470px;border-top: 3px solid #c4856a;}

    header nav .ul1 .li1:hover > .ulWrap2, header nav .ul1 .li1:nth-child(2):hover > .ulWrap2, header nav .ul1 .li1:nth-child(3):hover > .ulWrap2, header nav .ul1 .li1:nth-child(4):hover > .ulWrap2, header nav .ul1 .li1.mega-open > .ulWrap2 { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; }

    header nav .ulWrap2::before { display: block; width: 1170px; max-width: calc(100% - 48px); margin: 0 auto 17px; color: var(--tema-renk2); font: 700 11px/1.4 var(--icerik-fontu); letter-spacing: 1.35px; text-transform: uppercase; }

    header nav .li1:nth-child(2) .ulWrap2::before { content: "Kurumsal"; }

    header nav .li1:nth-child(3) .ulWrap2::before { content: "UzmanlÄ±k AlanlarÄ±"; }

    header nav .li1:nth-child(4) .ulWrap2::before { content: "Terapi YaklaÅŸÄ±mlarÄ±"; }

    header nav .ulWrap2 .ul2, header nav .ul1 .li1:nth-child(2) .ulWrap2 .ul2, header nav .ul1 .li1:nth-child(3) .ulWrap2 .ul2 {width: 242px !important;display: grid !important;grid-template-columns: repeat(3,minmax(0,1fr));column-count: initial !important;background: transparent !important;}

    header nav .ul1 .li1:nth-child(3) .ulWrap2 .ul2 {grid-template-columns: repeat(2,minmax(0,1fr));width: 470px !important;}

    header nav .ul1 .li1:nth-child(4) .ulWrap2 .ul2 {grid-template-columns: repeat(1,minmax(0,1fr));}

    header nav .ulWrap2 .li2 { width: auto !important; margin: 0 !important; display: block !important; }

    header nav .ulWrap2 .li2 > a {padding: 12px 15px !important;display: flex !important;align-items: center;justify-content: space-between;gap: 12px;color: #000000 !important;border: 1px solid transparent;font: 500 15px/1.35 var(--icerik-fontu) !important;text-decoration: none;transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease !important;border-bottom: 1px solid #e8ddd6;}


    header nav .ulWrap2 .li2:hover > a { color: #fff !important; background: var(--tema-renk1) !important; border-color: var(--tema-renk1); transform: translateY(-2px); }

    header nav .ulWrap2 .li2:hover > a::after { color: #fff; background: var(--tema-renk2); transform: translateX(3px); }
}

#footer { position: relative; overflow: hidden; margin-top: 0; color: rgba(255,255,255,.68); border-top: 1px solid #e6dcd3; font-family: var(--icerik-fontu); background: #162d4a; padding: 4rem 0 2rem; }

#footer a { text-decoration: none; }

#footer .footer-main-container { width: 1170px; max-width: calc(100% - 48px); margin: 0 auto; padding: 64px 0; position: relative; z-index: 2; }

#footer .footer-grid { display: grid; grid-template-columns: minmax(270px, 1.45fr) repeat(2, minmax(145px, .7fr)) minmax(245px, 1fr); gap: 48px; align-items: start; }

#footer .footer-grid > * { min-width: 0; }
.footer-contact-block { gap: 10px; display: flex; margin-bottom: 20px; }
.footer-contact-block svg { width: 30px; margin-top: 10px; }
.footer-contact-block span { display: block; }
#footer .footer-col-section { padding-right: 20px; }

#footer .footer-logo-link { width: fit-content; min-height: 76px; padding: 10px 14px; display: inline-flex; align-items: center; border: 1px solid #e8ddd4; border-radius: 12px; background: rgba(255,255,255,.88); box-shadow: 0 9px 25px rgba(22,43,69,.06); }

#footer .footer-logo-link img { width: fit-content; max-width: 279px; height: 56px; object-fit: contain; display: block; }

#footer .footer-brand-name { margin: 20px 0 8px; color: var(--tema-renk1); font-family: var(--baslik-fontu); font-size: 18px; line-height: 1.45; font-weight: var(--baslik-font-weight); }

#footer .footer-description { margin-top: 10px; max-width: 340px; color: #fff; font-size: 14px; line-height: 1.8; }

#footer .footer-social-box { display: flex; align-items: center; gap: 10px; margin-top: 25px; }

#footer .social-link { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; color: var(--tema-renk1); background: rgba(255,255,255,.58); border: 1px solid rgba(22,43,69,.16); border-radius: 50%; transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease; }

#footer .social-link:hover { color: #fff; background: var(--tema-renk2); border-color: var(--tema-renk2); transform: translateY(-3px); }

#footer .social-link svg { width: 18px; height: 18px; }

#footer .social-link.facebook svg { width: 22px; height: 22px; }

#footer .footer-grid h2, #footer .footer-grid h3, #footer .footer-grid h4, #footer .footer-grid h5 { font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .5); margin-bottom: .9rem; }


#footer .footer-grid ul { margin: 0; padding: 0; list-style: none; }

#footer .footer-grid li { margin: 0 0 12px; }

#footer .footer-grid li a, #footer .footer-grid > div:not(.footer-col-section):not(.footer-contact-section) a { color: rgba(255,255,255,.68); font-size: 15px; line-height: 1.55; transition: color .2s ease, padding-left .2s ease; }

#footer .footer-grid li a:hover, #footer .footer-grid > div:not(.footer-col-section):not(.footer-contact-section) a:hover { color: var(--tema-renk3); padding-left: 5px; }

#footer .footer-bottom { position: relative; z-index: 2; border-top: 1px solid #ded4cb; }

#footer .footer-bottom .container { width: 1170px; max-width: calc(100% - 48px); padding: 0; }

#footer .footer-bottom-container { padding: 14px 0px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }

#footer .copyright { color: #fff; font-size: 15px; }

#footer .footer-bottom-links { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 54px; }

#footer .footer-bottom-links a { color: #fff; font-size: 15px; transition: color .2s ease; }

#footer .footer-bottom-links a:hover { color: var(--tema-renk3); }

@media (max-width: 1050px) {
    #footer .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; gap: 40px 30px; }

    #footer .footer-contact-section { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }

    #footer .footer-contact-section .footer-section-title { grid-column: 1 / -1; margin-bottom: 0; }

    #footer .footer-contact-block + .footer-contact-block { margin-top: 0; }
}

@media (max-width: 767px) {
    #footer::before { background-position: center bottom 95px; background-size: 520px auto; opacity: .1; }

    #footer .footer-main-container, #footer .footer-bottom .container { max-width: calc(100% - 32px); }

    #footer .footer-main-container { padding: 46px 0 42px; }

    #footer .footer-grid { grid-template-columns: 1fr; gap: 38px; }

    #footer .footer-col-section { padding-right: 0; }

    #footer .footer-contact-section { grid-column: auto; display: block; padding: 24px 21px; }

    #footer .footer-contact-section .footer-section-title { margin-bottom: 24px; }

    #footer .footer-contact-block + .footer-contact-block { margin-top: 18px; }

    #footer .footer-bottom-container { padding: 22px 0; flex-direction: column; align-items: flex-start; }

    #footer .footer-bottom-links { justify-content: flex-start; }
}

.satir1 { padding: .45rem clamp(24px, 3vw, 48px); background: #162d4a; display: flex; justify-content: space-between; align-items: center; font-size: .75rem; color: rgba(255,255,255,.6) }

.satir1 span { font-size: 14px; }

.satir1 a { color: rgba(255,255,255,.6); transition: color .2s; font-size: 15px; }

.satir1 .util-r { display: flex; gap: 32px; align-items: center; }

/*******************/
#blog.home-blog { min-height: 0; padding: 96px 0 104px; color: #4f565f; background: #fff; }

#blog.home-blog .section-header-wrapper { margin-bottom: 38px; }

#blog.home-blog .header-left { position: relative; max-width: 720px; margin: 0; padding-left: 22px; }

#blog.home-blog .header-left .title { font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #c4856a; margin-bottom: .8rem; display: flex; align-items: center; gap: .5rem; }

#blog.home-blog .header-left .title::before { content: ''; display: block; width: 20px; height: 2px; background: #c4856a; }




#blog.home-blog .header-left .section-title { font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 900; color: #1e3a5f; margin-bottom: .6rem; }

#blog.home-blog .row.wrap { display: block; }

#blog.home-blog .cards-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; width: 100%; }

#blog.home-blog .card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 0; overflow: hidden; color: #4f565f; background: #fff; border: 1px solid #e5dfd9; border-radius: 18px; box-shadow: none; transition: transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .35s ease; }

#blog.home-blog .card:hover { transform: translateY(-7px); border-color: rgba(214,164,131,.72); box-shadow: 0 22px 50px rgba(22,43,69,.12); }

#blog.home-blog .card-image-container { position: relative; width: 100%; height: 235px; margin: 0; overflow: hidden; background: #eee9e4; }

#blog.home-blog .image-wrapper { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; overflow: hidden; border-radius: 0; transition: none; }

#blog.home-blog .card:hover .image-wrapper { width: 100%; }

#blog.home-blog .image-wrapper:after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg,transparent 48%,rgba(22,43,69,.25)); opacity: 0; transition: opacity .4s ease; pointer-events: none; }

#blog.home-blog .card:hover .image-wrapper:after { opacity: 1; }

#blog.home-blog .image-wrapper img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.001); transition: transform .75s cubic-bezier(.22,1,.36,1),filter .5s ease; }

#blog.home-blog .card:hover .image-wrapper img { transform: scale(1.075); filter: saturate(1.04); }

#blog.home-blog .blog-date { position: absolute; top: 15px; left: 15px; z-index: 5; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; color: #fff; background: var(--tema-renk1); border-radius: 8px; font: 600 20px/1 var(--baslik-fontu); box-shadow: 0 7px 20px rgba(22,43,69,.2); transition: background .3s ease,transform .35s ease; }

#blog.home-blog .card:hover .blog-date { background: var(--tema-renk3); transform: translateY(-2px); }

#blog.home-blog .card-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 25px 29px 27px; }

#blog.home-blog .card .card-title { width: 100%; margin: 0 0 13px; color: var(--tema-renk1); font: var(--baslik-font-weight) 21px/1.35 var(--baslik-fontu); }

#blog.home-blog .card .card-title span { }

#blog.home-blog .card-description { display: -webkit-box; width: 100%; margin-bottom: 23px; overflow: hidden; color: #74706c; font: 400 14px/1.7 var(--icerik-fontu); -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

#blog.home-blog .blog-readmore { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; color: var(--tema-renk1); font: 600 13px/1 var(--icerik-fontu); }

#blog.home-blog .blog-readmore i { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; color: var(--tema-renk1); background: rgba(214,164,131,.2); border-radius: 50%; transition: color .25s ease,background .25s ease,transform .3s ease; }

#blog.home-blog .blog-readmore svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; }

#blog.home-blog .card:hover .blog-readmore i { color: #fff; background: var(--tema-renk2); transform: translate(3px,-3px); }

#blog.home-blog > .container > .all-services-btn { margin-top: 36px; }

@media(max-width: 991px) {
    #blog.home-blog .cards-grid { grid-template-columns: repeat(2,minmax(0,1fr)) }
}

@media(max-width: 767px) {
    #blog.home-blog { padding: 66px 10px 72px }

    #blog.home-blog .section-header-wrapper { margin-bottom: 28px }

    #blog.home-blog .header-left .section-title { font-size: 30px }

    #blog.home-blog .cards-grid { grid-template-columns: 1fr; gap: 18px }

    #blog.home-blog .card-image-container { height: 225px }

    #blog.home-blog .card-content { padding: 23px 22px 25px }

    #blog.home-blog .card .card-title { font-size: 20px }
}

/* Anasayfa hakkimizda */
#homeAbout { position: relative; overflow: hidden; padding: 105px 0 110px; color: #625e5a; background: #fff; font-family: var(--icerik-fontu) }

#homeAbout .about-grid { position: relative; display: grid; grid-template-columns: minmax(330px,.88fr) minmax(0,1.12fr); gap: 74px; align-items: center }

#homeAbout .about-visual { position: relative; padding: 0 35px 35px 0 }

#homeAbout .about-photo { position: relative; overflow: hidden; height: 640px; margin: 0; background: linear-gradient(110deg,#eae5df 25%,#f6f2ee 45%,#eae5df 65%); background-size: 220% 100%; border-radius: 20px; box-shadow: 0 28px 65px rgba(22,43,69,.14); animation: aboutLoading 1.35s infinite }

#homeAbout .about-photo.is-loaded { animation: none; background: #eae5df }

#homeAbout .about-photo:after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 55%,rgba(22,43,69,.2)); pointer-events: none }

#homeAbout .about-photo img { width: 100%; border-radius: 20px; box-shadow: 0 20px 60px rgba(196, 133, 106, .2); }

#homeAbout .about-photo.is-loaded img { opacity: 1 }

#homeAbout .about-visual:hover .about-photo img { transform: scale(1.045) }

#homeAbout .about-note { position: absolute; z-index: 3; right: 0; bottom: 0; width: 220px; padding: 23px 22px; color: #fff; background: var(--tema-renk1); border-radius: 17px; box-shadow: 0 18px 42px rgba(22,43,69,.22) }

#homeAbout .about-note strong { display: block; font: 600 18px/1.35 var(--baslik-fontu) }

#homeAbout .about-note span { display: block; margin-top: 6px; color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.55 }

#homeAbout .about-kicker { font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--tema-renk2); margin-bottom: .8rem; display: flex; align-items: center; gap: .5rem; }

#homeAbout .about-kicker:before { content: ''; display: block; width: 20px; height: 2px; background: var(--tema-renk2); }

#homeAbout h2 { font-size: clamp(1.6rem, 2.5vw, 2.2rem); font-weight: 900; color: #1e3a5f; line-height: 1.2; margin: 0 0 1rem 0; }

#homeAbout .about-lead { font-size: .92rem; color: #7a6e6a; line-height: 1.85; margin-bottom: 1.5rem; }

#homeAbout .about-lead p { margin: 0 }

#homeAbout .about-lead li { list-style: disc }

#homeAbout .about-actions { display: flex; gap: 15px }

#homeAbout .about-link { background: #c4856a; color: #ffffff; padding: .9rem 2.2rem; border-radius: 50px; font-size: .9rem; font-weight: 800; transition: all .25s; display: inline-flex; align-items: center; gap: .5rem; }

#homeAbout .about-link.outline { color: var(--tema-renk1); background: transparent; border-color: rgba(22,43,69,.2) }

#homeAbout .about-link:hover { color: #fff; background: var(--tema-renk3); border-color: var(--tema-renk3); transform: translateY(-2px) }

.about-features { list-style: none; margin-bottom: 2rem }

.about-features li { display: flex; align-items: flex-start; gap: .8rem; padding: .55rem 0; font-size: .88rem; color: rgb(98, 94, 90); border-bottom: 1px solid #e8ddd6; font-weight: 500; }

.about-features li:last-child { border-bottom: none }

.about-features li::before { content: '✓'; color: #c4856a; font-weight: 900; font-size: .9rem; flex-shrink: 0; margin-top: .1rem; }

@keyframes aboutLoading {
    to { background-position: -220% 0 }
}

@media(max-width: 991px) {
    #homeAbout .about-grid { grid-template-columns: 1fr; gap: 48px }

    #homeAbout .about-visual { max-width: 590px; margin: auto }

    #homeAbout .about-copy { max-width: 760px; margin: auto }
}

@media(max-width: 767px) {
    #homeAbout { padding: 70px 10px 78px }

    #homeAbout .about-visual { padding: 0 18px 28px 0 }

    #homeAbout .about-photo { height: 470px }

    #homeAbout .about-note { width: 185px; padding: 18px 17px }

    #homeAbout h2 { font-size: 35px }

    #homeAbout .about-lead { font-size: 15px }

    #homeAbout .about-features { grid-template-columns: 1fr }

    #homeAbout .about-actions { flex-direction: column }

    #homeAbout .about-link { width: 100% }
}

/* Anasayfa guven gostergeleri */
#homeCredentials { position: relative; z-index: 3; overflow: hidden; color: #fff; background: #c4856a; font-family: var(--icerik-fontu) }

#homeCredentials:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(22,43,69,.08),transparent 35%,rgba(255,255,255,.06) 70%,transparent); pointer-events: none }

#homeCredentials .credential-grid { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); min-height: 156px }

#homeCredentials .credential-item { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; min-width: 0; padding: 29px 20px; text-align: center }

#homeCredentials .credential-item + .credential-item:before { content: ""; position: absolute; left: 0; top: 30px; bottom: 30px; width: 1px; background: rgba(255,255,255,.27) }

#homeCredentials .credential-value { font-size: 2.2rem; font-weight: 900; color: var(--white); line-height: 1; }

#homeCredentials .credential-label { font-size: .7rem; color: rgba(255, 255, 255, .8); margin-top: .3rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }

#homeCredentials .credential-item:after { content: ""; position: absolute; left: 50%; bottom: 23px; width: 0; height: 2px; background: #fff; transform: translateX(-50%); transition: width .35s ease }

#homeCredentials .credential-item:hover:after { width: 34px }

@media(max-width: 767px) {
    #homeCredentials .credential-grid { grid-template-columns: repeat(2,minmax(0,1fr)); min-height: 0 }

    #homeCredentials .credential-item { min-height: 126px; padding: 24px 12px }

    #homeCredentials .credential-item + .credential-item:before { top: 22px; bottom: 22px }

    #homeCredentials .credential-item:nth-child(3):before { display: none }

    #homeCredentials .credential-item:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.22) }

    #homeCredentials .credential-value { font-size: 28px }

    #homeCredentials .credential-label { font-size: 10px }
}

/* Anasayfa uzmanlik alanlari */
#homeExpertise { position: relative; overflow: hidden; padding: 96px 0 104px; color: #625e5a; background: #f8f5f1; font-family: var(--icerik-fontu) }

#homeExpertise .expertise-head { position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; }

#homeExpertise .expertise-heading { position: relative; max-width: 720px; }



#homeExpertise .expertise-kicker { display: block; margin-bottom: 8px; color: var(--tema-renk3); font-size: 12px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; position: relative; padding-left: 34px; }
#homeExpertise .expertise-kicker:before { content: ''; display: block; width: 25px; height: 2px; background: #c4856a; position: absolute; left: 0; top: 6px; }

#homeExpertise h2 { font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 900; color: #1e3a5f; margin-bottom: 11px; line-height: 60px; margin-top: 0; }

#homeExpertise .expertise-intro { font-size: 15px; color: #7a6e6a; margin-bottom: 38px; max-width: 560px; line-height: 24px; }

#homeExpertise .expertise-viewport { position: relative; z-index: 2; overflow: hidden; padding: 0 2px 30px; }

#homeExpertise .expertise-swiper { overflow: hidden; display: flex; flex-wrap: wrap; gap: 20px; }

#homeExpertise .expertise-entry { height: auto; min-width: 0; width: calc(25% - 20px); }

#homeExpertise .expertise-card { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(196, 133, 106, .08); transition: all .25s; display: block; text-decoration: none; border: 1px solid #e8ddd6; }

#homeExpertise .expertise-card:hover { color: inherit; border-color: rgba(214,164,131,.8); box-shadow: 0 24px 55px rgba(22,43,69,.13); }

#homeExpertise .expertise-image { position: relative; overflow: hidden; background: linear-gradient(110deg,#eae5df 25%,#f5f1ed 45%,#eae5df 65%); background-size: 220% 100%; animation: expertiseLoading 1.35s infinite }

#homeExpertise .expertise-image.is-loaded { animation: none; background: #eae5df }

#homeExpertise .expertise-image:after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(22,43,69,.34)); opacity: .22; transition: opacity .35s ease }

#homeExpertise .expertise-image img { width: 100%; height: 180px; object-fit: cover; display: block; }

#homeExpertise .expertise-image.is-loaded img { opacity: 1 }

#homeExpertise .expertise-card:hover .expertise-image img { }

#homeExpertise .expertise-card:hover .expertise-image:after { opacity: .55 }

#homeExpertise .expertise-body { display: flex; flex: 1; flex-direction: column; padding: 1.3rem; }

#homeExpertise .expertise-title { font-size: .88rem; font-weight: 800; color: #1e3a5f; margin: 0 0 .9rem 0; line-height: 1.3; }

#homeExpertise .expertise-summary { display: -webkit-box; overflow: hidden; color: #77716c; font-size: 14px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 3 }

#homeExpertise .expertise-more { display: flex; align-items: center; justify-content: space-between; gap: 0; margin-top: auto; padding-top: 20px; background: #c4856a; font-size: 12px; font-weight: 700; width: fit-content; color: #fff; border-radius: 20px; padding: 3px 5px 3px 19px; }
#homeExpertise .expertise-more:hover { background: #d4967c }

#homeExpertise .expertise-more i { display: grid; place-items: center; width: 34px; height: 34px; color: #fff; border-radius: 50%; font-style: normal; transition: .25s ease }

#homeExpertise .expertise-card:hover .expertise-more i { }



@keyframes expertiseLoading {
    to { background-position: -220% 0 }
}

@media(max-width: 767px) {
    #homeExpertise {padding: 66px 0 74px;}

    #homeExpertise .expertise-head { align-items: flex-start; flex-direction: column; margin-bottom: 29px }

    #homeExpertise .expertise-image { height: 225px }

    #homeExpertise .expertise-body {padding: 14px 14px 14px;display: flex;flex-direction: row;align-content: space-between;flex-wrap: wrap;}

    #homeExpertise .expertise-title {font-size: 18px;width: 100%;height: 70px;}
}


/* TERAPÄ°LER */
#homeTherapies { padding: 6rem 2rem; background: #1e3a5f; }

#homeTherapies .container { max-width: 1280px; margin: 0 auto; }

/* BAÅžLIK ALANI */
#homeTherapies .therapy-head { margin-bottom: 3rem; }

#homeTherapies .therapy-kicker { display: block; margin-bottom: .6rem; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--rose, #c4856a); }

#homeTherapies #homeTherapiesTitle { font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 900; color: #fff; margin-bottom: .6rem; }

#homeTherapies .therapy-intro { margin-top: .8rem; }

#homeTherapies .therapy-intro p { margin: 0; color: rgba(255, 255, 255, .55); font-size: .95rem; line-height: 1.6; }

/* GRID */
#homeTherapies .therapy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }

/* KART */
#homeTherapies .therapy-card { background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); border-radius: 16px; overflow: hidden; display: grid; grid-template-columns: 160px 1fr; grid-template-rows: auto 1fr auto; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; text-decoration: none; color: inherit; min-height: 160px; }

#homeTherapies .therapy-card:hover { background: rgba(196, 133, 106, .1); border-color: rgba(196, 133, 106, .3); box-shadow: 0 16px 35px rgba(0, 0, 0, .12); }

/* GÃ–RSEL */
#homeTherapies .therapy-photo { grid-column: 1; grid-row: 1 / 4; width: 160px; height: 160px; margin: 0; overflow: hidden; }

#homeTherapies .therapy-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }

#homeTherapies .therapy-card:hover .therapy-photo img { transform: scale(1.04); }

/* BAÅžLIK */
#homeTherapies .therapy-title { grid-column: 2; grid-row: 1; margin: 0; padding: 1.5rem 1.5rem .45rem; font-size: .92rem; line-height: 1.35; font-weight: 800; color: #fff; }

/* AÃ‡IKLAMA */
#homeTherapies .therapy-summary { grid-column: 2; grid-row: 2; padding: 0 1.5rem; }

#homeTherapies .therapy-summary p { margin: 0; font-size: .78rem; line-height: 1.6; color: rgba(255, 255, 255, .5); }

/* DETAYLI BÄ°LGÄ° */
#homeTherapies .therapy-more { grid-column: 2; grid-row: 3; padding: .7rem 1.5rem 1.5rem; font-size: .75rem; font-weight: 700; color: var(--rose, #c4856a); display: flex; align-items: center; gap: .3rem; }

#homeTherapies .therapy-more i { font-style: normal; transition: transform .25s ease; }

#homeTherapies .therapy-card:hover .therapy-more i { transform: translateX(4px); }

/* TABLET */
@media (max-width: 900px) {
    #homeTherapies { padding: 4rem 1.5rem; }

    #homeTherapies .therapy-grid { grid-template-columns: 1fr; }
}

/* MOBÄ°L */
@media (max-width: 600px) {
    #homeTherapies { padding: 3.5rem 1rem; }

    #homeTherapies .therapy-head { margin-bottom: 2rem; }

    #homeTherapies .therapy-card { grid-template-columns: 110px 1fr; min-height: 145px; }

    #homeTherapies .therapy-photo { width: 110px; height: 100%; min-height: 145px; }

    #homeTherapies .therapy-title { padding: 1.1rem 1rem .4rem; font-size: .88rem; }

    #homeTherapies .therapy-summary { padding: 0 1rem; }

    #homeTherapies .therapy-summary p { font-size: .74rem; line-height: 1.5; }

    #homeTherapies .therapy-more { padding: .6rem 1rem 1.1rem; font-size: .72rem; }
}


/* YORUMLAR */
.reviews { padding: 6rem 2rem; background: var(--cream) }

.reviews-inner { max-width: 1280px; margin: 0 auto }
.reviews-inner .sec-pre { font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #c4856a; margin-bottom: .8rem; display: flex; align-items: center; gap: .5rem; }

.reviews-inner .sec-pre::before { content: ''; display: block; width: 20px; height: 2px; background: #c4856a; }


.reviews-inner .sec-title { font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 900; color: #1e3a5f; margin-bottom: .6rem; }
.rv-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; margin-top: 3rem }

.rv { background: var(--white); border-radius: 16px; padding: 2rem; box-shadow: 0 2px 12px rgba(196,133,106,.08); border-top: 4px solid var(--rose) }

.rv-stars { color: var(--rose); font-size: .85rem; letter-spacing: 2px; margin-bottom: 1rem }

.rv-text { font-size: .88rem; color: var(--muted); line-height: 1.8; font-style: italic; margin-bottom: 1.2rem }

.rv-name { font-size: .82rem; font-weight: 800; color: var(--navy) }

.rv-loc { font-size: .7rem; color: var(--muted); margin-top: .1rem }


/* SSS */
.faq { padding: 6rem 2rem; background: var(--white) }

.faq h2 { font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 900; color: #1e3a5f; margin-bottom: .6rem; }

.faq .sec-pre { font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--rose); margin-bottom: .8rem; display: flex; align-items: center; gap: .5rem; }

.faq .sec-pre::before { content: ''; display: block; width: 20px; height: 2px; background: var(--rose); }


.faq-inner { max-width: 900px; margin: 0 auto }

.faq-item { border-bottom: 1px solid var(--border) }

.faq-q { padding: 1.1rem 0; font-weight: 700; font-size: .92rem; color: var(--navy); cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1rem; transition: color .2s }

.faq-q:hover { color: var(--rose) }

.faq-q::after { content: '+'; font-size: 1.3rem; color: var(--rose); flex-shrink: 0; transition: transform .2s; font-weight: 300 }

.faq-item.open .faq-q::after { transform: rotate(45deg) }

.faq-a { font-size: .87rem; color: var(--muted); max-height: 0; overflow: hidden; transition: max-height .3s,padding .3s; line-height: 1.75 }

.faq-item.open .faq-a { max-height: 200px; padding-bottom: 1rem }

/* RANDEVU */
.randevu { padding: 6rem 2rem; background: var(--navy); position: relative; overflow: hidden }

.randevu::before { content: ''; position: absolute; bottom: -200px; right: -200px; width: 600px; height: 600px; background: radial-gradient(circle,rgba(196,133,106,.12) 0%,transparent 65%); border-radius: 50% }

.randevu-inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.2fr; gap: 5rem; align-items: center; position: relative; z-index: 1 }

.randevu-img img { width: 100%; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,.3) }

.randevu-form-wrap { background: var(--white); border-radius: 20px; padding: 2.5rem; box-shadow: 0 20px 60px rgba(0,0,0,.25) }

.randevu-form-title { font-size: 1.6rem; font-weight: 900; color: var(--navy); margin-bottom: .4rem }

.randevu-form-sub { font-size: .85rem; color: var(--muted); margin-bottom: 1.8rem }

.fg { margin-bottom: 1rem }

.fg label { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: .35rem }

.fg input, .fg select, .fg textarea { width: 100%; padding: .75rem 1rem; border: 1.5px solid var(--border); border-radius: 10px; background: var(--off); font-family: 'Raleway',sans-serif; font-size: .88rem; color: var(--text); outline: none; transition: border-color .2s }

.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--rose); background: var(--white) }

.fg textarea { resize: vertical; min-height: 80px }

.fg-row { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem }

.btn-submit { background: var(--rose); color: var(--white); padding: 1rem; border: none; border-radius: 50px; font-family: 'Raleway',sans-serif; font-size: .92rem; font-weight: 800; cursor: pointer; width: 100%; transition: all .2s; letter-spacing: .03em }

.btn-submit:hover { background: var(--rose2); transform: translateY(-1px) }

/* YORUMLAR */
.reviews { padding: 6rem 2rem; background: var(--cream) }

.reviews-inner { max-width: 1280px; margin: 0 auto }

.rv-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; margin-top: 3rem }

.rv { background: var(--white); border-radius: 16px; padding: 2rem; box-shadow: 0 2px 12px rgba(196,133,106,.08); border-top: 4px solid var(--rose) }

.rv-stars { color: var(--rose); font-size: .85rem; letter-spacing: 2px; margin-bottom: 1rem }

.rv-text { font-size: .88rem; color: var(--muted); line-height: 1.8; font-style: italic; margin-bottom: 1.2rem }

.rv-name { font-size: .82rem; font-weight: 800; color: var(--navy) }

.rv-loc { font-size: .7rem; color: var(--muted); margin-top: .1rem }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease,transform .65s ease }

.reveal.visible { opacity: 1; transform: none }

.reveal-l { opacity: 0; transform: translateX(-28px); transition: opacity .65s ease,transform .65s ease }

.reveal-l.visible { opacity: 1; transform: none }

.reveal-r { opacity: 0; transform: translateX(28px); transition: opacity .65s ease,transform .65s ease }

.reveal-r.visible { opacity: 1; transform: none }


.hero { background: linear-gradient(135deg,#faf7f4 0%,#f5efe8 45%,#fdf5f2 100%); min-height: 620px; position: relative; overflow: hidden; display: flex; align-items: center }

.hero::before { content: ''; position: absolute; top: -150px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle,rgba(196,133,106,.22) 0%,transparent 65%); border-radius: 50% }

.hero::after { content: ''; position: absolute; bottom: -150px; left: 0; width: 400px; height: 400px; background: radial-gradient(circle,rgba(125,140,107,.1) 0%,transparent 65%); border-radius: 50% }

.hero-logo-bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: min(760px,92vw); opacity: .15; pointer-events: none; z-index: 0; animation: wmIn 1.4s ease 1.8s both }

.hero-inner { max-width: 1280px; margin: 0 auto; padding: 4rem 2rem; display: grid; grid-template-columns: 1fr 460px; gap: 3rem; align-items: center; position: relative; z-index: 1; width: 100% }

.hero-pre { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--rose); margin-bottom: 1rem; display: flex; align-items: center; gap: .6rem }

.hero-pre::before { content: ''; display: block; width: 28px; height: 2px; background: var(--rose) }

.hero h1, .hero-slogan { font-size: clamp(2.2rem,4vw,3.4rem); font-weight: 900; color: var(--navy); line-height: 1.1; margin-bottom: 1.2rem; letter-spacing: -.02em }

.hero h1 span, .hero-slogan span { color: var(--rose) }

.hero-desc { font-size: .95rem; color: var(--muted); margin-bottom: 2.5rem; max-width: 480px; line-height: 1.85; font-weight: 400 }

.hero-btns { display: flex; gap: 1rem; flex-wrap: wrap }
.btn-rose { background: var(--rose); color: var(--white); padding: .9rem 2.2rem; border-radius: 50px; font-size: .9rem; font-weight: 800; transition: all .25s; display: inline-flex; align-items: center; gap: .5rem }

.btn-rose:hover { background: var(--rose2); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(196,133,106,.35) }

.btn-outline { border: 2px solid rgba(30,58,95,.3); color: var(--navy); padding: .9rem 2.2rem; border-radius: 50px; font-size: .9rem; font-weight: 700; transition: all .25s }

.btn-outline:hover { border-color: var(--navy); background: rgba(30,58,95,.06) }

.hero-img { display: flex; justify-content: flex-end; align-items: flex-end; position: relative }

.hero-img img { max-height: 540px; object-fit: contain; filter: drop-shadow(0 20px 50px rgba(30,58,95,.25)); border-radius: 16px 16px 0 0 }
.hero-card { position: absolute; bottom: 20px; left: -10px; background: var(--white); border-radius: 14px; padding: 1rem 1.3rem; box-shadow: 0 8px 28px rgba(0,0,0,.15); display: flex; align-items: center; gap: .8rem }

.hero-card-dot { width: 36px; height: 36px; background: var(--rose-lt); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0 }

.hero-card-title { font-size: .78rem; font-weight: 800; color: var(--navy); line-height: 1.2 }

.hero-card-sub { font-size: .68rem; color: var(--muted); margin-top: .1rem }

/* SEO */
.seo { background: var(--off); padding: 2rem; border-top: 1px solid var(--border) }

.seo-in { max-width: 1280px; margin: 0 auto }

.seo-in h2 { font-size: .9rem; font-weight: 700; color: var(--navy); margin-bottom: .4rem }

.seo-in p { font-size: .78rem; color: var(--muted); line-height: 1.8 }



@media (max-width: 900px) {
    .satir1 { display: none; }
}

@media(max-width: 900px) {
    .util { display: none }

    .hero-inner, .about-inner, .randevu-inner {grid-template-columns: 1fr;gap: 2.5rem;padding: 0rem 1rem;}

    .hero-img { display: none }

    .srv-grid { grid-template-columns: 1fr 1fr }

    .th-grid, .rv-grid { grid-template-columns: 1fr }

    .stats-inner, .quick-inner { grid-template-columns: 1fr 1fr }

    .foot-grid { grid-template-columns: 1fr; gap: 1.5rem }

    .fg-row { grid-template-columns: 1fr }

    .th-card { flex-direction: column }

    .th-card-img { width: 100%; height: 180px }


#homeExpertise .expertise-entry {
    width: calc(50% - 5px);
}
    #homeExpertise .expertise-image img {
        height: 226px;
    }

    #homeExpertise .expertise-swiper {
    gap: 10px;
}

#homeExpertise h2{
    line-height: 34px;
}
 #homeExpertise .expertise-more
    #homeExpertise .expertise-card{height:100%}
    #homeExpertise .expertise-more{
}
    .hero h1, .hero-slogan{margin-top:0}
}