/* Merit Etüt Merkezi — kareli defter sayfası */
:root{
  --kagit:#f6f3ea;
  --beyaz:#fffdf7;
  --murekkep:#1b2a66;
  --derin:#121c47;
  --grafit:#262a33;
  --soluk:#4a4f5e;
  --duzeltme:#c0301d;
  --marker:#ffd84a;
  --cizgi:rgba(27,42,102,.12);
  --kare:28px;
  --baslik:Constantia,"Lucida Bright",Georgia,serif;
  --govde:Frutiger,"Segoe UI","Noto Sans",Arial,sans-serif;
  --el:"Bradley Hand","Segoe Print","Chalkboard SE","Comic Sans MS",cursive;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--govde);
  font-size:1.0625rem;
  line-height:1.65;
  color:var(--grafit);
  background-color:var(--kagit);
  background-image:
    linear-gradient(var(--cizgi) 1px,transparent 1px),
    linear-gradient(90deg,var(--cizgi) 1px,transparent 1px);
  background-size:var(--kare) var(--kare);
  overflow-x:hidden;
}
@media (min-width:900px){
  body::before{
    content:"";position:fixed;top:0;bottom:0;left:30px;width:2px;
    background:var(--duzeltme);opacity:.4;pointer-events:none;z-index:0;
  }
}
img{max-width:100%;height:auto;display:block}
a{color:var(--murekkep)}
h1,h2,h3{font-family:var(--baslik);color:var(--derin);margin:0 0 .5em;line-height:1.1;letter-spacing:-.01em}
h1{font-size:clamp(2.5rem,6.4vw,5.4rem);line-height:1.02;letter-spacing:-.025em;font-weight:700}
h2{font-size:clamp(2rem,4.4vw,3.5rem);font-weight:700}
h3{font-size:1.4rem;font-weight:700}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--duzeltme);outline-offset:3px}
.koyu :focus-visible,.alt :focus-visible{outline-color:var(--marker)}

.kap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,5vw,64px);position:relative}
section{position:relative;padding-block:clamp(64px,9vw,128px);z-index:1}
.not-el{font-family:var(--el);color:var(--murekkep)}
.kicker{color:var(--duzeltme);font-size:1.35rem;margin:0 0 .3rem;transform:rotate(-2deg);transform-origin:left;display:inline-block}
.bas{max-width:760px;margin-bottom:clamp(28px,4vw,56px)}
.bas-p{font-size:1.15rem;max-width:56ch}
.metin p{max-width:62ch}
.metin-link{font-weight:700;color:var(--murekkep);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--duzeltme)}
.metin-link:hover{background:var(--marker)}
.alt-link{margin-top:40px}

/* fosforlu çizgi */
.isaret{background:linear-gradient(transparent 58%,var(--marker) 58% 92%,transparent 92%);background-repeat:no-repeat;background-size:100% 100%;padding-inline:.06em}
.js .isaret{background-size:0% 100%;transition:background-size .9s cubic-bezier(.6,.1,.2,1) .15s}
.js .isaret.goruldu{background-size:100% 100%}

/* düğmeler */
.dugme{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.85em 1.4em;font:700 1rem/1.2 var(--govde);text-decoration:none;
  background:var(--murekkep);color:var(--beyaz);border:2px solid var(--murekkep);border-radius:3px;
  box-shadow:4px 4px 0 var(--marker);cursor:pointer;
  transition:transform .15s,box-shadow .15s;
}
.dugme:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--marker)}
.dugme-ikincil{background:transparent;color:var(--murekkep);box-shadow:4px 4px 0 var(--cizgi)}
.dugme-ikincil:hover{box-shadow:2px 2px 0 var(--cizgi);background:var(--beyaz)}
.dugme-kucuk{padding:.55em 1em;font-size:.95rem;box-shadow:3px 3px 0 var(--marker)}
.dugme-sari{background:var(--marker);color:var(--derin);border-color:var(--marker);box-shadow:4px 4px 0 rgba(0,0,0,.35)}
.dugme-sari:hover{box-shadow:2px 2px 0 rgba(0,0,0,.35)}
.dugmeler{display:flex;flex-wrap:wrap;gap:16px 20px;margin-top:28px}

