/* ============================================================
   PostPilot — ortak tasarım sistemi (v4 "gün ışığı" onaylı tasarımdan çıkarıldı)
   Kaynak: holding/tasarim/postpilot/satis-sayfasi-v4.html
   KURAL: Bu dosya v4 ile PİKSEL PİKSEL aynı görünümü verir.
   Aşama 2-3 sayfaları YALNIZCA bu dosyayı link'ler; sayfa-özel stil eklenmez,
   gerekirse buradaki bileşen sınıfları kullanılır.
   Eklentiler (v4'te yoktu, site planı §Navigasyon):
     - .nav / .nav-tus / .nav-panel  (masaüstü nav + mobil hamburger)
     - .footer-yasal                 (footer yasal satırı)
     - section[id] scroll-margin     (sticky header altına denk gelmesin)
   ============================================================ */

/* ---- Tipografi: Bricolage Grotesque (display) + Inter (gövde) + Caveat (el yazısı)
   Google Fonts v2, display=swap; Türkçe karakterler (ş,ğ,ı,İ,ö,ü,ç) latin-ext
   unicode-range dilimiyle otomatik gelir — üç aile de latin-ext destekli. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Inter:wght@400;500;600;700&family=Caveat:wght@500;600;700&display=swap');

:root{
  /* ---- Gün ışığı paleti (v4) ---- */
  --gun:#FBF7F0;        /* gün-ışığı beyazı — taban */
  --yulaf:#F4EDE0;      /* yulaf krem — ikincil yüzey */
  --kum:#EFE4D2;        /* sıcak kum — ritim bandı */
  --kart:#FFFDF9;       /* kart — en aydınlık */
  --murekkep:#2B2118;   /* sıcak koyu kahve — metin (siyah DEĞİL) */
  --murekkep-2:#6A5A48; /* yumuşak gövde metni */
  --murekkep-3:#9A876F; /* soluk/ikincil */
  --terra:#C8542F;      /* ana aksan / CTA — canlı kiremit */
  --terra-koyu:#AB4222; /* hover */
  --terra-yumusak:#F7E1D6;
  --bal:#E39B4B;        /* ikincil — bal/amber */
  --bal-koyu:#C67F30;
  --zeytin:#6E7B4E;     /* toprak vurgu — sıcak muted zeytin (petrol DEĞİL) */
  --zeytin-koyu:#59653E;
  --zeytin-tint:#E7E8D2;
  --mercan:#EA6B4A;     /* enerjik pop — ince vurgu */
  --cizgi:#E7DAC6;
  --cizgi-koyu:#DBCBB2;

  --font-display:"Bricolage Grotesque","Fraunces",Georgia,"Times New Roman",serif;
  --font-govde:"Inter",-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-el:"Caveat","Segoe Script","Bradley Hand",cursive;

  --radius:16px; --radius-l:24px; --radius-xl:32px;
  --golge:0 8px 26px -14px rgba(120,70,40,.32);
  --golge-l:0 26px 60px -28px rgba(120,64,34,.42);
  --golge-terra:0 16px 34px -14px rgba(200,84,47,.42);
  --ic:min(1160px,100% - 44px);
  --ease:cubic-bezier(.2,.7,.3,1);
}
@media (prefers-color-scheme: dark){
  /* Sıcak, aydınlıktan taviz vermeyen koyu tema (siyah değil, sıcak espresso) */
  :root{
    --gun:#1E1710; --yulaf:#241C14; --kum:#2A2016; --kart:#271E15;
    --murekkep:#F3E7D5; --murekkep-2:#CBB79C; --murekkep-3:#9E8B72;
    --terra-yumusak:#3C271C; --zeytin-tint:#242A18;
    --cizgi:#3A2C20; --cizgi-koyu:#463526;
    --golge:0 8px 26px -14px rgba(0,0,0,.6);
    --golge-l:0 26px 60px -28px rgba(0,0,0,.72);
  }
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--gun);color:var(--murekkep);
  font-family:var(--font-govde);font-size:clamp(1rem,.96rem + .22vw,1.09rem);
  line-height:1.64;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
/* ince sıcak grain — aydınlık kalır (multiply, çok düşük opaklık) */
body::before{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark){body::before{mix-blend-mode:screen;opacity:.05}}

h1,h2,h3{font-family:var(--font-display);color:var(--murekkep);line-height:1.05;
  letter-spacing:-.028em;font-weight:700;text-wrap:balance}
h1{font-size:clamp(2.55rem,7.4vw,4.6rem);font-weight:800;letter-spacing:-.038em;line-height:1.0}
h2{font-size:clamp(2rem,4.7vw,3.2rem);margin-bottom:.34em;font-weight:700;letter-spacing:-.032em}
h3{font-size:clamp(1.18rem,2.3vw,1.42rem);font-weight:700;letter-spacing:-.018em}
p{max-width:65ch}
strong{font-weight:600;color:inherit}
a{color:var(--terra);text-underline-offset:3px}
em{font-style:normal;color:var(--terra)}
::selection{background:var(--terra);color:#FFF6EF}
:focus-visible{outline:3px solid var(--terra);outline-offset:3px;border-radius:6px}
img,svg{max-width:100%;display:block}

html{scrollbar-color:var(--terra) var(--yulaf)}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-thumb{background:var(--terra);border-radius:99px;border:3px solid var(--gun)}
::-webkit-scrollbar-track{background:var(--yulaf)}

.ic{width:var(--ic);margin-inline:auto}
.dar{max-width:780px}
section{padding:clamp(64px,8.5vw,116px) 0;position:relative}
/* EKLENTİ: nav'dan gelen #nasil/#fiyat/#sss bağlantıları sticky header'ın altında kalmasın */
section[id]{scroll-margin-top:76px}

/* Etiket: el yazısı + terrakota çizgi (specialty menü notu hissi) */
.etiket{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-el);
  color:var(--terra);font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700;margin-bottom:14px;line-height:1}
