/* Luxiren Digital Core. Renk ve font kaynağı: marka/KIMLIK.md (yalnızca LUXIREN Renk Paleti v1.0).
   Üçleme: bordo (ana ton ACIK-2) · pembe (Accent, Highlight, Glow) · mat beyaz (Chip Light). Siyah zemin yok. */

@font-face { font-family:"Outfit"; font-weight:500; font-display:swap; src:url(../fonts/outfit-latin-500-normal.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Outfit"; font-weight:500; font-display:swap; src:url(../fonts/outfit-latin-ext-500-normal.woff2) format("woff2"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Outfit"; font-weight:600; font-display:swap; src:url(../fonts/outfit-latin-600-normal.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Outfit"; font-weight:600; font-display:swap; src:url(../fonts/outfit-latin-ext-600-normal.woff2) format("woff2"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Plus Jakarta Sans"; font-weight:400; font-display:swap; src:url(../fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Plus Jakarta Sans"; font-weight:400; font-display:swap; src:url(../fonts/plus-jakarta-sans-latin-ext-400-normal.woff2) format("woff2"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Plus Jakarta Sans"; font-weight:500; font-display:swap; src:url(../fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Plus Jakarta Sans"; font-weight:500; font-display:swap; src:url(../fonts/plus-jakarta-sans-latin-ext-500-normal.woff2) format("woff2"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Plus Jakarta Sans"; font-weight:600; font-display:swap; src:url(../fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Plus Jakarta Sans"; font-weight:600; font-display:swap; src:url(../fonts/plus-jakarta-sans-latin-ext-600-normal.woff2) format("woff2"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

@property --aci { syntax:"<angle>"; inherits:false; initial-value:0deg; }

:root {
  --acik-2:#6E1B2D;      /* ana ton, logodaki kırmızı */
  --mid:#641729;         /* yalnızca gradyanda */
  --rich:#7C1F34;        /* yalnızca gradyanda */
  --acik-3:#8C2439;
  --ceiling:#A32F48;
  --deep:#240509;        /* koyu metin (bordo), zemin değil */
  --chip-light:#F7EFF1;  /* mat beyaz */
  --text-primary:#F2E7EA;
  --text-secondary:#C9AEB5;
  --accent:#CA4F69;
  --highlight:#E36C85;
  --glow:#F2A3B4;

  --f-baslik:"Outfit", system-ui, sans-serif;
  --f-govde:"Plus Jakarta Sans", system-ui, sans-serif;

  --egri:cubic-bezier(.22,.61,.36,1);
  --egri-yay:cubic-bezier(.34,1.3,.64,1);
  --sure:1.1s;
  --kap:1240px;
  --yan:clamp(20px, 5vw, 56px);
  --bolum:clamp(96px, 12vw, 168px);
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--chip-light); color:var(--deep); font:400 17px/1.7 var(--f-govde); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; }
h1,h2,h3,p,ol,ul,figure { margin:0; }
ol,ul { padding:0; list-style:none; }
a { color:inherit; }
img, svg { display:block; }
img { max-width:100%; height:auto; }
::selection { background:var(--accent); color:var(--chip-light); }
:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:4px; }

.atla { position:absolute; left:-9999px; top:0; background:var(--acik-2); color:var(--chip-light); padding:10px 16px; z-index:100; }
.atla:focus { left:16px; top:16px; }
.kap { max-width:var(--kap); margin:0 auto; padding:0 var(--yan); position:relative; z-index:2; }

/* Yazı */
.kunye { display:inline-flex; align-items:center; gap:10px; font:600 12.5px/1.4 var(--f-govde); letter-spacing:.16em; text-transform:uppercase; color:var(--glow); }
.koyu-kunye { color:var(--accent); }
.kunye-yildiz { width:12px; height:12px; fill:currentColor; animation:parilti 3.6s ease-in-out infinite; }
.dev-baslik { font:600 clamp(48px, 7.4vw, 108px)/1.0 var(--f-baslik); letter-spacing:-.03em; }
.baslik { font:600 clamp(34px, 4.4vw, 60px)/1.06 var(--f-baslik); letter-spacing:-.025em; color:var(--acik-2); }
.baslik.buyuk { font-size:clamp(40px, 5.4vw, 76px); }
.soz { font:500 clamp(28px, 3.5vw, 48px)/1.2 var(--f-baslik); letter-spacing:-.02em; color:var(--acik-2); }
.metin { font-size:18px; line-height:1.75; color:var(--deep); max-width:580px; }
.not { font:600 12px/1.4 var(--f-govde); letter-spacing:.14em; text-transform:uppercase; }

/* Düğmeler: ikincil renk Ceiling → ACIK-3 (müşterinin örneği), tek stil */
.dugme { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:10px 28px; text-align:center; border:0; border-radius:999px; cursor:pointer; font:600 15.5px/1.25 var(--f-govde); letter-spacing:.005em; text-decoration:none; color:var(--text-primary);
  background:linear-gradient(180deg, var(--accent) 0%, var(--ceiling) 100%); overflow:hidden; isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(242,163,180,.45), inset 0 -1px 0 rgba(100,23,41,.4), 0 12px 26px -14px rgba(100,23,41,.8);
  transition:box-shadow .5s var(--egri), transform .5s var(--egri), color .5s var(--egri); }
.dugme::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:linear-gradient(180deg, var(--accent), var(--accent)); opacity:0; transition:opacity .5s var(--egri); }
.dugme::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(105deg, transparent 30%, rgba(247,239,241,.35) 50%, transparent 70%); transform:translateX(-130%); transition:transform 1s var(--egri); }
.dugme:hover { color:var(--chip-light); transform:translateY(-2px); box-shadow:inset 0 1px 0 rgba(242,163,180,.6), 0 18px 36px -16px rgba(202,79,105,.85), 0 0 0 4px rgba(242,163,180,.22); }
.dugme:hover::before { opacity:.7; }
.dugme:hover::after { transform:translateX(130%); }
.dugme-ok { width:18px; height:18px; transition:transform .5s var(--egri); }
.dugme:hover .dugme-ok { transform:translateX(4px); }
.dugme-kucuk { min-height:44px; padding:0 24px; font-size:14.5px; }
.dugme-logolu { padding-left:8px; }
.dugme-logo { width:38px; height:38px; flex:none; border-radius:50%; display:grid; place-items:center; background:var(--chip-light); box-shadow:inset 0 -2px 4px rgba(201,174,181,.6); }
.dugme-logo svg { width:20px; height:20px; }
.bag { display:inline-flex; align-items:center; min-height:48px; font:600 15px/1 var(--f-govde); text-decoration:none; background:linear-gradient(90deg, var(--glow), var(--highlight)) 0 calc(100% - 12px)/0 1.5px no-repeat; transition:background-size .7s var(--egri), color .5s var(--egri); }
.bag:hover { background-size:100% 1.5px; color:var(--glow); }

/* Eksik bilgi işareti (yalnızca taslakta) */
.eksik { display:inline-block; font:600 11.5px/1.5 var(--f-govde); letter-spacing:.06em; text-transform:uppercase; color:var(--acik-2); border:1px dashed var(--accent); padding:6px 10px; border-radius:6px; background:var(--chip-light); }
[data-eksik] { outline:1px dashed var(--glow); outline-offset:4px; }
.eksik-koyu { margin-top:22px; background:transparent; color:var(--glow); border-color:var(--glow); }

/* Üst bar */
.ust { position:fixed; inset:0 0 auto; z-index:50; color:var(--text-primary); transition:background-color .6s var(--egri), color .6s var(--egri), box-shadow .6s var(--egri); }
.ust-ic { height:86px; display:flex; align-items:center; gap:32px; transition:height .6s var(--egri); }
.ust.dolu { background:rgba(247,239,241,.84); -webkit-backdrop-filter:blur(16px) saturate(1.3); backdrop-filter:blur(16px) saturate(1.3); color:var(--acik-2); box-shadow:0 1px 0 rgba(201,174,181,.7), 0 10px 30px -20px rgba(110,27,45,.4); }
.ust.dolu .ust-ic { height:70px; }
.logo { display:inline-flex; align-items:center; gap:12px; text-decoration:none; }
.logo-yildiz { width:24px; height:24px; fill:var(--glow); filter:drop-shadow(0 0 8px rgba(242,163,180,.7)); transition:transform 1s var(--egri-yay); }
.logo:hover .logo-yildiz { transform:rotate(90deg); }
.ust.dolu .logo-yildiz { fill:var(--accent); }
.logo-yazi { display:flex; flex-direction:column; line-height:1; }
.logo-ad { font:600 19px/1 var(--f-baslik); letter-spacing:.2em; }
.logo-alt { font:500 9px/1 var(--f-govde); letter-spacing:.36em; margin-top:5px; opacity:.85; }
.menu { margin-left:auto; display:flex; gap:32px; font:500 14.5px/1 var(--f-govde); }
.menu a { text-decoration:none; position:relative; padding:8px 0; transition:color .4s var(--egri); }
.menu a::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1.5px; border-radius:2px; background:linear-gradient(90deg, var(--glow), var(--accent)); transform:scaleX(0); transform-origin:right; transition:transform .6s var(--egri); }
.menu a:hover { color:var(--glow); }
.ust.dolu .menu a:hover { color:var(--accent); }
.menu a:hover::after { transform:scaleX(1); transform-origin:left; }

/* Ortak çizgiler: sağdan ve soldan */
.yan-cizgi { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; z-index:1; }
.yan-cizgi path { fill:none; vector-effect:non-scaling-stroke; }
.yan-cizgi .ciz { stroke:url(#g-cizgi); stroke-width:1.4; stroke-dasharray:1000; stroke-dashoffset:1000; filter:drop-shadow(0 0 6px rgba(242,163,180,.55)); transition:stroke-dashoffset 2.6s var(--egri); }
.yan-cizgi .ciz.ince { stroke-width:1; opacity:.6; transition-delay:.35s; }
.yan-cizgi.koyu .ciz { stroke:url(#g-cizgi-koyu); filter:none; opacity:.55; }
.yan-cizgi.koyu .ciz.ince { opacity:.35; }
.yan-cizgi .akis { stroke:var(--chip-light); stroke-width:2; stroke-linecap:round; stroke-dasharray:28 972; stroke-dashoffset:1000; opacity:0; filter:drop-shadow(0 0 8px rgba(242,163,180,1)); }
.yan-cizgi.koyu .akis { stroke:var(--highlight); filter:drop-shadow(0 0 6px rgba(227,108,133,.8)); }
.yan-cizgi.gorundu .ciz { stroke-dashoffset:0; }
.yan-cizgi.gorundu .akis { opacity:1; animation:akis 6.5s 1.6s linear infinite; }
.yan-cizgi.gorundu .akis.gec { animation-delay:4.4s; }

/* Açılış */
.acilis { position:relative; min-height:100svh; display:flex; flex-direction:column; color:var(--text-primary); overflow:hidden;
  background:
    radial-gradient(55% 65% at 76% 44%, rgba(202,79,105,.55) 0%, transparent 62%),
    radial-gradient(40% 50% at 8% 100%, rgba(163,47,72,.6) 0%, transparent 70%),
    linear-gradient(140deg, var(--mid) 0%, var(--acik-2) 45%, var(--rich) 80%, var(--acik-3) 100%); }
.acilis-zemin { position:absolute; inset:0; pointer-events:none; }
.hale { position:absolute; width:min(70vw, 900px); aspect-ratio:1; right:-6vw; top:46%; translate:0 -50%; border-radius:50%;
  background:radial-gradient(circle, rgba(242,163,180,.32) 0%, rgba(227,108,133,.14) 34%, transparent 64%); animation:nefes 8s var(--egri) infinite alternate; }
.hale-iki { width:min(46vw, 600px); right:auto; left:-14vw; top:96%; background:radial-gradient(circle, rgba(242,163,180,.22), transparent 62%); animation-duration:11s; animation-direction:alternate-reverse; }
.acilis-ic { flex:1; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:40px; padding-top:130px; padding-bottom:64px; width:100%; }
.acilis .kunye { margin-bottom:30px; }
.acilis .dev-baslik { max-width:9ch; color:var(--chip-light); text-shadow:0 2px 30px rgba(110,27,45,.35); }
.acilis-giris { margin-top:30px; max-width:520px; font-size:clamp(17px, 1.4vw, 19px); line-height:1.75; color:var(--text-primary); opacity:.92; }
.acilis-eylem { margin-top:40px; display:flex; align-items:center; flex-wrap:wrap; gap:16px 30px; }
.acilis .not { margin-top:22px; color:var(--glow); }

/* 3B sahne */
.sahne { position:relative; width:100%; max-width:560px; aspect-ratio:1; justify-self:end; perspective:1100px; --px:0; --py:0; }
.halka { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.halka circle { fill:none; stroke:var(--glow); stroke-width:1.3; stroke-dasharray:1823; stroke-dashoffset:1823; filter:drop-shadow(0 0 10px rgba(242,163,180,.7)); animation:ciz-halka 3s .4s var(--egri) forwards; }
.ic-halka { inset:18%; width:64%; height:64%; }
.ic-halka circle { stroke:var(--highlight); stroke-width:1; opacity:.55; stroke-dasharray:6 10; stroke-dashoffset:0; animation:don 60s linear infinite; transform-origin:300px 300px; }
.halka-yildiz { position:absolute; width:30px; height:30px; left:calc(50% - 15px); top:calc(1.67% - 15px); fill:var(--chip-light); opacity:0; filter:drop-shadow(0 0 14px rgba(242,163,180,1)); animation:belir 1.2s 2.2s var(--egri) forwards, parilti 3.6s 3.4s ease-in-out infinite; }
.cam-kap { position:absolute; left:var(--x); top:var(--y); translate:-50% -50%; transform:translate3d(calc(var(--px) * var(--d) * 18px), calc(var(--py) * var(--d) * 18px), 0); transition:transform .9s var(--egri); opacity:0; animation:cam-gel 1.4s calc(1s + var(--gec)) var(--egri) forwards; }
.cam-kap > .cam { animation:suzul 6s calc(var(--gec) * -1) ease-in-out infinite; }

/* Cam ikon (3B): mat beyaz kutu, logo kendi renginde. Hover'da hafif bordo ışık, fare çekilince söner. */
.cam { --s:84px; position:relative; width:var(--s); height:var(--s); flex:none; display:grid; place-items:center; border-radius:calc(var(--s) * .28); isolation:isolate;
  background:linear-gradient(160deg, var(--chip-light) 0%, var(--text-primary) 100%);
  box-shadow:
    inset 0 1.5px 0 rgba(247,239,241,1),
    inset 0 -6px 14px rgba(201,174,181,.45),
    0 0 0 1px rgba(201,174,181,.55),
    0 22px 40px -18px rgba(100,23,41,.55),
    0 6px 12px -6px rgba(100,23,41,.3);
  transform:rotateX(12deg) rotateY(-14deg); transition:transform .8s var(--egri-yay), box-shadow .6s var(--egri); }
.cam::before { content:""; position:absolute; inset:5% 8% auto; height:42%; border-radius:calc(var(--s) * .24) calc(var(--s) * .24) 50% 50%; background:linear-gradient(180deg, rgba(247,239,241,.95), rgba(247,239,241,0)); pointer-events:none; z-index:1; }
.cam::after { content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1; background:radial-gradient(circle at 50% 120%, rgba(163,47,72,.28), transparent 70%); opacity:0; transition:opacity .5s var(--egri); }
.cam svg { position:relative; z-index:2; width:50%; height:50%; fill:var(--acik-2); filter:drop-shadow(0 2px 3px rgba(100,23,41,.18)); }
.cam-buyuk { --s:150px; }
.cam-kucuk { --s:62px; }
.cam-kart { --s:74px; }
.cam-mini { --s:42px; border-radius:12px; }
.cam:hover, .reklam-kart:hover .cam, .sekme:hover .cam, .sekme.aktif .cam, .grup:hover .grup-ikon { transform:rotateX(0) rotateY(0) translateY(-3px); box-shadow:inset 0 1.5px 0 #F7EFF1, inset 0 -6px 14px rgba(201,174,181,.4), 0 0 0 1px rgba(242,163,180,.9), 0 24px 44px -16px rgba(163,47,72,.6), 0 0 24px rgba(242,163,180,.4); }
.cam:hover::after, .reklam-kart:hover .cam::after { opacity:1; }

/* Kayan şerit */
.kayan { position:relative; z-index:2; border-top:1px solid rgba(242,163,180,.3); background:linear-gradient(90deg, rgba(242,163,180,.08), rgba(242,163,180,.16), rgba(242,163,180,.08)); overflow:hidden; padding:20px 0; }
.kayan-ic { display:flex; align-items:center; gap:40px; width:max-content; animation:kay 42s linear infinite; font:500 15px/1 var(--f-baslik); letter-spacing:.06em; color:var(--text-primary); white-space:nowrap; }
.kayan-ic i { width:8px; height:8px; background:var(--glow); transform:rotate(45deg); box-shadow:0 0 10px rgba(242,163,180,.9); }

/* Bölümler */
.bolum { padding:var(--bolum) 0; position:relative; overflow:hidden; }
.iki-sutun { display:grid; grid-template-columns:minmax(200px, 3fr) 9fr; gap:clamp(32px, 6vw, 96px); }
.bolum-bas { display:grid; grid-template-columns:minmax(200px, 3fr) 9fr; gap:clamp(32px, 6vw, 96px); margin-bottom:clamp(48px, 6vw, 84px); align-items:baseline; }
.bolum-bas.ortali { display:flex; flex-direction:column; align-items:center; text-align:center; gap:22px; }
.bolum-bas.ortali .baslik { max-width:16ch; }
.bolum-bas.ortali .metin { max-width:620px; }

/* Reklam yönetimi */
.reklam { background:radial-gradient(60% 50% at 50% 0%, rgba(242,163,180,.35), transparent 70%), linear-gradient(180deg, var(--chip-light), var(--text-primary)); }
.reklam-kartlar { display:grid; grid-template-columns:1fr 1fr; gap:28px; perspective:1400px; }
.reklam-kart { --mx:50%; --my:30%; position:relative; border-radius:28px; overflow:hidden; color:var(--text-primary); isolation:isolate;
  background:linear-gradient(160deg, var(--acik-3) 0%, var(--acik-2) 40%, var(--mid) 100%);
  box-shadow:0 40px 80px -40px rgba(110,27,45,.75), inset 0 1px 0 rgba(242,163,180,.35);
  transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition:transform .8s var(--egri), box-shadow .8s var(--egri); }
.reklam-kart::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; z-index:3; pointer-events:none;
  background:conic-gradient(from var(--aci), transparent 0 62%, var(--glow) 74%, var(--highlight) 80%, transparent 90%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:.5; animation:kenar 7s linear infinite; transition:opacity .6s var(--egri); }
.reklam-kart:hover::before { opacity:1; animation-duration:3.5s; }
.reklam-kart:hover { box-shadow:0 50px 90px -40px rgba(202,79,105,.8), 0 0 0 1px rgba(242,163,180,.4); }
.kart-isik { position:absolute; inset:0; z-index:2; pointer-events:none; background:radial-gradient(420px circle at var(--mx) var(--my), rgba(242,163,180,.28), transparent 60%); opacity:0; transition:opacity .6s var(--egri); }
.reklam-kart:hover .kart-isik { opacity:1; }
.kart-gorsel { position:relative; aspect-ratio:16/9; overflow:hidden; }
.kart-gorsel img { width:100%; height:100%; object-fit:cover; transform:scale(1.04); transition:transform 1.6s var(--egri), filter 1s var(--egri); filter:saturate(.85); }
.kart-gorsel::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(110,27,45,.15) 0%, rgba(110,27,45,.45) 55%, var(--acik-2) 100%), linear-gradient(135deg, rgba(202,79,105,.35), transparent 60%); transition:opacity 1s var(--egri); }
.reklam-kart:hover .kart-gorsel img { transform:scale(1.1); filter:saturate(1.1); }
.reklam-kart:hover .kart-gorsel::after { opacity:.8; }
.kart-govde { position:relative; z-index:2; padding:0 40px 40px; }
.kart-ust { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:26px; }
.kart-yan-ikon { display:flex; gap:10px; }
.reklam-kart h3 { font:600 clamp(28px, 2.8vw, 38px)/1.1 var(--f-baslik); letter-spacing:-.02em; color:var(--chip-light); }
.kart-alt { margin-top:8px; font:500 16px/1.4 var(--f-govde); color:var(--glow); }
.kart-metin { margin-top:18px; font-size:16.5px; line-height:1.75; color:var(--text-primary); opacity:.92; }
.kart-kunye { margin-top:28px; font:600 12px/1 var(--f-govde); letter-spacing:.18em; text-transform:uppercase; color:var(--glow); }
.cipler { margin-top:14px; display:flex; flex-wrap:wrap; gap:8px; }
.cipler li { display:inline-flex; align-items:center; gap:7px; padding:8px 14px 8px 10px; border-radius:999px; font:500 13.5px/1 var(--f-govde); color:var(--chip-light); background:rgba(242,163,180,.12); box-shadow:inset 0 0 0 1px rgba(242,163,180,.35); transition:background-color .5s var(--egri), box-shadow .5s var(--egri), transform .5s var(--egri); }
.cipler li svg { width:15px; height:15px; color:var(--glow); }
.cipler li:hover { background:rgba(242,163,180,.26); box-shadow:inset 0 0 0 1px var(--glow); transform:translateY(-2px); }

/* Hedefleme: radar */
.hedef { background:radial-gradient(45% 55% at 80% 50%, rgba(242,163,180,.3), transparent 70%), var(--chip-light); }
.hedef-ic { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px, 6vw, 96px); align-items:center; }
.hedef .baslik { margin-top:22px; font-size:clamp(32px, 3.8vw, 54px); }
.hedef .metin { margin-top:24px; }
.hedef-gruplar { margin-top:36px; display:flex; flex-direction:column; gap:12px; }
.grup { display:flex; align-items:center; gap:16px; width:100%; text-align:left; cursor:pointer; padding:14px 18px 14px 14px; border:0; border-radius:20px; font:inherit; color:var(--deep); background:var(--text-primary); box-shadow:inset 0 0 0 1px rgba(201,174,181,.7); transition:background-color .5s var(--egri), box-shadow .5s var(--egri), transform .5s var(--egri); }
.grup b { display:block; font:600 18px/1.25 var(--f-baslik); color:var(--acik-2); }
.grup small { display:block; margin-top:2px; font-size:13.5px; color:var(--deep); opacity:.8; }
.grup-ikon { width:48px; height:48px; flex:none; border-radius:14px; display:grid; place-items:center; background:var(--chip-light); box-shadow:inset 0 1px 0 #F7EFF1, 0 0 0 1px rgba(201,174,181,.6), 0 10px 18px -10px rgba(100,23,41,.45); transition:transform .6s var(--egri-yay), box-shadow .5s var(--egri); }
.grup-ikon svg { width:24px; height:24px; }
.grup:hover { transform:translateX(4px); box-shadow:inset 0 0 0 1px var(--glow); }
.grup.aktif { background:var(--chip-light); box-shadow:inset 0 0 0 1.5px var(--accent), 0 18px 34px -22px rgba(163,47,72,.7); }

.radar { --r:1; position:relative; width:100%; max-width:540px; aspect-ratio:1; justify-self:center; border-radius:50%;
  background:radial-gradient(circle, var(--chip-light) 0%, var(--text-primary) 60%, rgba(242,163,180,.35) 100%);
  box-shadow:0 0 0 1px rgba(201,174,181,.7), 0 40px 90px -40px rgba(110,27,45,.55), inset 0 0 60px rgba(242,163,180,.35); }
.radar-cizim { position:absolute; inset:0; width:100%; height:100%; }
.radar-cizim circle, .radar-cizim line { fill:none; stroke:var(--text-secondary); stroke-width:1; opacity:.7; }
.radar-cizim circle:first-child { stroke:var(--glow); opacity:1; }
.radar-tarama { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg, transparent 0deg 270deg, rgba(242,163,180,.14) 315deg, rgba(202,79,105,.34) 360deg); animation:tara 6s linear infinite; }
.radar-tarama::after { content:""; position:absolute; left:50%; top:0; width:1.5px; height:50%; background:linear-gradient(var(--accent), transparent); transform-origin:bottom; }
.radar-noktalar { position:absolute; inset:0; }
.nokta { position:absolute; left:var(--x); top:var(--y); width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:var(--text-secondary); animation:yan 6s linear infinite; animation-delay:var(--gec); }
.nokta.hedefte { width:12px; height:12px; margin:-6px 0 0 -6px; background:var(--ceiling); box-shadow:0 0 0 0 rgba(202,79,105,.6); animation:hedef-at 2.4s var(--egri) infinite; animation-delay:var(--gec2); }
.nokta.secili { background:var(--accent); }
.radar-kilit { position:absolute; left:var(--kx, 30%); top:var(--ky, 30%); width:64px; height:64px; margin:-32px 0 0 -32px; transition:left 1s var(--egri), top 1s var(--egri); }
.radar-kilit i { position:absolute; width:16px; height:16px; border:2px solid var(--acik-2); animation:kilit 2.4s var(--egri) infinite; }
.radar-kilit i:nth-child(1) { --kt:-4px; --kt2:-4px; left:0; top:0; border-right:0; border-bottom:0; border-radius:6px 0 0 0; }
.radar-kilit i:nth-child(2) { --kt:4px; --kt2:-4px; right:0; top:0; border-left:0; border-bottom:0; border-radius:0 6px 0 0; }
.radar-kilit i:nth-child(3) { --kt:-4px; --kt2:4px; left:0; bottom:0; border-right:0; border-top:0; border-radius:0 0 0 6px; }
.radar-kilit i:nth-child(4) { --kt:4px; --kt2:4px; right:0; bottom:0; border-left:0; border-top:0; border-radius:0 0 6px 0; }
.kilit-etiket { position:absolute; left:50%; top:calc(100% + 8px); translate:-50% 0; white-space:nowrap; padding:7px 12px; border-radius:999px; font:600 12.5px/1 var(--f-govde); color:var(--text-primary); background:linear-gradient(180deg, var(--accent), var(--ceiling)); box-shadow:0 10px 20px -10px rgba(100,23,41,.7); }
.radar-merkez { position:absolute; left:50%; top:50%; translate:-50% -50%; }
.radar-merkez .cam { transform:none; }
.radar-merkez::before { content:""; position:absolute; inset:-18px; border-radius:50%; border:1.5px solid var(--glow); animation:dalga 3s var(--egri) infinite; }

/* Hizmetler: etkileşimli liste + değişen görsel */
.hizmetler { background:radial-gradient(50% 40% at 100% 0%, rgba(242,163,180,.4), transparent 70%), radial-gradient(40% 40% at 0% 100%, rgba(242,163,180,.3), transparent 70%), var(--text-primary); }
.sekme-kap { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px, 4vw, 64px); align-items:stretch; }
.sekmeler { display:flex; flex-direction:column; gap:14px; }
.sekme { position:relative; border-radius:24px; background:var(--chip-light); box-shadow:inset 0 0 0 1px rgba(201,174,181,.65); cursor:pointer; overflow:hidden; transition:box-shadow .6s var(--egri), background-color .6s var(--egri); isolation:isolate; }
.sekme::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(var(--ceiling), var(--accent)); transform:scaleY(0); transform-origin:top; transition:transform .7s var(--egri); }
.sekme:hover { box-shadow:inset 0 0 0 1px var(--glow), 0 18px 36px -26px rgba(163,47,72,.6); }
.sekme.aktif { box-shadow:inset 0 0 0 1.5px var(--accent), 0 30px 60px -36px rgba(163,47,72,.7); }
.sekme.aktif::before { transform:scaleY(1); }
.sekme:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.sekme-bas { display:flex; align-items:center; gap:16px; padding:22px 24px; }
.sekme-no { font:600 12px/1 var(--f-govde); letter-spacing:.16em; color:var(--accent); width:22px; }
.sekme h3 { flex:1; font:600 clamp(20px, 1.9vw, 25px)/1.2 var(--f-baslik); letter-spacing:-.015em; color:var(--acik-2); }
.sekme-ok { width:22px; height:22px; color:var(--accent); transition:transform .6s var(--egri); }
.sekme.aktif .sekme-ok { transform:rotate(90deg); }
.sekme-govde { display:grid; grid-template-rows:0fr; transition:grid-template-rows .7s var(--egri); }
.sekme-govde > div { overflow:hidden; padding:0 24px 0 86px; }
.sekme.aktif .sekme-govde { grid-template-rows:1fr; }
.sekme.aktif .sekme-govde > div { padding-bottom:26px; }
.sekme-alt { font:500 15.5px/1.4 var(--f-govde); color:var(--accent); }
.sekme-metin { margin-top:10px; font-size:16px; line-height:1.72; color:var(--deep); }
.sekme-mobil-gorsel { display:none; }
.sekme-sahne { position:relative; border-radius:30px; overflow:hidden; min-height:460px; box-shadow:0 40px 80px -40px rgba(110,27,45,.7); background:var(--acik-2); }
.sahne-gorsel { position:absolute; inset:0; clip-path:inset(0 0 100% 0); transition:clip-path 1.1s var(--egri); }
.sahne-gorsel img { width:100%; height:100%; object-fit:cover; transform:scale(1.12); transition:transform 1.8s var(--egri); }
.sahne-gorsel.aktif { clip-path:inset(0 0 0 0); z-index:1; }
.sahne-gorsel.aktif img { transform:scale(1); }
.sekme-sahne::after { content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg, transparent 45%, rgba(110,27,45,.55)); pointer-events:none; }
.sahne-rozet { position:absolute; z-index:3; left:24px; bottom:24px; display:flex; align-items:center; gap:12px; padding:8px 18px 8px 8px; border-radius:999px; background:rgba(247,239,241,.9); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:0 14px 30px -14px rgba(100,23,41,.6); }
.sahne-rozet .cam { transform:none; }
.sahne-rozet-yazi { font:600 15px/1 var(--f-baslik); color:var(--acik-2); }
.sahne-ilerleme { position:absolute; z-index:3; left:24px; right:24px; top:22px; height:3px; border-radius:3px; background:rgba(247,239,241,.35); overflow:hidden; }
.sahne-ilerleme i { display:block; height:100%; width:100%; background:var(--chip-light); transform-origin:left; transform:scaleX(0); }
.sekme-kap.oynuyor .sahne-ilerleme i { animation:ilerle 6s linear forwards; }

/* Yöntem: bordo, siyah değil */
.yontem { color:var(--text-primary); background:radial-gradient(50% 60% at 100% 100%, rgba(202,79,105,.5), transparent 70%), linear-gradient(160deg, var(--acik-2) 0%, var(--rich) 60%, var(--acik-3) 100%); }
.yontem-bas { position:sticky; top:110px; align-self:start; }
.yontem .baslik { margin-top:24px; font-size:clamp(32px, 3.4vw, 50px); color:var(--chip-light); }
.yontem .metin { margin-top:22px; color:var(--text-primary); opacity:.9; }
.yontem-gorsel { margin-top:36px; border-radius:22px; overflow:hidden; aspect-ratio:4/3; position:relative; box-shadow:0 30px 60px -30px rgba(36,5,9,.7), 0 0 0 1px rgba(242,163,180,.4); }
.yontem-gorsel img { width:100%; height:100%; object-fit:cover; transition:transform 1.6s var(--egri); }
.yontem-gorsel::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(110,27,45,.55)); }
.yontem-gorsel:hover img { transform:scale(1.06); }
.adimlar { position:relative; padding-left:60px; }
.adimlar::before, .adimlar::after { content:""; position:absolute; left:8px; top:14px; bottom:14px; width:1.5px; border-radius:2px; }
.adimlar::before { background:rgba(242,163,180,.25); }
.adimlar::after { background:linear-gradient(var(--chip-light), var(--glow), var(--highlight)); transform-origin:top; transform:scaleY(var(--ilerleme, 0)); box-shadow:0 0 14px rgba(242,163,180,.9); }
.adim { position:relative; padding:22px 26px 26px; margin-bottom:18px; border-radius:22px; transition:background-color .7s var(--egri), box-shadow .7s var(--egri); }
.adim:hover { background:rgba(242,163,180,.1); box-shadow:inset 0 0 0 1px rgba(242,163,180,.35); }
.adim.yandi { background:linear-gradient(135deg, rgba(163,47,72,.55), rgba(140,36,57,.25)); box-shadow:inset 0 0 0 1px rgba(242,163,180,.45), 0 24px 44px -30px rgba(36,5,9,.7); }
.adim-ikon { display:flex; gap:8px; margin-top:16px; }
.adim-ikon .cam { transform:none; }
.yontem-sayac { margin-top:30px; display:flex; align-items:baseline; gap:10px; font-family:var(--f-baslik); }
.sayac-simdi { font-weight:600; font-size:clamp(56px, 6vw, 84px); line-height:1; color:var(--chip-light); text-shadow:0 0 30px rgba(242,163,180,.5); }
.sayac-toplam { font-weight:500; font-size:20px; color:var(--glow); }
.adim::before { content:""; position:absolute; left:-58px; top:30px; width:16px; height:16px; transform:rotate(45deg); background:var(--acik-2); box-shadow:inset 0 0 0 1.5px var(--glow); transition:background-color .6s var(--egri), box-shadow .6s var(--egri); }
.adim.yandi::before { background:var(--glow); box-shadow:0 0 18px rgba(242,163,180,1); }
.adim-no { font:600 12px/1 var(--f-govde); letter-spacing:.18em; color:var(--glow); }
.adim h3 { margin-top:12px; font:600 clamp(24px, 2.3vw, 30px)/1.15 var(--f-baslik); letter-spacing:-.015em; color:var(--chip-light); }
.adim p { margin-top:10px; font-size:17px; color:var(--text-primary); opacity:.88; max-width:520px; }