/* üst */
.ust{position:sticky;top:0;z-index:50;background:rgba(246,243,234,.95);border-bottom:2px solid var(--murekkep);backdrop-filter:blur(4px)}
.ust-ic{max-width:1280px;margin-inline:auto;padding:10px clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;position:relative}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--derin)}
.logo-isaret{width:34px;height:34px;border:2px solid var(--murekkep);background:var(--beyaz);position:relative;flex:none}
.logo-isaret::before{content:"";position:absolute;left:-2px;bottom:-2px;width:12px;height:12px;border-top:2px solid var(--duzeltme);border-right:2px solid var(--duzeltme)}
.logo-isaret::after{content:"";position:absolute;right:6px;top:5px;width:12px;height:18px;border:solid var(--murekkep);border-width:0 3px 3px 0;transform:rotate(40deg)}
.logo-yazi{font:700 1.4rem/1 var(--baslik)}
.logo-yazi small{display:block;font:600 .68rem/1.2 var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);margin-top:3px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.nav a:not(.dugme){color:var(--grafit);text-decoration:none;font-weight:600;padding:8px 2px;border-bottom:2px solid transparent}
.nav a:not(.dugme):hover{border-bottom-color:var(--duzeltme)}
.menu-dugme{display:none}
@media (max-width:899px){
  .js .menu-dugme{display:inline-flex;align-items:center;gap:10px;background:var(--beyaz);border:2px solid var(--murekkep);border-radius:3px;padding:8px 14px;font:700 .95rem var(--govde);color:var(--murekkep);cursor:pointer}
  .menu-cizgi{width:18px;height:2px;background:var(--murekkep);position:relative;display:block}
  .menu-cizgi::before,.menu-cizgi::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--murekkep)}
  .menu-cizgi::before{top:-6px}.menu-cizgi::after{top:6px}
  .nav{width:100%}
  .js .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--kagit);border-bottom:2px solid var(--murekkep);padding:12px clamp(20px,5vw,64px) 20px}
  .js .nav.acik{display:block}
  .js .nav ul{flex-direction:column;align-items:flex-start;gap:4px}
  .nav a:not(.dugme){display:block;padding:10px 0;font-size:1.1rem}
  .nav .dugme{margin-top:8px}
}

/* hero */
.hero{overflow:hidden;padding-block:clamp(40px,6vw,88px) clamp(56px,8vw,112px)}
.hero .duzen{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,5vw,72px);align-items:center;position:relative;z-index:1}
.hero-metin .not-el:first-child{color:var(--duzeltme);font-size:1.35rem;margin-bottom:.4rem}
.giris{font-size:1.2rem;max-width:54ch;margin-top:1.2rem}
.ipucu{display:none;margin-top:28px;font-size:1.15rem}
@media (hover:hover) and (pointer:fine){.ipucu{display:block}}
.pergel{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}
.pergel-daire{fill:none;stroke:var(--duzeltme);stroke-width:1.6;stroke-dasharray:7 6}
.pergel-yaricap{stroke:var(--murekkep);stroke-width:1.6}
.pergel-merkez{fill:var(--murekkep)}
.pergel-uc{stroke:var(--duzeltme);stroke-width:2.4;fill:none;stroke-linecap:round}
.pergel-etiket{font-family:var(--el);font-size:18px;fill:var(--murekkep);paint-order:stroke;stroke:var(--kagit);stroke-width:5px;stroke-linejoin:round}

/* fotoğraf çerçevesi */
.kose{margin:0;background:var(--beyaz);padding:10px;border:1px solid var(--cizgi);box-shadow:8px 10px 0 rgba(27,42,102,.1);position:relative}
.kose::before{content:"";position:absolute;top:-14px;left:50%;width:96px;height:28px;margin-left:-48px;background:rgba(255,216,74,.75);transform:rotate(-3deg);z-index:2}
.kose img{width:100%;height:auto}
.kose figcaption{font-size:1.15rem;padding:10px 4px 2px;line-height:1.3}
.hero-foto{transform:rotate(1.6deg)}

