/* ============================================================
   Masal — "Blok kutusu" (oyun odasındaki şekil ayırma kutusu).
   Kare, çeyrek daire, silindir, üçgen, daire: fotoğraflar blok deliklerinden görünür, kartlar oyun halısında bloklar,
   yaş rehberi blok kuleleri, ilk görüşme blok merdiveni, footer haftanın saatleri blok rafı.
   Renk: kobalt + güneş sarısı + nane, beyaz zemin, gece mavisi yazı. Yazı tipleri (Fontshare, yerel): Pally (başlık) + Alpino (gövde).
   Veliyim / Gencim: html[data-aud]; body içindeki [data-aud] öğeleri seçime göre gösterilir.
   ============================================================ */
@font-face { font-family: "Pally"; src: url("../fonts/pally-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Pally"; src: url("../fonts/pally-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Alpino"; src: url("../fonts/alpino-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Alpino"; src: url("../fonts/alpino-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Alpino"; src: url("../fonts/alpino-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
    --kobalt: #2140d6; --kobalt-d: #1730a8; --kobalt-l: #dfe5ff;
    --gunes: #ffc53d; --gunes-d: #f2ad00; --gunes-l: #fff3cf;
    --nane: #7fe0c2; --nane-d: #2fb58c; --nane-l: #dcf8ee;
    --ink: #0e1a3a; --ink-2: #33406a; --tint: #f1f4ff;
    --bg: #ffffff; --bg-elev: #ffffff; --bg-sunk: #f1f4ff; --bg-alt: #f1f4ff;
    --fg: #0e1a3a; --fg-2: #2c375c; --fg-3: #5f6a8c;
    --line: rgba(14, 26, 58, .12); --line-2: rgba(14, 26, 58, .28);
    --accent: #2140d6; --btn-bg: #2140d6; --btn-bg-h: #1730a8; --btn-fg: #fff;
    --ok: #1d8a63; --ok-bg: #e4f8f0; --err: #c42b3c; --err-bg: #fdecee;
    --f-body: "Alpino", system-ui, -apple-system, "Segoe UI", sans-serif;
    --f-display: "Pally", "Alpino", system-ui, sans-serif;
    --r: 20px; --r-s: 12px; --wrap: 1320px; --gutter: clamp(16px, 4vw, 44px);
    --head-h: 84px;
    color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--head-h) + 16px); overflow-x: clip; }
html.no-scroll { overflow: hidden; }
body { margin: 0; background: var(--bg); color: var(--fg-2); font: 18px/1.6 var(--f-body); -webkit-font-smoothing: antialiased; overflow-x: clip; }
img, svg, video { max-width: 100%; height: auto; }
svg { flex: none; }
a { color: inherit; }
h1, h2, h3, h4, .h1, .h3 { color: var(--fg); font-family: var(--f-display); line-height: 1.08; margin: 0 0 .5em; font-weight: 700; letter-spacing: -.015em; }
p { margin: 0 0 1em; }
button { font: inherit; color: inherit; }
::selection { background: var(--gunes); color: var(--ink); }
:focus-visible { outline: 3px solid var(--kobalt); outline-offset: 3px; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.skip { position: absolute; left: 8px; top: -60px; z-index: 100; background: var(--ink); color: #fff; padding: 10px 16px; border-radius: var(--r-s); }
.skip:focus { top: 8px; }

/* ── Veliyim / Gencim görünürlüğü */
:root:not([data-aud="genc"]) body [data-aud="genc"] { display: none !important; }
:root[data-aud="genc"] body [data-aud="veli"] { display: none !important; }
:root[data-aud="genc"] body [data-aud-only="veli"] { display: none !important; }

/* ── Renk sınıfları: --c zemin, --on üzerindeki yazı */
.ms-c--kobalt { --c: var(--kobalt); --c-l: var(--kobalt-l); --on: #fff; --on-2: rgba(255, 255, 255, .82); }
.ms-c--gunes { --c: var(--gunes); --c-l: var(--gunes-l); --on: var(--ink); --on-2: var(--ink-2); }
.ms-c--nane { --c: var(--nane); --c-l: var(--nane-l); --on: var(--ink); --on-2: var(--ink-2); }
.ms-c--beyaz { --c: #fff; --c-l: #fff; --on: var(--ink); --on-2: var(--fg-2); }
.ms-c--ink { --c: var(--ink); --c-l: var(--tint); --on: #fff; --on-2: rgba(255, 255, 255, .78); }

.ms-wrap, .wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.wrap--md { max-width: 1000px; }
.wrap--sm { max-width: 760px; }
.ms-display { font-family: var(--f-display); font-weight: 700; font-size: clamp(2.7rem, 5.6vw, 5.4rem); line-height: .98; letter-spacing: -.03em; color: inherit; margin: 0 0 .35em; }
.ms-h1 { font-size: clamp(2.4rem, 5.2vw, 4.6rem); line-height: 1; letter-spacing: -.025em; color: inherit; margin: 0 0 .35em; }
.ms-h2 { font-size: clamp(2rem, 3.8vw, 3.4rem); line-height: 1.02; letter-spacing: -.025em; color: var(--ink); margin: 0 0 .5em; }
.ms-h3 { font-size: clamp(1.3rem, 1.9vw, 1.6rem); line-height: 1.15; color: var(--ink); margin: 0 0 .5em; }
.ms-lead { font-size: clamp(1.1rem, 1.5vw, 1.3rem); line-height: 1.5; max-width: 34em; }
.ms-muted { color: var(--fg-3); }

/* ── Blok parçaları (madde imi, ayraç): kare | ceyrek | silindir | ucgen | daire */
.ms-bit { display: inline-block; flex: none; width: 15px; height: 15px; background: var(--c, var(--kobalt)); border-radius: 3px; vertical-align: -1px; margin-right: 10px; transition: transform .35s cubic-bezier(.3, 1.6, .5, 1), border-radius .35s; }
.ms-bit--ceyrek { border-radius: 0 100% 0 0; }
.ms-bit--silindir { width: 24px; border-radius: 99px; }
.ms-bit--daire { border-radius: 50%; }
.ms-bit--ucgen { border-radius: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
a:hover > .ms-bit, button:hover > .ms-bit { transform: rotate(-12deg) scale(1.15); }

/* ── Fotoğraf bir blok deliğinden */
.ms-shape { position: relative; margin: 0; overflow: hidden; background: var(--c, var(--kobalt)); isolation: isolate; }
.ms-shape img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ms-shape > span { display: contents; }
.ms-shape--kare { aspect-ratio: 1; border-radius: var(--r); }
.ms-shape--ceyrek { aspect-ratio: 1; border-radius: 100% 0 var(--r) var(--r) / 100% 0 var(--r) var(--r); }
.ms-shape--silindir { aspect-ratio: 3 / 4; border-radius: 999px; }
.ms-shape--daire { aspect-ratio: 1; border-radius: 50%; }
.ms-shape--ucgen { aspect-ratio: 1; clip-path: polygon(50% 0, 100% 100%, 0 100%); }

/* ── Düğme: köşesi çeyrek daire blok; üstüne gelince yuvarlak köşe karşıya geçer */
.ms-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 0 26px; border: 0; border-radius: 26px 6px 26px 6px; background: var(--kobalt); color: #fff;
    font: 700 1.05rem/1 var(--f-display); text-decoration: none; cursor: pointer; transition: border-radius .35s cubic-bezier(.5, 0, .2, 1), background .2s, transform .2s; white-space: nowrap; }
.ms-btn:hover, .ms-btn:focus-visible { border-radius: 6px 26px 6px 26px; background: var(--kobalt-d); transform: translateY(-2px); }
.ms-btn .ms-arrow { width: 20px; height: 12px; }
.ms-btn--ink { background: var(--ink); }
.ms-btn--ink:hover { background: #000; }
.ms-btn--sun { background: var(--gunes); color: var(--ink); }
.ms-btn--sun:hover { background: #fff; color: var(--ink); }
.ms-btn--big { min-height: 62px; padding: 0 32px; font-size: 1.15rem; }
.ms-btn--sm { min-height: 44px; padding: 0 18px; font-size: .95rem; }
.ms-btn--wide { width: 100%; }
.ms-arrow { width: 22px; height: 13px; transition: transform .25s; }
a:hover > .ms-arrow, .ms-link:hover .ms-arrow { transform: translateX(4px); }
.ms-arrow--back { transform: scaleX(-1); }
.ms-link { display: inline-flex; align-items: center; gap: 10px; font: 700 1rem var(--f-display); color: var(--kobalt); text-decoration: none; padding: 4px 0; background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .3s; }
.ms-link:hover { background-size: 100% 2px; }
.ms-link--big { font-size: 1.12rem; }
.ms-ico { width: 20px; height: 20px; }

/* ── Üst bölüm */
.ms-head { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .94); backdrop-filter: saturate(1.4) blur(10px); transition: box-shadow .25s; }
.ms-head.is-scrolled { box-shadow: 0 1px 0 var(--line), 0 10px 30px -22px rgba(14, 26, 58, .4); }
.ms-head__in { display: flex; align-items: center; gap: 16px; min-height: var(--head-h); }
.ms-logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink); flex: none; }
.ms-mark { width: 44px; height: 40px; overflow: visible; }
.ms-mark__a { fill: var(--kobalt); transition: transform .45s cubic-bezier(.3, 1.6, .5, 1); transform-origin: 11px 28px; }
.ms-mark__b { fill: var(--gunes); transition: transform .45s cubic-bezier(.3, 1.6, .5, 1) .05s; transform-origin: 33px 28px; }
.ms-mark__c { fill: var(--nane); transition: transform .45s cubic-bezier(.3, 1.6, .5, 1) .1s; transform-origin: 11px 8px; }
.ms-logo:hover .ms-mark__a { transform: rotate(-8deg); }
.ms-logo:hover .ms-mark__b { transform: translateY(-4px) rotate(6deg); }
.ms-logo:hover .ms-mark__c { transform: translate(18px, 6px); }
.ms-logo__t { display: grid; line-height: 1; }
.ms-logo__t b { font: 700 2rem/.9 var(--f-display); letter-spacing: -.04em; }
.ms-logo__t small { font-size: .78rem; color: var(--fg-3); margin-top: 5px; font-weight: 500; }
.ms-nav { display: flex; align-items: center; gap: 4px; margin-inline: auto; }
.ms-nav > a, .ms-nav__dd > button { position: relative; display: inline-flex; align-items: center; gap: 4px; padding: 10px 12px; border: 0; background: none; color: var(--ink); text-decoration: none; font-weight: 500; font-size: .98rem; cursor: pointer; border-radius: 10px; white-space: nowrap; }
.ms-nav > a:hover, .ms-nav__dd > button:hover { background: var(--tint); }
.ms-nav > a[aria-current="page"], .ms-nav__dd > button.is-current { color: var(--kobalt); }
.ms-nav > a[aria-current="page"]::after, .ms-nav__dd > button.is-current::after { content: ""; position: absolute; left: 12px; bottom: 3px; width: 14px; height: 6px; border-radius: 99px; background: var(--gunes); }
.ms-nav__dd { position: relative; }
.ms-nav__dd .ms-ico { width: 16px; height: 16px; transition: transform .2s; }
.ms-nav__dd > button[aria-expanded="true"] .ms-ico { transform: rotate(180deg); }
.ms-nav__dd ul { position: absolute; top: calc(100% + 8px); left: -8px; min-width: 280px; margin: 0; padding: 10px; list-style: none; background: #fff; border-radius: var(--r); box-shadow: 0 24px 60px -24px rgba(14, 26, 58, .45), 0 0 0 1px var(--line); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: .2s; }
.ms-nav__dd > button[aria-expanded="true"] + ul, .ms-nav__dd:focus-within ul { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) { .ms-nav__dd:hover ul { opacity: 1; visibility: visible; transform: none; } }
.ms-nav__dd li a { display: flex; align-items: center; padding: 10px 12px; border-radius: 12px; text-decoration: none; color: var(--ink); font-weight: 500; }
.ms-nav__dd li a:hover, .ms-nav__dd li a[aria-current="page"] { background: var(--tint); }
.ms-head__tools { display: flex; align-items: center; gap: 8px; flex: none; }
.ms-aud { display: inline-flex; padding: 4px; background: var(--tint); border-radius: 99px; }
.ms-aud button { display: inline-flex; align-items: center; padding: 8px 14px 8px 12px; border: 0; border-radius: 99px; background: none; font-weight: 700; font-size: .9rem; color: var(--fg-2); cursor: pointer; transition: background .25s, color .25s; }
.ms-aud button .ms-bit { width: 12px; height: 12px; margin-right: 8px; }
.ms-aud button[aria-pressed="true"] { background: var(--ink); color: #fff; }
.ms-lang { display: inline-flex; gap: 2px; }
.ms-lang a { padding: 6px 8px; font-size: .85rem; font-weight: 700; text-decoration: none; color: var(--fg-3); border-radius: 8px; }
.ms-lang a[aria-current="true"], .ms-lang a.is-active, .ms-lang a[aria-current="page"] { color: var(--ink); background: var(--tint); }
.ms-btn--head { min-height: 46px; padding: 0 20px; font-size: .98rem; }
.ms-burger { display: none; width: 48px; height: 48px; border: 0; border-radius: 14px; background: var(--ink); cursor: pointer; padding: 14px 13px; flex-direction: column; justify-content: space-between; }
.ms-burger span { display: block; height: 3px; border-radius: 3px; background: #fff; }
.ms-burger span:nth-child(2) { width: 60%; background: var(--gunes); }
.ms-burger span:nth-child(3) { width: 80%; background: var(--nane); }

.drawer { position: fixed; inset: 0; z-index: 70; visibility: hidden; }
.drawer.is-open { visibility: visible; }
.drawer__panel { position: absolute; inset: 0; background: var(--kobalt); color: #fff; padding: 16px var(--gutter) 28px; overflow-y: auto; transform: translateX(100%); transition: transform .4s cubic-bezier(.6, 0, .2, 1); display: flex; flex-direction: column; gap: 18px; }
.drawer.is-open .drawer__panel { transform: none; }
.ms-drawer__top { display: flex; justify-content: space-between; align-items: center; }
.ms-drawer .ms-logo { color: #fff; }
.ms-drawer .ms-logo__t small { color: rgba(255, 255, 255, .7); }
.ms-drawer .ms-mark__a { fill: #fff; }
.ms-x { width: 48px; height: 48px; border: 0; border-radius: 14px; background: rgba(255, 255, 255, .14); color: #fff; cursor: pointer; display: grid; place-items: center; }
.ms-x .ms-ico { width: 26px; height: 26px; }
.ms-drawer .ms-aud { background: rgba(255, 255, 255, .12); align-self: start; }
.ms-drawer .ms-aud button { color: #fff; }
.ms-drawer .ms-aud button[aria-pressed="true"] { background: var(--gunes); color: var(--ink); }
.ms-drawer__nav { display: grid; }
.ms-drawer__nav a { display: flex; align-items: center; font: 700 clamp(1.6rem, 7vw, 2.3rem)/1.2 var(--f-display); text-decoration: none; padding: 6px 0; letter-spacing: -.02em; }
.ms-drawer__nav a .ms-bit { width: 18px; height: 18px; margin-right: 14px; }
.ms-drawer__nav a.is-sub { font-size: 1.15rem; padding-left: 32px; opacity: .85; }
.ms-drawer__nav a[aria-current="page"] { color: var(--gunes); }
.ms-drawer__foot { margin-top: auto; display: grid; gap: 14px; justify-items: start; }
.ms-drawer__foot .ms-btn { background: var(--gunes); color: var(--ink); }
.ms-drawer__tel { display: inline-flex; gap: 10px; align-items: center; color: #fff; text-decoration: none; font-weight: 700; font-size: 1.2rem; }
.ms-drawer .ms-lang a { color: rgba(255, 255, 255, .7); }
.ms-drawer .ms-lang a[aria-current="true"], .ms-drawer .ms-lang a[aria-current="page"] { background: rgba(255, 255, 255, .15); color: #fff; }

/* ── Anasayfa: Gencim görünümünde bölüm sırası */
:root[data-aud="genc"] .ms-home { display: flex; flex-direction: column; }
:root[data-aud="genc"] .ms-o--hero { order: 0; }
:root[data-aud="genc"] .ms-o--teen { order: 1; }
:root[data-aud="genc"] .ms-o--ages { order: 2; }
:root[data-aud="genc"] .ms-o--faq { order: 3; }
:root[data-aud="genc"] .ms-o--areas { order: 4; }
:root[data-aud="genc"] .ms-o--about { order: 5; }
:root[data-aud="genc"] .ms-o--room { order: 6; }
:root[data-aud="genc"] .ms-o--journal { order: 7; }
:root[data-aud="genc"] .ms-o--cta { order: 8; }

/* ── HERO: oyun halısı */
.ms-hero { padding: clamp(20px, 3vw, 40px) 0 clamp(48px, 6vw, 90px); overflow: clip; }
.ms-hero__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
.ms-hero__who { display: flex; align-items: center; font-weight: 700; color: var(--fg-2); margin-bottom: 22px; font-size: .98rem; }
.ms-hero__who .ms-bit { width: 18px; height: 18px; }
.ms-hero .ms-display { color: var(--ink); }
.ms-hero__sub { font-size: clamp(1.1rem, 1.4vw, 1.28rem); max-width: 32em; color: var(--fg-2); }
.ms-hero__acts { display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; margin: 30px 0 26px; }
.ms-hero__free { display: flex; gap: 10px; align-items: flex-start; font-size: .95rem; color: var(--fg-3); max-width: 30em; margin: 0; }
.ms-hero__free .ms-ico { color: var(--nane-d); margin-top: 2px; }
:root[data-aud="genc"] .ms-hero .ms-display { color: var(--kobalt); }

.ms-mat { position: relative; margin-bottom: 50px; aspect-ratio: 1.08; border-radius: 40px; background: var(--tint);
    background-image: radial-gradient(circle at 1px 1px, rgba(33, 64, 214, .16) 1.5px, transparent 0); background-size: 26px 26px; touch-action: pan-y; }
.ms-mat::before { content: ""; position: absolute; inset: 14px; border-radius: 30px; border: 2px dashed rgba(33, 64, 214, .22); pointer-events: none; }
.ms-mat__piece { position: absolute; left: var(--x); top: var(--y); transform: translate(var(--dx, 0), var(--dy, 0)) rotate(var(--r, 0)); cursor: grab; user-select: none; -webkit-user-select: none; touch-action: none; z-index: 2;
    transition: transform .5s cubic-bezier(.3, 1.4, .5, 1), box-shadow .2s, filter .2s; }
.ms-mat__piece img { pointer-events: none; -webkit-user-drag: none; }
.ms-mat__piece.is-drag { cursor: grabbing; transition: none; filter: drop-shadow(0 18px 18px rgba(14, 26, 58, .28)); z-index: 30; }
.ms-mat__photo { width: 60%; z-index: 1; }
.ms-mat__photo .ms-shape { box-shadow: 0 20px 40px -26px rgba(14, 26, 58, .55); }
.ms-mat__round { width: 34%; }
.ms-mat__round .ms-shape { border: 8px solid #fff; box-shadow: 0 18px 40px -24px rgba(14, 26, 58, .55); }
.ms-blk { display: grid; place-items: center; text-align: center; min-height: 74px; padding: 14px 20px; background: var(--c); color: var(--on); text-decoration: none;
    font: 700 clamp(.92rem, 1.15vw, 1.08rem)/1.1 var(--f-display); letter-spacing: -.01em; box-shadow: inset 0 -5px 0 rgba(14, 26, 58, .14), 0 10px 18px -12px rgba(14, 26, 58, .55); max-width: 210px; }
.ms-blk span { pointer-events: none; }
.ms-blk:hover { filter: brightness(1.04); }
.ms-blk--kare { border-radius: 14px; min-width: 132px; }
.ms-blk--ceyrek { border-radius: 14px 70px 14px 14px; min-width: 150px; padding-right: 34px; }
.ms-blk--silindir { border-radius: 99px; min-width: 160px; padding-inline: 26px; }
.ms-blk--daire { border-radius: 50%; width: 132px; height: 132px; padding: 16px; }
.ms-blk--ucgen { width: 190px; height: 140px; clip-path: polygon(50% 0, 100% 100%, 0 100%); padding: 66px 30px 12px; font-size: .88rem; border-radius: 0; box-shadow: none; }
.ms-mat__hint { position: absolute; left: 6px; right: 6px; bottom: -50px; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: .86rem; color: var(--fg-3); z-index: 1; pointer-events: none; }
.ms-mat__hint span { display: inline-flex; gap: 8px; align-items: center; }
.ms-mat__hint .ms-ico { width: 17px; height: 17px; }
.ms-mat__hint button { pointer-events: auto; display: inline-flex; gap: 8px; align-items: center; padding: 6px 14px; border: 0; border-radius: 99px; background: var(--tint); font-weight: 700; color: var(--ink); cursor: pointer; opacity: 0; transition: opacity .3s; }
.ms-mat.is-played .ms-mat__hint button { opacity: 1; }
.ms-mat__hint button .ms-ico { width: 16px; height: 16px; }
.ms-mat.is-drop .ms-mat__piece { opacity: 0; transform: translate(0, -60px) rotate(calc(var(--r, 0deg) * 3)); }
.ms-mat.is-drop.is-dropped .ms-mat__piece { opacity: 1; transform: translate(var(--dx, 0), var(--dy, 0)) rotate(var(--r, 0)); transition: transform .8s cubic-bezier(.3, 1.5, .5, 1), opacity .4s; }
.ms-mat.is-dropped .ms-mat__piece:nth-child(2) { transition-delay: .08s; }
.ms-mat.is-dropped .ms-mat__piece:nth-child(3) { transition-delay: .18s; }
.ms-mat.is-dropped .ms-mat__piece:nth-child(4) { transition-delay: .26s; }
.ms-mat.is-dropped .ms-mat__piece:nth-child(5) { transition-delay: .34s; }
.ms-mat.is-dropped .ms-mat__piece:nth-child(6) { transition-delay: .42s; }
.ms-mat.is-dropped .ms-mat__piece:nth-child(7) { transition-delay: .5s; }
.ms-mat.is-dropped .ms-mat__piece:nth-child(8) { transition-delay: .58s; }
.ms-mat .ms-mat__piece.is-drag { transition: none !important; }
.ms-mat.is-played .ms-mat__piece { transition-delay: 0s !important; }

/* ── Gençler için notlar (yalnız Gencim) */
.ms-teen { background: var(--ink); color: #fff; padding: clamp(56px, 7vw, 100px) 0; }
.ms-teen .ms-h2 { color: #fff; }
.ms-teen__notes { list-style: none; margin: 30px 0 28px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ms-teen__n { display: grid; align-content: start; gap: 10px; padding: 26px 24px 30px; background: var(--c); color: var(--on); border-radius: 18px; }
.ms-teen__n:nth-child(odd) { transform: rotate(-1.4deg); }
.ms-teen__n:nth-child(even) { transform: rotate(1.2deg) translateY(16px); }
.ms-teen__n--ceyrek { border-radius: 18px 80px 18px 18px; }
.ms-teen__n--silindir { border-radius: 60px; padding-inline: 30px; }
.ms-teen__n b { font: 700 1.35rem/1.1 var(--f-display); }
.ms-teen__n span { color: var(--on-2); font-size: 1rem; line-height: 1.45; }
.ms-teen .ms-link { color: var(--gunes); }

/* ── Yaş kuleleri */
.ms-ages { padding: clamp(36px, 4vw, 60px) 0 clamp(64px, 8vw, 120px); }
.ms-ages__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 60px; align-items: end; margin-bottom: 36px; }
.ms-ages__lead { margin: 0 0 .7em; font-size: 1.12rem; max-width: 30em; }
.ms-tw__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: end; }
.ms-tw__t { display: grid; justify-items: start; gap: 4px; padding: 0 0 18px; border: 0; background: none; text-align: left; cursor: pointer; position: relative; color: var(--ink); }
.ms-tw__t::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; border-radius: 99px; background: var(--line); transition: background .3s; }
.ms-tw__t[aria-selected="true"]::after { background: var(--c); }
.ms-tw__stack { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-height: 196px; justify-content: flex-end; margin-bottom: 14px; }
.ms-tw__b { display: block; width: 104px; height: 58px; background: var(--c); border-radius: 12px; box-shadow: inset 0 -6px 0 rgba(14, 26, 58, .14); transition: transform .5s cubic-bezier(.3, 1.6, .5, 1); }
.ms-tw__b--ceyrek { border-radius: 12px 58px 12px 12px; }
.ms-tw__b--silindir { width: 140px; border-radius: 99px; }
.ms-tw__b--daire { width: 58px; height: 58px; border-radius: 50%; margin-left: 24px; }
.ms-tw__t:hover .ms-tw__b:first-child, .ms-tw__t[aria-selected="true"] .ms-tw__b:first-child { transform: translateY(-8px) rotate(-6deg); }
.ms-tw__t b { font: 700 clamp(1.8rem, 3vw, 2.6rem)/1 var(--f-display); letter-spacing: -.03em; }
.ms-tw__t small { font-size: 1rem; color: var(--fg-3); }
.ms-tw__t[aria-selected="false"] .ms-tw__b { opacity: .55; }
.ms-tw__p { display: none; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 30px 44px; margin-top: 26px; padding: clamp(28px, 3.4vw, 46px); background: var(--c-l); border-radius: 30px; color: var(--ink); }
.ms-tw__p.is-on { display: grid; animation: ms-up .45s cubic-bezier(.2, .8, .2, 1); }
.ms-tw__p h4 { font-size: 1.15rem; margin-bottom: 14px; }
.ms-tw__lead p { font-size: 1.08rem; }
.ms-tw__rel { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }
.ms-tw__rel a { display: inline-flex; align-items: center; padding: 7px 14px 7px 12px; border-radius: 99px; background: #fff; text-decoration: none; font-weight: 700; font-size: .92rem; color: var(--ink); }
.ms-tw__rel a .ms-bit { width: 12px; height: 12px; margin-right: 8px; }
.ms-tw__note { font-size: .88rem; color: var(--fg-3); margin: 18px 0 0; }
@keyframes ms-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

.ms-blist { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ms-blist li { display: flex; align-items: flex-start; line-height: 1.45; }
.ms-blist .ms-bit { margin-top: 5px; width: 13px; height: 13px; }
.ms-blist .ms-bit--silindir { width: 20px; }
.ms-blist li:hover .ms-bit { transform: rotate(-14deg) scale(1.2); }
.ms-blist--cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 30px; }

/* ── Blok kutusu: çalışma alanları */
.ms-box { padding: clamp(64px, 8vw, 120px) 0; background: var(--tint); }
.ms-box__lid { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 20px 40px; margin-bottom: 34px; }
.ms-box__lid .ms-h2 { margin: 0; }
.ms-box__intro { max-width: 36em; margin: 0; font-size: 1.1rem; }
.ms-box__holes { display: flex; flex-wrap: wrap; gap: 8px; }
.ms-box__holes button { display: inline-flex; align-items: center; padding: 10px 16px 10px 14px; border: 2px solid transparent; border-radius: 99px; background: #fff; font-weight: 700; cursor: pointer; color: var(--ink); transition: .2s; }
.ms-box__holes button .ms-bit { width: 13px; height: 13px; margin-right: 8px; }
.ms-box__holes button[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: #fff; }
.ms-box__holes button[aria-pressed="true"] .ms-bit.ms-c--ink { background: #fff; }
.ms-box__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.ms-box__more { margin: 34px 0 0; }
.ms-box__empty { margin-top: 20px; }
.ms-acard { position: relative; display: grid; grid-template-rows: auto 1fr; background: var(--c); color: var(--on); text-decoration: none; border-radius: 28px; padding: 16px 16px 22px; transition: transform .35s cubic-bezier(.3, 1.4, .5, 1), box-shadow .3s; box-shadow: inset 0 -7px 0 rgba(14, 26, 58, .12); }
.ms-acard:hover { transform: translateY(-6px) rotate(-.6deg); box-shadow: inset 0 -7px 0 rgba(14, 26, 58, .12), 0 26px 40px -26px rgba(14, 26, 58, .55); }
.ms-acard__hole { aspect-ratio: 4 / 3; background: rgba(255, 255, 255, .25); }
.ms-acard__hole.ms-shape--kare { border-radius: 18px; }
.ms-acard__hole.ms-shape--ceyrek { border-radius: 18px 100% 18px 18px / 18px 100% 18px 18px; }
.ms-acard__hole.ms-shape--silindir { border-radius: 999px; }
.ms-acard__hole.ms-shape--daire { border-radius: 50%; }
.ms-acard__hole.ms-shape--ucgen { clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.ms-acard__hole img { transition: transform .7s cubic-bezier(.2, .8, .2, 1); }
.ms-acard:hover .ms-acard__hole img { transform: scale(1.06); }
.ms-acard__body { display: grid; align-content: start; gap: 8px; padding: 18px 8px 0; }
.ms-acard__t { font: 700 clamp(1.4rem, 2vw, 1.75rem)/1.05 var(--f-display); letter-spacing: -.02em; }
.ms-acard__s { color: var(--on-2); font-size: 1rem; line-height: 1.45; }
.ms-acard__ages { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.ms-acard__ages i { font-style: normal; font-size: .8rem; font-weight: 700; padding: 4px 10px; border-radius: 99px; background: rgba(255, 255, 255, .28); }
.ms-c--gunes .ms-acard__ages i, .ms-c--nane .ms-acard__ages i { background: rgba(255, 255, 255, .55); }
.ms-acard__go { position: absolute; right: 26px; bottom: 24px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--on); color: var(--c); transition: transform .3s; }
.ms-acard__go .ms-arrow { width: 18px; }
.ms-acard:hover .ms-acard__go { transform: rotate(-30deg); }
.ms-acard--card .ms-acard__body { padding-right: 56px; }
.ms-acard--mini { grid-template-columns: 96px 1fr; grid-template-rows: auto; align-items: center; gap: 16px; padding: 12px 14px; border-radius: 22px; }
.ms-acard--mini .ms-acard__hole { aspect-ratio: 1; }
.ms-acard--mini .ms-acard__body { padding: 0 44px 0 0; }
.ms-acard--mini .ms-acard__t { font-size: 1.15rem; }
.ms-acard--mini .ms-acard__go { width: 34px; height: 34px; right: 14px; bottom: auto; top: 50%; margin-top: -17px; }
.is-pop { animation: ms-pop .55s cubic-bezier(.3, 1.6, .5, 1) both; animation-delay: var(--d, 0ms); }
@keyframes ms-pop { from { opacity: 0; transform: translateY(30px) scale(.94); } to { opacity: 1; transform: none; } }

/* ── Oyun odası noktalı fotoğraf */
.ms-room { padding: clamp(64px, 8vw, 120px) 0; }
.ms-room__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 60px; align-items: end; margin-bottom: 34px; }
.ms-room__head .ms-h2 { margin: 0; }
.ms-room__head p { margin: 0 0 10px; font-size: 1.08rem; }
.ms-room__head .ms-link { grid-column: 2; justify-self: start; }
.ms-map { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 28px; align-items: center; }
.ms-map__img { position: relative; margin: 0; border-radius: 32px; overflow: hidden; background: var(--kobalt-l); }
.ms-map__img > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.ms-map__dot { position: absolute; left: var(--x); top: var(--y); width: 46px; height: 46px; margin: -23px 0 0 -23px; border: 4px solid #fff; border-radius: 50%; background: var(--c); color: var(--on); cursor: pointer; display: grid; place-items: center; font: 700 1.05rem var(--f-display); box-shadow: 0 8px 18px -6px rgba(14, 26, 58, .6); transition: transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.ms-map__dot i { font-style: normal; }
.ms-map__dot::before { content: ""; position: absolute; inset: -10px; border-radius: 50%; border: 3px solid #fff; opacity: 0; transform: scale(.6); }
.ms-map__dot[aria-pressed="true"] { transform: scale(1.18); }
.ms-map__dot[aria-pressed="true"]::before { animation: ms-ping 1.8s infinite; }
.ms-map__dot:hover { transform: scale(1.12); }
@keyframes ms-ping { 0% { opacity: .9; transform: scale(.6); } 100% { opacity: 0; transform: scale(1.5); } }
.ms-map__cards { position: relative; display: grid; }
.ms-map__card { grid-area: 1 / 1; display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: start; padding: 28px; border-radius: 28px; background: var(--tint); opacity: 0; visibility: hidden; transform: translateY(14px); transition: .35s; }
.ms-map__card.is-on { opacity: 1; visibility: visible; transform: none; }
.ms-map__obj { width: 120px; }
.ms-map__t { display: flex; align-items: center; gap: 10px; font-size: 1.5rem; margin-bottom: 10px; }
.ms-map__n { font-style: normal; display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 50%; background: var(--c); color: var(--on); font: 700 .95rem var(--f-display); }
.ms-map__card p { margin: 0; font-size: 1.04rem; }
.ms-map__nav { grid-area: 2 / 1; display: flex; align-items: center; gap: 14px; margin-top: 16px; font-weight: 700; color: var(--fg-3); }
.ms-map__nav button { width: 46px; height: 46px; border-radius: 50%; border: 2px solid var(--ink); background: #fff; cursor: pointer; display: grid; place-items: center; color: var(--ink); }
.ms-map__nav button:hover { background: var(--ink); color: #fff; }

/* ── Uzman (kobalt tam genişlik) */
.ms-me { background: var(--kobalt); color: #fff; padding: clamp(64px, 8vw, 120px) 0; overflow: clip; }
.ms-me__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 90px); align-items: center; }
.ms-me__pic { position: relative; max-width: 440px; }
.ms-me__portrait { width: 82%; border: 10px solid var(--gunes); background: var(--gunes); }
.ms-me__small { position: absolute; right: 0; bottom: 6%; width: 40%; border: 8px solid var(--kobalt); }
.ms-me__hi { font: 700 1.25rem var(--f-display); color: var(--gunes); }
.ms-me .ms-h2 { color: #fff; }
.ms-me__p { font-size: 1.12rem; color: rgba(255, 255, 255, .86); max-width: 34em; }
.ms-me__cv { list-style: none; margin: 26px 0 30px; padding: 0; display: grid; gap: 14px; }
.ms-me__cv li { display: flex; align-items: flex-start; }
.ms-me__cv .ms-bit { margin-top: 6px; width: 15px; }
.ms-me__cv span { display: grid; }
.ms-me__cv b { color: #fff; font-weight: 700; }
.ms-me__cv small { color: rgba(255, 255, 255, .7); font-size: .9rem; }
.ms-me .ms-link { color: var(--gunes); }

/* ── İlk görüşme: blok merdiveni */
.ms-steps { padding: clamp(64px, 8vw, 120px) 0; }
.ms-steps__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 60px; align-items: end; margin-bottom: 26px; }
.ms-steps__head .ms-h2 { margin: 0; }
.ms-steps__head p { margin: 0 0 8px; font-size: 1.08rem; }
.ms-stair { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: end; }
.ms-stair__s { display: grid; background: var(--c); color: var(--on); border-radius: 26px; overflow: hidden; margin-bottom: calc((var(--h) - 1) * 56px); box-shadow: inset 0 -7px 0 rgba(14, 26, 58, .12); }
.ms-stair__s:nth-child(2) { border-radius: 26px 90px 26px 26px; }
.ms-stair__img { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; }
.ms-stair__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ms-stair__b { padding: 22px 22px 26px; }
.ms-stair__who { display: inline-block; font-size: .8rem; font-weight: 700; padding: 4px 10px; border-radius: 99px; background: rgba(255, 255, 255, .3); margin-bottom: 12px; }
.ms-stair__b h3 { color: inherit; font-size: 1.4rem; margin-bottom: 8px; }
.ms-stair__b p { margin: 0; color: var(--on-2); font-size: 1rem; line-height: 1.5; }
.ms-steps__more { margin: 30px 0 0; }
.rv > *, .rv > .ms-tw__t { transition: opacity .5s, translate .8s cubic-bezier(.3, 1.4, .5, 1); }
.rv:not(.is-in) > * { opacity: 0; translate: 0 50px; }
.rv.is-in > :nth-child(2) { transition-delay: .1s; }
.rv.is-in > :nth-child(3) { transition-delay: .2s; }
.rv.is-in > :nth-child(4) { transition-delay: .3s; }
.rv.is-in > :nth-child(5) { transition-delay: .4s; }
.rv.is-in > :nth-child(n+6) { transition-delay: .5s; }

/* ── Online veli görüşmesi (nane tam genişlik) */
.ms-online { background: var(--nane); color: var(--ink); padding: clamp(64px, 8vw, 110px) 0; }
.ms-online__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(30px, 5vw, 80px); align-items: center; }
.ms-online__img { border: 10px solid #fff; }
.ms-online__lead { font-size: 1.12rem; max-width: 34em; }
.ms-online__dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 26px 0 30px; }
.ms-online__dl div { background: #fff; border-radius: 20px; padding: 18px 20px; }
.ms-online__dl div:nth-child(2) { border-radius: 20px 60px 20px 20px; }
.ms-online__dl dt { display: flex; gap: 10px; align-items: center; font: 700 1.1rem var(--f-display); color: var(--ink); margin-bottom: 6px; }
.ms-online__dl dt .ms-ico { color: var(--kobalt); }
.ms-online__dl dd { margin: 0; font-size: .97rem; color: var(--fg-2); line-height: 1.45; }

/* ── Ücret şeridi + ücretler sayfası */
.ms-feeband { padding: clamp(64px, 8vw, 110px) 0; }
.ms-feeband__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px 30px; margin-bottom: 28px; }
.ms-feeband__head .ms-h2 { margin: 0; }
.ms-feeband__row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: end; }
.ms-fee { display: grid; align-content: end; gap: 6px; min-height: 190px; padding: 24px; background: var(--c); color: var(--on); border-radius: 22px; box-shadow: inset 0 -7px 0 rgba(14, 26, 58, .12); }
.ms-fee--ceyrek { border-radius: 22px 100px 22px 22px; }
.ms-fee--silindir { border-radius: 90px; padding: 30px 34px; }
.ms-fee:nth-child(2) { min-height: 230px; }
.ms-fee:nth-child(3) { min-height: 210px; }
.ms-fee__p { font: 700 clamp(1.7rem, 2.6vw, 2.3rem)/1 var(--f-display); letter-spacing: -.02em; }
.ms-fee__t { font-weight: 700; font-size: 1.05rem; }
.ms-fee small { color: var(--on-2); font-size: .88rem; }
.ms-feeband__note { margin: 22px 0 0; color: var(--fg-3); font-size: .95rem; }
.ms-fees { padding: clamp(56px, 7vw, 100px) 0; }
.ms-fees__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ms-fee--big { min-height: 250px; align-content: space-between; }
.ms-fee__k { font-size: .82rem; font-weight: 700; padding: 4px 11px; border-radius: 99px; background: rgba(255, 255, 255, .3); justify-self: start; }
.ms-fee__d { color: var(--on-2); font-size: .98rem; line-height: 1.45; }
.ms-fee__row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; margin-top: 10px; }
.ms-fees__areas { margin-top: 56px; }
.ms-ftable { width: 100%; border-collapse: separate; border-spacing: 0 8px; }
.ms-ftable th, .ms-ftable td { text-align: left; padding: 14px 18px; background: var(--tint); font-size: 1rem; }
.ms-ftable thead th { background: none; font-size: .85rem; color: var(--fg-3); padding-block: 4px; }
.ms-ftable tbody th { border-radius: 16px 0 0 16px; }
.ms-ftable tbody td:last-child { border-radius: 0 16px 16px 0; }
.ms-ftable a { display: inline-flex; align-items: center; font-weight: 700; text-decoration: none; color: var(--ink); }
.ms-ftable .num { text-align: right; font-weight: 700; color: var(--ink); white-space: nowrap; }
.ms-terms { padding: 0 0 clamp(56px, 7vw, 100px); }
.ms-terms__in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.ms-terms__c { padding: 26px; border: 2px solid var(--ink); border-radius: 22px; }
.ms-terms__c--ceyrek { border-radius: 22px 80px 22px 22px; }
.ms-terms__c--silindir { border-radius: 60px; padding: 30px; }
.ms-terms__c h2 { display: flex; align-items: center; gap: 10px; font-size: 1.25rem; }
.ms-terms__c h2 .ms-ico { color: var(--kobalt); }
.ms-terms__c p { margin: 0; font-size: .98rem; }
.ms-terms__note { margin-top: 22px; color: var(--fg-3); font-size: .92rem; }

/* ── Seminerler */
.ms-events { padding: clamp(56px, 7vw, 100px) 0; background: var(--tint); }
.ms-events__in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 30px 60px; align-items: start; }
.ms-evlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ms-ev { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 12px 22px 12px 12px; background: #fff; border-radius: 22px; }
.ms-ev__date { display: grid; place-items: center; align-content: center; width: 84px; height: 84px; border-radius: 18px 42px 18px 18px; background: var(--c); color: var(--on); line-height: 1; }
.ms-ev__date b { font: 700 2rem var(--f-display); }
.ms-ev__date small { font-weight: 700; font-size: .85rem; }
.ms-ev__b { display: grid; gap: 4px; }
.ms-ev__b b { font: 700 1.2rem/1.15 var(--f-display); color: var(--ink); }
.ms-ev__b small { color: var(--fg-3); }
.ms-events__past { margin: 18px 0 0; font-size: .92rem; color: var(--fg-3); }

/* ── Yazılar (anasayfa) */
.ms-jr { padding: clamp(64px, 8vw, 120px) 0; }
.ms-jr__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px 30px; margin-bottom: 30px; }
.ms-jr__head .ms-h2 { margin: 0; }
.ms-jr__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr); gap: 26px; align-items: start; }
.ms-post { display: grid; gap: 16px; text-decoration: none; color: var(--fg-2); }
.ms-post__img { transition: transform .4s cubic-bezier(.3, 1.4, .5, 1); }
.ms-post:hover .ms-post__img { transform: rotate(-2deg) scale(1.02); }
.ms-post--sm .ms-post__img.ms-shape--kare { aspect-ratio: 1; }
.ms-post__b { display: grid; gap: 6px; }
.ms-post__d { color: var(--fg-3); font-size: .88rem; }
.ms-post__t { font: 700 1.4rem/1.15 var(--f-display); color: var(--ink); letter-spacing: -.015em; }
.ms-post--lg .ms-post__t { font-size: clamp(1.6rem, 2.4vw, 2.1rem); }
.ms-post:hover .ms-post__t { color: var(--kobalt); }
.ms-post__e { font-size: 1.02rem; }

/* ── SSS: soru blokları + yanıt kâğıdı */
.ms-faqs { padding: clamp(64px, 8vw, 120px) 0; }
.ms-faqs__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px 30px; margin-bottom: 30px; }
.ms-faqs__head .ms-h2 { margin: 0; }
.ms-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.ms-faq__qs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; align-content: start; }
.ms-faq__q { display: block; text-align: left; padding: 16px 20px; border: 0; border-radius: 16px; background: var(--c); color: var(--on); font: 700 1.02rem/1.25 var(--f-display); cursor: pointer; box-shadow: inset 0 -5px 0 rgba(14, 26, 58, .14); transition: transform .3s cubic-bezier(.3, 1.6, .5, 1), background .2s, color .2s; max-width: 100%; }
.ms-faq__q--silindir { border-radius: 99px; padding-inline: 24px; }
.ms-faq__q--ceyrek { border-radius: 16px 46px 16px 16px; }
.ms-faq__q--daire { border-radius: 40px 16px 40px 16px; }
.ms-faq__q:hover { transform: translateY(-3px) rotate(-1deg); }
.ms-faq__q[aria-selected="true"] { background: var(--ink); color: #fff; transform: translateY(-4px); }
.ms-faq__as { position: sticky; top: calc(var(--head-h) + 20px); }
.ms-faq__a { display: none; padding: clamp(26px, 3vw, 40px); background: var(--tint); border-radius: 30px 30px 30px 6px; }
.ms-faq__a.is-on { display: block; animation: ms-up .35s ease; }
.ms-faq__h { font-size: clamp(1.4rem, 2vw, 1.8rem); }
.ms-faq__txt { font-size: 1.08rem; }
html:not(.js) .ms-faq__a { display: block; margin-bottom: 14px; }

/* ── Randevu bandı */
.ms-cta { background: var(--gunes); color: var(--ink); padding: clamp(46px, 6vw, 80px) 0; overflow: clip; }
.ms-cta__in { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 50px; align-items: center; }
.ms-cta__t { font: 700 clamp(1.7rem, 3.2vw, 2.8rem)/1.05 var(--f-display); letter-spacing: -.025em; margin: 0 0 .35em; max-width: 20em; }
.ms-cta__d { margin: 0; font-size: 1.08rem; max-width: 36em; }
.ms-cta__acts { display: grid; gap: 14px; justify-items: start; }
.ms-cta__tel { display: inline-flex; gap: 10px; align-items: center; font: 700 1.2rem var(--f-display); text-decoration: none; }
.ms-cta__bits { position: absolute; right: 0; top: -30px; display: flex; gap: 6px; opacity: .9; }
.ms-cta__bits .ms-bit { width: 24px; height: 24px; margin: 0; }

/* ── İç sayfa başlığı */
.ms-phead { background: var(--c, var(--gunes)); color: var(--on, var(--ink)); padding: clamp(36px, 5vw, 70px) 0 clamp(44px, 5vw, 76px); overflow: clip; }
.ms-phead--gunes { --c: var(--gunes); --on: var(--ink); --on-2: var(--ink-2); }
.ms-phead--kobalt { --c: var(--kobalt); --on: #fff; --on-2: rgba(255, 255, 255, .84); }
.ms-phead--nane { --c: var(--nane); --on: var(--ink); --on-2: var(--ink-2); }
.ms-phead--beyaz { --c: var(--tint); --on: var(--ink); --on-2: var(--fg-2); }
.ms-phead__in { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 30px 60px; align-items: center; }
.ms-phead:not(.ms-phead--img) .ms-phead__in { grid-template-columns: minmax(0, 1fr); }
.ms-phead .ms-h1 { color: var(--on); }
.ms-phead .ms-lead { color: var(--on-2); margin: 0; }
.ms-phead__img { width: min(100%, 400px); justify-self: end; border: 8px solid #fff; box-shadow: 0 30px 60px -36px rgba(14, 26, 58, .6); }
.ms-phead__img.ms-shape--silindir { width: min(100%, 330px); }
.ms-phead__bits { position: absolute; right: var(--gutter); top: 0; display: flex; gap: 8px; }
.ms-phead--img .ms-phead__bits { right: auto; left: calc(58% + 30px); top: auto; bottom: 0; }
.ms-phead__bits .ms-bit { width: 22px; height: 22px; margin: 0; }
.ms-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .92rem; margin-bottom: 22px; color: var(--on-2); }
.ms-crumb a { color: inherit; text-decoration: none; font-weight: 500; }
.ms-crumb a:hover { text-decoration: underline; }
.ms-crumb__s { width: 7px !important; height: 7px !important; margin: 0 !important; background: currentColor !important; opacity: .5; }
.ms-about__role { font: 700 1.1rem var(--f-display); margin-bottom: 8px; }

/* ── Alan sayfası */
.ms-ahead { background: var(--c); color: var(--on); padding: clamp(36px, 5vw, 70px) 0 clamp(44px, 5vw, 80px); overflow: clip; }
.ms-ahead__in { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 30px 60px; align-items: center; }
.ms-ahead .ms-h1, .ms-ahead .ms-crumb { color: var(--on); }
.ms-ahead .ms-lead { color: var(--on-2); }
.ms-ahead__ages { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; }
.ms-ahead__ages a { display: inline-flex; align-items: center; padding: 8px 14px 8px 12px; border-radius: 99px; background: #fff; color: var(--ink); text-decoration: none; font-weight: 700; font-size: .92rem; }
.ms-ahead__ages .ms-bit { width: 12px; height: 12px; margin-right: 8px; }
.ms-ahead__media { position: relative; }
.ms-ahead__img { width: 100%; border: 8px solid #fff; }
.ms-ahead__img.ms-shape--silindir { aspect-ratio: 5 / 4; }
.ms-ahead__obj { position: absolute; width: 34%; left: -8%; bottom: -6%; border: 8px solid #fff; box-shadow: 0 20px 40px -24px rgba(14, 26, 58, .6); }
.ms-area { padding: clamp(56px, 7vw, 100px) 0; }
.ms-area__in { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 40px 64px; align-items: start; }
.ms-area__sum { font: 500 clamp(1.3rem, 2vw, 1.6rem)/1.35 var(--f-display); color: var(--ink); letter-spacing: -.01em; }
.ms-prose { font-size: 1.1rem; line-height: 1.72; }
.ms-prose h2 { font-size: clamp(1.5rem, 2.2vw, 2rem); margin-top: 1.4em; }
.ms-prose a { color: var(--kobalt); }
.ms-path { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.ms-path__s { display: grid; grid-template-columns: 40px 1fr; gap: 16px; padding: 16px 0; position: relative; }
.ms-path__s + .ms-path__s::before { content: ""; position: absolute; left: 13px; top: -14px; height: 28px; width: 3px; background: var(--line); border-radius: 3px; }
.ms-path__b { width: 28px !important; height: 28px !important; margin: 2px 0 0 !important; }
.ms-path__b.ms-bit--silindir { width: 30px !important; height: 20px !important; margin-top: 6px !important; }
.ms-path h3 { font-size: 1.25rem; margin: 0 0 4px; }
.ms-path p { margin: 0; }
.ms-area__side { position: sticky; top: calc(var(--head-h) + 20px); display: grid; gap: 22px; }
.ms-facts { padding: 26px; background: var(--c); color: var(--on); border-radius: 28px 80px 28px 28px; }
.ms-facts dl { margin: 0 0 20px; display: grid; gap: 10px; }
.ms-facts dl div { display: flex; justify-content: space-between; gap: 14px; padding-bottom: 10px; border-bottom: 2px dotted rgba(14, 26, 58, .2); }
.ms-c--kobalt.ms-facts dl div { border-color: rgba(255, 255, 255, .3); }
.ms-facts dt { font-weight: 700; }
.ms-facts dd { margin: 0; text-align: right; }
.ms-facts dd b { font: 700 1.3rem var(--f-display); }
.ms-facts dd small { display: block; color: var(--on-2); }
.ms-facts__free { margin: 12px 0 0; font-size: .92rem; color: var(--on-2); }
.ms-facts__t { font: 700 1.4rem var(--f-display); margin-bottom: 8px; }
.ms-c--kobalt.ms-facts .ms-btn--ink { background: var(--gunes); color: var(--ink); }
.ms-forwhom { padding: 26px; border-radius: 28px; background: var(--tint); }
.ms-faqs--area { background: var(--tint); }
.ms-faqs--area .ms-faq__a { background: #fff; }
.ms-others { padding: clamp(56px, 7vw, 90px) 0; }
.ms-others__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ms-notdo { padding: 0 0 clamp(56px, 7vw, 100px); background: var(--tint); }
.ms-notdo__in { padding-top: 10px; }
.ms-notdo__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ms-notdo__cols > div { background: #fff; border-radius: 28px; padding: 30px; }
.ms-notdo__cols > div:last-child { border-radius: 28px 90px 28px 28px; }
.ms-notdo__cols h3 { display: flex; align-items: center; font-size: 1.35rem; }
.ms-box--page { padding-bottom: 50px; }

/* ── Yaş rehberi sayfaları */
.ms-ages--page { padding-bottom: 40px; }
.ms-glist { padding: 0 0 clamp(56px, 7vw, 100px); }
.ms-glist__in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ms-gcard { display: grid; gap: 8px; padding: 18px 18px 26px; border-radius: 30px; background: var(--c); color: var(--on); text-decoration: none; transition: transform .35s cubic-bezier(.3, 1.4, .5, 1); }
.ms-gcard:hover { transform: translateY(-6px); }
.ms-gcard__img { aspect-ratio: 4 / 3; margin-bottom: 10px; }
.ms-gcard__img.ms-shape--silindir { aspect-ratio: 4 / 3; }
.ms-gcard__img.ms-shape--ceyrek { border-radius: 20px 100% 20px 20px / 20px 100% 20px 20px; aspect-ratio: 4 / 3; }
.ms-gcard__l { font: 700 2rem var(--f-display); letter-spacing: -.03em; }
.ms-gcard__t { font: 700 1.2rem/1.2 var(--f-display); }
.ms-gcard__go { display: inline-flex; gap: 8px; align-items: center; font-weight: 700; margin-top: 8px; }
.ms-age__badge { display: inline-flex; align-items: center; margin: 20px 0 0; padding: 8px 16px; background: #fff; color: var(--ink); border-radius: 99px; font-weight: 700; }
.ms-agenav { position: sticky; top: var(--head-h); z-index: 20; background: #fff; box-shadow: 0 1px 0 var(--line); }
.ms-agenav .ms-wrap { display: flex; gap: 8px; padding-block: 10px; overflow-x: auto; scrollbar-width: none; }
.ms-agenav a { padding: 8px 16px; border-radius: 99px; text-decoration: none; font-weight: 700; color: var(--ink); background: var(--tint); white-space: nowrap; }
.ms-agenav a[aria-current="page"] { background: var(--c); color: var(--on); }
.ms-age { padding: clamp(48px, 6vw, 90px) 0; }
.ms-age__in { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 40px 64px; align-items: start; }
.ms-age__img { aspect-ratio: 3 / 2; margin-bottom: 36px; }
.ms-age__main .ms-h2 { margin-top: 1.2em; font-size: clamp(1.6rem, 2.6vw, 2.3rem); }
.ms-age__teen { padding: 26px; border-radius: 26px; background: var(--ink); color: #fff; margin-bottom: 20px; }
.ms-age__teen .ms-h3 { color: var(--gunes); }
.ms-age__teen p { margin: 0; }
.ms-tip { margin-top: 30px; padding: 26px 28px; border-radius: 28px 90px 28px 28px; background: var(--c-l); color: var(--ink); }
.ms-tip b { font: 700 1.2rem var(--f-display); display: block; margin-bottom: 8px; }
.ms-tip p { margin: 0; }
.ms-age__side { position: sticky; top: calc(var(--head-h) + 80px); display: grid; gap: 14px; }
.ms-age__areas { display: grid; gap: 12px; margin-bottom: 12px; }

/* ── Veliler için */
.ms-jump { position: sticky; top: var(--head-h); z-index: 20; background: #fff; box-shadow: 0 1px 0 var(--line); }
.ms-jump .ms-wrap { display: flex; gap: 6px; padding-block: 10px; overflow-x: auto; scrollbar-width: none; }
.ms-jump a { padding: 8px 14px; border-radius: 99px; text-decoration: none; font-weight: 700; font-size: .95rem; white-space: nowrap; color: var(--ink); }
.ms-jump a:hover { background: var(--tint); }
.ms-pblock { padding: clamp(56px, 7vw, 100px) 0; }
.ms-pblock--tint { background: var(--tint); }
.ms-pblock__in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(30px, 5vw, 80px); align-items: center; }
.ms-pblock--rev .ms-pblock__in { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.ms-pblock__lead { font-size: 1.12rem; max-width: 34em; }
.ms-pblock__img { max-width: 460px; justify-self: center; width: 100%; }
.ms-pblock__img.ms-shape--silindir { max-width: 360px; }
.ms-pblock__note { display: flex; gap: 10px; margin: 22px 0 0; padding: 14px 18px; border-radius: 16px; background: #fff; font-size: .97rem; }
.ms-pblock__note .ms-ico { color: var(--kobalt); flex: none; margin-top: 2px; }
.ms-stack { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 10px; }
.ms-stack__i { display: grid; grid-template-columns: 200px 1fr; gap: 16px; align-items: baseline; padding: 16px 22px; background: var(--c); color: var(--on); border-radius: 18px; margin-left: calc((var(--i) - 1) * 16px); box-shadow: inset 0 -5px 0 rgba(14, 26, 58, .12); }
.ms-stack__i:nth-child(3n+2) { border-radius: 18px 50px 18px 18px; }
.ms-stack__i b { font: 700 1.15rem/1.2 var(--f-display); }
.ms-stack__i span { color: var(--on-2); font-size: .98rem; line-height: 1.45; }
.ms-privacy { padding: clamp(56px, 7vw, 100px) 0; }
.ms-privacy__lead { font-size: 1.12rem; max-width: 40em; margin-bottom: 30px; }
.ms-privacy__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ms-privacy__c { padding: 28px; border-radius: 28px; background: var(--c); color: var(--on); }
.ms-privacy__c.ms-c--beyaz { border: 2px solid var(--ink); }
.ms-privacy__c:last-child { border-radius: 28px 90px 28px 28px; }
.ms-privacy__c h3 { font-size: 1.3rem; }
.ms-privacy__c p { margin: 0; }
.ms-online--page { margin-bottom: 0; }

/* ── Gençler için */
.ms-thead { background: var(--kobalt); color: #fff; padding: clamp(36px, 5vw, 70px) 0 clamp(50px, 6vw, 90px); overflow: clip; }
.ms-thead__in { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 10px 60px; }
.ms-thead .ms-crumb { grid-column: 1 / -1; color: rgba(255, 255, 255, .78); }
.ms-thead__t { color: #fff; grid-column: 1; font-size: clamp(3rem, 7.4vw, 6.6rem); }
.ms-thead__l { grid-column: 1; font-size: 1.2rem; max-width: 30em; color: rgba(255, 255, 255, .86); }
.ms-thead__img { grid-column: 2; grid-row: 2 / span 2; width: min(100%, 320px); justify-self: end; border: 8px solid var(--gunes); }
.ms-thead__bits { position: absolute; left: var(--gutter); bottom: -40px; display: flex; gap: 8px; }
.ms-thead__bits .ms-bit { width: 26px; height: 26px; margin: 0; }
.ms-tcards { padding: clamp(56px, 7vw, 100px) 0; }
.ms-tcards__row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ms-tcard { display: grid; gap: 8px; align-content: start; padding: 26px; border-radius: 22px; background: var(--c); color: var(--on); }
.ms-tcard--silindir { border-radius: 70px; padding: 30px 36px; }
.ms-tcard--ceyrek { border-radius: 22px 90px 22px 22px; }
.ms-tcard--daire { border-radius: 70px 22px 70px 22px; }
.ms-tcard b { font: 700 1.4rem/1.1 var(--f-display); }
.ms-tcard span { color: var(--on-2); }
.ms-tsecret { background: var(--ink); color: #fff; padding: clamp(56px, 7vw, 100px) 0; }
.ms-tsecret__in { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 60px; align-items: start; }
.ms-tsecret .ms-h2 { color: #fff; }
.ms-tsecret p { font-size: 1.12rem; color: rgba(255, 255, 255, .85); }
.ms-tsecret__but { padding: 30px; border-radius: 30px 90px 30px 30px; background: var(--gunes); color: var(--ink); }
.ms-tsecret__but h3 { display: flex; gap: 10px; align-items: center; font-size: 1.4rem; }
.ms-tsecret__but p { color: var(--ink-2); }
.ms-tsecret__112 { display: flex; align-items: center; gap: 16px; margin: 0 !important; }
.ms-tsecret__112 a { font: 700 2.6rem var(--f-display); color: var(--ink); text-decoration: none; background: #fff; border-radius: 18px; padding: 4px 18px; }
.ms-tsecret__112 span { font-size: .98rem !important; color: var(--ink) !important; }
.ms-tsteps { padding: clamp(56px, 7vw, 100px) 0; }
.ms-tsteps__in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); gap: clamp(30px, 5vw, 80px); align-items: center; }
.ms-tsteps .ms-h3 { margin-top: 1.6em; }
.ms-tsteps__acts { display: flex; flex-wrap: wrap; gap: 14px 26px; align-items: center; margin-top: 24px; }
.ms-faqs--teen { background: var(--nane-l); }
.ms-faqs--teen .ms-faq__a { background: #fff; }

/* ── Oyun odası sayfası */
.ms-room--page { padding-top: clamp(48px, 6vw, 90px); }
.ms-why { padding: 0 0 clamp(56px, 7vw, 100px); }
.ms-why__in { padding: clamp(30px, 4vw, 56px); border-radius: 40px; background: var(--ink); color: #fff; }
.ms-why .ms-h2 { color: #fff; }
.ms-why__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.ms-why__b { width: 40px !important; height: 40px !important; margin: 0 0 16px !important; }
.ms-why__b.ms-bit--silindir { width: 60px !important; }
.ms-why__c h3 { color: #fff; font-size: 1.35rem; }
.ms-why__c p { color: rgba(255, 255, 255, .8); margin: 0; }
.ms-gal { padding: 0 0 clamp(56px, 7vw, 100px); }
.ms-gal__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 14px 30px; margin-bottom: 26px; }
.ms-gal__head .ms-h2 { margin: 0; }
.ms-gal .ms-box__holes button { background: var(--tint); }
.ms-gal .ms-box__holes button[aria-pressed="true"] { background: var(--ink); }
.ms-gal__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 220px; grid-auto-flow: dense; gap: 14px; }
.ms-gal__i button { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; overflow: hidden; cursor: zoom-in; background: var(--tint); border-radius: 22px; }
.ms-gal__i img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s; }
.ms-gal__i button:hover img { transform: scale(1.05); }
.ms-gal__i--a { grid-column: span 2; grid-row: span 2; }
.ms-gal__i--a button { border-radius: 22px 160px 22px 22px; }
.ms-gal__i--c button { border-radius: 110px; }
.ms-gal__i--d { grid-row: span 2; }
.ms-gal__i--f button { border-radius: 50%; }
.ms-gal__cap { position: absolute; left: 12px; bottom: 12px; padding: 6px 12px; border-radius: 99px; background: #fff; color: var(--ink); font-weight: 700; font-size: .85rem; opacity: 0; transform: translateY(8px); transition: .25s; }
.ms-gal__i button:hover .ms-gal__cap, .ms-gal__i button:focus-visible .ms-gal__cap { opacity: 1; transform: none; }
.ms-lb { max-width: min(1100px, 94vw); padding: 0; border: 0; border-radius: 26px; background: var(--ink); color: #fff; overflow: visible; }
.ms-lb::backdrop { background: rgba(14, 26, 58, .82); }
.ms-lb figure { margin: 0; }
.ms-lb img { display: block; max-height: 80vh; width: auto; margin: 0 auto; border-radius: 26px 26px 0 0; }
.ms-lb figcaption { padding: 14px 20px; }
.ms-lb button { position: absolute; width: 50px; height: 50px; border: 0; border-radius: 50%; background: var(--gunes); color: var(--ink); cursor: pointer; display: grid; place-items: center; }
.ms-lb__x { right: -12px; top: -12px; }
.ms-lb__p { left: -20px; top: 45%; }
.ms-lb__n { right: -20px; top: 45%; }

/* ── Hakkımda */
.ms-about__portrait { width: min(100%, 330px); }
.ms-story { padding: clamp(56px, 7vw, 110px) 0; }
.ms-story__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px 70px; align-items: start; }
.ms-story__big { font: 700 clamp(1.7rem, 3vw, 2.6rem)/1.12 var(--f-display); color: var(--ink); letter-spacing: -.025em; margin: 0; position: sticky; top: calc(var(--head-h) + 30px); }
.ms-principles { padding: 0 0 clamp(56px, 7vw, 100px); }
.ms-principles__row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; }
.ms-pr { padding: 26px; background: var(--c); color: var(--on); border-radius: 22px; }
.ms-pr:nth-child(2) { margin-top: 30px; } .ms-pr:nth-child(3) { margin-top: 60px; } .ms-pr:nth-child(4) { margin-top: 20px; }
.ms-pr--ceyrek { border-radius: 22px 90px 22px 22px; }
.ms-pr--silindir { border-radius: 70px; padding: 32px 30px; }
.ms-pr--daire { border-radius: 80px 22px 80px 22px; }
.ms-pr h3 { color: inherit; font-size: 1.35rem; }
.ms-pr p { margin: 0; color: var(--on-2); font-size: 1rem; }
.ms-rail-sec { padding: clamp(56px, 7vw, 100px) 0; background: var(--tint); }
.ms-rail { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; position: relative; }
.ms-rail::-webkit-scrollbar { display: none; }
.ms-rail__i { position: relative; display: grid; gap: 6px; align-content: start; padding: 54px 20px 22px; background: #fff; border-radius: 22px; }
.ms-rail__i::before { content: ""; position: absolute; left: 0; right: -16px; top: 28px; height: 3px; background: var(--line-2); }
.ms-rail__i:last-child::before { right: 50%; }
.ms-rail__b { position: absolute !important; left: 20px; top: 18px; width: 24px !important; height: 24px !important; margin: 0 !important; }
.ms-rail__b.ms-bit--silindir { width: 36px !important; }
.ms-rail__y { position: absolute; right: 20px; top: 18px; font: 700 .9rem var(--f-display); color: var(--fg-3); }
.ms-rail__i b { font: 700 1.12rem/1.2 var(--f-display); color: var(--ink); }
.ms-rail__i small { color: var(--fg-3); }
.ms-rail__i span { font-size: .92rem; }
.ms-rail__legend { display: flex; align-items: center; gap: 4px 6px; margin: 18px 0 0; font-size: .9rem; color: var(--fg-3); }
.ms-rail__legend .ms-bit:not(:first-child) { margin-left: 18px; }
.ms-cvcols { padding: clamp(56px, 7vw, 100px) 0; }
.ms-cvcols__in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; align-items: start; }
.ms-cvcol ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.ms-cvcol li { display: grid; gap: 2px; }
.ms-cvcol b { color: var(--ink); }
.ms-cvcol b a { color: var(--kobalt); }
.ms-cvcol small { color: var(--fg-3); }
.ms-cvcol--limit { padding: 26px; border-radius: 26px 80px 26px 26px; background: var(--c); }
.ms-cvcol--limit p { margin: 0; }
.ms-duo { padding: 0 0 clamp(56px, 7vw, 100px); }
.ms-duo__in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 30px; align-items: end; }
.ms-duo figure { margin: 0; }
.ms-duo__a .ms-shape { aspect-ratio: 3 / 2; border-radius: 30px 220px 30px 30px; }
.ms-duo__b .ms-shape { max-width: 320px; }
.ms-duo figcaption { margin-top: 12px; font-weight: 700; color: var(--fg-3); font-size: .95rem; }

/* ── İletişim */
.ms-ct { padding: clamp(48px, 6vw, 90px) 0; }
.ms-ct__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px 70px; align-items: start; }
.ms-ct__big { display: block; font: 700 clamp(2rem, 3.6vw, 3rem)/1 var(--f-display); color: var(--kobalt); text-decoration: none; letter-spacing: -.03em; margin-bottom: 12px; }
.ms-ct__mail { display: inline-block; font-size: 1.15rem; font-weight: 700; color: var(--ink); margin-bottom: 18px; }
.ms-ct__addr, .ms-ct__hours, .ms-ct__co { margin-top: 30px; }
.ms-ct__hours table { border-collapse: separate; border-spacing: 0 6px; width: 100%; max-width: 420px; }
.ms-ct__hours th, .ms-ct__hours td { text-align: left; padding: 8px 14px; background: var(--tint); font-weight: 500; }
.ms-ct__hours th { border-radius: 12px 0 0 12px; color: var(--ink); }
.ms-ct__hours td { border-radius: 0 12px 12px 0; text-align: right; }
.ms-ct__form { padding: clamp(26px, 3vw, 40px); background: var(--tint); border-radius: 34px 34px 34px 8px; }
.ms-ct__alt { margin-bottom: 22px; }
.co-info dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 0 0 12px; font-size: .95rem; }
.co-info dt { font-weight: 700; color: var(--ink); }
.co-info dd { margin: 0; }
.ms-reach { padding: 0 0 clamp(56px, 7vw, 100px); }
.ms-reach__in { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 30px 60px; align-items: center; }
.ms-reach__map { position: relative; border-radius: 30px 160px 30px 30px; overflow: hidden; background: var(--tint); }
.ms-reach__map img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.ms-reach__pin { position: absolute; left: 22px; bottom: 22px; display: inline-flex; gap: 8px; align-items: center; padding: 12px 18px; border-radius: 99px; background: var(--gunes); color: var(--ink); text-decoration: none; font-weight: 700; }
.ms-reach__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.ms-reach__list li { display: flex; align-items: flex-start; }
.ms-reach__list .ms-bit { margin-top: 6px; }
.ms-reach__list b { color: var(--ink); }

/* ── Formlar */
.ms-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ms-f { display: grid; gap: 6px; }
.ms-f--full { grid-column: 1 / -1; }
.ms-f > span { font-weight: 700; color: var(--ink); font-size: .96rem; }
.ms-f input, .ms-f select, .ms-f textarea, .ms-404__s input { width: 100%; min-height: 54px; padding: 12px 16px; border: 2px solid var(--line-2); border-radius: 16px; background: #fff; color: var(--ink); font: inherit; font-size: 1rem; transition: border-color .2s, box-shadow .2s; }
.ms-f textarea { min-height: 100px; resize: vertical; }
.ms-f input:focus, .ms-f select:focus, .ms-f textarea:focus, .ms-404__s input:focus { outline: 0; border-color: var(--kobalt); box-shadow: 0 0 0 4px var(--kobalt-l); }
.ms-f select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e1a3a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center / 18px; padding-right: 46px; }
.ms-f__help { display: flex; gap: 8px; align-items: flex-start; font-size: .86rem; color: var(--fg-3); }
.ms-f__help .ms-ico { width: 16px; height: 16px; margin-top: 2px; color: var(--nane-d); }
.err, .ms-f .err { color: var(--err); font-size: .9rem; font-weight: 700; }
.alert { padding: 14px 18px; border-radius: 16px; margin-bottom: 18px; }
.alert--ok { background: var(--ok-bg); color: var(--ok); }
.alert--err { background: var(--err-bg); color: var(--err); }
.tsp-form-note { font-size: .86rem; color: var(--fg-3); margin: 14px 0; }
.ms-ok { display: grid; justify-items: start; gap: 6px; padding: clamp(30px, 4vw, 56px); border-radius: 36px; background: var(--nane-l); color: var(--ink); }
.ms-ok__bits { display: flex; gap: 6px; margin-bottom: 10px; }
.ms-ok__bits .ms-bit { width: 30px; height: 30px; margin: 0; }
.ms-ok__acts { display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: center; margin-top: 10px; }
.ms-ok p { font-size: 1.1rem; max-width: 40em; }
.ms-ct .ms-ok { padding: 24px; }
.ms-ct .ms-ok .ms-ico { color: var(--ok); }

.ms-appt { padding: clamp(40px, 5vw, 80px) 0 clamp(56px, 7vw, 100px); }
.ms-appt__in { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 40px 60px; align-items: start; }
.ms-appt__main { display: grid; gap: 24px; }
.ms-step { margin: 0; padding: clamp(22px, 3vw, 32px); border: 0; border-radius: 30px; background: var(--tint); display: grid; gap: 18px; min-width: 0; }
.ms-step legend { float: left; width: 100%; display: flex; align-items: center; font: 700 1.4rem var(--f-display); color: var(--ink); padding: 0; margin-bottom: 4px; }
.ms-step legend .ms-bit { width: 20px; height: 20px; }
.ms-step__sub { margin: 4px 0 -6px; font-weight: 700; color: var(--ink); }
.ms-kinds { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.ms-kind { position: relative; cursor: pointer; }
.ms-kind input { position: absolute; opacity: 0; inset: 0; }
.ms-kind span { display: grid; gap: 4px; height: 100%; padding: 18px; border-radius: 20px; background: #fff; border: 3px solid transparent; transition: .2s; }
.ms-kind b { font: 700 1.1rem var(--f-display); color: var(--ink); }
.ms-kind small { color: var(--fg-3); font-size: .9rem; line-height: 1.4; }
.ms-kind input:checked + span { background: var(--c); border-color: var(--ink); }
.ms-kind input:checked + span b { color: var(--on); }
.ms-kind input:checked + span small { color: var(--on-2); }
.ms-kind input:focus-visible + span { outline: 3px solid var(--kobalt); outline-offset: 2px; }
.ms-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ms-chip { position: relative; cursor: pointer; }
.ms-chip input { position: absolute; opacity: 0; inset: 0; }
.ms-chip span { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 99px; background: #fff; font-weight: 700; color: var(--ink); border: 2px solid transparent; transition: .2s; }
.ms-chip span .ms-bit { margin: 0; width: 13px; height: 13px; }
.ms-chip--big span { padding: 14px 22px; }
.ms-chip input:checked + span { background: var(--ink); color: #fff; }
.ms-chip input:focus-visible + span { outline: 3px solid var(--kobalt); outline-offset: 2px; }
.ms-days { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.ms-day { position: relative; cursor: pointer; }
.ms-day input { position: absolute; opacity: 0; inset: 0; }
.ms-day span { display: grid; place-items: center; height: 64px; border-radius: 16px; background: #fff; font: 700 1.05rem var(--f-display); color: var(--ink); transition: .2s; border: 2px solid transparent; }
.ms-day:nth-child(even) span { border-radius: 16px 32px 16px 16px; }
.ms-day input:checked + span { background: var(--gunes); border-color: var(--ink); transform: translateY(-3px); }
.ms-day input:focus-visible + span { outline: 3px solid var(--kobalt); }
.ms-hint { display: flex; gap: 10px; margin: 0; padding: 12px 16px; border-radius: 14px; background: var(--gunes-l); font-size: .95rem; }
.ms-hint .ms-ico { flex: none; margin-top: 2px; }
.ms-consent { display: flex; gap: 12px; align-items: flex-start; font-size: .95rem; cursor: pointer; }
.ms-consent input { width: 22px; height: 22px; margin-top: 2px; accent-color: var(--kobalt); flex: none; }
.ms-consent a { color: var(--kobalt); font-weight: 700; }
.ms-appt__small { margin: -6px 0 0; font-size: .9rem; color: var(--fg-3); }
.ms-appt__side { position: sticky; top: calc(var(--head-h) + 20px); display: grid; gap: 18px; }
.ms-appt__img { width: 100%; }
.ms-appt__tel, .ms-appt__wa { display: flex; gap: 10px; align-items: center; margin: 0; font-weight: 700; }
.ms-appt__tel a { font: 700 1.4rem var(--f-display); color: var(--kobalt); text-decoration: none; }
.ms-appt__wa a { color: var(--ink); }

/* ── SSS sayfası */
.ms-faqp { padding: clamp(48px, 6vw, 90px) 0; }
.ms-chips--topics { margin-bottom: 30px; }
.ms-faqp__cat { margin-bottom: 64px; }
.ms-faqp .ms-chips a, .ms-faqp nav a { display: inline-flex; padding: 10px 18px; border-radius: 99px; background: var(--tint); text-decoration: none; font-weight: 700; color: var(--ink); }
.ms-faqp nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.ms-pcta { background: var(--tint); padding: clamp(46px, 6vw, 80px) 0; }
.ms-pcta__in { display: grid; justify-items: start; gap: 8px; }
.ms-pcta__t { font: 700 clamp(1.6rem, 3vw, 2.4rem) var(--f-display); color: var(--ink); margin: 0; }

/* ── 404 */
.ms-404 { padding: clamp(40px, 6vw, 90px) 0; }
.ms-404__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px 60px; align-items: center; }
.ms-404__code { font: 700 clamp(5rem, 14vw, 11rem)/.8 var(--f-display); color: var(--kobalt); letter-spacing: -.06em; margin: 0 0 10px; }
.ms-404__s { display: flex; gap: 10px; margin: 26px 0; max-width: 520px; }
.ms-404__links { display: flex; flex-wrap: wrap; gap: 10px 26px; }
.ms-404__img { max-width: 460px; justify-self: center; width: 100%; }

/* ── 112 şeridi + alt bölüm (oyuncak rafı) */
.ms-sos { background: var(--ink); color: #fff; }
.ms-sos__in { display: flex; align-items: center; gap: 12px; padding-block: 12px; font-size: .95rem; }
.ms-sos__in .ms-ico { color: var(--gunes); flex: none; }
.ms-sos p { margin: 0; }
.ms-sos a { color: var(--gunes); font-weight: 700; }
.ms-foot { background: var(--kobalt); color: rgba(255, 255, 255, .86); overflow: clip; }
.ms-foot__nl { background: var(--kobalt-d); }
.ms-foot__nl-in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 14px 48px; align-items: center; padding-block: 26px; }
.ms-foot__nl-t { display: flex; align-items: center; margin: 0; font: 700 clamp(1.15rem, 1.8vw, 1.45rem)/1.2 var(--f-display); color: #fff; }
.ms-foot__nl .nl-form, .ms-foot__nl form { margin: 0; }
.ms-foot__nl input[type="email"] { min-height: 52px; border: 0 !important; border-radius: 16px !important; background: #fff !important; color: var(--ink) !important; }
.ms-foot__nl button { min-height: 52px; border: 0 !important; border-radius: 16px 6px 16px 6px !important; background: var(--gunes) !important; color: var(--ink) !important; font-weight: 700; font-family: var(--f-display); }
.ms-foot__nl .nl-consent, .ms-foot__nl .nl-consent a, .ms-foot__nl label, .ms-foot__nl .nl-msg { color: rgba(255, 255, 255, .85) !important; }
.ms-foot__shelf { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 30px 60px; align-items: end; padding-block: clamp(46px, 6vw, 80px) 36px; }
.ms-foot__q { font: 700 clamp(1.8rem, 3.2vw, 2.8rem)/1.05 var(--f-display); color: #fff; letter-spacing: -.025em; margin: 0 0 24px; }
.ms-foot__wk-t { font: 700 1.1rem var(--f-display); color: #fff; margin: 0 0 14px; }
.ms-week { list-style: none; margin: 0; padding: 0 0 14px; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; align-items: end; border-bottom: 6px solid rgba(255, 255, 255, .25); border-radius: 0 0 4px 4px; }
.ms-week__d { display: grid; align-content: end; gap: 2px; min-height: 96px; padding: 12px 10px; background: #fff; color: var(--ink); border-radius: 14px; box-shadow: inset 0 -5px 0 rgba(14, 26, 58, .1); }
.ms-week__d b { font: 700 1.1rem var(--f-display); }
.ms-week__d span { font-size: .78rem; font-weight: 700; line-height: 1.2; }
.ms-bk--ceyrek { border-radius: 14px 40px 14px 14px; }
.ms-bk--silindir { border-radius: 40px; text-align: center; }
.ms-bk--daire { border-radius: 50% 50% 14px 14px; min-height: 110px; }
.ms-bk--ucgen { border-radius: 40px 40px 14px 14px; }
.ms-week__d:nth-child(2), .ms-week__d:nth-child(5) { min-height: 120px; }
.ms-week__d.is-closed { background: transparent; color: rgba(255, 255, 255, .75); border: 2px dashed rgba(255, 255, 255, .45); box-shadow: none; }
.ms-week__d.is-today { background: var(--gunes); transform: translateY(-8px); }
.ms-week__d.is-today.is-closed { background: transparent; }
.ms-foot__wk-n { font-size: .88rem; margin: 12px 0 0; color: rgba(255, 255, 255, .7); }
.ms-foot__line { display: flex; flex-wrap: wrap; gap: 14px 30px; align-items: center; padding-block: 26px; border-top: 1px solid rgba(255, 255, 255, .18); }
.ms-foot__line address, .ms-foot__line > a { display: inline-flex; gap: 10px; align-items: center; font-style: normal; text-decoration: none; color: #fff; }
.ms-foot__line .ms-ico { color: var(--gunes); }
.ms-social { display: inline-flex; gap: 8px; margin-left: auto; }
.ms-social a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; }
.ms-social a:hover { background: var(--gunes); color: var(--ink); }
.ms-social svg { width: 18px; height: 18px; }
.ms-foot__links { display: flex; flex-wrap: wrap; gap: 6px 22px; padding-bottom: 10px; }
.ms-foot__links a { color: rgba(255, 255, 255, .86); text-decoration: none; font-weight: 500; }
.ms-foot__links a:hover { color: var(--gunes); }
.ms-foot__logo { display: flex; align-items: flex-end; gap: clamp(10px, 2vw, 30px); margin: 20px auto 18px; padding-inline: var(--gutter); max-width: var(--wrap); font: 700 clamp(6rem, 22vw, 20rem)/.8 var(--f-display); letter-spacing: -.06em; color: #fff; user-select: none; }
.ms-foot__mk { width: clamp(80px, 16vw, 230px); height: auto; margin-bottom: .1em; }
.ms-foot__mk .ms-mark__a { fill: var(--gunes); }
.ms-foot__mk .ms-mark__b { fill: var(--nane); }
.ms-foot__mk .ms-mark__c { fill: #fff; }
.ms-foot__bar { display: grid; grid-template-columns: auto 1fr auto; gap: 12px 24px; align-items: center; padding-block: 22px; border-top: 1px solid rgba(255, 255, 255, .18); font-size: .88rem; width: 100%; }
.ms-foot__bar .f-copy { text-align: left; color: rgba(255, 255, 255, .8); }
.ms-foot__bar .f-powered { justify-self: center; }
.ms-foot__legal { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 16px; text-align: right; }
.ms-foot__legal a, .ms-foot__legal button { color: rgba(255, 255, 255, .8); text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; font: inherit; }
.ms-foot__legal a:hover, .ms-foot__legal button:hover { color: #fff; text-decoration: underline; }
.ms-dock { display: none; }

/* ── Çekirdek sınıfları (arama, bülten, yasal, blog) */
.section { padding-block: clamp(48px, 7vw, 96px); }
.section--center { text-align: center; }
.page-head { padding-block: clamp(40px, 6vw, 80px) clamp(28px, 4vw, 48px); }
.page-head h1 { font-size: clamp(2.2rem, 5vw, 4.2rem); line-height: 1; letter-spacing: -.025em; }
.page-head--post { padding-bottom: 24px; background: var(--tint); }
.page-head--post h1 { font-size: clamp(2.1rem, 4.4vw, 3.6rem); max-width: 18em; }
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: .9rem; color: var(--fg-3); margin-bottom: 20px; }
.crumbs a { color: inherit; text-decoration: none; }
.page-crumbs { padding-top: 24px; }
.eyebrow { display: inline-block; font-weight: 700; color: var(--kobalt); margin-bottom: .6em; }
.lead { font-size: 1.2rem; color: var(--fg-2); max-width: 40em; }
.muted { color: var(--fg-3); } .small { font-size: .88rem; }
.empty { color: var(--fg-3); padding: 24px 0; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 22px; border: 0; border-radius: 22px 6px 22px 6px; background: var(--kobalt); color: #fff; font: 700 1rem var(--f-display); text-decoration: none; cursor: pointer; }
.btn--ghost { background: var(--tint); color: var(--ink); }
.btn--sm { min-height: 40px; padding: 0 16px; }
.actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 24px; }
.section--center .actions { justify-content: center; }
.link-arrow { display: inline-flex; gap: 6px; align-items: center; font-weight: 700; color: var(--kobalt); }
.link-arrow svg { width: 16px; height: 16px; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 64px); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid .full { grid-column: 1 / -1; }
.f label { display: block; font-weight: 700; font-size: .95rem; color: var(--ink); margin-bottom: 6px; }
.f input, .f textarea, .f select { width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid var(--line-2); border-radius: 16px; font: inherit; background: #fff; }
.search-form { display: flex; gap: 12px; max-width: 680px; margin-top: 20px; }
.search-form input { flex: 1; min-height: 54px; padding: 0 18px; border: 2px solid var(--line-2); border-radius: 16px; font: inherit; }
.search-form button { min-height: 54px; padding: 0 24px; border: 0; border-radius: 22px 6px 22px 6px; background: var(--kobalt); color: #fff; font: 700 1rem var(--f-display); cursor: pointer; }
.search-results { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 12px; }
.search-results a { display: grid; gap: 4px; padding: 18px 22px; border-radius: 20px; background: var(--tint); text-decoration: none; }
.search-results a:hover { background: var(--gunes-l); }
.search-results small { color: var(--fg-3); }
.search-results b { font: 700 1.2rem var(--f-display); color: var(--ink); }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; }
.chips--pager { justify-content: center; margin: 48px 0 0; }
.chip { display: inline-flex; gap: 6px; padding: 10px 16px; border-radius: 99px; background: var(--tint); text-decoration: none; font-weight: 700; font-size: .95rem; color: var(--ink); }
.chip[aria-current="page"], .chip:hover { background: var(--ink); color: #fff; }
.chip span { opacity: .6; }
.posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap: 40px 28px; }
.post { display: grid; gap: 10px; align-content: start; text-decoration: none; color: var(--fg-2); }
.post__media { overflow: hidden; border-radius: 26px 90px 26px 26px; margin-bottom: 8px; background: var(--tint); }
.post:nth-child(3n+2) .post__media { border-radius: 26px; }
.post:nth-child(3n+3) .post__media { border-radius: 90px 26px 26px 26px; }
.post__media img { display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover; transition: transform .6s; }
.post:hover .post__media img { transform: scale(1.05); }
.post__meta { font-size: .88rem; color: var(--fg-3); }
.post h2.h3, .post h3 { font-size: 1.5rem; line-height: 1.15; margin: 0; }
.post:hover h2, .post:hover h3 { color: var(--kobalt); }
.ms-bsearch { display: flex; gap: 10px; max-width: 560px; margin-bottom: 28px; }
.ms-search { flex: 1; display: flex; align-items: center; gap: 10px; border: 2px solid var(--line-2); border-radius: 16px; padding: 0 14px; background: #fff; }
.ms-search input { flex: 1; border: 0; min-height: 48px; background: none; font: inherit; color: var(--ink); outline: none; }
.post-cover { border-radius: 30px 200px 30px 30px; overflow: hidden; margin-top: 10px; }
.post-cover img { display: block; width: 100%; aspect-ratio: 2/1; object-fit: cover; }
.post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; padding-block: 48px 90px; }
.prose { font-size: 1.12rem; line-height: 1.75; color: var(--fg-2); }
.prose h2 { font-size: clamp(1.6rem, 2.4vw, 2.1rem); margin-top: 1.7em; color: var(--ink); }
.prose h3 { margin-top: 1.4em; }
.prose a { color: var(--kobalt); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.prose ul, .prose ol { padding-left: 1.3em; }
.prose ul li::marker { color: var(--kobalt); }
.prose blockquote { margin: 1.6em 0; padding: 24px 28px; border-radius: 26px 70px 26px 26px; background: var(--gunes-l); font: 500 1.3rem/1.4 var(--f-display); color: var(--ink); }
.post-side { display: grid; gap: 18px; align-content: start; }
.side-box { padding: 22px; border-radius: 24px; background: var(--tint); }
.side-box__h { font: 700 1.15rem var(--f-display); color: var(--ink); margin: 0 0 12px; }
.side-list ul, .side-toc ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.side-list a, .side-toc a { text-decoration: none; display: flex; justify-content: space-between; gap: 8px; font-size: .95rem; }
.side-list a:hover, .side-toc a:hover { color: var(--kobalt); }
.side-list time { display: block; font-size: .8rem; color: var(--fg-3); }
.side-author { display: flex; gap: 12px; align-items: center; }
.side-author p { margin: 0; }
.side-author__name { font-weight: 700; color: var(--ink); }
.side-author__role, .side-author__meta { font-size: .86rem; color: var(--fg-3); }
.side-cta { background: var(--gunes); color: var(--ink); border-radius: 24px 70px 24px 24px; }
.side-cta .side-box__h { color: var(--ink); }
.side-cta .ms-btn { background: var(--ink); }
.author-card { display: flex; gap: 18px; margin-top: 44px; padding: 26px; border-radius: 28px; background: var(--tint); }
.author-card__avatar { display: grid; place-items: center; width: 80px; height: 80px; flex: none; overflow: hidden; background: var(--gunes); border-radius: 50%; }
.author-card__avatar img { width: 100%; height: 100%; object-fit: cover; }
.author-card__avatar--sm { width: 50px; height: 50px; background: #fff; }
.author-card__avatar--sm .ms-mark { width: 32px; height: 30px; }
.author-card__kicker { font-size: .85rem; color: var(--fg-3); }
.author-card__name { font: 700 1.25rem var(--f-display); color: var(--ink); margin: 2px 0; }
.author-card p { margin: 0 0 4px; }
.ms-ptags { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin-top: 36px; font-weight: 700; }
.ms-ptags a { color: var(--kobalt); text-decoration: none; font-weight: 500; }
.ms-share { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin-top: 18px; font-size: .95rem; }
.ms-share span { font-weight: 700; color: var(--ink); }
.ms-share a, .ms-share button { color: var(--fg-2); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.head { margin-bottom: 28px; }
.head .eyebrow { display: none; }
.lp-wrap, .nl-page { padding-block: 40px 90px; }
.lp-wrap { max-width: 900px; margin-inline: auto; padding-inline: var(--gutter); }
.toast { position: fixed; bottom: 20px; left: 50%; transform: translate(-50%, 20px); z-index: 80; padding: 12px 20px; border-radius: 99px; background: var(--ink); color: #fff; font-weight: 700; opacity: 0; pointer-events: none; transition: .2s; }
.toast.is-on { opacity: 1; transform: translate(-50%, 0); }

/* ── Duyarlı */
@media (max-width: 1240px) {
    .ms-nav > a, .ms-nav__dd > button { padding: 10px 8px; font-size: .93rem; }
    .ms-lang { display: none; }
    .ms-head__tools .ms-aud button { padding: 7px 11px 7px 10px; }
}
@media (max-width: 1100px) {
    .ms-nav, .ms-head__tools .ms-aud--head, .ms-head__tools > .ms-lang { display: none; }
    .ms-burger { display: flex; }
    .ms-head__in { justify-content: space-between; }
    .ms-hero__in { grid-template-columns: 1fr; }
    .ms-mat { max-width: 700px; width: 100%; justify-self: center; }
    .ms-teen__notes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ms-box__grid, .ms-tcards__row, .ms-fees__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ms-tw__p { grid-template-columns: 1fr 1fr; }
    .ms-tw__lead { grid-column: 1 / -1; }
    .ms-map { grid-template-columns: 1fr; }
    .ms-stair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ms-stair__s { margin-bottom: 0; }
    .ms-stair__s:nth-child(even) { margin-bottom: 50px; }
    .ms-feeband__row, .ms-terms__in, .ms-principles__row, .ms-cvcols__in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ms-area__in, .ms-age__in, .ms-appt__in { grid-template-columns: 1fr; }
    .ms-area__side, .ms-age__side, .ms-appt__side { position: static; }
    .ms-jr__grid { grid-template-columns: 1fr 1fr; }
    .ms-post--lg { grid-column: 1 / -1; }
    .post-layout { grid-template-columns: 1fr; }
    .ms-gal__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    :root { --head-h: 70px; }
    .ms-ages__head, .ms-room__head, .ms-steps__head { grid-template-columns: 1fr; }
    .ms-room__head .ms-link { grid-column: 1; }
    .ms-me__in, .ms-online__in, .ms-events__in, .ms-pblock__in, .ms-pblock--rev .ms-pblock__in, .ms-tsecret__in, .ms-tsteps__in, .ms-story__in, .ms-ct__in, .ms-reach__in, .ms-404__in, .ms-cta__in, .ms-ahead__in, .ms-duo__in, .ms-foot__shelf, .ms-foot__nl-in { grid-template-columns: 1fr; }
    .ms-pblock--rev .ms-pblock__img { order: 2; }
    .ms-me__pic { max-width: 360px; }
    .ms-faq { grid-template-columns: 1fr; }
    .ms-faq__as { position: static; }
    .ms-privacy__cols, .ms-why__cols, .ms-glist__in { grid-template-columns: 1fr; }
    .ms-phead__in { grid-template-columns: 1fr; }
    .ms-phead__img { justify-self: start; width: min(78%, 340px); }
    .ms-phead--img .ms-phead__bits { left: auto; right: var(--gutter); bottom: auto; top: 0; }
    .ms-thead__in { grid-template-columns: 1fr; }
    .ms-thead__img { grid-column: 1; grid-row: auto; justify-self: start; width: min(70%, 280px); }
    .ms-story__big { position: static; }
    .ms-notdo__cols { grid-template-columns: 1fr; }
    .ms-stack__i { grid-template-columns: 1fr; gap: 4px; margin-left: 0; }
    .ms-ahead__obj { left: auto; right: -4%; }
}
@media (max-width: 640px) {
    body { font-size: 17px; padding-bottom: 72px; }
    .ms-logo__t b { font-size: 1.7rem; }
    .ms-logo__t small { font-size: .7rem; }
    .ms-mark { width: 38px; height: 34px; }
    .ms-btn--head { display: none; }
    .ms-display { font-size: clamp(2.3rem, 10vw, 3rem); }
    .ms-mat { aspect-ratio: .72; border-radius: 30px; }
    .ms-mat__photo { width: 70%; }
    .ms-mat__round { width: 42%; --x: 55% !important; --y: 36% !important; }
    .ms-mat__piece:nth-child(3) { --x: 56% !important; --y: 3% !important; }
    .ms-mat__piece:nth-child(4) { --x: 60% !important; --y: 19% !important; }
    .ms-mat__piece:nth-child(5) { --x: 2% !important; --y: 86% !important; }
    .ms-mat__piece:nth-child(6) { --x: 38% !important; --y: 72% !important; }
    .ms-mat__piece:nth-child(7) { --x: 2% !important; --y: 62% !important; }
    .ms-mat__piece:nth-child(8) { --x: 64% !important; --y: 77% !important; }
    .ms-blk { min-height: 58px; padding: 10px 14px; font-size: .86rem; max-width: 150px; }
    .ms-blk--kare { min-width: 0; }
    .ms-blk--ceyrek { min-width: 0; padding-right: 24px; }
    .ms-blk--silindir { min-width: 0; }
    .ms-blk--daire { width: 100px; height: 100px; }
    .ms-blk--ucgen { width: 128px; height: 100px; padding: 46px 22px 10px; }
    .ms-mat__hint span { font-size: .78rem; }
    .ms-teen__notes, .ms-box__grid, .ms-tcards__row, .ms-fees__grid, .ms-feeband__row, .ms-terms__in, .ms-principles__row, .ms-cvcols__in, .ms-others__row, .ms-online__dl, .ms-jr__grid { grid-template-columns: 1fr; }
    .ms-teen__n:nth-child(even) { transform: rotate(1.2deg); }
    .ms-pr:nth-child(n) { margin-top: 0; }
    .ms-tw__row { gap: 8px; }
    .ms-tw__stack { min-height: 132px; }
    .ms-tw__b { width: 60px; height: 38px; }
    .ms-tw__b--silindir { width: 82px; }
    .ms-tw__b--daire { width: 38px; height: 38px; margin-left: 10px; }
    .ms-tw__t b { font-size: 1.35rem; }
    .ms-tw__t small { font-size: .78rem; line-height: 1.25; }
    .ms-tw__p { grid-template-columns: 1fr; padding: 22px; border-radius: 24px; }
    .ms-stair { grid-template-columns: 1fr; }
    .ms-stair__s:nth-child(even) { margin-bottom: 0; }
    .ms-stair__s { grid-template-columns: 120px 1fr; }
    .ms-stair__img { aspect-ratio: auto; height: 100%; }
    .ms-stair__b { padding: 16px; }
    .ms-map__card { grid-template-columns: 1fr; padding: 22px; }
    .ms-map__obj { width: 90px; }
    .ms-map__dot { width: 36px; height: 36px; margin: -18px 0 0 -18px; border-width: 3px; font-size: .9rem; }
    .ms-ev { grid-template-columns: 64px 1fr; padding-right: 14px; }
    .ms-ev__date { width: 64px; height: 64px; }
    .ms-ev .ms-link { grid-column: 2; }
    .ms-form__grid { grid-template-columns: 1fr; }
    .ms-days { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ms-gal__grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 160px; }
    .ms-blist--cols { grid-template-columns: 1fr; }
    .ms-week { gap: 4px; }
    .ms-week__d { min-height: 74px; padding: 8px 4px; text-align: center; }
    .ms-week__d:nth-child(2), .ms-week__d:nth-child(5) { min-height: 90px; }
    .ms-week__d b { font-size: .9rem; }
    .ms-week__d span { font-size: .6rem; }
    .ms-foot__bar { grid-template-columns: 1fr; text-align: left; }
    .ms-foot__bar .f-powered { justify-self: start; }
    .ms-foot__legal { justify-content: flex-start; text-align: left; }
    .ms-social { margin-left: 0; }
    .ms-ftable thead { display: none; }
    .ms-ftable tr { display: grid; grid-template-columns: 1fr auto; margin-bottom: 8px; }
    .ms-ftable th, .ms-ftable td { border-radius: 0 !important; }
    .ms-ftable tbody th { grid-column: 1 / -1; border-radius: 16px 16px 0 0 !important; }
    .ms-ftable td:nth-of-type(1), .ms-ftable td:nth-of-type(2) { display: none; }
    .ms-ftable td.num { grid-column: 1 / -1; text-align: left; border-radius: 0 0 16px 16px !important; }
    .ms-cta__bits { display: none; }
    .ms-dock { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 60; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; padding: 6px; border-radius: 22px; background: var(--ink); box-shadow: 0 14px 30px -12px rgba(14, 26, 58, .6); }
    .ms-dock a { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 4px; border-radius: 16px; color: #fff; text-decoration: none; font-size: .78rem; font-weight: 700; }
    .ms-dock a.is-main { background: var(--gunes); color: var(--ink); }
    .ms-acard--mini { grid-template-columns: 76px 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
    .rv > * { opacity: 1 !important; translate: none !important; }
}

/* Açılır listeler — tarayıcı destekliyorsa seçenek paneli de tema renginde (desteklemeyende sistem listesi kalır) */
@supports (appearance: base-select) {
  select:not(#_), ::picker(select) { appearance: base-select; }
  select::picker-icon { display: none; }
  select:not(#_) { align-items: center; }
  ::picker(select) { margin-block: 6px; padding: 6px; border: 0; border-radius: 18px; background: #fff; color: var(--fg); box-shadow: 0 18px 40px -16px rgba(14, 26, 58, .4), 0 0 0 1px var(--line); max-height: min(340px, 60vh); }
  select option { padding: 10px 14px; font: inherit; font-size: 15.5px; line-height: 1.35; font-weight: 400; background: transparent; color: var(--fg); border-radius: 12px; transition: background-color .15s; }
  select option::checkmark { display: none; }
  select option:hover, select option:focus-visible { outline: 0; background: var(--tint); }
  select option:checked { background: var(--gunes-l); font-weight: 700; }
  select option:disabled { opacity: .5; }
}

/* Çerez kutusu — tema dili */
#tsp-consent.tsp { background: #fff; color: var(--fg); border: 0; border-radius: 26px 70px 26px 26px; box-shadow: 0 24px 60px -24px rgba(14, 26, 58, .5), 0 0 0 1px var(--line); font-family: var(--f-body); padding: 22px 22px 20px; }
#tsp-consent .tsp-t { font-family: var(--f-display); font-size: 19px; font-weight: 700; margin-bottom: 8px; color: var(--ink); }
#tsp-consent .tsp-m, #tsp-consent .tsp-x, #tsp-consent .tsp-c small { color: var(--fg-2); }
#tsp-consent .tsp-b button { background: var(--kobalt); border-color: var(--kobalt); color: #fff; border-radius: 16px 4px 16px 4px; font-family: var(--f-display); font-weight: 700; }
#tsp-consent .tsp-b button:hover { background: var(--kobalt-d); border-color: var(--kobalt-d); }
#tsp-consent .tsp-b2 button { background: var(--tint); border-color: transparent; color: var(--ink); }
#tsp-consent .tsp-b2 button:hover { background: var(--kobalt-l); }
#tsp-consent .tsp-s, #tsp-consent .tsp-c { border-color: var(--line); }
#tsp-consent .tsp-c input { accent-color: var(--kobalt); }