/* SSS: sohbet */
.sss { background:radial-gradient(40% 50% at 100% 50%, rgba(242,163,180,.3), transparent 70%), var(--chip-light); }
.sss-ic { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px, 6vw, 88px); align-items:center; }
.sss .baslik { margin-top:22px; font-size:clamp(32px, 3.6vw, 52px); }
.sss .metin { margin-top:20px; }
.soru-dugmeler { margin-top:32px; display:flex; flex-wrap:wrap; gap:10px; }
.soru-dugme { cursor:pointer; border:0; padding:13px 18px; border-radius:18px 18px 18px 6px; font:500 15px/1.35 var(--f-govde); color:var(--acik-2); background:var(--text-primary); box-shadow:inset 0 0 0 1px rgba(201,174,181,.8); text-align:left; transition:background-color .5s var(--egri), box-shadow .5s var(--egri), transform .5s var(--egri), color .5s var(--egri); }
.soru-dugme:hover { transform:translateY(-2px); box-shadow:inset 0 0 0 1px var(--glow), 0 12px 24px -16px rgba(163,47,72,.6); }
.soru-dugme.soruldu { color:var(--text-primary); background:linear-gradient(180deg, var(--accent), var(--ceiling)); box-shadow:none; }
.sohbet { border-radius:32px; background:var(--text-primary); box-shadow:0 0 0 1px rgba(201,174,181,.7), 0 50px 100px -50px rgba(110,27,45,.6); overflow:hidden; }
.sohbet-ust { display:flex; align-items:center; gap:14px; padding:18px 22px; background:linear-gradient(180deg, var(--ceiling), var(--acik-3)); color:var(--text-primary); }
.sohbet-ust b { display:block; font:600 16px/1.2 var(--f-baslik); }
.sohbet-ust small { display:block; font-size:12.5px; opacity:.85; }
.sohbet-avatar { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:var(--chip-light); }
.sohbet-avatar svg { width:20px; height:20px; fill:var(--accent); }
.mesajlar { height:420px; overflow-y:auto; padding:24px 22px; display:flex; flex-direction:column; gap:12px; scroll-behavior:smooth; background:radial-gradient(circle at 20% 0%, rgba(242,163,180,.2), transparent 50%), var(--text-primary); }
.mesaj { max-width:82%; padding:13px 17px; font-size:15.5px; line-height:1.55; border-radius:20px; animation:mesaj-gel .6s var(--egri-yay) both; }
.mesaj.gelen { align-self:flex-start; color:var(--deep); background:var(--chip-light); border-bottom-left-radius:6px; box-shadow:0 8px 20px -14px rgba(100,23,41,.45), inset 0 0 0 1px rgba(201,174,181,.5); }
.mesaj.giden { align-self:flex-end; color:var(--text-primary); background:linear-gradient(180deg, var(--ceiling), var(--acik-3)); border-bottom-right-radius:6px; box-shadow:0 10px 22px -14px rgba(100,23,41,.7); }
.yaziyor { display:inline-flex; gap:5px; padding:16px 18px; }
.yaziyor i { width:7px; height:7px; border-radius:50%; background:var(--accent); animation:zipla 1s ease-in-out infinite; }
.yaziyor i:nth-child(2) { animation-delay:.15s; } .yaziyor i:nth-child(3) { animation-delay:.3s; }