/* iki sütun */
.iki-sutun{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.hikaye-foto{transform:rotate(-1.4deg)}

/* detay */
.detay-duzen{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px clamp(16px,2vw,28px);align-items:start}
.detay-a{grid-column:1/6;grid-row:1/3;transform:rotate(-1.2deg)}
.detay-metin{grid-column:7/13;grid-row:1}
.detay-b{grid-column:8/12;grid-row:2;transform:rotate(1.8deg);margin-top:8px}

/* hizmetler */
.kartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px clamp(20px,3vw,44px)}
.soru{background:var(--beyaz);border:2px solid var(--murekkep);padding:clamp(22px,3vw,36px);padding-top:clamp(40px,4vw,52px);position:relative;box-shadow:8px 8px 0 var(--cizgi);display:flex;flex-direction:column}
.soru:nth-child(even){margin-top:44px}
.soru-no{position:absolute;top:-22px;left:22px;width:44px;height:44px;border-radius:50%;background:var(--duzeltme);color:#fff;font:700 1.4rem/44px var(--baslik);text-align:center}
.soru p{flex:1}
.optik{display:inline-flex;align-items:center;gap:12px;font-weight:700;color:var(--murekkep);text-decoration:none;padding:10px 0;border-top:1px dashed var(--murekkep);margin-top:6px}
.balon{width:20px;height:20px;border:2px solid var(--murekkep);border-radius:50%;flex:none;transition:background .2s}
.optik:hover .balon,.optik:focus-visible .balon{background:var(--murekkep)}
.optik:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--duzeltme)}
@media (max-width:759px){.kartlar{grid-template-columns:1fr;gap:44px}.soru:nth-child(even){margin-top:0}}

/* koyu bölümler */
.koyu{background:var(--derin);color:var(--kagit);background-image:linear-gradient(rgba(246,243,234,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(246,243,234,.07) 1px,transparent 1px);background-size:var(--kare) var(--kare)}
.koyu h2,.koyu h3{color:var(--kagit)}
.koyu .kicker{color:var(--marker)}
.koyu a{color:var(--marker)}

/* fiyatlar */
.paketler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.paket{background:var(--kagit);color:var(--grafit);padding:0 clamp(20px,2.4vw,32px) 32px;display:flex;flex-direction:column;border-radius:3px;box-shadow:8px 8px 0 rgba(0,0,0,.3)}
.paket h3{color:var(--derin);margin-top:20px}
.paket p{flex:0 0 auto}
.paket p:nth-of-type(2){flex:1}
.paket .dugme{align-self:flex-start;box-shadow:4px 4px 0 var(--marker)}
.cetvel{height:16px;margin:0 calc(-1*clamp(20px,2.4vw,32px));background:
  linear-gradient(90deg,var(--murekkep) 2px,transparent 2px) 0 0/40px 16px repeat-x,
  linear-gradient(90deg,var(--murekkep) 1px,transparent 1px) 0 0/8px 8px repeat-x;border-bottom:2px solid var(--murekkep)}
.fiyat{margin-bottom:.8em}
.fiyat strong{display:block;font:700 clamp(1.7rem,2.6vw,2.2rem)/1.1 var(--baslik);color:var(--duzeltme)}
.fiyat span{font-size:.95rem;color:var(--soluk)}
.paket-orta{transform:translateY(-14px)}
@media (max-width:959px){.paketler{grid-template-columns:1fr;max-width:560px}.paket-orta{transform:none}}

/* neden */
.notlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.kenar-not{background:var(--beyaz);border:1px solid var(--cizgi);border-top:6px solid var(--marker);padding:22px 22px 8px;box-shadow:5px 5px 0 var(--cizgi)}
.kenar-not:nth-child(2){margin-top:26px}
.kenar-not:nth-child(3){margin-top:10px}
.kenar-not:nth-child(4){margin-top:36px}
.kenar-not h3{font-size:1.25rem}
@media (max-width:1019px){.notlar{grid-template-columns:repeat(2,minmax(0,1fr))}.kenar-not:nth-child(n){margin-top:0}}
@media (max-width:559px){.notlar{grid-template-columns:1fr}}

/* süreç */
.surec-duzen{align-items:start}
.adimlar{list-style:none;margin:0;padding:0;counter-reset:adim;border-left:3px solid var(--murekkep);margin-left:18px}
.adimlar li{counter-increment:adim;position:relative;padding:0 0 28px 34px}
.adimlar li::before{content:counter(adim);position:absolute;left:-19px;top:0;width:35px;height:35px;border-radius:50%;background:var(--beyaz);border:2px solid var(--murekkep);font:700 1.1rem/31px var(--baslik);text-align:center;color:var(--murekkep)}
.adimlar .etiket{display:block;color:var(--duzeltme);font-size:1.25rem;line-height:1.1;margin-bottom:2px}
.adimlar h3{margin-bottom:.3em}
.adimlar p{margin-bottom:0;max-width:52ch}
.surec-cta{margin:12px 0 0}
.surec-foto{transform:rotate(1.4deg);position:sticky;top:110px}

/* atmosfer */
.atmosfer{padding:0}
.atmosfer-sahne{position:relative;border-block:2px solid var(--murekkep)}
.atmosfer img{width:100%;height:clamp(300px,50vw,620px);object-fit:cover}
.atmosfer-kart{background:var(--kagit);padding:clamp(22px,3vw,40px);max-width:520px;border:2px solid var(--murekkep);box-shadow:8px 8px 0 var(--marker)}
.atmosfer-kart h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.atmosfer-kart p:last-child{margin-bottom:0}
@media (min-width:900px){.atmosfer-kart{position:absolute;left:clamp(32px,6vw,96px);bottom:clamp(24px,5vw,64px)}}
@media (max-width:899px){.atmosfer-kart{margin:-40px 20px 0;position:relative}.atmosfer{padding-bottom:40px}}

/* sss */
.sss-duzen{align-items:start}
.sorular details{background:var(--beyaz);border:2px solid var(--murekkep);margin-bottom:14px}
.sorular summary{list-style:none;cursor:pointer;padding:18px 56px 18px 20px;font:700 1.12rem/1.3 var(--baslik);color:var(--derin);position:relative}
.sorular summary::-webkit-details-marker{display:none}
.sorular summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-52%);font:700 1.7rem/1 var(--govde);color:var(--duzeltme)}
.sorular details[open] summary::after{content:"−"}
.sorular details[open] summary{background:var(--marker)}
.sorular details p{margin:0;padding:16px 20px 18px;border-top:1px dashed var(--murekkep)}

