/* =====================================================================
   Paysion tasarım sistemi · v12
   Paysion'un kendi kimliği + Apple İnsan Arayüzü Yönergeleri (HIG):
   - Marka (HIG Branding): başlık ve alt başlıklar markanın yazı tipiyle
     (Plus Jakarta Sans), gövde ve küçük yazılar sistem yazı tipiyle.
     Marka rengi içerik katmanında; cam denetimlerin altından kayar.
   - Renk: patlıcan (#24152F), Paysion moru (#713CDB), lavanta, limon.
     Açık, koyu ve "kontrastı artır" görünümleri; WCAG AA.
   - Ölçüler: 17 px gövde, en az 44 px dokunma alanı, 4'lü boşluk ızgarası.
   - Malzeme: cam yalnız gezinme, bildirim ve yüzen denetimlerde.
   - Hareket: kısa, amaçlı; "hareketi azalt" açıksa kapanır.
   Bu dosya site ile uygulamanın ortak dilidir. Belirteç adlarını değiştirmeyin.
   ===================================================================== */

/* ---------- Yazı tipi: Paysion Jakarta (Plus Jakarta Sans, SIL OFL) — başlıklar ---------- */
@font-face{font-family:"Paysion Jakarta";src:url(/jakarta-latin-500.woff2) format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"Paysion Jakarta";src:url(/jakarta-latin-ext-500.woff2) format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"Paysion Jakarta";src:url(/jakarta-latin-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Paysion Jakarta";src:url(/jakarta-latin-ext-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"Paysion Jakarta";src:url(/jakarta-latin-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Paysion Jakarta";src:url(/jakarta-latin-ext-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"Paysion Jakarta";src:url(/jakarta-latin-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Paysion Jakarta";src:url(/jakarta-latin-ext-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}

/* ---------- Belirteçler ---------- */
:root{
  color-scheme:light dark;

  /* yazı ailesi — HIG: markanın yazı tipi başlıkta, sistem yazı tipi gövdede */
  --yazi:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --yazi-marka:"Paysion Jakarta",var(--yazi);
  --yazi-yuvarlak:ui-rounded,"SF Pro Rounded",var(--yazi);
  --yazi-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;

  /* yazı ölçeği — ürün sayfası ölçeği; gövde HIG "Large" (17) */
  --t-dev:clamp(3.25rem,1.3rem + 7.4vw,7.5rem);    /* 52 → 120 ana başlık */
  --t-b1:clamp(2.5rem,1.35rem + 4.6vw,5rem);       /* 40 → 80  bölüm başlığı */
  --t-b2:clamp(1.875rem,1.3rem + 2.3vw,3.25rem);   /* 30 → 52  karo başlığı */
  --t-b3:clamp(1.375rem,1.15rem + .9vw,1.875rem);  /* 22 → 30  Title 1/2 */
  --t-b4:1.25rem;                                  /* 20       Title 3 */
  --t-giris:clamp(1.1875rem,1.06rem + .6vw,1.5rem);/* 19 → 24 giriş metni */
  --t-govde:1.0625rem;                             /* 17       Body */
  --t-cagri:1rem;                                  /* 16       Callout */
  --t-alt:.9375rem;                                /* 15       Subhead */
  --t-dip:.8125rem;                                /* 13       Footnote */
  --t-etiket:.75rem;                               /* 12       Caption 1 */

  /* marka renkleri — her görünümde aynı */
  --murdum:#24152F;           /* patlıcan: koyu yüzeyler */
  --murdum-derin:#1A0F22;
  --mor:#713CDB;              /* Paysion moru */
  --mor-koyu:#5B2BBF;
  --mor-acik:#C9B6F7;         /* koyu zeminde mor yazı */
  --limon:#C7F03C;            /* yalnız koyu ve mor zeminde vurgu */
  --lavanta:#F5F0FD;

  /* renk — açık görünüm (nötrler mora eğik) */
  --vurgu:#713CDB;            /* beyazda 6,1:1 */
  --vurgu-bas:#5B2BBF;
  --vurgu-acik:#ECE3FB;
  --vurgu-yazi:#FFFFFF;
  --yazi-1:#1F1329;           /* label */
  --yazi-2:#5B4E66;           /* secondaryLabel — beyazda 7,6:1, lavantada 7:1 */
  --yazi-3:#8A7D96;           /* tertiaryLabel — yalnız büyük ya da süs yazısı */
  --zemin:#FFFFFF;
  --zemin-2:#F5F0FD;          /* lavanta: gruplu zemin */
  --zemin-3:#FFFFFF;
  --dolgu:rgba(91,60,130,.10);
  --dolgu-2:rgba(91,60,130,.06);
  --ayrac:rgba(80,46,120,.14);
  --ayrac-opak:#DDD3E6;
  --golge-1:0 1px 2px rgba(36,21,47,.05),0 2px 8px rgba(36,21,47,.05);
  --golge-2:0 2px 6px rgba(36,21,47,.06),0 14px 34px -10px rgba(36,21,47,.20);
  --golge-3:0 4px 12px rgba(36,21,47,.07),0 34px 70px -18px rgba(36,21,47,.32);
  --golge-mor:0 12px 28px -12px rgba(113,60,219,.65);
  --cam:rgba(255,255,255,.72);
  --cam-kenar:rgba(255,255,255,.6);
  --cam-bildirim:rgba(250,248,253,.80);
  --yesil:#34C759; --yesil-yazi:#008932;
  --turuncu:#FF8D28; --turuncu-yazi:#C55300;
  --kirmizi:#FF383C; --kirmizi-yazi:#E9152D;
  --mavi-yazi:#1E6EF4;

  /* biçim — iç içe köşeler eş merkezli: iç = dış − boşluk */
  --k-xs:8px; --k-s:12px; --k-m:18px; --k-l:28px; --k-xl:40px; --k-hap:980px;

  /* boşluk — 4'lü ızgara */
  --b-1:4px; --b-2:8px; --b-3:12px; --b-4:16px; --b-5:20px; --b-6:24px; --b-8:32px; --b-10:40px; --b-12:48px; --b-16:64px; --b-20:80px;
  --kenar:clamp(20px,5vw,48px);
  --bolum:clamp(96px,12vw,176px);
  --en-yazi:692px; --en-icerik:980px; --en-genis:1240px;

  /* hareket */
  --egri:cubic-bezier(.28,.11,.32,1);
  --egri-yay:cubic-bezier(.34,1.36,.64,1);
  --sure-1:.2s; --sure-2:.36s; --sure-3:.7s;

  --ust-yukseklik:60px;
}
@media (prefers-color-scheme:dark){
  :root{
    --vurgu:#A47CFF; --vurgu-bas:#B896FF; --vurgu-acik:rgba(164,124,255,.16); --vurgu-yazi:#160C24;
    --yazi-1:#F7F3FB; --yazi-2:#BBAFC8; --yazi-3:#8C7F99;
    --zemin:#120A18; --zemin-2:#1C1225; --zemin-3:#261A31;
    --dolgu:rgba(201,182,247,.16); --dolgu-2:rgba(201,182,247,.09);
    --ayrac:rgba(201,182,247,.16); --ayrac-opak:#3A2C47;
    --golge-1:0 1px 2px rgba(0,0,0,.5); --golge-2:0 14px 34px -10px rgba(0,0,0,.7); --golge-3:0 34px 70px -18px rgba(0,0,0,.85);
    --golge-mor:0 12px 30px -12px rgba(164,124,255,.55);
    --cam:rgba(18,10,24,.72); --cam-kenar:rgba(255,255,255,.08); --cam-bildirim:rgba(46,34,58,.76);
    --yesil:#30D158; --yesil-yazi:#4AD968; --turuncu:#FF9230; --turuncu-yazi:#FFA056;
    --kirmizi:#FF4245; --kirmizi-yazi:#FF6165; --mavi-yazi:#5CB8FF;
  }
}
/* "Kontrastı artır" açıkken ikincil yazı ve ayraçlar koyulaşır (HIG: Increase Contrast) */
@media (prefers-contrast:more){
  :root{ --yazi-2:#3E3249; --yazi-3:#5B4E66; --ayrac:rgba(60,30,90,.45); --vurgu:#5A26C2 }
}
@media (prefers-contrast:more) and (prefers-color-scheme:dark){
  :root{ --yazi-2:#DDD3E6; --yazi-3:#BBAFC8; --ayrac:rgba(220,205,250,.5); --vurgu:#C3A8FF }
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--ust-yukseklik) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--zemin);color:var(--yazi-1);font-family:var(--yazi);font-size:var(--t-govde);line-height:1.47;letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;font-feature-settings:"kern"}
[dir=rtl] body{letter-spacing:0}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul[role=list],ol[role=list]{list-style:none;padding:0}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:3px;border-radius:6px}
::selection{background:color-mix(in srgb,var(--vurgu) 24%,transparent)}
[hidden]{display:none!important}
.gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.atla{position:absolute;inset-inline-start:8px;top:8px;transform:translateY(-300%);z-index:300;background:var(--yazi-1);color:var(--zemin);padding:12px 18px;border-radius:12px;font-weight:600;text-decoration:none}
.atla:focus{transform:none}

/* ---------- Yerleşim ---------- */
.kap{width:100%;max-width:calc(var(--en-icerik) + var(--kenar)*2);margin-inline:auto;padding-inline:var(--kenar)}
.kap--genis{max-width:calc(var(--en-genis) + var(--kenar)*2)}
.kap--dar{max-width:calc(var(--en-yazi) + var(--kenar)*2)}
.bolum{padding-block:var(--bolum)}
.bolum--sik{padding-block:calc(var(--bolum)*.6)}
.bolum--ust-yok{padding-top:0}
.bolum--gri{background:var(--zemin-2)}
.bolum--koyu,.koyu-yuzey{--yazi-1:#F7F3FB;--yazi-2:#C4B8D1;--yazi-3:#968AA3;--zemin-2:#2B1C37;--zemin-3:#33223F;--ayrac:rgba(255,255,255,.13);--dolgu:rgba(255,255,255,.12);--dolgu-2:rgba(255,255,255,.07);
  --vurgu:#B896FF;--vurgu-bas:#CBB0FF;--vurgu-yazi:#1A0F22;--vurgu-acik:rgba(184,150,255,.16);--cam-bildirim:rgba(58,42,72,.72);--cam-kenar:rgba(255,255,255,.1);--etiket-renk:var(--limon);color:var(--yazi-1);color-scheme:dark}
.bolum--koyu{background:radial-gradient(90% 60% at 50% 0%,#3A2152 0%,rgba(58,33,82,0) 70%),var(--murdum)}
@media (prefers-color-scheme:dark){.bolum--koyu{background:radial-gradient(90% 60% at 50% 0%,#33204A 0%,rgba(51,32,74,0) 70%),var(--murdum-derin)}}
.bolum--mor,.mor-yuzey{--yazi-1:#FFFFFF;--yazi-2:rgba(255,255,255,.84);--yazi-3:rgba(255,255,255,.66);--zemin-3:#FFFFFF;--ayrac:rgba(255,255,255,.22);--dolgu:rgba(255,255,255,.16);--dolgu-2:rgba(255,255,255,.1);
  --vurgu:#FFFFFF;--vurgu-bas:#F1EAFF;--vurgu-yazi:#4A1FA8;--vurgu-acik:rgba(255,255,255,.16);--cam-bildirim:rgba(255,255,255,.2);--cam-kenar:rgba(255,255,255,.24);--etiket-renk:var(--limon);color:#fff;color-scheme:dark}
.bolum--mor{background:radial-gradient(70% 80% at 85% 10%,#8D5CF0 0%,rgba(141,92,240,0) 60%),radial-gradient(60% 70% at 10% 100%,#5424B8 0%,rgba(84,36,184,0) 70%),var(--mor)}
@media (prefers-color-scheme:dark){.bolum--mor{background:radial-gradient(70% 80% at 85% 10%,#7A48E0 0%,rgba(122,72,224,0) 60%),radial-gradient(60% 70% at 10% 100%,#3F1A8E 0%,rgba(63,26,142,0) 70%),#5B2BBF}}
.orta{text-align:center}
.orta .giris,.orta .bolum-bas__p{margin-inline:auto}
.yigin>*+*{margin-top:var(--b-4)}
.izgara{display:grid;gap:var(--b-5)}
@media (min-width:735px){
  .izgara--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .izgara--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .izgara--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1069px){ .izgara--4{grid-template-columns:repeat(4,minmax(0,1fr))} }
.iki-sutun{display:grid;gap:var(--b-12);align-items:center}
@media (min-width:900px){
  .iki-sutun{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--b-16)}
  .iki-sutun--ters>:first-child{order:2}
}

/* ---------- Yazı ---------- */
.ust-baslik{display:block;font-family:var(--yazi-marka);font-size:var(--t-dip);font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--etiket-renk,var(--vurgu));margin-bottom:var(--b-4)}
.ust-baslik--kucuk{margin-bottom:var(--b-3)}
.ust-baslik .ara{opacity:.55;margin-inline:.5em}
.dev,.b1,.b2,.b3,.b4,.marka-yazi{font-family:var(--yazi-marka)}
.dev{font-size:var(--t-dev);font-weight:800;line-height:.98;letter-spacing:-.05em;text-wrap:balance}
.b1{font-size:var(--t-b1);font-weight:800;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.b2{font-size:var(--t-b2);font-weight:800;line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.b3{font-size:var(--t-b3);font-weight:700;line-height:1.16;letter-spacing:-.025em;text-wrap:balance}
.b4{font-size:var(--t-b4);font-weight:700;line-height:1.25;letter-spacing:-.018em}
.giris{font-size:var(--t-giris);line-height:1.38;letter-spacing:-.012em;color:var(--yazi-2);max-width:40ch;text-wrap:pretty}
.giris strong,.giris b{color:var(--yazi-1);font-weight:600}
.metin{color:var(--yazi-2);text-wrap:pretty}
.metin strong{color:var(--yazi-1);font-weight:600}
.dip{font-size:var(--t-dip);line-height:1.38;color:var(--yazi-2);letter-spacing:-.005em}
.vurgulu{color:var(--vurgu)}
[dir=rtl] .dev,[dir=rtl] .b1,[dir=rtl] .b2,[dir=rtl] .b3,[dir=rtl] .b4,[dir=rtl] .giris,[dir=rtl] .ust-baslik{letter-spacing:0}
[dir=rtl] .dev,[dir=rtl] .b1{line-height:1.2}
.bolum-bas{margin-bottom:clamp(40px,6vw,80px)}
.bolum-bas .giris{margin-top:var(--b-4)}
.uzun-metin{font-size:var(--t-govde);line-height:1.58;color:var(--yazi-1)}
.uzun-metin>*+*{margin-top:1em}
.uzun-metin h2{font-family:var(--yazi-marka);font-size:var(--t-b3);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-top:2.2em}
.uzun-metin h3{font-family:var(--yazi-marka);font-size:var(--t-b4);font-weight:700;letter-spacing:-.015em;margin-top:1.8em}
.uzun-metin ul,.uzun-metin ol{padding-inline-start:1.3em}
.uzun-metin li+li{margin-top:.4em}
.uzun-metin a{color:var(--vurgu);text-underline-offset:3px}
.uzun-metin p,.uzun-metin li{color:var(--yazi-1)}

/* ---------- Düğmeler (HIG: dolu = birincil, gri = ikincil, bağlantı = üçüncül) ---------- */
.dugme{--d-zemin:var(--vurgu);--d-yazi:var(--vurgu-yazi);--d-golge:var(--golge-mor);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border:0;border-radius:var(--k-hap);
  background:var(--d-zemin);color:var(--d-yazi);box-shadow:var(--d-golge);font-family:var(--yazi-marka);font-size:var(--t-alt);font-weight:700;line-height:1;letter-spacing:-.01em;text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background-color var(--sure-1) var(--egri),transform var(--sure-1) var(--egri),box-shadow var(--sure-1) var(--egri)}
.dugme:hover{--d-zemin:var(--vurgu-bas)}
.dugme:active{transform:scale(.97)}
/* ikincil: patlıcan dolu (açık zeminde), beyaz dolu (koyu ve mor zeminde) — HIG: renk yalnız birincil eylemde */
.dugme--ikincil{--d-zemin:var(--murdum);--d-yazi:#fff;--d-golge:0 10px 24px -14px rgba(36,21,47,.6)}
.dugme--ikincil:hover{--d-zemin:#3A2549}
.bolum--koyu .dugme--ikincil,.koyu-yuzey .dugme--ikincil,.bolum--mor .dugme--ikincil,.mor-yuzey .dugme--ikincil,.karo--koyu .dugme--ikincil,.karo--vurgu .dugme--ikincil{--d-zemin:#fff;--d-yazi:var(--murdum);--d-golge:none}
.bolum--koyu .dugme--ikincil:hover,.koyu-yuzey .dugme--ikincil:hover,.bolum--mor .dugme--ikincil:hover,.mor-yuzey .dugme--ikincil:hover,.karo--koyu .dugme--ikincil:hover,.karo--vurgu .dugme--ikincil:hover{--d-zemin:#EFE8FA}
@media (prefers-color-scheme:dark){.dugme--ikincil{--d-zemin:#fff;--d-yazi:var(--murdum);--d-golge:none}.dugme--ikincil:hover{--d-zemin:#EFE8FA}}
.bolum--mor .dugme:not(.dugme--ikincil),.mor-yuzey .dugme:not(.dugme--ikincil),.karo--vurgu .dugme:not(.dugme--ikincil){--d-zemin:var(--limon);--d-yazi:var(--murdum);--d-golge:0 12px 28px -14px rgba(26,15,34,.6)}
.bolum--mor .dugme:not(.dugme--ikincil):hover,.mor-yuzey .dugme:not(.dugme--ikincil):hover,.karo--vurgu .dugme:not(.dugme--ikincil):hover{--d-zemin:#D6F86A}
.dugme--beyaz{--d-zemin:#fff;--d-yazi:var(--murdum);--d-golge:none}
.dugme--beyaz:hover{--d-zemin:#EFE8FA}
.dugme--kucuk{min-height:36px;padding:0 16px;font-size:var(--t-dip);position:relative;--d-golge:0 8px 18px -10px rgba(113,60,219,.7)}
.dugme--kucuk::after{content:"";position:absolute;inset:-4px -2px}         /* görünür 36, dokunma alanı 44 */
.dugme--buyuk{min-height:54px;padding:0 30px;font-size:var(--t-govde)}
.dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-4) var(--b-6);margin-top:var(--b-8)}
.orta .dugmeler{justify-content:center}
.bag{display:inline-flex;align-items:center;gap:2px;color:var(--vurgu);font-family:var(--yazi-marka);font-size:var(--t-alt);font-weight:700;letter-spacing:-.01em;text-decoration:none;min-height:44px}
.bag:hover{text-decoration:underline;text-underline-offset:3px}
.bag::after{content:"";flex:none;width:.62em;height:.62em;margin-inline-start:.3em;background:currentColor;transition:transform var(--sure-1) var(--egri);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3.2 1.2L7 5 3.2 8.8' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3.2 1.2L7 5 3.2 8.8' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.bag:hover::after{transform:translateX(2px)}
[dir=rtl] .bag::after{transform:scaleX(-1)}
[dir=rtl] .bag:hover::after{transform:scaleX(-1) translateX(2px)}
.bag--dis::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 7l4-4M3.5 3H7v3.5' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 7l4-4M3.5 3H7v3.5' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bag--geri::after{display:none}
.bag--geri::before{content:"";flex:none;width:.62em;height:.62em;margin-inline-end:.3em;background:currentColor;transform:scaleX(-1);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3.2 1.2L7 5 3.2 8.8' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3.2 1.2L7 5 3.2 8.8' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.bag--buyuk{font-size:var(--t-govde)}

/* ---------- Karolar ve kartlar ---------- */
.karo{position:relative;background:var(--zemin-2);border-radius:var(--k-xl);padding:clamp(28px,4.2vw,60px);overflow:hidden;isolation:isolate}
.bolum--gri .karo{background:var(--zemin-3)}
.karo--koyu,.bolum--gri .karo--koyu{background:radial-gradient(80% 60% at 80% 0%,#3D2356 0%,rgba(61,35,86,0) 70%),var(--murdum);
  --yazi-1:#F7F3FB;--yazi-2:#C4B8D1;--yazi-3:#968AA3;--zemin-2:#2B1C37;--zemin-3:#33223F;--ayrac:rgba(255,255,255,.13);--dolgu:rgba(255,255,255,.12);--dolgu-2:rgba(255,255,255,.07);
  --vurgu:#B896FF;--vurgu-bas:#CBB0FF;--vurgu-yazi:#1A0F22;--vurgu-acik:rgba(184,150,255,.16);--cam-bildirim:rgba(58,42,72,.72);--etiket-renk:var(--limon);color:var(--yazi-1);color-scheme:dark}
@media (prefers-color-scheme:dark){.karo--koyu,.bolum--gri .karo--koyu{background:radial-gradient(80% 60% at 80% 0%,#3D2356 0%,rgba(61,35,86,0) 70%),#2A1B35}}
.karo--vurgu,.bolum--gri .karo--vurgu{background:radial-gradient(80% 70% at 85% 0%,#9465F2 0%,rgba(148,101,242,0) 65%),linear-gradient(160deg,#7B45E6 0%,#5B2BBF 100%);
  --yazi-1:#fff;--yazi-2:rgba(255,255,255,.84);--yazi-3:rgba(255,255,255,.66);--vurgu:#fff;--vurgu-bas:#F1EAFF;--vurgu-yazi:#4A1FA8;--dolgu:rgba(255,255,255,.16);--ayrac:rgba(255,255,255,.22);--cam-bildirim:rgba(255,255,255,.2);--etiket-renk:var(--limon);color:#fff;color-scheme:dark}
.karo--limon{background:var(--limon);--yazi-1:var(--murdum);--yazi-2:#3E3249;--vurgu:var(--murdum);--vurgu-bas:#3A2549;--vurgu-yazi:#fff;--etiket-renk:var(--murdum);color:var(--murdum);color-scheme:light}
.karo--lavanta{background:var(--zemin-2)}
.bolum--gri .karo--lavanta{background:var(--zemin-3)}
.karo__ic{position:relative;z-index:1}
.karo .b2+.giris,.karo .b3+.metin,.karo .b2+.metin{margin-top:var(--b-3)}
a.karo{display:block;text-decoration:none;color:var(--yazi-1);transition:transform var(--sure-2) var(--egri),box-shadow var(--sure-2) var(--egri)}
a.karo:hover{transform:translateY(-2px);box-shadow:var(--golge-2)}
a.karo:active{transform:scale(.99)}
.kart{background:var(--zemin-3);border-radius:var(--k-l);padding:var(--b-6) var(--b-6) var(--b-8);box-shadow:var(--golge-1);border:.5px solid var(--ayrac)}
.bolum--gri .kart{border-color:transparent}
.kart .b4{margin-bottom:var(--b-2)}
.kart .metin{font-size:var(--t-alt);line-height:1.47}
.ikon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--vurgu-acik);color:var(--vurgu);margin-bottom:var(--b-4)}
.ikon svg{width:24px;height:24px}
.ozellik .b4{font-size:var(--t-govde);margin-bottom:var(--b-1);letter-spacing:-.012em}
.ozellik .metin{font-size:var(--t-alt)}
.ozellik__ikon{width:32px;height:32px;color:var(--vurgu);margin-bottom:var(--b-3)}

/* durum rozeti */
.rozet{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 11px;border-radius:var(--k-hap);font-family:var(--yazi-marka);font-size:var(--t-etiket);font-weight:700;letter-spacing:0;background:var(--dolgu-2);color:var(--yazi-2)}
.rozet::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.rozet--yesil{color:var(--yesil-yazi);background:color-mix(in srgb,var(--yesil) 14%,transparent)}
.rozet--turuncu{color:var(--turuncu-yazi);background:color-mix(in srgb,var(--turuncu) 16%,transparent)}
.rozet--mor{color:var(--vurgu);background:var(--vurgu-acik)}
.rozet--yalin::before{display:none}

/* ---------- Gezinme (küresel üst çubuk) — cam ---------- */
.gn{position:sticky;top:0;z-index:100;height:var(--ust-yukseklik);background:var(--cam);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border-bottom:.5px solid transparent;transition:border-color var(--sure-2) var(--egri),background-color var(--sure-2) var(--egri)}
.gn--kaydi{border-bottom-color:var(--ayrac)}
.gn__ic{height:100%;display:flex;align-items:center;gap:var(--b-2);max-width:calc(var(--en-genis) + var(--kenar)*2);margin:0 auto;padding-inline:var(--kenar)}
.gn__logo{display:flex;align-items:center;height:44px;padding-inline-end:var(--b-4);margin-inline-end:auto;color:var(--yazi-1)}
.gn__logo img{height:24px;width:auto}
@media (prefers-color-scheme:dark){.gn__logo img{filter:brightness(0) invert(1)}}
.gn__menu{display:none;align-items:center;gap:2px;margin-inline-end:auto}
.gn__oge{position:relative}
.gn__dugme,.gn__bag{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 13px;border:0;border-radius:var(--k-hap);background:none;color:var(--yazi-1);font-family:var(--yazi-marka);font-size:var(--t-alt);font-weight:600;letter-spacing:-.01em;text-decoration:none;cursor:pointer;opacity:.9;transition:background-color var(--sure-1) var(--egri),opacity var(--sure-1)}
.gn__dugme:hover,.gn__bag:hover,.gn__dugme[aria-expanded=true]{opacity:1;background:var(--dolgu-2)}
.gn__bag[aria-current=page]{opacity:1;color:var(--vurgu)}
.gn__dugme svg{width:10px;height:10px;transition:transform var(--sure-2) var(--egri);opacity:.7}
.gn__dugme[aria-expanded=true] svg{transform:rotate(180deg)}
.gn__sag{display:flex;align-items:center;gap:var(--b-2)}
.gn__demo{display:none;align-items:center;height:36px;padding:0 16px;border-radius:var(--k-hap);background:var(--murdum);color:#fff;font-family:var(--yazi-marka);font-size:var(--t-dip);font-weight:700;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:background-color var(--sure-1) var(--egri)}
.gn__demo:hover{background:#3A2549}
@media (prefers-color-scheme:dark){.gn__demo{background:#fff;color:var(--murdum)}.gn__demo:hover{background:#EFE8FA}}
.gn__ac{position:relative;display:inline-block;width:44px;height:44px;border:0;background:none;color:var(--yazi-1);cursor:pointer;margin-inline-end:-10px;border-radius:12px}
.gn__ac span{position:absolute;left:13px;top:21px;width:18px;height:1.5px;border-radius:2px;background:currentColor;transition:transform var(--sure-2) var(--egri)}
.gn__ac span:first-child{transform:translateY(-3.5px)} .gn__ac span:last-child{transform:translateY(3.5px)}
.gn__ac[aria-expanded=true] span:first-child{transform:rotate(45deg)}
.gn__ac[aria-expanded=true] span:last-child{transform:rotate(-45deg)}
.gn .dil-menu{display:none}
@media (min-width:1069px){
  .gn .dil-menu{display:block}
  .gn__menu{display:flex}
  .gn__ac{display:none}
  .gn__demo{display:inline-flex}
}

/* açılır panel (mega menü) — Apple'ın tam genişlik açılan katmanı */
.gn__panel{position:fixed;inset-inline:0;top:var(--ust-yukseklik);background:var(--zemin);border-bottom:.5px solid var(--ayrac);box-shadow:0 24px 48px -24px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--sure-2) var(--egri),transform var(--sure-2) var(--egri),visibility 0s linear var(--sure-2)}
.gn__oge--acik .gn__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.gn__panel-ic{display:grid;gap:var(--b-10);max-width:calc(var(--en-genis) + var(--kenar)*2);margin:0 auto;padding:var(--b-10) var(--kenar) var(--b-12)}
.gn__panel-ic--4{grid-template-columns:1.3fr 1fr 1fr 1fr}
.gn__panel-ic--3{grid-template-columns:repeat(3,1fr)}
.gn__panel-ic--2{grid-template-columns:repeat(2,1fr);max-width:calc(820px + var(--kenar)*2)}
.gn__grup-ad{font-family:var(--yazi-marka);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vurgu);margin-bottom:var(--b-3)}
.gn__liste{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.gn__liste a{display:block;padding:6px 0;text-decoration:none;color:var(--yazi-1);border-radius:8px}
.gn__liste a b{display:block;font-family:var(--yazi-marka);font-size:var(--t-govde);font-weight:700;letter-spacing:-.015em;line-height:1.25}
.gn__liste a span{display:block;font-size:var(--t-dip);color:var(--yazi-2);margin-top:1px}
.gn__liste a:hover b{color:var(--vurgu)}
.gn__liste--buyuk a b{font-size:var(--t-b4);font-weight:800;letter-spacing:-.025em}
.gn__liste--buyuk a{padding:8px 0}
.gn__kapat-perde{position:fixed;top:var(--ust-yukseklik);left:0;right:0;height:100vh;background:rgba(36,21,47,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity var(--sure-2) var(--egri),visibility 0s linear var(--sure-2);z-index:-1}
.gn--panel-acik .gn__kapat-perde{opacity:1;visibility:visible;transition-delay:0s}

/* dil menüsü (dil.js: [data-dil], [data-dil-etiket], .dil-menu[open]) */
.dil-menu{position:relative}
.dil-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:var(--k-hap);cursor:pointer;font-size:var(--t-dip);color:var(--yazi-1);opacity:.88}
.dil-menu>summary::-webkit-details-marker{display:none}
.dil-menu>summary:hover,.dil-menu[open]>summary{opacity:1;background:var(--dolgu-2)}
.dil-menu>summary svg{width:16px;height:16px}
.dil-menu__liste{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:200px;padding:6px;border-radius:14px;background:var(--cam-bildirim);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);
  box-shadow:var(--golge-3),inset 0 0 0 .5px var(--cam-kenar);display:grid;gap:1px;z-index:5}
.dil-menu__liste button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 12px;border:0;border-radius:9px;background:none;text-align:start;cursor:pointer;font-size:var(--t-alt)}
.dil-menu__liste button:hover{background:var(--dolgu)}
.dil-menu__liste button[aria-current=true]{font-weight:600}
.dil-menu__liste button[aria-current=true]::after{content:"";width:14px;height:14px;background:var(--vurgu);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.dil-menu__liste .bayrak{display:inline-block;width:18px;height:18px;border-radius:50%;overflow:hidden;flex:none;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)}
.dil-menu__liste .bayrak svg{width:100%;height:100%}
.dil-menu__liste span{display:inline-flex;align-items:center;gap:10px}

/* mobil menü — tam ekran sayfa */
.mm{position:fixed;inset:var(--ust-yukseklik) 0 0;z-index:99;background:var(--zemin);overflow-y:auto;overscroll-behavior:contain;padding:var(--b-4) var(--kenar) calc(var(--b-12) + env(safe-area-inset-bottom));
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--sure-2) var(--egri),transform var(--sure-2) var(--egri),visibility 0s linear var(--sure-2)}
.mm--acik{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mm__grup{border-bottom:.5px solid var(--ayrac)}
.mm__grup>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:60px;font-family:var(--yazi-marka);font-size:var(--t-b3);font-weight:800;letter-spacing:-.03em;cursor:pointer}
.mm__grup>summary::-webkit-details-marker{display:none}
.mm__grup>summary svg{width:14px;height:14px;transition:transform var(--sure-2) var(--egri);opacity:.6}
.mm__grup[open]>summary svg{transform:rotate(180deg)}
.mm__grup ul{list-style:none;margin:0 0 var(--b-4);padding:0}
.mm__grup li a{display:flex;align-items:center;min-height:44px;font-size:var(--t-govde);text-decoration:none;color:var(--yazi-1)}
.mm__tek{display:flex;align-items:center;min-height:60px;font-family:var(--yazi-marka);font-size:var(--t-b3);font-weight:800;letter-spacing:-.03em;text-decoration:none;color:var(--yazi-1);border-bottom:.5px solid var(--ayrac)}
.mm__alt{display:grid;gap:var(--b-3);margin-top:var(--b-8)}
.mm__alt .dugme{width:100%}
.mm__diller{display:flex;flex-wrap:wrap;gap:var(--b-2);margin-top:var(--b-6)}
.mm__diller button{min-height:36px;padding:0 14px;border-radius:var(--k-hap);border:0;background:var(--dolgu-2);cursor:pointer;font-size:var(--t-dip)}
.mm__diller button[aria-current=true]{background:var(--yazi-1);color:var(--zemin);font-weight:600}
body.kilitli{overflow:hidden}

/* ---------- Alt bilgi — patlıcan zemin, dev yazı markası ---------- */
.gf{position:relative;overflow:hidden;background:var(--murdum);color:#C4B8D1;font-size:var(--t-dip);line-height:1.4;padding:clamp(56px,7vw,88px) 0 0;color-scheme:dark}
@media (prefers-color-scheme:dark){.gf{background:var(--murdum-derin);border-top:.5px solid rgba(255,255,255,.08)}}
.gf a{color:#E6DDF0;text-decoration:none}
.gf a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.gf__ust{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--b-6);padding-bottom:var(--b-8);border-bottom:.5px solid rgba(255,255,255,.12)}
.gf__logo img{height:26px;width:auto;filter:brightness(0) invert(1)}
.gf__ozet{max-width:34ch;margin-top:var(--b-4);font-size:var(--t-alt);color:#C4B8D1}
.gf__iletisim{display:flex;flex-wrap:wrap;gap:var(--b-3)}
.gf__iletisim a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:var(--k-hap);background:rgba(255,255,255,.08);font-family:var(--yazi-marka);font-weight:700;font-size:var(--t-dip);color:#fff}
.gf__iletisim a:hover{background:rgba(255,255,255,.14);text-decoration:none}
.gf__iletisim a.gf__ikon{justify-content:center;width:44px;min-height:44px;padding:0}
.gf__ikon svg{width:20px;height:20px}
.gf__sutunlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-8) var(--b-5);padding:var(--b-10) 0;border-bottom:.5px solid rgba(255,255,255,.12)}
@media (min-width:735px){.gf__sutunlar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1069px){.gf__sutunlar{grid-template-columns:repeat(5,minmax(0,1fr))}}
.gf__baslik{font-family:var(--yazi-marka);color:var(--mor-acik);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--b-4)}
.gf__sutun ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gf__alt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--b-3);padding-top:var(--b-5);font-size:var(--t-etiket);color:#A99CB6}
.gf__alt nav{display:flex;flex-wrap:wrap;gap:var(--b-1) var(--b-4)}
.gf__alt nav a{color:#C4B8D1}
.gf__alt nav a+a{border-inline-start:.5px solid rgba(255,255,255,.18);padding-inline-start:var(--b-4)}
.gf__not{margin-top:var(--b-5);font-size:var(--t-etiket);color:#A99CB6;max-width:80ch}
.gf__dev{display:block;width:100%;aspect-ratio:1294/356;margin-top:clamp(40px,6vw,72px);margin-bottom:-4.5%;background:rgba(255,255,255,.06);
  -webkit-mask:url(/logo.svg) center/contain no-repeat;mask:url(/logo.svg) center/contain no-repeat}
[dir=rtl] .gf__dev{transform:none}

/* ---------- Ana başlık alanı ---------- */
.kahraman{position:relative;padding-top:clamp(56px,7vw,112px);padding-bottom:clamp(48px,6vw,96px);overflow:hidden;isolation:isolate}
.kahraman .giris{margin-top:var(--b-5);max-width:34ch;text-wrap:balance}
.kahraman .ust-baslik{margin-bottom:var(--b-4)}
.kahraman--orta{text-align:center}
.kahraman--orta .giris{margin-inline:auto}
.kahraman--orta .dugmeler{justify-content:center}
.isik{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(46% 40% at 50% 66%,rgba(113,60,219,.26),transparent 70%),radial-gradient(28% 26% at 22% 74%,rgba(199,240,60,.22),transparent 70%),radial-gradient(28% 26% at 80% 70%,rgba(255,180,217,.30),transparent 70%),linear-gradient(180deg,#FFFFFF 0%,#F5F0FD 46%,#ECE3FB 100%)}
@media (prefers-color-scheme:dark){.isik{background:radial-gradient(46% 40% at 50% 66%,rgba(164,124,255,.30),transparent 70%),radial-gradient(28% 26% at 22% 74%,rgba(199,240,60,.10),transparent 70%),radial-gradient(28% 26% at 80% 70%,rgba(255,138,196,.14),transparent 70%),linear-gradient(180deg,#120A18 0%,#1C1225 60%,#24162F 100%)}}

/* ---------- Cihaz çerçeveleri (Apple çerçevesi değil — genel, nötr) ---------- */
.telefon{--g:300px;position:relative;width:var(--g);max-width:100%;aspect-ratio:390/844;border-radius:calc(var(--g)*.15);padding:calc(var(--g)*.03);
  background:linear-gradient(145deg,#2C2C2E,#0A0A0B 60%,#1C1C1E);box-shadow:inset 0 0 0 1.5px #3A3A3C,inset 0 0 0 3px #0A0A0B,var(--golge-3);flex:none}
.telefon__ekran{position:relative;width:100%;height:100%;border-radius:calc(var(--g)*.122);overflow:hidden;background:#fff}
.telefon__ekran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.telefon--kucuk{--g:240px}
.telefon--orta{--g:280px}
.telefon--buyuk{--g:340px}
@media (max-width:734px){.telefon{--g:min(270px,72vw)} .telefon--kucuk{--g:min(210px,56vw)}}
/* ekran geçişi: aynı çerçevede birden çok görsel */
.telefon__ekran img[data-ekran]{opacity:0;transition:opacity var(--sure-3) var(--egri)}
.telefon__ekran img[data-ekran].acik{opacity:1}
.pencere{position:relative;border-radius:14px;overflow:hidden;background:var(--zemin-3);box-shadow:var(--golge-3),0 0 0 .5px var(--ayrac)}
.pencere__cubuk{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:var(--zemin-2);border-bottom:.5px solid var(--ayrac)}
.pencere__cubuk i{width:11px;height:11px;border-radius:50%;background:var(--ayrac-opak)}
.pencere__adres{margin:0 auto;padding:3px 14px;border-radius:7px;background:var(--dolgu-2);font-size:11px;color:var(--yazi-2);letter-spacing:0;transform:translateX(-24px)}
.pencere__ekran{position:relative;aspect-ratio:16/10;overflow:hidden;background:#fff}
.pencere__ekran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}
.pencere__ekran img[data-ekran]{opacity:0;transition:opacity var(--sure-3) var(--egri)}
.pencere__ekran img[data-ekran].acik{opacity:1}
@media (prefers-color-scheme:dark){.telefon__ekran img,.pencere__ekran img{filter:brightness(.94)}}
.etiket-ornek{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-etiket);color:var(--yazi-2);margin-top:var(--b-4)}
.etiket-ornek::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turuncu)}

/* ---------- iOS tarzı bildirim (cam) ---------- */
.bildirim{display:grid;grid-template-columns:38px 1fr auto;gap:2px 10px;align-items:center;width:min(340px,86vw);padding:12px 14px;border-radius:22px;background:var(--cam-bildirim);
  -webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:0 10px 36px -8px rgba(0,0,0,.25),inset 0 0 0 .5px var(--cam-kenar);text-align:start;color:var(--yazi-1)}
.bildirim__ikon{grid-row:span 2;width:38px;height:38px;border-radius:9px;background:#24152F url(/favicon.svg) center/62% no-repeat;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
.bildirim__ust{display:flex;align-items:baseline;justify-content:space-between;gap:8px;grid-column:2/4}
.bildirim__baslik{font-size:var(--t-alt);font-weight:600;letter-spacing:-.01em;line-height:1.25}
.bildirim__zaman{font-size:var(--t-dip);color:var(--yazi-2);white-space:nowrap}
.bildirim__metin{grid-column:2/4;font-size:var(--t-alt);line-height:1.3;color:var(--yazi-1);letter-spacing:-.01em}
.bildirim--kucuk{width:min(300px,80vw);padding:10px 12px;border-radius:20px}
.bildirim--kucuk .bildirim__baslik,.bildirim--kucuk .bildirim__metin{font-size:var(--t-dip)}

/* ---------- Bölmeli denetim (segmented control) ---------- */
.secim{display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:3px;gap:2px;border-radius:var(--k-hap);background:var(--dolgu)}
.secim::-webkit-scrollbar{display:none}
.secim button{flex:none;min-height:38px;padding:0 18px;border:0;border-radius:var(--k-hap);background:none;font-size:var(--t-alt);font-weight:500;color:var(--yazi-1);cursor:pointer;white-space:nowrap;
  transition:background-color var(--sure-2) var(--egri),box-shadow var(--sure-2) var(--egri)}
.secim button[aria-selected=true]{background:var(--zemin-3);font-weight:600;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)}
@media (prefers-color-scheme:dark){.secim button[aria-selected=true]{background:#636366}}
.bolum--koyu .secim button[aria-selected=true],.karo--koyu .secim button[aria-selected=true]{background:#636366}

/* ---------- Adımlı hikâye (kaydırınca telefon değişir) ---------- */
.hikaye{display:grid;gap:var(--b-12)}
.hikaye__adimlar{display:grid;gap:var(--b-8)}
.hikaye__adim{position:relative}
.hikaye__no{display:grid;margin-bottom:var(--b-4);place-items:center;width:36px;height:36px;border-radius:50%;background:var(--dolgu);font-weight:600;font-size:var(--t-alt);transition:background-color var(--sure-2) var(--egri),color var(--sure-2) var(--egri)}
.hikaye__adim .giris{margin-top:var(--b-3)}
.hikaye__adim.acik .hikaye__no{background:var(--vurgu);color:var(--vurgu-yazi)}
.hikaye__sahne{display:flex;justify-content:center}
@media (min-width:900px){
  .hikaye{grid-template-columns:1fr 1fr;align-items:start;gap:var(--b-16)}
  .hikaye__adimlar{gap:0}
  .hikaye__adim{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.32;transition:opacity var(--sure-3) var(--egri)}
  .hikaye__adim.acik{opacity:1}
  .hikaye__sahne{position:sticky;top:calc(var(--ust-yukseklik) + (100vh - var(--ust-yukseklik) - 640px)/2);height:640px;align-items:center}
  .hikaye__sahne .telefon{--g:296px}
}
@media (max-width:899px){
  .hikaye__sahne{display:none}
  .hikaye__adim-gorsel{display:flex;justify-content:center;margin-top:var(--b-6)}
}
@media (min-width:900px){.hikaye__adim-gorsel{display:none}}

/* ---------- Sık sorulanlar ---------- */
.sss{border-top:.5px solid var(--ayrac)}
.sss details{border-bottom:.5px solid var(--ayrac)}
.sss summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--b-6);min-height:64px;padding:var(--b-4) 0;cursor:pointer;font-size:var(--t-b4);font-weight:600;letter-spacing:-.01em;line-height:1.3}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--dolgu-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2 6h8' stroke='%236E6E73' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform var(--sure-2) var(--egri)}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details>div{padding:0 0 var(--b-6);max-width:62ch;color:var(--yazi-2);font-size:var(--t-govde);line-height:1.52}

/* ---------- Rakamlar ---------- */
.rakamlar{display:grid;gap:var(--b-8)}
@media (min-width:735px){.rakamlar{grid-template-columns:repeat(3,1fr)}}
.rakamlar--dort{grid-template-columns:repeat(2,1fr)}@media (min-width:1068px){.rakamlar--dort{grid-template-columns:repeat(4,1fr)}}
.rakam__sayi{font-size:clamp(3.5rem,2.4rem + 4.4vw,6rem);font-weight:700;line-height:1;letter-spacing:-.03em;background:linear-gradient(120deg,#8A5CF0,#5A27C4);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-color-scheme:dark){.rakam__sayi{background-image:linear-gradient(120deg,#C3A8FF,#8F63FF)}}
.rakam__ad{margin-top:var(--b-2);font-size:var(--t-govde);font-weight:600;color:var(--yazi-1)}

/* ---------- Liste: onay işaretli ---------- */
.onay-liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--b-3)}
.onay-liste li{position:relative;padding-inline-start:30px;color:var(--yazi-1)}
.onay-liste li::before{content:"";position:absolute;inset-inline-start:0;top:.18em;width:20px;height:20px;border-radius:50%;background:var(--vurgu-acik) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.4l2.6 2.6L14 7.4' fill='none' stroke='%23713CDB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
@media (prefers-color-scheme:dark){.onay-liste li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.4l2.6 2.6L14 7.4' fill='none' stroke='%23A47CFF' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}
.ayracli-liste{list-style:none;margin:0;padding:0}
.ayracli-liste li{display:flex;justify-content:space-between;gap:var(--b-4);padding:var(--b-3) 0;border-bottom:.5px solid var(--ayrac)}

/* ---------- Form (HIG: metin alanları) ---------- */
.form{display:grid;gap:var(--b-4)}
.alan{display:grid;gap:6px}
.alan label{font-size:var(--t-dip);font-weight:600;color:var(--yazi-1)}
.alan input,.alan select,.alan textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:.5px solid var(--ayrac-opak);background:var(--zemin-3);font-size:var(--t-govde);transition:border-color var(--sure-1),box-shadow var(--sure-1)}
.alan textarea{min-height:112px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:0;border-color:var(--vurgu);box-shadow:0 0 0 4px color-mix(in srgb,var(--vurgu) 20%,transparent)}
.alan input::placeholder,.alan textarea::placeholder{color:var(--yazi-3)}
.alan__ipucu{font-size:var(--t-etiket);color:var(--yazi-2)}
.form__hata{color:var(--kirmizi-yazi);font-size:var(--t-alt)}
.form__tamam{padding:var(--b-6);border-radius:var(--k-m);background:color-mix(in srgb,var(--yesil) 12%,transparent);color:var(--yazi-1)}
@media (min-width:600px){.form__ikili{display:grid;grid-template-columns:1fr 1fr;gap:var(--b-4)}}

/* ---------- Görünme hareketi (yalnız JS ve hareket izni varsa) ---------- */
@media (prefers-reduced-motion:no-preference){
  .js [data-gor]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--egri),transform .9s var(--egri)}
  .js [data-gor].gorundu{opacity:1;transform:none}
  .js [data-gor="2"]{transition-delay:.08s} .js [data-gor="3"]{transition-delay:.16s} .js [data-gor="4"]{transition-delay:.24s}
  .js [data-gor=olcek]{transform:scale(.94)}
}

/* ---------- Ana sayfa: kahraman sahnesi ---------- */
.sahne{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,2.4vw,32px);margin-top:clamp(48px,6vw,80px);padding-bottom:var(--b-4)}
.sahne .telefon:nth-child(1){transform:translateY(40px) rotate(-6deg);--g:250px}
.sahne .telefon:nth-child(3){transform:translateY(40px) rotate(6deg);--g:250px}
.sahne .telefon:nth-child(2){--g:300px;z-index:2}
.sahne__bildirim{position:absolute;z-index:3;top:64px;inset-inline-start:calc(50% + 70px);width:320px}
@media (max-width:734px){
  .sahne .telefon:nth-child(1),.sahne .telefon:nth-child(3){display:none}
  .sahne .telefon:nth-child(2){--g:min(270px,72vw)}
  .sahne__bildirim{top:-30px;left:50%;right:auto;transform:translateX(-50%);width:min(320px,88vw)}
}
.guven-serit{display:grid;gap:var(--b-6);margin-top:clamp(64px,8vw,104px);padding-top:var(--b-8);border-top:.5px solid var(--ayrac)}
@media (min-width:735px){.guven-serit{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1069px){.guven-serit{grid-template-columns:repeat(4,1fr)}}
.guven-serit>div{display:grid;grid-template-columns:28px 1fr;gap:2px 12px;text-align:start}
.guven-serit svg{grid-row:span 2;width:24px;height:24px;color:var(--vurgu);margin-top:1px}
.guven-serit b{font-size:var(--t-alt);font-weight:600;letter-spacing:-.01em}
.guven-serit span{font-size:var(--t-dip);color:var(--yazi-2)}

/* ürün karoları: görsel karonun altından taşar */
.urun-karo{display:flex;flex-direction:column;min-height:620px;padding-bottom:0}
.urun-karo .karo__ic{max-width:460px}
.urun-karo__gorsel{position:relative;margin-top:auto;padding-top:var(--b-10);display:flex;justify-content:center}
.urun-karo__gorsel .telefon{--g:250px;margin-bottom:-120px}
.urun-karo__gorsel>.bildirim{position:absolute;top:calc(var(--b-10) + 64px);left:50%;transform:translateX(-50%);z-index:2}
.urun-karo--genis{min-height:0}
@media (min-width:900px){
  .urun-karo--genis{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--b-10);align-items:center;padding-bottom:clamp(28px,4.2vw,56px)}
  .urun-karo--genis .urun-karo__gorsel{margin:0;padding:0}
}
.urun-karo--genis .pencere{width:100%}
.urun-karo .bag{margin-top:var(--b-3)}

/* karşılaştırma: iki geniş karo */
.cift-karo{display:grid;gap:var(--b-5)}
@media (min-width:900px){.cift-karo{grid-template-columns:1fr 1fr}}
.qr-kutu{display:inline-grid;place-items:center;padding:14px;border-radius:20px;background:#fff;box-shadow:var(--golge-2)}
.qr-kutu img{width:132px;height:132px}

/* garson bölümü: bildirim yığını */
.yigin-bildirim{position:relative;display:grid;gap:10px;justify-items:center}
.yigin-bildirim .bildirim:nth-child(2){opacity:.82;transform:scale(.97)}
.yigin-bildirim .bildirim:nth-child(3){opacity:.6;transform:scale(.94)}

/* zaman çizelgesi rozetli kartlar */
.kart-durum{display:flex;flex-direction:column;gap:var(--b-3)}
.kart-durum .rozet{align-self:flex-start}

/* fiyat kartları */
.paket{display:flex;flex-direction:column;gap:var(--b-4);padding:var(--b-8);border-radius:var(--k-l);background:var(--zemin-3);box-shadow:var(--golge-1);border:.5px solid var(--ayrac)}
.paket--one{box-shadow:0 0 0 2px var(--vurgu),var(--golge-2);border-color:transparent}
.paket__ad{font-size:var(--t-b3);font-weight:700;letter-spacing:-.015em}
.paket__fiyat{font-size:var(--t-b2);font-weight:700;letter-spacing:-.02em}
.paket .onay-liste{font-size:var(--t-alt)}
.paket .dugme{margin-top:auto}

/* tablo */
.tablo-kap{overflow-x:auto;border-radius:var(--k-m);border:.5px solid var(--ayrac);background:var(--zemin-3)}
.tablo{width:100%;border-collapse:collapse;font-size:var(--t-alt)}
.tablo th,.tablo td{padding:14px 16px;text-align:start;border-bottom:.5px solid var(--ayrac);vertical-align:top}
.tablo thead th{font-size:var(--t-dip);color:var(--yazi-2);font-weight:600;background:var(--zemin-2)}
.tablo tr:last-child td{border-bottom:0}
.tablo td.sayi,.tablo th.sayi{text-align:end;font-variant-numeric:tabular-nums}

/* yardımcı */
.mt-2{margin-top:var(--b-2)}.mt-3{margin-top:var(--b-3)}.mt-4{margin-top:var(--b-4)}.mt-6{margin-top:var(--b-6)}.mt-8{margin-top:var(--b-8)}.mt-12{margin-top:var(--b-12)}.mt-16{margin-top:var(--b-16)}
.sayi{font-variant-numeric:tabular-nums}
@media print{.gn,.gf,.mm{display:none}}

/* ---------- Ana sayfa parçaları ---------- */
.garson-sahne{position:relative;display:flex;justify-content:center;padding-block:var(--b-8)}
.garson-sahne__bildirimler{position:absolute;z-index:2;top:12%;left:50%;transform:translateX(-50%);width:min(340px,88%)}
.garson-sahne__bildirimler .bildirim{width:100%;--cam-bildirim:rgba(44,44,46,.88)}
.garson-sahne__bildirimler .bildirim:nth-child(n+2){display:none}
@media (min-width:900px){
  .garson-sahne__bildirimler{top:18%;left:auto;inset-inline-start:-4%;transform:none;width:340px}
  .garson-sahne__bildirimler .bildirim:nth-child(n+2){display:grid}
  .garson-sahne__bildirimler .bildirim:nth-child(2){opacity:1;transform:scale(.96);transform-origin:top center}
  .garson-sahne__bildirimler .bildirim:nth-child(3){opacity:1;transform:scale(.92);transform-origin:top center}
  [dir=rtl] .garson-sahne__bildirimler{inset-inline-start:-4%}
}
.bahsis-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:var(--b-10);max-width:420px}
.bahsis-mini span{position:relative;display:grid;justify-items:center;gap:4px;padding:16px 6px 14px;border-radius:18px;background:var(--zemin-3);box-shadow:var(--golge-1),inset 0 0 0 .5px var(--ayrac)}
.bahsis-mini i{font-style:normal;font-size:24px;line-height:1}
.bahsis-mini b{font-size:var(--t-alt);font-weight:600}
.bahsis-mini small{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:var(--k-hap);background:var(--vurgu);color:var(--vurgu-yazi);font-size:10px;font-weight:600;white-space:nowrap}
.bahsis-mini .secili{background:var(--vurgu);color:var(--vurgu-yazi);box-shadow:var(--golge-2)}
.bahsis-mini .secili small{background:var(--zemin-3);color:var(--vurgu)}
.demo-karo{display:flex;flex-direction:column}
.demo-karo__qr{margin-top:var(--b-10)}
.cift-karo .karo{min-height:460px}
.son-cagri{padding-block:clamp(120px,14vw,200px)}

/* ---------- İç sayfa başlığı ---------- */
.sayfa-bas{padding-top:clamp(56px,8vw,120px);padding-bottom:clamp(40px,6vw,80px)}
.sayfa-bas .dev{font-size:clamp(2.75rem,1.6rem + 4.6vw,5rem)}
.sayfa-bas .giris{margin-top:var(--b-5);max-width:36ch}
.sayfa-bas--orta{text-align:center}
.sayfa-bas--orta .giris{margin-inline:auto;text-wrap:balance}
.sayfa-bas--orta .dugmeler{justify-content:center}
.kirinti{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--t-dip);color:var(--yazi-2);margin-bottom:var(--b-6)}
.kirinti a{color:var(--yazi-2);text-decoration:none}
.kirinti a:hover{color:var(--vurgu)}
.kirinti span+span::before{content:"›";margin-inline-end:6px;color:var(--yazi-3)}

/* ---------- Süzgeç (özellikler) ---------- */
[data-grup][hidden]{display:none!important}
.sayac{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-inline-start:6px;border-radius:var(--k-hap);background:var(--dolgu-2);font-size:11px;font-weight:600;color:var(--yazi-2)}

/* ---------- Rozet renkleri ---------- */
.rozet--mavi{color:var(--mavi-yazi);background:color-mix(in srgb,var(--mavi-yazi) 12%,transparent)}
.rozet--gri{color:var(--yazi-2);background:var(--dolgu-2)}

/* ---------- Not kutusu ---------- */
.not-kutu{padding:var(--b-5) var(--b-6);border-radius:var(--k-m);background:var(--zemin-2);color:var(--yazi-2);font-size:var(--t-alt);line-height:1.47}
.bolum--gri .not-kutu{background:var(--zemin-3)}
.not-kutu strong{color:var(--yazi-1)}
.cipler{display:flex;flex-wrap:wrap;gap:8px}
.cipler span{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:var(--k-hap);background:var(--zemin-3);box-shadow:inset 0 0 0 .5px var(--ayrac);font-size:var(--t-alt);font-weight:500;color:var(--yazi-1)}
.bolum--gri .cipler span{background:var(--zemin-3)}

/* ---------- Sekme paneli (metin + telefon) ---------- */
.sekme-sahne{display:grid;gap:var(--b-10);align-items:center;margin-top:var(--b-10)}
@media (min-width:900px){.sekme-sahne{grid-template-columns:1fr auto;gap:var(--b-16)}}
.sekme-sahne__gorsel{display:flex;justify-content:center}
[data-panel][hidden]{display:none}
[data-panel]{animation:panel-gel var(--sure-3) var(--egri)}
@keyframes panel-gel{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){[data-panel]{animation:none}}
.durdur-dugme{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:var(--dolgu);color:var(--yazi-1);cursor:pointer;position:relative}
.durdur-dugme::after{content:"";position:absolute;inset:-4px}
.durdur-dugme svg{width:12px;height:12px}
.durdur-dugme .oynat{display:none}
.durdur-dugme.durdu .oynat{display:block}
.durdur-dugme.durdu .duraklat{display:none}
.secim-satir{display:flex;align-items:center;justify-content:center;gap:var(--b-3);flex-wrap:wrap}

/* ---------- Kaydırmalı şerit ---------- */
.ray{display:grid;grid-auto-flow:column;grid-auto-columns:min(340px,82vw);gap:var(--b-5);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--b-4);scroll-padding-inline:var(--kenar)}
.ray::-webkit-scrollbar{display:none}
.ray>*{scroll-snap-align:start}
.ray-denetim{display:flex;align-items:center;justify-content:flex-end;gap:var(--b-3);margin-top:var(--b-4)}
.ray-denetim button{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:var(--dolgu);color:var(--yazi-1);cursor:pointer}
.ray-denetim button:hover{background:color-mix(in srgb,var(--yazi-1) 14%,transparent)}
.ray-denetim svg{width:14px;height:14px}
[dir=rtl] .ray-denetim svg{transform:scaleX(-1)}

/* ---------- Video bölümü (video/*.js ekler; kendi stilini taşır, burada yalnız uyum) ---------- */
#ode-video,#siparis-video,#panel-video{background:var(--zemin)!important}
#paysion-ode-video-yer,#paysion-siparis-video-yer,#paysion-panel-video-yer{max-width:calc(var(--en-genis));margin-inline:auto;border-radius:var(--k-l);background:var(--zemin-2)!important}
#paysion-ode-video-baslik,#paysion-siparis-video-baslik,#paysion-panel-video-baslik{text-transform:none!important;letter-spacing:-.01em!important;font-size:var(--t-govde)!important;font-weight:600!important;color:var(--vurgu)!important;text-align:center}
@media (max-width:1300px){#paysion-ode-video-yer,#paysion-siparis-video-yer,#paysion-panel-video-yer{width:auto!important;margin-inline:var(--kenar)}}

/* ---------- Bahşiş hesaplayıcı ---------- */
.hesap-kart{max-width:420px;margin-inline:auto;padding:var(--b-6);border-radius:var(--k-l);background:var(--zemin-3);box-shadow:var(--golge-3)}
.hesap-kart__oranlar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:var(--b-4)}
.hesap-kart__oranlar button,.hesap-kart__yok{position:relative;display:grid;justify-items:center;gap:2px;min-height:64px;padding:10px 4px;border-radius:16px;border:0;background:var(--zemin-2);cursor:pointer;font-size:var(--t-alt);font-weight:600;color:var(--yazi-1);transition:background-color var(--sure-1),color var(--sure-1),transform var(--sure-1)}
.hesap-kart__oranlar button:active,.hesap-kart__yok:active{transform:scale(.96)}
.hesap-kart__oranlar button i{font-style:normal;font-size:22px;line-height:1}
.hesap-kart__oranlar button small{position:absolute;top:-8px;left:50%;transform:translateX(-50%);padding:1px 7px;border-radius:var(--k-hap);background:var(--vurgu);color:var(--vurgu-yazi);font-size:9.5px;font-weight:700;white-space:nowrap}
.hesap-kart__oranlar button[aria-pressed=true],.hesap-kart__yok[aria-pressed=true]{background:var(--vurgu);color:var(--vurgu-yazi)}
.hesap-kart__oranlar button[aria-pressed=true] small{background:var(--zemin-3);color:var(--vurgu)}
.hesap-kart__yok{width:100%;min-height:48px;margin-top:8px;display:flex;justify-content:center;align-items:center;font-weight:500}
.hesap-kart__satir{display:flex;justify-content:space-between;padding:10px 0;border-bottom:.5px solid var(--ayrac);font-size:var(--t-alt);color:var(--yazi-2)}
.hesap-kart__satir b{color:var(--yazi-1);font-weight:600}
.hesap-kart__toplam{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--b-3);font-size:var(--t-b4);font-weight:700}

/* ---------- Basın / marka dosyası ---------- */
.marka-ornek{display:grid;place-items:center;min-height:200px;border-radius:var(--k-m);background:var(--zemin-2)}
.marka-ornek--koyu{background:#24152F}
.marka-ornek img{height:40px;width:auto}
.renk-ornek{display:grid;gap:var(--b-2)}
.renk-ornek i{display:block;height:88px;border-radius:var(--k-s)}

/* ---------- Kilit ekranı (garson ekranı sahnesi) ---------- */
.kilit-ekran{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:16% 5% 5%;color:#fff;
  background:radial-gradient(120% 70% at 15% 0%,#6A35DC 0%,#2A1640 52%,#0C0812 100%)}
.kilit-ekran__tarih{font-size:calc(var(--g)*.052);font-weight:600;opacity:.88;letter-spacing:0}
.kilit-ekran__saat{font-size:calc(var(--g)*.25);font-weight:600;line-height:1;letter-spacing:-.02em;margin-top:2%;font-variant-numeric:tabular-nums}
.kilit-ekran__liste{margin-top:auto;width:100%;display:grid;gap:calc(var(--g)*.022)}
.kilit-ekran .bildirim{width:100%;grid-template-columns:calc(var(--g)*.1) 1fr auto;gap:1px calc(var(--g)*.03);padding:calc(var(--g)*.035) calc(var(--g)*.04);border-radius:calc(var(--g)*.06);
  --cam-bildirim:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18)}
.kilit-ekran .bildirim__ikon{width:calc(var(--g)*.1);height:calc(var(--g)*.1);border-radius:calc(var(--g)*.024)}
.kilit-ekran .bildirim__baslik,.kilit-ekran .bildirim__metin{font-size:calc(var(--g)*.04);color:#fff}
.kilit-ekran .bildirim__zaman{font-size:calc(var(--g)*.034);color:rgba(255,255,255,.7)}
.ikili-telefon{display:flex;justify-content:center;align-items:flex-end;gap:clamp(16px,3vw,40px);margin-top:clamp(48px,6vw,80px)}
.ikili-telefon .telefon:first-child{transform:translateY(32px)}
@media (max-width:734px){.ikili-telefon .telefon:last-child{display:none}.ikili-telefon .telefon:first-child{transform:none}}

/* ---------- Paranın yolu zinciri ---------- */
.zincir{display:grid;gap:var(--b-4);counter-reset:z}
@media (min-width:900px){.zincir{grid-template-columns:repeat(5,1fr)}}
.zincir li{position:relative;padding:var(--b-6);border-radius:var(--k-m);background:var(--zemin-3);box-shadow:var(--golge-1);border:.5px solid var(--ayrac)}
.zincir li .no{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--vurgu);color:var(--vurgu-yazi);font-size:var(--t-dip);font-weight:700;margin-bottom:var(--b-4)}
@media (min-width:900px){.zincir li:not(:last-child)::after{content:"";position:absolute;top:40px;inset-inline-end:-14px;width:12px;height:12px;border-top:2px solid var(--ayrac-opak);border-inline-end:2px solid var(--ayrac-opak);transform:rotate(45deg);z-index:1}
  [dir=rtl] .zincir li:not(:last-child)::after{transform:rotate(-135deg)}}
.akis{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:var(--b-3)}
.akis__halka{flex:1 1 200px;max-width:280px;padding:var(--b-5);border-radius:var(--k-l);background:var(--zemin-3);box-shadow:var(--golge-2);text-align:start}
.akis__halka b{display:block;font-size:var(--t-b4);font-weight:600;margin:var(--b-2) 0 var(--b-1)}
.akis__halka span{font-size:var(--t-dip);color:var(--yazi-2)}
.akis__no{font-size:var(--t-etiket);font-weight:700;color:var(--vurgu)}
.akis__ok{align-self:center;color:var(--yazi-3);font-size:24px}
@media (max-width:734px){.akis__ok{transform:rotate(90deg)}}

/* ---------- Büyüteç (ekran turu) ---------- */
.tur-izgara{display:grid;gap:var(--b-10) var(--b-6);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-items:center}
.tur-izgara figure{display:grid;justify-items:center;gap:var(--b-4);text-align:center}
.tur-izgara figcaption b{display:block;font-size:var(--t-govde);font-weight:600}
.tur-izgara figcaption span{font-size:var(--t-dip);color:var(--yazi-2)}
.tur-izgara .telefon{--g:220px}
@media (max-width:734px){.tur-izgara:not(.tur-izgara--genis){grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-8) var(--b-3)}.tur-izgara .telefon{--g:min(160px,42vw)}}
.tur-izgara .pencere{width:100%}
.tur-izgara--genis{grid-template-columns:repeat(auto-fill,minmax(min(480px,100%),1fr))}
.buyut{display:block;padding:0;border:0;background:none;cursor:zoom-in;border-radius:16px;transition:transform var(--sure-2) var(--egri)}
.buyut:hover{transform:translateY(-3px)}
.buyutec{border:0;padding:0;background:none;max-width:min(96vw,1400px);max-height:94vh;overflow:visible}
.buyutec::backdrop{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.buyutec img{max-width:min(96vw,1400px);max-height:88vh;width:auto;height:auto;border-radius:18px;box-shadow:var(--golge-3)}
.buyutec button{position:absolute;top:-14px;inset-inline-end:-14px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#1D1D1F;cursor:pointer;font-size:18px;line-height:1}
.zincir--dikey{grid-template-columns:1fr!important;gap:var(--b-3)}
.zincir--dikey li{display:grid;grid-template-columns:32px 1fr;gap:2px var(--b-4);padding:var(--b-5)}
.zincir--dikey li .no{grid-row:span 2;margin:0}
.zincir--dikey li::after{display:none}
.z-sahne{position:relative}
.z-damga{position:absolute;inset-inline-end:-10px;bottom:-14px;padding:10px 18px;border-radius:14px;background:var(--cam-bildirim);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--golge-2),inset 0 0 0 .5px var(--cam-kenar);font-weight:700;font-size:var(--t-alt);letter-spacing:.02em;color:var(--yazi-1)}

/* ---------- Öde sahnesi ---------- */
.ode-sahne{margin-top:var(--b-10)}
.ode-sahne .telefon{--g:300px!important;transform:none!important;display:block!important}
@media (max-width:734px){.ode-sahne .telefon{--g:min(270px,72vw)!important}}
.ode-sahne__qr{position:absolute;z-index:2;bottom:48px;inset-inline-end:calc(50% + 150px + 28px);display:grid;justify-items:center;gap:2px;padding:14px 14px 12px;border-radius:24px;background:var(--zemin-3);box-shadow:var(--golge-3)}
.ode-sahne__qr .qr-kutu{padding:0;box-shadow:none}
.ode-sahne__qr img{width:112px;height:112px}
.ode-sahne__qr b{font-size:var(--t-alt);margin-top:6px}
.ode-sahne__qr small{font-size:var(--t-etiket);color:var(--yazi-2)}
@media (max-width:734px){.ode-sahne__qr{display:none}}
.qr-kutu--buyuk{padding:22px;border-radius:32px}
.qr-kutu--buyuk img{width:220px;height:220px}

/* ---------- Masa sahnesi: üç kişi, beş kalem ---------- */
.masa-sahne{display:grid;gap:var(--b-8);justify-items:center;max-width:560px;margin-inline:auto}
.masa-sahne__kisiler{display:flex;gap:var(--b-4);flex-wrap:wrap;justify-content:center}
.kisi{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:var(--k-hap);background:var(--zemin-3);box-shadow:var(--golge-1);font-size:var(--t-alt);font-weight:600}
.kisi i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--k);color:#fff;font-style:normal;font-size:13px;font-weight:700}
.kisi.odedi{box-shadow:0 0 0 2px var(--k),var(--golge-1)}
.adisyon{width:100%;padding:var(--b-6);border-radius:var(--k-l);background:var(--zemin-3);box-shadow:var(--golge-2)}
.adisyon__ust{display:flex;justify-content:space-between;font-size:var(--t-dip);color:var(--yazi-2);padding-bottom:var(--b-3);border-bottom:.5px solid var(--ayrac)}
.adisyon__ust b{color:var(--yazi-1)}
.adisyon__liste{list-style:none;margin:0;padding:0}
.adisyon__liste li{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;min-height:52px;border-bottom:.5px solid var(--ayrac);transition:opacity var(--sure-2) var(--egri)}
.adisyon__adet{color:var(--yazi-2);font-size:var(--t-alt)}
.adisyon__liste b{font-weight:600}
.adisyon__odeyen{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:700;color:#fff;transform:scale(0);transition:transform var(--sure-2) var(--egri-yay)}
.adisyon__liste li.odendi .adisyon__ad,.adisyon__liste li.odendi b{color:var(--yazi-3);text-decoration:line-through;text-decoration-thickness:1px}
.adisyon__liste li.odendi .adisyon__odeyen{transform:scale(1)}
.adisyon__kalan{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--b-4);font-size:var(--t-b4);font-weight:700}
.adisyon__kalan b{transition:color var(--sure-2)}
.adisyon__kalan.bitti b{color:var(--yesil-yazi)}
.masa-sahne__alt{display:grid;justify-items:center;text-align:center}
.masa-sahne [data-masa-bildirim]{opacity:0;transform:translateY(-8px) scale(.98);transition:opacity var(--sure-3) var(--egri),transform var(--sure-3) var(--egri)}
.masa-sahne [data-masa-bildirim].goster{opacity:1;transform:none}
.cihaz-etiketli{position:relative;display:grid;justify-items:center;gap:var(--b-3)}
.cihaz-etiketli figcaption{font-size:var(--t-dip);font-weight:600;color:var(--yazi-2)}
.cihaz-etiketli__bildirim{position:absolute;top:24px;inset-inline-start:-40px;z-index:2}
.siparis-sahne .telefon{transform:none!important}
.siparis-sahne{align-items:center}
@media (max-width:734px){.siparis-sahne .cihaz-etiketli:last-child{display:none}}
.demo-adim{display:flex;flex-direction:column;padding-bottom:0;min-height:560px}
.demo-adim .hikaye__no{background:var(--vurgu);color:var(--vurgu-yazi)}
.demo-adim__gorsel{margin-top:auto;padding-top:var(--b-8);display:flex;justify-content:center}
.demo-adim__gorsel .telefon{margin-bottom:-80px}
.tablo--karsilastir th[scope=row]{font-weight:400;color:var(--yazi-1)}
.tablo--karsilastir .orta-hucre{text-align:center;width:22%}
.tablo--karsilastir .tik{width:20px;height:20px;margin:0 auto;color:var(--vurgu)}
.tablo--karsilastir .yok{color:var(--yazi-3)}
.tablo__grup th{background:var(--zemin-2);font-size:var(--t-dip);font-weight:600;color:var(--yazi-2);padding-top:18px}
.paket__fiyat .dip{margin-inline-start:4px;font-weight:400}
abbr.bilgi{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--dolgu);font-size:10px;font-weight:700;text-decoration:none;color:var(--yazi-2);cursor:help;vertical-align:1px;margin-inline-start:4px;font-style:normal}
.durum-karo__ust{display:flex;align-items:center;justify-content:space-between;gap:var(--b-4);flex-wrap:wrap}
.durum-karo .rozet{min-height:32px;padding:0 14px;font-size:var(--t-dip)}
.durum-karo .ayracli-liste li span:last-child{font-weight:600;color:var(--yazi-1)}
.seo-sahne{position:relative;display:flex;justify-content:center;padding-block:var(--b-8)}
.seo-sahne__bildirim{position:absolute;top:56px;inset-inline-start:calc(50% + 40px);width:300px;z-index:2}
.seo-sahne__qr{bottom:56px;inset-inline-end:calc(50% + 110px)}
@media (max-width:1068px){.seo-sahne__bildirim{left:50%;right:auto;transform:translateX(-50%);top:4px}.seo-sahne__qr{display:none}}
.urun-karo--kisa{min-height:520px}
.urun-karo--kisa .telefon{--g:220px}
.urun-karo__gorsel--pencere{align-items:flex-end}
.urun-karo__gorsel--pencere .pencere{width:150%;max-width:none;margin-inline-start:10%;margin-bottom:-40px;border-radius:12px}
.yazi-karo{display:grid!important;grid-template-columns:auto 1fr;gap:var(--b-6);align-items:center;padding-block:var(--b-8);overflow:hidden}
.yazi-karo .telefon{--g:150px}
@media (max-width:600px){.yazi-karo{grid-template-columns:1fr}.yazi-karo__gorsel{display:none}}
.yasal{display:grid;gap:var(--b-10)}
@media (min-width:900px){.yasal{grid-template-columns:220px minmax(0,var(--en-yazi));gap:var(--b-16)}.yasal__icindekiler{position:sticky;top:calc(var(--ust-yukseklik) + 32px);align-self:start}}
.yasal__icindekiler .gn__liste a{font-size:var(--t-alt);color:var(--yazi-2);padding:4px 0}
.yasal__icindekiler .gn__liste a:hover{color:var(--vurgu)}
.yasal__icindekiler ol{padding:0;list-style:none}
.uzun-metin h2:first-child{margin-top:0}
a.cip{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:var(--k-hap);background:var(--dolgu-2);font-size:var(--t-alt);font-weight:500;color:var(--yazi-1);text-decoration:none}
a.cip:hover{background:var(--dolgu)}
.mb-8{margin-bottom:var(--b-8)}
.mt-10{margin-top:var(--b-10)}

/* =====================================================================
   v12 · ürün sayfası kurgusu (ana sayfa ve ürün sayfaları)
   ===================================================================== */
.dev,.b1,.b2,.b3,.b4,.rakam__sayi,.hikaye__no,.sss summary,.paket__ad,.paket__fiyat,.hesap-kart__toplam,.akis__halka b,.zincir li .no,.kisi,.masa-kart b{font-family:var(--yazi-marka)}
.vurgulu{color:var(--vurgu)}
.bolum--mor .vurgulu,.karo--vurgu .vurgulu{color:var(--limon)}

/* kahraman */
.kahraman--ana{padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(64px,7vw,112px)}
.kahraman--ana .dev{font-size:clamp(3.5rem,1.2rem + 8.4vw,8.25rem);max-width:12ch;margin-inline:auto}
.kahraman--ana .giris{font-size:clamp(1.25rem,1.1rem + .7vw,1.625rem);max-width:30ch;margin-top:var(--b-6)}
.kahraman--ana .dugmeler{margin-top:var(--b-10)}
.sahne--ana{margin-top:clamp(56px,7vw,96px);gap:clamp(16px,3vw,48px);padding-bottom:var(--b-8)}
.sahne--ana .telefon:nth-child(1){--g:290px;transform:translateY(64px) rotate(-7deg)}
.sahne--ana .telefon:nth-child(2){--g:350px}
.sahne--ana .telefon:nth-child(3){--g:290px;transform:translateY(64px) rotate(7deg)}
.sahne--ana .sahne__bildirim{top:56px;inset-inline-start:calc(50% + 110px);width:340px}
.masa-kart{display:grid;justify-items:center;gap:2px;padding:16px 16px 14px;border-radius:26px;background:#fff;color:#1F1329;box-shadow:var(--golge-3);text-align:center}
.masa-kart img{width:120px;height:120px}
.masa-kart b{margin-top:8px;font-size:var(--t-alt);font-weight:800;letter-spacing:-.02em}
.masa-kart small{font-size:var(--t-etiket);color:#5B4E66}
.sahne__qr{position:absolute;z-index:3;bottom:72px;inset-inline-end:calc(50% + 150px);transform:rotate(-5deg)}
[dir=rtl] .sahne__qr{transform:rotate(5deg)}
@media (max-width:1068px){.sahne--ana .telefon:nth-child(1),.sahne--ana .telefon:nth-child(3){--g:230px}.sahne--ana .telefon:nth-child(2){--g:300px}.sahne__qr{inset-inline-end:calc(50% + 110px);bottom:40px}.masa-kart img{width:96px;height:96px}}
@media (max-width:734px){
  .sahne--ana .telefon:nth-child(2){--g:min(280px,74vw)}
  .sahne--ana .sahne__bildirim{top:-28px;inset-inline-start:auto;inset-inline-end:auto;left:50%;transform:translateX(-50%);width:min(330px,90vw)}
  .sahne__qr{bottom:24px;inset-inline-end:auto;left:4px;transform:rotate(-5deg) scale(.82);transform-origin:bottom left}
  [dir=rtl] .sahne__qr{left:auto;right:4px;transform:rotate(5deg) scale(.82);transform-origin:bottom right}
}
.kahraman--ana .etiket-ornek{justify-content:center;margin-top:var(--b-6)}
.hap-serit{list-style:none;margin:clamp(40px,5vw,64px) auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:980px}
.hap-serit li{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 14px;border-radius:var(--k-hap);background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 .5px var(--ayrac),var(--golge-1);font-family:var(--yazi-marka);font-size:var(--t-alt);font-weight:700;letter-spacing:-.012em;color:var(--yazi-1)}
.hap-serit svg{width:22px;height:22px;color:var(--vurgu);flex:none}
@media (prefers-color-scheme:dark){.hap-serit li{background:rgba(255,255,255,.06)}}

/* deste: kaydırdıkça üst üste binen ürün kartları */
.deste{display:grid;gap:var(--b-5)}
.deste__kart{display:grid;gap:var(--b-8);padding-bottom:0}
.deste__yazi .b1{font-size:clamp(2.25rem,1.3rem + 3.4vw,4rem)}
.deste__yazi .giris{margin-top:var(--b-4)}
.deste__yazi .bag{margin-top:var(--b-4)}
.deste__gorsel{position:relative;display:flex;justify-content:center;align-items:flex-start;height:min(460px,118vw);padding-top:var(--b-4)}
.deste__gorsel .telefon{--g:min(290px,74vw)}
.deste__gorsel>.bildirim{position:absolute;z-index:2;top:52px;left:50%;transform:translateX(-50%);width:min(330px,86%)}
.deste__kart--genis .deste__gorsel{justify-content:flex-start;height:auto;padding-bottom:var(--b-8)}
.deste__kart--genis .pencere{width:100%}
@media (min-width:900px){
  .deste__kart{position:sticky;top:calc(var(--ust-yukseklik) + 24px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--b-10);height:min(660px,calc(100vh - var(--ust-yukseklik) - 56px));min-height:560px;
    padding:clamp(40px,4.4vw,64px);padding-bottom:0;box-shadow:0 -24px 60px -40px rgba(36,21,47,.45)}
  .deste__kart:nth-child(2){top:calc(var(--ust-yukseklik) + 36px)}
  .deste__kart:nth-child(3){top:calc(var(--ust-yukseklik) + 48px)}
  .deste__kart:nth-child(4){top:calc(var(--ust-yukseklik) + 60px)}
  .deste__kart:nth-child(5){top:calc(var(--ust-yukseklik) + 72px)}
  .deste__yazi{align-self:center;padding-bottom:clamp(40px,4.4vw,64px)}
  .deste__gorsel{height:100%;padding-top:var(--b-6)}
  .deste__gorsel .telefon{--g:330px}
  .deste__gorsel>.bildirim{top:96px;left:auto;inset-inline-start:-8%;transform:none}
  .deste__kart--genis{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .deste__kart--genis .deste__gorsel{padding-top:clamp(40px,4.4vw,64px);padding-bottom:0}
  .deste__kart--genis .pencere{width:160%;max-width:none;flex:none}
  [dir=rtl] .deste__kart--genis .pencere{margin-inline-start:0}
}
.karo--koyu .bildirim,.karo--vurgu .bildirim{--cam-bildirim:rgba(255,255,255,.82);--yazi-1:#1F1329;--yazi-2:#5B4E66;color:#1F1329}

/* hikâye: büyük adımlar */
.hikaye--buyuk .hikaye__no{width:44px;height:44px;font-size:var(--t-govde);font-weight:800;background:var(--zemin-3);box-shadow:inset 0 0 0 .5px var(--ayrac)}
.hikaye--buyuk .hikaye__adim.acik .hikaye__no{background:var(--vurgu);color:var(--vurgu-yazi);box-shadow:var(--golge-mor)}
.hikaye--buyuk .giris{max-width:28ch}
@media (min-width:900px){
  .hikaye--buyuk .hikaye__adim{min-height:58vh;opacity:.22}
  .hikaye--buyuk .hikaye__adim.acik{opacity:1}
  .hikaye--buyuk .hikaye__sahne{height:700px;top:calc(var(--ust-yukseklik) + (100vh - var(--ust-yukseklik) - 700px)/2)}
  .hikaye--buyuk .hikaye__sahne .telefon{--g:330px}
}
.hikaye__sahne{position:relative}
.hikaye__sahne::before{content:"";position:absolute;inset:12% 8%;border-radius:50%;background:radial-gradient(closest-side,rgba(113,60,219,.28),transparent);filter:blur(30px);z-index:0}
.hikaye__sahne .telefon{z-index:1}
.kalan-serit{display:grid;justify-items:center;gap:var(--b-6);margin-top:clamp(64px,8vw,120px);text-align:center}

/* garson: kilit ekranı + arkada garson ekranı */
.garson-sahne--kilit{display:flex;justify-content:center;align-items:center;padding-block:var(--b-8)}
.garson-sahne--kilit>.telefon:first-child{z-index:2}
.garson-sahne__arka{position:absolute;z-index:1;top:16%;inset-inline-start:calc(50% + 30px);transform:rotate(8deg);filter:brightness(.82) saturate(.9)}
[dir=rtl] .garson-sahne__arka{transform:rotate(-8deg)}
@media (min-width:900px){.garson-sahne--kilit>.telefon:first-child{transform:translateX(-56px)}[dir=rtl] .garson-sahne--kilit>.telefon:first-child{transform:translateX(56px)}}
@media (max-width:899px){.garson-sahne__arka{display:none}}

/* rakamlar: mor zeminde dev */
.rakamlar--dev{gap:var(--b-10);margin-top:var(--b-4)}
.rakamlar--dev .rakam__sayi{font-size:clamp(4.5rem,2.6rem + 7.6vw,10rem);font-weight:800;letter-spacing:-.06em;line-height:.95}
.bolum--mor .rakam__sayi{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--limon)}
.bolum--mor .rakam__ad{color:#fff;font-family:var(--yazi-marka);font-weight:700;font-size:var(--t-giris);letter-spacing:-.02em}
.bolum--mor .giris{margin-inline:auto}
.bolum--mor .dugmeler{margin-top:clamp(48px,6vw,80px)}

/* panel penceresi sahnesi */
.pencere-sahne{position:relative;isolation:isolate}
.pencere-sahne::before{content:"";position:absolute;z-index:-1;inset:14% 4% -8%;background:radial-gradient(closest-side,rgba(113,60,219,.32),transparent);filter:blur(40px)}
.karo--kucuk{padding:var(--b-8) var(--b-6);border-radius:var(--k-l)}
.karo--kucuk .metin{font-size:var(--t-alt)}

/* ok düğmesi: karo bağlantılarında sağ üstte */
.ok-dugme{position:absolute;top:clamp(24px,3.4vw,44px);inset-inline-end:clamp(24px,3.4vw,44px);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--zemin-3);color:var(--vurgu);box-shadow:var(--golge-1);transition:transform var(--sure-2) var(--egri)}
.ok-dugme::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M8.5 3.5L13 8l-4.5 4.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M8.5 3.5L13 8l-4.5 4.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
[dir=rtl] .ok-dugme::before{transform:scaleX(-1)}
a.karo:hover .ok-dugme{transform:translateX(3px)}
[dir=rtl] a.karo:hover .ok-dugme{transform:translateX(-3px)}
.ok-dugme--limon{background:var(--limon);color:var(--murdum);box-shadow:0 8px 20px -10px rgba(199,240,60,.7)}
a.karo .b2,a.karo .ust-baslik,a.karo .giris{padding-inline-end:56px}
a.karo .bahsis-mini,a.karo .demo-karo__qr{padding-inline-end:0}
.cift-karo .karo{min-height:480px}

/* son çağrı */
.son-cagri{padding-block:clamp(64px,8vw,120px)}
.son-karo{padding-block:clamp(72px,10vw,144px)}
.son-karo .giris{margin-inline:auto}
.son-karo .dugmeler{justify-content:center}

/* ---------- Dizüstü çerçevesi (genel; marka logosu yok) ---------- */
.dizustu{position:relative;width:100%;max-width:1040px;margin-inline:auto;filter:drop-shadow(0 40px 50px rgba(36,21,47,.22))}
.dizustu__kapak{position:relative;margin-inline:7.5%;padding:1.5% 1.5% 2%;border-radius:18px 18px 0 0/18px 18px 0 0;background:#0C0B0E;box-shadow:inset 0 0 0 1px #2E2D33,0 0 0 1.5px #C7C8CE}
.dizustu__kapak::before{content:"";position:absolute;z-index:2;top:1.5%;left:50%;width:11%;height:3.2%;min-height:10px;transform:translateX(-50%);border-radius:0 0 8px 8px;background:#0C0B0E}
.dizustu__ekran{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#fff}
.dizustu__ekran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}
.dizustu__ekran img[data-ekran]{opacity:0;transition:opacity var(--sure-3) var(--egri)}
.dizustu__ekran img[data-ekran].acik{opacity:1}
.dizustu__taban{position:relative;height:clamp(10px,1.7vw,20px);border-radius:2px 2px 22px 22px/2px 2px 100% 100%;background:linear-gradient(180deg,#F1F1F4 0%,#D6D7DC 38%,#A9ABB2 100%);box-shadow:inset 0 1px 0 #fff}
.dizustu__taban::before{content:"";position:absolute;top:0;left:50%;width:15%;height:42%;transform:translateX(-50%);border-radius:0 0 10px 10px;background:linear-gradient(180deg,#BFC0C6,#DADBE0)}
@media (prefers-color-scheme:dark){.dizustu{filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}.dizustu__ekran img{filter:brightness(.94)}}
.deste__kart--genis .dizustu{width:150%;max-width:none;flex:none;margin-inline-start:2%}
@media (max-width:899px){.deste__kart--genis .dizustu{width:118%;margin-inline-start:-2%}}

/* ---------- Kahraman: tek cihaz ---------- */
.sahne--tek{align-items:center}
.sahne--ana.sahne--tek .telefon:nth-child(1){--g:360px;transform:rotate(-4deg)}
[dir=rtl] .sahne--ana.sahne--tek .telefon:nth-child(1){transform:rotate(4deg)}
.sahne--tek{padding-bottom:var(--b-12)}
.sahne--tek .sahne__bildirim{top:96px;inset-inline-start:calc(50% + 120px)}
.sahne--tek .sahne__qr{bottom:120px;inset-inline-end:calc(50% + 150px)}
@media (max-width:734px){
  /* Tek telefonlu sahnede telefon gizlenmez (eski 3 telefonlu kural nth-child(1)'i saklıyordu). */
  .sahne--ana.sahne--tek .telefon:nth-child(1){display:block;--g:min(290px,76vw)}
  /* Mantıksal kenar önce sıfırlanır, fiziksel kenar sonra yazılır; aksi hâlde masaüstü değeri kalır. */
  .sahne--tek .sahne__bildirim{top:-28px;inset-inline-start:auto;inset-inline-end:auto;right:auto;left:50%;transform:translateX(-50%);width:min(330px,90vw)}
  .sahne--tek .sahne__qr{bottom:24px;inset-inline-start:auto;inset-inline-end:auto;right:auto;left:4px}
  [dir=rtl] .sahne--tek .sahne__qr{left:auto;right:4px}
}

/* ---------- Arayüz parçaları (telefon çerçevesi olmadan) ---------- */
.deste__gorsel--ui{align-items:center;padding-bottom:var(--b-8)}
@media (min-width:900px){.deste__gorsel--ui{padding-bottom:clamp(40px,4.4vw,64px)}}
.ui-sahne{position:relative;display:grid;gap:14px;width:min(400px,100%);color:#1F1329}
.ui-kart{border-radius:26px;background:#fff;padding:20px 22px;box-shadow:0 2px 6px rgba(36,21,47,.06),0 24px 48px -20px rgba(36,21,47,.32);text-align:start}
.ui-urun__ust{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:var(--t-govde)}
.ui-urun__ust b{font-family:var(--yazi-marka);font-weight:800;letter-spacing:-.02em}
.ui-urun__ust s{color:#8A7D96;font-size:var(--t-dip)}
.ui-cipler{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ui-cip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:var(--k-hap);background:#F5F0FD;font-size:var(--t-alt);font-weight:600;color:#1F1329}
.ui-cip--secili{background:#713CDB;color:#fff}
.ui-not{display:grid;gap:2px;margin-top:12px;padding:12px 14px;border-radius:16px;background:#F5F0FD;font-size:var(--t-alt)}
.ui-not small{font-size:var(--t-etiket);font-weight:700;color:#713CDB;font-family:var(--yazi-marka);letter-spacing:.04em;text-transform:uppercase}
.ui-urun__alt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.ui-adet{display:inline-flex;align-items:center;gap:14px;min-height:40px;padding:0 14px;border-radius:var(--k-hap);background:#F5F0FD;font-weight:700}
.ui-adet i{font-style:normal;color:#713CDB;font-size:18px;line-height:1}
.ui-dugme{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:var(--k-hap);background:#713CDB;color:#fff;font-family:var(--yazi-marka);font-weight:700;font-size:var(--t-alt);box-shadow:0 10px 22px -12px rgba(113,60,219,.8)}
.ui-kampanya{display:grid;gap:8px;width:86%;justify-self:end;padding-block:16px}
.ui-kampanya .rozet{justify-self:start}
.ui-sahne__bildirim{position:absolute;z-index:2;top:-78px;inset-inline-end:-12%;width:min(330px,92%);--cam-bildirim:rgba(255,255,255,.86);--yazi-1:#1F1329;--yazi-2:#5B4E66;color:#1F1329}
@media (max-width:899px){.ui-sahne__bildirim{position:relative;top:auto;inset-inline-end:auto;justify-self:center;order:-1;margin-bottom:-6px}}
.ui-sahne .ui-urun{transform:rotate(-1.5deg)}
.ui-sahne .ui-kampanya{transform:rotate(1.5deg)}
[dir=rtl] .ui-sahne .ui-urun{transform:rotate(1.5deg)}
[dir=rtl] .ui-sahne .ui-kampanya{transform:rotate(-1.5deg)}

/* bildirim yığını */
.bildirim-yigini{display:grid;gap:12px;width:min(420px,100%);justify-items:center}
.bildirim-yigini .bildirim{width:100%;--cam-bildirim:rgba(255,255,255,.14);--yazi-1:#fff;--yazi-2:rgba(255,255,255,.7);color:#fff;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.2),0 20px 40px -20px rgba(0,0,0,.6)}
.bildirim-yigini .bildirim:first-child{--cam-bildirim:rgba(255,255,255,.94);--yazi-1:#1F1329;--yazi-2:#5B4E66;color:#1F1329;transform:scale(1.04);box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
.bildirim-yigini .bildirim:nth-child(2){transform:scale(.97);opacity:.92}
.bildirim-yigini .bildirim:nth-child(3){transform:scale(.92);opacity:.7}
.bildirim__eylem{grid-column:1/4;margin-top:10px;display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:14px;background:#713CDB;color:#fff;font-family:var(--yazi-marka);font-weight:700;font-size:var(--t-alt)}

/* ---------- Panel ekranları dizüstünde: .pencere artık dizüstü kapağı gibi çizilir ---------- */
.pencere{overflow:visible;margin-inline:6.5%;margin-bottom:clamp(12px,1.7vw,20px);padding:1.4% 1.4% 1.9%;border-radius:16px 16px 0 0;background:#0C0B0E;
  box-shadow:inset 0 0 0 1px #2E2D33,0 0 0 1.5px #C7C8CE;filter:drop-shadow(0 34px 44px rgba(36,21,47,.22))}
.pencere::before{content:"";position:absolute;z-index:2;top:1.4%;left:50%;width:11%;height:3%;min-height:8px;transform:translateX(-50%);border-radius:0 0 7px 7px;background:#0C0B0E}
.pencere::after{content:"";position:absolute;left:-7.6%;right:-7.6%;top:100%;height:clamp(10px,1.6vw,19px);border-radius:2px 2px 22px 22px/2px 2px 100% 100%;
  background:radial-gradient(16% 45% at 50% 0%,#B9BAC0 0 99%,transparent 100%),linear-gradient(180deg,#F1F1F4 0%,#D6D7DC 38%,#A9ABB2 100%)}
.pencere__cubuk{display:none}
.pencere__ekran{border-radius:6px;box-shadow:none}
@media (prefers-color-scheme:dark){.pencere{filter:drop-shadow(0 34px 50px rgba(0,0,0,.6))}}
.tur-izgara .pencere,.urun-karo__gorsel--pencere .pencere{margin-inline:6.5%}
.urun-karo__gorsel--pencere .pencere{width:140%;max-width:none}

/* ---------- Telefonsuz kartlar ---------- */
.yazi-karo--metin{display:flex!important;flex-direction:column;justify-content:flex-end;min-height:300px;padding-block:clamp(32px,4vw,52px)}
.yazi-karo--metin .b3{font-size:var(--t-b2);font-weight:800;letter-spacing:-.04em}
.urun-karo__gorsel--orta{align-items:center;padding-bottom:clamp(28px,4.2vw,56px)}
.urun-karo__gorsel--orta .bildirim-yigini{width:min(360px,100%)}
.urun-karo__gorsel--orta .masa-kart{transform:rotate(-4deg)}
.demo-adim__gorsel{display:none}
.demo-adim{min-height:0;padding-bottom:clamp(28px,4.2vw,56px)}

/* ---------- Kısa film ---------- */
.film-bolum{padding-top:clamp(40px,5vw,72px)}
.film-cerceve{position:relative;max-width:1100px;margin-inline:auto;aspect-ratio:16/9;border-radius:var(--k-xl);overflow:hidden;background:var(--zemin-2);box-shadow:var(--golge-3),0 0 0 .5px var(--ayrac)}
.film-cerceve>div{position:absolute;inset:0}
.film{display:block;width:100%;height:100%;object-fit:cover;background:#F5F0FD}
.film__durdur{position:absolute;inset-inline-end:16px;bottom:16px;z-index:2;width:44px;height:44px;background:rgba(255,255,255,.72);color:#1F1329;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:0 6px 16px -6px rgba(36,21,47,.4)}
.film__durdur svg{width:14px;height:14px}
.film-etiket{display:flex;justify-content:center}
@media (max-width:734px){.film-cerceve{border-radius:var(--k-l)}}

/* Uzun tek sözcükler (ör. Almanca "Nutzungsbedingungen") dar ekranda taşmasın — test 07.10 */
h1,h2,h3,.dev,.b1{overflow-wrap:break-word;hyphens:auto}

/* illüstrasyonlar (Paysion renkleri; koyu temada uyumlu) */
.il{display:block;width:100%;height:auto;--il-cizgi:var(--murdum);--il-beyaz:#fff;--il-zemin:var(--lavanta)}
.bolum--gri .il{--il-zemin:#fff}
.il .z{fill:var(--il-zemin)}.il .m{fill:var(--mor)}.il .m2{fill:#9C74EE}.il .ma{fill:var(--mor-acik)}.il .l{fill:var(--limon)}
.il .b{fill:var(--il-beyaz)}.il .beyaz{fill:#fff}.il .yari{opacity:.6}.il .d{fill:var(--il-cizgi)}
.il .c{fill-opacity:1;stroke:var(--il-cizgi);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.il .c:not(.b):not(.l){fill:none}.il .ince,.il .ince .c{stroke-width:2.5}
.il .cs{stroke:var(--il-cizgi);stroke-width:2.5}
.il .cl{fill:none;stroke:var(--limon);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.il .cb{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.il .kalin{stroke-width:4.5}
.il .cm{fill:none;stroke:var(--mor-acik);stroke-width:4;stroke-linecap:round}
@media (prefers-color-scheme:dark){.il{--il-cizgi:#EDE6F5;--il-beyaz:#2B1D38;--il-zemin:rgba(201,182,247,.10)}.bolum--gri .il{--il-zemin:rgba(201,182,247,.08)}.il .d{fill:#3A2A4A}}
/* Paysion Öde: etkisi (6 kart) */
.fayda{display:grid;gap:var(--b-5);grid-template-columns:1fr}
@media (min-width:640px){.fayda{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1068px){.fayda{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fayda__kart{background:var(--zemin-2);border-radius:var(--k-xl);padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:var(--b-3)}
.bolum--gri .fayda__kart{background:var(--zemin-3)}
.fayda__il{width:100%;max-width:240px;margin:0 auto var(--b-2)}
@media (max-width:639px){.fayda__il{max-width:200px}}
.fayda__kart .b3{margin:0}.fayda__kart .metin{margin:0}
/* Paysion Sipariş: rakam kartlarında illüstrasyon */
.rakam__il{width:128px;margin:0 auto var(--b-3)}

/* =====================================================================
   HIG + WWDC24 dokunuşları · 10.10.2026
   Kaynak: Apple HIG (Materials, Accessibility, Right to left, Buttons,
   Pointing devices, Entering data, Segmented controls) ve WWDC24 oturum
   10151 "Create custom visual effects" (kaydırma efektleri, mesh gradyan,
   özel geçişler, metin geçişleri, dokunulan yerden yayılan dalga).
   Hepsi "hareketi azalt"ta kapanır; desteklemeyen tarayıcıda site aynen kalır.
   ===================================================================== */

/* 1 · Sistem ayrıntıları: işaretleme rengi, imleç rengi, iOS gri dokunma kutusu yok
   (düğmelerin kendi basılı hâli var — HIG Buttons) */
:root{accent-color:var(--vurgu)}
input,textarea{caret-color:var(--vurgu)}
a,button,summary,label,[role=tab]{-webkit-tap-highlight-color:transparent}

/* 2 · Şeffaflığı azalt (HIG Materials / Accessibility): cam yüzeyler opaklaşır */
@media (prefers-reduced-transparency:reduce){
  .gn,.dil-menu__liste,.bildirim,.z-damga,.film__durdur,.dil-oneri,.gn__kapat-perde,.buyutec::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
  .gn{background:var(--zemin)}
  .dil-menu__liste,.bildirim,.z-damga,.dil-oneri{background:var(--zemin-3)}
  .gn__kapat-perde{background:rgba(36,21,47,.5)}
  .film__durdur{background:#fff}
}

/* 3 · Üzerine gelme efekti yalnız imleçte (HIG Pointing devices) — dokunmatikte kart "havada" kalmasın */
@media (hover:none){
  a.karo:hover,.buyut:hover,a.karo:hover .ok-dugme,[dir=rtl] a.karo:hover .ok-dugme,.bag:hover::after{transform:none}
  [dir=rtl] .bag:hover::after{transform:scaleX(-1)}
}

/* 4 · Dokunma alanı en az 44 pt (HIG Accessibility) — görünüm aynı, parmak payı büyür */
@media (pointer:coarse){
  .gf__sutun ul{gap:0}
  .gf__sutun a{display:flex;align-items:center;min-height:44px}
  .gf__iletisim a{min-height:44px}
  .gf__alt nav a{position:relative}
  .gf__alt nav a::after{content:"";position:absolute;inset:-13px 0}
  a.cip{min-height:44px}
  .gf__logo{position:relative;display:inline-block}
  .gf__logo::after{content:"";position:absolute;inset:-9px -4px}
  .yasal__icindekiler .gn__liste a{display:flex;align-items:center;min-height:44px;padding-block:0}
  .ray-denetim button{width:44px;height:44px}
  .secim button{position:relative}
  .secim button::after{content:"";position:absolute;inset:-3px 0}
}

/* 5 · Okunurluk ve kontrast (HIG: en küçük yazı 11 pt; küçük yazıda en az 4,5:1) */
.hesap-kart__oranlar button small{font-size:11px;top:-9px}
.tablo--karsilastir .yok{color:var(--yazi-2)}
.sayac{color:var(--yazi-1)}
abbr.bilgi{font-size:11px}
@media (prefers-color-scheme:light){:root{--yesil-yazi:#007A2D}}

/* 6 · Arapça (HIG Right to left): büyük harfli Latin etiketlerin Arapçası ~2 pt büyür, aralık açılmaz */
[dir=rtl] .ust-baslik{font-size:calc(var(--t-dip) + 2px);letter-spacing:0}
[dir=rtl] .gf__baslik{font-size:13px;letter-spacing:0}
[dir=rtl] .hesap-kart__oranlar button small{font-size:13px;letter-spacing:0}

/* 7 · Telefonda üst üste iki düğme aynı genişlikte (HIG Buttons: aynı setteki düğmeler aynı boyda) */
@media (max-width:734px){
  .kahraman--orta .dugmeler:has(>.dugme+.dugme){flex-direction:column;align-items:stretch;width:min(100%,320px);margin-inline:auto}
}

/* 8 · Bölmeli denetim taşınca kenarı yumuşakça solar (HIG Scroll views: kaydırılabildiği belli olsun) */
.secim[data-tasma]{--sol:0px;--sag:0px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--sol),#000 calc(100% - var(--sag)),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 var(--sol),#000 calc(100% - var(--sag)),transparent 100%)}
.secim[data-tasma~=sol]{--sol:32px}
.secim[data-tasma~=sag]{--sag:32px}

/* 9 · Form: alandan çıkınca yanlışsa hemen görünür — renk + simge birlikte (HIG Entering data) */
.alan input:user-invalid,.alan textarea:user-invalid{border-color:var(--kirmizi-yazi);box-shadow:0 0 0 3px color-mix(in srgb,var(--kirmizi) 16%,transparent);
  padding-inline-end:44px;background-repeat:no-repeat;background-size:18px;background-position:right 14px center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23E9152D'/%3E%3Cpath d='M10 5.5v5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='14.2' r='1.2' fill='%23fff'/%3E%3C/svg%3E")}
[dir=rtl] .alan input:user-invalid,[dir=rtl] .alan textarea:user-invalid{background-position:left 14px center}
.alan textarea:user-invalid{background-position:right 14px top 14px}
[dir=rtl] .alan textarea:user-invalid{background-position:left 14px top 14px}

/* 10 · Dil önerisi: sayfanın altında çıplak duruyordu → köşede yüzen cam hap (HIG Materials: cam yalnız yüzen denetimde) */
.dil-oneri{position:fixed;z-index:95;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 112px);display:flex;align-items:center;gap:2px;
  padding:4px;border-radius:var(--k-hap);background:var(--cam-bildirim);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);
  box-shadow:0 10px 36px -8px rgba(0,0,0,.25),inset 0 0 0 .5px var(--cam-kenar);color:var(--yazi-1);font-family:var(--yazi-marka);font-size:var(--t-dip);font-weight:700;letter-spacing:-.01em}
html[dir=rtl] .dil-oneri{left:auto;right:16px}
.dil-oneri button{min-height:44px;padding:0 14px;border:0;border-radius:var(--k-hap);background:none;color:inherit;font:inherit;cursor:pointer;text-align:start}
.dil-oneri button[data-dil]{color:var(--vurgu)}
.dil-oneri .dil-oneri__kapat{flex:none;width:44px;padding:0;font-size:22px;font-weight:400;line-height:1;color:var(--yazi-2);text-align:center}
@media (hover:hover){.dil-oneri button:hover{background:var(--dolgu-2)}}
body.kilitli .dil-oneri{display:none}

/* ---------- WWDC24 · görsel efektler ---------- */

/* 11 · Dokunulan yerden yayılan dalga (oturumdaki Metal "Ripple"ın sade web karşılığı).
   Renk yazı renginden türer: mor düğmede açık, beyaz düğmede koyu. */
@property --dalga{syntax:"<length-percentage>";inherits:false;initial-value:0%}
.dugme{position:relative;isolation:isolate}
.dugme::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(circle at var(--dx,50%) var(--dy,50%),color-mix(in srgb,currentColor 34%,transparent) 0,transparent var(--dalga))}

@media (prefers-reduced-motion:no-preference){
  .dugme.dalga::before{animation:dalga .62s cubic-bezier(.2,.7,.2,1) forwards}

  /* 12 · Metin geçişi: başlık bulanıktan netleşerek gelir; vurgulanan sözcük bir an sonra
     (oturumdaki TextRenderer dersi: efekti yalnız önemli sözcüğe ver) */
  .js .dev[data-gor]{filter:blur(14px);transition:opacity .9s var(--egri) .08s,transform 1.1s var(--egri) .08s,filter .9s var(--egri) .08s}
  .js .dev[data-gor].gorundu{filter:none}
  .js .dev[data-gor] .vurgulu{opacity:0;filter:blur(10px);transition:opacity .7s var(--egri) .38s,filter .8s var(--egri) .38s}
  .js .dev[data-gor].gorundu .vurgulu{opacity:1;filter:none}

  /* 13 · Yaşayan mesh: ana başlığın arkasındaki ışık çok yavaş akar (MeshGradient dersi) */
  .isik::after{content:"";position:absolute;inset:-12%;pointer-events:none;will-change:transform;
    background:radial-gradient(24% 22% at 30% 72%,rgba(199,240,60,.16),transparent 70%),radial-gradient(26% 24% at 70% 60%,rgba(164,124,255,.20),transparent 70%);
    animation:isik-akis 26s ease-in-out infinite alternate}
}
@media (prefers-reduced-motion:no-preference) and (prefers-color-scheme:dark){
  .isik::after{background:radial-gradient(24% 22% at 30% 72%,rgba(199,240,60,.07),transparent 70%),radial-gradient(26% 24% at 70% 60%,rgba(164,124,255,.22),transparent 70%)}
}
@keyframes dalga{0%{opacity:1;--dalga:0%}55%{opacity:.85}100%{opacity:0;--dalga:170%}}
@keyframes isik-akis{0%{transform:translate3d(-4%,2%,0) rotate(0)}50%{transform:translate3d(3%,-3%,0) rotate(5deg)}100%{transform:translate3d(5%,3%,0) rotate(-4deg)}}

/* 14 · Kaydırmaya bağlı efektler (scrollTransition / visualEffect dersi) — yalnız destekleyen tarayıcıda */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    /* yatay şerit: kenara kayan kart hafifçe küçülür ve söner, ortadaki tam görünür */
    .ray>*{animation:ray-faz linear both;animation-timeline:view(inline);animation-range:cover 0% cover 100%}
    /* kartın içindeki telefon/dizüstü, kart kayarken pencereden bakar gibi yükselir
       (kart overflow:hidden olduğu için zaman çizelgesi kartın kendisinden alınır) */
    .karo{view-timeline:--karo block}
    .karo .telefon,.karo .dizustu{animation:pencere-yuksel linear both;animation-timeline:--karo;animation-range:entry 0% cover 45%}
    /* altbilgideki büyük Paysion yazısı altbilgi göründükçe yükselir
       (clip + flow-root: görünüm aynı, ama altbilgi artık kaydırma kabı sayılmaz) */
    .gf{overflow:clip;display:flow-root}
    .gf__dev{animation:gf-yuksel linear both;animation-timeline:view();animation-range:entry 5% entry 75%}
  }
}
@keyframes ray-faz{0%{opacity:.45;scale:.93}20%,80%{opacity:1;scale:1}100%{opacity:.45;scale:.93}}
@keyframes pencere-yuksel{from{translate:0 48px}to{translate:0 0}}
@keyframes gf-yuksel{from{opacity:0;translate:0 30%}to{opacity:1;translate:0 0}}

/* 15 · Sayfalar arası geçiş: üst çubuk yerinde kalır, içerik yumuşakça değişir (özel geçiş dersi) */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .gn{view-transition-name:ust-cubuk}
  ::view-transition-old(root){animation:vt-cik .16s cubic-bezier(.4,0,1,1) both}
  ::view-transition-new(root){animation:vt-gir .36s cubic-bezier(.2,.7,.2,1) .05s both}
}
@keyframes vt-cik{to{opacity:0}}
@keyframes vt-gir{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:no-preference){.dil-oneri{animation:oneri-gel .5s cubic-bezier(.34,1.36,.64,1) .8s both}}
@keyframes oneri-gel{from{opacity:0;transform:translateY(16px) scale(.96)}}

/* üst menü: 'İşletmenizi güçlendirin' eklendi — etiketler tek satır; dar masaüstünde 'Canlı demoyu dene' gizlenir (sağdaki 'Demo talep et' kalır) */
.gn__dugme,.gn__bag{white-space:nowrap}
@media (min-width:1069px) and (max-width:1199px){.gn__demo{display:none}.gn__dugme,.gn__bag{padding:0 10px}}

/* üst menü — Sunday düzeni (10.10): Ürünler ve Kaynaklar kompakt kutu, İşletmenizi güçlendirin tam genişlik */
@media (min-width:1069px){
  .gn__panel--kutu{position:absolute;top:calc(100% + 14px);inset-inline:-14px auto;width:max-content;max-width:min(720px,calc(100vw - 48px));
    border:.5px solid var(--ayrac);border-bottom:.5px solid var(--ayrac);border-radius:22px;box-shadow:0 22px 50px -18px rgba(36,21,47,.28)}
  .gn__panel--kutu .gn__panel-ic{max-width:none;margin:0;padding:26px 28px 28px;gap:36px}
}
.gn__panel-ic--urun{grid-template-columns:minmax(280px,320px) 236px;align-items:stretch}
.gn__panel-ic--kaynak{grid-template-columns:repeat(2,minmax(170px,auto))}
.gn__liste--urun a{padding:7px 0}
.gn__liste--urun a b{font-size:1.125rem;font-weight:800;letter-spacing:-.02em}
.gn__liste--sade{gap:0}
.gn__liste--sade a{padding:7px 0;font-size:var(--t-alt);font-weight:500;color:var(--yazi-1)}
.gn__liste--sade a:hover{color:var(--vurgu)}
.gn__panel-ic--basliklar .gn__grup-ad{font-size:1.0625rem;letter-spacing:-.015em;text-transform:none;color:var(--yazi-1);font-weight:800;margin-bottom:var(--b-4)}
.gn__tanitim{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 20px 0;border-radius:18px;overflow:hidden;text-decoration:none;color:var(--yazi-1);
  background:linear-gradient(160deg,var(--lavanta) 0%,#E7DAFB 55%,#C9B6F7 100%);min-height:250px}
.gn__tanitim-ust{font-family:var(--yazi-marka);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mor)}
.gn__tanitim b{font-family:var(--yazi-marka);font-size:1.25rem;font-weight:800;letter-spacing:-.025em;line-height:1.15}
.gn__tanitim-gorsel{display:block;margin:auto auto 0;width:150px;height:118px;overflow:hidden;border-radius:18px 18px 0 0;border:5px solid #1F1329;border-bottom:0;background:#fff;transition:transform var(--sure-2) var(--egri)}
.gn__tanitim-gorsel img{display:block;width:100%;height:auto}
.gn__tanitim:hover .gn__tanitim-gorsel{transform:translateY(-4px)}
@media (prefers-color-scheme:dark){.gn__tanitim{background:linear-gradient(160deg,#2A1B3A 0%,#3A2458 60%,#5B2BBF 100%);color:#fff}.gn__tanitim-ust{color:var(--limon)}}

/* ---------- Canlı telefon ekranı (10.10.2026) ----------
   Telefon görselinin üstünde gerçek misafir akışının kısa kaydı (sessiz döngü). Oynamaya başlayınca yumuşakça görünür;
   yüklenemezse, "Hareketi azalt" ya da veri tasarrufu açıksa görsel yerinde kalır. */
.telefon__ekran video.tel-canli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;
  transition:opacity .6s var(--egri);pointer-events:none;background:transparent}
.telefon__ekran.canli video.tel-canli{opacity:1}
@media (prefers-reduced-motion:reduce){.telefon__ekran video.tel-canli{display:none}}
@media (prefers-color-scheme:dark){.telefon__ekran video.tel-canli{filter:brightness(.94)}}
/* Bildirim, videodaki ödeme anında üstten yaylanarak düşer (yalnız video oynarken; yoksa hep görünür) */
.sahne.canli-bildirim .sahne__bildirim{transition:opacity .3s ease,translate .62s cubic-bezier(.34,1.3,.64,1),scale .62s cubic-bezier(.34,1.3,.64,1)}
.sahne.canli-bildirim:not(.bildirim-geldi) .sahne__bildirim{opacity:0;translate:0 -16px;scale:.94;transition-duration:.25s}
/* ---------- Düğmeler uygulamayla aynı dokunuşta (10.10.2026; OriginKit "Tactile" esinli) ----------
   Basınca hızla oturur (70 ms), bırakınca hafifçe yaylanarak döner; birincil düğmede ince üst ışık. */
@media (prefers-reduced-motion:no-preference){
  .dugme{transition:background-color var(--sure-1) var(--egri),transform .5s cubic-bezier(.34,1.3,.64,1),box-shadow .2s var(--egri)}
  .dugme:active{transform:scale(.965);transition-duration:var(--sure-1),.07s,.1s;transition-timing-function:var(--egri),ease-out,ease-out}
}
.dugme:not(.dugme--ikincil):not(.dugme--beyaz){background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 55%)}

/* =====================================================================================================
   Hareket denemesi (11.10.2026) — React Bits ve AnimMasterLib'den ESİNLİ, sıfırdan yazıldı (paysion.js aynı başlık).
   Hepsi "Hareketi azalt"ta kapalı ya da durağan; fare efektleri yalnız ince işaretçide.
   ===================================================================================================== */
/* 1 · Kayan seçim hapı */
.secim--hapli{position:relative}
.secim--hapli button{position:relative;z-index:1}
.secim--hapli button[aria-selected=true]{background:transparent!important;box-shadow:none!important}
.secim__hap{position:absolute;left:0;top:0;z-index:0;border-radius:var(--k-hap);pointer-events:none;opacity:0;
  background:var(--zemin-3);box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);
  transition:transform .55s cubic-bezier(.34,1.25,.64,1),width .55s cubic-bezier(.34,1.25,.64,1),height .3s var(--egri),opacity .2s ease}
.secim__hap--ani{transition:none!important}
@media (prefers-color-scheme:dark){.secim__hap{background:#636366}}
.bolum--koyu .secim__hap,.karo--koyu .secim__hap{background:#636366}
@media (prefers-reduced-motion:reduce){.secim__hap{transition:none}}

/* 2 · Bildirim akışı: yenisi üstten yaylanarak gelir, eskiler aşağı kayar */
@media (prefers-reduced-motion:no-preference){
  .akis>.bildirim{max-height:180px;transition:opacity .45s var(--egri),translate .7s cubic-bezier(.34,1.3,.64,1),scale .7s cubic-bezier(.34,1.3,.64,1),max-height .6s var(--egri),margin .6s var(--egri),padding .6s var(--egri)}
  .akis>.bildirim.akis--gizli{opacity:0;translate:0 -18px;scale:.92;max-height:0;padding-block:0;overflow:hidden}
  .kilit-ekran__liste.akis>.bildirim.akis--gizli{margin-bottom:calc(var(--g)*-.022)}
  .bildirim-yigini.akis>.bildirim.akis--gizli{margin-bottom:-12px}
  .akis.akis--sil>.bildirim{opacity:0;scale:.96;transition-duration:.38s}
}

/* 3 · Işıklı kartlar (ince işaretçi): imleçte yumuşak ışık + yakın kenarda parıltı */
.isikli{position:relative;isolation:isolate}
.isikli::before,.isikli::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--yakin,0);transition:opacity .35s ease}
.isikli::before{z-index:-1;background:radial-gradient(380px circle at var(--ix,50%) var(--iy,50%),color-mix(in srgb,var(--vurgu) 10%,transparent),transparent 62%)}
.isikli::after{z-index:2;padding:1px;background:radial-gradient(220px circle at var(--ix,50%) var(--iy,50%),color-mix(in srgb,var(--vurgu) 75%,transparent),transparent 72%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.karo--koyu.isikli::before,.bolum--koyu .isikli::before{background:radial-gradient(380px circle at var(--ix,50%) var(--iy,50%),rgba(199,240,60,.08),transparent 62%)}

/* 4 · Geri sayan tutar: sıfıra inince kısa bir "yerine oturma" */
@media (prefers-reduced-motion:no-preference){
  .sayac--bitti{display:inline-block;animation:sayac-otur .5s cubic-bezier(.34,1.4,.64,1)}
  @keyframes sayac-otur{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}
}

/* 5 · Kendini yazan not: metin maskeyle harf harf açılır, sonda imleç söner */
.yazan{position:relative;display:inline-block}
.yazan:not(.yazan--basladi){-webkit-mask:linear-gradient(#000 0 0) 0 0/0 100% no-repeat;mask:linear-gradient(#000 0 0) 0 0/0 100% no-repeat}
.yazan--basladi:not(.yazan--bitti){-webkit-mask:linear-gradient(#000 0 0) 0 0/var(--yazilan,0) 100% no-repeat;mask:linear-gradient(#000 0 0) 0 0/var(--yazilan,0) 100% no-repeat}
.ui-not:has(.yazan){position:relative}
.ui-not:has(.yazan--basladi:not(.yazan--bitti))::after{content:"";position:absolute;left:calc(var(--imlec-x,0px) + 1px);top:calc(var(--imlec-y,0px) + 3px);width:2px;height:calc(var(--imlec-h,1.2em) - 6px);border-radius:1px;background:#713CDB;animation:imlec .9s steps(1) infinite}
@keyframes imlec{50%{opacity:0}}

/* 6 · Hikâye çizgisi (geniş ekran): numara yanda, adımlar arasında kaydırınca dolan çizgi */
@media (min-width:900px){
  [data-hikaye] .hikaye__adim{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:20px;align-content:center}
  [data-hikaye] .hikaye__adim>*{grid-column:2}
  [data-hikaye] .hikaye__adim>.hikaye__no{grid-column:1;grid-row:1;margin:0;align-self:center;position:relative;z-index:1}
  .hikaye--cizgi{position:relative}
  .hikaye--cizgi>.hikaye__adim{position:relative;z-index:1;opacity:1!important}
  .hikaye--cizgi>.hikaye__adim>:not(.hikaye__no){opacity:.3;transition:opacity var(--sure-3) var(--egri)}
  .hikaye--cizgi>.hikaye__adim.acik>*{opacity:1}
  .hikaye--cizgi::before,.hikaye--cizgi::after{content:"";position:absolute;z-index:0;left:calc(var(--cizgi-x,22px) - 1.5px);top:var(--cizgi-ust,0);height:var(--cizgi-boy,0);width:3px;border-radius:3px;pointer-events:none}
  .hikaye--cizgi::before{background:var(--dolgu)}
  .hikaye--cizgi::after{background:var(--vurgu);transform-origin:top;transform:scaleY(var(--cizgi-dolu,0))}
  .hikaye--cizgi .hikaye__no.gecti{background:var(--vurgu);color:var(--vurgu-yazi)}
  .hikaye--cizgi .hikaye__no{transition:background-color .35s var(--egri),color .35s var(--egri),transform .5s cubic-bezier(.34,1.4,.64,1)}
  .hikaye--cizgi .hikaye__adim.acik .hikaye__no{transform:scale(1.08)}
}

/* 7 · Parlayan vurgu: ana başlıktaki "kalk." arada bir ışık süpürür */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  @media (prefers-reduced-motion:no-preference){
    .kahraman .dev .vurgulu{background:linear-gradient(105deg,transparent 40%,color-mix(in srgb,var(--vurgu) 30%,#fff) 50%,transparent 60%) 160% 0/250% 100% no-repeat,linear-gradient(var(--vurgu),var(--vurgu));
      -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:parilti 7.5s ease-in-out 2.6s infinite;
      padding-bottom:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
    @keyframes parilti{0%{background-position:160% 0,0 0}24%,100%{background-position:-60% 0,0 0}}
  }
}

/* 8 · Mıknatıslı düğme: translate (dönüşüm basma ölçeğiyle çakışmaz) */
.miknatis{transition:translate .6s cubic-bezier(.34,1.4,.64,1),background-color var(--sure-1) var(--egri),transform .5s cubic-bezier(.34,1.3,.64,1),box-shadow .2s var(--egri)}
.miknatis.miknatis--cekik{transition:translate .18s ease-out,background-color var(--sure-1) var(--egri),transform .5s cubic-bezier(.34,1.3,.64,1),box-shadow .2s var(--egri)}

/* =====================================================================================================
   Hareket denemesi 2 (11.10.2026) — Çağan'ın seçtiği daha belirgin gruplar: hareketli giriş, kaydırma sahneleri,
   kartlar ve düğmeler, sohbet SSS. React Bits / AnimMasterLib ESİNLİ, sıfırdan (paysion.js aynı başlık).
   ===================================================================================================== */
/* 9 · Akan ışık (Aurora esinli): WebGL tuvali düşük çözünürlükte çizilir, büyütülünce yumuşar; görünmezken durur */
.isik__tuval{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.6s var(--egri);
  -webkit-mask:linear-gradient(180deg,#000 0,#000 52%,transparent 78%);mask:linear-gradient(180deg,#000 0,#000 52%,transparent 78%)}
.isik__tuval.acik{opacity:1}

/* 10 · Dönen sözcük (RotatingText esinli): harfler 3B dönerek değişir, genişlik yaylanarak uyar */
/* dengeli satır kırma sözcüğe göre başlığı yeniden dizerdi; dönerken satırlar sabit kalsın */
.donen-baslik{text-wrap:wrap}
.donen{display:inline-block;position:relative;white-space:nowrap;vertical-align:top;
  transition:width .55s cubic-bezier(.34,1.2,.64,1)}
.donen__k{display:inline-block;perspective:600px}
.donen__h{display:inline-block;transform-origin:50% 60%;
  transition:transform .62s cubic-bezier(.34,1.45,.64,1) calc(var(--i,0)*30ms),opacity .3s ease calc(var(--i,0)*30ms),filter .35s ease calc(var(--i,0)*30ms)}
.donen__k.donen--gir .donen__h{transform:translateY(.42em) rotateX(-88deg);opacity:0;filter:blur(3px);transition:none}
.donen__k.donen--cik{position:absolute;top:0;inset-inline-start:0}
.donen__k.donen--cik .donen__h{transform:translateY(-.38em) rotateX(88deg);opacity:0;filter:blur(3px);
  transition:transform .4s cubic-bezier(.5,0,.75,0) calc(var(--i,0)*22ms),opacity .3s ease calc(var(--i,0)*22ms + 80ms),filter .3s ease calc(var(--i,0)*22ms)}

/* 11 · Eğilen telefon (TiltedCard esinli, yalnız ince işaretçi): imlece göre 3B eğim + ekranda kayan ışık; QR kartı derinlikte kayar */
.sahne--ana.egilen .telefon:nth-child(1){transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(-4deg)}
[dir=rtl] .sahne--ana.egilen .telefon:nth-child(1){transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(4deg)}
.sahne--ana.egilen .telefon__ekran::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:var(--parla,0);
  background:radial-gradient(70% 50% at var(--gx,50%) var(--gy,20%),rgba(255,255,255,.34),rgba(255,255,255,0) 70%)}
.sahne--ana.egilen .sahne__qr{translate:var(--qx,0px) var(--qy,0px)}

/* 12 · Büyüyen film (ScrollExpand / AnimMasterLib hero-1 esinli): kaydırdıkça kenardan kenara büyür */
.film-genis{overflow-x:clip}
.film-cerceve.buyuyen{transform-origin:50% 0;transform:scale(var(--buyu,1));border-radius:var(--buyu-r,var(--k-xl));margin-bottom:var(--buyu-pay,0px)}
@media (max-width:734px){.film-cerceve.buyuyen{border-radius:var(--buyu-r,var(--k-l))}}

/* 13 · Netleşen başlıklar (BlurText esinli): sözcükler sırayla bulanıktan netleşir.
   Özgün metin yerinde kalır (yalnız görünmez olur); oynayan, üstüne serilen kopya katmandır, bitince kalkar. */
.net-bekliyor,.net-oynuyor{-webkit-text-fill-color:transparent}
.net-oynuyor{position:relative}
.net-kat{position:absolute;inset:0;-webkit-text-fill-color:currentColor;pointer-events:none}
.net-s{display:inline-block;opacity:0;filter:blur(12px);transform:translateY(.3em);
  transition:opacity .6s var(--egri) calc(var(--i)*85ms),filter .75s var(--egri) calc(var(--i)*85ms),transform .9s cubic-bezier(.34,1.3,.64,1) calc(var(--i)*85ms)}
.net-kat.net-acik .net-s{opacity:1;filter:none;transform:none}

/* 14 · Kayan bant (ScrollVelocity esinli): iki sıra, ters yönlere; kaydırma hızıyla hızlanır */
.bant{overflow:hidden;padding-block:clamp(8px,2vw,24px) clamp(24px,4vw,56px);user-select:none;
  -webkit-mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}
.bant__sira{display:flex;width:max-content}
.bant__ic{display:flex;align-items:center;flex:none;gap:.42em;padding-inline-end:.42em;
  font-family:var(--yazi-marka);font-size:clamp(2.5rem,1.3rem + 4.4vw,5.75rem);font-weight:800;line-height:1.12;letter-spacing:-.045em;white-space:nowrap;color:var(--yazi-1)}
.bant__ic i{flex:none;width:.26em;height:.26em;border-radius:50%;background:var(--vurgu)}
.bant__sira--ters .bant__ic{color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--vurgu) 70%,transparent)}
.bant__sira--ters .bant__ic i{background:var(--limon);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--murdum) 18%,transparent)}
[dir=rtl] .bant__ic{letter-spacing:0}

/* 15 · Kart destesi (CardSwap esinli, geniş ekran): öndeki kart düşer, arkaya geçer; diğerleri bir adım öne gelir */
.kurulum-duzen{display:grid;gap:var(--b-10)}
.kurulum-duzen .bolum-bas{margin-bottom:var(--b-6)}
.kart-yigini{display:grid;gap:var(--b-4)}
@media (min-width:900px){
  .kurulum-duzen{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--b-16);align-items:center}
}
.kart-yigini.deste-acik{--yx:42px;--yy:38px;position:relative;display:block;height:calc(var(--yigin-boy,240px) + 3*var(--yy) + 24px);perspective:1200px;cursor:pointer}
.kart-yigini.deste-acik>.kart{position:absolute;left:0;right:calc(3*var(--yx));bottom:0;margin:0;
  transform:translate3d(calc(var(--s,0)*var(--yx)),calc(var(--s,0)*var(--yy)*-1),calc(var(--s,0)*-90px));
  box-shadow:0 2px 6px rgba(36,21,47,.06),0 30px 60px -24px rgba(36,21,47,.32);
  transition:transform .9s cubic-bezier(.34,1.22,.64,1),opacity .45s ease}
.kart-yigini.deste-acik>.kart>*{transition:opacity .5s var(--egri);opacity:calc(1 - min(var(--s,0),1)*.6)}
.kart-yigini.deste-acik>.kart.dusuyor{transform:translate3d(-24px,70%,60px) rotate(-5deg);opacity:0;
  transition:transform .55s cubic-bezier(.55,0,.75,.25),opacity .4s ease .12s}
@media (prefers-color-scheme:dark){.kart-yigini.deste-acik>.kart{box-shadow:0 30px 60px -20px rgba(0,0,0,.8),inset 0 0 0 .5px rgba(255,255,255,.08)}}

/* 16 · Kenarda dolaşan ışık (StarBorder esinli): ana çağrı düğmesinin çevresinde tek bir ışık turlar */
@property --yk{syntax:"<angle>";inherits:false;initial-value:0deg}
.dugme{--yk-renk:var(--limon)}
.karo--vurgu .dugme,.bolum--mor .dugme{--yk-renk:#fff}
@media (prefers-reduced-motion:no-preference){
  .kahraman--ana .dugmeler .dugme:not(.dugme--ikincil)::after,.son-karo .dugme:not(.dugme--ikincil)::after{
    content:"";position:absolute;inset:-2px;z-index:1;padding:2px;border-radius:inherit;pointer-events:none;
    background:conic-gradient(from var(--yk),transparent 0 58%,color-mix(in srgb,var(--yk-renk) 45%,transparent) 74%,var(--yk-renk) 83%,transparent 90%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
    animation:yk-don 3.4s linear infinite}
}
@keyframes yk-don{to{--yk:360deg}}

/* 17 · Parıltı (GlareHover esinli, yalnız ince işaretçi): ekranların üstünden çapraz bir ışık geçer */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .dizustu__ekran::after,.deste__gorsel .telefon__ekran::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
    background:linear-gradient(-45deg,transparent 44%,rgba(255,255,255,.42) 50%,transparent 56%) no-repeat;background-size:300% 300%;background-position:100% 100%;
    transition:background-position 1s cubic-bezier(.3,.7,.3,1)}
  .dizustu:hover .dizustu__ekran::after,.deste__kart:hover .telefon__ekran::after{background-position:0 0}
}

/* 18 · Sohbet SSS (AnimMasterLib scroll-70 fikri): soru sağda gri balon, Paysion "yazıyor…", cevap mor balon */
.sohbet{display:grid;gap:clamp(28px,4vw,44px);max-width:780px;margin-inline:auto}
.sohbet__cift{display:grid;gap:var(--b-3)}
.balon{margin:0;border-radius:26px;padding:14px 20px;max-width:min(580px,88%)}
.balon--soru{justify-self:end;background:var(--zemin-2);color:var(--yazi-1);border-end-end-radius:8px;
  font-family:var(--yazi-marka);font-size:var(--t-b4);font-weight:700;line-height:1.3;letter-spacing:-.018em}
.sohbet__yanit{position:relative;display:flex;align-items:flex-end;gap:10px}
.sohbet__avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--murdum);color:#F4ECDD;
  font-family:var(--yazi-marka);font-size:16px;font-weight:800;line-height:1;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18)}
.balon--cevap{background:var(--vurgu);color:var(--vurgu-yazi);border-end-start-radius:8px;padding:16px 20px 10px}
.balon--cevap p{margin:0;font-size:var(--t-govde);line-height:1.47}
.balon--cevap .bag{color:inherit;min-height:40px;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}
.balon--yaziyor{position:absolute;bottom:0;inset-inline-start:44px;display:flex;gap:5px;padding:15px 17px;border-radius:22px;border-end-start-radius:8px;
  background:var(--zemin-2);opacity:0;transform:scale(.7);transform-origin:0 100%;transition:opacity .2s ease,transform .3s cubic-bezier(.34,1.5,.64,1);pointer-events:none}
.balon--yaziyor i{width:8px;height:8px;border-radius:50%;background:var(--yazi-3);animation:nokta 1.1s ease-in-out infinite}
.balon--yaziyor i:nth-child(2){animation-delay:.15s}.balon--yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes nokta{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-5px);opacity:1}}
.sohbet--canli .balon--soru{opacity:0;transform:translateY(16px) scale(.9);transform-origin:100% 100%}
.sohbet--canli .balon--cevap,.sohbet--canli .sohbet__avatar{opacity:0;transform:translateY(16px) scale(.9);transform-origin:0 100%}
[dir=rtl] .sohbet--canli .balon--soru{transform-origin:0 100%}
[dir=rtl] .sohbet--canli .balon--cevap,[dir=rtl] .sohbet--canli .sohbet__avatar,[dir=rtl] .balon--yaziyor{transform-origin:100% 100%}
.sohbet--canli .balon--soru,.sohbet--canli .balon--cevap,.sohbet--canli .sohbet__avatar{transition:opacity .3s ease,transform .6s cubic-bezier(.34,1.4,.64,1)}
.sohbet--canli .soruldu .balon--soru,.sohbet--canli .cevaplandi .balon--cevap,.sohbet--canli .yaziyor .sohbet__avatar,.sohbet--canli .cevaplandi .sohbet__avatar{opacity:1;transform:none}
.sohbet--canli .yaziyor .balon--yaziyor{opacity:1;transform:none}
@media (max-width:599px){.balon{max-width:92%}.balon--soru{font-size:var(--t-govde)}}

/* 19 · İmleçle akan duman (12.10.2026) — tuval paysion.js'te kurulur; yoksa zemin olduğu gibi kalır */
.duman{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity 1.4s var(--egri)}
.duman.acik{opacity:1}
[data-duman]:not(.kahraman){position:relative;isolation:isolate;overflow:hidden}
[data-duman]:not(.kahraman)>.duman{z-index:-1}
/* Premium kartı: koyu zemin, içinde duman (shaders.com fiyat kartı esinli) */
.paket--duman{background:radial-gradient(90% 70% at 90% 0%,#3A2152 0%,rgba(58,33,82,0) 70%),var(--murdum-derin);box-shadow:0 0 0 1px rgba(184,150,255,.32),var(--golge-3);border-color:transparent}
.paket--duman .onay-liste li::before{background-color:rgba(184,150,255,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.4l2.6 2.6L14 7.4' fill='none' stroke='%23CBB0FF' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.paket--duman .dugme:not(.dugme--ikincil){--d-zemin:var(--limon);--d-yazi:var(--murdum);--d-golge:0 12px 28px -14px rgba(0,0,0,.6)}
.paket--duman .dugme:not(.dugme--ikincil):hover{--d-zemin:#D6F86A}

/* 20 · Gerçek cihaz çerçeveleri (12.10.2026) — ls.graphics ücretsiz iPhone 18 Pro ve MacBook Pro 16 mockup'larından
   üretilmiş saydam ekranlı çerçeveler (/gorsel/cihaz/). Ekran görüntüsü/video çerçevenin altında, ekran deliğinde durur;
   eski HTML yapısı (.telefon > .telefon__ekran, .dizustu, .pencere) aynen kalır. Kaynak PSD'ler siteye konmaz. */
.telefon{aspect-ratio:1611/3323;padding:0;border-radius:14.4%/7%;background:none;
  box-shadow:0 34px 60px -26px rgba(36,21,47,.5),0 14px 26px -16px rgba(36,21,47,.32)}
.telefon::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:url(/gorsel/cihaz/iphone-18-pro.webp?v=1) 0 0/100% 100% no-repeat}
.telefon__ekran{position:absolute;left:4.097%;top:1.625%;width:91.806%;height:96.72%;border-radius:16.9%/7.8%;background:#F4F2F8}
@media (prefers-color-scheme:dark){.telefon{box-shadow:0 34px 70px -24px rgba(0,0,0,.8),0 0 0 .5px rgba(255,255,255,.04)}}

.dizustu{aspect-ratio:5207/2814;filter:none}
.dizustu::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:url(/gorsel/cihaz/macbook-pro-16.webp?v=1) 0 0/100% 100% no-repeat}
.dizustu__kapak{position:absolute;left:13.885%;top:2.914%;width:73.209%;height:84.79%;margin:0;padding:0;border-radius:0;background:#000;box-shadow:none}
.dizustu__kapak::before{display:none}
.dizustu__ekran{aspect-ratio:auto;width:100%;height:100%;border-radius:0}
.dizustu__taban{display:none}
@media (prefers-color-scheme:dark){.dizustu{filter:none}}

/* .pencere zaten CSS dizüstüydü: aynı MacBook çerçevesine geçer */
.pencere{aspect-ratio:5207/2814;margin-inline:0;margin-bottom:0;padding:0;border-radius:0;overflow:visible;background:none;box-shadow:none;filter:none}
.pencere::before{display:none}
.pencere::after{content:"";position:absolute;inset:0;left:0;right:0;top:0;height:auto;z-index:3;pointer-events:none;border-radius:0;background:url(/gorsel/cihaz/macbook-pro-16.webp?v=1) 0 0/100% 100% no-repeat}
.pencere__ekran{position:absolute;left:13.885%;top:2.914%;width:73.209%;height:84.79%;aspect-ratio:auto;border-radius:0;background:#fff}
.tur-izgara .pencere,.urun-karo__gorsel--pencere .pencere{margin-inline:0}
@media (prefers-color-scheme:dark){.pencere{filter:none}}

/* üst menüdeki küçük telefon: çerçevenin üst kısmı */
.gn__tanitim-gorsel{position:relative;width:150px;height:118px;border:0;border-radius:0;background:none;overflow:hidden}
.gn__tanitim-gorsel::after{content:"";position:absolute;left:0;top:0;width:150px;height:309px;pointer-events:none;background:url(/gorsel/cihaz/iphone-18-pro.webp?v=1) 0 0/100% 100% no-repeat}
.gn__tanitim-gorsel img{position:absolute;left:6.1px;top:5px;width:137.7px;height:auto;border-radius:23px 23px 0 0}
/* cihazın camında imlece göre kayan ışık (paysion.js · cihazEgim) */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .egik .telefon__ekran::before,.egik .dizustu__ekran::before,.pencere.egik .pencere__ekran::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
    background:linear-gradient(105deg,transparent calc(var(--isik,50%) - 24%),rgba(255,255,255,.16) var(--isik,50%),transparent calc(var(--isik,50%) + 24%))}
}

/* 21 · Adım şeridi (12.10.2026) — misafirin akışı 8 adımda. Halka dolunca sonraki adıma geçer;
   imleç üstündeyken bekler, durdur düğmesi ve noktalarla elle gezilir. JS yoksa adımlar alt alta okunur. */
.adim-serit{display:grid;gap:clamp(32px,5vw,72px);align-items:center;margin-top:clamp(40px,5vw,64px)}
@media (min-width:900px){.adim-serit{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}
.adim-serit__liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--b-10)}
.js .adim-serit__liste{gap:0}
.js .adim-serit__adim{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .4s var(--egri),transform .5s var(--egri),visibility 0s .5s}
.js .adim-serit__adim.acik{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--egri) .1s,transform .6s var(--egri) .1s,visibility 0s}
.adim-serit__no{font-family:var(--yazi-marka);font-size:var(--t-dip);font-weight:700;letter-spacing:.06em;color:var(--yazi-3)}
.adim-serit__no .sayi{color:var(--vurgu)}
.adim-serit__baslik{margin-top:var(--b-3);font-family:var(--yazi-marka);font-size:var(--t-b1);font-weight:800;line-height:1.06;letter-spacing:-.04em;padding-bottom:.08em;text-wrap:balance}
.adim-serit__adim .giris{margin-top:var(--b-5);max-width:32ch}
.adim-serit__adim .bag{display:inline-flex;margin-top:var(--b-5)}
.adim-serit__kontrol{display:none}
.js .adim-serit__kontrol{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:clamp(28px,4vw,44px)}
.adim-serit__kontrol button{display:grid;place-items:center;padding:0;border:0;cursor:pointer;color:var(--yazi-1);background:var(--zemin-3);box-shadow:inset 0 0 0 .5px var(--ayrac),var(--golge-1);transition:transform var(--sure-1) var(--egri)}
.adim-serit__kontrol button:active{transform:scale(.94)}
.adim-serit__geri,.adim-serit__ileri{width:44px;height:44px;border-radius:50%}
.adim-serit__geri svg,.adim-serit__ileri svg{width:20px;height:20px}
.adim-serit__kontrol .adim-serit__oynat{position:relative;width:52px;height:52px;border-radius:50%;background:var(--yazi-1);color:var(--zemin)}
.adim-serit__oynat>svg:not(.adim-serit__halka){width:14px;height:14px}
.adim-serit__oynat .oynat{display:none}
.adim-serit__oynat[aria-pressed=true] .oynat{display:block}
.adim-serit__oynat[aria-pressed=true] .duraklat{display:none}
.adim-serit__halka{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);transform:rotate(-90deg);pointer-events:none}
.adim-serit__halka circle{fill:none;stroke:var(--vurgu);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
.adim-serit.oynuyor .adim-serit__halka circle{animation:adim-halka var(--adim-sure,5.5s) linear forwards}
.adim-serit.durdu .adim-serit__halka circle{animation-play-state:paused}
@keyframes adim-halka{to{stroke-dashoffset:0}}
.adim-serit__noktalar{display:flex;align-items:center;margin-inline-start:4px}
.adim-serit__kontrol .adim-serit__noktalar button{width:20px;height:44px;background:none;box-shadow:none}
.adim-serit__noktalar i{display:block;width:7px;height:7px;border-radius:4px;background:var(--ayrac-opak);transition:width .35s var(--egri),background-color .35s}
.adim-serit__noktalar [aria-selected=true] i{width:20px;background:var(--vurgu)}
.adim-serit__noktalar button:hover i{background:var(--yazi-3)}
.adim-serit__noktalar [aria-selected=true]:hover i{background:var(--vurgu)}

.adim-serit__sahne{position:relative;width:100%;aspect-ratio:1/1;max-height:660px;border-radius:var(--k-xl);
  background:radial-gradient(60% 55% at 50% 45%,var(--vurgu-acik),transparent 72%)}
html:not(.js) .adim-serit__kare:not(.acik){display:none}
.adim-serit__kare{position:absolute;inset:0;display:grid;place-items:center}
.js .adim-serit__kare{opacity:0;visibility:hidden;transform:translateY(28px) scale(.96);transition:opacity .4s var(--egri),transform .6s var(--egri),visibility 0s .6s}
.js .adim-serit__kare.acik{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--egri),transform .85s var(--egri),visibility 0s}
.adim-serit .telefon{--g:min(272px,56vw)}
.adim-serit__tek{position:relative;display:grid;place-items:center;width:100%;height:100%}
.adim-serit__ikili{display:grid;place-items:center;width:100%;height:100%}
.adim-serit__ikili>.telefon{grid-area:1/1}
.adim-serit__ikili>.telefon:last-child{transform:translateX(24%)}
.adim-serit__ikili>.adim-serit__arka{--g:min(236px,48vw);transform:translate(-52%,8%) rotate(-8deg);filter:saturate(.9) brightness(.97)}
[dir=rtl] .adim-serit__ikili>.telefon:last-child{transform:translateX(-24%)}
[dir=rtl] .adim-serit__ikili>.adim-serit__arka{transform:translate(52%,8%) rotate(8deg)}
.adim-cip{position:absolute;z-index:8;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--k-hap);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 14px 30px -14px rgba(36,21,47,.45),inset 0 0 0 .5px rgba(36,21,47,.08);font-family:var(--yazi-marka);font-size:var(--t-alt);font-weight:700;letter-spacing:-.01em;color:#24152F;white-space:nowrap}
.adim-cip b{color:#5B2BBF}
.adim-cip svg{width:18px;height:18px;color:#713CDB;flex:none}
.adim-cip--sag{inset-inline-end:3%;top:60%}
.adim-cip--sol{inset-inline-start:1%;top:76%}
.adim-cip__yildiz{color:#F5A400;letter-spacing:1px}
.adim-serit__tek>.bildirim.adim-cip--ust{position:absolute;z-index:8;top:9%;inset-inline-end:0;width:min(330px,82%)}
.js .adim-serit__kare .adim-cip,.js .adim-serit__kare .bildirim{opacity:0;transform:translateY(12px) scale(.94);transition:opacity .3s var(--egri),transform .3s var(--egri)}
.js .adim-serit__kare.acik .adim-cip,.js .adim-serit__kare.acik .bildirim{opacity:1;transform:none;transition:opacity .45s var(--egri) .55s,transform .7s cubic-bezier(.34,1.4,.64,1) .55s}
.js .adim-serit__kare.acik .bildirim{transition-delay:1.1s}

/* hesap fişi: kâğıt, alt kenarı tırtıklı */
.adim-serit__kare[data-kare="6"]{filter:drop-shadow(0 30px 40px rgba(36,21,47,.28))}
.adim-fis{position:relative;width:min(300px,76%);padding:26px 24px 34px;background:#FBFAF7;color:#24152F;font-family:var(--yazi-mono);font-size:13px;line-height:1.35;transform:rotate(-4deg);
  -webkit-mask:radial-gradient(circle 7px at 50% 100%,#0000 97%,#000 100%) 0 0/14px 100% repeat-x;mask:radial-gradient(circle 7px at 50% 100%,#0000 97%,#000 100%) 0 0/14px 100% repeat-x}
.adim-fis__ust{display:grid;gap:3px;text-align:center;padding-bottom:12px;border-bottom:1px dashed rgba(36,21,47,.3)}
.adim-fis__ust b{font-family:var(--yazi-marka);font-size:16px;letter-spacing:-.01em}
.adim-fis__ust span{color:#5B4E66}
.adim-fis__satirlar{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin:14px 0 0;padding-bottom:12px;border-bottom:1px dashed rgba(36,21,47,.3)}
.adim-fis__satirlar dd{margin:0;text-align:end}
.adim-fis__toplam{display:flex;justify-content:space-between;margin-top:10px;font-weight:700}
.adim-fis__kod{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(36,21,47,.12);font-family:var(--yazi)}
.adim-fis__kod img{width:84px;height:84px;flex:none}
.adim-fis__kod span{display:grid;gap:3px;font-size:12px;color:#5B4E66}
.adim-fis__kod b{font-family:var(--yazi-marka);font-size:15px;color:#24152F}
[dir=rtl] .adim-fis{transform:rotate(4deg)}

/* kendiniz deneyin: limon kart, el yazısı ok, gerçek demo karekodu */
.adim-dene{position:relative;display:grid;place-items:center;width:min(430px,88%);aspect-ratio:1/1;border-radius:var(--k-xl);background:var(--limon);color:var(--murdum);box-shadow:0 34px 70px -28px rgba(36,21,47,.5)}
.adim-dene .qr-kutu{padding:18px;border-radius:26px;transform:translateY(8%)}
.adim-dene .qr-kutu img{width:min(200px,40vw);height:auto}
.adim-dene__el{position:absolute;top:8%;inset-inline-start:8%;font-family:var(--yazi-marka);font-size:clamp(1.25rem,1rem + 1vw,1.875rem);font-weight:800;letter-spacing:-.03em;transform:rotate(-6deg)}
.adim-dene__ok{position:absolute;top:19%;inset-inline-start:25%;width:clamp(48px,6vw,72px)}
[dir=rtl] .adim-dene__ok{transform:scaleX(-1)}
.adim-serit__not{display:flex;justify-content:center;margin-top:var(--b-6)}
@media (max-width:899px){
  .adim-serit__sahne{order:-1;max-width:460px;aspect-ratio:4/5;margin-inline:auto}
  .adim-serit .telefon{--g:min(208px,50vw)}
  .adim-serit__ikili>.adim-serit__arka{--g:min(176px,42vw)}
  .adim-cip{font-size:13px;padding:9px 13px}
}
@media (prefers-reduced-motion:reduce){
  .js .adim-serit__adim,.js .adim-serit__kare,.js .adim-serit__kare .adim-cip,.js .adim-serit__kare .bildirim{transition:none!important;transform:none}
}

/* 22 · Masadaki herkes kazanır (12.10.2026) — Open Peeps çizimleri (CC0, Pablo Stanley), Paysion renklerine boyandı */
.kazan-izgara{display:grid;gap:clamp(28px,3vw,40px) clamp(16px,2vw,24px);margin-top:clamp(40px,5vw,64px)}
@media (min-width:735px){.kazan-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1069px){.kazan-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kazan-kart{display:flex;flex-direction:column;min-width:0}
/* genç, renkli kimlik (Çağan 12.10: "genç insanlara yönelik, rengi kat"): doygun marka renkleri, mürekkep çizgi, karalama süsler */
.kazan-kart--misafir{--kazan-zemin:#A98BFF;--kazan-blob:#C9B6FF}
.kazan-kart--garson{--kazan-zemin:#C7F03C;--kazan-blob:#E3FA8E}
.kazan-kart--isletme{--kazan-zemin:#FF9ACB;--kazan-blob:#FFC3E0}
.kazan-kart__sahne{position:relative;aspect-ratio:5/4;border-radius:var(--k-l);overflow:hidden;isolation:isolate;background:var(--kazan-zemin)}
.kazan-kart__sahne::before{content:"";position:absolute;z-index:-1;left:50%;top:60%;width:66%;aspect-ratio:1;border-radius:46% 54% 60% 40%/44% 42% 58% 56%;transform:translate(-50%,-50%) rotate(-8deg);background:var(--kazan-blob)}
.kazan-cizik{position:absolute;z-index:1;color:#24152F;pointer-events:none}
.kazan-cizik--a{width:30px;top:16%;inset-inline-start:9%}
.kazan-cizik--b{width:44px;bottom:20%;inset-inline-end:8%}
.kazan-kart:nth-child(even) .kazan-cizik--a{top:auto;bottom:30%;inset-inline-start:10%}
.kazan-kart:nth-child(even) .kazan-cizik--b{bottom:auto;top:30%;inset-inline-end:9%}
@media (prefers-reduced-motion:no-preference){
  .kazan-cizik--a{animation:kazan-salin 4.6s ease-in-out infinite alternate}
  .kazan-cizik--b{animation:kazan-salin 5.4s ease-in-out -2s infinite alternate-reverse}
}
@keyframes kazan-salin{from{transform:translateY(-3px) rotate(-9deg)}to{transform:translateY(4px) rotate(9deg)}}
.kazan-kart__insan{position:absolute;left:50%;bottom:0;height:88%;width:auto;max-width:none;transform:translateX(-50%)}
.kazan-kart__insan--ai{height:76%}
.kazan-kart__kim{margin-top:var(--b-5);font-family:var(--yazi-marka);font-size:var(--t-etiket);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vurgu)}
.kazan-kart .b3{margin-top:var(--b-2)}
.kazan-kart .metin{margin-top:var(--b-2);max-width:36ch}
.kazan-cip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--k-hap);background:#fff;color:#24152F;
  box-shadow:3px 4px 0 #24152F;border:1.5px solid #24152F;font-family:var(--yazi-marka);font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.kazan-cip b{color:#5B2BBF}
.kazan-cip i{font-style:normal;color:#1F9D4B}
.kazan-cip--ust{top:8%;inset-inline-end:6%}
.kazan-cip--alt{bottom:9%;inset-inline-start:5%}
.kazan-cip__nokta{width:8px;height:8px;border-radius:50%;background:#30D158}
.kazan-cip__yildiz{color:#F5A400}
@media (prefers-reduced-motion:no-preference){
  .js .kazan-kart[data-gor] .kazan-kart__insan{transform:translate(-50%,16%);transition:transform 1s var(--egri) .15s}
  .js .kazan-kart[data-gor].gorundu .kazan-kart__insan{transform:translate(-50%,0)}
  .js .kazan-kart[data-gor].gorundu:hover .kazan-kart__insan{transform:translate(-50%,-3%);transition-duration:.6s;transition-delay:0s}
  .js .kazan-kart[data-gor] .kazan-cip{opacity:0;transform:translateY(10px) scale(.9);transition:opacity .4s var(--egri) .7s,transform .6s cubic-bezier(.34,1.4,.64,1) .7s}
  .js .kazan-kart[data-gor].gorundu .kazan-cip{opacity:1;transform:none}
}

/* son çağrı kartının altında renkli kalabalık (Open Peeps, CC0) — genç kimlik */
.son-karo:has(.son-kalabalik){padding-bottom:0}
.son-kalabalik{display:flex;justify-content:center;align-items:flex-end;gap:clamp(0px,1.4vw,18px);margin-top:clamp(36px,5vw,64px);margin-bottom:-6px;pointer-events:none}
.son-kalabalik img{height:clamp(150px,18vw,232px);width:auto;max-width:none;filter:drop-shadow(0 -2px 0 rgba(255,255,255,.0))}
.son-kalabalik img:nth-child(2),.son-kalabalik img:nth-child(4){height:clamp(140px,16.6vw,214px)}
@media (max-width:599px){.son-kalabalik img:nth-child(1),.son-kalabalik img:nth-child(5){display:none}.son-kalabalik img{height:150px}.son-kalabalik img:nth-child(2),.son-kalabalik img:nth-child(4){height:140px}}
@media (prefers-reduced-motion:no-preference){
  .js .son-karo[data-gor] .son-kalabalik img{transform:translateY(40%);transition:transform .9s cubic-bezier(.34,1.3,.64,1)}
  .js .son-karo[data-gor].gorundu .son-kalabalik img{transform:none}
  .js .son-karo[data-gor].gorundu .son-kalabalik img:nth-child(2){transition-delay:.08s}
  .js .son-karo[data-gor].gorundu .son-kalabalik img:nth-child(3){transition-delay:.16s}
  .js .son-karo[data-gor].gorundu .son-kalabalik img:nth-child(4){transition-delay:.24s}
  .js .son-karo[data-gor].gorundu .son-kalabalik img:nth-child(5){transition-delay:.32s}
}

/* 23 · 3B ana başlık — yazı 16 katman gölgeyle kabartılır; --ex/--ey ve döndürme paysion.js ucBoyutBaslik'ten */
.dev3b-sahne{perspective:950px;perspective-origin:50% 45%}
.dev3b{--ex:0;--ey:0;--d-on:#9B72FF;--d-arka:#34186E;--dv-on:#C7F03C;--dv-arka:#5F7C0C;--d-golge:rgba(36,21,47,.22);
  text-shadow:calc(var(--ex) * 1px) calc(var(--ey) * 1px) 0 color-mix(in srgb,var(--d-arka) 0%,var(--d-on)),
    calc(var(--ex) * 2px) calc(var(--ey) * 2px) 0 color-mix(in srgb,var(--d-arka) 7%,var(--d-on)),
    calc(var(--ex) * 3px) calc(var(--ey) * 3px) 0 color-mix(in srgb,var(--d-arka) 13%,var(--d-on)),
    calc(var(--ex) * 4px) calc(var(--ey) * 4px) 0 color-mix(in srgb,var(--d-arka) 20%,var(--d-on)),
    calc(var(--ex) * 5px) calc(var(--ey) * 5px) 0 color-mix(in srgb,var(--d-arka) 27%,var(--d-on)),
    calc(var(--ex) * 6px) calc(var(--ey) * 6px) 0 color-mix(in srgb,var(--d-arka) 33%,var(--d-on)),
    calc(var(--ex) * 7px) calc(var(--ey) * 7px) 0 color-mix(in srgb,var(--d-arka) 40%,var(--d-on)),
    calc(var(--ex) * 8px) calc(var(--ey) * 8px) 0 color-mix(in srgb,var(--d-arka) 47%,var(--d-on)),
    calc(var(--ex) * 9px) calc(var(--ey) * 9px) 0 color-mix(in srgb,var(--d-arka) 53%,var(--d-on)),
    calc(var(--ex) * 10px) calc(var(--ey) * 10px) 0 color-mix(in srgb,var(--d-arka) 60%,var(--d-on)),
    calc(var(--ex) * 11px) calc(var(--ey) * 11px) 0 color-mix(in srgb,var(--d-arka) 67%,var(--d-on)),
    calc(var(--ex) * 12px) calc(var(--ey) * 12px) 0 color-mix(in srgb,var(--d-arka) 73%,var(--d-on)),
    calc(var(--ex) * 13px) calc(var(--ey) * 13px) 0 color-mix(in srgb,var(--d-arka) 80%,var(--d-on)),
    calc(var(--ex) * 14px) calc(var(--ey) * 14px) 0 color-mix(in srgb,var(--d-arka) 87%,var(--d-on)),
    calc(var(--ex) * 15px) calc(var(--ey) * 15px) 0 color-mix(in srgb,var(--d-arka) 93%,var(--d-on)),
    calc(var(--ex) * 16px) calc(var(--ey) * 16px) 0 color-mix(in srgb,var(--d-arka) 100%,var(--d-on)),
    calc(var(--ex) * 18px) calc(var(--ey) * 18px + .05em) .16em var(--d-golge)}
.dev3b .vurgulu{background:none!important;-webkit-text-fill-color:currentColor!important;animation:none!important;
  text-shadow:calc(var(--ex) * 1px) calc(var(--ey) * 1px) 0 color-mix(in srgb,var(--dv-arka) 0%,var(--dv-on)),
    calc(var(--ex) * 2px) calc(var(--ey) * 2px) 0 color-mix(in srgb,var(--dv-arka) 7%,var(--dv-on)),
    calc(var(--ex) * 3px) calc(var(--ey) * 3px) 0 color-mix(in srgb,var(--dv-arka) 13%,var(--dv-on)),
    calc(var(--ex) * 4px) calc(var(--ey) * 4px) 0 color-mix(in srgb,var(--dv-arka) 20%,var(--dv-on)),
    calc(var(--ex) * 5px) calc(var(--ey) * 5px) 0 color-mix(in srgb,var(--dv-arka) 27%,var(--dv-on)),
    calc(var(--ex) * 6px) calc(var(--ey) * 6px) 0 color-mix(in srgb,var(--dv-arka) 33%,var(--dv-on)),
    calc(var(--ex) * 7px) calc(var(--ey) * 7px) 0 color-mix(in srgb,var(--dv-arka) 40%,var(--dv-on)),
    calc(var(--ex) * 8px) calc(var(--ey) * 8px) 0 color-mix(in srgb,var(--dv-arka) 47%,var(--dv-on)),
    calc(var(--ex) * 9px) calc(var(--ey) * 9px) 0 color-mix(in srgb,var(--dv-arka) 53%,var(--dv-on)),
    calc(var(--ex) * 10px) calc(var(--ey) * 10px) 0 color-mix(in srgb,var(--dv-arka) 60%,var(--dv-on)),
    calc(var(--ex) * 11px) calc(var(--ey) * 11px) 0 color-mix(in srgb,var(--dv-arka) 67%,var(--dv-on)),
    calc(var(--ex) * 12px) calc(var(--ey) * 12px) 0 color-mix(in srgb,var(--dv-arka) 73%,var(--dv-on)),
    calc(var(--ex) * 13px) calc(var(--ey) * 13px) 0 color-mix(in srgb,var(--dv-arka) 80%,var(--dv-on)),
    calc(var(--ex) * 14px) calc(var(--ey) * 14px) 0 color-mix(in srgb,var(--dv-arka) 87%,var(--dv-on)),
    calc(var(--ex) * 15px) calc(var(--ey) * 15px) 0 color-mix(in srgb,var(--dv-arka) 93%,var(--dv-on)),
    calc(var(--ex) * 16px) calc(var(--ey) * 16px) 0 color-mix(in srgb,var(--dv-arka) 100%,var(--dv-on)),
    calc(var(--ex) * 18px) calc(var(--ey) * 18px + .05em) .16em var(--d-golge)}
@media (prefers-color-scheme:dark){
  .dev3b{--d-on:#7446F0;--d-arka:#170A26;--dv-on:#B5DE2C;--dv-arka:#36470A;--d-golge:rgba(0,0,0,.45)}
}