/* King Oto Detaylı Temizlik — pasta pedi geçişi: çizikten aynaya */
:root{
  --karbon:#0b0c0e;
  --karbon2:#14171b;
  --karbon3:#1e2227;
  --cila:#cfd4d8;
  --soluk:#9aa1a8;
  --kopuk:#f2f1ed;
  --kopuk2:#e4e2db;
  --ped:#ff6a1a;
  --ped-acik:#ff8a45;
  --ped-koyu:#a83700;
  --yazi:#15181c;
  --yazi-soluk:#4b5157;
  --cizgi:rgba(255,255,255,.14);
  --odak:#ffb27f;
  --bas:"Century Gothic","Avenir Next","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --govde:Baskerville,"Baskerville Old Face","Hoefler Text",Georgia,"Times New Roman",serif;
  --etiket:"Courier New",Courier,monospace;
  --ust-yuk:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--karbon);color:#e9ebed;font-family:var(--govde);font-size:1.0625rem;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--bas);font-weight:800;margin:0;letter-spacing:-.02em;line-height:1.08;overflow-wrap:break-word;hyphens:auto}
h1{font-size:clamp(2.3rem,5.6vw + .5rem,5.2rem);line-height:1.02;letter-spacing:-.03em}
h2{font-size:clamp(1.8rem,3.4vw + .6rem,3.3rem)}
h3{font-size:clamp(1.15rem,.9vw + .95rem,1.5rem);line-height:1.2;letter-spacing:-.01em}
p{margin:0 0 1.1em;max-width:64ch}
section{position:relative;scroll-margin-top:var(--ust-yuk)}
:focus-visible{outline:3px solid var(--odak);outline-offset:3px;border-radius:2px}
.acik{--odak:#0b0c0e}

.atla{position:absolute;left:-999px;top:0;background:var(--ped);color:var(--karbon);padding:.7rem 1rem;z-index:100;font-family:var(--bas);font-weight:700}
.atla:focus{left:1rem;top:1rem}

.kap{width:min(1200px,100% - 2.5rem);margin-inline:auto}

/* ---------- Header ---------- */
.ust{position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(11,12,14,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.ust-ic{width:min(1280px,100% - 2rem);margin-inline:auto;min-height:var(--ust-yuk);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem;padding:.35rem 0}
.marka{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff}
.marka-ped{flex:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.marka:hover .marka-ped{transform:rotate(180deg)}
.marka-yazi{display:flex;flex-direction:column;line-height:1}
.marka-yazi strong{font-family:var(--bas);font-weight:800;font-size:1.3rem;letter-spacing:.2em}
.marka-yazi small{font-family:var(--etiket);font-size:.68rem;color:var(--soluk);letter-spacing:.08em;margin-top:.25rem}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem 1.4rem;width:100%;padding-bottom:.4rem}
.nav a{font-family:var(--bas);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--cila);padding:.5rem 0;position:relative}
.nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:.2rem;height:2px;background:var(--ped);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav a:hover,.nav a:focus-visible{color:#fff}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)}
.nav-cta{background:var(--ped);color:var(--karbon)!important;padding:.65rem 1.1rem!important;border-radius:999px}
.nav-cta:hover{background:var(--ped-acik)}
.menu-dugme{display:none}
.ilerleme{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--ped);transform-origin:left;transform:scaleX(var(--p,0))}

.js .menu-dugme{display:inline-flex;align-items:center;gap:.6rem;background:transparent;color:#fff;border:1px solid var(--soluk);border-radius:999px;padding:.55rem 1rem;font-family:var(--bas);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.menu-cizgi,.menu-cizgi::before{display:block;width:18px;height:2px;background:currentColor;position:relative;transition:transform .25s}
.menu-cizgi::before{content:"";position:absolute;top:6px;left:0}
.menu-dugme[aria-expanded="true"] .menu-cizgi{transform:translateY(3px) rotate(45deg)}
.menu-dugme[aria-expanded="true"] .menu-cizgi::before{transform:translateY(-6px) rotate(-90deg);top:6px}
.js .nav{display:none;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0 1rem}
.js .nav.ac{display:flex}
.js .nav a{padding:.9rem 0;border-bottom:1px solid var(--cizgi);font-size:.9rem}
.js .nav a::after{display:none}
.js .nav-cta{text-align:center;margin-top:.8rem;border-bottom:0!important}

@media (min-width:960px){
  .ust-ic{flex-wrap:nowrap;padding:0}
  .nav,.js .nav,.js .nav.ac{display:flex;flex-direction:row;width:auto;padding:0;gap:1.6rem;align-items:center}
  .js .nav a{padding:.5rem 0;border:0;font-size:.8rem}
  .js .nav a:not(.nav-cta)::after{display:block}
  .js .nav-cta{margin:0;padding:.65rem 1.1rem}
  .js .menu-dugme{display:none}
}

/* ---------- Genel parçalar ---------- */
.etiket{font-family:var(--etiket);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ped);margin:0 0 1.1rem;font-weight:700}
.acik .etiket{color:var(--ped-koyu)}
.bolum-bas{max-width:46rem;margin-bottom:clamp(2rem,5vw,3.8rem)}
.bolum-bas p:last-child{margin-bottom:0}
.bolum-bas h2{margin-bottom:1.2rem}

.dugmeler{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 1.4rem}
.dugme{display:inline-flex;align-items:center;gap:.7rem;background:var(--ped);color:var(--karbon);font-family:var(--bas);font-weight:800;font-size:.95rem;letter-spacing:.02em;text-decoration:none;padding:.95rem 1.6rem;border-radius:999px;border:2px solid var(--ped);cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s;position:relative;overflow:hidden}
.dugme::after{content:"→";transition:transform .25s}
.dugme:hover{background:var(--ped-acik);border-color:var(--ped-acik);transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(255,106,26,.7)}
.dugme:hover::after{transform:translateX(4px)}
button.dugme{font-family:var(--bas)}
.dugme-ikinci{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.dugme-ikinci:hover{background:rgba(255,255,255,.1);border-color:#fff;box-shadow:none}
.dugme-koyu{background:var(--karbon);border-color:var(--karbon);color:#fff}
.dugme-koyu:hover{background:var(--karbon3);border-color:var(--karbon3);box-shadow:none}
.dugme-acik{background:var(--karbon);border-color:var(--karbon);color:#fff}
.dugme-acik:hover{background:var(--karbon3);border-color:var(--karbon3);box-shadow:none}

.baglanti{display:inline-block;font-family:var(--bas);font-weight:700;font-size:.92rem;text-decoration:none;border-bottom:2px solid var(--ped);padding-bottom:.1rem;color:inherit;transition:color .2s,border-color .2s}
.baglanti::after{content:" →"}
.baglanti:hover{color:var(--ped)}
.acik .baglanti{border-color:var(--ped-koyu)}
.acik .baglanti:hover{color:var(--ped-koyu)}

.koyu{background:var(--karbon);color:#e9ebed}
.koyu2{background:var(--karbon2)}
.acik{background:var(--kopuk);color:var(--yazi)}
.acik p{color:var(--yazi-soluk)}
.acik h2,.acik h3{color:var(--yazi)}
section:not(.hero):not(.atmosfer){padding-block:clamp(4rem,9vw,8rem)}

/* ---------- Çizik katmanı (imza) ---------- */
.swirl{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:calc(.5 * (1 - var(--clean,.35)));
  background:
   repeating-radial-gradient(circle at 22% 30%,rgba(255,255,255,.75) 0 1px,transparent 1px 7px),
   repeating-radial-gradient(circle at 78% 62%,rgba(255,255,255,.6) 0 1px,transparent 1px 9px),
   repeating-radial-gradient(circle at 48% 95%,rgba(255,255,255,.55) 0 1px,transparent 1px 12px)}
.swirl-hero{opacity:.55;
  -webkit-mask-image:radial-gradient(circle 130px at var(--px,72%) var(--py,42%),transparent 0,transparent 55%,#000 100%);
  mask-image:radial-gradient(circle 130px at var(--px,72%) var(--py,42%),transparent 0,transparent 55%,#000 100%)}

.cerceve{position:relative;margin:0;overflow:hidden;border-radius:3px;background:var(--karbon3)}
.cerceve img{width:100%;height:auto}
.cerceve::before{content:"";position:absolute;top:14px;left:-34px;width:120px;height:26px;background:rgba(255,106,26,.9);transform:rotate(-38deg);z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.cerceve figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.2rem 1.1rem .9rem;background:linear-gradient(transparent,rgba(11,12,14,.85));font-family:var(--etiket);font-size:.8rem;letter-spacing:.06em;color:#fff;z-index:2}

/* ---------- Hero ---------- */
.hero{min-height:max(640px,100svh);display:flex;align-items:flex-end;overflow:hidden;padding:calc(var(--ust-yuk) + 5rem) 0 clamp(3rem,7vw,5.5rem);isolation:isolate}
.hero-gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:-3}
.hero .swirl{z-index:-2}
.hero-golge{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(11,12,14,.94) 0,rgba(11,12,14,.78) 38%,rgba(11,12,14,.2) 78%,rgba(11,12,14,.05) 100%),
  linear-gradient(0deg,rgba(11,12,14,.85) 0,transparent 40%)}
.hero-ic{position:relative}
.hero-ic>*{max-width:40rem}
.hero h1{margin-bottom:1.4rem;color:#fff}
.hero-yazi{font-size:clamp(1.05rem,.5vw + 1rem,1.25rem);color:#dfe3e6;max-width:36rem}
.hero-not{font-family:var(--etiket);font-size:.85rem;color:var(--cila);letter-spacing:.03em;max-width:34rem;margin:0}
.ped-halka{display:none;position:absolute;left:0;top:0;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;border:1px dashed rgba(255,138,69,.8);box-shadow:0 0 70px rgba(255,106,26,.18);pointer-events:none;z-index:0;will-change:transform}
.js .ped-halka{display:block}
.ped-halka::after{content:"";position:absolute;inset:44%;border-radius:50%;background:rgba(255,138,69,.85)}
.ped-halka{animation:don 14s linear infinite}
@keyframes don{to{rotate:360deg}}
.ipucu{position:absolute;right:1.5rem;bottom:1.4rem;margin:0;font-family:var(--etiket);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cila);display:none}
@media (hover:hover) and (min-width:960px){.ipucu{display:block}}

/* ---------- Hikaye ---------- */
.hikaye-duzen{display:grid;gap:2.5rem;align-items:center}
.hikaye .metin h2{margin-bottom:1.4rem}
.hikaye .baglanti{margin-top:.6rem}
@media (min-width:900px){
  .hikaye-duzen{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:5rem}
  .hikaye .cerceve{transform:rotate(-1.4deg)}
}

/* ---------- Hizmetler ---------- */
.hizmetler{background-image:radial-gradient(rgba(255,255,255,.06) 1.4px,transparent 1.6px);background-size:22px 22px}
.hizmet-duzen{display:grid;gap:2.5rem}
.gorseller{position:relative;display:grid;gap:1.2rem;align-content:start}
.cerceve-kare{width:70%;justify-self:end;margin-top:-4rem;border:6px solid var(--karbon);z-index:2}
.isler{display:grid}
.is{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:2rem 0;border-top:1px solid var(--cizgi)}
.is:first-child{border-top:0;padding-top:0}
.is-no{font-family:var(--etiket);font-weight:700;color:var(--ped);font-size:1rem;padding-top:.3rem}
.is h3{margin-bottom:.8rem;color:#fff}
.is p{color:#c4c9cd}
.is p.is-fiyat{font-family:var(--etiket);font-weight:700;color:var(--ped-acik);font-size:1.05rem;margin-bottom:1rem}
@media (min-width:900px){
  .hizmet-duzen{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4.5rem}
  .gorseller{padding-top:.5rem}
  .is{padding:2.2rem 0}
}

/* ---------- Çağrı bantları ---------- */
.cagri{padding-block:clamp(3.5rem,7vw,6rem)!important;overflow:hidden}
.cagri h2{max-width:20ch;margin-bottom:1rem}
.cagri p{max-width:46ch}
.cagri .dugme{margin-top:.8rem}
.turuncu{background:var(--ped);color:var(--karbon)}
.turuncu p{color:#1b1209}
.turuncu::after{content:"";position:absolute;right:-90px;top:50%;width:380px;height:380px;margin-top:-190px;border-radius:50%;background:radial-gradient(circle,var(--karbon) 0 14px,transparent 15px),repeating-radial-gradient(circle,rgba(11,12,14,.35) 0 2px,transparent 2px 16px);opacity:.5;pointer-events:none}
.karbon{background:var(--karbon3);color:#fff}
.karbon::after{content:"";position:absolute;right:-90px;top:50%;width:380px;height:380px;margin-top:-190px;border-radius:50%;background:radial-gradient(circle,var(--ped) 0 14px,transparent 15px),repeating-radial-gradient(circle,rgba(255,106,26,.55) 0 2px,transparent 2px 16px);opacity:.55;pointer-events:none}
.cagri-ic{position:relative;z-index:1}

/* ---------- Fiyatlar ---------- */
.kartlar{display:grid;gap:1.4rem;align-items:stretch}
.kart{background:#fff;border:1px solid var(--kopuk2);border-radius:6px;padding:2rem 1.7rem 2rem;display:flex;flex-direction:column;position:relative}
.kart h3{margin:1.2rem 0 1rem;min-height:2.4em}
.kart p{color:var(--yazi-soluk)}
.kart .dugme{margin-top:auto;align-self:flex-start}
.kart-vurgu{background:var(--karbon);border-color:var(--karbon);color:#e9ebed}
.kart-vurgu h3{color:#fff}
.kart-vurgu p{color:#c4c9cd}
.fiyat{font-family:var(--bas);font-weight:700;font-size:1rem;margin:0 0 1.2rem!important;color:var(--yazi)!important}
.kart-vurgu .fiyat{color:#fff!important}
.tutar{display:block;font-size:clamp(2.1rem,2.4vw + 1.2rem,3rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:.2rem}
.kart-vurgu .tutar{color:var(--ped)}
.ped{display:block;width:58px;height:58px;border-radius:50%;position:relative;transition:transform 1s cubic-bezier(.2,.7,.2,1);box-shadow:inset 0 0 0 3px rgba(0,0,0,.12)}
.ped::before{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.4) 0 1.6px,transparent 2px) 0 0/9px 9px}
.ped::after{content:"";position:absolute;inset:40%;border-radius:50%;background:rgba(0,0,0,.55)}
.ped-turuncu{background:var(--ped)}
.ped-beyaz{background:#fff;border:1px solid #c5c8cb}
.ped-siyah{background:#25292e}
.ped-siyah::before{background:radial-gradient(circle,rgba(255,255,255,.35) 0 1.6px,transparent 2px) 0 0/9px 9px}
.ped-siyah::after{background:var(--cila)}
.kart:hover .ped{transform:rotate(200deg)}
@media (min-width:900px){
  .kartlar{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
  .kart-vurgu{margin-block:-1.4rem;padding-block:3.4rem}
}

/* ---------- Neden ---------- */
.neden-izgara{display:grid;gap:0;border-top:1px solid var(--cizgi)}
.neden-kutu{padding:2rem 0;border-bottom:1px solid var(--cizgi);display:grid;gap:.6rem}
.neden-kutu .no{font-family:var(--etiket);font-size:clamp(2.6rem,5vw,4.2rem);font-weight:700;color:transparent;-webkit-text-stroke:1.5px var(--ped);line-height:1}
.neden-kutu h3{color:#fff}
.neden-kutu p{color:#c4c9cd;margin:0}
@media (min-width:800px){
  .neden-izgara{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4rem}
  .neden-kutu{padding:2.6rem 0}
}

/* ---------- Atmosfer ---------- */
.atmosfer{min-height:min(78vh,720px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:0 0 clamp(2.5rem,6vw,5rem);background:var(--karbon)}
.atmosfer-gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.atmosfer .swirl{z-index:-2}
.atmosfer-golge{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,12,14,.92) 0,rgba(11,12,14,.55) 45%,rgba(11,12,14,.1) 100%)}
.atmosfer-ic{padding-top:10rem}
.atmosfer h2{max-width:20ch;color:#fff;margin-bottom:1rem}
.atmosfer p{color:#dfe3e6;max-width:42ch}
.atmosfer .baglanti{color:#fff}

/* ---------- Süreç ---------- */
.surec-duzen{display:grid;gap:2.5rem;align-items:start}
.surec h2{margin-bottom:2rem}
.adimlar{position:relative;padding-left:2.2rem;border-left:2px solid var(--kopuk2);margin-left:.5rem}
.adim{position:relative;padding-bottom:2rem}
.adim:last-child{padding-bottom:0}
.adim::before{content:"";position:absolute;left:calc(-2.2rem - 9px);top:.15rem;width:16px;height:16px;border-radius:50%;background:var(--ped);box-shadow:0 0 0 4px var(--kopuk)}
.adim:nth-child(2)::before{background:#fff;border:2px solid var(--yazi)}
.adim:nth-child(3)::before{background:var(--ped)}
.adim:nth-child(4)::before{background:var(--yazi)}
.adim h3{margin-bottom:.4rem}
.adim p{margin:0}
@media (min-width:900px){
  .surec-duzen{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:5rem}
  .surec-resim{position:sticky;top:6rem}
}

/* ---------- SSS ---------- */
.sss-izgara{display:grid;gap:0;border-top:1px solid var(--cizgi)}
.soru{padding:1.8rem 0;border-bottom:1px solid var(--cizgi)}
.soru h3{margin-bottom:.6rem;color:#fff}
.soru p{margin:0;color:#c4c9cd}
@media (min-width:900px){
  .sss-izgara{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4.5rem}
}

/* ---------- İletişim ---------- */
.iletisim{overflow:hidden;background:var(--karbon)}
.iletisim::before{content:"";position:absolute;left:-180px;bottom:-180px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,var(--ped) 0 16px,transparent 17px),repeating-radial-gradient(circle,rgba(255,106,26,.5) 0 2px,transparent 2px 18px);opacity:.35;pointer-events:none}
.iletisim-duzen{position:relative;display:grid;gap:2.5rem}
.iletisim-metin h2{margin-bottom:1.4rem;color:#fff}
.form{background:var(--karbon2);border:1px solid var(--cizgi);border-radius:8px;padding:clamp(1.3rem,3vw,2.2rem);display:grid;gap:1.2rem}
.alan{display:grid;gap:.4rem}
.alan label{font-family:var(--bas);font-weight:700;font-size:.85rem;letter-spacing:.04em;color:var(--cila)}
.alan input,.alan textarea{width:100%;font:inherit;font-size:1rem;color:#fff;background:var(--karbon);border:1px solid #7b838b;border-radius:6px;padding:.85rem 1rem}
.alan textarea{resize:vertical;min-height:8rem}
.alan input:focus,.alan textarea:focus{outline:3px solid var(--odak);outline-offset:2px;border-color:var(--ped)}
.form .dugme{justify-self:start}
@media (min-width:900px){
  .iletisim-duzen{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:5rem;align-items:start}
}

/* ---------- Footer ---------- */
.alt{background:var(--karbon);border-top:1px solid var(--cizgi);padding:3rem 0 5rem;color:var(--cila)}
.alt-ic{display:grid;gap:2rem}
.alt-marka strong{font-family:var(--bas);font-weight:800;letter-spacing:.24em;font-size:1.4rem;color:#fff}
.alt-marka p{margin:.6rem 0 0;max-width:36ch;font-size:.98rem;color:var(--soluk)}
.alt-nav{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-content:start}
.alt-nav a{font-family:var(--bas);font-size:.88rem;font-weight:600;text-decoration:none;padding:.4rem 0;border-bottom:1px solid transparent}
.alt-nav a:hover{border-color:var(--ped);color:#fff}
@media (min-width:800px){.alt-ic{grid-template-columns:1fr auto;align-items:start}.alt-nav{max-width:26rem;justify-content:flex-end}}

/* ---------- Ped rozeti (kaydırma göstergesi) ---------- */
.ped-rozet{position:fixed;right:.9rem;bottom:.9rem;z-index:40;display:flex;flex-direction:column;align-items:center;gap:.25rem;pointer-events:none}
.rozet-svg{width:44px;height:44px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));will-change:transform}
.r-dis{fill:var(--ped);stroke:var(--karbon);stroke-width:1.5;transition:fill .5s}
.r-halka{stroke:var(--karbon);transition:stroke .5s}
.r-merkez{fill:var(--karbon);transition:fill .5s}
.rozet-yazi{font-family:var(--etiket);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--karbon);color:#fff;padding:.12rem .45rem;border-radius:999px;border:1px solid var(--cizgi)}
body[data-ped="cila"] .r-dis{fill:#fff;stroke:#7b838b}
body[data-ped="cila"] .r-halka{stroke:#7b838b}
body[data-ped="bitis"] .r-dis{fill:#25292e;stroke:var(--cila)}
body[data-ped="bitis"] .r-halka{stroke:var(--cila)}
body[data-ped="bitis"] .r-merkez{fill:var(--cila)}
@media (min-width:900px){.rozet-svg{width:56px;height:56px}.ped-rozet{right:1.4rem;bottom:1.4rem}}

/* ---------- Hareket tercihi ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .ped-halka{display:none!important}
  .kart:hover .ped{transform:none}
  .hikaye .cerceve{transform:none}
}

/* inner pages */
/* İç sayfalar: kompakt sayfa başlığı ve küçük yardımcılar */
.pg-hero{position:relative;overflow:hidden;isolation:isolate;color:#e9ebed}
.pg-hero::after{content:"";position:absolute;right:-150px;top:50%;width:360px;height:360px;margin-top:-180px;border-radius:50%;background:radial-gradient(circle,var(--ped) 0 12px,transparent 13px),repeating-radial-gradient(circle,rgba(255,106,26,.5) 0 2px,transparent 2px 16px);opacity:.18;pointer-events:none;z-index:-1}
.pg-hero-ic{position:relative;padding-top:calc(var(--ust-yuk) + 1.5rem)}
.pg-hero h1{color:#fff;margin-bottom:1.2rem;font-size:clamp(2rem,4.2vw + .7rem,3.8rem);max-width:24ch}
.pg-hero-yazi{font-size:clamp(1.02rem,.4vw + 1rem,1.2rem);color:#dfe3e6;max-width:40rem}
.pg-hero .dugmeler{margin-bottom:1.2rem}
.pg-hero .hero-not{max-width:38rem}

.pg-form-not{margin:0;max-width:none;font-family:var(--etiket);font-size:.85rem;line-height:1.5;color:var(--cila)}

@media (min-width:600px){
  .pg-hero::after{right:-100px;opacity:.28}
}
@media (min-width:960px){
  .pg-hero-ic{padding-top:2rem}
  .pg-hero::after{right:-40px;width:420px;height:420px;margin-top:-210px;opacity:.38}
}
@media (min-width:900px){
  .pg-sabit{position:sticky;top:6rem;align-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; }