/* Görüşme ve form */
.gorusme { position:relative; overflow:hidden; color:var(--text-primary); padding:clamp(110px, 13vw, 180px) 0;
  background:radial-gradient(55% 70% at 85% 100%, rgba(242,163,180,.45) 0%, transparent 70%), radial-gradient(50% 60% at 0% 0%, rgba(163,47,72,.7), transparent 70%), linear-gradient(135deg, var(--acik-2), var(--rich) 50%, var(--ceiling)); }
.gorusme-zemin { position:absolute; inset:0; pointer-events:none; }
.gorusme .hale { right:auto; left:50%; top:110%; translate:-50% -50%; width:min(110vw, 1200px); }
.halka-alt { position:absolute; width:min(120vw, 1300px); left:50%; bottom:calc(min(120vw, 1300px) * -0.8); translate:-50% 0; overflow:visible; }
.halka-alt circle { fill:none; stroke:var(--glow); stroke-width:1.2; opacity:.6; filter:drop-shadow(0 0 10px rgba(242,163,180,.7)); }
.gorusme-ic { display:grid; grid-template-columns:5fr 6fr; gap:clamp(40px, 6vw, 88px); align-items:start; }
.gorusme-yildiz { width:34px; height:34px; fill:var(--chip-light); margin-bottom:30px; filter:drop-shadow(0 0 14px rgba(242,163,180,1)); }
.gorusme .baslik { color:var(--chip-light); max-width:12ch; }
.gorusme .not { margin-top:24px; color:var(--glow); }
.gorusme .metin { margin-top:22px; color:var(--text-primary); opacity:.92; max-width:440px; }
.kanallar { margin-top:34px; display:flex; flex-wrap:wrap; gap:12px; }

