/* Sekizsoft tasarım v2 — tüm site. Renkler logodan (#a8ff78) ve blog kapaklarının koyu yeşilinden.
   Bölümler: 1 temel · 2 tipografi · 3 buton · 4 menü · 5 açılış/sayfa üstü · 6 bölümler ve kartlar · 7 dönen hizmet listesi
   8 süreç/SSS/blog · 9 hizmet sayfası · 10 blog yazısı · 11 form · 12 Room · 13 yasal/metin · 14 alt bilgi · 15 duyarlı */

@font-face { font-family: "Figtree"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/figtree-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/figtree-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- 1 temel */
:root {
  --krem: #f6f5ef; --krem-2: #eeede4; --murekkep: #0f160d; --gri: #5a6055; --gri-acik: #a3a89c; --cizgi: rgba(15, 22, 13, .1);
  --yesil: #a8ff78; --yesil-koyu: #2f9a1d; --orman: #0b2410; --gece: #060d07;
  --golge: 0 1px 2px rgba(15, 22, 13, .06), 0 12px 32px -12px rgba(15, 22, 13, .18);
  --golge-buyuk: 0 2px 4px rgba(15, 22, 13, .05), 0 40px 80px -30px rgba(15, 22, 13, .35);
  --r: 20px; --r-buyuk: 28px;
  --kap: min(1200px, 100% - 48px);
  --font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --gecis: cubic-bezier(.2, .7, .2, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--krem); color: var(--murekkep); font: 400 17px/1.6 var(--font); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, svg, video { max-width: 100%; height: auto; }
img { display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; }
p, ul, ol, figure, dl, dd, blockquote { margin: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--yesil-koyu); outline-offset: 3px; border-radius: 6px; }
.kap, .container { width: var(--kap); margin-inline: auto; }
.gizli, .visually-hidden, .sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: fixed; left: 16px; top: -60px; z-index: 100; background: var(--yesil); color: var(--murekkep); padding: 10px 16px; border-radius: 10px; font-weight: 700; }
.atla:focus { top: 16px; }
[hidden] { display: none !important; }
html.mm-kilit { overflow: hidden; }

/* eski şablonlardan kalan küçük ızgara ve yardımcılar (içerikte geçenler) */
.row { display: flex; flex-wrap: wrap; gap: var(--g, 24px); }
.row > * { flex: 1 1 100%; min-width: 0; }
.g-3 { --g: 16px; } .g-4 { --g: 24px; } .g-5 { --g: 40px; }
@media (min-width: 768px) { .row > .col-md-6 { flex: 1 1 calc(50% - var(--g, 24px)); } }
@media (min-width: 1024px) {
  .row > .col-lg-4 { flex: 0 1 calc((100% - 2 * var(--g, 24px)) / 3); } .row > .col-lg-5 { flex: 0 1 calc(41.66% - var(--g, 24px) / 2); }
  .row > .col-lg-6 { flex: 0 1 calc(50% - var(--g, 24px) / 2); } .row > .col-lg-7 { flex: 0 1 calc(58.33% - var(--g, 24px) / 2); }
  .row > .col-lg-8 { flex: 0 1 calc(66.66% - var(--g, 24px) / 2); } .row > .col-lg-3 { flex: 0 1 calc(25% - var(--g, 24px) * .75); }
}
.mb-0 { margin-bottom: 0 !important; } .mt-2 { margin-top: 8px; } .mt-3 { margin-top: 16px; } .me-1 { margin-right: 4px; } .me-2 { margin-right: 8px; }
.text-center { text-align: center; }

/* ---------- 2 tipografi */
.dev { font-weight: 800; letter-spacing: -0.045em; line-height: .98; font-size: clamp(42px, 6.2vw, 90px); text-wrap: balance; }
.b1 { font-weight: 800; letter-spacing: -0.042em; line-height: 1; font-size: clamp(38px, 5.2vw, 72px); text-wrap: balance; }
.b2 { font-weight: 800; letter-spacing: -0.04em; line-height: 1.03; font-size: clamp(32px, 4.2vw, 58px); text-wrap: balance; }
.b2 .soluk, .b1 .soluk { color: var(--gri-acik); }
.b3 { font-weight: 700; letter-spacing: -0.025em; line-height: 1.14; font-size: clamp(23px, 2.1vw, 31px); }
.b4 { font-weight: 700; letter-spacing: -0.015em; line-height: 1.28; font-size: 19px; }
.giris { font-size: clamp(17px, 1.3vw, 20px); line-height: 1.6; color: var(--gri); max-width: 64ch; }
.kas { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--yesil-koyu); letter-spacing: .01em; }
.kas svg, .kas .bi { width: 16px; height: 16px; font-size: 15px; }
.bas { display: grid; gap: 18px; justify-items: center; text-align: center; margin: 0 auto 56px; max-width: 880px; }
.bas .giris { margin-inline: auto; }
.bas--sol { justify-items: start; text-align: left; margin-left: 0; }
.bas--sol .giris { margin-inline: 0; }
.bas-satir { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px 24px; margin-bottom: 40px; }
.cizgili a, .metin a, .giris a, .sss-c a, .makale a, .legal-content a, a.cizgili { text-decoration: underline; text-decoration-color: color-mix(in oklab, var(--yesil-koyu) 55%, transparent); text-underline-offset: 3px; text-decoration-thickness: 2px; transition: text-decoration-color .2s; }
.cizgili a:hover, .metin a:hover, .giris a:hover, .sss-c a:hover, .makale a:hover, .legal-content a:hover, a.cizgili:hover { text-decoration-color: var(--yesil-koyu); }

