/* ==================================================================
   sablon/public/theme/style.css
   duenor — NÖTR BAŞLANGIÇ TEMASI (sektörsüz, temiz, profesyonel, açık).
   Yeni müşteri için temel; istenirse renk/punto değiştirilip giydirilir.
   Tek renk değişimi için --accent yeterli.
   ================================================================== */

:root {
    --bg:        #ffffff;
    --bg-soft:   #f7f3fd;   /* yumuşak lavanta (referans tonu) */
    --bg-soft2:  #efe9fb;
    --ink:       #2b1a5e;   /* derin mor-lacivert (başlıklar) */
    --text:      #6a6588;   /* mor-gri gövde metni */
    --muted:     #9791b5;
    --line:      #ece7f6;
    --accent:    #4c2a9c;   /* mor (referans ana renk) */
    --accent-dk: #2e1a6b;   /* koyu mor */
    --accent-sf: rgba(76,42,156,.08);
    --alt:       #ec4a86;   /* pembe (referans ikincil vurgu) */
    --dark:      #2e1a6b;
    --btn-radius: 8px;
    --radius:    14px;
    --max:       1180px;
    --shadow:    0 10px 30px rgba(15,23,42,.06);
    --shadow-lg: 0 24px 60px rgba(15,23,42,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    background: var(--bg); color: var(--text); line-height: 1.7; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { max-width: var(--max); margin: 0 auto; padding: 0 24px; }
.muted { color: var(--muted); }
.text-center { text-align: center; }
h1,h2,h3,h4 { font-family: inherit; color: var(--ink); line-height: 1.2; margin: 0 0 .5em; font-weight: 700; letter-spacing: -.02em; }

.section { padding: 88px 0; }
.section.alt { background: var(--bg-soft); }
.section-head { text-align: center; max-width: 680px; margin: 0 auto 52px; }
.section-head .eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-bottom: 12px; }
.section-head h2 { font-size: clamp(28px, 4vw, 40px); }
.section-head p { color: var(--muted); margin: 14px 0 0; font-size: 17px; }

.btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; border-radius: var(--btn-radius);
    font-weight: 600; font-size: 14.5px; border: 1px solid transparent; cursor: pointer;
    transition: transform .15s ease, background .2s, box-shadow .2s, color .2s, border-color .2s; }
.btn:hover { transform: translateY(-2px); }
.btn-accent { background: var(--accent); color: #fff; box-shadow: 0 8px 20px rgba(79,70,229,.25); }
.btn-accent:hover { background: var(--accent-dk); box-shadow: 0 12px 26px rgba(79,70,229,.35); }
.btn-ghost { background: transparent; color: var(--ink); border-color: var(--line); }
.btn-ghost:hover { border-color: var(--accent); color: var(--accent); }
.btn-light { background: #fff; color: var(--ink); border-color: var(--line); }
.btn-light:hover { background: var(--bg-soft); }
.btn-wa { background: #25d366; color: #fff; }
.btn-wa:hover { background: #1fb457; box-shadow: 0 12px 26px rgba(37,211,102,.3); }

.topbar { display: none; }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.9); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); transition: box-shadow .3s; }
.site-header.scrolled { box-shadow: var(--shadow); }
.header-inner { display: flex; align-items: center; justify-content: space-between; height: 76px; }
.logo img { max-height: 46px; }
.logo-text { font-size: 22px; font-weight: 800; color: var(--ink); letter-spacing: -.03em; }

.site-nav { display: flex; align-items: center; gap: 2px; }
.site-nav > a, .nav-item > a { display: inline-flex; align-items: center; gap: 5px; padding: 10px 14px; font-size: 14px; font-weight: 500; color: var(--text); border-radius: 8px; transition: color .2s, background .2s; }
.site-nav > a:hover, .nav-item:hover > a { color: var(--accent); }
.site-nav > a.active { color: var(--accent); }
.nav-item { position: relative; }
.nav-item > a::after { content: "▾"; font-size: 11px; opacity: .6; }
.nav-dropdown { position: absolute; top: 100%; left: 0; min-width: 250px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-lg); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .2s; z-index: 60; }
.nav-item:hover .nav-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-dropdown a { display: block; padding: 10px 14px; border-radius: 8px; font-size: 14px; color: var(--text); }
.nav-dropdown a:hover { background: var(--accent-sf); color: var(--accent); }
.nav-cta { margin-left: 10px; color: #fff !important; }
.nav-toggle { display: none; }
.nav-toggle-btn { display: none; font-size: 26px; cursor: pointer; color: var(--ink); user-select: none; }
.nav-backdrop { display: none; }
.nav-toggle-btn .ico-close { display: none; }

.hero { position: relative; min-height: 78vh; display: flex; align-items: center; overflow: hidden;
    background: radial-gradient(900px 500px at 80% -10%, var(--accent-sf), transparent 60%), linear-gradient(180deg, var(--bg), var(--bg-soft)); }
.hero.has-photo { background-size: cover; background-position: center; }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(700px 400px at 15% 30%, rgba(14,165,233,.07), transparent 60%); }
.hero-inner { position: relative; z-index: 2; width: 100%; max-width: 760px; padding: 80px 0; }
.hero .hero-logo { max-height: 90px; margin: 0 0 24px; }
.hero h1 { font-size: clamp(34px, 5.5vw, 60px); color: var(--ink); margin: 0 0 18px; line-height: 1.05; }
.hero h1 .hl { color: var(--accent); }
.hero .hero-text { font-size: clamp(16px, 1.5vw, 20px); color: var(--text); max-width: 560px; margin: 0 0 32px; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.badges { padding: 0; }
.badges-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: -40px; position: relative; z-index: 3; }
.badge-item { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 28px 22px; text-align: center; box-shadow: var(--shadow); transition: transform .25s, box-shadow .25s; }
.badge-item:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.badge-item .b-ico { width: 52px; height: 52px; margin: 0 auto 14px; display: grid; place-items: center; font-size: 24px; border-radius: 14px; background: var(--accent-sf); color: var(--accent); }
.badge-item h3 { font-size: 16px; margin: 0; color: var(--ink); }
.badge-item p { font-size: 13px; color: var(--muted); margin: 4px 0 0; }

.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.service-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 30px; transition: transform .25s, box-shadow .25s, border-color .25s; }
.service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: var(--accent); }
.service-card .s-body { display: flex; flex-direction: column; height: 100%; }
.service-card .s-ico { width: 56px; height: 56px; display: grid; place-items: center; font-size: 26px; border-radius: 14px; background: var(--accent-sf); color: var(--accent); margin-bottom: 18px; }
.service-card h3 { font-size: 20px; color: var(--ink); margin-bottom: 10px; }
.service-card p { color: var(--text); margin: 0 0 18px; font-size: 15px; flex: 1; }
.service-card .s-more { color: var(--accent); font-weight: 600; font-size: 14px; display: inline-flex; gap: 6px; align-items: center; }
.service-card:hover .s-more { gap: 10px; }

.work-block { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; margin-bottom: 56px; }
.work-block:last-child { margin-bottom: 0; }
.work-block.reverse .work-media { order: 2; }
.work-media { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); aspect-ratio: 4/3; background: var(--bg-soft2); box-shadow: var(--shadow); }
.work-media img { width: 100%; height: 100%; object-fit: cover; }
.work-media.placeholder { display: grid; place-items: center; }
.work-media .ph { font-size: 56px; opacity: .5; }
.work-tag { display: inline-block; background: var(--accent-sf); color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 6px 14px; border-radius: 999px; margin-bottom: 14px; }
.work-text h3 { font-size: clamp(22px, 3vw, 30px); color: var(--ink); }
.work-text p { color: var(--text); }