.form { --mx:50%; --my:0%; position:relative; padding:clamp(28px, 3.4vw, 44px); border-radius:30px; background:var(--chip-light); color:var(--deep); box-shadow:0 50px 100px -50px rgba(36,5,9,.7), 0 0 0 1px rgba(242,163,180,.6); isolation:isolate; overflow:hidden; }
.form-isik { position:absolute; inset:0; z-index:-1; background:radial-gradient(520px circle at var(--mx) var(--my), rgba(242,163,180,.35), transparent 60%); }
.form-baslik { font:600 24px/1.2 var(--f-baslik); color:var(--acik-2); margin-bottom:22px; }
.alanlar { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.alan { display:flex; flex-direction:column; gap:7px; margin-bottom:14px; }
.alanlar .alan { margin-bottom:0; }
.alan > span { font:600 13px/1.3 var(--f-govde); color:var(--acik-2); }
.alan small { font-size:12.5px; font-weight:400; color:var(--deep); opacity:.75; }
.alan input, .alan textarea { width:100%; min-height:52px; padding:14px 16px; border-radius:14px; border:0; font:400 16px/1.4 var(--f-govde); color:var(--deep); background:var(--text-primary); box-shadow:inset 0 0 0 1px rgba(201,174,181,.9); transition:box-shadow .4s var(--egri), background-color .4s var(--egri); resize:vertical; }
.alan input::placeholder { color:var(--text-secondary); }
.alan input:hover, .alan textarea:hover { box-shadow:inset 0 0 0 1px var(--glow); }
.alan input:focus, .alan textarea:focus { outline:none; background:var(--chip-light); box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 0 4px rgba(242,163,180,.35); }
.alan input[aria-invalid="true"] { box-shadow:inset 0 0 0 1.5px var(--ceiling), 0 0 0 4px rgba(202,79,105,.2); }
.secimler { border:0; padding:0; margin:20px 0 18px; display:flex; flex-wrap:wrap; gap:8px; }
.secimler legend { font:600 13px/1.3 var(--f-govde); color:var(--acik-2); margin-bottom:10px; padding:0; }
.secim { position:relative; cursor:pointer; }
.secim input { position:absolute; opacity:0; pointer-events:none; }
.secim span { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:0 16px 0 8px; border-radius:999px; font:500 14px/1 var(--f-govde); color:var(--acik-2); background:var(--text-primary); box-shadow:inset 0 0 0 1px rgba(201,174,181,.9); transition:color .45s var(--egri), background-color .45s var(--egri), box-shadow .45s var(--egri), transform .45s var(--egri); }
.secim i { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:var(--chip-light); box-shadow:0 0 0 1px rgba(201,174,181,.6); }
.secim i svg { width:16px; height:16px; fill:var(--accent); }
.secim:hover span { box-shadow:inset 0 0 0 1px var(--glow); transform:translateY(-1px); }
.secim input:checked + span { color:var(--text-primary); background:linear-gradient(180deg, var(--accent), var(--ceiling)); box-shadow:0 10px 20px -12px rgba(202,79,105,.9); }
.secim input:focus-visible + span { outline:2px solid var(--accent); outline-offset:3px; }
.tuzak { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.onay { display:flex; gap:12px; align-items:flex-start; margin:6px 0 22px; font-size:14px; line-height:1.55; color:var(--deep); cursor:pointer; }
.onay input { flex:none; width:22px; height:22px; margin:0; accent-color:var(--acik-2); }
.onay a { color:var(--acik-2); font-weight:600; }
.form-gonder { width:100%; min-height:58px; font-size:16px; }
.form-gonder[disabled] { opacity:.7; cursor:progress; }
.form-durum { margin-top:14px; font:500 14.5px/1.5 var(--f-govde); color:var(--acik-2); min-height:1.5em; }

/* Alt bilgi: bordo */
.alt { background:linear-gradient(180deg, var(--acik-2), var(--mid)); color:var(--text-primary); padding:64px 0 44px; position:relative; }
.alt::before { content:""; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg, transparent, var(--glow), transparent); }
.alt-ic { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px 48px; }
.alt .logo { color:var(--chip-light); }
.alt-bilgi { font:600 12px/1.4 var(--f-govde); letter-spacing:.14em; text-transform:uppercase; color:var(--glow); }
.alt-menu { display:flex; flex-wrap:wrap; gap:26px; font-size:14.5px; }
.alt-menu a { text-decoration:none; color:var(--text-primary); transition:color .4s var(--egri); }
.alt-menu a:hover { color:var(--glow); }
.alt-telif { grid-column:1 / -1; padding-top:28px; border-top:1px solid rgba(242,163,180,.25); font-size:13px; line-height:1.6; color:var(--text-secondary); }

.mobil-eylem { display:none; }

/* Hareket */
.gorun { opacity:0; transform:translateY(30px); transition:opacity var(--sure) var(--egri), transform var(--sure) var(--egri); transition-delay:calc(var(--g, 0) * 100ms); }
.gorun.gorundu { opacity:1; transform:none; }
.reklam-kart.gorun, .hizmet.gorun { transform:translateY(50px) rotateX(8deg); }
.reklam-kart.gorun.gorundu, .hizmet.gorun.gorundu { transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition:opacity 1.2s var(--egri), transform .8s var(--egri), box-shadow .8s var(--egri); transition-delay:calc(var(--g, 0) * 120ms), 0s, 0s; }
.dev-baslik[data-kelime] .kel { display:inline-block; overflow:hidden; vertical-align:top; padding-bottom:.1em; margin-bottom:-.1em; }
.dev-baslik[data-kelime] .kel > span { display:inline-block; transform:translateY(108%); transition:transform 1.3s var(--egri); transition-delay:calc(250ms + var(--i) * 110ms); }
.hazir .dev-baslik[data-kelime] .kel > span { transform:none; }

@keyframes ciz-halka { to { stroke-dashoffset:0; } }
@keyframes don { to { transform:rotate(360deg); } }
@keyframes belir { to { opacity:1; } }
@keyframes parilti { 0%,100% { opacity:1; } 50% { opacity:.45; } }
@keyframes nefes { from { opacity:.6; translate:0 -50%; } to { opacity:1; translate:-3vw -52%; } }
@keyframes kay { to { transform:translateX(-50%); } }
@keyframes ac { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }
@keyframes suzul { 0%,100% { translate:0 0; } 50% { translate:0 -12px; } }
@keyframes cam-gel { from { opacity:0; } to { opacity:1; } }
@keyframes akis { from { stroke-dashoffset:1000; } to { stroke-dashoffset:0; } }
@keyframes kenar { to { --aci:360deg; } }
@keyframes tara { to { transform:rotate(360deg); } }
@keyframes yan { 0%, 6% { background:var(--accent); box-shadow:0 0 0 6px rgba(242,163,180,.45); } 22%, 100% { background:var(--text-secondary); box-shadow:none; } }
@keyframes hedef-at { 0% { box-shadow:0 0 0 0 rgba(202,79,105,.55); } 70%, 100% { box-shadow:0 0 0 16px rgba(202,79,105,0); } }
@keyframes kilit { 0%, 100% { translate:0 0; } 50% { translate:var(--kt, 0) var(--kt2, 0); } }
@keyframes dalga { from { opacity:.9; scale:1; } to { opacity:0; scale:1.9; } }
@keyframes ilerle { to { transform:scaleX(1); } }
@keyframes mesaj-gel { from { opacity:0; transform:translateY(10px) scale(.96); } to { opacity:1; transform:none; } }
@keyframes zipla { 0%, 100% { transform:translateY(0); opacity:.5; } 50% { transform:translateY(-4px); opacity:1; } }


/* Reklam kartı panelleri (fotoğraf yerine canlı kampanya önizlemesi) */
.mock { position:relative; z-index:2; margin:22px 22px 0; height:230px; border-radius:20px; overflow:hidden; background:linear-gradient(160deg, rgba(247,239,241,.14), rgba(247,239,241,.04)); box-shadow:inset 0 0 0 1px rgba(242,163,180,.28), inset 0 1px 0 rgba(247,239,241,.25); }
.mock::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(242,163,180,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(242,163,180,.08) 1px, transparent 1px); background-size:22px 22px; mask-image:radial-gradient(circle at 50% 40%, #000, transparent 80%); }
.kart-ust { margin-top:-37px; position:relative; z-index:3; padding-left:4px; }
.reklam-kart .kart-govde { padding-top:0; }

.mock-meta { display:grid; grid-template-columns:200px 1fr; align-items:center; gap:18px; padding:0 22px; }
.mock-hedef { position:relative; width:180px; height:180px; }
.mock-hedef svg { position:absolute; inset:0; width:100%; height:100%; }
.mock-hedef circle { fill:none; stroke:rgba(242,163,180,.45); stroke-width:1.2; }
.mock-hedef circle:first-child { stroke:var(--glow); animation:halka-nefes 3s ease-in-out infinite; }
.mock-hedef > i { position:absolute; left:50%; top:50%; width:9px; height:9px; margin:-4.5px; border-radius:50%; background:var(--chip-light); box-shadow:0 0 10px rgba(242,163,180,.9); animation:kitle-ak 3s var(--egri) infinite; animation-delay:var(--g); opacity:0; }
.mock-merkez { position:absolute; left:50%; top:50%; width:34px; height:34px; translate:-50% -50%; border-radius:50%; display:grid; place-items:center; background:linear-gradient(180deg, var(--accent), var(--ceiling)); box-shadow:0 0 0 7px rgba(242,163,180,.22), 0 0 24px rgba(242,163,180,.7); animation:hedef-at 2.4s var(--egri) infinite; }
.mock-merkez b { width:10px; height:10px; border-radius:50%; background:var(--chip-light); }
.mock-sag { display:flex; flex-wrap:wrap; gap:7px; align-items:center; align-content:center; }
.mock-cip { display:inline-flex; align-items:center; gap:7px; padding:7px 12px 7px 9px; border-radius:999px; font:500 12.5px/1 var(--f-govde); color:var(--chip-light); background:rgba(247,239,241,.14); box-shadow:inset 0 0 0 1px rgba(242,163,180,.4); opacity:0; animation:cip-dongu 7s var(--egri) infinite; animation-delay:calc(var(--s) * .45s); }
.mock-cip svg { width:13px; height:13px; color:var(--glow); }
.mock-gonderi { margin-top:2px; width:100%; max-width:240px; display:grid; grid-template-columns:30px 1fr; grid-template-rows:auto auto; gap:8px 10px; padding:10px; border-radius:14px; background:var(--chip-light); box-shadow:0 14px 28px -14px rgba(36,5,9,.7); opacity:0; animation:cip-dongu 7s var(--egri) infinite; animation-delay:calc(var(--s) * .45s); }
.mock-avatar { width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg, var(--glow), var(--accent)); }
.mock-satirlar { display:flex; flex-direction:column; gap:5px; justify-content:center; }
.mock-satirlar b { display:block; width:70%; height:7px; border-radius:4px; background:var(--text-secondary); }
.mock-satirlar em { font:600 10.5px/1 var(--f-govde); font-style:normal; color:var(--accent); }
.mock-kare { grid-column:1 / -1; height:34px; border-radius:9px; background:linear-gradient(135deg, var(--text-primary), rgba(242,163,180,.6)); }

.mock-google { padding:24px 24px 0; display:flex; flex-direction:column; gap:14px; }
.mock-arama { flex:none; display:flex; align-items:center; gap:12px; height:48px; padding:0 18px; border-radius:999px; background:var(--chip-light); box-shadow:0 12px 26px -14px rgba(36,5,9,.65); font:500 15px/1 var(--f-govde); color:var(--deep); }
.mock-g { width:20px; height:20px; flex:none; }
.mock-imlec { width:1.5px; height:20px; margin-left:-10px; background:var(--accent); animation:imlec 1s steps(1) infinite; }
.mock-sonuclar { display:flex; flex-direction:column; gap:9px; }
.mock-sonuc { padding:11px 14px; border-radius:14px; background:rgba(247,239,241,.1); box-shadow:inset 0 0 0 1px rgba(242,163,180,.2); opacity:0; transform:translateY(10px); transition:opacity .6s var(--egri), transform .6s var(--egri); }
.mock-sonuc b, .mock-sonuc span { display:block; height:7px; border-radius:4px; background:rgba(247,239,241,.35); }
.mock-sonuc b { width:55%; height:9px; margin-bottom:7px; }
.mock-sonuc span { width:88%; } .mock-sonuc span.kisa { width:60%; margin-top:5px; }
.mock-sonuc:nth-child(3) { display:none; }
.mock-sonuc em { display:inline-block; margin-bottom:7px; font:600 10.5px/1 var(--f-govde); font-style:normal; color:var(--deep); background:var(--glow); padding:4px 8px; border-radius:999px; }
.reklam-sonuc { background:var(--chip-light); box-shadow:0 14px 26px -14px rgba(36,5,9,.6), 0 0 0 2px rgba(242,163,180,.6); }
.reklam-sonuc b { background:var(--accent); } .reklam-sonuc span { background:var(--text-secondary); }
.mock-google.goster .mock-sonuc { opacity:1; transform:none; }
.mock-google.goster .mock-sonuc:nth-child(2) { transition-delay:.15s; } .mock-google.goster .mock-sonuc:nth-child(3) { transition-delay:.3s; }

/* Kurulum sihirbazı */
.kurulum { margin-top:26px; padding:18px 20px 20px; border-radius:20px; background:rgba(247,239,241,.07); box-shadow:inset 0 0 0 1px rgba(242,163,180,.22); }
.kurulum-bas { display:flex; justify-content:space-between; align-items:center; }
.kurulum .kart-kunye { margin:0; }
.kurulum-sayi { font:500 13px/1 var(--f-govde); color:var(--glow); }
.kurulum-sayi b { font:600 18px/1 var(--f-baslik); color:var(--chip-light); }
.kurulum-cubuk { margin-top:12px; height:4px; border-radius:4px; background:rgba(247,239,241,.15); overflow:hidden; }
.kurulum-cubuk i { display:block; height:100%; width:100%; border-radius:4px; background:linear-gradient(90deg, var(--glow), var(--chip-light)); transform-origin:left; transform:scaleX(var(--oran, 0)); transition:transform .5s var(--egri); box-shadow:0 0 12px rgba(242,163,180,.8); }
.kurulum-liste { margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; }
.kurulum-liste li { display:flex; align-items:center; gap:10px; font:500 14px/1.3 var(--f-govde); color:var(--text-primary); opacity:.55; transition:opacity .5s var(--egri); }
.kur-tik { width:24px; height:24px; flex:none; border-radius:50%; display:grid; place-items:center; box-shadow:inset 0 0 0 1.5px rgba(242,163,180,.5); transition:background-color .45s var(--egri), box-shadow .45s var(--egri), transform .45s var(--egri-yay); }
.kur-tik svg { width:14px; height:14px; color:var(--acik-2); opacity:0; transform:scale(.4); transition:opacity .35s var(--egri), transform .45s var(--egri-yay); }
.kurulum-liste li.tamam { opacity:1; }
.kurulum-liste li.tamam .kur-tik { background:var(--chip-light); box-shadow:0 0 14px rgba(242,163,180,.7); transform:scale(1.06); }
.kurulum-liste li.tamam .kur-tik svg { opacity:1; transform:none; }

@keyframes halka-nefes { 0%,100% { opacity:.6; } 50% { opacity:1; } }
@keyframes kitle-ak { 0% { opacity:0; transform:rotate(var(--a)) translateX(92px); } 15% { opacity:1; } 80% { opacity:1; } 100% { opacity:0; transform:rotate(var(--a)) translateX(14px); } }
@keyframes cip-dongu { 0% { opacity:0; transform:translateX(-10px); } 8%, 90% { opacity:1; transform:none; } 97%, 100% { opacity:0; transform:translateX(6px); } }
@keyframes imlec { 50% { opacity:0; } }
@media (max-width:640px) {
  .mock { margin:16px 16px 0; height:auto; min-height:220px; }
  .mock-meta { grid-template-columns:1fr; justify-items:center; padding:18px; gap:14px; }
  .mock-sag { justify-content:center; }
  .mock-google { padding:18px 16px; }
  .kurulum-liste { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .mock-cip, .mock-gonderi, .mock-sonuc { opacity:1 !important; transform:none !important; }
  .mock-hedef > i { display:none; }
}


/* Reklam bölümü: zemin mat beyaz, kartlar bordo, kartlardan pembe dış parlama (Ege, 5 Kasım) */
.reklam { background:var(--chip-light); }
.reklam-kart { box-shadow:0 0 0 1px rgba(242,163,180,.5), 0 0 46px -6px rgba(242,163,180,.85), inset 0 1px 0 rgba(242,163,180,.35); }
.reklam-kart:hover { box-shadow:0 0 0 1px var(--glow), 0 0 70px -2px rgba(242,163,180,1), inset 0 1px 0 rgba(242,163,180,.5); }

/* Bilgi al: mıknatıs, dönen kenar ışığı, dalga harfler, taşan dolgu */
.bilgi-al { --tx:0px; --ty:0px; --ds:9; position:relative; display:inline-flex; justify-content:center; border:0; cursor:pointer; white-space:nowrap; align-items:center; gap:16px; min-height:58px; padding:6px 6px 6px 28px; border-radius:999px; text-decoration:none; isolation:isolate; overflow:hidden;
  font:600 16px/1 var(--f-baslik); letter-spacing:.02em; color:var(--text-primary);
  background:linear-gradient(180deg, var(--accent), var(--ceiling));
  box-shadow:0 14px 30px -14px rgba(163,47,72,.8);
  transform:translate(var(--tx), var(--ty)) scale(var(--sc, 1)); transition:transform .5s var(--egri-yay), box-shadow .5s var(--egri), color .45s var(--egri); }
.bilgi-al::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; z-index:3; pointer-events:none;
  background:conic-gradient(from var(--aci), transparent 0 55%, var(--chip-light) 70%, var(--glow) 78%, transparent 90%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:kenar 2.8s linear infinite; }
.bilgi-dolgu { position:absolute; z-index:-1; right:6px; top:50%; width:46px; height:46px; margin-top:-23px; border-radius:50%; background:var(--chip-light); transform:scale(0); transition:transform .7s var(--egri); }
.bilgi-yazi { position:relative; display:inline-flex; }
.bilgi-yazi .h { display:inline-block; white-space:pre; transition:transform .5s var(--egri-yay), color .4s var(--egri); transition-delay:calc(var(--i) * 35ms); }
.bilgi-ikon { position:relative; width:46px; height:46px; flex:none; border-radius:50%; display:grid; place-items:center; background:var(--chip-light); color:var(--accent); box-shadow:inset 0 -2px 5px rgba(201,174,181,.7); transition:transform .6s var(--egri-yay), background-color .4s var(--egri), color .4s var(--egri); }
.bilgi-ikon svg { width:20px; height:20px; transition:transform .6s var(--egri-yay); }
.bilgi-al:hover { --sc:1.06; color:var(--acik-2); box-shadow:0 0 0 1px var(--glow), 0 0 36px -4px rgba(242,163,180,.95); }
.bilgi-al.basildi { --sc:1.18; box-shadow:0 0 0 2px var(--chip-light), 0 0 60px 4px rgba(242,163,180,1); transition-duration:.35s; }
.bilgi-al:hover .bilgi-dolgu { transform:scale(var(--ds)); }
.bilgi-al:hover .bilgi-yazi .h { transform:translateY(-3px) rotate(-4deg); animation:dalga-harf .9s var(--egri) both; animation-delay:calc(var(--i) * 45ms); }
.bilgi-al:hover .bilgi-ikon { background:linear-gradient(180deg, var(--accent), var(--ceiling)); color:var(--chip-light); transform:rotate(-45deg) scale(1.05); }
.bilgi-al:hover .bilgi-ikon svg { animation:ok-firla .9s var(--egri) .1s both; }
.bilgi-al:active { --sc:1.12; }
.kart-govde .bilgi-al { margin-top:24px; }
.bilgi-al.kucuk { min-height:46px; padding:4px 4px 4px 20px; gap:10px; font-size:14.5px; }
.bilgi-al.kucuk .bilgi-ikon, .bilgi-al.kucuk .bilgi-dolgu { width:38px; height:38px; }
.bilgi-al.kucuk .bilgi-dolgu { right:4px; margin-top:-19px; }
.bilgi-al.kucuk .bilgi-ikon svg { width:17px; height:17px; }
.bilgi-al.logolu .bilgi-ikon svg { width:22px; height:22px; }
.bilgi-al.logolu:hover .bilgi-ikon { background:var(--chip-light); transform:scale(1.1); box-shadow:0 0 0 2px var(--glow), 0 6px 14px -6px rgba(110,27,45,.5); }
.bilgi-al.logolu:hover .bilgi-ikon svg { animation:none; }
.form-gonder.bilgi-al { width:100%; justify-content:space-between; }
.bilgi-al[disabled] { opacity:.7; cursor:progress; }
.acilis-eylem .bilgi-al { max-width:100%; }
/* Sayfa içi geçiş: düğmeden açılan daire */
.gecis { --cx:50%; --cy:50%; position:fixed; inset:0; z-index:300; pointer-events:none; display:grid; place-items:center;
  background:radial-gradient(circle at var(--cx) var(--cy), var(--accent) 0%, var(--ceiling) 30%, var(--acik-2) 70%, var(--mid) 100%);
  clip-path:circle(0px at var(--cx) var(--cy)); transition:clip-path .75s cubic-bezier(.76,0,.24,1), opacity .6s var(--egri); }
.gecis.ac { clip-path:circle(150vmax at var(--cx) var(--cy)); pointer-events:auto; }
.gecis.kapan { opacity:0; }
.gecis svg { width:64px; height:64px; fill:var(--chip-light); filter:drop-shadow(0 0 22px rgba(242,163,180,1)); transform:scale(0) rotate(-90deg); transition:transform .8s var(--egri-yay) .15s; }
.gecis.ac svg { transform:scale(1) rotate(90deg); }
.gecis.kapan svg { transform:scale(1.6) rotate(180deg); transition-delay:0s; }
@keyframes dalga-harf { 0% { transform:none; } 35% { transform:translateY(-9px) rotate(-6deg); } 70% { transform:translateY(2px); } 100% { transform:translateY(0); } }
@keyframes ok-firla { 0% { transform:none; } 45% { transform:translateX(26px); opacity:0; } 46% { transform:translateX(-26px); opacity:0; } 100% { transform:none; opacity:1; } }
@media (prefers-reduced-motion:reduce) { .bilgi-al { transform:none; } .bilgi-al::before { display:none; } }


/* Üst menü hareketleri: süzülerek giriş, kayan kapsül, okuma çizgisi */
.ust .logo, .menu a, .ust .bilgi-al { animation:nav-gel .9s var(--egri) backwards; }
.ust .logo { animation-delay:.1s; }
.menu a:nth-of-type(1) { animation-delay:.22s; } .menu a:nth-of-type(2) { animation-delay:.3s; } .menu a:nth-of-type(3) { animation-delay:.38s; } .menu a:nth-of-type(4) { animation-delay:.46s; } .menu a:nth-of-type(5) { animation-delay:.54s; }
.ust .bilgi-al { animation-delay:.64s; }
.menu { position:relative; gap:6px; }
.menu a { position:relative; z-index:1; padding:10px 16px; border-radius:999px; }
.menu a::after { display:none; }
.menu a.aktif { color:var(--chip-light); }
.ust.dolu .menu a.aktif { color:var(--acik-2); }
.menu-hap { position:absolute; z-index:0; top:50%; left:var(--hx, 0px); width:var(--hw, 0px); height:38px; margin-top:-19px; border-radius:999px; pointer-events:none; opacity:0;
  background:linear-gradient(180deg, rgba(242,163,180,.28), rgba(242,163,180,.12)); box-shadow:inset 0 0 0 1px rgba(242,163,180,.55), 0 0 18px -2px rgba(242,163,180,.55);
  transition:left .6s var(--egri-yay), width .6s var(--egri-yay), opacity .4s var(--egri); }
.menu-hap.gorunur { opacity:1; }
.ust.dolu .menu-hap { background:linear-gradient(180deg, rgba(242,163,180,.4), rgba(242,163,180,.18)); box-shadow:inset 0 0 0 1px rgba(202,79,105,.45), 0 0 18px -4px rgba(202,79,105,.45); }
.ust-ilerleme { position:absolute; left:0; right:0; bottom:-1px; height:2px; z-index:2; transform-origin:left; transform:scaleX(var(--okunan, 0)); background:linear-gradient(90deg, var(--glow), var(--accent), var(--highlight)); box-shadow:0 0 10px rgba(242,163,180,.9); opacity:0; transition:opacity .5s var(--egri); }
.ust.dolu .ust-ilerleme { opacity:1; }

@keyframes nav-gel { from { opacity:0; transform:translateY(-16px); } to { opacity:1; transform:none; } }
@keyframes yildiz-don { from { transform:rotate(-180deg) scale(0); } to { transform:none; } }
@media (prefers-reduced-motion:reduce) { .ust .logo, .menu a, .ust .bilgi-al { animation:none; } .menu-hap { transition:none; } }


/* Beyaz alanlar düz Chip Light #F7EFF1: pembe haleler ve Text Primary dolgular yok (Ege, 6 Kasım) */
.reklam, .hedef, .hizmetler, .sss { background:var(--chip-light); }
.reklam-kart { box-shadow:0 0 0 1px rgba(242,163,180,.5), 0 0 30px -10px rgba(242,163,180,.75), inset 0 1px 0 rgba(242,163,180,.35); }
.reklam-kart:hover { box-shadow:0 0 0 1px var(--glow), 0 0 44px -8px rgba(242,163,180,.95), inset 0 1px 0 rgba(242,163,180,.5); }
.radar { background:var(--chip-light); box-shadow:0 0 0 1px rgba(201,174,181,.7), 0 30px 60px -44px rgba(110,27,45,.35); }
.grup, .soru-dugme, .sohbet, .secim span, .alan input, .alan textarea { background:var(--chip-light); }
.grup { box-shadow:inset 0 0 0 1px rgba(201,174,181,.75); }
.mesajlar { background:var(--chip-light); }
.mesaj.gelen { background:var(--chip-light); box-shadow:inset 0 0 0 1px rgba(201,174,181,.7); }
.form-isik { display:none; }
.mock-meta .mock-gonderi, .mock-sonuc { background:var(--chip-light); }


/* Logo (marka/logo): menüde yatay yazı logosu, alt bilgide rozet */
.ust .logo { position:relative; width:150px; height:45px; }
.ust .logo img { position:absolute; inset:0; width:100%; height:100%; transition:opacity .6s var(--egri), transform .8s var(--egri-yay); }
.ust .logo-koyu { opacity:0; }
.ust.dolu .logo-acik { opacity:0; } .ust.dolu .logo-koyu { opacity:1; }
.ust .logo:hover img { transform:translateY(-2px); }
.logo-rozet img { width:110px; height:110px; filter:drop-shadow(0 0 18px rgba(242,163,180,.35)); transition:transform 1s var(--egri-yay), filter .6s var(--egri); }
.logo-rozet:hover img { transform:rotate(-6deg) scale(1.04); filter:drop-shadow(0 0 26px rgba(242,163,180,.7)); }
@media (max-width:640px) { .ust .logo { width:128px; height:38px; } }

/* Mobil */
@media (max-width:1080px) {
  .gorusme-ic { grid-template-columns:1fr; }
}
@media (max-width:960px) {
  .menu { display:none; }
  .ust .bilgi-al.kucuk { margin-left:auto; }
  .acilis-ic { grid-template-columns:1fr; gap:24px; padding-top:120px; }
  .sahne { justify-self:center; max-width:420px; width:88%; }
  .cam-buyuk { --s:112px; } .sahne .cam:not(.cam-buyuk):not(.cam-kucuk) { --s:66px; } .cam-kucuk { --s:50px; }
  .iki-sutun, .bolum-bas { grid-template-columns:1fr; gap:26px; }
  .reklam-kartlar { grid-template-columns:1fr; }
  .yontem-bas { position:static; }
  .hedef-ic, .sss-ic { grid-template-columns:1fr; }
  .radar { max-width:420px; }
  .sekme-kap { grid-template-columns:1fr; }
  .sekme-sahne { display:none; }
  .sekme-mobil-gorsel { display:block; margin-top:18px; border-radius:18px; overflow:hidden; aspect-ratio:16/10; }
  .sekme-mobil-gorsel img { width:100%; height:100%; object-fit:cover; }
  .sekme-govde > div { padding-left:24px; }
  .mesajlar { height:380px; }
  .alt-ic { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  body { font-size:16.5px; }
  .ust-ic { height:70px; }
  .ust .bilgi-al.kucuk { display:none; }
  .acilis-eylem .bilgi-al, .kanallar .bilgi-al { width:100%; justify-content:space-between; white-space:normal; text-align:left; }
  .kart-govde { padding:0 24px 28px; }
  .alanlar { grid-template-columns:1fr; }
  .mobil-eylem { display:flex; position:fixed; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); z-index:60; min-height:54px; align-items:center; justify-content:center; border-radius:999px; color:var(--chip-light); font:600 15.5px/1 var(--f-govde); text-decoration:none; background:linear-gradient(180deg, var(--accent), var(--ceiling)); box-shadow:0 0 0 1px rgba(242,163,180,.5), 0 0 30px -6px rgba(242,163,180,.8); transform:translateY(140%); transition:transform .7s var(--egri); }
  .mobil-eylem.gorunur { transform:none; }
  .alt { padding-bottom:110px; }
}

/* Azaltılmış hareket */
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation:none !important; transition:none !important; }
  .gorun, .reklam-kart.gorun, .hizmet.gorun { opacity:1; transform:none; }
  .dev-baslik[data-kelime] .kel > span { transform:none; }
  .halka circle { stroke-dashoffset:0; }
  .halka-yildiz, .cam-kap { opacity:1; }
  .yan-cizgi .ciz { stroke-dashoffset:0; }
  .sahne-gorsel img { transform:none; }
  .radar-tarama { display:none; }
  .adimlar::after { transform:scaleY(1); }
  .mobil-eylem { transform:none; }
}