/* iletişim */
.iletisim-duzen{align-items:start}
.iletisim .metin p{max-width:48ch}
.form{background:var(--kagit);color:var(--grafit);padding:clamp(22px,3vw,40px);border:2px dashed var(--murekkep);box-shadow:10px 10px 0 rgba(0,0,0,.3);border-radius:3px}
.alan{margin-bottom:20px}
.alan label{display:block;font-weight:700;margin-bottom:6px;color:var(--derin)}
.alan input,.alan textarea{width:100%;padding:.8em .9em;font:inherit;color:var(--grafit);background:var(--beyaz);border:2px solid var(--murekkep);border-radius:2px}
.alan textarea{resize:vertical;min-height:140px}
.alan input:focus-visible,.alan textarea:focus-visible{outline:3px solid var(--duzeltme);outline-offset:2px}
.form .dugme{width:100%;font-size:1.1rem;color:var(--derin)}
@media (min-width:480px){.form .dugme{width:auto}}

/* alt */
.alt{background:var(--derin);color:var(--kagit);padding-block:44px;position:relative;z-index:1;border-top:4px solid var(--marker)}
.alt-ic{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px}
.alt-ad{font:700 1.5rem/1.2 var(--baslik);margin:0}
.alt-alt{margin:4px 0 0;color:#d8d6cc}
.alt-nav{display:flex;flex-wrap:wrap;gap:8px 28px}
.alt-nav a{color:var(--kagit);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--marker);padding:6px 0}
.alt-nav a:hover{color:var(--marker)}

/* kaydırma grafiği */
.grafik{display:none}
@media (min-width:1100px){
  .grafik{display:block;position:fixed;right:18px;bottom:18px;z-index:40;background:var(--beyaz);border:2px solid var(--murekkep);padding:6px 8px 4px;box-shadow:4px 4px 0 var(--cizgi);pointer-events:none}
  .grafik svg{display:block}
  .g-eksen{fill:none;stroke:var(--murekkep);stroke-width:2}
  .g-izgara{fill:none;stroke:var(--cizgi);stroke-width:1}
  .g-egri{fill:none;stroke:var(--duzeltme);stroke-width:3;stroke-linecap:round}
  .g-nokta{fill:var(--marker);stroke:var(--murekkep);stroke-width:2}
  .g-yazi{display:block;font-size:.95rem;text-align:center;line-height:1.2}
}