.faq-list { max-width: 820px; margin: 0 auto; }
.faq-item { border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 12px; background: #fff; overflow: hidden; }
.faq-item > summary { list-style: none; cursor: pointer; padding: 20px 24px; font-weight: 600; font-size: 16.5px; color: var(--ink); display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.faq-item > summary::-webkit-details-marker { display: none; }
.faq-item > summary::after { content: "+"; color: var(--accent); font-size: 24px; font-weight: 400; transition: transform .2s; }
.faq-item[open] > summary::after { transform: rotate(45deg); }
.faq-item .faq-body { padding: 0 24px 22px; color: var(--muted); }

.cta { background: linear-gradient(135deg, var(--accent), var(--accent-dk)); color: #fff; border-radius: 20px; padding: 64px 44px; text-align: center; box-shadow: 0 20px 50px rgba(79,70,229,.3); }
.cta h2 { color: #fff; font-size: clamp(26px, 4vw, 38px); }
.cta p { color: rgba(255,255,255,.9); max-width: 600px; margin: 14px auto 28px; }
.cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.cta .btn-light { background: #fff; color: var(--accent-dk); border-color: #fff; }

.ba-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; }
.ba-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); transition: transform .2s, box-shadow .2s; }
.ba-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.ba-imgs { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--line); }
.ba-img { position: relative; aspect-ratio: 4/3; background: var(--bg-soft2); overflow: hidden; }
.ba-img img { width: 100%; height: 100%; object-fit: cover; }
.ba-img .ph { width: 100%; height: 100%; font-size: 30px; }
.ba-badge { position: absolute; top: 10px; z-index: 2; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px; }
.ba-badge.before { left: 10px; background: rgba(15,23,42,.7); color: #fff; }
.ba-badge.after { right: 10px; background: var(--accent); color: #fff; }
.ba-body { padding: 22px 24px; }
.ba-body h3 { font-size: 19px; color: var(--ink); margin-bottom: 8px; }
.ba-body p { color: var(--text); margin: 0; font-size: 14.5px; }

.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.gallery-item { position: relative; overflow: hidden; border-radius: var(--radius); aspect-ratio: 4/3; background: var(--bg-soft2); border: 1px solid var(--line); }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.gallery-item:hover img { transform: scale(1.06); }
.gallery-item .caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 14px; background: linear-gradient(transparent, rgba(15,23,42,.8)); color: #fff; font-size: 14px; font-weight: 600; }

.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.stat-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 34px; text-align: center; box-shadow: var(--shadow); }
.stat-card .num { font-size: 42px; font-weight: 800; color: var(--accent); }
.stat-card .lbl { color: var(--muted); font-weight: 500; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.feature-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 30px; box-shadow: var(--shadow); }
.feature-card .f-ico { width: 52px; height: 52px; display: grid; place-items: center; font-size: 24px; border-radius: 14px; background: var(--accent-sf); color: var(--accent); margin-bottom: 16px; }
.feature-card h3 { font-size: 19px; color: var(--ink); }
.feature-card p { color: var(--muted); margin: 0; }

.page-hero { padding: 80px 0 56px; text-align: center; background: radial-gradient(700px 300px at 50% -10%, var(--accent-sf), transparent 60%), var(--bg-soft); border-bottom: 1px solid var(--line); }
.page-hero .crumb { color: var(--muted); font-size: 14px; margin-bottom: 12px; }
.page-hero .crumb a:hover { color: var(--accent); }
.page-hero h1 { font-size: clamp(28px, 5vw, 44px); color: var(--ink); }
.page-hero p { color: var(--text); max-width: 640px; margin: 12px auto 0; }

.prose { max-width: 820px; margin: 0 auto; }
.prose p { color: var(--text); }
.prose img { border-radius: var(--radius); margin: 18px 0; }
.prose h2, .prose h3 { margin-top: 1.4em; color: var(--ink); }
.prose ul { padding-left: 0; list-style: none; }
.prose ul li { position: relative; padding-left: 28px; margin-bottom: 10px; }
.prose ul li::before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-weight: 800; }

.about-split { display: grid; grid-template-columns: 1.05fr .95fr; gap: 50px; align-items: center; }
.about-split img { border-radius: var(--radius); border: 1px solid var(--line); box-shadow: var(--shadow); }

.svc-detail { display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: start; }
.svc-section { margin-bottom: 34px; }
.svc-section h2 { font-size: 26px; color: var(--ink); }
.icon-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0; padding: 0; list-style: none; }
.icon-list li { background: var(--bg-soft); border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px; }
.icon-list li strong { display: block; color: var(--ink); margin-bottom: 4px; }
.steps { counter-reset: step; list-style: none; padding: 0; margin: 0; }
.steps li { position: relative; padding: 4px 0 18px 52px; }
.steps li::before { counter-increment: step; content: counter(step); position: absolute; left: 0; top: 0; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: #fff; font-weight: 700; }
.svc-aside .box { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; position: sticky; top: 100px; box-shadow: var(--shadow); }
.svc-aside h3, .svc-aside h4 { color: var(--ink); }
.ph { display: grid; place-items: center; color: var(--muted); font-size: 44px; background: var(--bg-soft2); }

.form-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 32px; box-shadow: var(--shadow); }
.form-card label { display: block; font-weight: 600; margin: 16px 0 6px; font-size: 14px; color: var(--ink); }
.form-card input, .form-card textarea { width: 100%; padding: 13px 15px; background: var(--bg-soft); color: var(--ink); border: 1px solid var(--line); border-radius: var(--btn-radius); font-size: 15px; font-family: inherit; transition: border-color .2s, box-shadow .2s; }
.form-card input:focus, .form-card textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-sf); background: #fff; }
.form-card textarea { min-height: 130px; resize: vertical; }
.info-list { list-style: none; padding: 0; margin: 0; }
.info-list li { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.info-list li:last-child { border-bottom: 0; }
.info-list li .ico { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: 12px; background: var(--accent-sf); color: var(--accent); font-size: 18px; }
.info-list li strong { display: block; color: var(--ink); }
.notice { padding: 13px 16px; border-radius: var(--btn-radius); margin-bottom: 16px; font-size: 14px; }
.notice-success { background: rgba(16,185,129,.1); border: 1px solid rgba(16,185,129,.3); color: #047857; }
.notice-error { background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.3); color: #b91c1c; }

.site-footer { background: var(--dark); color: #cbd5e1; }
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1.2fr 1.4fr; gap: 40px; padding: 60px 24px 40px; }
.footer-logo span { font-size: 20px; font-weight: 800; color: #fff; }
.footer-logo img { max-height: 46px; }
.footer-about p { color: #94a3b8; font-size: 14px; margin: 16px 0; }
.footer-social a { display: inline-block; margin-right: 8px; color: #cbd5e1; border: 1px solid #334155; padding: 6px 12px; border-radius: 8px; font-size: 13px; transition: all .2s; }
.footer-social a:hover { color: #fff; border-color: var(--accent); background: var(--accent); }
.footer-col h4 { color: #fff; font-size: 16px; margin-bottom: 16px; }
.footer-links, .footer-contact { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 10px; }
.footer-links a { color: #94a3b8; font-size: 14px; transition: color .2s; }
.footer-links a:hover { color: #fff; }
.footer-contact li { color: #94a3b8; font-size: 14px; margin-bottom: 12px; display: flex; gap: 10px; }
.footer-contact .ico { color: var(--accent); }
.footer-contact a { color: #94a3b8; }
.footer-contact a:hover { color: #fff; }
.footer-bottom { border-top: 1px solid #1e293b; padding: 18px 0; color: #64748b; font-size: 13px; }
.footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.footer-credit { display: inline-flex; align-items: center; gap: 9px; color: #94a3b8; font-size: 12px; opacity: .8; transition: opacity .25s; }
.footer-credit:hover { opacity: 1; color: #fff; }
.footer-credit img { height: 18px; width: auto; filter: brightness(0) invert(1); opacity: .85; }
@media (max-width: 620px) { .footer-bottom-inner { justify-content: center; text-align: center; } }

.whatsapp-float { position: fixed; right: 22px; bottom: 22px; z-index: 60; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: grid; place-items: center; box-shadow: 0 12px 28px rgba(37,211,102,.4); transition: transform .15s; }
.whatsapp-float span { display: none; }
.whatsapp-float svg { display: block; }
.whatsapp-float:hover { transform: translateY(-3px) scale(1.05); }

@media (max-width: 980px) {
    .service-grid, .feature-grid, .stats-grid, .gallery-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .work-block, .work-block.reverse .work-media { grid-template-columns: 1fr; order: 0; }
    .about-split, .svc-detail { grid-template-columns: 1fr; }
    .icon-list { grid-template-columns: 1fr; }
    .svc-aside .box { position: static; }
    .badges-grid { grid-template-columns: 1fr 1fr; margin-top: 24px; }
}
@media (max-width: 760px) {
    .nav-toggle-btn { display: block; }
    .site-nav { position: fixed; inset: 76px 0 auto 0; flex-direction: column; align-items: stretch; background: #fff; border-bottom: 1px solid var(--line); padding: 14px 24px 24px; gap: 2px; transform: translateY(-130%); transition: transform .25s ease; box-shadow: var(--shadow-lg); max-height: calc(100vh - 76px); overflow-y: auto; }
    .nav-toggle:checked ~ .site-nav { transform: translateY(0); }
    .nav-dropdown { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; border-left: 2px solid var(--line); border-radius: 0; margin: 0 0 8px 12px; padding: 0; }
    .nav-cta { margin: 10px 0 0; justify-content: center; }
    .section { padding: 60px 0; }
}
@media (max-width: 480px) {
    .service-grid, .gallery-grid, .feature-grid, .stats-grid, .badges-grid { grid-template-columns: 1fr; }
    .cta { padding: 44px 24px; }
}

/* ==================================================================
   GÜNEBAKAN PSİKOLOJİ — bespoke bölümler (sakin, açık)
   ================================================================== */
.eyebrow { display:inline-block; font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
    color:var(--accent); background:var(--accent-sf); padding:6px 14px; border-radius:999px; margin-bottom:16px; }
.section-head.text-center { text-align:center; max-width:680px; margin:0 auto 52px; }
.section-head h2 { font-size:clamp(26px,3.6vw,40px); }
.section-head p { color:var(--muted); font-size:17px; margin:.4em 0 0; }
.btn { border-radius:999px; padding:14px 28px; font-weight:600; }
.btn-accent { background:var(--accent); color:#fff; box-shadow:0 12px 28px rgba(76,42,156,.28); }
.btn-accent:hover { background:var(--accent-dk); transform:translateY(-2px); }
.btn-ghost { background:transparent; border:1.5px solid var(--line); color:var(--ink); }
.btn-ghost:hover { border-color:var(--accent); color:var(--accent); }
.btn-video { background:#fff; border:1.5px solid var(--line); color:var(--ink); }
.btn-video:hover { border-color:var(--alt); color:#2e1a6b; }
.btn-wa { background:#25d366; color:#fff; }

/* HERO */
.gb-hero { position:relative; overflow:hidden; padding:72px 0 84px;
    background:linear-gradient(180deg,#f7f3fd 0%, #ffffff 100%); }
.gb-blob { position:absolute; border-radius:50%; filter:blur(60px); opacity:.5; z-index:0; }
.gb-blob.b1 { width:420px; height:420px; background:rgba(76,42,156,.18); top:-120px; right:-80px; }
.gb-blob.b2 { width:320px; height:320px; background:rgba(236,74,134,.20); bottom:-120px; left:-60px; }
.gb-hero-in { position:relative; z-index:1; display:grid; grid-template-columns:1.1fr .9fr; gap:54px; align-items:center; }
.gb-hero-text h1 { font-size:clamp(34px,5vw,56px); line-height:1.08; margin:0 0 18px; }
.gb-hero-text h1 em { font-style:normal; color:var(--accent); position:relative; white-space:nowrap; }
.gb-hero-text h1 em::after { content:""; position:absolute; left:0; right:0; bottom:4px; height:10px;
    background:rgba(236,74,134,.42); border-radius:6px; z-index:-1; }
.gb-lead { font-size:18px; color:var(--text); max-width:520px; margin:0 0 28px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.gb-hero-art { position:relative; }
.gb-hero-art img { width:100%; border-radius:24px; box-shadow:var(--shadow-lg); }
.gb-hero-ph { aspect-ratio:4/5; border-radius:24px; display:grid; place-items:center; font-size:120px;
    background:radial-gradient(circle at 40% 30%, #f3edfb, #efe9fb 70%); box-shadow:var(--shadow-lg); border:1px solid var(--line); }
.gb-hero-card { position:absolute; left:-14px; bottom:20px; background:#fff; border:1px solid var(--line);
    border-radius:14px; padding:12px 18px; font-size:14px; font-weight:600; color:var(--ink); box-shadow:var(--shadow);
    display:flex; align-items:center; gap:10px; }
.gb-dot { width:10px; height:10px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px var(--accent-sf); }

/* STATS */
.gb-stats { padding:0 0 8px; margin-top:-40px; position:relative; z-index:2; }
.gb-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
    background:#fff; border:1px solid var(--line); border-radius:20px; padding:34px 24px; box-shadow:var(--shadow); }
.gb-stat { text-align:center; }
.gb-stat .num { font-size:38px; font-weight:800; color:var(--accent); letter-spacing:-.02em; }
.gb-stat .lbl { font-size:14px; color:var(--muted); margin-top:4px; }

/* SERVICE (terapi) kartları — temiz açık kart */
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.service-card { display:block; background:#fff; border:1px solid var(--line); border-radius:18px; padding:30px 28px;
    min-height:auto; transition:transform .2s, box-shadow .2s, border-color .2s; box-shadow:var(--shadow); }
.service-card::before, .service-card::after { content:none !important; }
.service-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:var(--accent); }
.service-card .s-body { padding:0; }
.service-card .s-ico { width:56px; height:56px; border-radius:14px; display:grid; place-items:center; font-size:28px;
    background:var(--accent-sf); margin-bottom:16px; }
.service-card h3 { font-size:20px; color:var(--ink); margin:0 0 8px; }
.service-card p { color:var(--text); font-size:15px; margin:0 0 16px; }
.service-card .s-more { color:var(--accent); font-weight:700; font-size:14px; }

/* HAKKIMIZDA */
.gb-about { display:grid; grid-template-columns:.9fr 1.1fr; gap:54px; align-items:center; }
.gb-about-art img, .gb-about-ph { border-radius:24px; }
.gb-about-ph { aspect-ratio:1/1; display:grid; place-items:center; font-size:96px;
    background:radial-gradient(circle at 50% 40%, #f3edfb, #efe9fb 70%); border:1px solid var(--line); }
.gb-about-text h2 { font-size:clamp(24px,3.2vw,34px); }
.gb-check { list-style:none; padding:0; margin:22px 0 26px; display:grid; gap:14px; }
.gb-check li { position:relative; padding-left:34px; color:var(--text); }
.gb-check li strong { display:block; color:var(--ink); }
.gb-check li::before { content:"✓"; position:absolute; left:0; top:0; width:22px; height:22px; border-radius:50%;
    background:var(--accent); color:#fff; display:grid; place-items:center; font-size:13px; font-weight:800; }

/* VİDEO */
.gb-video { position:relative; max-width:900px; margin:0 auto; aspect-ratio:16/9; border-radius:22px; overflow:hidden;
    box-shadow:var(--shadow-lg); border:1px solid var(--line); background:#000; }
.gb-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

/* EKİP */
.gb-team { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.gb-member { background:#fff; border:1px solid var(--line); border-radius:20px; padding:26px; text-align:center; box-shadow:var(--shadow); }
.gb-photo { width:120px; height:120px; border-radius:50%; margin:0 auto 18px; overflow:hidden; }
.gb-photo img { width:100%; height:100%; object-fit:cover; }
.gb-photo.ph { display:grid; place-items:center; font-size:52px; background:radial-gradient(circle,#f3edfb,#efe9fb 70%); }
.gb-member h3 { font-size:19px; margin:0 0 4px; color:var(--ink); }
.gb-role { display:inline-block; color:var(--accent); font-weight:700; font-size:13.5px; margin-bottom:10px; }
.gb-member p { color:var(--muted); font-size:14px; margin:0; }

/* YORUMLAR */
.gb-testi { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.gb-quote { background:#fff; border:1px solid var(--line); border-radius:20px; padding:28px; margin:0; box-shadow:var(--shadow); }
.gb-stars { color:var(--alt); letter-spacing:2px; margin-bottom:12px; }
.gb-quote blockquote { margin:0 0 16px; font-size:15.5px; line-height:1.75; color:var(--ink); font-style:italic; }
.gb-quote figcaption { color:var(--muted); font-size:13.5px; font-weight:600; }
.gb-note { color:var(--muted); font-size:13px; margin-top:22px; }

/* CTA */
.gb-cta { background:linear-gradient(120deg,var(--accent),#2e1a6b); color:#fff; border-radius:26px; padding:56px 40px; text-align:center; }
.gb-cta h2 { color:#fff; font-size:clamp(24px,3.2vw,36px); }
.gb-cta p { color:rgba(255,255,255,.92); max-width:560px; margin:0 auto 26px; }
.gb-cta .btn-accent { background:#fff; color:var(--accent-dk); box-shadow:0 12px 28px rgba(0,0,0,.15); }
.gb-cta .btn-wa { background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.4); }

@media (max-width:860px){
    .gb-hero-in, .gb-about { grid-template-columns:1fr; gap:36px; }
    .gb-hero-art { order:-1; max-width:420px; }
    .gb-stats-grid { grid-template-columns:1fr 1fr; gap:24px 12px; }
    .service-grid, .gb-team, .gb-testi { grid-template-columns:1fr; }
}
/* video yer tutucu */
.gb-video.is-ph { display:grid; place-items:center; gap:14px;
    background:radial-gradient(circle at 50% 40%, #2e1a6b, #241356 75%); }
.gb-video.is-ph .gb-play { width:74px; height:74px; border-radius:50%; display:grid; place-items:center;
    font-size:26px; color:#241356; background:var(--alt); box-shadow:0 12px 30px rgba(236,74,134,.4); }
.gb-video.is-ph .gb-video-note { color:rgba(255,255,255,.85); font-size:14px; letter-spacing:.02em; }

/* ==================================================================
   HERO SLIDER (çok slaytlı, otomatik döner)
   ================================================================== */
.gb-slider { position:relative; overflow:hidden; background:linear-gradient(180deg,#f7f3fd 0%, #ffffff 100%); }
.gb-slides { display:grid; }
.gb-slide { grid-area:1/1; opacity:0; visibility:hidden; transform:translateY(8px);
    transition:opacity .6s ease, transform .6s ease; pointer-events:none; }
.gb-slide.active { opacity:1; visibility:visible; transform:none; pointer-events:auto; }
.gb-slide-in { position:relative; z-index:1; display:grid; grid-template-columns:1.1fr .9fr; gap:54px;
    align-items:center; padding:66px 0 78px; }
.gb-slide-text h1 { font-size:clamp(32px,4.6vw,52px); line-height:1.1; margin:0 0 16px; color:var(--ink); }
.gb-slide-art { position:relative; }
.gb-slide-art img { width:100%; border-radius:24px; box-shadow:var(--shadow-lg); }
.gb-hero-stat { display:inline-flex; align-items:center; gap:14px; margin-top:28px; background:#fff;
    border:1px solid var(--line); border-radius:16px; padding:10px 20px 10px 12px; box-shadow:var(--shadow);
    font-size:14px; color:var(--text); line-height:1.35; }
.gb-hero-stat strong { color:var(--ink); font-size:15px; }
.gb-ava { display:flex; }
.gb-ava span { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; font-size:19px;
    background:var(--bg-soft2); border:2px solid #fff; margin-left:-12px; }
.gb-ava span:first-child { margin-left:0; }
.gb-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:48px; height:48px;
    border-radius:50%; border:1px solid var(--line); background:rgba(255,255,255,.92); color:var(--accent);
    font-size:26px; line-height:1; cursor:pointer; box-shadow:var(--shadow); transition:.2s; }
.gb-arrow:hover { background:var(--accent); color:#fff; border-color:var(--accent); }
.gb-arrow.prev { left:22px; } .gb-arrow.next { right:22px; }
.gb-dots { position:absolute; left:50%; bottom:24px; transform:translateX(-50%); z-index:3; display:flex; gap:9px; }
.gb-dot-btn { width:10px; height:10px; border-radius:50%; border:0; background:var(--line); cursor:pointer; transition:.25s; padding:0; }
.gb-dot-btn.active { background:var(--accent); width:26px; border-radius:6px; }
@media (max-width:860px){
    .gb-slide-in { grid-template-columns:1fr; gap:28px; padding:36px 0 66px; text-align:left; }
    .gb-slide-art { order:-1; max-width:400px; }
    .gb-arrow { display:none; }
}

/* ==================================================================
   RANDEVU BANDI (mor)
   ================================================================== */
.gb-randevu { position:relative; overflow:hidden; padding:66px 0;
    background:linear-gradient(120deg,var(--accent-dk),var(--accent)); color:#fff; }
.gb-rblob { position:absolute; width:420px; height:420px; border-radius:50%; right:-120px; top:-140px;
    background:radial-gradient(circle, rgba(236,74,134,.35), transparent 70%); pointer-events:none; }
.gb-randevu-in { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1.15fr; gap:46px; align-items:center; }
.gb-randevu-text .eyebrow.light { background:rgba(255,255,255,.16); color:#fff; }
.gb-randevu-text h2 { color:#fff; font-size:clamp(26px,3.4vw,40px); margin:0 0 12px; }
.gb-randevu-text h2 em { font-style:normal; color:#ffd84d; }
.gb-randevu-text p { color:rgba(255,255,255,.9); margin:0; max-width:440px; }
.gb-randevu-form { display:grid; grid-template-columns:1fr 1fr; gap:14px;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:22px; padding:24px; }
.gb-randevu-form input { padding:15px 16px; border-radius:12px; border:1px solid rgba(255,255,255,.25);
    background:rgba(255,255,255,.96); color:var(--ink); font-size:15px; font-family:inherit; }
.gb-randevu-form input::placeholder { color:#9791b5; }
.gb-randevu-form button { grid-column:1/-1; justify-content:center; background:var(--alt); color:#fff;
    padding:16px; border-radius:12px; font-weight:700; font-size:15px; }
.gb-randevu-form button:hover { background:#d43f76; box-shadow:0 12px 26px rgba(236,74,134,.4); }
@media(max-width:860px){ .gb-randevu-in{ grid-template-columns:1fr; gap:26px; } .gb-randevu-form{ grid-template-columns:1fr; } }

/* ==================================================================
   FOOTER (koyu mor) + BÜLTEN
   ================================================================== */
.site-footer { background:var(--accent-dk); color:rgba(255,255,255,.72); }
.footer-news { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center;
    padding:44px 24px; border-bottom:1px solid rgba(255,255,255,.12); }
.footer-news-text h3 { color:#fff; font-size:clamp(20px,2.4vw,28px); margin:0 0 6px; }
.footer-news-text p { color:rgba(255,255,255,.7); margin:0; font-size:14.5px; }
.footer-news-form { display:flex; gap:0; background:#fff; border-radius:999px; padding:6px; box-shadow:var(--shadow); }
.footer-news-form input { flex:1; border:0; background:transparent; padding:12px 20px; font-size:15px; color:var(--ink); font-family:inherit; outline:none; }
.footer-news-form button { border:0; cursor:pointer; background:var(--alt); color:#fff; font-weight:700; font-size:15px;
    padding:12px 28px; border-radius:999px; transition:.2s; }
.footer-news-form button:hover { background:#d43f76; }
.footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1.2fr 1.3fr; gap:36px; padding:56px 24px 44px; }
.footer-logo span, .footer-logo img { font-size:24px; font-weight:800; color:#fff; max-height:46px; }
.footer-about p { color:rgba(255,255,255,.68); font-size:14.5px; margin:16px 0 18px; line-height:1.7; }
.footer-social { display:flex; gap:10px; flex-wrap:wrap; }
.footer-social a { width:40px; height:40px; padding:0 !important; margin:0 !important; box-sizing:border-box;
    display:inline-flex; align-items:center; justify-content:center; color:rgba(255,255,255,.85);
    border:1px solid rgba(255,255,255,.22); border-radius:50%; transition:.2s; line-height:0; }
.footer-social a svg { width:18px; height:18px; display:block; }
.footer-social a:hover { background:var(--alt); border-color:var(--alt); color:#fff; transform:translateY(-2px); }
.footer-col h4 { color:#fff; font-size:16px; margin:0 0 18px; font-weight:700; }
.footer-links, .footer-contact { list-style:none; padding:0; margin:0; display:grid; gap:11px; }
.footer-links a { color:rgba(255,255,255,.72); font-size:14.5px; transition:.2s; }
.footer-links a:hover { color:#fff; padding-left:4px; }
.footer-contact li { color:rgba(255,255,255,.72); font-size:14.5px; display:flex; gap:9px; }
.footer-contact a { color:rgba(255,255,255,.72); } .footer-contact a:hover { color:#fff; }
.footer-contact .ico { color:var(--alt); }
.footer-bottom { border-top:1px solid rgba(255,255,255,.12); }
.footer-bottom-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:20px 0; font-size:13.5px; color:rgba(255,255,255,.6); }
.footer-credit { display:inline-flex; align-items:center; gap:8px; color:rgba(255,255,255,.7); }
.footer-credit img { height:20px; filter:brightness(0) invert(1); opacity:.85; }
@media(max-width:860px){ .footer-news, .footer-grid{ grid-template-columns:1fr; } .footer-bottom-inner{ justify-content:center; text-align:center; } }

/* ==================================================================
   HARİTA + İLETİŞİM FORMU
   ================================================================== */
.gb-mapform { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }
.gb-map { position:relative; min-height:560px; }
.gb-map iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.gb-map-cards { position:absolute; left:22px; right:22px; bottom:22px; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.gb-mc { background:#fff; border-radius:14px; padding:14px 18px; box-shadow:var(--shadow-lg); display:flex; gap:12px; align-items:flex-start; font-size:13.5px; color:var(--text); line-height:1.45; }
.gb-mc-ico { width:38px; height:38px; border-radius:50%; background:var(--accent-sf); color:var(--accent); display:grid; place-items:center; font-size:17px; flex:none; }
.gb-mc strong { display:block; color:var(--ink); margin-bottom:2px; }
.gb-formside { background:linear-gradient(140deg,var(--accent-dk),var(--accent)); color:#fff; padding:60px 56px; display:flex; flex-direction:column; justify-content:center; }
.gb-formside .eyebrow.light { background:rgba(255,255,255,.16); color:#fff; }
.gb-formside h2 { color:#fff; font-size:clamp(26px,3vw,38px); margin:0 0 10px; }
.gb-formside h2 em { font-style:normal; color:#ffd84d; }
.gb-formside > p { color:rgba(255,255,255,.85); margin:0 0 26px; max-width:440px; }
.gb-cform { display:grid; gap:18px; }
.gb-cf-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.gb-cform input, .gb-cform textarea { background:transparent; border:0; border-bottom:1.5px solid rgba(255,255,255,.35);
    padding:12px 2px; color:#fff; font-size:15px; font-family:inherit; outline:none; }
.gb-cform input::placeholder, .gb-cform textarea::placeholder { color:rgba(255,255,255,.6); }
.gb-cform input:focus, .gb-cform textarea:focus { border-color:#ffd84d; }
.gb-cform textarea { resize:vertical; }
.gb-cform button { justify-self:start; margin-top:4px; background:#fff; color:var(--accent-dk);
    padding:14px 32px; border-radius:999px; font-weight:700; }
.gb-cform button:hover { background:#ffd84d; }
@media(max-width:860px){
    .gb-mapform{ grid-template-columns:1fr; }
    .gb-map{ min-height:380px; }
    .gb-map-cards{ position:static; grid-template-columns:1fr; padding:16px; }
    .gb-formside{ padding:44px 24px; }
    .gb-cf-row{ grid-template-columns:1fr; }
}

/* ==================================================================
   HERO — profesyonel kompozisyon (şekilli foto + uzman kartı + halka)
   ================================================================== */
.gb-slider {
    background:
      linear-gradient(rgba(76,42,156,.035) 1px, transparent 1px) 0 0/44px 44px,
      linear-gradient(90deg, rgba(76,42,156,.035) 1px, transparent 1px) 0 0/44px 44px,
      linear-gradient(180deg,#f7f3fd 0%, #ffffff 65%);
}
.gb-slide-art { position:relative; min-height:560px; display:flex; align-items:center; justify-content:center; }
.gb-ring { position:absolute; width:118%; max-width:560px; aspect-ratio:1; border-radius:50%;
    border:2px dashed rgba(76,42,156,.22); z-index:0; }
.gb-photo-wrap { position:relative; z-index:2; width:80%; max-width:370px; aspect-ratio:1/1.22;
    border-radius:230px 230px 32px 32px; overflow:hidden; box-shadow:0 30px 70px rgba(46,26,107,.28);
    background:linear-gradient(158deg, #7c5fc9 0%, #a98fdf 42%, #d8c9f2 100%); }
.gb-hero-ph { filter:drop-shadow(0 10px 20px rgba(0,0,0,.15)); }
.gb-photo-wrap img { width:100%; height:100%; object-fit:cover; }
.gb-hero-ph { width:100%; height:100%; display:grid; place-items:center; font-size:120px; }
/* yüzen gizlilik rozeti */
.gb-badge-float { position:absolute; top:34px; left:0; z-index:3; display:inline-flex; align-items:center; gap:9px;
    background:#fff; border:1px solid var(--line); border-radius:14px; padding:11px 16px; font-size:13.5px;
    font-weight:600; color:var(--ink); box-shadow:0 16px 34px rgba(46,26,107,.14); }
.gb-badge-float .gb-dot { width:10px; height:10px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.18); }
/* uzman seç kartı */
.gb-docs-card { position:absolute; right:-6px; bottom:18px; z-index:4; width:262px;
    background:#fff; border:1px solid var(--line); border-radius:18px; padding:16px; box-shadow:0 26px 60px rgba(46,26,107,.22); }
.gb-docs-head strong { display:block; color:var(--ink); font-size:15px; }
.gb-docs-head span { display:block; color:var(--muted); font-size:12px; margin:2px 0 12px; }
.gb-doc { display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:12px; margin-bottom:8px; border:1px solid transparent; }
.gb-doc.sel { background:var(--accent-sf); border-color:rgba(76,42,156,.3); }
.gb-doc-ava { width:38px; height:38px; border-radius:50%; overflow:hidden; flex:none; display:grid; place-items:center;
    font-size:20px; background:var(--bg-soft2); }
.gb-doc-ava img { width:100%; height:100%; object-fit:cover; }
.gb-doc-info { flex:1; min-width:0; }
.gb-doc-info b { display:block; color:var(--ink); font-size:13px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gb-doc-info small { color:var(--muted); font-size:11.5px; }
.gb-doc-chk { width:22px; height:22px; border-radius:50%; background:var(--accent); color:#fff; font-size:12px; display:grid; place-items:center; flex:none; }
.gb-docs-btn { width:100%; justify-content:center; margin-top:6px; padding:12px; }
@media (max-width:860px){
    .gb-slide-art { min-height:auto; padding:20px 0 40px; }
    .gb-photo-wrap { width:74%; max-width:300px; }
    .gb-docs-card { right:0; width:230px; }
    .gb-badge-float { left:auto; right:0; top:10px; }
}

/* ==================================================================
   HEADER — üst şerit + koyu mor yuvarlak nav çubuğu
   ================================================================== */
.topbar { display:block; border-bottom:0; font-size:13.5px; background:#f7f3fd; }
.topbar-inner { display:flex; align-items:center; justify-content:space-between; height:46px; }
.topbar-left { display:flex; gap:26px; }
.topbar-left a { color:var(--text); display:inline-flex; align-items:center; gap:8px; }
.topbar-left a:hover { color:var(--accent); }
.tb-ico { color:var(--alt); display:inline-flex; }
.topbar-right { display:flex; gap:8px; }
.topbar-right a { width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
    color:var(--accent-dk); background:var(--accent-sf); transition:.2s; }
.topbar-right a:hover { background:var(--alt); color:#fff; transform:translateY(-2px); }

/* Nav: koyu mor yuvarlak "yüzen" bar */
.site-header { border:0; -webkit-backdrop-filter:none; backdrop-filter:none; padding:14px 0; background:#f7f3fd; }
body:not(.home) .site-header { background:#ece3fb; }
body:not(.home) .topbar { background:#ece3fb; }
.site-header.scrolled { box-shadow:none; }
.header-inner { background:var(--accent-dk); border-radius:18px; height:74px; padding:0 16px 0 28px; margin:0 auto;
    box-shadow:0 18px 44px -14px rgba(46,26,107,.55); }
.logo-text { color:#fff; }
.site-nav > a, .nav-item > a { color:rgba(255,255,255,.86); font-weight:600; }
.site-nav > a:hover, .nav-item:hover > a, .site-nav > a.active { color:#fff; background:rgba(255,255,255,.12); }
.nav-item > a::after { color:rgba(255,255,255,.65); }
.nav-cta.btn-accent { background:var(--alt) !important; color:#fff !important; border-radius:999px !important;
    box-shadow:0 10px 24px -6px rgba(236,74,134,.6) !important; padding:12px 26px; margin-left:12px; }
.nav-cta.btn-accent:hover { background:#d43f76 !important; }
.nav-toggle-btn { color:#fff; }
@media (max-width:760px){ .topbar-left { gap:14px; font-size:12.5px; } .header-inner{ margin:10px auto; padding:0 12px 0 18px; } }

/* ==================================================================
   DEĞER VERİYORUZ (we care) — foto + puan + play/tikli kutu
   ================================================================== */
.gb-care { display:grid; grid-template-columns:1fr 1.1fr; gap:58px; align-items:center; }
.gb-care-art { position:relative; display:flex; align-items:center; justify-content:center; min-height:490px; }
.gb-care-photo { width:82%; max-width:400px; }
.gb-float-mini { position:absolute; top:16px; left:0; width:98px; height:98px; border-radius:50%; background:#fff;
    box-shadow:0 20px 44px rgba(46,26,107,.18); display:grid; place-items:center; font-size:40px; z-index:3; }
.gb-care-stat { position:absolute; left:-8px; bottom:22px; z-index:3; }
.gb-care-text h2 { font-size:clamp(28px,3.6vw,42px); line-height:1.12; }
.gb-care-text h2 em { font-style:normal; color:var(--accent); }
.gb-rating { display:flex; align-items:center; gap:8px; margin:0 0 18px; font-size:15px; flex-wrap:wrap; }
.gb-rating .stars { color:#f5b301; letter-spacing:1px; }
.gb-rating b { color:var(--ink); }
.gb-care-text > p { margin:0 0 26px; }
.gb-care-box { background:linear-gradient(135deg,var(--accent-dk),var(--accent)); border-radius:20px; padding:26px 30px;
    display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center; box-shadow:0 22px 50px -16px rgba(46,26,107,.5); }
.gb-playbox { display:inline-flex; align-items:center; gap:14px; color:#fff; font-weight:700; white-space:nowrap; }
.gb-play-btn { width:56px; height:56px; border-radius:50%; background:#fff; color:var(--alt); display:grid; place-items:center;
    font-size:18px; box-shadow:0 8px 22px rgba(0,0,0,.22); flex:none; transition:.2s; }
.gb-playbox:hover .gb-play-btn { transform:scale(1.08); }
.gb-care-list { list-style:none; padding:0 0 0 28px; margin:0; display:grid; grid-template-columns:1fr; gap:12px;
    border-left:1px solid rgba(255,255,255,.22); }
.gb-care-list li { color:#fff; font-weight:600; font-size:14.5px; display:flex; align-items:center; gap:9px; }
.gb-care-list li::before { content:"✓"; width:20px; height:20px; border-radius:50%; background:var(--alt); color:#fff;
    display:grid; place-items:center; font-size:12px; flex:none; }
@media(max-width:860px){
    .gb-care{ grid-template-columns:1fr; gap:44px; }
    .gb-care-art{ min-height:auto; padding:16px 0 30px; }
    .gb-care-box{ grid-template-columns:1fr; gap:18px; }
    .gb-care-list{ border-left:0; padding-left:0; }
}

/* ==================================================================
   ÖNCE / SONRA — sürükle karşılaştırma
   ================================================================== */
.gb-ba { position:relative; max-width:920px; margin:0 auto; aspect-ratio:16/9; border-radius:22px; overflow:hidden;
    box-shadow:var(--shadow-lg); border:1px solid var(--line); user-select:none; }
.gb-ba-layer { position:absolute; inset:0; }
.gb-ba-layer img { width:100%; height:100%; object-fit:cover; display:block; }
.gb-ba-before { clip-path: inset(0 calc(100% - var(--pos)) 0 0); z-index:1; }
.gb-ba-ph { width:100%; height:100%; display:grid; place-items:center; font-size:96px; }
.gb-ba-ph.after  { background:linear-gradient(135deg,#e9f7f0 0%, #dbe9ff 100%); }
.gb-ba-ph.before { background:linear-gradient(135deg,#b9bdca 0%, #8f95a6 100%); }
.gb-ba-lbl { position:absolute; top:50%; transform:translateY(-50%); background:rgba(20,18,44,.42); color:#fff;
    writing-mode:vertical-rl; padding:14px 7px; border-radius:8px; font-weight:700; letter-spacing:.16em; font-size:12px; z-index:2; }
.gb-ba-lbl.b { left:16px; } .gb-ba-lbl.a { right:16px; }
.gb-ba-handle { position:absolute; top:0; bottom:0; left:var(--pos); width:3px; background:#fff; transform:translateX(-50%); z-index:3; pointer-events:none; }
.gb-ba-handle span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:46px; height:46px;
    border-radius:50%; background:#fff; color:var(--accent); display:grid; place-items:center; box-shadow:0 6px 20px rgba(46,26,107,.3); font-weight:700; }
.gb-ba-range { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; z-index:4; }
.gb-ba-view { position:absolute; right:18px; bottom:18px; z-index:5; background:#fff; color:var(--accent-dk);
    border-radius:999px; padding:11px 24px; font-weight:700; font-size:14px; box-shadow:var(--shadow); }
.gb-ba-view:hover { background:var(--accent); color:#fff; }
.gb-ba-cap { margin-top:22px; color:var(--muted); }
.gb-ba-cap strong { color:var(--ink); }

/* ==================================================================
   İÇ SAYFA BANNER (page-hero) — başlık + breadcrumb + kavisli alt şerit
   ================================================================== */
.page-hero { position:relative; overflow:hidden; text-align:left; padding:60px 0 100px;
    background:radial-gradient(760px 320px at 84% 18%, rgba(236,74,134,.12), transparent 60%),
               linear-gradient(180deg,#f2ecfb 0%, #fbf7ff 100%); }
.page-hero .container { position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; }
.page-hero h1 { order:1; font-size:clamp(30px,4.6vw,54px); color:var(--ink); margin:0 0 16px; letter-spacing:-.02em; }
.page-hero .crumb { order:2; display:inline-flex; align-items:center; gap:8px; background:#fff; border-radius:999px;
    padding:11px 22px; box-shadow:0 14px 32px rgba(46,26,107,.10); font-size:14px; font-weight:600; color:var(--ink); }
.page-hero .crumb a { color:var(--alt); }
.page-hero .crumb a:hover { color:var(--accent); }
.page-hero p { order:3; color:var(--muted); margin:16px 0 0; max-width:640px; font-size:17px; }
.page-hero::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:66px; z-index:1; pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 66' preserveAspectRatio='none'%3E%3Cpath d='M0,46 C400,4 1040,76 1440,24 L1440,66 L0,66 Z' fill='%23ffffff'/%3E%3Cpath d='M0,46 C400,4 1040,76 1440,24' fill='none' stroke='%23ec4a86' stroke-width='3'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%; }

/* ---- İÇ SAYFA BANNER v2 (daha profesyonel) ---- */
.page-hero { padding:66px 0 92px;
    background:linear-gradient(115deg,#ece3fb 0%, #f6f0ff 52%, #fdecf3 100%); }
/* sağ dekoratif katmanlar */
.page-hero::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:
      radial-gradient(300px 300px at 86% 46%, rgba(236,74,134,.16), transparent 68%),
      radial-gradient(240px 240px at 72% 12%, rgba(76,42,156,.14), transparent 70%); }
.page-hero .gb-hero-deco { position:absolute; right:6%; top:50%; transform:translateY(-52%); z-index:1;
    width:300px; height:300px; border-radius:50%; border:2px dashed rgba(76,42,156,.25); pointer-events:none;
    display:grid; place-items:center; }
.page-hero .gb-hero-deco span { width:210px; height:210px; border-radius:50%; display:grid; place-items:center; font-size:96px;
    background:radial-gradient(circle at 40% 35%, #ffffff, #efe6fb 72%); box-shadow:0 24px 60px rgba(46,26,107,.16); }
/* zarif dalga */
.page-hero::after { height:72px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath d='M0,52 C360,18 1080,18 1440,52 L1440,72 L0,72 Z' fill='%23ffffff'/%3E%3Cpath d='M0,52 C360,18 1080,18 1440,52' fill='none' stroke='%23ec4a86' stroke-width='2.5' opacity='.9'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%; }
@media (max-width:760px){ .page-hero .gb-hero-deco{ display:none; } }

/* ---- banner v3: dekoratif daire (pseudo, DOM gerekmez) ---- */
.page-hero { background:
    radial-gradient(280px 280px at 85% 48%, rgba(236,74,134,.15), transparent 68%),
    radial-gradient(220px 220px at 70% 14%, rgba(76,42,156,.13), transparent 70%),
    linear-gradient(115deg,#ece3fb 0%, #f6f0ff 52%, #fdecf3 100%); }
.page-hero::before { content:"🪷"; inset:auto; right:9%; top:46%; transform:translateY(-50%);
    width:230px; height:230px; border-radius:50%; z-index:1; display:grid; place-items:center; font-size:90px;
    background:radial-gradient(circle at 40% 35%, #ffffff, #eee6fb 74%);
    box-shadow:0 26px 62px rgba(46,26,107,.18), 0 0 0 12px rgba(255,255,255,.5); }
@media(max-width:820px){ .page-hero::before{ display:none; } }

/* ---- header'daki lavanta KATMANI kaldir: seffaf yap, hero/banner arkasindan aksin ---- */
.topbar { background:transparent !important; }
.site-header { background:transparent !important; }
body.home .gb-slider { margin-top:-148px; padding-top:150px; }
.page-hero { margin-top:-148px; padding-top:198px; }
/* ust serit slider'in ustunde gorunsun (seffaf, gridin uzerinde) */
.topbar { position:relative; z-index:52; }
/* aşağı inince: menü tepeye TAM yaslansın (üstte boşluk yok), ortalı/yuvarlak çubuk kalsın (alt köşeler yuvarlak) */
.site-header.scrolled { background:transparent !important; padding:0 !important; box-shadow:none; }
.site-header.scrolled .header-inner { background:var(--accent-dk); border-radius:0 0 20px 20px; height:68px;
    box-shadow:0 16px 36px -12px rgba(46,26,107,.5); }

/* ==================================================================
   HAKKIMIZDA — profil, numaralı kartlar, neden biz (akordeon+mozaik)
   ================================================================== */
/* Yaklaşımımız (profil) */
.gb-about-pro { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.gb-pro-text h2 { font-size:clamp(28px,3.6vw,42px); line-height:1.12; }
.gb-pro-text h2 em { font-style:normal; color:var(--accent); }
.gb-pro-text > p { margin:0 0 26px; }
.gb-skills-title { font-size:18px; color:var(--ink); margin:0 0 14px; padding-bottom:12px; border-bottom:1px dashed var(--line); }
.gb-skills { list-style:none; padding:0; margin:0 0 28px; display:grid; grid-template-columns:1fr 1fr; gap:12px 22px; }
.gb-skills li { position:relative; padding-left:28px; color:var(--ink); font-weight:600; font-size:15px; }
.gb-skills li::before { content:"✓"; position:absolute; left:0; top:1px; width:19px; height:19px; border-radius:50%;
    background:var(--alt); color:#fff; display:grid; place-items:center; font-size:11px; }
.gb-pro-art { position:relative; display:flex; align-items:center; justify-content:center; min-height:500px; }
.gb-pro-badge { position:absolute; left:-10px; bottom:64px; z-index:4; display:flex; gap:12px; align-items:flex-start;
    background:#fff; border:1px solid var(--line); border-radius:16px; padding:14px 18px; max-width:260px;
    box-shadow:0 24px 56px rgba(46,26,107,.2); font-size:13px; color:var(--muted); line-height:1.4; }
.gb-pro-badge strong { display:block; color:var(--ink); margin-bottom:2px; font-size:14px; }
.gb-pro-badge-ico { width:40px; height:40px; border-radius:12px; background:var(--accent-sf); display:grid; place-items:center; font-size:20px; flex:none; }
.gb-pro-years { position:absolute; right:-6px; bottom:24px; z-index:4; display:flex; align-items:center; gap:10px;
    background:var(--accent); color:#fff; border-radius:16px; padding:14px 20px; box-shadow:0 20px 44px rgba(76,42,156,.4); }
.gb-pro-years b { font-size:34px; font-weight:800; line-height:1; }
.gb-pro-years span { font-size:12.5px; font-weight:600; line-height:1.15; }

/* Numaralı kartlar */
.gb-numcards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.gb-numcard { position:relative; background:#fff; border:1px solid var(--line); border-radius:20px; padding:34px 30px;
    overflow:hidden; box-shadow:var(--shadow); transition:transform .2s, box-shadow .2s; }
.gb-numcard:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.gb-num { position:absolute; top:14px; right:20px; font-size:64px; font-weight:800; color:var(--accent-sf); line-height:1; }
.gb-numcard h3 { font-size:21px; color:var(--ink); margin:0 0 14px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.gb-numcard p { color:var(--text); font-size:14.5px; margin:0 0 18px; }
.gb-num-more { color:var(--alt); font-weight:700; font-size:14px; }
.gb-numcard.dark { background:linear-gradient(150deg,var(--accent-dk),var(--accent)); border-color:transparent; }
.gb-numcard.dark h3 { color:#fff; border-color:rgba(255,255,255,.2); }
.gb-numcard.dark p { color:rgba(255,255,255,.85); }
.gb-numcard.dark .gb-num { color:rgba(255,255,255,.14); }
.gb-numcard.dark .gb-num-more { color:#fff; }

/* Neden biz (akordeon + mozaik) */
.gb-why { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.gb-why-text .eyebrow { margin-bottom:14px; }
.gb-why-text > h2 { font-size:clamp(26px,3.2vw,38px); }
.gb-why-text > p { color:var(--muted); margin:10px 0 24px; }
.gb-acc { display:grid; gap:12px; }
.gb-acc-item { background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; transition:border-color .2s; }
.gb-acc-item[open] { border-color:var(--accent); box-shadow:var(--shadow); }
.gb-acc-item > summary { list-style:none; cursor:pointer; padding:18px 22px; font-weight:700; color:var(--ink);
    display:flex; justify-content:space-between; align-items:center; gap:14px; }
.gb-acc-item > summary::-webkit-details-marker { display:none; }
.gb-acc-item > summary::after { content:"+"; color:var(--accent); font-size:24px; font-weight:400; transition:transform .2s; }
.gb-acc-item[open] > summary::after { transform:rotate(45deg); }
.gb-acc-body { padding:0 22px 20px; color:var(--text); font-size:14.5px; }
/* mozaik */
.gb-why-art { position:relative; }
.gb-mosaic { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:170px 170px; gap:14px; }
.gb-mos-tile { border-radius:18px; display:grid; place-items:center; font-size:60px; overflow:hidden; }
.gb-mos-tile.t1 { background:linear-gradient(150deg,#efe6fb,#e3d5f7); }
.gb-mos-tile.t2 { background:linear-gradient(150deg,#fbe6f0,#f5d5e6); margin-top:26px; }
.gb-mos-tile.t3 { background:linear-gradient(150deg,#e6eefb,#d5e2f7); margin-top:-26px; }
.gb-mos-tile.t4 { background:linear-gradient(150deg,#e9f7f0,#d7efe6); }
.gb-mos-card { position:absolute; left:50%; bottom:-18px; transform:translateX(-50%); z-index:2; display:inline-flex;
    align-items:center; gap:14px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:10px 20px 10px 12px;
    box-shadow:var(--shadow-lg); font-size:14px; color:var(--text); white-space:nowrap; }
.gb-mos-card strong { color:var(--ink); }

@media (max-width:860px){
    .gb-about-pro, .gb-why { grid-template-columns:1fr; gap:40px; }
    .gb-pro-art { min-height:auto; padding:20px 0 40px; }
    .gb-skills, .gb-numcards { grid-template-columns:1fr; }
    .gb-numcards { gap:16px; }
}
/* banner altındaki soluk düz "bölüm çizgisi"ni kaldır (border-bottom) */
.page-hero { border-bottom:0 !important; }
/* hero'yu dikeyde uzat: sağdaki kompozisyon header'ın altında kalmasın + altta nefes */
.gb-slide-in { padding:104px 0 116px; }
.gb-slide-art { min-height:600px; }
/* banner dekoratif dairesi (::before) menünün altında kalmasın: aşağı yasla + banner'ı biraz uzat */
.page-hero { padding-top:210px !important; padding-bottom:96px !important; }
.page-hero::before { top:auto !important; bottom:52px !important; width:206px !important; height:206px !important; font-size:82px !important; }

/* ==================================================================
   HİZMETLER — süreç adımları + gizlilik notu
   ================================================================== */
.gb-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; position:relative; }
.gb-step { text-align:center; position:relative; }
.gb-step-num { position:relative; z-index:1; width:66px; height:66px; border-radius:50%; margin:0 auto 20px;
    display:grid; place-items:center; font-size:26px; font-weight:800; color:#fff;
    background:linear-gradient(150deg,var(--accent),var(--accent-dk)); box-shadow:0 16px 34px -10px rgba(76,42,156,.55); }
.gb-step-emoji { position:absolute; right:-6px; bottom:-6px; width:30px; height:30px; border-radius:50%;
    background:#fff; display:grid; place-items:center; font-size:15px; box-shadow:0 4px 12px rgba(46,26,107,.2); }
.gb-step h3 { font-size:18px; color:var(--ink); margin:0 0 8px; }
.gb-step p { color:var(--text); font-size:14px; margin:0; line-height:1.6; }
/* bağlantı çizgisi */
.gb-step:not(:last-child)::after { content:""; position:absolute; top:32px; left:calc(50% + 46px); right:calc(-50% + 46px);
    height:2px; z-index:0; background:repeating-linear-gradient(90deg, var(--accent) 0 7px, transparent 7px 15px); opacity:.35; }

/* gizlilik notu kutusu */
.gb-note-box { display:flex; align-items:center; gap:20px; max-width:860px; margin:0 auto;
    background:linear-gradient(120deg, var(--accent-sf), #fff 60%); border:1px solid var(--line);
    border-radius:20px; padding:26px 30px; box-shadow:var(--shadow); }
.gb-note-box strong { color:var(--ink); display:block; margin-bottom:4px; }
.gb-note-box > div { color:var(--text); font-size:15px; }
.gb-note-ico { width:56px; height:56px; flex:none; border-radius:16px; background:var(--accent); color:#fff;
    display:grid; place-items:center; font-size:26px; box-shadow:0 12px 28px -8px rgba(76,42,156,.5); }

@media(max-width:760px){
    .gb-steps { grid-template-columns:1fr 1fr; gap:32px 20px; }
    .gb-step:not(:last-child)::after { display:none; }
    .gb-note-box { flex-direction:column; text-align:center; }
}

/* ==================================================================
   İLETİŞİM kartları + form bildirimleri, S.S.S. düzeni
   ================================================================== */
.gb-cinfo { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.gb-ci { background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px 24px; text-align:center; display:block; box-shadow:var(--shadow); transition:transform .2s, box-shadow .2s, border-color .2s; }
.gb-ci:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:var(--accent); }
.gb-ci-ico { width:52px; height:52px; margin:0 auto 14px; border-radius:14px; background:var(--accent-sf); color:var(--accent); display:grid; place-items:center; font-size:24px; }
.gb-ci strong { display:block; color:var(--ink); margin-bottom:4px; font-size:16px; }
.gb-ci span { color:var(--muted); font-size:14px; overflow-wrap:anywhere; word-break:break-word; }
.gb-form-ok { background:rgba(34,197,94,.2); border:1px solid rgba(34,197,94,.5); color:#c9f7d8; border-radius:12px; padding:12px 16px; margin-bottom:16px; font-size:14px; }
.gb-form-err { background:rgba(236,74,134,.22); border:1px solid rgba(236,74,134,.55); color:#ffd6e6; border-radius:12px; padding:12px 16px; margin-bottom:12px; font-size:14px; }

.gb-faq-wrap { max-width:820px !important; margin:0 auto; }
.gb-faq-acc { margin-bottom:44px; }
.gb-faq-cta { text-align:center; background:linear-gradient(150deg,var(--accent-sf),#fff 65%); border:1px solid var(--line); border-radius:24px; padding:44px 34px; box-shadow:var(--shadow); }
.gb-faq-cta-ico { display:inline-grid; place-items:center; width:64px; height:64px; border-radius:50%; background:var(--accent); color:#fff; font-size:28px; margin-bottom:16px; box-shadow:0 14px 30px -8px rgba(76,42,156,.5); }
.gb-faq-cta h3 { font-size:22px; color:var(--ink); margin:0 0 8px; }
.gb-faq-cta p { color:var(--muted); margin:0 0 22px; }
@media(max-width:860px){ .gb-cinfo{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px){ .gb-cinfo{ grid-template-columns:1fr; } }

/* ==================================================================
   RANDEVU SAYFASI
   ================================================================== */
.gb-rgrid { display:grid; grid-template-columns:355px 1fr; gap:36px; align-items:start; }

.gb-rinfo .eyebrow { margin-bottom:8px; }
.gb-rinfo h2 { font-size:26px; color:var(--ink); margin:0 0 20px; }
.gb-rsteps { list-style:none; padding:0; margin:0 0 24px; }
.gb-rsteps li { display:flex; gap:14px; align-items:flex-start; margin-bottom:16px; }
.gb-rsteps li span { flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:var(--accent); color:#fff; font-weight:800; display:grid; place-items:center; box-shadow:0 8px 18px -6px rgba(76,42,156,.5); }
.gb-rsteps li strong { display:block; color:var(--ink); margin-bottom:2px; }
.gb-rsteps li p { margin:0; font-size:14px; color:var(--muted); }
.gb-rnote { background:var(--accent-sf); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin-bottom:16px; }
.gb-rnote strong { color:var(--ink); }
.gb-rnote p { margin:6px 0 0; font-size:14px; color:var(--muted); }
.gb-rhours { font-size:14px; color:var(--muted); }

.gb-rform-wrap { background:#fff; border:1px solid var(--line); border-radius:22px; padding:30px; box-shadow:var(--shadow); }
.gb-rrow { margin-bottom:18px; }
.gb-rrow-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.gb-rform label { display:block; font-size:14px; font-weight:600; color:var(--ink); }
.gb-rform .opt { font-weight:400; color:var(--muted); font-size:12px; }
.gb-rform input, .gb-rform select, .gb-rform textarea {
    width:100%; margin-top:7px; padding:12px 14px; border:1px solid var(--line);
    border-radius:12px; background:var(--bg-soft); color:var(--ink); font:inherit; box-sizing:border-box;
}
.gb-rform input:focus, .gb-rform select:focus, .gb-rform textarea:focus {
    outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-sf); background:#fff;
}
.gb-rform textarea { resize:vertical; }
.hp { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }

.gb-rslots-block { margin-bottom:20px; }
.gb-rslabel { display:block; font-size:14px; font-weight:600; color:var(--ink); margin-bottom:10px; }
.gb-slots { display:flex; flex-wrap:wrap; gap:9px; min-height:44px; }
.gb-slots-hint { width:100%; margin:4px 0; font-size:14px; }
.gb-slots-warn { color:var(--alt); font-weight:600; }
.gb-slot {
    border:1px solid var(--line); background:#fff; color:var(--ink); font:inherit; font-weight:600;
    padding:9px 15px; border-radius:10px; cursor:pointer; transition:all .15s;
}
.gb-slot:hover:not(:disabled) { border-color:var(--accent); color:var(--accent); }
.gb-slot.sel { background:var(--accent); border-color:var(--accent); color:#fff; box-shadow:0 8px 18px -7px rgba(76,42,156,.6); }
.gb-slot.full { color:#b6b0c9; background:#f4f2f8; cursor:not-allowed; text-decoration:line-through; opacity:.7; }

.gb-rsubmit { width:100%; justify-content:center; margin-top:4px; font-size:16px; padding:14px; }
.gb-rlegal { font-size:12px; text-align:center; margin:12px 0 0; }

/* Basari ekrani */
.gb-rok { max-width:560px; margin:0 auto; text-align:center; background:#fff; border:1px solid var(--line);
    border-radius:24px; padding:48px 34px; box-shadow:var(--shadow); }
.gb-rok-ic { display:inline-grid; place-items:center; width:70px; height:70px; border-radius:50%;
    background:#22c55e; color:#fff; font-size:34px; margin-bottom:16px; box-shadow:0 14px 30px -8px rgba(34,197,94,.5); }
.gb-rok h2 { color:var(--ink); font-size:26px; margin:0 0 10px; }
.gb-rok p { color:var(--text); margin:0 0 8px; }

@media (max-width:860px){
    .gb-rgrid { grid-template-columns:1fr; gap:26px; }
    .gb-rrow-2 { grid-template-columns:1fr; }
}

/* ==================================================================
   MOBİL DÜZEN (≤760) — üst şerit gizli, sağlam açılır menü, hero fix
   (dosya sonunda: önceki tüm kuralları geçersiz kılar)
   ================================================================== */
@media (max-width: 760px) {
    /* Üst şerit (telefon/e-posta/sosyal) mobilde TAMAMEN gizli */
    .topbar { display: none !important; }

    /* Yatay taşmayı engelle (sağdaki dekoratif kart/hero taşması hamburger'ı itmesin) */
    html, body { overflow-x: hidden; max-width: 100%; }

    /* Header'ı mobilde solid yap; hero'yu altına indir (negatif margin iptal) */
    .site-header { background: #f7f3fd !important; padding: 10px 0 !important; }
    body:not(.home) .site-header { background: #ece3fb !important; }
    body.home .gb-slider { margin-top: 0 !important; padding-top: 22px !important; }
    .page-hero { margin-top: 0 !important; padding-top: 40px !important; }

    .header-inner { height: 60px; margin: 0 auto !important; border-radius: 14px; padding: 0 8px 0 16px; }
    .site-header.scrolled { padding: 0 !important; }
    .site-header.scrolled .header-inner { height: 58px; border-radius: 0 0 14px 14px; }

    /* Hero: mobilde METİN önce (art dev bir blok olarak öne geçmesin) */
    .gb-slide-in .gb-slide-art, .gb-hero-in .gb-hero-art { order: 0 !important; }

    /* Yan boşluk (gutter) — içerik kenarlara yapışmasın */
    .container { padding-left: 22px !important; padding-right: 22px !important; }

    /* Slider içeriği mobilde ORTALI */
    .gb-slide-in { text-align: center; justify-items: center; }
    .gb-slide-text { text-align: center; display: flex; flex-direction: column; align-items: center; }
    .gb-slide-text .eyebrow { align-self: center; }
    .gb-slide-text h1, .gb-slide-text .gb-lead { margin-left: auto; margin-right: auto; max-width: 460px; }
    .gb-slide-text .hero-actions { justify-content: center; flex-wrap: wrap; }
    .gb-slide-text .gb-hero-stat { margin-left: auto; margin-right: auto; }
    .gb-slide-art { margin: 0 auto; }

    /* ---- FOOTER: profesyonel mobil düzen (alt alta değil) ---- */
    .footer-news { grid-template-columns: 1fr !important; text-align: center; gap: 16px !important; padding: 40px 22px !important; }
    .footer-news-text h3 { margin-bottom: 4px; }
    .footer-news-form { max-width: 440px; width: 100%; margin: 0 auto; }
    .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 30px 22px !important; padding: 40px 22px 34px !important; }
    /* Logo + açıklama + sosyal: tam genişlik, ortalı */
    .footer-about { grid-column: 1 / -1; text-align: center; }
    .footer-about .footer-logo { display: inline-flex; justify-content: center; }
    .footer-about p { margin-left: auto; margin-right: auto; max-width: 400px; }
    .footer-about .footer-social { justify-content: center; }
    /* Bize Ulaşın: tam genişlik, ortalı (Hızlı Erişim + Hizmetler yan yana kalır) */
    .footer-col:nth-child(4) { grid-column: 1 / -1; text-align: center; }
    .footer-col:nth-child(4) .footer-contact li { justify-content: center; }
    .footer-bottom-inner { padding: 18px 22px; }

    /* Hamburger görünür (koyu bar üzerinde beyaz) */
    .nav-toggle-btn { display: grid !important; place-items: center; width: 44px; height: 44px;
        border-radius: 10px; background: rgba(255,255,255,.14); color: #fff; font-size: 22px; position: relative; z-index: 80; }
    /* Açıkken hamburger yerine ✕ göster */
    .nav-toggle:checked ~ .nav-toggle-btn .ico-menu { display: none; }
    .nav-toggle:checked ~ .nav-toggle-btn .ico-close { display: block; }

    /* Arka plan karartma — dışarı/aşağı dokununca menü kapanır */
    .nav-backdrop { display: block; position: fixed; inset: 0; z-index: 60;
        background: rgba(24,12,48,.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
        opacity: 0; visibility: hidden; transition: opacity .22s ease, visibility .22s; }
    .nav-toggle:checked ~ .nav-backdrop { opacity: 1; visibility: visible; }

    /* Açılır menü: koyu mor yüzen kart + okunur beyaz linkler.
       Alta boşluk kalsın diye yükseklik dvh ile sınırlı; içerik uzarsa MENÜ kendi içinde kayar. */
    .site-nav {
        position: fixed; top: 74px; left: 12px; right: 12px; bottom: auto; z-index: 70;
        flex-direction: column; align-items: stretch; gap: 3px;
        background: var(--accent-dk); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 12px;
        box-shadow: 0 26px 54px -14px rgba(46,26,107,.65);
        transform: translateY(-12px) scale(.98); opacity: 0; visibility: hidden; pointer-events: none;
        transition: opacity .22s ease, transform .22s ease, visibility .22s;
        max-height: calc(100vh - 74px - 74px);
        max-height: calc(100dvh - 74px - 74px);
        overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
    }
    .nav-toggle:checked ~ .site-nav { transform: translateY(0) scale(1); opacity: 1; visibility: visible; pointer-events: auto; }

    .site-nav > a, .nav-item > a { color: #fff !important; padding: 13px 16px !important; border-radius: 11px;
        font-size: 15.5px; font-weight: 600; width: 100%; }
    .site-nav > a.active, .site-nav > a:hover, .nav-item:hover > a { background: rgba(255,255,255,.14); color: #fff !important; }
    .nav-item { position: static; display: block; }
    .nav-item > a::after { margin-left: auto; }

    /* Hizmetler alt menüsü mobilde açık liste olarak görünsün */
    .nav-dropdown { position: static; opacity: 1; visibility: visible; transform: none; min-width: 0;
        background: rgba(255,255,255,.05); border: 0; box-shadow: none; padding: 2px 0 6px 14px; margin: 0 0 4px; }
    .nav-dropdown a { color: rgba(255,255,255,.82); padding: 9px 14px; font-size: 14px; }
    .nav-dropdown a:hover { background: rgba(255,255,255,.1); color: #fff; }

    /* CTA butonu tam genişlik ortalı */
    .nav-cta.btn-accent { margin: 8px 0 2px !important; justify-content: center; text-align: center; }
}

/* ==================================================================
   LOGO boyutu (yatay logo daha okunur olsun)
   ================================================================== */
.site-header .logo img { max-height: 54px; width: auto; }
.site-header.scrolled .logo img { max-height: 48px; }
@media (max-width: 760px) { .site-header .logo img { max-height: 42px; } }

/* ==================================================================
   BLOG — kart ızgarası + sayfalama
   ================================================================== */
.gb-blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.gb-blog-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:20px;
    overflow:hidden; box-shadow:var(--shadow); transition:transform .2s, box-shadow .2s, border-color .2s; color:inherit; }
.gb-blog-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:var(--accent); }
.gb-blog-cover { position:relative; aspect-ratio:16/10; overflow:hidden;
    background:radial-gradient(circle at 40% 35%, var(--accent-sf), var(--bg-soft)); display:grid; place-items:center; }
.gb-blog-cover img { width:100%; height:100%; object-fit:cover; }
.gb-blog-emoji { font-size:60px; filter:drop-shadow(0 8px 16px rgba(46,26,107,.15)); }
.gb-blog-body { padding:22px 22px 24px; display:flex; flex-direction:column; flex:1; }
.gb-blog-date { font-size:12.5px; color:var(--alt); font-weight:600; margin-bottom:8px; }
.gb-blog-body h3 { font-size:18px; color:var(--ink); margin:0 0 10px; line-height:1.35; }
.gb-blog-body p { font-size:14px; color:var(--muted); margin:0 0 16px; flex:1; }
.gb-blog-more { font-size:14px; font-weight:700; color:var(--accent); margin-top:auto; }
.gb-blog-card:hover .gb-blog-more { color:var(--accent-dk); }

.gb-pager { display:flex; justify-content:center; gap:8px; margin-top:40px; }
.gb-pg { min-width:42px; height:42px; display:grid; place-items:center; border-radius:12px; border:1px solid var(--line);
    background:#fff; color:var(--ink); font-weight:600; }
.gb-pg:hover { border-color:var(--accent); color:var(--accent); }
.gb-pg.active { background:var(--accent); border-color:var(--accent); color:#fff; }

@media (max-width:900px){ .gb-blog-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .gb-blog-grid { grid-template-columns:1fr; } }

/* ==================================================================
   MOBİL SLIDER — yüzen dekoratifleri gizle, dot'ları belirginleştir
   ================================================================== */
@media (max-width: 760px) {
    .gb-badge-float, .gb-docs-card { display: none !important; }
    body.home .gb-slider { padding-bottom: 26px !important; }
    /* stats kartının slider'a binmesini (dot'ları örtmesini) kaldır */
    .gb-stats { margin-top: 8px !important; }
    .gb-slide-in { padding-bottom: 14px !important; }
    .gb-slide-art { min-height: auto !important; padding: 6px 0 !important; }
    .gb-photo-wrap { width: 58% !important; max-width: 220px; margin: 0 auto; }
    /* dot'lar akışta, ortalı, dokunulabilir + belirgin */
    .gb-slider .gb-dots { position: static !important; transform: none !important; margin: 22px auto 4px !important; justify-content: center; }
    .gb-slider .gb-dot-btn { width: 12px; height: 12px; background: rgba(76,42,156,.28); }
    .gb-slider .gb-dot-btn.active { width: 32px; background: var(--accent); }
}