/* =====================================================================================================
   hero.css — vitrin, süslü yazılar, kartlar, logo, düğmeler, süsler. Hem siteye hem AMP sayfalarına gömülür
   (AMP'de !important ve position:fixed yasak; kurallar buna göre yazıldı).

   KATMANLI DOSYA: CSS'te sonraki kural öncekini geçersiz kılar. Bu dosya zamanla katman katman büyüdü; bir şeyi
   değiştirmek için ctrl+F ile aşağıdaki başlıklardan birini arayın ve HER ZAMAN en alttaki (son) bloğu düzenleyin
   ya da dosyanın SONUNA yeni blok ekleyin. Eski bloğu silerseniz altındaki katmanların varsaydığı temel gider.
   (Temel renkler: /theme.css ve :root değişkenleri --ink --ac --frame --glow, panelden ayarlanır.)

   İÇİNDEKİLER (arama anahtarları)
     vitrin (hero) ........ ".hero", "parlayan arka plan", "kayan bant", "belirme", "hareketler"
     çiçek süsleri ........ "çiçek süsleri (vitrin arka planı)"   |  diğer süsler: "Arka plan süsü stilleri"
     alt bilgi ............ "alt bilgi, düğme bağlantısı", "alt bilgide makaleler", "Alt bilgi (yalnızca makaleler modu)"
     model adları ......... "model adları el yazısıyla", "neon pembe model adları" ... "daha parlak model adları" (son = geçerli)
     logo ................. "parlak site adı (logo)", "Logo kedi simgesi", "logo: daha güzel", "Üst logo ...", "Logo ortada"
     premium kartlar ...... "premium kartlar: 3 fotoğraf", "Çerçeveler: degrade neon çerçeve"
     kare ilanlar ......... "telefonda kare ilanlar", "Kare kartlar arasında çok az boşluk"
     "Siz de burada olun" . "Kare ilanların son satırındaki boş yeri", "Premium bölümü: geniş", "kutuları: öbür ilanlar gibi"
     iletişim düğmeleri ... "İlan iletişim düğmeleri" ... "sade, yan yana; numara gösterilmez" (son = geçerli)
     kedi çizimleri ....... "Arkada büyük saydam kedi", "Kedi daha belirgin", "Oturan kedi ve hilal"
     mobil boşluklar ...... "Mobil: gereksiz boşluklar azaltıldı"
   ===================================================================================================== */
/* ===== vitrin (hero) + süslü yazı + efektler ===== */
/* Bu dosya hem siteye hem AMP sayfalarına gömülür: !important ve JavaScript'e bağımlılık yok. */
.hero{position:relative;isolation:isolate;text-align:center;padding:64px 0 38px;overflow:hidden}
.hero .wrap{position:relative}
.h1{font:800 clamp(38px,7.4vw,86px)/1.04 Sora,sans-serif;letter-spacing:-.045em;color:var(--ink);margin:16px auto 0;max-width:17ch;overflow-wrap:anywhere}
.h1 .script{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-.02em;padding:0 .08em;background:linear-gradient(100deg,var(--frame),var(--glow) 40%,var(--ac) 70%,var(--frame));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--glow) 35%,transparent))}
.sub{max-width:54ch;margin:18px auto 0;color:var(--mut);font-size:clamp(15px,1.6vw,18px);line-height:1.65}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.cta a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:99px;font:700 15px Sora,sans-serif;text-decoration:none;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.cta .b1{color:#fff;background:linear-gradient(100deg,var(--frame),var(--glow));box-shadow:0 10px 28px color-mix(in srgb,var(--glow) 40%,transparent)}
.cta .b1:hover{transform:translateY(-2px);box-shadow:0 14px 38px color-mix(in srgb,var(--glow) 62%,transparent)}
.cta .b1::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff8c,transparent);transform:skewX(-20deg)}
.cta .b2{color:var(--ink);background:#fff;border:2px solid var(--frame)}
.cta .b2:hover{transform:translateY(-2px);border-color:var(--glow)}
.pill-w{display:inline-flex;align-items:center;gap:10px;padding:7px 18px;border:2px solid var(--frame);border-radius:99px;background:color-mix(in srgb,#fff 85%,transparent);font:700 12.5px Sora,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--frame);box-shadow:0 6px 18px color-mix(in srgb,var(--glow) 22%,transparent)}
.pill-w b{color:var(--glow);font-weight:400}
.pill-w em{font-style:normal;display:inline-block;min-width:8ch;transition:opacity .35s,transform .35s}
.pill-w em.out{opacity:0;transform:translateY(8px)}
.stats{display:flex;justify-content:center;gap:clamp(20px,5vw,60px);flex-wrap:wrap;margin-top:36px}
.stats div{min-width:84px}
.stats b{display:block;font:800 clamp(30px,4.4vw,46px)/1 Sora,sans-serif;letter-spacing:-.04em;background:linear-gradient(100deg,var(--frame),var(--glow));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.stats span{display:block;margin-top:5px;color:var(--mut);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
/* parlayan arka plan şekilleri */
.fxbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.4}
.o1{width:360px;height:360px;left:-90px;top:-110px;background:var(--glow)}
.o2{width:320px;height:320px;right:-80px;top:20px;background:var(--ac)}
.o3{width:280px;height:280px;left:42%;bottom:-150px;background:var(--frame);opacity:.26}
.sp{position:absolute;color:var(--glow);line-height:1;opacity:.55;text-shadow:0 0 14px var(--glow)}
.s1{left:9%;top:26%;font-size:22px}.s2{right:11%;top:18%;font-size:30px}.s3{left:20%;bottom:16%;font-size:18px}.s4{right:22%;bottom:22%;font-size:24px}
body:not(.fx) .orb,body:not(.fx) .sp{display:none}
/* kayan bant */
.marq{overflow:hidden;background:linear-gradient(90deg,var(--frame),var(--glow),var(--frame));color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--glow) 28%,transparent)}
.mt{display:flex;align-items:center;gap:26px;width:max-content;padding:11px 0;font:700 13.5px Sora,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.mt b{font-weight:400;opacity:.85}
/* bölüm başlıkları ve premium şeridi */
.sec h2::after{content:"";display:block;width:54px;height:4px;margin-top:7px;border-radius:99px;background:linear-gradient(90deg,var(--frame),var(--glow))}
.wd{position:relative}
.rib{position:absolute;top:-2px;left:20px;transform:translateY(-55%);z-index:2;background:linear-gradient(100deg,var(--frame),var(--glow));color:#fff;font:700 10.5px Sora,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;border-radius:99px;box-shadow:0 4px 12px color-mix(in srgb,var(--glow) 40%,transparent);white-space:nowrap}
::selection{background:var(--glow);color:#fff}
/* belirme (JavaScript açıksa) */
.js .fx .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .fx .rv.on{opacity:1;transform:none}

/* hareketler: yalnızca "hareketi azalt" kapalıysa ve efektler açıksa */
@keyframes gshift{from{background-position:0 50%}to{background-position:200% 50%}}
@keyframes shine{0%,55%{left:-60%}100%{left:140%}}
@keyframes orbf{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(40px,30px,0) scale(1.15)}}
@keyframes twinkle{0%,100%{opacity:.1;transform:scale(.6) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(25deg)}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}}
@media(prefers-reduced-motion:no-preference){
  .fx .h1 .script{animation:gshift 7s linear infinite}
  .fx .cta .b1::after{animation:shine 3.6s ease-in-out infinite}
  .fx .orb{animation:orbf 16s ease-in-out infinite alternate}
  .fx .o2{animation-duration:20s}.fx .o3{animation-duration:24s}
  .fx .sp{animation:twinkle 3.4s ease-in-out infinite}
  .fx .s2{animation-delay:1.1s}.fx .s3{animation-delay:2s}.fx .s4{animation-delay:.6s}
  .fx .mt{animation:marq 30s linear infinite}
  .fx .marq:hover .mt{animation-play-state:paused}
  .fx .pill-w{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
  .fx .h1{animation:rise .9s .08s cubic-bezier(.2,.7,.2,1) both}
  .fx .sub{animation:rise .9s .18s cubic-bezier(.2,.7,.2,1) both}
  .fx .cta{animation:rise .9s .28s cubic-bezier(.2,.7,.2,1) both}
  .fx .stats{animation:rise .9s .38s cubic-bezier(.2,.7,.2,1) both}
}
@media(max-width:760px){
  .hero{padding:36px 0 24px}
  .orb{filter:blur(48px)}.o1{width:240px;height:240px}.o2{width:220px;height:220px}.o3{width:200px;height:200px}
  .h1{max-width:none}
  .cta a{min-height:46px;padding:0 22px;font-size:14px}
  .stats{display:grid;grid-template-columns:repeat(2,1fr);max-width:300px;margin:26px auto 0;gap:18px 24px}
  .mt{font-size:12px;padding:9px 0;gap:20px}
  .pill-w{font-size:11.5px;padding:6px 14px}
}

/* premium şeritleri başlığa yapışmasın */
.wg{padding-top:12px}

/* ===== çiçek süsleri (vitrin arka planı) ===== */
.fl{position:absolute;opacity:.38}
.fl .p1{fill:var(--ac-soft)}
.fl .p2{fill:var(--glow);opacity:.8}
.fl .c1{fill:var(--frame)}
.fl .c2{fill:#fff}
.fl .rt{transform-origin:0 0}
.f1{left:-80px;top:-90px;width:310px;height:310px;transform:rotate(14deg)}
.f2{right:-70px;top:-70px;width:260px;height:260px;opacity:.42}
.f3{left:5%;bottom:-80px;width:180px;height:180px;opacity:.3}
.f4{right:7%;bottom:-70px;width:200px;height:200px;opacity:.32}
.f5{left:17%;top:11%;width:72px;height:72px;opacity:.5}
.f6{right:19%;top:33%;width:86px;height:86px;opacity:.46}
.f7{left:31%;bottom:5%;width:58px;height:58px;opacity:.46}
.f8{left:3%;top:47%;width:92px;height:92px;opacity:.42}
.pf{display:none;position:absolute;top:-24px;width:12px;height:16px;border-radius:80% 0 80% 0;background:linear-gradient(135deg,var(--ac-soft),var(--glow));opacity:0}
.q1{left:7%}.q2{left:15%}.q3{left:24%}.q4{left:33%}.q5{left:44%}.q6{left:54%}.q7{left:64%}.q8{left:73%}.q9{left:83%}.q10{left:92%}
@keyframes spinslow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fall{0%{transform:translate3d(0,-30px,0) rotate(0deg);opacity:0}12%{opacity:.85}50%{transform:translate3d(34px,210px,0) rotate(190deg)}88%{opacity:.6}100%{transform:translate3d(-24px,430px,0) rotate(360deg);opacity:0}}
@media(prefers-reduced-motion:no-preference){
  .fx .fl .rt{animation:spinslow 90s linear infinite}
  .fx .f2 .rt,.fx .f4 .rt,.fx .f6 .rt{animation-direction:reverse;animation-duration:110s}
  .fx .pf{display:block;animation:fall 13s linear infinite}
  .fx .q2{animation-delay:2s;animation-duration:15s}.fx .q3{animation-delay:5s}.fx .q4{animation-delay:1s;animation-duration:17s}
  .fx .q5{animation-delay:7s}.fx .q6{animation-delay:3.5s;animation-duration:14s}.fx .q7{animation-delay:9s}
  .fx .q8{animation-delay:4s;animation-duration:16s}.fx .q9{animation-delay:6s}.fx .q10{animation-delay:10.5s;animation-duration:15s}
}
@media(max-width:760px){
  .f1{width:210px;height:210px;left:-70px;top:-60px}.f2{width:180px;height:180px;right:-60px;top:-40px}
  .f3{width:120px;height:120px}.f4{width:130px;height:130px}
  .f5{width:48px;height:48px}.f6{width:56px;height:56px;right:10%}.f7,.f8{display:none}
  .pf{width:9px;height:12px}
}

/* ===== alt bilgi, düğme bağlantısı ===== */
.sf{margin-top:50px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ac) 10%,#fff));border-top:3px solid var(--frame);padding:34px 20px 22px;text-align:left;color:var(--ink)}
.sfw{max-width:1320px;margin:auto;display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.sfb{max-width:420px}.sfb .logo{font:800 22px Sora,sans-serif;letter-spacing:-.04em;text-decoration:none}.sfb .logo i{font-style:normal;color:var(--ac)}.sfb p{color:var(--mut);margin-top:6px}
.sfc{list-style:none;padding:0;margin:0;display:grid;gap:8px}.sfc a{color:var(--ink);text-decoration:none;font-weight:600}.sfc a:hover{color:var(--glow)}.sfc li{color:var(--mut)}
.sfn{max-width:1320px;margin:22px auto 0;padding-top:16px;border-top:1px solid var(--line);color:var(--mut);font-size:13px}
.ampn{text-align:center;color:var(--mut);padding:12px 0 26px;font-size:12.5px}.ampn a{color:var(--ink);font-weight:600}
a.btn{display:inline-block;text-align:center;text-decoration:none;background:var(--ink);color:#fff;border-radius:99px;padding:13px 28px;font:600 14px Inter,sans-serif}
a.btn:hover{background:var(--ac);color:var(--onac)}
@media(max-width:760px){.sf{padding:28px 14px 18px}.sfw{gap:20px}a.btn{display:block}}

/* ===== model adları el yazısıyla ===== */
.wf b,.sq b,.inf h2,.mp h1{font-family:'Dancing Script','Segoe Script','Brush Script MT',cursive;font-weight:700;letter-spacing:0}
.wf b{font-size:25px;line-height:1.05}
.sq b{font-size:22px;line-height:1.05;text-shadow:0 1px 10px #0006}
.inf h2{font-size:46px;line-height:1.02}
.mp h1{font-size:50px;line-height:1.02}
@media(min-width:1101px){.wf b{font-size:25px}.sq b{font-size:23px}}
@media(max-width:760px){.wf b{font-size:24px}.sq b{font-size:22px}.inf h2{font-size:38px}.mp h1{font-size:42px}}
@media(max-width:380px){.sq b{font-size:18px}}

/* ===== parlak site adı (logo) ===== */
.hw .logo,.sfb .logo{position:relative;display:inline-flex;align-items:center;overflow:hidden;padding:5px 22px 8px;border-radius:99px;border:2.5px solid var(--frame);background:linear-gradient(100deg,var(--frame),var(--glow) 55%,var(--frame));color:#fff;font-family:var(--logo-font,'Pacifico',cursive);font-weight:var(--logo-w,400);font-size:calc(25px*var(--logo-k,1));line-height:1.2;letter-spacing:.01em;text-decoration:none;text-shadow:0 1px 3px color-mix(in srgb,var(--ink) 45%,transparent),0 0 10px #ffffffa6,0 0 22px var(--glow);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--frame-soft),0 0 0 3px color-mix(in srgb,var(--glow) 28%,transparent),0 0 20px 3px color-mix(in srgb,var(--glow) 50%,transparent)}
.hw .logo i,.sfb .logo i{color:#fff;font-style:normal;text-shadow:0 0 12px #fff,0 0 24px var(--glow)}
.hw .logo::after,.sfb .logo::after{content:"";position:absolute;top:0;left:-60%;width:36%;height:100%;background:linear-gradient(100deg,transparent,#ffffff8c,transparent);transform:skewX(-20deg)}
.hw .logo:hover,.sfb .logo:hover{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--frame-soft),0 0 0 3px color-mix(in srgb,var(--glow) 40%,transparent),0 0 30px 6px color-mix(in srgb,var(--glow) 70%,transparent)}
.hw{padding-top:8px;padding-bottom:8px}
@media(prefers-reduced-motion:no-preference){
  .fx .hw .logo::after,.fx .sfb .logo::after{animation:shine 4.2s ease-in-out infinite}
}
@media(max-width:760px){
  .hw .logo,.sfb .logo{font-size:calc(20px*var(--logo-k,1));padding:5px 17px 6px;border-width:2px}
}
@media(max-width:380px){.hw .logo{font-size:calc(18px*var(--logo-k,1));padding:4px 14px 5px}}

/* ===== neon pembe model adları ===== */
.wf b,.inf h2,.mp h1{color:var(--glow);text-shadow:0 0 3px color-mix(in srgb,var(--glow) 75%,transparent),0 0 9px color-mix(in srgb,var(--glow) 80%,transparent),0 0 20px color-mix(in srgb,var(--glow) 65%,transparent),0 0 38px color-mix(in srgb,var(--glow) 50%,transparent)}
.sq b{color:color-mix(in srgb,var(--glow) 40%,#fff);text-shadow:0 0 4px var(--glow),0 0 10px var(--glow),0 0 22px var(--glow),0 0 42px color-mix(in srgb,var(--glow) 75%,transparent)}
.wd:hover .wf b,.sq:hover b{text-shadow:0 0 4px var(--glow),0 0 12px var(--glow),0 0 26px var(--glow),0 0 50px var(--glow)}

/* ===== açık pembe, daha parlak model adları (öncekini geçersiz kılar) ===== */
.wf b,.inf h2,.mp h1{color:color-mix(in srgb,var(--glow) 50%,#fff);-webkit-text-stroke:.35px color-mix(in srgb,var(--glow) 80%,transparent);text-shadow:0 0 2px var(--glow),0 0 6px var(--glow),0 0 14px var(--glow),0 0 28px color-mix(in srgb,var(--glow) 75%,transparent),0 0 50px color-mix(in srgb,var(--glow) 55%,transparent)}
.sq b{color:color-mix(in srgb,var(--glow) 28%,#fff);-webkit-text-stroke:.3px color-mix(in srgb,var(--glow) 70%,transparent);text-shadow:0 0 3px var(--glow),0 0 8px var(--glow),0 0 18px var(--glow),0 0 34px var(--glow),0 0 56px color-mix(in srgb,var(--glow) 70%,transparent)}
.wd:hover .wf b,.sq:hover b{text-shadow:0 0 3px #fff,0 0 8px var(--glow),0 0 18px var(--glow),0 0 36px var(--glow),0 0 64px var(--glow)}

/* ===== okunur neon: açık pembe dolgu + koyu pembe ince dış çizgi (beyaz zeminde) ===== */
.wf b,.inf h2,.mp h1{color:color-mix(in srgb,var(--glow) 38%,#fff);-webkit-text-stroke:1.5px var(--frame);paint-order:stroke fill;text-shadow:0 0 5px color-mix(in srgb,var(--glow) 85%,transparent),0 0 13px color-mix(in srgb,var(--glow) 70%,transparent),0 0 26px color-mix(in srgb,var(--glow) 50%,transparent)}
.sq b{-webkit-text-stroke:1px color-mix(in srgb,var(--frame) 85%,transparent);paint-order:stroke fill}
.wd:hover .wf b{text-shadow:0 0 6px var(--glow),0 0 16px var(--glow),0 0 32px color-mix(in srgb,var(--glow) 75%,transparent)}

/* ===== premium kartlar: 3 fotoğraf kartı tamamen doldurur, isim fotoğrafın üstünde ===== */
.wd{padding:0}
.st{gap:2px;background:var(--frame);border-radius:15px;overflow:hidden;height:210px}
.st>div,.st .pn{border-radius:0}
.wf{position:absolute;left:0;right:0;bottom:0;margin:0;padding:34px 14px 12px;gap:10px;border-radius:0 0 15px 15px;background:linear-gradient(transparent,color-mix(in srgb,var(--ink) 55%,transparent) 38%,color-mix(in srgb,var(--ink) 90%,transparent));pointer-events:none}
.wf small{color:#ffe6f3;opacity:.95}
.wf .chip em{background:color-mix(in srgb,#fff 22%,transparent);color:#fff}
.wf .go{pointer-events:auto;background:linear-gradient(100deg,var(--frame),var(--glow));box-shadow:0 0 14px color-mix(in srgb,var(--glow) 55%,transparent)}
@media(min-width:1101px){.st{height:205px}.wf{padding:32px 12px 10px}}
@media(max-width:760px){.st{height:clamp(150px,52vw,240px)}.wf{padding:30px 12px 10px}}

/* ===== daha parlak model adları ===== */
.wf b{color:color-mix(in srgb,var(--glow) 18%,#fff);-webkit-text-stroke:0;text-shadow:0 0 3px #fff,0 0 8px var(--glow),0 0 18px var(--glow),0 0 34px var(--glow),0 0 58px color-mix(in srgb,var(--glow) 75%,transparent)}
.inf h2,.mp h1{color:color-mix(in srgb,var(--glow) 32%,#fff);text-shadow:0 0 4px color-mix(in srgb,var(--glow) 90%,transparent),0 0 12px var(--glow),0 0 26px color-mix(in srgb,var(--glow) 75%,transparent),0 0 44px color-mix(in srgb,var(--glow) 55%,transparent)}
.sq b{color:color-mix(in srgb,var(--glow) 12%,#fff);text-shadow:0 0 3px #fff,0 0 8px var(--glow),0 0 18px var(--glow),0 0 34px var(--glow),0 0 58px color-mix(in srgb,var(--glow) 75%,transparent)}
.wd:hover .wf b,.sq:hover b{text-shadow:0 0 4px #fff,0 0 10px var(--glow),0 0 22px var(--glow),0 0 42px var(--glow),0 0 70px var(--glow)}

/* ===== alt bilgide makaleler ===== */
.sfa{min-width:200px;max-width:360px}
.sfa>b{display:block;font:800 15px Sora,sans-serif;letter-spacing:-.01em;margin-bottom:8px;color:var(--ink)}
.sfa ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.sfa li a{color:var(--mut);text-decoration:none;font-size:14px;line-height:1.4}
.sfa li a:hover{color:var(--glow)}
.sfall{display:inline-block;margin-top:10px;color:var(--ink);font-weight:700;font-size:13px;text-decoration:none;border-bottom:2px solid var(--frame)}
.sfall:hover{color:var(--glow)}

/* ===== telefonda kare ilanlar: yan yana 3 ===== */
@media(max-width:759px){
  .sg{grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:40px}
  .sq{border-width:2px;border-radius:12px}
  .sq .in{padding:24px 6px 7px}
  .sq b{font-size:17px;line-height:1.02;overflow-wrap:anywhere;text-shadow:0 0 3px #fff,0 0 8px var(--glow),0 0 16px var(--glow),0 0 30px color-mix(in srgb,var(--glow) 70%,transparent)}
  .sq small{font-size:10.5px;line-height:1.2;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sq small .ct{display:inline}
  .sq .dot{top:5px;left:5px;font-size:9.5px;padding:2px 7px 2px 6px;gap:4px}
  .sq .dot::before{width:7px;height:7px}
}

/* ===== ana sayfa: şeffaf üst çubuk ===== */
.home header{background:transparent;border-bottom:1px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.home header .nv a{color:var(--ink);font-weight:600}
.home header.sc{background:color-mix(in srgb,#fff 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 10%,transparent)}
.home .hero{padding-top:96px}
@media(max-width:760px){.home .hero{padding-top:84px}}


/* ===== kataloglar ve anahtar kelimeler ===== */
.kws{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}
.kw{display:inline-flex;align-items:center;padding:3px 11px;border-radius:99px;background:color-mix(in srgb,var(--ac) 12%,#fff);color:var(--ink);font:600 12px Inter,sans-serif;text-decoration:none;border:1px solid var(--line)}
.kw.cat{background:linear-gradient(100deg,var(--frame),var(--glow));color:#fff;border-color:transparent}
a.kw:hover{filter:brightness(1.06)}
.art .kws{margin:10px 0 18px}
.cfl{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cf{border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:99px;padding:8px 16px;font:600 13px Inter,sans-serif;cursor:pointer;transition:.2s}
.cf em{font-style:normal;opacity:.6;margin-left:4px}.cf:hover{border-color:var(--frame)}
.cf.on{background:linear-gradient(100deg,var(--frame),var(--glow));border-color:transparent;color:#fff}
/* Mobil: ana sayfa üst alanı daha sıkı */
@media(max-width:760px){
  .home .hero{padding-top:68px;padding-bottom:14px}
  .h1{font-size:clamp(30px,9vw,38px);line-height:1.02;margin-top:10px}
  .sub{margin-top:10px;font-size:14px;line-height:1.5;max-width:30ch}
  .cta{margin-top:16px}
  .cta a{min-height:42px;padding:0 24px;font-size:13.5px}
  .pill-w{padding:5px 12px;font-size:11px}
}
/* Mobil: bir tık daha sıkı */
@media(max-width:760px){
  .home .hero{padding-top:60px;padding-bottom:8px}
  .h1{font-size:clamp(26px,8vw,33px);margin-top:8px}
  .sub{margin-top:8px;font-size:13px;line-height:1.45}
  .cta{margin-top:12px}
  .cta a{min-height:38px;padding:0 20px;font-size:13px}
  .pill-w{padding:4px 11px;font-size:10.5px}
}
/* Mobil: kayan bant ve bölüm başlığı daha sıkı */
@media(max-width:760px){
  .mt{padding:7px 0;font-size:11px;gap:18px;letter-spacing:.13em}
  .sec{padding:14px 0 8px;gap:0 8px}
  .sec h2{font-size:18px}
  .sec h2::after{width:42px;height:3px;margin-top:4px}
  .sec span{font-size:12px}
}

/* İlan iletişim düğmeleri (Hemen ara / WhatsApp) */
.ctas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 6px;scroll-margin-top:16px}
.ctas.one{grid-template-columns:1fr}
.cbtn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 16px;border-radius:99px;font:700 15px Sora,sans-serif;letter-spacing:.01em;white-space:nowrap;text-decoration:none;color:#fff;overflow:hidden;border:2px solid #ffffff8c;transition:transform .25s,box-shadow .25s,filter .25s}
.cbtn svg{flex:none;width:22px;height:22px;padding:6px;box-sizing:content-box;border-radius:50%;background:#fff;color:var(--frame);box-shadow:0 2px 8px #0003}
.cbtn.call{background:linear-gradient(105deg,var(--frame),var(--glow) 60%,color-mix(in srgb,var(--glow) 70%,#fff));box-shadow:0 10px 26px color-mix(in srgb,var(--glow) 45%,transparent),inset 0 1px 0 #ffffff80}
.cbtn.wa{background:linear-gradient(105deg,#15803d,#22c55e 60%,#4ade80);box-shadow:0 10px 26px #22c55e66,inset 0 1px 0 #ffffff80}
.cbtn.wa svg{color:#16a34a}
.cbtn::after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff66,transparent);transform:skewX(-20deg);transition:left .7s}
.cbtn:hover{transform:translateY(-3px);filter:brightness(1.06)}.cbtn:hover::after{left:130%}
.cbtn:active{transform:scale(.97)}
@media(prefers-reduced-motion:no-preference){.cbtn::after{animation:cshine 4.2s ease-in-out infinite}}
@keyframes cshine{0%,60%{left:-70%}100%{left:140%}}
@media(max-width:380px){.cbtn{font-size:13.5px;gap:7px;padding:0 8px;min-height:52px}.cbtn svg{width:18px;height:18px;padding:5px}}
/* iletişim düğmesi yazısı: başlık + numara */
.cbtn .cl{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.15;min-width:0}
.cbtn .cl b{font:800 16.5px Sora,sans-serif;letter-spacing:.005em;text-shadow:0 1px 2px #0003}
.cbtn .cl small{margin-top:2px;font:600 12px Inter,sans-serif;letter-spacing:.05em;opacity:.92;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cbtn{justify-content:flex-start;gap:12px;padding:0 14px 0 10px;min-height:62px}
.cbtn svg{width:24px;height:24px;padding:8px}
@media(max-width:380px){.cbtn .cl b{font-size:14.5px}.cbtn .cl small{font-size:11px;letter-spacing:.02em}.cbtn{gap:8px;padding:0 8px 0 6px}.cbtn svg{width:20px;height:20px;padding:6px}}
/* İletişim düğmeleri — son tasarım: tam genişlik kartlar, numara tam görünür */
.ctas,.ctas.one{grid-template-columns:1fr;gap:12px}
.cbtn{justify-content:flex-start;gap:14px;min-height:70px;padding:0 14px 0 12px;border-radius:24px;border:2px solid #ffffffa6}
.cbtn svg{width:26px;height:26px;padding:10px;box-shadow:0 4px 12px #0003,inset 0 -2px 0 #0000001a}
.cbtn .cl{flex:1;min-width:0}
.cbtn .cl b{font:800 18px Sora,sans-serif;letter-spacing:.005em}
.cbtn .cl small{display:block;margin-top:4px;font:700 13.5px Inter,sans-serif;letter-spacing:.08em;opacity:.95;overflow:visible;text-overflow:clip;white-space:nowrap}
.cbtn::before{content:"›";order:3;flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff38;font:400 28px/1 Sora,sans-serif;padding-bottom:3px;transition:transform .25s,background .25s}
.cbtn:hover::before{transform:translateX(4px);background:#ffffff59}
@media(max-width:380px){.cbtn{min-height:64px;gap:10px}.cbtn .cl b{font-size:16px}.cbtn .cl small{font-size:12.5px;letter-spacing:.04em}.cbtn svg{width:22px;height:22px;padding:9px}}
/* WhatsApp düğmesi — WhatsApp yeşili, gerçek logo, nabız halkası */
.cbtn.wa{background:radial-gradient(120% 140% at 0% 0%,#34e27a 0,transparent 55%),linear-gradient(105deg,#075e54,#128c7e 38%,#25d366);border-color:#ffffffb3;box-shadow:0 12px 30px #25d36677,0 0 0 4px #25d36626,inset 0 1px 0 #ffffff8c}
.cbtn.wa svg{width:30px;height:30px;padding:8px;background:#fff;color:#25d366;box-shadow:0 4px 14px #0000003d;position:relative}
.cbtn.wa .cl small{color:#eafff1}
.cbtn.wa::before{background:#ffffff38}
@media(prefers-reduced-motion:no-preference){.cbtn.wa svg{animation:wapulse 2.4s ease-out infinite}}
@keyframes wapulse{0%{box-shadow:0 4px 14px #0000003d,0 0 0 0 #ffffffb3}70%{box-shadow:0 4px 14px #0000003d,0 0 0 12px #ffffff00}100%{box-shadow:0 4px 14px #0000003d,0 0 0 0 #ffffff00}}
@media(max-width:380px){.cbtn.wa svg{width:26px;height:26px;padding:7px}}
/* İletişim düğmeleri — sade, yan yana; numara gösterilmez */
.ctas{grid-template-columns:1fr 1fr;gap:12px}
.ctas.one{grid-template-columns:1fr}
.cbtn{justify-content:center;gap:10px;min-height:56px;padding:0 12px;border-radius:16px;border:0;overflow:hidden}
.cbtn::before{display:none}
.cbtn::after{display:none}
.cbtn svg,.cbtn.wa svg{width:22px;height:22px;padding:0;background:none;box-shadow:none;border-radius:0;color:#fff;animation:none}
.cbtn .cl{flex:none}
.cbtn .cl b{font:700 16px Sora,sans-serif;text-shadow:none;letter-spacing:0}
.cbtn.call{background:linear-gradient(105deg,var(--frame),var(--glow));box-shadow:0 8px 20px color-mix(in srgb,var(--glow) 40%,transparent)}
.cbtn.wa{background:#25d366;box-shadow:0 8px 20px #25d36655}
.cbtn:hover{transform:translateY(-2px);filter:brightness(1.05)}
@media(max-width:380px){.cbtn{min-height:52px;gap:7px}.cbtn .cl b{font-size:14.5px}.cbtn svg,.cbtn.wa svg{width:20px;height:20px;padding:0}}
/* ---------- Arka plan süsü stilleri: yıldız tozu, kalpler, ışık küreleri, dalgalar ---------- */
.dcs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.dc{position:absolute;display:block}
.dc.st path{fill:var(--ac-soft)}.dc.st:nth-child(3n) path{fill:var(--glow)}.dc.st:nth-child(5n) path{fill:#fff}
.dc.ht path{fill:var(--ac-soft)}.dc.ht:nth-child(even) path{fill:var(--glow)}
.dc.st,.dc.ht{opacity:.55;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--glow) 55%,transparent))}
.dc.bk{border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff 0,color-mix(in srgb,var(--ac-soft) 80%,transparent) 38%,color-mix(in srgb,var(--glow) 28%,transparent) 100%);opacity:.5;box-shadow:inset 0 0 14px #ffffffb3,0 0 24px color-mix(in srgb,var(--glow) 25%,transparent)}
.dcs>.dc:nth-child(1){left:4%;top:8%;width:46px;height:46px}
.dcs>.dc:nth-child(2){left:86%;top:6%;width:64px;height:64px}
.dcs>.dc:nth-child(3){left:13%;top:60%;width:34px;height:34px}
.dcs>.dc:nth-child(4){left:80%;top:56%;width:48px;height:48px}
.dcs>.dc:nth-child(5){left:48%;top:3%;width:24px;height:24px}
.dcs>.dc:nth-child(6){left:93%;top:36%;width:28px;height:28px}
.dcs>.dc:nth-child(7){left:2%;top:36%;width:22px;height:22px}
.dcs>.dc:nth-child(8){left:68%;top:80%;width:34px;height:34px}
.dcs>.dc:nth-child(9){left:30%;top:82%;width:20px;height:20px}
.dcs>.dc:nth-child(10){left:60%;top:12%;width:16px;height:16px}
.bokeh>.dc:nth-child(1){width:120px;height:120px;left:-20px;top:-30px}.bokeh>.dc:nth-child(2){width:170px;height:170px;left:82%;top:-40px}
.bokeh>.dc:nth-child(4){width:110px;height:110px}.bokeh>.dc:nth-child(3){width:70px;height:70px}
.waves>.dc:nth-child(n+4){display:none}.waves>.dc:nth-child(1){left:6%;top:12%;width:56px;height:56px}.waves>.dc:nth-child(2){left:88%;top:10%;width:80px;height:80px}.waves>.dc:nth-child(3){left:76%;top:62%;width:40px;height:40px}
.dw{position:absolute;left:0;width:100%;pointer-events:none}
.dw path{fill:var(--ac-soft)}
.w1{bottom:0;height:62%;opacity:.38}.w2{bottom:0;height:46%;opacity:.45}.w2 path{fill:color-mix(in srgb,var(--ac-soft) 60%,var(--glow))}.w3{bottom:0;height:30%;opacity:.5}.w3 path{fill:color-mix(in srgb,var(--glow) 55%,var(--ac-soft))}
@keyframes dcfloat{from{transform:translateY(0) rotate(0deg) scale(1)}to{transform:translateY(-16px) rotate(14deg) scale(1.08)}}
@keyframes dctwinkle{0%,100%{opacity:.18;transform:scale(.7) rotate(0deg)}50%{opacity:.85;transform:scale(1.12) rotate(35deg)}}
@keyframes dcwave{from{transform:translateX(-3%)}to{transform:translateX(3%)}}
@media(prefers-reduced-motion:no-preference){
  .fx .dc.bk,.fx .dc.ht{animation:dcfloat 7s ease-in-out infinite alternate}
  .fx .dc.st{animation:dctwinkle 4.2s ease-in-out infinite}
  .fx .dcs>.dc:nth-child(2n){animation-delay:-2s}.fx .dcs>.dc:nth-child(3n){animation-delay:-4s;animation-duration:9s}.fx .dcs>.dc:nth-child(5n){animation-delay:-1s}
  .fx .w1{animation:dcwave 9s ease-in-out infinite alternate}.fx .w2{animation:dcwave 11s ease-in-out -3s infinite alternate-reverse}.fx .w3{animation:dcwave 8s ease-in-out -5s infinite alternate}
}
@media(max-width:760px){
  .dcs>.dc:nth-child(n+8){display:none}.dcs>.dc:nth-child(1){width:34px;height:34px}.dcs>.dc:nth-child(2){width:46px;height:46px}
  .bokeh>.dc:nth-child(1){width:90px;height:90px}.bokeh>.dc:nth-child(2){width:110px;height:110px}
}

/* Logo kedi simgesi */
.logo .catm{flex:none;width:1.45em;height:1.45em;margin:-.1em .45em -.1em -.35em;filter:drop-shadow(0 2px 4px #0003)}
.catm .cw{fill:#fff}.catm .ci{fill:#f9a8d4}.catm .ce{fill:#9d174d}.catm .cs{fill:#fff}.catm .cn{fill:#ec4899}.catm .cm{fill:none;stroke:#9d174d;stroke-width:1.6;stroke-linecap:round}

/* Arkada büyük saydam kedi */
.hcat{position:absolute;left:50%;top:50%;width:min(78%,430px);height:auto;transform:translate(-50%,-50%);opacity:.2;pointer-events:none}
.hcat .cw{fill:var(--ac-soft)}.hcat .ci{fill:var(--glow)}.hcat .ce{fill:var(--frame)}.hcat .cs{fill:#fff}.hcat .cn{fill:var(--frame)}.hcat .cm{fill:none;stroke:var(--frame);stroke-width:1.4;stroke-linecap:round}
@media(prefers-reduced-motion:no-preference){.fx .hcat{animation:catfloat 8s ease-in-out infinite alternate}}
@keyframes catfloat{from{transform:translate(-50%,-50%) scale(1) rotate(-1.5deg)}to{transform:translate(-50%,-52%) scale(1.04) rotate(1.5deg)}}
@media(max-width:760px){.hcat{width:min(92%,340px);opacity:.18}}
/* Kedi daha belirgin */
.hcat{opacity:.34;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--glow) 35%,transparent))}
.hcat .cw{fill:color-mix(in srgb,var(--ac-soft) 80%,#fff)}.hcat .ci{fill:var(--ac)}.hcat .ce{fill:var(--frame)}
.hcat .cm{stroke-width:1.9}
@media(max-width:760px){.hcat{opacity:.32}}

/* Oturan kedi ve hilal */
.hsit{position:absolute;right:3%;bottom:-4px;width:min(36%,200px);height:auto;opacity:.5;pointer-events:none;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--glow) 35%,transparent))}
.hsit .st1{fill:color-mix(in srgb,var(--frame) 72%,var(--ac-soft))}.hsit .st2{fill:var(--ac-soft)}.hsit .st3{fill:#fff}.hsit .st4{fill:var(--ac-soft)}.hsit .st5{fill:none;stroke:color-mix(in srgb,var(--frame) 40%,#fff);stroke-width:1.2;stroke-linecap:round}
.hmoon{position:absolute;left:6%;top:12%;width:min(22%,110px);height:auto;opacity:.6;pointer-events:none;filter:drop-shadow(0 0 16px var(--glow))}
.hmoon path{fill:#fff}.hmoon .ms{fill:var(--ac-soft)}
@media(prefers-reduced-motion:no-preference){.fx .hmoon{animation:catfloat2 6s ease-in-out infinite alternate}.fx .hsit{animation:catfloat2 9s ease-in-out infinite alternate}}
@keyframes catfloat2{from{transform:translateY(0)}to{transform:translateY(-6px)}}
@media(max-width:760px){.hsit{width:min(38%,150px);right:2%}.hmoon{width:min(24%,80px)}}
/* Kalpler: sol tarafta da parlak kalpler */
.hearts>.dc:nth-child(1){left:3%;top:9%;width:54px;height:54px;opacity:.8}
.hearts>.dc:nth-child(7){left:1%;top:36%;width:30px;height:30px;opacity:.75}
.hearts>.dc:nth-child(3){left:9%;top:56%;width:44px;height:44px;opacity:.75}
.hearts>.dc:nth-child(11){left:19%;top:76%;width:28px;height:28px;opacity:.7}
.hearts>.dc:nth-child(12){left:22%;top:6%;width:22px;height:22px;opacity:.7}
@media(max-width:760px){.hearts>.dc:nth-child(1){width:40px;height:40px}.hearts>.dc:nth-child(3){left:6%;top:60%;width:32px;height:32px}.hearts>.dc:nth-child(7){left:1%;top:40%;width:24px;height:24px}}
.hearts>.dc:nth-child(1) path,.hearts>.dc:nth-child(7) path,.hearts>.dc:nth-child(12) path{fill:var(--glow)}
.hearts>.dc:nth-child(3) path,.hearts>.dc:nth-child(11) path{fill:color-mix(in srgb,var(--glow) 75%,#fff)}
.hearts>.dc:nth-child(1),.hearts>.dc:nth-child(3),.hearts>.dc:nth-child(7){opacity:.9}
/* ===== logo: daha güzel (kulakları dışarı taşan kedi, parıltı, yıldız) ===== */
.hw .logo,.sfb .logo{overflow:visible;padding:6px 24px 9px 22px;background:linear-gradient(105deg,transparent 36%,#ffffff8c 50%,transparent 64%) -150% 0/60% 100% no-repeat,linear-gradient(100deg,var(--frame),var(--glow) 55%,var(--frame))}
.hw .logo::after,.sfb .logo::after{display:none}
.hw .logo::before,.sfb .logo::before{content:"✦";position:absolute;right:9px;top:-9px;font:400 15px/1 sans-serif;color:#fff;text-shadow:0 0 6px #fff,0 0 14px var(--glow);pointer-events:none}
.logo .catm{position:relative;width:1.95em;height:1.95em;margin:-.8em .4em -.42em -.55em;top:-.12em;filter:drop-shadow(0 3px 5px #0004)}
.logo .catm .cw{stroke:var(--frame);stroke-width:2.4;stroke-linejoin:round;fill:#fff}
.logo .catm .ci{fill:#f9a8d4}
@keyframes lshine{0%,50%{background-position:-150% 0,0 0}100%{background-position:260% 0,0 0}}
@keyframes lwig{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(-8deg)}95%{transform:rotate(7deg)}}
@media(prefers-reduced-motion:no-preference){
  .fx .hw .logo,.fx .sfb .logo{animation:lshine 4.6s ease-in-out infinite}
  .fx .logo .catm{transform-origin:50% 90%;animation:lwig 6s ease-in-out infinite}
}
@media(max-width:760px){.hw .logo,.sfb .logo{padding:5px 18px 7px 16px}.hw .logo::before,.sfb .logo::before{right:7px;top:-8px;font-size:13px}.logo .catm{margin:-.7em .35em -.38em -.5em}}
.hw{padding-top:16px}
.logo .catm{margin-top:-.62em;top:0}



.no-mh #modeller{display:none}

/* Kartlar ile alt bilgi arasındaki boşluk kapatıldı */
.sg{padding-bottom:14px}
.sf{margin-top:10px}
@media(max-width:760px){.sg{padding-bottom:6px}.sf{margin-top:6px;padding-top:22px}}
/* ===== Çerçeveler: degrade neon çerçeve, çift çizgi, nefes alan parlama ===== */
:root{--fgrad:linear-gradient(135deg,var(--frame),var(--glow) 24%,color-mix(in srgb,var(--glow) 38%,#fff) 50%,var(--glow) 76%,var(--frame))}
.wd{border:3.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--fgrad) border-box;background-size:100% 100%,260% 260%;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px color-mix(in srgb,var(--glow) 40%,#fff),0 0 0 3px color-mix(in srgb,var(--glow) 18%,transparent),0 8px 24px color-mix(in srgb,var(--glow) 34%,transparent)}
.sq{border:3px solid transparent;background:linear-gradient(#d9dde5,#d9dde5) padding-box,var(--fgrad) border-box;background-size:100% 100%,260% 260%;box-shadow:inset 0 0 0 1.5px #ffffffb3,0 0 0 2px color-mix(in srgb,var(--glow) 16%,transparent),0 6px 16px color-mix(in srgb,var(--glow) 30%,transparent)}
.wd:hover,.wd:focus-visible,.sq:hover,.sq:focus-visible{background-position:0 0,100% 100%;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px color-mix(in srgb,var(--glow) 55%,#fff),0 0 0 4px color-mix(in srgb,var(--glow) 30%,transparent),0 0 26px 6px color-mix(in srgb,var(--glow) 60%,transparent),0 14px 34px color-mix(in srgb,var(--glow) 36%,transparent)}
/* Daha açık pembe çerçeve; kare kartlar arasındaki boşluk yerine çerçeve */
:root{--fgrad:linear-gradient(135deg,color-mix(in srgb,var(--glow) 38%,#fff),color-mix(in srgb,var(--glow) 62%,#fff) 26%,color-mix(in srgb,var(--glow) 16%,#fff) 52%,color-mix(in srgb,var(--glow) 62%,#fff) 78%,color-mix(in srgb,var(--glow) 38%,#fff))}
.wd{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px color-mix(in srgb,var(--glow) 22%,#fff),0 0 0 3px color-mix(in srgb,var(--glow) 12%,transparent),0 8px 22px color-mix(in srgb,var(--glow) 24%,transparent)}
.sg{gap:0;padding-left:0;padding-right:0}
.sq{border-radius:0;box-shadow:inset 0 0 0 1.5px #ffffffd9;margin:0 -1.5px -1.5px 0}
.sq:hover,.sq:focus-visible{z-index:2;box-shadow:inset 0 0 0 2px #fff,0 0 18px 3px color-mix(in srgb,var(--glow) 50%,transparent)}
@media(max-width:760px){.sg{gap:0}.sq{border-radius:0;border-width:2.5px}}
/* Kare kartlar arasında çok az boşluk */
.sg{gap:3px}
.sq{margin:0;border-radius:4px}
@media(max-width:760px){.sg{gap:3px}.sq{border-radius:4px}}
/* Çerçeve rengi bir tık daha açık (parlama ve dokunma efektleri eskisi gibi) */
:root{--fgrad:linear-gradient(135deg,color-mix(in srgb,var(--glow) 30%,#fff),color-mix(in srgb,var(--glow) 52%,#fff) 26%,color-mix(in srgb,var(--glow) 12%,#fff) 52%,color-mix(in srgb,var(--glow) 52%,#fff) 78%,color-mix(in srgb,var(--glow) 30%,#fff))}

/* Kare ilanların son satırındaki boş yeri dolduran "ilan ver" kutusu */
.slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;text-align:center;text-decoration:none;color:var(--ink);border:3px solid transparent;border-radius:4px;background:radial-gradient(90% 70% at 50% 0%,color-mix(in srgb,var(--glow) 18%,#fff),transparent 75%) padding-box,linear-gradient(180deg,#fff,color-mix(in srgb,var(--ac-soft) 60%,#fff)) padding-box,var(--fgrad) border-box;box-shadow:inset 0 0 0 1.5px #ffffffd9;overflow:hidden}
.slot .plus{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--frame),var(--glow));color:#fff;font:400 30px/1 Sora,sans-serif;padding-bottom:3px;box-shadow:0 6px 16px color-mix(in srgb,var(--glow) 40%,transparent)}
.slot b{font:700 22px/1.05 'Dancing Script',cursive;color:var(--frame);overflow-wrap:anywhere}
.slot small{color:var(--mut);font-size:12px;line-height:1.3;max-width:20ch}
a.slot:hover{transform:scale(1.02);box-shadow:inset 0 0 0 2px #fff,0 0 18px 3px color-mix(in srgb,var(--glow) 40%,transparent)}
a.slot{transition:transform .25s,box-shadow .25s}
/* Kare kartlar arasındaki boşluk kalktı; "ilan ver" kutusu ilan resmiyle aynı boyutta */
.sg,.sg{gap:0}
.sq{margin:0 -1.5px -1.5px 0;border-radius:0}
.slot{min-height:0;margin:0 -1.5px -1.5px 0;border-radius:0;gap:4px;padding:6px}
.slot .plus{width:38px;height:38px;font-size:26px}
.slot b{font-size:20px}.slot small{font-size:11px}
@media(max-width:760px){.sg{gap:0}.sq{border-radius:0}}
/* ===== Mobil: gereksiz boşluklar azaltıldı, kenarlar daraltıldı ===== */
@media(max-width:760px){
  body .wrap,body .mp,body .art{padding-left:8px;padding-right:8px}
  body .hw{padding-left:10px;padding-right:10px}
  body .sec{padding:10px 2px 6px}
  body .wg{gap:8px}
  body .wd{padding:5px;border-width:3px}
  body .st{gap:3px}
  body .sg{padding-bottom:4px}
  body .sf{padding:20px 12px 14px}
  body .sfw{gap:14px}
  body .sfn{margin-top:14px;padding-top:12px}
  body .ag{gap:10px;padding-bottom:30px}
  body .ac .tx{padding:12px 14px 14px}
  body .art{padding-bottom:50px}
  body .mp{padding-bottom:40px}
}

/* Alt bilgi (yalnızca makaleler modu): kapak resimli kartlar */
.sfo .sfx{display:block}
.sfh{display:block;font:800 17px Sora,sans-serif;letter-spacing:-.01em;margin-bottom:10px;color:var(--ink)}
.sfks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.sfk{display:flex;flex-direction:column;border:2.5px solid transparent;border-radius:14px;overflow:hidden;background:linear-gradient(#fff,#fff) padding-box,var(--fgrad) border-box;text-decoration:none;color:var(--ink);box-shadow:0 6px 16px color-mix(in srgb,var(--glow) 18%,transparent);transition:transform .25s,box-shadow .25s}
.sfk img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.sfk span{padding:10px 12px 12px;font:700 14.5px/1.3 Sora,sans-serif;overflow-wrap:anywhere}
.sfk:hover{transform:translateY(-2px);box-shadow:0 10px 22px color-mix(in srgb,var(--glow) 32%,transparent)}
@media(max-width:560px){.sfks{grid-template-columns:1fr}}
/* Logo/başlık sayfayla birlikte kayar, aşağı inerken ekranda kalmaz */
body.home header{position:absolute;top:0;left:0;right:0;z-index:20}
body:not(.home) header{position:relative;top:auto;background:transparent;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}
body.home header.sc{background:transparent;box-shadow:none;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
/* Üst logo bir tık küçük */
.hw .logo{font-size:calc(21px*var(--logo-k,1));padding:5px 20px 8px 18px}
.hw .logo .catm{width:1.8em;height:1.8em}
@media(max-width:760px){.hw .logo{font-size:calc(17px*var(--logo-k,1));padding:4px 15px 6px 14px}.hw .logo::before{font-size:12px;top:-8px;right:6px}}
@media(max-width:380px){.hw .logo{font-size:calc(15.5px*var(--logo-k,1));padding:4px 13px 5px 12px}}
/* Üst logo: çok az büyütüldü */
.hw .logo{font-size:calc(23px*var(--logo-k,1));padding:5px 22px 8px 20px}
.hw .logo .catm{width:1.9em;height:1.9em}
@media(max-width:760px){.hw .logo{font-size:calc(18.5px*var(--logo-k,1));padding:4px 16px 6px 15px}}
@media(max-width:380px){.hw .logo{font-size:calc(17px*var(--logo-k,1));padding:4px 14px 5px 13px}}
/* Logo ortada */
body .hw{justify-content:center}
/* Ortadaki logo ile alttaki rozet arasında biraz boşluk */
body.home .hero{padding-top:104px}
@media(max-width:760px){body.home .hero{padding-top:76px}}
@media(max-width:380px){body.home .hero{padding-top:72px}}
/* Üst bölümdeki tüm yazılar tam ortada: harf aralığı payı dengelenir, satırlar eşitlenir */
.hero .pill-w{justify-content:center;gap:12px}
.hero .pill-w em{text-align:center;padding-left:.16em;min-width:8ch;width:auto}
.hero .h1,.hero .sub{text-wrap:balance;margin-left:auto;margin-right:auto}
.hero .cta{justify-content:center}

/* "Siz de burada olun" kutuları: her boş hücre ayrı kutu, tamamı tıklanır */
.slot{aspect-ratio:3/4;grid-column:auto;cursor:default}
a.slot{cursor:pointer}
.slot small{font-size:11.5px;font-weight:700;color:var(--frame)}

/* Premium bölümü: geniş "ilan ver" kutusu */
.slot.wslot{aspect-ratio:auto;flex-direction:row;gap:16px;padding:10px 18px;border-radius:18px;text-align:left}
.slot.wslot .plus{flex:none;width:52px;height:52px;font-size:34px}
.slot.wslot .wtx{display:flex;flex-direction:column;gap:3px;min-width:0}
.slot.wslot b{font-size:26px}
.slot.wslot small{font-size:13px;max-width:none}

/* Premium "ilan ver" kutusu: diğer premium kartlarla aynı çerçeve */
.slot.wslot{display:block;padding:5px;border:3.5px solid transparent;border-radius:18px;background:linear-gradient(#fff,#fff) padding-box,var(--fgrad) border-box;background-size:100% 100%,260% 260%;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px color-mix(in srgb,var(--glow) 22%,#fff),0 0 0 3px color-mix(in srgb,var(--glow) 12%,transparent),0 8px 22px color-mix(in srgb,var(--glow) 24%,transparent)}
.slot.wslot .wi{display:flex;align-items:center;gap:16px;width:100%;height:100%;padding:0 18px;border-radius:12px;background:radial-gradient(90% 90% at 0% 0%,color-mix(in srgb,var(--glow) 16%,#fff),transparent 75%),linear-gradient(180deg,#fff,color-mix(in srgb,var(--ac-soft) 55%,#fff))}
@media(max-width:760px){body .slot.wslot{padding:5px;border-width:3px}}
a.slot.wslot:hover{transform:translateY(-2px)}
.slot.wslot{margin:0;border-radius:16px}

/* "Siz de burada olun" kutuları: öbür ilanlar gibi ekranın ortasına gelince / dokunulunca neon pembe parlar */
.slot.wslot.lit,.slot.wslot:active,.slot.wslot:focus-visible,a.slot.wslot:hover{transform:translateY(-3px) scale(1.012);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 5px var(--glow-soft),0 0 0 4px color-mix(in srgb,var(--glow) 33%,transparent),0 0 24px 7px color-mix(in srgb,var(--glow) 85%,transparent),0 0 64px 14px color-mix(in srgb,var(--glow) 44%,transparent),0 16px 40px color-mix(in srgb,var(--glow) 40%,transparent);animation:pinkPulse 1.8s ease-in-out infinite}
.slot:not(.wslot).lit,.slot:not(.wslot):active,a.slot:not(.wslot):hover{transform:translateY(-3px) scale(1.025);z-index:2;box-shadow:0 0 0 4px color-mix(in srgb,var(--glow) 33%,transparent),0 0 24px 7px color-mix(in srgb,var(--glow) 85%,transparent),0 0 64px 14px color-mix(in srgb,var(--glow) 44%,transparent),0 16px 38px color-mix(in srgb,var(--glow) 40%,transparent);animation:pinkPulseSq 1.8s ease-in-out infinite}
.slot{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
@media(prefers-reduced-motion:reduce){.slot.lit,.slot:active{animation:none}}

/* ===== "Gece kedisi sizi bekliyor" kutusu: aurora arka plan + göz kırpan kedi (ana sayfa ve AMP) ===== */
.slot{--cs:9px;background:linear-gradient(#2b0a3d,#2b0a3d) padding-box,var(--fgrad) border-box;color:#fff;gap:2px}
.slot .au{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}
.slot .au i{position:absolute;border-radius:50%;filter:blur(30px);animation:slotDrift 7s ease-in-out infinite}
.slot .au i:nth-child(1){width:52%;aspect-ratio:1;background:#ff3d9a;left:-12%;top:-30%;opacity:.8}
.slot .au i:nth-child(2){width:48%;aspect-ratio:1;background:#8b5cf6;right:-10%;bottom:-30%;opacity:.8;animation-delay:-2.5s}
.slot .au i:nth-child(3){width:30%;aspect-ratio:1;background:#fb923c;left:60%;top:55%;opacity:.45;animation-delay:-5s}
@keyframes slotDrift{50%{transform:translate(12%,8%) scale(1.15)}}
.slot .cat{position:relative;flex:none;width:8.125em;height:5.375em;font-size:var(--cs);margin-bottom:.4em}
.slot .cat .hd{position:absolute;left:.9375em;right:.9375em;bottom:0;height:4.25em;border-radius:50% 50% 46% 46%;background:#06010c}
.slot .cat .ear{position:absolute;top:0;width:2.75em;height:3em;background:#06010c;clip-path:polygon(0 100%,35% 0,100% 100%)}
.slot .cat .e1{left:.9375em}.slot .cat .e2{right:.9375em;transform:scaleX(-1)}
.slot .cat .ey{position:absolute;top:2.75em;width:1.625em;height:1.375em;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#ff9ad0 30%,#ff3d9a 70%);box-shadow:0 0 1.1em #ff3d9a,0 0 2.5em #ff3d9a88;animation:slotBlink 4.5s infinite}
.slot .cat .ey:after{content:"";position:absolute;left:50%;top:15%;width:.3em;height:70%;border-radius:50%;background:#06010c;transform:translateX(-50%)}
.slot .cat .y1{left:2.125em}.slot .cat .y2{right:2.125em}
@keyframes slotBlink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.05)}}
.slot b{position:relative;color:#ffd6ec;text-shadow:0 0 10px #ff3d9a;font-size:19px}
.slot small{position:relative;color:#fff;opacity:.92;font-weight:600;font-size:11px}
.slot.wslot{--cs:15px}
.slot.wslot .wi{position:relative;flex-direction:column;justify-content:center;text-align:center;gap:0;padding:8px 16px;overflow:hidden;background:#2b0a3d}
.slot.wslot .wtx{position:relative;align-items:center}
.slot.wslot b{font-size:28px}.slot.wslot small{font-size:13px;color:#fff}
@media(max-width:760px){.slot{--cs:8px}.slot.wslot{--cs:12px}}
@media(prefers-reduced-motion:reduce){.slot .au i,.slot .cat .ey{animation:none}}
/* "Gece kedisi" kutusu: ışıklar yana kaymaz, yerinde nabız atar; çerçeve diğer premium kartlar gibi neon pembe (gri-beyaz halka yok) */
@keyframes slotDrift{50%{transform:scale(1.18)}}
.slot{background:linear-gradient(#2b0a3d,#2b0a3d) padding-box,linear-gradient(135deg,#ff9bd0,#ff3d9a 45%,#a855f7) border-box;box-shadow:0 0 0 2px #ff3d9a26}
.slot.wslot .wi{border-radius:12px}

/* Kalpler: sol ve sağ çiftler aynı boy, renk ve parlaklıkta; konumlar aynalı (1-2 üst, 7-6 orta, 3-4 alt) */
.hearts>.dc:nth-child(2){left:auto;right:3%;top:9%;width:54px;height:54px;opacity:.9}
.hearts>.dc:nth-child(6){left:auto;right:1%;top:36%;width:30px;height:30px;opacity:.9}
.hearts>.dc:nth-child(4){left:auto;right:9%;top:56%;width:44px;height:44px;opacity:.9}
.hearts>.dc:nth-child(2) path,.hearts>.dc:nth-child(6) path{fill:var(--glow)}
.hearts>.dc:nth-child(4) path{fill:color-mix(in srgb,var(--glow) 75%,#fff)}
@media(max-width:760px){.hearts>.dc:nth-child(2){width:40px;height:40px}.hearts>.dc:nth-child(4){right:6%;top:60%;width:32px;height:32px}.hearts>.dc:nth-child(6){right:1%;top:40%;width:24px;height:24px}}
/* çiftler aynı fazda süzülür (sol-sağ kalp birlikte büyür/küçülür) */
@media(prefers-reduced-motion:no-preference){.fx .hearts>.dc:nth-child(2){animation-delay:0s}.fx .hearts>.dc:nth-child(6){animation-delay:0s;animation-duration:7s}.fx .hearts>.dc:nth-child(4){animation-delay:-4s;animation-duration:9s}}

/* Telefon: logo ile üst etiket arası daha sık (trafiğin çoğu telefondan geliyor) */
@media(max-width:760px){body.home .hero{padding-top:64px}}
@media(max-width:380px){body.home .hero{padding-top:60px}}

/* Üstteki dönen kelime rozeti: kelime listesi boşsa hiç görünmez */
.pill-w[hidden]{display:none}

/* ===== Arka plan: yumuşak pembe + lavanta + şeftali ışık bulutları ve ince parıltılar (renkler tema renginden türer) ===== */
body{background-color:var(--page1);background-image:
 radial-gradient(1.5px 1.5px at 22px 30px,#fff,transparent),
 radial-gradient(1.1px 1.1px at 112px 84px,color-mix(in srgb,var(--glow) 45%,#fff),transparent),
 radial-gradient(1.3px 1.3px at 168px 16px,#fff,transparent),
 radial-gradient(62% 42% at 3% 0%,color-mix(in srgb,var(--ac) 36%,transparent),transparent 72%),
 radial-gradient(52% 38% at 100% 5%,#d9c6ff88,transparent 70%),
 radial-gradient(46% 28% at 0% 44%,#ffd7c070,transparent 70%),
 radial-gradient(56% 34% at 100% 64%,color-mix(in srgb,var(--glow) 20%,transparent),transparent 72%),
 radial-gradient(60% 32% at 38% 100%,#e6d3ff70,transparent 72%),
 linear-gradient(180deg,var(--page1),var(--page2));
 background-size:190px 120px,190px 120px,190px 120px,auto,auto,auto,auto,auto,auto;
 background-attachment:scroll,scroll,scroll,fixed,fixed,fixed,fixed,fixed,fixed}

/* alt bilgi: marka, sayfalar, kategoriler ve son yazılar */
.sfp{margin-top:64px;padding:48px 24px 22px;border-top:0;border-radius:32px 32px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 7%,#fff),color-mix(in srgb,var(--ac) 18%,#fff));box-shadow:0 -1px 0 color-mix(in srgb,var(--ac) 22%,transparent)}
.sfp .sfw{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:36px}
.sfp .sfb{max-width:none}.sfp .sfb p{max-width:36ch;line-height:1.55}
.sfp .sfc{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sfp .sfc li{padding:7px 14px;border-radius:99px;background:#fff;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent);font-size:13.5px}
.sfcol b{display:block;margin-bottom:14px;font:700 12.5px Sora,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.sfcol ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.sfcol a{color:#5c4a55;text-decoration:none;font-size:14.5px;line-height:1.35}.sfcol a:hover{color:var(--glow)}
.sfp .sfn{display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap}.sfp .sfn a{color:var(--ink);font-weight:600;text-decoration:none}.sfp .sfn a:hover{color:var(--glow)}
@media(max-width:900px){.sfp .sfw{grid-template-columns:1fr 1fr}.sfp .sfb{grid-column:1/-1}}
@media(max-width:520px){.sfp{margin-top:48px;padding:36px 14px 20px;border-radius:26px 26px 0 0}.sfp .sfw{grid-template-columns:1fr;gap:26px}}
.sfp{padding-left:0;padding-right:0}.sfp .sfw,.sfp .sfn{padding-left:24px;padding-right:24px;box-sizing:border-box}
@media(max-width:520px){.sfp{padding-left:0;padding-right:0}.sfp .sfw,.sfp .sfn{padding-left:14px;padding-right:14px}}

/* ==== Üst menü (header): koyu yuvarlak çubuk; solda logo, sağda sayfalar + düğme (telefonda "Menü" düğmesi ve açılır panel) ==== */
header,body.home header,body:not(.home) header,header.sc,body.home header.sc{position:sticky;top:0;left:auto;right:auto;z-index:50;padding:8px 10px 0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body .hw{position:relative;max-width:1320px;margin:0 auto;padding:9px 12px 9px 14px;gap:14px;justify-content:flex-start;border-radius:20px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 92%,#000),color-mix(in srgb,var(--ink) 74%,var(--frame)));
  border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 32px color-mix(in srgb,var(--ink) 34%,transparent)}
body .hw .logo{flex:none}
.hw nav{display:flex;gap:4px;margin-left:auto}
.hw nav a{padding:9px 16px;border-radius:99px;color:rgba(255,255,255,.88);font:600 14px Inter,sans-serif;text-decoration:none;transition:background .2s,color .2s}
.hw nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.hw nav a.on{background:rgba(255,255,255,.18);color:#fff}
.hcta,.hpc{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border-radius:99px;color:#fff;text-decoration:none;
  font:700 13.5px Sora,sans-serif;background:linear-gradient(100deg,var(--frame),var(--glow));box-shadow:0 8px 22px color-mix(in srgb,var(--glow) 36%,transparent);transition:transform .15s,box-shadow .15s}
.hcta{flex:none}
.hcta:hover,.hpc:hover{transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--glow) 55%,transparent)}
.hmc{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hmb,.hmp{display:none}
.hmb{align-items:center;gap:9px;margin-left:auto;padding:9px 17px;border-radius:99px;border:1.5px solid rgba(255,255,255,.42);color:#fff;font:600 14.5px Inter,sans-serif;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.hmb i{display:block;width:16px;height:2px;border-radius:2px;background:#fff;box-shadow:0 5px 0 #fff,0 -5px 0 #fff}
.hmc:focus-visible+.hmb{outline:2px solid #ffd166;outline-offset:2px}
.hmp{position:absolute;left:0;right:0;top:calc(100% + 8px);flex-direction:column;gap:2px;padding:12px;max-height:calc(100vh - 96px);overflow:auto;border-radius:20px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--ink) 94%,#000),color-mix(in srgb,var(--ink) 80%,var(--frame)));
  border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px color-mix(in srgb,var(--ink) 45%,transparent)}
.hmp b{margin:10px 10px 4px;color:rgba(255,255,255,.55);font:700 11px Sora,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.hmp b:first-child{margin-top:2px}
.hmp a:not(.hpc){padding:12px 14px;border-radius:12px;color:#fff;text-decoration:none;font:600 15.5px Inter,sans-serif}
.hmp a:not(.hpc):hover,.hmp a.on{background:rgba(255,255,255,.12)}
.hmp .hpc{margin-top:12px;min-height:46px;font-size:14.5px}
.hmc:checked~.hmp{display:flex}

/* Ana sayfa üst bölümü: kısa ve derli toplu */
.hero{padding:34px 0 30px}
.hero .h1{font-size:clamp(28px,4.2vw,48px);line-height:1.1;max-width:24ch;margin-top:0}
.hero .sub{max-width:62ch;margin-top:12px;font-size:clamp(14px,1.4vw,16.5px);line-height:1.6}
.hero .cta{margin-top:18px}
.hero .cta a{min-height:44px;padding:0 24px;font-size:14px}
@media(min-width:761px){.hero .cta{display:none}}
@media(max-width:760px){
  body .hw{justify-content:space-between;padding:8px 10px 8px 12px;gap:10px;flex-wrap:nowrap}
  .hw nav,.hcta{display:none}
  .hmb{display:inline-flex}
  .hero{padding:20px 0 22px}
  .hero .h1{font-size:clamp(25px,7.4vw,32px);max-width:none}
  .hero .sub{margin-top:10px;font-size:14px;line-height:1.55}
  .hero .cta{margin-top:14px}
}
/* Son yazılar ile alt bilgi arasındaki fazla boşluk kalktı */
.sfp{margin-top:28px}
@media(max-width:520px){.sfp{margin-top:20px}}

/* Ana sayfada büyük üst bölüm kalktı; başlık (H1) yalnızca ekran okuyucu ve arama motoru için durur */
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.marq{margin-top:14px}

/* Telefonda "Gece kedisi sizi bekliyor" kutusu ince: kedi solda, yazı sağda (eskiden bir ilan kartı kadar yüksekti) */
@media(max-width:760px){
  body .slot.wslot{--cs:5.4px;height:auto;min-height:0}
  body .slot.wslot .sph{display:none}
  body .slot.wslot .wi,body .slot.wslot .sph+.wi{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;height:auto;flex-direction:row;justify-content:center;gap:14px;padding:10px 16px;text-align:left}
  body .slot.wslot .cat{margin-bottom:0}
  body .slot.wslot .wtx{align-items:flex-start}
  body .slot.wslot b{font-size:21px}
}

/* ==== Alt bilgi: üst menüyle uyumlu koyu yuvarlak kart ==== */
footer.sfp{width:calc(100% - 20px);max-width:1320px;margin:36px auto 10px;padding:38px 0 0;border:1px solid rgba(255,255,255,.14);border-radius:26px;color:#fff;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 92%,#000),color-mix(in srgb,var(--ink) 74%,var(--frame)));
  box-shadow:0 14px 38px color-mix(in srgb,var(--ink) 32%,transparent)}
footer.sfp .sfw{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:34px 40px;padding-left:34px;padding-right:34px}
footer.sfp .sfb p{color:rgba(255,255,255,.74);font-size:14.5px}
footer.sfp .sfc li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);box-shadow:none;color:#fff}
footer.sfp .sfc a{color:#fff}
footer.sfp .sfcol b{color:rgba(255,255,255,.55)}
footer.sfp .sfcol a{color:rgba(255,255,255,.9);font-size:14.5px}
footer.sfp .sfcol a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
footer.sfp .sfn{margin:30px 0 0;padding:16px 34px 18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.62);font-size:13px;align-items:center}
footer.sfp .sfn a{padding:7px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12.5px}
footer.sfp .sfn a:hover{background:rgba(255,255,255,.12);color:#fff}
@media(max-width:900px){footer.sfp .sfw{grid-template-columns:1fr 1fr}footer.sfp .sfb{grid-column:1/-1}}
@media(max-width:520px){
  footer.sfp{margin:28px auto 10px;padding-top:26px;border-radius:22px}
  footer.sfp .sfw{grid-template-columns:1fr 1fr;gap:24px 16px;padding-left:18px;padding-right:18px}
  footer.sfp .sfcol:last-of-type{grid-column:1/-1}
  footer.sfp .sfcol ul{gap:9px}
  footer.sfp .sfn{margin-top:22px;padding:14px 18px 16px}
}