.etiket::before{content:"";width:28px;height:2.5px;background:var(--terra);border-radius:2px}
.lead{font-size:clamp(1.08rem,1rem + .55vw,1.32rem);color:var(--murekkep-2);line-height:1.6}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;
  font-family:var(--font-govde);font-weight:600;font-size:1.06rem;text-decoration:none;
  border-radius:14px;padding:17px 32px;min-height:56px;text-align:center;cursor:pointer;
  border:2px solid transparent;transition:transform .16s var(--ease),box-shadow .28s,background .25s;position:relative}
.btn svg{flex-shrink:0}
.btn-ana{background:var(--terra);color:#FFF6EF;box-shadow:var(--golge-terra)}
.btn-ana:hover{background:var(--terra-koyu);transform:translateY(-3px);box-shadow:0 24px 46px -16px rgba(200,84,47,.55)}
.btn-ana:active{transform:translateY(-1px) scale(.985)}
.btn-cizgi{background:transparent;color:var(--murekkep);border-color:var(--cizgi-koyu)}
.btn-cizgi:hover{background:color-mix(in srgb,var(--terra) 8%,transparent);border-color:var(--terra);transform:translateY(-3px)}
.cta-blok{margin:28px 0 0}
.cta-mikro{display:flex;gap:9px;align-items:flex-start;margin-top:15px;
  font-size:.93rem;color:var(--murekkep-2);max-width:48ch}
.cta-mikro svg{flex-shrink:0;margin-top:2px}
.tik{width:18px;height:18px;flex-shrink:0}

/* ---------- .ph-slot: SICAK degrade görsel yuvası (higgsfield <img> üstüne biner) ----------
   Her yuva tek başına tamamlanmış görünmeli: katmanlı sıcak mesh degrade + ince ışık. */
.ph-slot{position:absolute;inset:0;overflow:hidden;background:var(--yulaf)}
.ph-slot::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 80% at 20% 12%,rgba(255,255,255,.35),transparent 60%)}
.ph-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}
/* Kafe içi — gün ışığı, sıcak ahşap */
.ph-hero{background:
  radial-gradient(90% 70% at 78% 8%,rgba(255,240,214,.95),transparent 60%),
  radial-gradient(70% 60% at 12% 30%,rgba(234,107,74,.32),transparent 62%),
  radial-gradient(90% 90% at 88% 96%,rgba(110,123,78,.28),transparent 60%),
  linear-gradient(155deg,#F7E6C9,#EBB985 42%,#D06B3F 100%)}
/* Editoryal yemek — iştah açıcı */
.ph-yemek{background:
  radial-gradient(80% 70% at 26% 14%,rgba(255,238,205,.85),transparent 58%),
  radial-gradient(80% 80% at 84% 92%,rgba(171,66,34,.5),transparent 60%),
  linear-gradient(160deg,#F0C489,#DD8A50 46%,#B4471F 100%)}
/* Specialty kahve + pastane */
.ph-kahve{background:
  radial-gradient(75% 65% at 22% 16%,rgba(255,245,225,.9),transparent 60%),
  radial-gradient(80% 80% at 86% 90%,rgba(198,127,48,.42),transparent 62%),
  linear-gradient(155deg,#F6E3C4,#E0A967 48%,#B87B3D 100%)}
/* Güzellik salonu — ferah, sıcak ışık */
.ph-salon{background:
  radial-gradient(80% 70% at 24% 12%,rgba(255,244,232,.92),transparent 60%),
  radial-gradient(70% 70% at 82% 88%,rgba(234,107,74,.34),transparent 62%),
  linear-gradient(160deg,#F7E7D6,#E8B79A 50%,#C87E5C 100%)}
/* Restoran tabağı — daha doygun sıcak */
.ph-restoran{background:
  radial-gradient(80% 70% at 24% 14%,rgba(255,236,200,.8),transparent 58%),
  radial-gradient(80% 80% at 82% 90%,rgba(110,123,78,.3),transparent 60%),
  linear-gradient(160deg,#EFBE82,#CF7A44 46%,#A64322 100%)}
/* Kurucu ambiyansı — sıcak, samimi, zeytin/bal */
.ph-kurucu{background:
  radial-gradient(80% 70% at 26% 14%,rgba(255,244,224,.9),transparent 58%),
  radial-gradient(70% 70% at 84% 90%,rgba(110,123,78,.4),transparent 62%),
  linear-gradient(158deg,#F4E4C6,#D9AE74 48%,#9C7B45 100%)}
/* "Önce" — sönük, düz ışık (slider kontrastı için degrade bile solgun) */
.ph-once{background:linear-gradient(160deg,#C9BCA6,#9C8E78 52%,#6E6353 100%);filter:saturate(.6)}

/* ================= HEADER ================= */
header{position:sticky;top:0;z-index:60;
  background:color-mix(in srgb,var(--gun) 82%,transparent);
  backdrop-filter:saturate(1.35) blur(14px);border-bottom:1px solid var(--cizgi)}
.header-ic{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-mark{width:42px;height:42px;flex-shrink:0}
.logo-yazi{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--murekkep);letter-spacing:-.03em}
.header-cta{font-size:.98rem;padding:12px 22px;min-height:48px}
.header-cta .wa{display:none}
@media(min-width:560px){.header-cta .wa{display:inline}}

/* ---- EKLENTİ: masaüstü nav (site planı §Navigasyon) ---- */
.nav{display:none;align-items:center;gap:clamp(18px,2.4vw,30px);margin-inline:auto}
.nav a{color:var(--murekkep);text-decoration:none;font-weight:500;font-size:.98rem;
  padding:6px 2px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav a:hover{color:var(--terra);border-bottom-color:var(--terra)}
@media(min-width:940px){.nav{display:flex}}
/* Mobil hamburger düğmesi */
.nav-tus{display:inline-grid;place-items:center;width:48px;height:48px;flex-shrink:0;
  background:transparent;border:2px solid var(--cizgi-koyu);border-radius:14px;cursor:pointer;color:var(--murekkep)}
.nav-tus:hover{border-color:var(--terra);color:var(--terra)}
.nav-tus .cizgiler,.nav-tus .cizgiler::before,.nav-tus .cizgiler::after{
  content:"";display:block;width:20px;height:2.4px;background:currentColor;border-radius:2px;
  transition:transform .3s var(--ease),opacity .2s}
.nav-tus .cizgiler{position:relative}
.nav-tus .cizgiler::before,.nav-tus .cizgiler::after{position:absolute;left:0}
.nav-tus .cizgiler::before{top:-6.5px}
.nav-tus .cizgiler::after{top:6.5px}
.nav-tus[aria-expanded="true"] .cizgiler{transform:rotate(45deg)}
.nav-tus[aria-expanded="true"] .cizgiler::before{transform:rotate(-90deg) translateX(-6.5px)}
.nav-tus[aria-expanded="true"] .cizgiler::after{opacity:0}
@media(min-width:940px){.nav-tus{display:none}}
/* Mobil açılır panel — sticky header'ın hemen altı */
.nav-panel{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;
  background:var(--gun);border-bottom:1px solid var(--cizgi);box-shadow:var(--golge-l);padding:8px 0 14px}
.nav-panel.acik{display:flex}
.nav-panel a{color:var(--murekkep);text-decoration:none;font-weight:500;font-size:1.05rem;
  padding:14px 24px;min-height:48px;display:flex;align-items:center}
.nav-panel a:hover{color:var(--terra);background:color-mix(in srgb,var(--terra) 6%,transparent)}
@media(min-width:940px){.nav-panel{display:none!important}}

/* ================= HERO (aydınlık / gün ışığı) ================= */
.hero{overflow:hidden;isolation:isolate;
  padding-top:clamp(46px,6vw,80px);padding-bottom:clamp(56px,7vw,104px);
  background:linear-gradient(180deg,var(--gun),var(--yulaf))}
/* yaşayan gün-ışığı arka planı: sıcak ışık havuzları usulca kayar */
.hero-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.sun{position:absolute;border-radius:50%;filter:blur(64px);will-change:transform;mix-blend-mode:multiply}
.sun.s1{width:52vw;height:52vw;max-width:640px;max-height:640px;top:-16%;right:-10%;
  background:radial-gradient(circle,rgba(227,155,75,.6),transparent 66%);animation:isik1 22s ease-in-out infinite}
.sun.s2{width:44vw;height:44vw;max-width:540px;max-height:540px;bottom:-22%;left:-14%;
  background:radial-gradient(circle,rgba(234,107,74,.4),transparent 66%);animation:isik2 27s ease-in-out infinite}
.sun.s3{width:32vw;height:32vw;max-width:400px;max-height:400px;top:34%;left:44%;
  background:radial-gradient(circle,rgba(110,123,78,.34),transparent 64%);animation:isik1 30s ease-in-out infinite reverse}
@keyframes isik1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-4%,5%) scale(1.08)}}
@keyframes isik2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6%,-4%) scale(1.1)}}

.hero-grid{display:grid;gap:clamp(40px,5vw,64px);align-items:center}
@media(min-width:980px){.hero-grid{grid-template-columns:1.02fr .98fr}}
.hero h1{margin-bottom:.42em}
.hero .alt{margin:0 0 8px;font-size:clamp(1.08rem,1rem + .55vw,1.34rem);max-width:52ch;color:var(--murekkep-2)}
.hero-guven{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;font-size:.94rem;color:var(--murekkep-2)}
.hero-guven span{display:inline-flex;align-items:center;gap:8px}

/* ---- Aydınlık sahne: kafe fotoğrafı yuvası + telefon mockup ---- */
.hero-sahne{position:relative;justify-self:center;width:min(430px,92vw);aspect-ratio:1/1}
.sahne-foto{position:absolute;inset:5% 0 13% 6%;border-radius:var(--radius-xl);overflow:hidden;
  box-shadow:var(--golge-l);border:3px solid var(--kart)}
.sahne-etiket{position:absolute;left:14px;top:14px;z-index:3;font-family:var(--font-el);
  color:#FFF6EF;font-size:1.5rem;font-weight:700;transform:rotate(-4deg);text-shadow:0 2px 10px rgba(120,50,20,.5)}

/* Telefon — MARKASIZ, açık gümüş çerçeve */
.telefon{position:absolute;right:-2%;bottom:-3%;z-index:4;
  width:min(238px,54vw);aspect-ratio:295/610;border-radius:46px;padding:5px;
  background:linear-gradient(145deg,#FFFDF9 0%,#D8CDBB 30%,#B4A791 54%,#E2D8C7 76%,#FFFDF9 100%);
  box-shadow:var(--golge-l),0 0 0 1px rgba(120,80,50,.16);
  animation:tel-yuz 7s ease-in-out infinite}
@keyframes tel-yuz{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-.6deg)}}
.tel-ekran{position:relative;width:100%;height:100%;background:#efe7da;border-radius:41px;padding:4px;overflow:hidden}
.island{position:absolute;top:11px;left:50%;transform:translateX(-50%);z-index:6;
  width:64px;height:19px;background:#2B2118;border-radius:99px}
.ig{width:100%;height:100%;background:var(--kart);border-radius:37px;overflow:hidden;display:flex;flex-direction:column}
.ig-bar{display:flex;align-items:center;gap:9px;padding:30px 12px 9px}
.ig-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;padding:2px;
  background:conic-gradient(from 210deg,var(--terra),var(--bal),var(--mercan),var(--terra))}
.ig-av>span{display:block;width:100%;height:100%;border-radius:50%;background:var(--yulaf)}
.ig-bar .ad{font-weight:600;font-size:.82rem;line-height:1.2;color:var(--murekkep)}
.ig-bar .ad small{display:block;font-weight:400;color:var(--murekkep-2);font-size:.7rem}
.ig-foto{position:relative;aspect-ratio:1/1;overflow:hidden}
.ig-akt{display:flex;gap:15px;padding:10px 12px 5px;color:var(--murekkep)}
.ig-akt svg{width:22px;height:22px}
.ig-akt .kalp{color:var(--terra)}
.ig-cap{padding:0 12px 7px;font-size:.76rem;line-height:1.5;color:var(--murekkep)}
.ig-cap b{font-weight:600}
.ig-onay{margin:2px 12px 13px;display:inline-flex;align-items:center;gap:6px;
  background:var(--zeytin-tint);color:var(--zeytin-koyu);font-size:.68rem;font-weight:600;
  padding:5px 10px;border-radius:999px;align-self:flex-start}
.float-onay{position:absolute;z-index:7;background:var(--kart);box-shadow:var(--golge-l);
  border-radius:15px;padding:12px 15px;display:flex;align-items:center;gap:11px;
  font-size:.82rem;font-weight:600;color:var(--murekkep);left:-6%;bottom:19%;line-height:1.3;
  border:1px solid var(--cizgi);animation:sekme 5.5s ease-in-out infinite}
@keyframes sekme{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.float-onay .yesil{width:30px;height:30px;border-radius:50%;background:var(--zeytin);
  display:grid;place-items:center;flex-shrink:0}

/* ================= MARQUEE ŞERİT (enerjik terrakota pop) ================= */
.serit{background:var(--terra);overflow:hidden;padding:16px 0}
.serit-mask{display:flex;width:max-content;animation:kay 34s linear infinite}
.serit-grup{display:flex;align-items:center;flex-shrink:0}
.serit-grup span{font-family:var(--font-display);font-weight:600;font-style:normal;
  font-size:clamp(1.15rem,2.4vw,1.6rem);color:#FFF6EF;padding:0 22px;white-space:nowrap;letter-spacing:-.01em}
.serit-grup span::after{content:"✦";color:var(--bal);margin-left:44px}
@keyframes kay{to{transform:translateX(-50%)}}

/* ================= PROBLEM ================= */
.problem{background:var(--yulaf)}
.problem-grid{display:grid;gap:18px;margin-top:36px}
@media(min-width:760px){.problem-grid{grid-template-columns:repeat(3,1fr)}}
.kart-p{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--radius);
  padding:26px;box-shadow:var(--golge);transition:transform .28s var(--ease),box-shadow .28s}
.kart-p:hover{transform:translateY(-5px);box-shadow:var(--golge-l)}
.kart-p .ikon{width:48px;height:48px;border-radius:13px;background:var(--terra-yumusak);
  display:grid;place-items:center;margin-bottom:17px}
.kart-p h3{font-size:1.14rem;margin-bottom:7px}
.kart-p p{color:var(--murekkep-2);font-size:.97rem}
.kopru{margin-top:36px;font-family:var(--font-display);font-weight:700;
  font-size:clamp(1.5rem,3.8vw,2.15rem);color:var(--terra);text-align:center;max-width:24ch;
  margin-inline:auto;line-height:1.14;letter-spacing:-.03em}

/* ================= NASIL ÇALIŞIR ================= */
.adimlar{display:grid;gap:20px;margin-top:40px}
@media(min-width:820px){.adimlar{grid-template-columns:repeat(3,1fr)}}
.adim{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--radius);
  padding:32px 28px;box-shadow:var(--golge);position:relative;overflow:hidden;
  transition:transform .28s var(--ease)}
.adim:hover{transform:translateY(-5px)}
.adim::after{content:attr(data-no);position:absolute;right:14px;top:-22px;
  font-family:var(--font-display);font-size:6.6rem;font-weight:800;color:var(--kum);z-index:0;line-height:1}
.adim>*{position:relative;z-index:1}
.adim .no{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:13px;
  background:var(--terra);color:#FFF6EF;font-weight:700;font-size:1.2rem;margin-bottom:18px;font-family:var(--font-govde)}
.adim h3{margin-bottom:9px}
.adim p{color:var(--murekkep-2);font-size:.98rem}

/* ================= ÖNCE / SONRA SLIDER ================= */
.onceSonra{background:var(--kum)}
.ba-sar{margin-top:38px;max-width:600px}
.ba{position:relative;aspect-ratio:4/5;border-radius:var(--radius-l);overflow:hidden;
  box-shadow:var(--golge-l);border:3px solid var(--kart);user-select:none;touch-action:pan-y;cursor:ew-resize;isolation:isolate;background:var(--yulaf)}
.ba-kat{position:absolute;inset:0;overflow:hidden}
.ba-once{z-index:2;clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)}
.ba-ust{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;padding:14px;pointer-events:none}
.ba-tag{background:rgba(43,33,24,.72);color:#FFF6EF;font-size:.76rem;font-weight:600;
  padding:6px 13px;border-radius:999px;backdrop-filter:blur(4px)}
.ba-tag.iyi{background:var(--terra);color:#FFF6EF}
.ba-tut{position:absolute;top:0;bottom:0;left:var(--x,50%);width:3px;background:#FFF6EF;
  transform:translateX(-50%);z-index:6;box-shadow:0 0 0 1px rgba(120,60,30,.2)}
.ba-tut::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:48px;height:48px;border-radius:50%;background:#FFF6EF;box-shadow:0 6px 18px rgba(120,60,30,.4)}
.ba-tut::after{content:"⟺";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-size:21px;color:var(--terra);z-index:1}
.ba-tut:focus-visible{outline:none}
.ba-tut:focus-visible::before{outline:3px solid var(--terra);outline-offset:3px}
.ba-not{font-family:var(--font-el);font-size:1.32rem;font-weight:600;color:var(--murekkep-2);margin-top:14px;display:flex;gap:9px;align-items:center}
/* SONRA: markalı gönderi */
.ba-sonra{background:var(--kart);display:flex;flex-direction:column}
.ba-sonra .mini-bar{display:flex;align-items:center;gap:9px;padding:11px 13px}
.mini-av{width:30px;height:30px;border-radius:50%;padding:2px;
  background:conic-gradient(from 210deg,var(--terra),var(--bal),var(--mercan),var(--terra))}
.mini-av>span{display:block;width:100%;height:100%;border-radius:50%;background:var(--yulaf)}
.ba-sonra .ad{font-weight:600;font-size:.82rem;color:var(--murekkep)}
.ba-sonra .mini-foto{position:relative;flex:1;overflow:hidden}
.mini-cap{padding:9px 13px 13px;font-size:.78rem;line-height:1.45;color:var(--murekkep)}
.mini-cap b{font-weight:600}
/* ÖNCE: kötü telefon çekimi — soluk, eğik */
.once-foto{position:absolute;inset:-6% -4%;transform:rotate(-4deg) scale(.94)}
.once-foto .ph-slot{filter:saturate(.55) brightness(.82) contrast(1.02)}

/* ================= VİTRİN (AYDINLIK galeri) ================= */
.vitrin{background:var(--gun);position:relative}
.vitrin::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 50% at 84% 6%,rgba(227,155,75,.16),transparent 60%),
            radial-gradient(50% 45% at 6% 96%,rgba(110,123,78,.12),transparent 60%)}
.vitrin>.ic{position:relative;z-index:1}
.vitrin-grid{display:grid;gap:22px;margin-top:38px}
@media(min-width:720px){.vitrin-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.vitrin-grid{grid-template-columns:repeat(3,1fr)}}
.gonderi{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--golge);display:flex;flex-direction:column;color:var(--murekkep);
  transition:transform .3s var(--ease),box-shadow .3s}
.gonderi:hover{transform:translateY(-6px);box-shadow:var(--golge-l)}
.g-bar{display:flex;align-items:center;gap:10px;padding:13px 15px}
.g-av{width:36px;height:36px;border-radius:50%;flex-shrink:0;padding:2px;
  background:conic-gradient(from 210deg,var(--terra),var(--bal),var(--mercan),var(--terra))}
.g-av>span{display:block;width:100%;height:100%;border-radius:50%;background:var(--yulaf)}
.g-bar .ad{font-weight:600;font-size:.92rem;line-height:1.2}
.g-bar .ad small{display:block;font-weight:400;color:var(--murekkep-2);font-size:.76rem}
.g-gorsel{aspect-ratio:1/1;position:relative;overflow:hidden}
.g-akt{display:flex;gap:15px;padding:11px 15px 4px;color:var(--murekkep)}
.g-akt svg{width:22px;height:22px}
.g-akt .kalp{color:var(--terra)}
.g-cap{padding:6px 15px 10px;font-size:.9rem;line-height:1.5}
.g-cap .etiketler{color:var(--terra);opacity:.9;font-size:.82rem;margin-top:6px;word-spacing:.35em}
.g-onay{margin:0 15px 15px;display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  background:var(--zeytin-tint);color:var(--zeytin-koyu);font-size:.78rem;font-weight:600;
  padding:6px 12px;border-radius:999px}
.vitrin-not{font-family:var(--font-el);font-weight:600;margin-top:28px;font-size:1.3rem;color:var(--murekkep-2);
  display:flex;gap:9px;align-items:center}

/* ================= KURUCU + ZANAAT ================= */
.kurucu{background:var(--yulaf)}
.kurucu-grid{display:grid;gap:clamp(30px,4vw,56px);align-items:center;margin-top:14px}
@media(min-width:820px){.kurucu-grid{grid-template-columns:320px 1fr}}
.kurucu-foto{aspect-ratio:1/1;max-width:320px;border-radius:var(--radius-xl);overflow:hidden;
  position:relative;box-shadow:var(--golge-l);border:3px solid var(--kart);justify-self:center;width:100%}
.kurucu-foto .isim-band{position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:3;
  background:linear-gradient(0deg,rgba(43,33,24,.8),transparent);color:#FFF6EF}
.kurucu-foto .isim-band b{font-family:var(--font-display);font-size:1.3rem;display:block;font-weight:700}
.kurucu-foto .isim-band span{font-size:.82rem;opacity:.92}
.kurucu-text .imza{font-family:var(--font-el);font-weight:700;
  font-size:clamp(1.7rem,4.2vw,2.5rem);color:var(--terra);line-height:1.14;margin-bottom:22px}
.kurucu-text p{color:var(--murekkep-2);margin-bottom:16px}
/* Özen şeridi — v4'ün TEK zengin renk bloğu: zeytin (toprak enerjisi) */
.ozen-serit{margin-top:30px;background:var(--zeytin);color:#FBF7F0;
  border-radius:var(--radius-l);padding:26px 30px;display:flex;gap:20px;align-items:center;box-shadow:var(--golge-l);
  position:relative;overflow:hidden}
.ozen-serit .zanaat-ikon{flex-shrink:0;width:52px;height:52px}
.ozen-serit p{color:#F4EDE0;margin:0;font-size:1.02rem}
.ozen-serit b{color:var(--bal);font-family:var(--font-el);font-weight:700;font-size:1.35rem}
.ozen-serit .el{font-family:var(--font-el);font-weight:700;color:var(--bal);font-size:1.6rem;
  position:absolute;right:22px;top:12px;opacity:.95}

/* ================= FİYAT (AYDINLIK premium) ================= */
.fiyat{background:var(--gun)}
.fiyat .battle{color:var(--murekkep-2);max-width:68ch;margin-top:6px}
.fiyat .battle strong{color:var(--murekkep)}
.planlar{display:grid;gap:22px;margin-top:44px;align-items:stretch}
@media(min-width:880px){.planlar{grid-template-columns:.85fr 1.16fr .92fr}}
.plan{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--radius-l);padding:32px 28px;
  display:flex;flex-direction:column;color:var(--murekkep);position:relative;box-shadow:var(--golge)}
.plan .pad{font-family:var(--font-govde);font-weight:600;font-size:1.02rem;color:var(--terra);letter-spacing:.01em}
.plan .fiy{font-family:var(--font-display);font-size:2.8rem;font-weight:800;letter-spacing:-.04em;margin:9px 0 2px}
.plan .fiy small{font-family:var(--font-govde);font-size:.95rem;font-weight:500;color:var(--murekkep-2)}
.plan .altbilgi{font-size:.86rem;color:var(--murekkep-2);margin-bottom:6px}
.plan ul{list-style:none;margin:20px 0 24px;display:grid;gap:12px;font-size:.95rem}
.plan li{display:flex;gap:10px;align-items:flex-start;line-height:1.4}
.plan li svg{flex-shrink:0;margin-top:2px}
.plan li.yok{color:var(--murekkep-3)}
.plan .btn{margin-top:auto}
.plan-ajans{background:var(--yulaf);opacity:.96}
.plan-ajans .fiy{color:var(--murekkep-3);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--terra)}
.plan-one{border:2.5px solid var(--terra);box-shadow:0 34px 74px -30px rgba(200,84,47,.5);transform:translateY(-8px);
  background:linear-gradient(180deg,var(--kart),color-mix(in srgb,var(--terra-yumusak) 55%,var(--kart)))}
.plan-one .rozet{position:absolute;top:-16px;left:50%;transform:translateX(-50%);
  background:var(--terra);color:#FFF6EF;font-size:.78rem;font-weight:600;font-family:var(--font-govde);
  padding:7px 17px;border-radius:999px;white-space:nowrap;display:inline-flex;gap:6px;align-items:center;box-shadow:var(--golge-terra)}
.plan-one .fiy{color:var(--terra)}
.roi{background:var(--zeytin-tint);border-radius:12px;padding:12px 14px;font-size:.86rem;
  color:var(--zeytin-koyu);display:flex;gap:9px;align-items:flex-start;margin-bottom:4px}
.roi svg{flex-shrink:0;margin-top:1px}
.roi strong{color:var(--zeytin-koyu)}
.fiyat-dip{color:var(--murekkep-2);font-size:.9rem;margin-top:28px;display:flex;gap:9px;
  align-items:flex-start;justify-content:center;text-align:center;max-width:54ch;margin-inline:auto}

/* ================= SSS ================= */
.sss{background:var(--yulaf)}
.sss details{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;
  margin-top:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.sss details[open]{border-color:color-mix(in srgb,var(--terra) 42%,var(--cizgi));box-shadow:var(--golge)}
.sss summary{cursor:pointer;font-weight:600;font-size:1.04rem;padding:20px 22px;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:56px;color:var(--murekkep)}
.sss summary::-webkit-details-marker{display:none}
.sss summary .art{flex-shrink:0;width:27px;height:27px;border-radius:50%;background:var(--terra-yumusak);
  display:grid;place-items:center;position:relative;transition:transform .3s var(--ease)}
.sss summary .art::before,.sss summary .art::after{content:"";position:absolute;background:var(--terra);border-radius:2px}
.sss summary .art::before{width:12px;height:2px}
.sss summary .art::after{width:2px;height:12px;transition:transform .3s var(--ease)}
.sss details[open] summary .art{transform:rotate(180deg)}
.sss details[open] summary .art::after{transform:scaleY(0)}
.sss details p{padding:0 22px 21px;color:var(--murekkep-2);font-size:.98rem;max-width:72ch}
.sss details p a{font-weight:600}

/* ================= KAPANIŞ (SICAK gün doğumu finali) ================= */
.kapanis{text-align:center;overflow:hidden;isolation:isolate;
  background:linear-gradient(150deg,#E39B4B 0%,#D06B3F 46%,#C8542F 100%);color:#FFF6EF}
.kapanis .kap-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.kapanis .kap-bg .sun{mix-blend-mode:screen;filter:blur(70px)}
.kapanis .kap-bg .s1{background:radial-gradient(circle,rgba(255,240,214,.6),transparent 66%)}
.kapanis .kap-bg .s2{background:radial-gradient(circle,rgba(255,255,255,.28),transparent 66%)}
.kapanis h2{color:#FFF6EF;font-size:clamp(2.3rem,5.4vw,3.7rem)}
.kapanis h2 em{color:#2B2118}
.kapanis .ic{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.kapanis p{margin:18px auto 0;color:#FFF1E4}
.kapanis .cta-blok{display:flex;flex-direction:column;align-items:center}
.kapanis .cta-mikro{justify-content:center;text-align:left;color:#FFF1E4}
.kapanis .btn-ana{background:#2B2118;color:#FFF6EF;box-shadow:0 18px 40px -16px rgba(43,33,24,.6)}
.kapanis .btn-ana:hover{background:#1E1710}

/* ================= FOOTER ================= */
footer{background:#2B2118;color:#CBB79C;padding:48px 0 34px}
.footer-ic{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}
.footer-marka{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.footer-marka .logo-yazi{color:#F4EDE0}
footer p{font-size:.9rem;max-width:46ch;color:#CBB79C}
.footer-linkler{display:flex;flex-direction:column;gap:11px}
.footer-linkler a{color:#F4EDE0;text-decoration:none;font-size:.95rem;display:inline-flex;gap:9px;align-items:center}
.footer-linkler a:hover{color:#FFF6EF}
.footer-alt{margin-top:30px;padding-top:22px;border-top:1px solid rgba(244,237,224,.12);font-size:.82rem;color:#9A876F}
/* EKLENTİ: footer yasal satırı (site planı §Navigasyon — footer) */
.footer-yasal{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:10px;font-size:.82rem}
.footer-yasal a{color:#CBB79C;text-decoration:none}
.footer-yasal a:hover{color:#F4EDE0;text-decoration:underline;text-underline-offset:3px}

/* ================= 404 (mini sayfa) ================= */
.sayfa-404{min-height:calc(100vh - 76px);display:flex;align-items:center;text-align:center;
  background:linear-gradient(180deg,var(--gun),var(--yulaf));overflow:hidden;isolation:isolate}
.sayfa-404 .ic{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.sayfa-404 .kod{font-family:var(--font-el);font-weight:700;color:var(--terra);
  font-size:clamp(4.4rem,14vw,8rem);line-height:1;transform:rotate(-3deg)}
.sayfa-404 p{margin-top:14px}
.sayfa-404 .wa-satir{margin-top:20px;font-size:.95rem;color:var(--murekkep-2)}
.sayfa-404 .wa-satir a{font-weight:600}

/* ---------- scroll-reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal.gor{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none;transition:none}
  .sun,.serit-mask,.telefon,.float-onay{animation:none}
  .btn{transition:background .15s}
  .nav-tus .cizgiler,.nav-tus .cizgiler::before,.nav-tus .cizgiler::after{transition:none}
}

/* ============================================================
   AKILLI ASİSTAN CHATBOT (.pp-chat-*) — site.js sayfa yüklenince
   DOM'a inject eder; 12 sayfanın hepsinde otomatik çıkar. WhatsApp
   widget'ının yerini alır. v4 gün-ışığı paleti + koyu tema uyumlu.
   ============================================================ */
/* ---- Yüzen buton (FAB) ---- */
.pp-fab{position:fixed;right:clamp(16px,3vw,26px);bottom:clamp(16px,3vw,26px);z-index:80;
  display:inline-flex;align-items:center;gap:11px;height:60px;padding:0 24px 0 20px;border:none;cursor:pointer;
  background:var(--terra);color:#FFF6EF;border-radius:999px;font-family:var(--font-govde);font-weight:600;font-size:1rem;
  box-shadow:var(--golge-terra),0 0 0 0 rgba(200,84,47,.45);
  transition:transform .2s var(--ease),box-shadow .3s var(--ease),background .25s,opacity .25s}
.pp-fab:hover{background:var(--terra-koyu);transform:translateY(-3px)}
.pp-fab:active{transform:translateY(-1px) scale(.98)}
.pp-fab svg{flex-shrink:0}
.pp-fab .pp-fab-nokta{position:absolute;top:11px;right:16px;width:11px;height:11px;border-radius:50%;
  background:var(--zeytin);box-shadow:0 0 0 2.5px var(--terra);animation:pp-nabiz 2.6s ease-in-out infinite}
@keyframes pp-nabiz{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.65}}
.pp-fab.pp-gizli{opacity:0;transform:scale(.6) translateY(10px);pointer-events:none}
@media(max-width:540px){
  .pp-fab .pp-fab-yazi{display:none}
  .pp-fab{width:60px;height:60px;padding:0;justify-content:center}
  .pp-fab .pp-fab-nokta{top:9px;right:9px}
}

/* ---- Panel ---- */
.pp-panel{position:fixed;right:clamp(16px,3vw,26px);bottom:calc(clamp(16px,3vw,26px) + 74px);z-index:81;
  width:min(400px,calc(100vw - 32px));height:min(624px,calc(100vh - 128px));
  display:flex;flex-direction:column;background:var(--gun);
  border:1px solid var(--cizgi);border-radius:var(--radius-l);overflow:hidden;
  box-shadow:var(--golge-l),0 0 0 1px rgba(120,80,50,.05);
  opacity:0;transform:translateY(18px) scale(.97);transform-origin:bottom right;pointer-events:none;
  transition:opacity .28s var(--ease),transform .28s var(--ease)}
.pp-panel.pp-acik{opacity:1;transform:none;pointer-events:auto}
@media(max-width:540px){
  .pp-panel{right:0;left:0;bottom:0;top:0;width:100vw;height:100dvh;border-radius:0;border:none;
    transform:translateY(100%);transform-origin:bottom center}
  .pp-panel.pp-acik{transform:none}
}

/* ---- Panel başlık ---- */
.pp-bas{position:relative;display:flex;align-items:center;gap:12px;padding:15px 16px;flex-shrink:0;
  background:linear-gradient(150deg,var(--terra) 0%,var(--terra-koyu) 100%);color:#FFF6EF;isolation:isolate}
.pp-bas::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 130% at 88% -20%,rgba(255,240,214,.32),transparent 60%)}
.pp-bas-mark{width:40px;height:40px;flex-shrink:0;border-radius:12px;background:rgba(255,246,239,.16);
  display:grid;place-items:center;backdrop-filter:blur(4px)}
.pp-bas-mark svg{width:26px;height:26px}
.pp-bas-baslik{flex:1;line-height:1.2;min-width:0}
.pp-bas-baslik b{font-family:var(--font-display);font-weight:700;font-size:1.06rem;letter-spacing:-.02em;display:block}
.pp-bas-baslik span{font-size:.8rem;opacity:.92;display:inline-flex;align-items:center;gap:6px}
.pp-bas-baslik span::before{content:"";width:8px;height:8px;border-radius:50%;background:#8FC97A;
  box-shadow:0 0 0 3px rgba(143,201,122,.3)}
.pp-kapat{flex-shrink:0;width:36px;height:36px;border:none;border-radius:10px;cursor:pointer;
  background:rgba(255,246,239,.14);color:#FFF6EF;display:grid;place-items:center;transition:background .2s}
.pp-kapat:hover{background:rgba(255,246,239,.28)}

/* ---- Mesaj akışı ---- */
.pp-akis{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px 8px;
  display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth;
  background:linear-gradient(180deg,var(--gun),var(--yulaf))}
.pp-akis{scrollbar-color:var(--cizgi-koyu) transparent}
.pp-akis::-webkit-scrollbar{width:8px}
.pp-akis::-webkit-scrollbar-thumb{background:var(--cizgi-koyu);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
.pp-akis::-webkit-scrollbar-track{background:transparent}

.pp-satir{display:flex;gap:9px;align-items:flex-end;max-width:100%}
.pp-satir.pp-ben{justify-content:flex-end}
.pp-av{width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--terra);display:grid;place-items:center}
.pp-av svg{width:19px;height:19px}
.pp-balon{max-width:80%;padding:12px 15px;border-radius:16px;font-size:.95rem;line-height:1.55;
  background:var(--kart);color:var(--murekkep);border:1px solid var(--cizgi);border-bottom-left-radius:5px;
  box-shadow:var(--golge);word-wrap:break-word;animation:pp-gir .32s var(--ease) both}
.pp-balon p{max-width:none;margin:0}
.pp-balon p+p{margin-top:8px}
.pp-balon a{color:var(--terra);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.pp-balon strong{font-weight:600}
.pp-satir.pp-ben .pp-balon{background:var(--terra);color:#FFF6EF;border-color:transparent;
  border-radius:16px;border-bottom-right-radius:5px}
@keyframes pp-gir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Yazıyor göstergesi */
.pp-yaziyor{display:inline-flex;gap:4px;padding:14px 15px}
.pp-yaziyor span{width:7px;height:7px;border-radius:50%;background:var(--murekkep-3);animation:pp-zipla 1.2s ease-in-out infinite}
.pp-yaziyor span:nth-child(2){animation-delay:.16s}
.pp-yaziyor span:nth-child(3){animation-delay:.32s}
@keyframes pp-zipla{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}

/* Hızlı yanıt çipleri */
.pp-cipler{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 6px 39px}
.pp-satir.pp-ben+.pp-cipler{padding-left:0;justify-content:flex-end}
.pp-cip{border:1.5px solid var(--cizgi-koyu);background:var(--kart);color:var(--murekkep);
  font-family:var(--font-govde);font-weight:500;font-size:.88rem;padding:9px 15px;border-radius:999px;cursor:pointer;
  transition:border-color .18s,background .18s,transform .16s var(--ease),color .18s;min-height:40px;line-height:1.2}
.pp-cip:hover{border-color:var(--terra);background:color-mix(in srgb,var(--terra) 8%,var(--kart));
  color:var(--terra-koyu);transform:translateY(-2px)}
.pp-cip.pp-cip-ana{background:var(--terra);border-color:var(--terra);color:#FFF6EF}
.pp-cip.pp-cip-ana:hover{background:var(--terra-koyu);border-color:var(--terra-koyu);color:#FFF6EF}

/* ---- Form (lead + e-posta escalation) ---- */
.pp-form{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.pp-form label{font-size:.82rem;font-weight:600;color:var(--murekkep-2);margin-bottom:-4px}
.pp-form input,.pp-form textarea{width:100%;font-family:var(--font-govde);font-size:.95rem;color:var(--murekkep);
  background:var(--gun);border:1.5px solid var(--cizgi-koyu);border-radius:11px;padding:11px 13px;transition:border-color .18s}
.pp-form input:focus,.pp-form textarea:focus{outline:none;border-color:var(--terra)}
.pp-form textarea{resize:vertical;min-height:78px;line-height:1.5}
.pp-form .pp-gonder{margin-top:3px;justify-content:center;width:100%}
.pp-fallback{font-size:.8rem;color:var(--murekkep-2);margin-top:2px}
.pp-fallback a{color:var(--terra);font-weight:600}

/* ---- Alt bar: kalıcı "İlk paketimi al" + serbest metin girişi ---- */
.pp-alt{flex-shrink:0;border-top:1px solid var(--cizgi);background:var(--gun);padding:10px 12px 12px}
.pp-hizli{margin-bottom:9px}
.pp-hizli button{width:100%;border:none;cursor:pointer;background:var(--terra);color:#FFF6EF;
  font-family:var(--font-govde);font-weight:600;font-size:.95rem;padding:12px;border-radius:12px;min-height:46px;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:var(--golge-terra);
  transition:background .2s,transform .16s var(--ease)}
.pp-hizli button:hover{background:var(--terra-koyu);transform:translateY(-2px)}
.pp-giris{display:flex;gap:8px;align-items:flex-end}
.pp-giris textarea{flex:1;font-family:var(--font-govde);font-size:.93rem;color:var(--murekkep);
  background:var(--kart);border:1.5px solid var(--cizgi-koyu);border-radius:12px;padding:11px 13px;
  resize:none;min-height:46px;max-height:110px;line-height:1.45;transition:border-color .18s}
.pp-giris textarea:focus{outline:none;border-color:var(--terra)}
.pp-giris .pp-yolla{flex-shrink:0;width:46px;height:46px;border:none;border-radius:12px;cursor:pointer;
  background:var(--terra);color:#FFF6EF;display:grid;place-items:center;transition:background .2s,transform .16s var(--ease)}
.pp-giris .pp-yolla:hover{background:var(--terra-koyu);transform:translateY(-1px)}
.pp-giris .pp-yolla:disabled{background:var(--cizgi-koyu);cursor:not-allowed;transform:none}

@media (prefers-reduced-motion: reduce){
  .pp-fab .pp-fab-nokta{animation:none}
  .pp-panel,.pp-fab{transition:opacity .2s}
  .pp-balon,.pp-yaziyor span{animation:none}
  .pp-cip:hover,.pp-hizli button:hover,.pp-giris .pp-yolla:hover{transform:none}
}