/* küçük ekranlar */
@media (max-width:899px){
  .hero .duzen,.iki-sutun{grid-template-columns:1fr}
  .hero-foto{order:2;transform:rotate(1deg)}
  .hikaye-foto{transform:none}
  .detay-duzen{display:flex;flex-direction:column;gap:36px}
  .detay-a,.detay-b{transform:none;max-width:480px}
  .detay-b{align-self:flex-end}
  .surec-foto{position:static;transform:none}
}
@media (max-width:420px){
  .dugme{width:100%}
  .kose{box-shadow:5px 6px 0 rgba(27,42,102,.1)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* inner pages */
/* İç sayfalar: yalnızca pg- önekli sınıflar */
.pg-hero{padding-block:clamp(36px,5vw,72px) clamp(40px,5vw,72px);border-bottom:2px solid var(--murekkep)}
.pg-hero-ic{max-width:1280px}
.pg-hero h1{font-size:clamp(2.1rem,5vw,3.9rem);max-width:20ch;overflow-wrap:break-word}
.pg-hero .giris{max-width:60ch}

.pg-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(20px,3vw,40px);align-items:start;margin-bottom:8px}
.pg-not{max-width:64ch;margin:36px 0 0;font-size:1.1rem;padding-left:18px;border-left:4px solid var(--marker)}
@media (max-width:759px){.pg-iki{grid-template-columns:1fr}}

.pg-hizmetler .soru .fiyat{margin-bottom:.9em}
.pg-hizmetler .soru p{flex:0 0 auto}
.pg-hizmetler .soru p:nth-of-type(2){flex:1}

.pg-cta{padding-block:clamp(56px,7vw,96px)}
.pg-cta-ic{max-width:860px;margin-inline:0}
.pg-cta:not(.koyu){border-top:2px solid var(--murekkep);background:var(--beyaz)}
.pg-cta-ic p{max-width:52ch}
.pg-cta-ic .dugmeler{margin-top:20px}

.pg-foto-kare{max-width:480px;width:100%;justify-self:center}
@media (max-width:899px){.pg-foto-kare{justify-self:start}}

.wpf-legal { padding: clamp(3rem, 8vw, 7rem) clamp(1.25rem, 4vw, 2rem); }
.wpf-legal .wpf-legal__inner { max-width: 72ch; margin: 0 auto; }
.wpf-legal .wpf-legal__inner h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); line-height: 1.1; margin: .2em 0 .8em; }
.wpf-legal .wpf-legal__inner h2 { font-size: clamp(1.2rem, 2.2vw, 1.5rem); line-height: 1.25; margin: 2.2em 0 .6em; }
.wpf-legal .wpf-legal__inner p, .wpf-legal .wpf-legal__inner li { line-height: 1.75; max-width: none; }
.wpf-legal .wpf-legal__inner ul { padding-left: 1.2em; margin: 0 0 1em; }
.wpf-legal .wpf-legal__inner li { margin: .35em 0; list-style: disc; }
.wpf-legal .wpf-legal__inner a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal .wpf-legal__meta { font-size: .875rem; opacity: .7; margin: 0; }
.wpf-legal .wpf-legal__table { overflow-x: auto; margin: 1em 0 1.5em; }
.wpf-legal table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.wpf-legal th, .wpf-legal td { text-align: left; vertical-align: top; padding: .7em .8em; border-bottom: 1px solid rgba(127,127,127,.3); }
.wpf-legal code { font-size: .85em; word-break: break-word; }
.wpf-legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.4rem; grid-column: 1 / -1;
  width: 100%; box-sizing: border-box; padding: 1.1rem clamp(1.25rem, 4vw, 2rem) 0; font-size: .875rem; }
.wpf-legal-links a { color: inherit; opacity: .85; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal-links a:hover, .wpf-legal-links a:focus-visible { opacity: 1; }

.wpf-consent { position: fixed; z-index: 99998; left: 16px; right: 16px; bottom: 16px; max-width: 27rem; box-sizing: border-box;
  padding: 20px 22px; border-radius: 14px; border: 1px solid rgba(127,127,127,.28); box-shadow: 0 14px 44px rgba(0,0,0,.24);
  font-size: 15px; line-height: 1.55; text-align: left; }
.wpf-consent[hidden] { display: none; }
.wpf-consent .wpf-consent__title { margin: 0 0 6px; font-weight: 700; font-size: 1.05em; }
.wpf-consent .wpf-consent__text { margin: 0 0 16px; max-width: none; }
.wpf-consent .wpf-consent__text a { color: inherit; text-decoration: underline; }
.wpf-consent .wpf-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.wpf-consent .wpf-consent__actions button { cursor: pointer; margin: 0; width: auto; }
.wpf-consent .wpf-consent__primary, .wpf-consent .wpf-consent__secondary { font: inherit; font-weight: 600; padding: 10px 18px; border-radius: 8px; }
.wpf-consent .wpf-consent__primary { background: #1c1b19; color: #fff; border: 1px solid #1c1b19; }
.wpf-consent .wpf-consent__secondary { background: transparent; color: inherit; border: 1px solid currentColor; }
.wpf-consent button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }