/* Merit Sigorta Aracılık — karbon kopyalı sürekli form poliçe */
:root{
  --ba:#FBFAF5;
  --pe:#F7DAD5;
  --sa:#F6EBB0;
  --ink:#12162B;
  --soft:#3B405A;
  --mavi:#1B2A8A;
  --kirmizi:#B3201F;
  --masa:#161B38;
  --serit:34px;
  --delik:5px;
  --bosluk:clamp(1rem,3vw,2rem);
  --yan:max(calc(var(--serit) + var(--bosluk)), calc((100% - 1240px) / 2));
  --bas:"Century Gothic","URW Gothic","Avant Garde","Futura","Trebuchet MS",Arial,sans-serif;
  --govde:"Segoe UI","Helvetica Neue",Roboto,"Noto Sans",Arial,sans-serif;
  --mono:"American Typewriter","Courier New",Courier,ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--masa);color:var(--ink);font-family:var(--govde);font-size:1.0625rem;line-height:1.65;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--bas);line-height:1.1;margin:0 0 1rem;font-weight:700;letter-spacing:-.02em;hyphens:auto;overflow-wrap:break-word}
h1{font-size:clamp(2.05rem,4.6vw + .6rem,4.6rem);letter-spacing:-.035em;line-height:1.02}
h2{font-size:clamp(1.75rem,3vw + .6rem,3.2rem)}
h3{font-size:clamp(1.15rem,.6vw + 1rem,1.45rem);letter-spacing:-.01em}
p{margin:0 0 1rem}
a{color:inherit}
.ok{color:var(--mavi);font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.ok:hover{color:var(--kirmizi)}

:focus-visible{outline:3px solid var(--mavi);outline-offset:3px}
.atla{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--ba);padding:.8rem 1.2rem;z-index:100}
.atla:focus{left:0}

.etiket{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0 0 .9rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-weight:700}

/* Düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.4rem;background:var(--ink);color:var(--ba);border:2px solid var(--ink);font-family:var(--bas);font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:5px 5px 0 var(--kirmizi);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;text-align:center}
.dugme:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--kirmizi)}
.dugme.bos{background:transparent;color:var(--ink);box-shadow:5px 5px 0 var(--mavi)}
.dugme.bos:hover{box-shadow:2px 2px 0 var(--mavi)}
.dugme.kucuk{min-height:44px;padding:.55rem 1.1rem;font-size:.88rem;box-shadow:4px 4px 0 var(--kirmizi)}
.dugmeler{display:flex;flex-wrap:wrap;gap:1rem 1.4rem;margin-top:1.8rem}

/* Üst bilgi */
.ust{position:sticky;top:0;z-index:50;background:var(--ba);border-bottom:2px solid var(--ink);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem;padding:.55rem var(--yan)}
.marka{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.marka-yazi{display:flex;flex-direction:column;line-height:1.1}
.marka-yazi strong{font-family:var(--bas);font-size:1.3rem;letter-spacing:-.02em}
.marka-yazi small{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);font-weight:700}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .3rem}
.nav a:not(.dugme){font-family:var(--bas);font-weight:600;font-size:.9rem;text-decoration:none;padding:.55rem .7rem;min-height:44px;display:inline-flex;align-items:center;border-bottom:3px solid transparent}
.nav a:not(.dugme):hover{border-bottom-color:var(--kirmizi)}
.nav .dugme{margin-left:.5rem}
.menu-dugme{display:none;min-height:44px;padding:.4rem 1rem;background:var(--ba);border:2px solid var(--ink);font-family:var(--mono);font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--mavi)}
@media (max-width:959px){
  .js .menu-dugme{display:inline-flex;align-items:center}
  .js .nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:.5rem 0 1rem;border-top:2px dashed rgba(18,22,43,.35)}
  .js .nav.acik{display:flex}
  .js .nav a:not(.dugme){border-bottom:1px dashed rgba(18,22,43,.3);padding:.7rem .3rem}
  .js .nav .dugme{margin:.8rem 0 0}
}

/* Bölümler: sürekli form kâğıdı */
main > :where(.wp-block-post-content) >section{position:relative;padding:clamp(3.5rem,8vw,7rem) var(--yan);border-top:2px dashed rgba(18,22,43,.4);box-shadow:inset 0 14px 16px -16px rgba(18,22,43,.35);scroll-margin-top:70px}
main > :where(.wp-block-post-content) >section:first-child{border-top:0;box-shadow:none}
main > :where(.wp-block-post-content) >section::before,main > :where(.wp-block-post-content) >section::after{content:"";position:absolute;top:0;bottom:0;width:var(--serit);background-color:rgba(18,22,43,.08);background-image:radial-gradient(circle at 50% 50%,var(--masa) 0 var(--delik),rgba(0,0,0,0) calc(var(--delik) + .6px));background-size:100% 30px;background-position:0 10px;z-index:2;pointer-events:none}
main > :where(.wp-block-post-content) >section::before{left:0;border-right:2px dashed rgba(18,22,43,.3)}
main > :where(.wp-block-post-content) >section::after{right:0;border-left:2px dashed rgba(18,22,43,.3)}
.hero,.hizmetler,.surec{background:var(--ba)}
.hikaye,.neden,.iletisim{background:var(--pe)}
.fiyatlar,.sss{background:var(--sa)}
.atmosfer{background:var(--masa);color:var(--ba)}
.ust-baslik{max-width:46rem;margin-bottom:clamp(2rem,4vw,3.2rem)}
.ust-baslik p:last-child{margin-bottom:0}

/* Damga */
.damga{display:inline-block;font-family:var(--mono);font-weight:700;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--kirmizi);border:3px solid var(--kirmizi);padding:.15rem .7rem;transform:rotate(-6deg);border-radius:3px;box-shadow:inset 0 0 0 2px rgba(179,32,31,.25)}

/* Hero */
.hero{display:grid;gap:clamp(2.5rem,5vw,4rem);padding-top:clamp(2.5rem,6vw,5rem);overflow:hidden}
.hero-metin{align-self:center}
.giris{font-size:clamp(1.05rem,.5vw + 1rem,1.25rem);max-width:36rem;margin-top:1.4rem}
.yigin{position:relative;margin:0 54px 58px 0;--px:0;--py:0;--sy:0}
.sayfa{position:relative;z-index:3;margin:0;background:#fff;border:2px solid var(--ink);padding:10px 10px 0}
.sayfa img{width:100%;border:1px solid rgba(18,22,43,.3)}
.sayfa figcaption{padding:.8rem .3rem 1rem;font-size:.95rem;position:relative}
.ince{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:.2rem;font-weight:700}
.kopya{position:absolute;inset:0;border:2px solid var(--ink)}
.kopya span{position:absolute;left:14px;bottom:-24px;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink);white-space:nowrap}
.kopya-1{background:var(--pe);z-index:2;transform:translate(calc(22px - var(--px) * 16px),calc(22px - var(--py) * 12px + var(--sy) * 14px)) rotate(calc(1.2deg + var(--px) * .6deg))}
.kopya-2{background:var(--sa);z-index:1;transform:translate(calc(44px - var(--px) * 32px),calc(44px - var(--py) * 24px + var(--sy) * 28px)) rotate(calc(2.4deg + var(--px) * 1.2deg))}
.kopya-1 span{bottom:-20px}
.kopya-2 span{bottom:-20px}
@media (min-width:960px){
  .hero{grid-template-columns:5fr 6fr;align-items:center}
}

/* Hikâye */
.hikaye{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center}
.hikaye-foto{margin:0}
.hikaye-foto img{width:100%;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--sa),12px 12px 0 2px var(--ink)}
.hikaye-metin h2{max-width:20ch}
.hikaye-metin p{max-width:38rem}
@media (min-width:900px){
  .hikaye{grid-template-columns:5fr 6fr}
}