/* ---------- 3 buton */
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.bas .dugmeler, .orta .dugmeler { justify-content: center; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 14px; font-weight: 700; font-size: 16px; border: 0; cursor: pointer; white-space: nowrap; transition: transform .25s var(--gecis), box-shadow .25s var(--gecis), background .2s; text-decoration: none !important; }
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0) scale(.98); }
.btn svg, .btn .bi { width: 16px; height: 16px; flex: none; transition: transform .25s var(--gecis); }
.btn:hover svg.ok { transform: translateX(3px); }
.btn--yesil { background: var(--yesil); color: var(--murekkep); box-shadow: 0 10px 30px -10px rgba(140, 230, 100, .8), inset 0 -2px 0 rgba(0, 0, 0, .12); }
.btn--koyu { background: var(--murekkep); color: #fff; box-shadow: 0 14px 30px -14px rgba(15, 22, 13, .8); }
.btn--beyaz { background: #fff; color: var(--murekkep); box-shadow: var(--golge); }
.btn--cam { background: rgba(255, 255, 255, .1); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24); backdrop-filter: blur(8px); }
.btn--cam:hover { background: rgba(255, 255, 255, .17); }
.btn--cizgi { background: transparent; color: var(--murekkep); box-shadow: inset 0 0 0 1.5px var(--cizgi); }
.btn--cizgi:hover { box-shadow: inset 0 0 0 1.5px var(--murekkep); }
.btn--kucuk { min-height: 42px; padding: 0 16px; border-radius: 12px; font-size: 15px; }
.ok-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.ok-link svg { width: 16px; height: 16px; transition: transform .25s var(--gecis); }
.ok-link:hover svg { transform: translateX(4px); }

/* ---------- 4 menü (container genişliğinde, yüzen) */
.menu { position: fixed; top: 14px; left: 50%; transform: translateX(-50%); z-index: 50; width: var(--kap); }
.menu__bar { display: flex; align-items: center; gap: 12px; height: 64px; padding: 0 10px 0 22px; border-radius: 18px; background: rgba(8, 20, 10, .55); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 10px 40px -10px rgba(0, 0, 0, .4); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4); color: #fff; transition: background .35s, color .35s, box-shadow .35s; }
.menu.is-kaydi .menu__bar, .menu.is-acik .menu__bar, .menu--acik-zemin .menu__bar { background: rgba(255, 255, 255, .86); color: var(--murekkep); box-shadow: inset 0 0 0 1px var(--cizgi), 0 10px 40px -16px rgba(15, 22, 13, .35); }
.menu__logo { display: flex; align-items: center; flex: none; margin-right: auto; }
.menu__logo img { height: 21px; width: auto; }
.menu__logo .koyu { display: none; }
.menu.is-kaydi .menu__logo .acik, .menu.is-acik .menu__logo .acik, .menu--acik-zemin .menu__logo .acik { display: none; }
.menu.is-kaydi .menu__logo .koyu, .menu.is-acik .menu__logo .koyu, .menu--acik-zemin .menu__logo .koyu { display: block; }
.menu__linkler { display: flex; gap: 2px; }
.menu__linkler a, .menu__ac { display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 14px; border-radius: 11px; font-weight: 600; font-size: 15px; transition: background .2s; background: none; border: 0; cursor: pointer; }
.menu__linkler a:hover, .menu__ac:hover, .menu__ac[aria-expanded="true"], .menu__linkler a[aria-current] { background: rgba(255, 255, 255, .12); }
.menu.is-kaydi .menu__linkler a:hover, .menu.is-kaydi .menu__ac:hover, .menu.is-acik .menu__ac[aria-expanded="true"], .menu.is-kaydi .menu__linkler a[aria-current], .menu--acik-zemin .menu__linkler a:hover, .menu--acik-zemin .menu__ac:hover, .menu--acik-zemin .menu__linkler a[aria-current] { background: rgba(15, 22, 13, .06); }
.menu__ac svg { width: 12px; height: 12px; transition: transform .25s; }
.menu__ac[aria-expanded="true"] svg { transform: rotate(180deg); }
.menu__sag { display: flex; align-items: center; gap: 8px; margin-left: 10px; }
.menu__room { display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 14px; border-radius: 11px; font-weight: 700; font-size: 15px; box-shadow: inset 0 0 0 1.5px currentColor; opacity: .9; }
.menu__room:hover { opacity: 1; }
.menu__panel { position: absolute; left: 0; right: 0; top: 74px; padding: 14px; border-radius: 22px; background: #fff; color: var(--murekkep); box-shadow: var(--golge-buyuk), inset 0 0 0 1px var(--cizgi); display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .25s, transform .25s var(--gecis), visibility .25s; }
.menu__panel.is-acik { opacity: 1; visibility: visible; transform: none; }
.menu__panel a { display: grid; grid-template-columns: 44px 1fr; gap: 2px 14px; padding: 14px 16px; border-radius: 14px; transition: background .2s; align-items: start; }
.menu__panel a:hover { background: var(--krem); }
.menu__panel .ikon { grid-row: span 2; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(160deg, var(--yesil), #82e14f); font-size: 19px; }
.menu__panel b { font-weight: 700; }
.menu__panel span:not(.ikon) { font-size: 14px; color: var(--gri); line-height: 1.45; }
.menu__panel .tum { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; background: var(--krem); font-weight: 700; }
.menu__hamb { display: none; width: 46px; height: 46px; border-radius: 12px; border: 0; background: rgba(255, 255, 255, .12); cursor: pointer; align-items: center; justify-content: center; }
.menu.is-kaydi .menu__hamb, .menu.is-acik .menu__hamb, .menu--acik-zemin .menu__hamb { background: rgba(15, 22, 13, .06); }
.menu__hamb svg { width: 20px; height: 20px; }
.mm { position: fixed; inset: 0; z-index: 60; background: var(--gece); color: #fff; display: flex; flex-direction: column; opacity: 0; transition: opacity .25s; overflow-y: auto; }
.mm.acik { opacity: 1; }
.mm-ust { display: flex; justify-content: space-between; align-items: center; padding: 22px 24px; }
.mm-ust img { height: 22px; width: auto; }
.mm-kapat { width: 46px; height: 46px; border: 0; border-radius: 12px; background: rgba(255, 255, 255, .1); color: #fff; font-size: 20px; cursor: pointer; }
.mm-govde { padding: 4px 24px 24px; display: grid; gap: 22px; }
.mm-etiket { font-size: 13px; font-weight: 800; color: var(--yesil); letter-spacing: .05em; text-transform: uppercase; }
.mm-hizmetler { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mm-hizmet { display: grid; gap: 8px; padding: 14px; border-radius: 16px; background: rgba(255, 255, 255, .06); font-weight: 700; font-size: 15px; line-height: 1.3; }
.mm-hizmet.is-active { background: rgba(168, 255, 120, .16); }
.mm-hizmet-ikon { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--yesil); color: var(--murekkep); }
.mm-linkler { display: grid; }
.mm-linkler a { display: flex; justify-content: space-between; align-items: center; padding: 16px 4px; border-bottom: 1px solid rgba(255, 255, 255, .1); font-weight: 700; font-size: 19px; }
.mm-linkler a.is-active { color: var(--yesil); }
.mm-linkler small { font-weight: 500; font-size: 13px; color: rgba(255, 255, 255, .6); margin-left: 8px; margin-right: auto; }
.mm-alt { margin-top: auto; padding: 24px; display: grid; gap: 12px; }
.mm-teklif { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 56px; border-radius: 16px; background: var(--yesil); color: var(--murekkep); font-weight: 800; }
.mm-hizli { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mm-hizli a { display: grid; justify-items: center; gap: 4px; padding: 12px 6px; border-radius: 14px; background: rgba(255, 255, 255, .06); font-size: 14px; font-weight: 700; }

/* ---------- 5 açılış ve sayfa üstü (renk geçişli) */
.acilis, .sayfa-ust { position: relative; color: #fff; isolation: isolate; overflow: hidden;
  background: radial-gradient(60% 50% at 50% 80%, rgba(168, 255, 120, .55), transparent 70%), linear-gradient(180deg, var(--gece) 0%, var(--orman) 30%, #1d5e1f 55%, #4fb83a 72%, #c9f5a8 86%, var(--krem) 100%); }
.acilis::before, .sayfa-ust::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .35; background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(180deg, #000 0%, transparent 55%); -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 55%); }
.acilis { padding: 160px 0 0; }
.acilis__ic, .sayfa-ust__ic { display: grid; justify-items: center; text-align: center; gap: 24px; }
.acilis h1 { max-width: 15ch; }
.acilis h1 em, .sayfa-ust h1 em { font-style: normal; color: var(--yesil); }
.acilis .giris, .sayfa-ust .giris { color: rgba(255, 255, 255, .82); }
.acilis .giris strong, .sayfa-ust .giris strong { color: #fff; font-weight: 700; }
.sayfa-ust { padding: 150px 0 110px; background: radial-gradient(55% 60% at 50% 110%, rgba(168, 255, 120, .5), transparent 70%), linear-gradient(180deg, var(--gece) 0%, var(--orman) 45%, #1d5e1f 75%, #3d9a2c 100%); }
.sayfa-ust h1 { max-width: 20ch; }
.sayfa-ust--kucuk h1 { font-size: clamp(34px, 4.6vw, 64px); }
.sayfa-ust__alt { color: rgba(255, 255, 255, .7); font-size: 15px; font-weight: 600; }
.sayfa-ust + .sayfa-govde { margin-top: -56px; position: relative; z-index: 2; }
.duyuru { display: inline-flex; align-items: center; gap: 10px; padding: 6px 14px 6px 6px; border-radius: 999px; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); font-size: 14px; font-weight: 600; backdrop-filter: blur(8px); }
.duyuru__rozet { background: var(--yesil); color: var(--murekkep); border-radius: 999px; padding: 3px 10px; font-weight: 800; font-size: 13px; }
.duyuru ul { display: flex; gap: 14px; list-style: none; padding: 0; }
.duyuru li + li::before { content: "·"; margin-right: 14px; opacity: .6; }
.yol { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 4px 8px; align-items: center; padding: 7px 16px; border-radius: 999px; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .85); list-style: none; margin: 0; }
.yol li { display: inline-flex; align-items: center; gap: 8px; }
.yol li + li::before { content: "›"; opacity: .5; }
.yol a:hover { color: var(--yesil); }
.etiketler { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; list-style: none; padding: 0; }
.etiketler li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; background: rgba(168, 255, 120, .14); color: var(--yesil); box-shadow: inset 0 0 0 1px rgba(168, 255, 120, .3); font-size: 14px; font-weight: 700; }
.sahne { margin-top: 60px; display: grid; justify-items: center; gap: 18px; }
.sekmeler { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding: 5px; border-radius: 16px; background: rgba(255, 255, 255, .5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55); backdrop-filter: blur(10px); }
.sekmeler button { border: 0; background: none; cursor: pointer; height: 40px; padding: 0 16px; border-radius: 11px; font-weight: 600; font-size: 15px; color: var(--murekkep); transition: background .2s, box-shadow .2s; }
.sekmeler button[aria-selected="true"] { background: #fff; box-shadow: var(--golge); }
.pencere { width: min(1080px, 100%); border-radius: 26px; padding: 10px; background: rgba(255, 255, 255, .55); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), var(--golge-buyuk); backdrop-filter: blur(10px); }
.pencere__ic { position: relative; border-radius: 18px; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px var(--cizgi); }
.pencere__ust { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border-bottom: 1px solid var(--cizgi); color: var(--gri); font-size: 13px; }
.pencere__ust i { width: 11px; height: 11px; border-radius: 50%; background: #e3e4dd; }
.pencere__adres { margin-left: 12px; padding: 4px 12px; border-radius: 8px; background: var(--krem); font-weight: 600; }
.pencere__panel { position: relative; aspect-ratio: 16 / 9; background: #fff; }
.pencere__panel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transform: scale(1.02); transition: opacity .5s ease, transform .9s var(--gecis); }
.pencere__panel img.is-acik { opacity: 1; transform: none; }
.ikon-sahne { width: 160px; height: 160px; border-radius: 40px; display: grid; place-items: center; font-size: 72px; color: var(--murekkep); background: linear-gradient(160deg, var(--yesil), #74d944); box-shadow: 0 30px 60px -20px rgba(80, 200, 50, .7), inset 0 -6px 0 rgba(0, 0, 0, .12); margin-top: 20px; }

/* ---------- 6 bölümler ve kartlar */
.bolum { padding: clamp(80px, 10vw, 140px) 0; }
.bolum--sikis { padding-top: 0; }
.bolum--beyaz { background: #fff; }
.bolum--koyu { background: var(--gece); color: #fff; }
.bolum--koyu .giris { color: rgba(255, 255, 255, .72); }
.bolum--koyu .kas { color: var(--yesil); }
.kart { border-radius: var(--r-buyuk); background: #fff; box-shadow: var(--golge); }
.referans { color: var(--murekkep); margin-top: 56px; border-radius: var(--r-buyuk); background: #fff; box-shadow: var(--golge); padding: 28px; }
.referans__ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; }
.referans__ust h2 { font-size: 15px; font-weight: 700; color: var(--gri); letter-spacing: 0; }
.logolar { display: grid; grid-template-columns: repeat(7, 1fr); border-top: 1px solid var(--cizgi); border-left: 1px solid var(--cizgi); list-style: none; padding: 0; }
.logolar li { border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.logolar a, .logolar span { display: flex; align-items: center; justify-content: center; height: 84px; padding: 14px 18px; transition: background .25s; }
.logolar a:hover { background: var(--krem); }
.logolar img { max-height: 34px; width: auto; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; }
.logolar a:hover img, .logolar span:hover img { filter: none; opacity: 1; }
.rakamlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 28px; }
.rakamlar > div { display: grid; gap: 2px; }
.rakamlar dt { font-weight: 800; font-size: clamp(30px, 3vw, 44px); letter-spacing: -0.04em; line-height: 1; }
.rakamlar dd { color: var(--gri); font-size: 15px; }
.ozellikler { display: grid; gap: 20px; }
.ozellik { display: grid; grid-template-columns: 1.05fr 1fr; align-items: stretch; border-radius: var(--r-buyuk); background: #fff; box-shadow: var(--golge); overflow: hidden; }
.ozellik__panel { position: relative; margin: 10px; border-radius: 20px; overflow: hidden; min-height: 340px; display: grid; place-items: center; padding: 36px; background: radial-gradient(80% 70% at 50% 100%, rgba(168, 255, 120, .65), transparent 70%), linear-gradient(160deg, #e9f8dc, #d5f2bf); }
.ozellik__panel::before { content: ""; position: absolute; inset: 14px; border-radius: 12px; border: 1px dashed rgba(15, 22, 13, .14); pointer-events: none; }
.ozellik__panel img { position: relative; width: 100%; max-width: 480px; border-radius: 14px; box-shadow: 0 20px 50px -20px rgba(11, 36, 16, .45); background: #fff; transition: transform .6s var(--gecis); }
.ozellik:hover .ozellik__panel img { transform: translateY(-6px) scale(1.015); }
.ozellik__panel .bi { position: relative; font-size: 64px; }
.ozellik__metin { display: grid; align-content: center; gap: 14px; padding: 48px 56px 48px 40px; }
.ozellik__metin p { color: var(--gri); }
.ozellik--koyu .ozellik__panel { background: radial-gradient(80% 70% at 50% 100%, rgba(168, 255, 120, .4), transparent 70%), linear-gradient(160deg, #0b2410, #12391a); color: var(--yesil); }
.ozellik--koyu .ozellik__panel::before { border-color: rgba(255, 255, 255, .14); }
.izgara-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.izgara-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.izgara-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.mini { border-radius: 22px; background: #fff; box-shadow: var(--golge); padding: 30px; display: grid; gap: 12px; align-content: start; transition: transform .35s var(--gecis), box-shadow .35s; }
a.mini:hover, .mini:hover { transform: translateY(-4px); box-shadow: var(--golge-buyuk); }
.mini__ikon { width: 50px; height: 50px; border-radius: 14px; display: grid; place-items: center; font-size: 22px; color: var(--murekkep); background: linear-gradient(160deg, var(--yesil), #7fe24f); box-shadow: 0 10px 24px -10px rgba(63, 174, 42, .8), inset 0 -2px 0 rgba(0, 0, 0, .1); }
.mini p { color: var(--gri); font-size: 16px; }
.mini .ok-link { margin-top: auto; padding-top: 6px; }
.bolum--koyu .mini { background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.bolum--koyu .mini p { color: rgba(255, 255, 255, .7); }
.cagri { position: relative; overflow: hidden; isolation: isolate; border-radius: 36px; padding: clamp(56px, 8vw, 110px) clamp(24px, 6vw, 80px); color: #fff; text-align: center; display: grid; gap: 22px; justify-items: center; background: radial-gradient(70% 90% at 50% 120%, rgba(168, 255, 120, .7), transparent 70%), linear-gradient(180deg, var(--gece), var(--orman) 60%, #1e6a22); }
.cagri::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .3; background-image: radial-gradient(rgba(255, 255, 255, .25) 1px, transparent 1px); background-size: 26px 26px; mask-image: linear-gradient(180deg, #000, transparent 80%); -webkit-mask-image: linear-gradient(180deg, #000, transparent 80%); }
.cagri .giris { color: rgba(255, 255, 255, .8); margin-inline: auto; }
.cagri .giris a { color: #fff; }
.cagri--form { text-align: left; justify-items: stretch; grid-template-columns: 1fr 1.2fr; gap: 48px; align-items: start; }
.cagri--form .giris { margin: 0; }

/* ---------- 7 dönen hizmet listesi (silindir; kaydırdıkça döner) */
.donen { position: relative; height: calc(var(--adet, 6) * 70vh + 100vh); }
.donen__sahne { position: sticky; top: 0; height: 100vh; display: grid; grid-template-rows: auto 1fr; overflow: hidden; padding-top: 110px; }
.donen__bas { text-align: center; display: grid; gap: 14px; justify-items: center; padding: 0 24px; }
.donen__bas .giris { margin-inline: auto; font-size: 17px; }
.donen__alan { position: relative; display: grid; place-items: center; perspective: 1400px; }
.donen__alan::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: clamp(84px, 10vw, 128px); transform: translateY(-50%); border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); background: radial-gradient(60% 120% at 50% 50%, rgba(168, 255, 120, .28), transparent 70%); pointer-events: none; }
.donen__silindir { position: relative; width: 100%; height: clamp(84px, 10vw, 128px); transform-style: preserve-3d; }
.donen__oge { position: absolute; inset: 0; display: grid; place-items: center; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; }
.donen__oge a { font-weight: 800; letter-spacing: -0.045em; line-height: 1; font-size: clamp(36px, 6.4vw, 96px); color: #b9bcb2; white-space: nowrap; transition: color .3s; text-align: center; }
.donen__ad { font: inherit; letter-spacing: inherit; margin: 0; }
.donen__oge.is-acik a { color: transparent; background: linear-gradient(90deg, var(--orman), var(--yesil-koyu) 55%, #5fd13a); -webkit-background-clip: text; background-clip: text; }
.donen__sayac { position: absolute; left: max(24px, calc((100% - 1200px) / 2)); top: 50%; transform: translateY(-50%); font-weight: 700; color: var(--gri); font-size: 16px; font-variant-numeric: tabular-nums; z-index: 2; }
.donen__sayac b { color: var(--yesil-koyu); }
.donen__aciklama { position: absolute; right: max(24px, calc((100% - 1200px) / 2)); top: 50%; transform: translateY(-50%); width: min(260px, 22vw); text-align: right; z-index: 2; display: grid; gap: 8px; justify-items: end; }
.donen__aciklama p { font-size: 15px; color: var(--gri); line-height: 1.5; }
.donen__aciklama a { font-weight: 700; display: inline-flex; gap: 6px; align-items: center; }
.donen__ok { position: absolute; top: 50%; width: 0; height: 0; border-block: 9px solid transparent; z-index: 2; }
.donen__ok--sol { left: 8px; border-left: 12px solid var(--yesil-koyu); transform: translateY(-50%); }
.donen__ok--sag { right: 8px; border-right: 12px solid var(--yesil-koyu); transform: translateY(-50%); }
.donen__gorsel { position: absolute; left: 50%; bottom: 4vh; transform: translateX(-50%); width: min(300px, 60vw); aspect-ratio: 4 / 3; border-radius: 18px; overflow: hidden; box-shadow: var(--golge-buyuk); background: #fff; }
.donen__gorsel img { width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0; opacity: 0; transition: opacity .4s; }
.donen__gorsel img.is-acik { opacity: 1; }
.donen--statik { height: auto; }
.donen--statik .donen__sahne { position: static; height: auto; padding: 0; }
.donen-liste { list-style: none; padding: 0; display: grid; margin-top: 40px; }
.donen-liste li { border-top: 1px solid var(--cizgi); }
.donen-liste li:last-child { border-bottom: 1px solid var(--cizgi); }
.donen-liste a { display: grid; grid-template-columns: 56px 1fr; gap: 6px 16px; padding: 18px 4px; align-items: center; }
.donen-liste .no { color: var(--yesil-koyu); font-weight: 700; }
.donen-liste b { font-weight: 800; font-size: clamp(26px, 4vw, 44px); letter-spacing: -0.04em; line-height: 1.05; }
.donen-liste span:last-child { grid-column: 2; color: var(--gri); font-size: 15px; }

/* ---------- 8 süreç, SSS, blog kartları */
.adimlar { display: grid; grid-template-columns: repeat(var(--adim, 5), 1fr); gap: 16px; position: relative; list-style: none; padding: 0; }
.adimlar::before { content: ""; position: absolute; left: 10%; right: 10%; top: 27px; height: 2px; background: linear-gradient(90deg, transparent, var(--yesil-koyu) 15%, var(--yesil-koyu) 85%, transparent); opacity: .35; }
.adim { position: relative; display: grid; gap: 12px; justify-items: center; align-content: start; text-align: center; padding: 0 6px; }
.adim__no { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; background: var(--yesil); color: var(--murekkep); box-shadow: 0 0 0 8px var(--krem), 0 12px 30px -10px rgba(63, 174, 42, .7); }
.bolum--beyaz .adim__no { box-shadow: 0 0 0 8px #fff, 0 12px 30px -10px rgba(63, 174, 42, .7); }
.adim p { color: var(--gri); font-size: 15px; }
.adim__sure { display: inline-block; margin-top: 4px; padding: 2px 10px; border-radius: 999px; background: rgba(168, 255, 120, .3); font-size: 13px; font-weight: 700; }
.not { margin-top: 48px; text-align: center; color: var(--gri); }
.sss { display: grid; grid-template-columns: 1fr 1.6fr; gap: 64px; align-items: start; }
.sss__sol { position: sticky; top: 110px; display: grid; gap: 18px; justify-items: start; }
.sss-liste { display: grid; gap: 10px; }
.sss-liste details { border-radius: 18px; background: #fff; box-shadow: var(--golge); overflow: hidden; }
.sss-liste summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 22px 24px; font-weight: 700; font-size: 18px; line-height: 1.35; }
.sss-liste summary::-webkit-details-marker { display: none; }
.sss-liste summary::after { content: "+"; flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--krem); font-weight: 600; font-size: 20px; transition: transform .3s var(--gecis), background .2s; }
.sss-liste details[open] summary::after { transform: rotate(45deg); background: var(--yesil); }
.sss-c { padding: 0 24px 24px; color: var(--gri); }
.sss-c p + p { margin-top: 10px; }
.kartlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.kartlar--3 { grid-template-columns: repeat(3, 1fr); }
.yazi-kart { display: grid; gap: 14px; align-content: start; padding: 10px 10px 20px; border-radius: 22px; background: #fff; box-shadow: var(--golge); transition: transform .35s var(--gecis), box-shadow .35s; }
.yazi-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-buyuk); }
.yazi-kart__gorsel { display: block; border-radius: 14px; overflow: hidden; aspect-ratio: 2 / 1; background: var(--krem-2); }
.yazi-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--gecis); }
.yazi-kart:hover .yazi-kart__gorsel img { transform: scale(1.04); }
.yazi-kart h3 { padding: 0 10px; font-weight: 700; font-size: 17px; line-height: 1.35; letter-spacing: -0.01em; }
.yazi-kart .tarih { padding: 0 10px; font-size: 14px; color: var(--gri); }
.kategoriler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.kategoriler a { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border-radius: 12px; background: #fff; box-shadow: var(--golge); font-weight: 700; font-size: 15px; transition: background .2s; }
.kategoriler a span { font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: var(--krem); }
.kategoriler a.is-active { background: var(--murekkep); color: #fff; }
.kategoriler a.is-active span { background: var(--yesil); color: var(--murekkep); }

/* ---------- 9 hizmet sayfası parçaları */
.ozet { display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; }
.ozet__kart { border-radius: var(--r-buyuk); background: #fff; box-shadow: var(--golge); padding: 40px; display: grid; gap: 16px; align-content: start; }
.ozet__kart--yesil { background: linear-gradient(160deg, #e9f8dc, #d2f1ba); box-shadow: none; }
.bilgi { display: grid; }
.bilgi > div { display: grid; grid-template-columns: auto 1fr; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); align-items: start; }
.bilgi > div:last-child { border-bottom: 0; }
.bilgi dt { color: var(--gri); display: inline-flex; gap: 8px; align-items: center; }
.bilgi dd { font-weight: 700; text-align: right; }
.metin { display: grid; gap: 16px; }
.metin h2 { font-weight: 800; letter-spacing: -0.035em; line-height: 1.1; font-size: clamp(28px, 2.8vw, 38px); margin-top: 8px; }
.metin h3 { font-weight: 700; letter-spacing: -0.02em; font-size: 21px; margin-top: 6px; }
.metin p, .metin li { color: #2a3127; }
.metin ul, .metin ol, .liste-isaret { display: grid; gap: 10px; padding-left: 0; list-style: none; }
.metin ul > li, .liste-isaret > li { position: relative; padding-left: 28px; }
.metin ul > li::before, .liste-isaret > li::before { content: ""; position: absolute; left: 4px; top: .7em; width: 9px; height: 9px; border-radius: 3px; background: var(--yesil-koyu); transform: rotate(45deg); }
.metin ol { counter-reset: s; }
.metin ol > li { position: relative; padding-left: 38px; counter-increment: s; }
.metin ol > li::before { content: counter(s); position: absolute; left: 0; top: .1em; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: var(--yesil); font-size: 13px; font-weight: 800; }
.metin table, .makale table, .legal-content table { width: 100%; border-collapse: collapse; font-size: 15px; background: #fff; border-radius: 14px; overflow: hidden; }
.metin th, .metin td, .makale th, .makale td, .legal-content th, .legal-content td { padding: 12px 14px; border-bottom: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
.metin thead th, .makale thead th, .legal-content thead th { background: var(--murekkep); color: #fff; }
.tablo-kap, .legal-table-wrap { overflow-x: auto; border-radius: 14px; box-shadow: var(--golge); }
.hikaye { display: grid; gap: 20px; }
.hikaye__satir { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; padding: 20px 0; }
.hikaye__satir:nth-child(even) .hikaye__gorsel { order: -1; }
.hikaye__gorsel { border-radius: var(--r-buyuk); padding: 10px; background: radial-gradient(80% 70% at 50% 100%, rgba(168, 255, 120, .55), transparent 70%), linear-gradient(160deg, #e9f8dc, #d5f2bf); }
.hikaye__gorsel img { width: 100%; border-radius: 18px; background: #fff; }
.hikaye__kartlar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.hikaye__kart { border-radius: 22px; background: #fff; box-shadow: var(--golge); padding: 34px; }
.hikaye__kart--genis { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1.5fr; gap: 32px; }
.hikaye__kart .mini__ikon { margin-bottom: 4px; }
.tablo { border-radius: var(--r-buyuk); background: #fff; box-shadow: var(--golge); overflow: hidden; }
.tablo table { width: 100%; border-collapse: collapse; }
.tablo th, .tablo td { padding: 18px 28px; border-bottom: 1px solid var(--cizgi); text-align: left; vertical-align: middle; }
.tablo tr:last-child th, .tablo tr:last-child td { border-bottom: 0; }
.tablo thead th { background: var(--murekkep); color: #fff; font-weight: 700; }
.tablo thead th.vurgu { color: var(--yesil); }
.tablo tbody th { font-weight: 700; }
.tablo td.vurgu { font-weight: 600; }
.tablo td.vurgu::before { content: "✓"; display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 10px; border-radius: 50%; background: var(--yesil); font-size: 12px; font-weight: 800; }
.teklif-kart { display: grid; gap: 16px; align-content: start; }
.teklif-kart .liste-isaret > li::before { background: var(--murekkep); }
.portfoy-kart img { border-radius: 14px; margin-bottom: 6px; }
.yorum { border-radius: 22px; background: #fff; box-shadow: var(--golge); padding: 32px; display: grid; gap: 16px; }
.yorum blockquote { font-size: 19px; line-height: 1.55; }

/* ---------- 10 blog yazısı */
.ilerleme { position: fixed; left: 0; top: 0; height: 3px; width: 100%; transform-origin: 0 50%; transform: scaleX(0); background: linear-gradient(90deg, var(--yesil-koyu), var(--yesil)); z-index: 70; }
.yazi-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; color: rgba(255, 255, 255, .78); font-size: 15px; font-weight: 600; list-style: none; padding: 0; }
.yazi-meta a { color: #fff; }
.yazi-meta img { width: 28px; height: 28px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 8px; object-fit: cover; }
.kapak { width: min(1080px, 100%); margin-top: 44px; border-radius: 26px; padding: 10px; background: rgba(255, 255, 255, .5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), var(--golge-buyuk); }
.kapak img { border-radius: 18px; width: 100%; height: auto; }
.yazi-acilis { padding-bottom: 0; }
.yazi-duzen { display: grid; grid-template-columns: 260px minmax(0, 740px); gap: 64px; justify-content: center; padding-top: clamp(56px, 7vw, 100px); }
.icindekiler { position: sticky; top: 110px; align-self: start; display: grid; gap: 14px; }
.icindekiler > p { font-size: 13px; font-weight: 800; letter-spacing: .05em; color: var(--gri); text-transform: uppercase; }
.icindekiler ol { display: grid; gap: 2px; border-left: 2px solid var(--cizgi); list-style: none; padding: 0; }
.icindekiler a { display: block; padding: 8px 0 8px 16px; margin-left: -2px; border-left: 2px solid transparent; color: var(--gri); font-weight: 600; font-size: 15px; line-height: 1.4; transition: color .2s, border-color .2s; }
.icindekiler a:hover, .icindekiler a.is-acik { color: var(--murekkep); border-left-color: var(--yesil-koyu); }
.makale { display: grid; gap: 22px; font-size: 19px; line-height: 1.75; min-width: 0; }
.makale-govde { display: grid; gap: 22px; }
.makale-govde > p:first-child { font-size: 21px; line-height: 1.6; color: var(--murekkep); font-weight: 500; }
.makale p, .makale li { color: #2a3127; }
.makale h2 { font-weight: 800; letter-spacing: -0.035em; line-height: 1.12; font-size: clamp(28px, 3vw, 40px); margin-top: 36px; scroll-margin-top: 110px; }
.makale h3 { font-weight: 700; letter-spacing: -0.02em; font-size: 23px; margin-top: 14px; scroll-margin-top: 110px; }
.makale ul, .makale ol { display: grid; gap: 12px; padding-left: 0; list-style: none; }
.makale ul > li { position: relative; padding-left: 30px; }
.makale ul > li::before { content: ""; position: absolute; left: 4px; top: .72em; width: 10px; height: 10px; border-radius: 3px; background: var(--yesil); box-shadow: 0 0 0 3px rgba(168, 255, 120, .3); transform: rotate(45deg); }
.makale ol { counter-reset: s; }
.makale ol > li { position: relative; padding-left: 42px; counter-increment: s; }
.makale ol > li::before { content: counter(s); position: absolute; left: 0; top: .15em; width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: var(--yesil); font-size: 14px; font-weight: 800; }
.makale figure, .makale .blog-figure { margin: 10px 0; border-radius: 22px; overflow: hidden; box-shadow: var(--golge); background: #fff; }
.makale figure img { width: 100%; height: auto; }
.makale figcaption { padding: 12px 18px; font-size: 14px; color: var(--gri); text-align: center; }
.makale blockquote { border-left: 4px solid var(--yesil); padding: 6px 0 6px 22px; font-size: 21px; }
.makale strong { color: var(--murekkep); }
.makale code { background: var(--krem-2); padding: 2px 6px; border-radius: 6px; font-size: .9em; }
.on-izleme-uyari { background: #ffd36a; color: #000; padding: 12px 18px; border-radius: 12px; font-weight: 700; }
.yazar { display: flex; gap: 22px; align-items: flex-start; padding: 28px; border-radius: 24px; background: #fff; box-shadow: var(--golge); margin-top: 24px; }
.yazar img, .yazar .avatar { width: 84px; height: 84px; border-radius: 22px; object-fit: cover; flex: none; background: var(--murekkep); color: var(--yesil); display: grid; place-items: center; font-weight: 800; font-size: 26px; }
.yazar b { font-size: 18px; }
.yazar small { display: block; color: var(--gri); font-size: 14px; margin-bottom: 8px; }
.yazar p { font-size: 16px; color: var(--gri); line-height: 1.6; }
.dinle { border-radius: 18px !important; border: 0 !important; background: #fff !important; box-shadow: var(--golge); }

/* ---------- 11 form */
.form-kart, .quote-form { border-radius: var(--r-buyuk); background: #fff; color: var(--murekkep); box-shadow: var(--golge-buyuk); padding: 40px; display: grid; gap: 18px; }
.alan { display: grid; gap: 8px; }
.alan label, .quote-label { font-weight: 600; font-size: 15px; }
.alan input, .alan select, .alan textarea, .quote-input { width: 100%; font-size: 16px; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--cizgi); background: var(--krem); transition: border-color .2s, box-shadow .2s, background .2s; }
.alan input:focus, .alan select:focus, .alan textarea:focus, .quote-input:focus { outline: 0; border-color: var(--yesil-koyu); background: #fff; box-shadow: 0 0 0 4px rgba(168, 255, 120, .35); }
.alan textarea, textarea.quote-input { min-height: 130px; resize: vertical; }
.iki { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.onay, .quote-consent { display: flex; gap: 12px; font-size: 14px; color: var(--gri); line-height: 1.5; }
.onay input, .quote-consent input { width: 20px; height: 20px; flex: none; margin-top: 1px; accent-color: var(--yesil-koyu); }
.onay a, .quote-consent a { text-decoration: underline; color: var(--murekkep); }
.quote-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.uyari, .quote-alert { padding: 16px 18px; border-radius: 14px; font-weight: 600; }
.uyari--basarili, .quote-alert-success { background: #e4f9d6; color: #1b5e12; }
.uyari--hata, .quote-alert-danger { background: #fde4e1; color: #8a1c10; }
.iletisim-liste { display: grid; gap: 10px; list-style: none; padding: 0; }
.iletisim-liste > li > a, .iletisim-liste > li > span { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); font-weight: 700; transition: background .2s; }
.iletisim-liste > li > a:hover { background: rgba(168, 255, 120, .14); }
.iletisim-liste i { font-size: 17px; line-height: 1; width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--yesil); color: var(--murekkep); font-style: normal; flex: none; }
.iletisim-liste--acik > li > a, .iletisim-liste--acik > li > span { background: #fff; box-shadow: var(--golge); }

/* ---------- 12 Room bileşenleri (includes/room-apps.php ve room sayfaları) */
.rx-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.rx-mosaic { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.rx-tile { display: grid; gap: 10px; padding: 16px; border-radius: 18px; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); color: #fff; font-weight: 700; font-size: 14px; line-height: 1.3; transition: background .25s, transform .3s var(--gecis); animation: rx-yuz 6s ease-in-out infinite; animation-delay: var(--d, 0s); }
.rx-tile:hover { background: rgba(168, 255, 120, .16); transform: translateY(-3px); }
.rx-tile .bi { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--yesil); color: var(--murekkep); font-size: 18px; }
@keyframes rx-yuz { 0%, 100% { translate: 0 0; } 50% { translate: 0 -4px; } }
.rx-ticks { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; }
.rx-ticks li { padding: 6px 14px; border-radius: 999px; background: rgba(168, 255, 120, .14); color: var(--yesil); font-weight: 700; font-size: 14px; }
.rx-pf { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 14px; }
.rx-pf p { color: var(--gri); font-weight: 600; }
.rx-pf div { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.rx-pf span, .rx-platforms b { padding: 8px 16px; border-radius: 12px; background: #fff; box-shadow: var(--golge); font-weight: 800; font-size: 15px; }
.rx-platforms { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; }
.rx-platforms span { color: var(--gri); font-weight: 600; margin-right: 4px; }
.rx-filter { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 32px; }
.rx-chip { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border-radius: 12px; border: 0; background: #fff; box-shadow: var(--golge); font-weight: 700; font-size: 15px; cursor: pointer; transition: background .2s; }
.rx-chip span { font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: var(--krem); }
.rx-chip.is-active { background: var(--murekkep); color: #fff; }
.rx-chip.is-active span { background: var(--yesil); color: var(--murekkep); }
.rx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.rx-card { display: grid; gap: 10px; align-content: start; padding: 24px; border-radius: 22px; background: #fff; box-shadow: var(--golge); transition: transform .35s var(--gecis), box-shadow .35s; }
.rx-card:hover { transform: translateY(-4px); box-shadow: var(--golge-buyuk); }
.rx-card-ic { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(160deg, var(--yesil), #7fe24f); font-size: 21px; }
.rx-card-cat { font-size: 13px; font-weight: 800; color: var(--yesil-koyu); }
.rx-card h3, .rx-card-t { font-size: 19px; font-weight: 700; letter-spacing: -0.015em; }
.rx-card p, .rx-card-d { color: var(--gri); font-size: 15px; line-height: 1.5; }
.rx-card-ft { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-weight: 700; font-size: 15px; margin-top: 4px; }
.rx-card-not { font-size: 12px; font-weight: 700; color: var(--gri); padding: 2px 8px; border-radius: 999px; background: var(--krem); }
.rx-more { text-align: center; margin-top: 28px; font-weight: 700; }
.rx-how { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.rx-steps { display: grid; gap: 16px; list-style: none; padding: 0; margin-top: 28px; }
.rx-steps li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; }
.rx-steps b { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--yesil); font-weight: 800; }
.rx-steps h3 { font-size: 19px; }
.rx-steps p { color: var(--gri); font-size: 16px; }
.rx-code { border-radius: 22px; padding: 26px; background: var(--gece); color: #cfd6cb; font: 500 14px/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; box-shadow: var(--golge-buyuk); overflow-wrap: anywhere; }
.rx-code-cap { display: flex; gap: 6px; align-items: center; margin-bottom: 16px; }
.rx-code-cap i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .2); }
.rx-code-cap span { margin-left: 8px; color: rgba(255, 255, 255, .5); }
.rx-code .c { color: #7d8a78; } .rx-code .k { color: var(--yesil); }
.rx-code-ok { margin-top: 16px; padding: 12px 14px; border-radius: 12px; background: rgba(168, 255, 120, .12); color: var(--yesil); font-family: var(--font); font-weight: 700; display: flex; gap: 8px; }
.rx-bento { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.rx-b { border-radius: 22px; padding: 30px; background: #fff; box-shadow: var(--golge); display: grid; gap: 10px; align-content: start; }
.rx-b .bi { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(160deg, var(--yesil), #7fe24f); font-size: 21px; }
.rx-b h3 { font-size: 20px; }
.rx-b p { color: var(--gri); }
.rx-b-wide { grid-column: span 2; }
.rx-b-dark { background: var(--gece); color: #fff; }
.rx-b-dark p { color: rgba(255, 255, 255, .7); }
.rx-why { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.rx-why > div { border-radius: 22px; padding: 28px; background: #fff; box-shadow: var(--golge); display: grid; gap: 10px; align-content: start; }
.rx-why .bi { font-size: 26px; color: var(--yesil-koyu); }
.rx-why h3 { font-size: 19px; }
.rx-why p { color: var(--gri); font-size: 15px; }
.rx-list-head { display: grid; gap: 18px; justify-items: center; text-align: center; margin-bottom: 32px; }
.rx-lead { font-size: 19px; color: var(--gri); max-width: 70ch; }

/* ---------- 13 yasal metinler ve uzun metin */
.legal-content { max-width: 860px; margin-inline: auto; display: grid; gap: 14px; }
.legal-content h2 { font-weight: 800; letter-spacing: -0.03em; font-size: clamp(24px, 2.4vw, 30px); margin-top: 26px; }
.legal-content h3 { font-size: 20px; margin-top: 14px; }
.legal-content ul, .legal-content ol { display: grid; gap: 8px; padding-left: 22px; }
.legal-content p, .legal-content li { color: #2a3127; line-height: 1.75; }
.legal-identity { list-style: none !important; padding: 22px 26px !important; border-radius: 20px; background: #fff; box-shadow: var(--golge); }
.legal-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--cizgi); }
.legal-nav a { padding: 8px 14px; border-radius: 10px; background: #fff; box-shadow: var(--golge); font-weight: 700; font-size: 14px; text-decoration: none !important; }
.legal-nav a[aria-current] { background: var(--murekkep); color: #fff; }
.metin-kap { max-width: 860px; margin-inline: auto; }
.hata-sayfa .dev { font-size: clamp(110px, 18vw, 240px); line-height: .85; color: var(--yesil); }

/* ---------- 14 alt bilgi */
.alt { background: var(--gece); color: rgba(255, 255, 255, .72); padding: 80px 0 32px; }
.alt__ust { display: grid; grid-template-columns: 1.3fr 1fr 1.2fr 1.3fr; gap: 40px; }
.alt h2 { color: #fff; font-size: 15px; font-weight: 700; margin-bottom: 16px; letter-spacing: 0; }
.alt ul { display: grid; gap: 10px; font-size: 15px; list-style: none; padding: 0; }
.alt a:hover { color: var(--yesil); }
.alt__logo img { height: 26px; width: auto; margin-bottom: 18px; }
.alt .iletisim-satir { display: inline-flex; gap: 8px; align-items: center; }
.sosyal { display: flex; flex-wrap: wrap; gap: 8px; }
.sosyal a { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); color: #fff; font-size: 18px; transition: background .2s, transform .2s; }
.sosyal a:hover { background: rgba(168, 255, 120, .15); transform: translateY(-2px); color: var(--yesil); }
.sosyal img { width: 18px; height: 18px; }
.alt__dev { margin-top: 64px; font-weight: 800; letter-spacing: -0.06em; line-height: .8; font-size: clamp(64px, 17vw, 250px); color: transparent; background: linear-gradient(180deg, rgba(168, 255, 120, .35), rgba(168, 255, 120, 0) 85%); -webkit-background-clip: text; background-clip: text; text-align: center; user-select: none; }
.alt__yasal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding-top: 28px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 14px; }
.alt__yasal nav { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; }
.alt__yasal button { background: none; border: 0; padding: 0; cursor: pointer; color: inherit; font-size: 14px; }
.alt__yasal button:hover { color: var(--yesil); }
.wa-yuzen { position: fixed; right: 20px; bottom: 20px; z-index: 40; width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; background: #25d366; color: #fff; box-shadow: 0 16px 36px -12px rgba(37, 211, 102, .8); transition: transform .25s var(--gecis); }
.wa-yuzen:hover { transform: translateY(-3px) scale(1.04); }
.wa-yuzen svg { width: 28px; height: 28px; fill: currentColor; }
/* çerez bandı yeni görünüm (davranış includes/cookie-consent.php) */
.cc-bar { border-radius: 20px !important; font-family: var(--font) !important; }
.cc-btn { font-family: var(--font) !important; border-radius: 12px !important; }

/* kaydırınca bir kez belirme (hareket azaltmada kapalı; betik yoksa görünür) */
.js .belir { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .9s var(--gecis); }
.js .belir.is-gorundu { opacity: 1; transform: none; }
.belir-2 { transition-delay: .08s !important; } .belir-3 { transition-delay: .16s !important; } .belir-4 { transition-delay: .24s !important; }

/* ---------- 15 duyarlı */
@media (max-width: 1100px) {
  .menu__linkler a, .menu__ac { padding: 0 10px; font-size: 14px; }
  .menu__room { display: none; }
}
@media (max-width: 1023px) {
  .menu__linkler, .menu__sag .btn, .menu__panel { display: none; }
  .menu__hamb { display: inline-flex; }
  .logolar { grid-template-columns: repeat(4, 1fr); }
  .ozellik, .hikaye__satir, .hikaye__kart--genis, .rx-hero, .rx-how { grid-template-columns: 1fr; }
  .hikaye__satir:nth-child(even) .hikaye__gorsel { order: 0; }
  .ozellik__metin { padding: 8px 32px 36px; }
  .adimlar { grid-template-columns: 1fr; gap: 28px; max-width: 560px; margin-inline: auto; }
  .adimlar::before { left: 27px; right: auto; top: 20px; bottom: 20px; width: 2px; height: auto; background: linear-gradient(180deg, transparent, var(--yesil-koyu) 10%, var(--yesil-koyu) 90%, transparent); }
  .adim { grid-template-columns: 56px 1fr; justify-items: start; text-align: left; column-gap: 20px; }
  .adim__no { grid-row: span 3; }
  .sss { grid-template-columns: 1fr; gap: 32px; }
  .sss__sol { position: static; }
  .kartlar { grid-template-columns: repeat(2, 1fr); }
  .alt__ust { grid-template-columns: 1fr 1fr; }
  .ozet, .izgara-3, .izgara-4, .cagri--form, .rx-why, .rx-bento { grid-template-columns: 1fr 1fr; }
  .cagri--form { grid-template-columns: 1fr; }
  .rx-b-wide { grid-column: 1 / -1; }
  .yazi-duzen { grid-template-columns: minmax(0, 740px); gap: 0; }
  .icindekiler { position: static; margin-bottom: 36px; }
  .donen__aciklama { display: none; }
  .donen__sayac { display: none; }
}
@media (max-width: 639px) {
  body { font-size: 16px; }
  :root { --kap: calc(100% - 32px); }
  .menu { top: 10px; }
  .menu__bar { height: 58px; padding-left: 16px; }
  .acilis { padding-top: 120px; }
  .sayfa-ust { padding: 120px 0 90px; }
  .duyuru { border-radius: 18px; flex-direction: column; padding: 8px 12px; }
  .duyuru ul { flex-wrap: wrap; justify-content: center; gap: 4px 10px; }
  .duyuru li + li::before { margin-right: 10px; }
  .dugmeler .btn { flex: 1 1 100%; }
  .sahne { margin-top: 40px; }
  .sekmeler { width: 100%; }
  .sekmeler button { flex: 1 1 45%; padding: 0 8px; font-size: 14px; }
  .pencere { padding: 6px; border-radius: 18px; }
  .pencere__panel { aspect-ratio: 4 / 3; }
  .referans { padding: 18px; }
  .logolar { grid-template-columns: repeat(4, 1fr); }
  .logolar a, .logolar span { height: 56px; padding: 8px; }
  .logolar img { max-height: 24px; }
  .rakamlar { grid-template-columns: 1fr 1fr; }
  .ozellik__panel { min-height: 220px; padding: 20px; }
  .ozellik__metin { padding: 4px 22px 28px; }
  .kartlar, .kartlar--3, .ozet, .izgara-2, .izgara-3, .izgara-4, .hikaye__kartlar, .rx-why, .rx-bento, .iki { grid-template-columns: 1fr; }
  .rx-mosaic { grid-template-columns: repeat(2, 1fr); }
  .alt__ust { grid-template-columns: 1fr; }
  .tablo th, .tablo td { padding: 14px 16px; font-size: 15px; }
  .form-kart, .quote-form, .ozet__kart, .hikaye__kart { padding: 24px; }
  .makale { font-size: 17px; }
  .makale-govde > p:first-child { font-size: 19px; }
  .yazar { flex-direction: column; }
  .donen { height: calc(var(--adet, 6) * 55vh + 100vh); }
  .donen__sahne { padding-top: 90px; }
  .donen__oge a { font-size: clamp(26px, 8.4vw, 40px); white-space: normal; max-width: 90vw; }
  .donen__ok { display: none; }
  .wa-yuzen { width: 52px; height: 52px; right: 14px; bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
  .js .belir { opacity: 1; transform: none; }
}

/* ---------- 16 panel giriş / şifre formları (giris.php, sifremi-unuttum.php, sifre-yenileme.php) */
.giris-bolum .container > .row, .giris-bolum form { max-width: 560px; margin-inline: auto; }
.dn-contact__form { display: grid; gap: 18px; padding: 40px; border-radius: var(--r-buyuk); background: #fff; box-shadow: var(--golge-buyuk); }
.dn-contact__form .row { gap: 16px; }
.dn-contact__form .col-md-6, .dn-contact__form .col-lg-6 { flex: 1 1 100% !important; }
.form-group { display: grid; gap: 8px; }
.form-control { width: 100%; font-size: 16px; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--cizgi); background: var(--krem); }
.form-control:focus { outline: 0; border-color: var(--yesil-koyu); background: #fff; box-shadow: 0 0 0 4px rgba(168, 255, 120, .35); }
.form-alert-danger, .form-alert-success { padding: 14px 16px; border-radius: 12px; font-weight: 600; flex: 1 1 100%; }
.form-alert-danger { background: #fde4e1; color: #8a1c10; } .form-alert-success { background: #e4f9d6; color: #1b5e12; }
.dn-link-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 14px; border: 0; cursor: pointer; background: var(--murekkep); color: #fff; font-weight: 700; font-size: 16px; }
.dn-link-btn span { display: inline-flex; } .dn-link-btn .arry2 { display: none; } .dn-link-btn svg { width: 16px; height: 16px; }
.font-xs { font-size: 14px; } .font-md { font-size: 16px; }
.metin .iletisim-liste > li { padding-left: 0 !important; } .metin .iletisim-liste > li::before { display: none; }

/* ---------- 17 ana sayfa ikinci tur (2026-11-09) */
/* "Her işletmenin" kartı: büyük yazı, kaydırdıkça kelimeler koyulaşır, hizmet bağlantıları ikonlu kapsül */
.ihtiyac { position: relative; overflow: hidden; isolation: isolate; display: grid; gap: 28px; justify-items: start; padding: clamp(36px, 6vw, 80px); border-radius: 36px; background: radial-gradient(70% 90% at 100% 0%, rgba(168, 255, 120, .55), transparent 65%), radial-gradient(60% 80% at 0% 100%, rgba(168, 255, 120, .35), transparent 70%), linear-gradient(160deg, #f3fbe9, #e3f6d2); box-shadow: var(--golge); }
.ihtiyac::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5; background-image: radial-gradient(rgba(15, 22, 13, .12) 1px, transparent 1px); background-size: 24px 24px; -webkit-mask-image: linear-gradient(120deg, #000, transparent 60%); mask-image: linear-gradient(120deg, #000, transparent 60%); }
.ihtiyac__metin { font-weight: 700; letter-spacing: -0.025em; line-height: 1.38; font-size: clamp(23px, 2.6vw, 38px); color: var(--murekkep); max-width: 42ch; text-wrap: pretty; }
.ihtiyac__metin .k { color: rgba(15, 22, 13, .2); transition: color .35s ease; }
.ihtiyac__metin .k.on { color: var(--murekkep); }
.ihtiyac__metin a { display: inline-flex; align-items: center; gap: .3em; padding: .02em .45em .06em .3em; margin: .06em 0; border-radius: .5em; background: #fff; box-shadow: 0 6px 18px -10px rgba(15, 22, 13, .45), inset 0 0 0 1px var(--cizgi); white-space: nowrap; text-decoration: none; transition: transform .25s var(--gecis), background .25s; }
.ihtiyac__metin a:hover { transform: translateY(-2px) rotate(-1deg); background: var(--yesil); }
.ihtiyac__metin a .bi { font-size: .7em; width: 1.4em; height: 1.4em; display: inline-grid; place-items: center; border-radius: .4em; background: linear-gradient(160deg, var(--yesil), #7fe24f); }
.ihtiyac__metin a .k { color: inherit; }
/* Neden Sekizsoft: ikili ızgara, görsel üstte metin altta */
.ozellikler--iki { grid-template-columns: repeat(2, 1fr); }
.ozellikler--iki .ozellik { grid-template-columns: 1fr; align-content: start; }
.ozellikler--iki .ozellik__panel { min-height: 280px; padding: 28px; }
.ozellikler--iki .ozellik__panel img { max-width: 400px; }
.ozellikler--iki .ozellik__metin { padding: 18px 32px 34px; align-content: start; }
.ozellikler--iki .ozellik--koyu { background: var(--gece); color: #fff; }
.ozellikler--iki .ozellik--koyu .ozellik__metin p { color: rgba(255, 255, 255, .72); }
.ozellikler--iki .ozellik--koyu .kas { color: var(--yesil); }
/* dönen liste: betik yumuşatır; tarayıcıya dönüşüm ipucu */
.donen__oge { will-change: transform, opacity; }
@media (max-width: 1023px) { .ozellikler--iki { grid-template-columns: 1fr; } .ihtiyac__metin { max-width: none; } }
@media (prefers-reduced-motion: reduce) { .ihtiyac__metin .k { color: inherit; } }

/* alt bilgideki büyük logo: logonun biçimi, sitedeki yeşil renk geçişiyle (maske) */
.alt__dev--logo { -webkit-background-clip: border-box; background-clip: border-box; font-size: 0; line-height: 0; width: min(100%, 1100px); margin-inline: auto; aspect-ratio: 387.73 / 47.76; background: linear-gradient(180deg, rgba(168, 255, 120, .45), rgba(168, 255, 120, 0) 92%); -webkit-mask: url(../images/logo-light.svg) center / contain no-repeat; mask: url(../images/logo-light.svg) center / contain no-repeat; }