/* Hizmetler */
.ana-kartlar{display:grid;gap:clamp(2rem,4vw,3rem);margin-bottom:clamp(2rem,4vw,3rem)}
.kart{background:rgba(255,255,255,.65);border:2px solid var(--ink);padding:1.4rem;display:flex;flex-direction:column;align-items:flex-start}
.kart p:not(.etiket){max-width:40rem}
.kart .dugme{margin-top:auto}
.kart.buyuk img{width:100%;border:2px solid var(--ink);margin-bottom:1.2rem;max-height:560px;object-fit:cover}
.kucuk-kartlar{display:grid;gap:1.5rem}
.kucuk-kartlar .kart{box-shadow:6px 6px 0 rgba(27,42,138,.22)}
.cagri{margin-top:clamp(2.5rem,5vw,4rem);padding:1.5rem;border:2px dashed var(--ink);background:var(--sa);display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.cagri p{margin:0;max-width:40rem;font-weight:600}
.cagri.ic{margin-top:2rem}
@media (min-width:760px){
  .ana-kartlar{grid-template-columns:1fr 1fr;align-items:start}
  .ana-kartlar .asagi{margin-top:4rem}
  .kucuk-kartlar{grid-template-columns:repeat(3,1fr)}
}

/* Fiyatlar */
.paketler{display:grid;gap:1.8rem}
.paket{position:relative;background:radial-gradient(260px circle at var(--mx,-999px) var(--my,-999px),rgba(27,42,138,.13),rgba(27,42,138,0) 70%),rgba(255,255,255,.72);border:2px solid var(--ink);padding:1.6rem;display:flex;flex-direction:column;align-items:flex-start;box-shadow:8px 8px 0 rgba(27,42,138,.25);transition:transform .2s ease}
.paket:hover{transform:translateY(-4px)}
.paket .dugme{margin-top:auto}
.tutar{font-family:var(--bas);font-size:1.05rem;margin-bottom:1rem;border-top:2px dashed rgba(18,22,43,.4);border-bottom:2px dashed rgba(18,22,43,.4);padding:.7rem 0;width:100%}
.tutar strong{display:block;font-size:clamp(1.9rem,2.2vw + 1rem,2.6rem);letter-spacing:-.03em;line-height:1.1;color:var(--mavi)}
.not{margin-top:2rem;max-width:44rem;font-weight:600}
@media (min-width:900px){
  .paketler{grid-template-columns:repeat(3,1fr)}
}

/* Neden */
.nedenler{display:grid;gap:1.4rem}
.alan{background:rgba(255,255,255,.6);border:2px solid var(--ink);padding:1.4rem 1.4rem 1.2rem;position:relative}
.no{position:absolute;top:-1px;right:-1px;background:var(--ink);color:var(--ba);font-family:var(--mono);font-weight:700;font-size:.85rem;padding:.25rem .7rem;letter-spacing:.1em}
.alan h3{padding-right:2.5rem}
.alan p{margin:0;max-width:34rem}
@media (min-width:760px){
  .nedenler{grid-template-columns:1fr 1fr;gap:1.8rem}
  .alan:nth-child(even){transform:translateY(1.6rem)}
  .nedenler{padding-bottom:1.6rem}
}

/* Süreç */
.surec{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start}
.surec-foto{margin:0}
.surec-foto img{width:100%;border:2px solid var(--ink);box-shadow:-12px 12px 0 var(--pe),-12px 12px 0 2px var(--ink)}
.adimlar{list-style:none;margin:0;padding:0;counter-reset:adim}
.adimlar li{counter-increment:adim;position:relative;padding:0 0 1.4rem 4rem;margin-bottom:1.4rem;border-bottom:2px dashed rgba(18,22,43,.35)}
.adimlar li::before{content:counter(adim);position:absolute;left:0;top:0;width:2.8rem;height:2.8rem;display:grid;place-items:center;background:var(--ink);color:var(--ba);font-family:var(--mono);font-weight:700;font-size:1.2rem;box-shadow:4px 4px 0 var(--sa)}
.adimlar h3{margin-bottom:.3rem}
.adimlar p{margin:0;max-width:34rem}
@media (min-width:900px){
  .surec{grid-template-columns:5fr 6fr}
  .surec-foto{position:sticky;top:96px}
}

/* Atmosfer */
.atmosfer{min-height:min(80vh,640px);display:flex;align-items:flex-end;padding-top:clamp(8rem,22vw,14rem);overflow:hidden}
.atmosfer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.kagit{position:relative;z-index:1;background:rgba(18,22,43,.94);color:var(--ba);padding:clamp(1.4rem,3vw,2.4rem);max-width:36rem;border:2px solid var(--sa);box-shadow:10px 10px 0 var(--kirmizi)}
.kagit .etiket{color:var(--sa)}
.kagit .ok{color:var(--sa)}
.kagit .ok:hover{color:#fff}
.kagit :focus-visible{outline-color:var(--sa)}
.kagit p:last-child{margin-bottom:0}

/* SSS */
.sorular{max-width:52rem}
details{border:2px solid var(--ink);background:rgba(255,255,255,.7);margin-bottom:.9rem}
summary{cursor:pointer;list-style:none;padding:1rem 3.4rem 1rem 1.1rem;font-family:var(--bas);font-weight:700;position:relative;min-height:48px;display:flex;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:1.6rem;line-height:1}
details[open] summary::after{content:"−"}
details[open] summary{border-bottom:2px dashed rgba(18,22,43,.4)}
details p{padding:1rem 1.1rem 1.1rem;margin:0;max-width:44rem}

/* İletişim */
.iletisim{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start}
.iletisim-metin p{max-width:34rem}
.form{background:#fff;border:2px solid var(--ink);padding:clamp(1.2rem,3vw,2rem);box-shadow:10px 10px 0 var(--sa),10px 10px 0 2px var(--ink);display:flex;flex-direction:column}
.form label{font-family:var(--mono);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin:.8rem 0 .35rem}
.form input,.form textarea{width:100%;font-family:var(--mono);font-size:1rem;color:var(--ink);background:var(--ba);border:2px solid var(--ink);padding:.75rem .8rem;border-radius:0;min-height:48px}
.form textarea{resize:vertical}
.form ::placeholder{color:#555a70;opacity:1}
.form input:focus-visible,.form textarea:focus-visible{outline:3px solid var(--mavi);outline-offset:2px;background:#fff}
.form .dugme{margin-top:1.5rem;align-self:flex-start}
@media (min-width:900px){
  .iletisim{grid-template-columns:5fr 6fr}
}

/* Alt bilgi */
.alt{background:var(--masa);color:#EDE9DD;border-top:2px dashed rgba(237,233,221,.5);padding:clamp(2.5rem,5vw,4rem) var(--yan);display:grid;gap:2rem}
.alt-ad{font-family:var(--bas);font-weight:700;font-size:1.4rem;margin-bottom:.5rem;color:#fff}
.alt p{max-width:30rem}
.kucuk-yazi{font-size:.85rem;color:#C9C5D6}
.alt-nav{display:flex;flex-direction:column;gap:.2rem}
.alt-nav a{color:#fff;font-family:var(--bas);font-weight:600;text-underline-offset:4px;padding:.5rem 0;min-height:44px;display:inline-flex;align-items:center;width:fit-content}
.alt-nav a:hover{color:var(--sa)}
.alt :focus-visible{outline-color:var(--sa)}
@media (min-width:760px){
  .alt{grid-template-columns:2fr 1fr;align-items:start}
}

/* Sayfa sayacı (JS ekler) */
.sayac{position:fixed;right:calc(var(--serit) + 10px);bottom:14px;z-index:40;background:var(--ink);color:var(--ba);font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:.35rem .7rem;pointer-events:none;border:2px solid var(--sa);display:none}
@media (min-width:1100px){.sayac{display:block}}

/* Küçük ekranlar */
@media (max-width:640px){
  :root{--serit:20px;--delik:3.5px}
  body{font-size:1rem}
  .yigin{margin:0 34px 50px 0}
  .kopya-1{transform:translate(calc(14px - var(--px) * 10px),calc(16px - var(--py) * 8px + var(--sy) * 10px)) rotate(1deg)}
  .kopya-2{transform:translate(calc(28px - var(--px) * 20px),calc(32px - var(--py) * 16px + var(--sy) * 20px)) rotate(2deg)}
  .kopya span{bottom:-18px;font-size:.62rem}
  .dugmeler .dugme{width:100%}
  .cagri .dugme{width:100%}
}

/* Hareket: damga basılır (JS yoksa damgalar zaten görünür) */
@media (prefers-reduced-motion:no-preference){
  .js .damga:not(.basildi){transform:rotate(-6deg) scale(1.7);opacity:.3}
  .damga.basildi{animation:bas .5s cubic-bezier(.2,.9,.3,1.25) both}
  @keyframes bas{
    0%{transform:rotate(-14deg) scale(1.9);opacity:.2}
    70%{transform:rotate(-5deg) scale(.94);opacity:1}
    100%{transform:rotate(-6deg) scale(1);opacity:1}
  }
  .kopya{transition:transform .12s linear}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* inner pages */
/* Merit Sigorta Aracılık — iç sayfa eklemeleri (yalnızca pg- önekli sınıflar) */

/* Kompakt sayfa başlığı */
.hero.pg-hero{grid-template-columns:1fr;gap:1.2rem;padding-top:clamp(2.2rem,5vw,3.8rem);padding-bottom:clamp(2.4rem,5vw,4rem)}
.pg-hero h1{max-width:26ch;font-size:clamp(1.9rem,3.2vw + .8rem,3.5rem)}
.pg-hero .giris{max-width:40rem;margin-bottom:0}

/* Hizmet kartları ızgarası */
.pg-izgara{display:grid;gap:1.8rem}
.pg-izgara .paket{min-width:0}
@media (min-width:760px){
  .pg-izgara{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1100px){
  .pg-izgara.pg-uc{grid-template-columns:repeat(3,1fr)}
}

/* Kartın içindeki "nasıl sipariş edilir" notu */
.pg-siparis{font-size:.95rem;border-left:4px solid var(--mavi);padding-left:.8rem;max-width:36rem}
.pg-izgara .paket .pg-siparis{margin-bottom:1.4rem}

/* Koyu kâğıt içindeki düğme */
.kagit .pg-dugme{background:var(--sa);color:var(--ink);border-color:var(--sa);box-shadow:5px 5px 0 var(--kirmizi)}
.kagit .pg-dugme:hover{box-shadow:2px 2px 0 var(--kirmizi)}

@media (max-width:640px){
  .kagit .pg-dugme{width:100%}
}

.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; }