/* Butik Oda tanıtım sitesi v3 */
@font-face{font-family:"Instrument Sans";src:url(fonts/InstrumentSans-lat.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/InstrumentSans-bold-lat.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/InstrumentSerif-lat.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/InstrumentSerif-italic-lat.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}

:root{
  --bg:#FFFFFF; --soft:#F3F6FB; --soft2:#EAF0F8; --card:#FFFFFF;
  --ink:#0B1A33; --ink2:#42526B; --ink3:#66758C; --line:#E0E7F1;
  --blue:#1553E5; --blue-d:#0E3FB8; --blue-s:#E8EFFE; --on-blue:#FFFFFF;
  --wa:#0F7B45; --wa-d:#0B6137;
  --stage1:#071433; --stage2:#0B2D80; --stage3:#1B66E8;
  --sh1:0 1px 2px rgba(11,26,51,.06),0 10px 30px -14px rgba(11,26,51,.22);
  --sh2:0 2px 4px rgba(11,26,51,.05),0 30px 60px -24px rgba(11,26,51,.35);
  --r-s:12px; --r-m:20px; --r-l:32px; --r-xl:44px;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --nav:rgba(255,255,255,.9); --bezel:#0A0F1C;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#07101F; --soft:#0B1830; --soft2:#10203D; --card:#0E1B34;
  --ink:#EAF0FA; --ink2:#B4C1D6; --ink3:#8E9DB6; --line:#1D2D4A;
  --blue:#6F9BFF; --blue-d:#9DBBFF; --blue-s:#14264D; --on-blue:#06122B;
  --wa:#2BB673; --wa-d:#46C98A;
  --stage1:#050C1F; --stage2:#0A2468; --stage3:#154CB8;
  --sh1:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.6);
  --sh2:0 2px 4px rgba(0,0,0,.4),0 30px 60px -24px rgba(0,0,0,.7);
  --nav:rgba(14,27,52,.9); --bezel:#02060F; color-scheme:dark;
}
@media (prefers-color-scheme:dark){
 :root:not([data-theme="light"]){
  --bg:#07101F; --soft:#0B1830; --soft2:#10203D; --card:#0E1B34;
  --ink:#EAF0FA; --ink2:#B4C1D6; --ink3:#8E9DB6; --line:#1D2D4A;
  --blue:#6F9BFF; --blue-d:#9DBBFF; --blue-s:#14264D; --on-blue:#06122B;
  --wa:#2BB673; --wa-d:#46C98A;
  --stage1:#050C1F; --stage2:#0A2468; --stage3:#154CB8;
  --sh1:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.6);
  --sh2:0 2px 4px rgba(0,0,0,.4),0 30px 60px -24px rgba(0,0,0,.7);
  --nav:rgba(14,27,52,.9); --bezel:#02060F; color-scheme:dark;
 }
}
/* Ege tonları: modül grupları */
[data-tone=ege]{--tf:#1D4ED8;--tb:#E8EEFF}
[data-tone=zeytin]{--tf:#566A1A;--tb:#EEF2DF}
[data-tone=kil]{--tf:#A24A2B;--tb:#FBEAE2}
[data-tone=deniz]{--tf:#0F766E;--tb:#DDF3F0}
[data-tone=incir]{--tf:#7A2E6E;--tb:#F5E7F2}
[data-tone=tas]{--tf:#5C5750;--tb:#EFECE7}
:root[data-theme="dark"] [data-tone=ege]{--tf:#8FB1FF;--tb:#14264D}
:root[data-theme="dark"] [data-tone=zeytin]{--tf:#B7C97A;--tb:#1F2A12}
:root[data-theme="dark"] [data-tone=kil]{--tf:#F0A98C;--tb:#34190F}
:root[data-theme="dark"] [data-tone=deniz]{--tf:#6FD6CB;--tb:#0C2B29}
:root[data-theme="dark"] [data-tone=incir]{--tf:#E7A6DC;--tb:#2D1229}
:root[data-theme="dark"] [data-tone=tas]{--tf:#CFC8BE;--tb:#26231F}
@media (prefers-color-scheme:dark){
 :root:not([data-theme="light"]) [data-tone=ege]{--tf:#8FB1FF;--tb:#14264D}
 :root:not([data-theme="light"]) [data-tone=zeytin]{--tf:#B7C97A;--tb:#1F2A12}
 :root:not([data-theme="light"]) [data-tone=kil]{--tf:#F0A98C;--tb:#34190F}
 :root:not([data-theme="light"]) [data-tone=deniz]{--tf:#6FD6CB;--tb:#0C2B29}
 :root:not([data-theme="light"]) [data-tone=incir]{--tf:#E7A6DC;--tb:#2D1229}
 :root:not([data-theme="light"]) [data-tone=tas]{--tf:#CFC8BE;--tb:#26231F}
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video,iframe{display:block;max-width:100%}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px}
.atla:focus{top:12px}
.wrap{width:min(1200px,calc(100% - 32px));margin-inline:auto}
@media(min-width:760px){.wrap{width:min(1200px,calc(100% - 64px))}}
.sec{padding:clamp(64px,9vw,124px) 0}
.sec.soft{background:var(--soft)}

/* Tipografi */
.h1{font:400 clamp(34px,7.4vw,92px)/1.04 var(--serif);letter-spacing:-.025em}
.h2{font:400 clamp(28px,5vw,62px)/1.08 var(--serif);letter-spacing:-.022em;text-wrap:balance}
.h3{font:700 clamp(18px,1.6vw,21px)/1.25 var(--sans);letter-spacing:-.005em}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--ink2);max-width:62ch;text-wrap:pretty}
.bas{display:grid;gap:16px;margin-bottom:clamp(32px,5vw,56px)}
.bas.orta{justify-items:center;text-align:center}
.kucuk{font-size:14px;color:var(--ink3)}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font:700 16px/1 var(--sans);letter-spacing:.005em;transition:transform .15s,background .2s,box-shadow .2s;white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn svg{width:20px;height:20px;flex:none}
.btn-pri{background:var(--blue);color:var(--on-blue);box-shadow:0 10px 24px -10px var(--blue)}
.btn-pri:hover{background:var(--blue-d)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-d)}
:root[data-theme="dark"] .btn-wa{color:#04170D}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-wa{color:#04170D}}
.btn-ghost{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink3)}
.btn-isik{position:relative;overflow:hidden;background:#fff;color:#0B1A33;box-shadow:0 14px 34px -10px rgba(0,0,0,.5),0 0 0 0 rgba(255,255,255,.65);animation:btnIsikNabiz 2.8s ease-in-out infinite}
.btn-isik:hover{background:#EAF0FF;animation-play-state:paused}
.btn-isik::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(11,26,51,.16) 50%,transparent 65%);transform:translateX(-120%);animation:isilti 3.6s ease-in-out 1s infinite}
@keyframes btnIsikNabiz{0%,65%,100%{box-shadow:0 14px 34px -10px rgba(0,0,0,.5),0 0 0 0 rgba(255,255,255,.55)}35%{box-shadow:0 14px 34px -10px rgba(0,0,0,.5),0 0 0 9px rgba(255,255,255,0)}}
@media(prefers-reduced-motion:reduce){.btn-isik{animation:none}.btn-isik::after{animation:none;display:none}}
.btn-incele{position:relative;overflow:hidden;background:linear-gradient(135deg,#1553E5 0%,#6F3DF5 55%,#1553E5 100%);color:#fff;box-shadow:0 16px 36px -12px rgba(21,83,229,.55),inset 0 0 0 1px rgba(255,255,255,.2)}
.btn-incele:hover{box-shadow:0 20px 44px -10px rgba(21,83,229,.68),inset 0 0 0 1px rgba(255,255,255,.3)}
.btn-incele::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-130%);animation:btnSheen 3.4s ease-in-out infinite}
@keyframes btnSheen{0%,55%{transform:translateX(-130%)}78%{transform:translateX(130%)}100%{transform:translateX(130%)}}
@media (prefers-reduced-motion:reduce){.btn-incele::after{display:none}}
.btn-cam{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.btn-cam:hover{background:rgba(255,255,255,.2)}
.btn-s{min-height:42px;padding:0 18px;font-size:15px}
.btnler{display:flex;flex-wrap:wrap;gap:12px}

/* Üst menü */
.nav{position:fixed;z-index:50;top:12px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 24px));height:58px;padding:0 8px 0 20px;display:flex;align-items:center;gap:18px;border-radius:999px;background:var(--nav);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);box-shadow:var(--sh1)}
.logo{display:flex;align-items:center;gap:10px;font:400 25px/1 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.logo img{width:30px;height:30px;border-radius:9px}
.nav-l{display:none;margin-left:auto;gap:2px}
.nav-l a{padding:9px 14px;border-radius:999px;font:700 15px/1 var(--sans);color:var(--ink2);transition:background .2s,color .2s}
.nav-l a:hover{background:var(--soft);color:var(--ink)}
.nav-s{display:flex;align-items:center;gap:8px;margin-left:auto}
.dil{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;font:700 14px/1 var(--sans);color:var(--ink2);box-shadow:inset 0 0 0 1.5px var(--line)}
.dil:hover{color:var(--ink)}
.menu-d{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--soft)}
.menu-d svg{width:22px;height:22px}
.nav .btn{display:none;min-height:42px}
@media(min-width:960px){.nav-l{display:flex}.nav-s{margin-left:0}.menu-d{display:none}.nav .btn{display:inline-flex}}
.sayfa-menu{position:fixed;inset:0;z-index:70;background:var(--bg);display:none;padding:18px 20px 32px;overflow:auto}
.sayfa-menu.ac{display:block}
.sm-ust{display:flex;align-items:center;justify-content:space-between;height:58px}
.sm-liste{display:grid;margin:18px 0 28px}
.sm-liste a{padding:14px 0;border-bottom:1px solid var(--line);font:400 34px/1.1 var(--serif)}
.sm-liste a:last-child{border:0}
.sm-btn{display:grid;gap:12px}

/* Telefon çerçevesi */
.tel{--W:280px;--s:1;position:relative;width:calc(var(--W)*var(--s));aspect-ratio:720/1558;padding:calc(var(--W)*var(--s)*.028);border-radius:calc(var(--W)*var(--s)*.15);background:var(--bezel);box-shadow:0 0 0 1px rgba(255,255,255,.14) inset,0 0 0 1.5px rgba(0,0,0,.5),var(--sh2);flex:none}
.tel-e{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--W)*var(--s)*.125);background:#E9E9E4}
.tel-e img{width:100%;height:100%;object-fit:cover;object-position:top}
.tel-e iframe{position:absolute;left:0;top:0;width:390px;max-width:none;height:844px;border:0;transform-origin:0 0;background:#E9E9E4}
.tel-r{position:absolute;z-index:3;left:50%;top:-17px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(11,26,51,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:700 13px/1 var(--sans);pointer-events:none}
.tel-r i{width:8px;height:8px;border-radius:50%;background:#3EE08F;box-shadow:0 0 0 0 rgba(62,224,143,.7);animation:nabiz 2s infinite}
@keyframes nabiz{70%{box-shadow:0 0 0 8px rgba(62,224,143,0)}100%{box-shadow:0 0 0 0 rgba(62,224,143,0)}}
.tel-b{position:absolute;z-index:3;left:50%;bottom:calc(var(--W)*var(--s)*.1);transform:translateX(-50%)}
.tel-b .btn{box-shadow:0 14px 30px -10px rgba(0,0,0,.55)}

/* Hero */
.hero{--ov:120px;position:relative;margin-top:0;padding:0 12px;overflow-x:clip}
.hero-bg{position:absolute;inset:12px 12px var(--ov) 12px;border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(1100px 650px at 82% 0%,var(--soft) 0%,transparent 60%),#FFFFFF}
.hero-bg i{position:absolute;border:1.5px solid rgba(11,26,51,.06);border-bottom:0;border-radius:999px 999px 0 0}
.hero-bg i:nth-child(1){width:520px;height:620px;right:-60px;bottom:-1px}
.hero-bg i:nth-child(2){width:380px;height:460px;right:10px;bottom:-1px}
.hero-bg i:nth-child(3){width:240px;height:300px;right:80px;bottom:-1px}
.hero-in{position:relative;display:grid;gap:36px;padding:104px 12px 0;max-width:1240px;margin:0 auto}
.hero-m{color:var(--ink);display:grid;gap:22px;align-content:center;padding:8px 14px 0}
.hero-m .h1{color:var(--ink);text-wrap:balance}
.hero-m p{font-size:clamp(17px,1.5vw,20px);color:var(--ink2);max-width:48ch}
.hero-m .not{font-size:14px;color:var(--ink3)}
.rozet{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--ink2);font:700 14px/1 var(--sans)}
.rozet li{display:flex;align-items:center;gap:8px}
.rozet li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
.hero-t{position:relative;height:calc(var(--HW)*2.16*1.0 + 8px);--HW:236px;margin-inline:auto;width:100%;max-width:560px}
.hero-t .tel{position:absolute;top:0;--W:var(--HW)}
.hero-t .t-o{left:50%;margin-left:calc(var(--HW)/-2);z-index:3}
.hero-t .t-l{--s:.84;left:50%;margin-left:calc(var(--HW)/-2 - var(--HW)*.62);top:calc(var(--HW)*.34);z-index:1}
.hero-t .t-r{--s:.84;left:50%;margin-left:calc(var(--HW)/-2 + var(--HW)*.62);top:calc(var(--HW)*.34);z-index:1}
.hero-t .t-l .tel-e,.hero-t .t-r .tel-e{filter:saturate(.95)}
@media(min-width:960px){
 .hero{--ov:150px}
 .hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;padding:112px 28px 0;gap:24px}
 .hero-m{padding:0 24px var(--ov) 24px;max-width:540px}
 .hero-t{--HW:290px;max-width:none;margin:0}
}
@media(min-width:1180px){.hero-t{--HW:312px}}
.hero-son{height:calc(var(--W,0px)*0)}

/* Bir gün */
.gun-g{display:grid;gap:0}
.gun-s{display:none}
.gun-a{display:grid;gap:22px;justify-items:start;padding:30px 0;border-top:1px solid var(--line)}
.gun-a:first-child{border-top:0}
.gun-a .tel{--W:210px;margin:6px auto 0}
.saat{font:400 clamp(46px,7vw,76px)/1 var(--serif);color:var(--blue);letter-spacing:-.02em}
.gun-a h3{font:400 clamp(28px,3.4vw,40px)/1.08 var(--serif);letter-spacing:-.015em;margin-top:4px}
.gun-a p{color:var(--ink2);max-width:52ch}
.gun-a ul{display:grid;gap:8px;color:var(--ink2);font-size:16px}
.gun-a li{position:relative;padding-left:22px}
.gun-a li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;border-radius:2px;background:var(--blue)}
@media(min-width:960px){
 .gun-g{grid-template-columns:minmax(300px,400px) 1fr;gap:clamp(48px,7vw,110px)}
 .gun-s{display:grid;position:sticky;top:88px;height:calc(100vh - 120px);max-height:760px;place-items:center;align-self:start}
 .gun-s .tel{--W:300px}
 .gun-s .tel-e img{position:absolute;inset:0;opacity:0;transition:opacity .5s}
 .gun-s .tel-e img.on{opacity:1}
 .gun-a{min-height:min(72vh,640px);align-content:center;padding:40px 0;opacity:.32;transition:opacity .35s;border-top:0}
 .gun-a.on{opacity:1}
 .gun-a .tel{display:none}
 .gun-a:first-child{margin-top:0}
}

/* Canlı dene */
.dene{margin:0 12px;border-radius:var(--r-xl);background:var(--soft);color:var(--ink);padding:clamp(48px,7vw,96px) 0}
.dene .h2{color:var(--ink)}
.dene .lead{color:var(--ink2)}
.gorevler{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 18px;scrollbar-width:none}
.gorevler::-webkit-scrollbar{display:none}
.gorev{scroll-snap-align:start;flex:0 0 78%;max-width:340px;display:grid;gap:10px;align-content:start;padding:20px 20px 18px;border-radius:var(--r-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,transform .2s}
.gorev:hover{background:#fff}
.gorev h3{font:400 26px/1.1 var(--serif);color:var(--ink)}
.gorev p{font-size:15px;color:var(--ink2);line-height:1.5}
.gorev .alt{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font:700 13px/1 var(--sans);color:var(--ink3)}
.etiket{display:inline-flex;width:fit-content;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;font:700 12.5px/1 var(--sans)}
.etiket.hata{background:#FBE7E0;color:#B85A32}
.etiket.akis{background:#E3F6EC;color:#18835A}
.etiket.yetki{background:#EDE7FB;color:#6C4FD6}
.dene-alt{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:28px}
.dene-alt .kucuk{color:var(--ink3)}
@media(min-width:760px){.gorevler{display:grid;grid-template-columns:repeat(2,1fr);overflow:visible;margin:0;padding:0}.gorev{flex:none;max-width:none}}
@media(min-width:1100px){.gorevler{grid-template-columns:repeat(5,1fr);gap:14px}.gorev h3{font-size:23px}}

/* Modül gezgini */
.mg-g{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 18px;padding:2px 16px;scrollbar-width:none}
.mg-g::-webkit-scrollbar,.mg-l::-webkit-scrollbar{display:none}
.mg-g button{flex:none;display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px;border-radius:999px;font:700 15.5px/1 var(--sans);color:var(--ink2);box-shadow:inset 0 0 0 1.5px var(--line);transition:background .2s,color .2s}
.mg-g button i{width:10px;height:10px;border-radius:50%;background:var(--tf)}
.mg-g button[aria-selected=true]{background:var(--tb);color:var(--tf);box-shadow:inset 0 0 0 1.5px var(--tf)}
.mg-g button small{font:700 12.5px/1 var(--sans);opacity:.7}
.mg-pan{display:grid;gap:18px}
.mg-l{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:2px 16px;scrollbar-width:none}
.mg-l button{flex:none;height:40px;padding:0 16px;border-radius:12px;font:700 14.5px/1 var(--sans);color:var(--ink2);background:var(--soft);text-align:left;transition:background .2s,color .2s}
.mg-l button[aria-selected=true]{background:var(--tf);color:var(--bg)}
:root[data-theme="dark"] .mg-l button[aria-selected=true]{color:#06122B}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mg-l button[aria-selected=true]{color:#06122B}}
.mg-o{position:relative}
.mod{display:grid;gap:26px;padding:24px 20px 28px;border-radius:var(--r-l);background:var(--tb);color:var(--ink)}
.mod-t{display:grid;gap:16px;align-content:start}
.mod h3{font:400 clamp(32px,4vw,48px)/1.03 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.mod-p{color:var(--ink2);font-size:17px}
.mod-li{display:grid;gap:11px;font-size:16px;color:var(--ink)}
.mod-li li{position:relative;padding-left:24px;line-height:1.5}
.mod-li li::before{content:"";position:absolute;left:0;top:.56em;width:12px;height:12px;border-radius:50%;background:var(--tf);opacity:.9;clip-path:polygon(0 40%,45% 40%,45% 0,100% 0,100% 60%,55% 60%,55% 100%,0 100%);border-radius:3px}
.mod-n{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.55);font-size:14.5px;color:var(--ink2);line-height:1.45}
:root[data-theme="dark"] .mod-n{background:rgba(255,255,255,.06)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mod-n{background:rgba(255,255,255,.06)}}
.mod-n svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--tf)}
.mod-a{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rozet-k{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;font:700 13.5px/1 var(--sans);color:var(--tf);box-shadow:inset 0 0 0 1.5px var(--tf)}
.mod-f{display:grid;gap:14px;justify-items:center;align-content:start}
.mod-f .tel{--W:250px}
.mod-th{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.mod-th button{width:50px;aspect-ratio:720/1000;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px transparent,var(--sh1);opacity:.7;transition:opacity .2s,box-shadow .2s}
.mod-th button[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--tf),var(--sh1)}
.mod-th img{width:100%;height:100%;object-fit:cover;object-position:top}
.mod-pc{display:none;width:100%}
.mod[data-mod=pc] .mod-pc{display:block}
.mod[data-mod=pc] .tel{display:none}
.mod-mod{display:flex;gap:6px;padding:4px;border-radius:999px;background:rgba(255,255,255,.55)}
:root[data-theme="dark"] .mod-mod{background:rgba(255,255,255,.07)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mod-mod{background:rgba(255,255,255,.07)}}
.mod-mod button{height:34px;padding:0 14px;border-radius:999px;font:700 13.5px/1 var(--sans);color:var(--ink2)}
.mod-mod button[aria-pressed=true]{background:var(--tf);color:var(--bg)}
:root[data-theme="dark"] .mod-mod button[aria-pressed=true]{color:#06122B}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mod-mod button[aria-pressed=true]{color:#06122B}}
.js .mod{display:none}
.js .mod.on{display:grid}
.mg-liste-v{display:none}
@media(min-width:960px){
 .mg-pan{grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
 .mg-l{flex-direction:column;overflow:visible;margin:0;padding:0;position:sticky;top:88px}
 .mg-l button{height:46px;border-radius:14px;font-size:15.5px;padding:0 16px}
 .mg-g{margin:0 0 22px;padding:0;flex-wrap:wrap}
 .mod{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;padding:48px 52px 52px;border-radius:var(--r-xl)}
 .mod-f .tel{--W:290px}
 .mod-f{position:sticky;top:96px}
}

/* Bilgisayarda */
.pcb{display:grid;gap:18px}
.pc-t{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:2px 16px;scrollbar-width:none}
.pc-t::-webkit-scrollbar{display:none}
.pc-t button{flex:none;height:42px;padding:0 18px;border-radius:999px;font:700 15px/1 var(--sans);color:var(--ink2);box-shadow:inset 0 0 0 1.5px var(--line)}
.pc-t button[aria-selected=true]{background:var(--ink);color:var(--bg);box-shadow:none}
.pcf{position:relative;border-radius:18px;background:var(--bezel);padding:34px 8px 8px;box-shadow:var(--sh2)}
.pcf::before{content:"";position:absolute;left:16px;top:13px;width:10px;height:10px;border-radius:50%;background:#FF6159;box-shadow:16px 0 0 #FEBC2E,32px 0 0 #28C840}
.pcf-e{position:relative;aspect-ratio:1440/900;overflow:hidden;border-radius:10px;background:#E9E9E4}
.pcf-e img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.pcf-e img.on{opacity:1}
.pc-no{display:grid;grid-template-columns:1fr;gap:14px;margin-top:6px}

/* Roller */
.rol-k{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px}
.rol-k div{padding:16px 16px 14px;border-radius:var(--r-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.rol-k b{display:block;font:700 16px/1.2 var(--sans);margin-bottom:6px}
.rol-k span{font-size:14px;color:var(--ink2);line-height:1.4;display:block}
.yt-s{position:relative;overflow:auto;border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line);background:var(--card);max-height:640px}
.yt{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:15px}
.yt th,.yt td{padding:11px 12px;text-align:center;border-bottom:1px solid var(--line)}
.yt thead th{position:sticky;top:0;z-index:3;background:var(--card);font:700 13.5px/1.2 var(--sans);color:var(--ink2);vertical-align:bottom;padding-top:14px;padding-bottom:12px}
.yt tbody th{position:sticky;left:0;z-index:2;background:var(--card);text-align:left;font-weight:400;color:var(--ink);min-width:200px;box-shadow:1px 0 0 var(--line)}
.yt thead th:first-child{left:0;z-index:4;text-align:left;box-shadow:1px 0 0 var(--line)}
.yt .grp th{background:var(--soft);font:700 13.5px/1 var(--sans);color:var(--ink);padding:10px 12px;position:sticky;left:0}
.yt .grp td{background:var(--soft)}
.yt tr:last-child th,.yt tr:last-child td{border-bottom:0}
.ev,.hy{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%}
.ev{background:var(--blue-s);color:var(--blue)}
.ev svg{width:14px;height:14px}
.hy{color:var(--ink3);opacity:.5;font-weight:700}
.yt .on-r{background:var(--blue-s)}
@media(max-width:759px){.rol-k div:last-child:nth-child(odd){grid-column:1/-1}}
@media(min-width:760px){.rol-k{grid-template-columns:repeat(4,1fr)}.yt th,.yt td{padding:12px 14px}}

/* Fiyat */
.fy-ust{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-bottom:26px}
.seg{display:inline-flex;padding:5px;border-radius:999px;background:var(--soft2)}
.seg button{min-width:112px;height:44px;padding:0 20px;border-radius:999px;font:700 15.5px/1 var(--sans);color:var(--ink2);transition:background .2s,color .2s}
.seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--sh1)}
.fy-g{display:grid;gap:16px}
.paket{display:grid;gap:14px;align-content:start;padding:28px 26px;border-radius:var(--r-l);background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line)}
.paket.one{box-shadow:inset 0 0 0 2px var(--blue),var(--sh1)}
.paket h3{font:700 18px/1.2 var(--sans);color:var(--ink2)}
.fiyat{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.fiyat b{font:400 clamp(46px,6vw,64px)/1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.fiyat span{font:700 16px/1 var(--sans);color:var(--ink3)}
.paket .not{font-size:14.5px;color:var(--ink2)}
.paket .tas{display:inline-flex;width:fit-content;align-items:center;height:30px;padding:0 13px;border-radius:999px;background:var(--blue-s);color:var(--blue);font:700 13.5px/1 var(--sans)}
.fy-d{display:grid;gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line);font-size:15px;color:var(--ink2)}
.fy-d li{position:relative;padding-left:24px}
.fy-d li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(-45deg)}
.fy-yok{padding:30px 26px;border-radius:var(--r-l);background:var(--soft);display:grid;gap:12px;justify-items:start}
.fy-yok h3{font:400 clamp(28px,3.4vw,40px)/1.1 var(--serif)}
.fy-ornek{margin-top:16px;font-size:13.5px;color:var(--ink3)}
.fy-ic{display:grid;gap:10px;margin-top:22px;font-size:15px;color:var(--ink2)}
@media(min-width:760px){.fy-g{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}

/* Dürüst panel */
.du-g{display:grid;gap:14px}
.du{display:grid;grid-template-columns:36px 1fr;gap:6px 16px;padding:22px 22px 24px;border-radius:var(--r-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.du i{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue-s);color:var(--blue);font:700 17px/1 var(--serif);font-style:italic}
.du h3{font:700 17px/1.3 var(--sans)}
.du p{grid-column:2;color:var(--ink2);font-size:15.5px;line-height:1.55}
@media(min-width:900px){.du-g{grid-template-columns:repeat(2,1fr);gap:16px}}

/* Adımlar */
.ad-g{display:grid;gap:14px;counter-reset:ad}
.ad{display:grid;gap:10px;padding:26px 24px 28px;border-radius:var(--r-l);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);counter-increment:ad}
.ad::before{content:counter(ad);font:400 64px/1 var(--serif);color:var(--blue)}
.ad h3{font:700 19px/1.25 var(--sans)}
.ad p{color:var(--ink2)}
@media(min-width:860px){.ad-g{grid-template-columns:repeat(3,1fr);gap:16px}}

/* SSS */
.ss-g{display:grid;gap:30px}
.ss details{border-bottom:1px solid var(--line)}
.ss details:first-child{border-top:1px solid var(--line)}
.ss summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 2px;cursor:pointer;font:700 17px/1.35 var(--sans);list-style:none}
.ss summary::-webkit-details-marker{display:none}
.ss summary::after{content:"";flex:none;width:12px;height:12px;border-right:2.5px solid var(--ink3);border-bottom:2.5px solid var(--ink3);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.ss details[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.ss details p{padding:0 2px 22px;color:var(--ink2);max-width:68ch}
@media(min-width:960px){.ss-g{grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:70px}.ss-g .bas{position:sticky;top:96px;align-self:start}}

/* İletişim */
.il{margin:0 12px;border-radius:var(--r-xl);background:var(--blue);color:#fff;padding:clamp(48px,8vw,104px) 0;overflow:hidden}
.il .h2{color:#fff;max-width:18ch}
.il p{color:rgba(255,255,255,.84);font-size:clamp(17px,1.5vw,20px);max-width:48ch}
.il-g{display:grid;gap:30px}
.il-no{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:400 clamp(30px,4vw,44px)/1 var(--serif);letter-spacing:-.01em}
.il-no button{font:700 14px/1 var(--sans);height:36px;padding:0 15px;border-radius:999px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.il-no button:hover{background:rgba(255,255,255,.12)}
@media(min-width:900px){.il-g{grid-template-columns:1.1fr .9fr;align-items:end;gap:60px}}

/* Alt bilgi */
.ft{padding:clamp(56px,7vw,96px) 0 28px}
.ft-d{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 20px}
.ft-d h3{font:700 15px/1 var(--sans);margin-bottom:16px;color:var(--ink)}
.ft-d li{margin:0 0 11px}
.ft-d a{color:var(--ink2);font-size:15.5px}
.ft-d a:hover{color:var(--blue)}
.ft-m .logo{margin-bottom:14px}
.ft-m p{color:var(--ink2);font-size:15.5px;max-width:28ch}
.ft-sos{display:flex;gap:10px;margin-top:16px}
.ft-sos a{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink2);transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.ft-sos a:hover{background:linear-gradient(135deg,#4f5bd5,#962fbf 45%,#d62976 70%,#fa7e1e);box-shadow:none;color:#fff;transform:translateY(-2px)}
.ft-sos svg{width:19px;height:19px}
.ft-s{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--ink3)}
@media(min-width:900px){.ft-d{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr}.ft-m{grid-column:auto}}
@media(max-width:899px){.ft-m{grid-column:1/-1}}

/* Sabit alt CTA (telefon) */
.sabit{position:fixed;z-index:45;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px;border-radius:999px;background:var(--nav);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--sh2);transform:translateY(140%);transition:transform .35s}
.sabit.ac{transform:none}
.sabit .btn{min-height:48px;padding:0 14px}
@media(min-width:760px){.sabit{display:none}}
body{padding-bottom:0}
@media(max-width:759px){body{padding-bottom:84px}}

/* Dil önerisi */
.dil-o{position:fixed;z-index:80;left:12px;right:12px;top:80px;display:none;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:var(--card);box-shadow:var(--sh2);font-size:15px;max-width:520px;margin-inline:auto}
.dil-o.ac{display:flex}
.dil-o span{flex:1 1 220px}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.nav,.sabit,.dene,.il{display:none}}

/* ===================================================================== Ust menu: sabit, kenardan kenara, icerigin ustune binmez
   Eski "yuzen hap" yerine sayfanin ustune yapisik tek cubuk. Kaydirinca ince golge (.nav.kaydi), bulunulan bolum alti cizili (aria-current). */
.nav{position:sticky;top:0;left:auto;transform:none;width:100%;height:68px;margin:0;padding:0 max(20px,calc((100% - 1160px) / 2));gap:28px;border-radius:0;
  background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--line) 70%,transparent);transition:box-shadow .3s,background .3s}
.nav.kaydi{background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:inset 0 -1px 0 var(--line),0 10px 30px -22px rgba(11,26,51,.35)}
.nav .logo{flex:none;gap:11px;font-size:26px}
.nav .logo img{width:32px;height:32px;border-radius:10px;box-shadow:0 4px 12px -6px rgba(11,26,51,.45)}
.nav-l{gap:4px}
.nav-l a{position:relative;padding:10px 13px;border-radius:10px;font:600 15px/1 var(--sans);letter-spacing:-.005em;color:var(--ink2);background:none}
.nav-l a::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nav-l a:hover{background:none;color:var(--ink)}
.nav-l a:hover::after{transform:scaleX(.6)}
.nav-l a[aria-current="true"]{color:var(--ink)}
.nav-l a[aria-current="true"]::after{transform:scaleX(1)}
.nav-s{gap:10px}
.nav .dil{height:40px;padding:0 14px;border-radius:12px;font-weight:600;box-shadow:none;color:var(--ink2)}
.nav .dil:hover{background:var(--soft);color:var(--ink)}
.nav .btn{min-height:42px;border-radius:12px}
.menu-d{width:44px;height:44px;border-radius:12px;background:var(--soft);transition:background .2s}
.menu-d:hover{background:var(--soft2)}
html{scroll-padding-top:84px}
/* menu artik akista: ust sahne menunun altindan baslar */
.hero-in{padding-top:44px}
@media(min-width:960px){.hero-in{padding-top:56px}}

/* Telefon menusu: sade tam ekran panel, buyuk serif baglantilar, numaralar ve ok */
.sayfa-menu{padding:0 20px calc(28px + env(safe-area-inset-bottom,0px));background:var(--bg)}
.sayfa-menu.ac{display:flex;flex-direction:column;animation:sm-gir .32s cubic-bezier(.2,.8,.2,1)}
@keyframes sm-gir{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.sm-ust{height:68px;border-bottom:1px solid var(--line);margin:0 -20px;padding:0 20px}
.sm-liste{counter-reset:sm;margin:8px 0 24px}
.sm-liste a{counter-increment:sm;display:flex;align-items:baseline;gap:14px;padding:16px 0;font:400 34px/1.1 var(--serif);color:var(--ink)}
.sm-liste a::before{content:counter(sm,decimal-leading-zero);font:600 12px/1 var(--sans);letter-spacing:.08em;color:var(--ink3);transform:translateY(-6px)}
.sm-liste a::after{content:"→";margin-left:auto;font:400 22px/1 var(--sans);color:var(--ink3);transition:transform .2s,color .2s}
.sm-liste a:active::after,.sm-liste a:hover::after{transform:translateX(4px);color:var(--ink)}
.sm-btn{margin-top:auto}
@media (prefers-reduced-motion:reduce){.sayfa-menu.ac{animation:none}.nav-l a::after{transition:none}}
@media print{.nav{position:static}}

/* ===================================================================== Vay katmani (2026-10-28b)
   Aurora + gren, canli bildirimler, sayac seridi, ilerleme cizgisi, imlec isigi, kayarak belirme,
   ve fiyatta "30 gun ucretsiz" secenegi: kendi aurasi olan, "buradayim" diyen kart. Hareketler prefers-reduced-motion'da durur. */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{--mint:#3EE08F;--amber:#FFC56B;--violet:#9B7BFF;--gren:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ust: kaydirma ilerlemesi */
.nav .ilerleme{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--ilr,0));background:linear-gradient(90deg,var(--blue),#22C3E6 55%,var(--mint));pointer-events:none}

/* hero: nefes alan aurora, gren, parlayan baslik */
.hero-in{padding-top:64px}
@media(min-width:960px){.hero-in{padding-top:92px}}
.hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--gren);opacity:.05;mix-blend-mode:multiply}
.hero-bg i{transform:translate(calc(var(--px,0)*-14px),calc(var(--py,0)*-10px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@keyframes aurora{0%{transform:translate3d(-4%,-2%,0) rotate(0deg) scale(1)}50%{transform:translate3d(3%,2%,0) rotate(8deg) scale(1.08)}100%{transform:translate3d(-2%,4%,0) rotate(-6deg) scale(1.02)}}
.parla{font-style:normal;background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 30%,var(--blue) 42%,#1FA463 50%,var(--blue) 58%,var(--ink) 70%,var(--ink) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:parla 7s cubic-bezier(.5,0,.3,1) 1s infinite}
@keyframes parla{0%{background-position:100% 0}45%,100%{background-position:0 0}}

/* hero: telefonlarin etrafinda canli bildirimler */
.bldler{position:absolute;inset:0;z-index:6;pointer-events:none;transform:translate(calc(var(--px,0)*10px),calc(var(--py,0)*8px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.bld{position:absolute;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:16px;background:rgba(255,255,255,.94);color:#0B1A33;box-shadow:0 18px 40px -14px rgba(4,14,40,.55),0 0 0 1px rgba(255,255,255,.6) inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;animation:bld 14s cubic-bezier(.2,.7,.2,1) infinite;white-space:nowrap}
.bld i{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;color:#fff;flex:none}
.bld i svg{width:18px;height:18px}
.bld span{display:grid;gap:1px}
.bld b{font:700 13.5px/1.2 var(--sans)}
.bld small{font:500 12px/1.2 var(--sans);color:#56627A}
.bld-ok i{background:linear-gradient(135deg,#22C07A,#13A66A)}
.bld-tl i{background:linear-gradient(135deg,#FFB547,#F08A1C)}
.bld-oda i{background:linear-gradient(135deg,#22C3E6,#1585D8)}
.bld-yeni i{background:linear-gradient(135deg,#8E7BFF,#5B4BEA)}
.bld-1{left:-2%;top:14%;animation-delay:.6s}
.bld-2{right:-4%;top:30%;animation-delay:4.1s}
.bld-3{left:0;top:58%;animation-delay:7.6s}
.bld-4{right:-2%;top:72%;animation-delay:11.1s}
@keyframes bld{0%{opacity:0;transform:translateY(14px) scale(.9)}4%{opacity:1;transform:none}26%{opacity:1;transform:translateY(-4px)}31%,100%{opacity:0;transform:translateY(-14px) scale(.96)}}
@media(max-width:600px){.bld{padding:7px 11px 7px 7px;border-radius:13px;gap:8px}.bld i{width:26px;height:26px;border-radius:9px}.bld i svg{width:15px;height:15px}.bld b{font-size:12px}.bld small{font-size:11px}.bld-1,.bld-3{left:-6px}.bld-2,.bld-4{right:-6px}}

/* sayac seridi */
.sayac{padding:clamp(40px,6vw,72px) 0 0}
.sayac ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-radius:var(--r-l);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.sayac li{position:relative;display:grid;gap:2px;align-content:start;padding:22px 20px 24px;box-shadow:0 0 0 .5px var(--line)}
.sayac b{font:400 clamp(52px,7vw,84px)/.95 var(--serif);letter-spacing:-.03em;background:linear-gradient(160deg,var(--blue) 20%,#22C3E6 70%,var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.sayac span{font:700 16px/1.3 var(--sans);color:var(--ink)}
.sayac small{font-size:14px;color:var(--ink3)}
@media(min-width:860px){.sayac ul{grid-template-columns:repeat(4,minmax(0,1fr))}.sayac li{padding:30px 28px 32px}}

/* imlec isigi: kartlar imleci takip eden yumusak bir parilti tasir */
.gorev,.du,.ad,.paket:not(.dn),.sayac li{position:relative;isolation:isolate}
.gorev::after,.du::after,.ad::after,.paket:not(.dn)::after,.sayac li::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--blue) 13%,transparent),transparent 65%)}
.gorev::after{background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(143,245,201,.18),transparent 65%)}
@media(hover:hover){.gorev:hover::after,.du:hover::after,.ad:hover::after,.paket:not(.dn):hover::after,.sayac li:hover::after{opacity:1}
 .gorev:hover{transform:translateY(-3px)}
 .du,.ad{transition:transform .25s,box-shadow .25s}.du:hover,.ad:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 30%,var(--line)),0 18px 40px -24px color-mix(in srgb,var(--blue) 60%,transparent)}}

.dene,.il{position:relative;overflow:hidden;isolation:isolate}
.il::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--gren);opacity:.06;mix-blend-mode:overlay}

/* kayarak belirme */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) calc(var(--rv-i,0) * 70ms),transform .8s cubic-bezier(.2,.7,.2,1) calc(var(--rv-i,0) * 70ms)}
.js .rv.gor{opacity:1;transform:none}

/* ---------- fiyat: "30 gun ucretsiz" segmenti ---------- */
.seg{position:relative;align-items:center;gap:2px}
.seg button{position:relative}
.seg-dn{display:inline-flex;align-items:center;gap:8px;isolation:isolate;color:var(--ink)!important}
.seg-dn > i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(62,224,143,.7);animation:nabiz 1.8s infinite}
.seg-dn::before{content:"";position:absolute;inset:-3px;border-radius:inherit;z-index:-1;padding:2px;background:conic-gradient(from var(--ang),var(--mint),#22C3E6,var(--violet),var(--amber),var(--mint));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:don 4s linear infinite;filter:drop-shadow(0 0 8px rgba(62,224,143,.55))}
.seg-dn[aria-pressed=true]{background:linear-gradient(135deg,#0B1A33,#13306E)!important;color:#fff!important;box-shadow:0 10px 30px -8px rgba(62,224,143,.55)!important}
.seg-dn::after{content:attr(data-rozet);position:absolute;right:-6px;top:-15px;padding:4px 9px;border-radius:999px;background:var(--mint);color:#04210F;font:800 11px/1 var(--sans);letter-spacing:.02em;white-space:nowrap;box-shadow:0 6px 16px -6px rgba(62,224,143,.9);animation:zipla 2.6s ease-in-out infinite;pointer-events:none}
.seg-dn:not([data-rozet])::after{display:none}
@keyframes don{to{--ang:360deg}}
@keyframes zipla{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-4px) rotate(-2deg)}}
.fy-ust{padding-top:14px}

/* ---------- fiyat: deneme karti ---------- */
.fy-g[data-mod=deneme]{grid-template-columns:1fr}
.paket.dn{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:28px;padding:clamp(28px,4.4vw,56px);border-radius:var(--r-xl);color:var(--ink);background:#fff;box-shadow:inset 0 0 0 2px var(--blue),0 24px 60px -30px rgba(21,83,229,.25);animation:dn-gir .7s cubic-bezier(.2,.7,.2,1)}
@keyframes dn-gir{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.dn-sol,.dn-sag{display:grid;gap:16px;align-content:start}
.dn-ust{display:inline-flex;width:fit-content;align-items:center;gap:9px;height:32px;padding:0 14px;border-radius:999px;background:var(--blue-s);box-shadow:inset 0 0 0 1px rgba(21,83,229,.25);color:var(--blue-d);font:700 13.5px/1 var(--sans);letter-spacing:.02em;text-transform:uppercase}
.dn-ust i{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:nabiz 1.8s infinite}
.paket.dn .fiyat b{font-size:clamp(96px,13vw,168px);line-height:.85;letter-spacing:-.04em;color:var(--ink)}
.paket.dn .fiyat span{color:var(--ink3);font-size:18px}
.paket.dn h3{font:400 clamp(30px,3.6vw,44px)/1.05 var(--serif);letter-spacing:-.015em;color:var(--ink);max-width:16ch}
.paket.dn p{color:var(--ink2);font-size:16.5px;max-width:46ch}
.dn-btn{justify-self:start;gap:12px;height:58px;padding:0 26px 0 30px;margin-top:6px;font-size:17px;background:var(--blue);color:#fff;box-shadow:0 14px 34px -10px rgba(21,83,229,.45)}
.dn-btn svg{width:20px;height:20px;transition:transform .25s}
.dn-btn:hover svg{transform:translateX(4px)}
.paket.dn .fy-d{margin:0;padding:22px 22px 22px;border:0;border-radius:var(--r-l);background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);font-size:15.5px;gap:13px}
.paket.dn .fy-d li::before{border-color:var(--blue)}
.dn-sonra{display:grid;gap:10px}
.dn-sonra > span{font:700 12.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-top:6px}
.dn-sonra button{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:14px 18px;border-radius:16px;text-align:left;color:var(--ink2);font:600 14.5px/1.2 var(--sans);background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,box-shadow .2s}
.dn-sonra button b{font:400 26px/1 var(--serif);color:var(--ink)}
.dn-sonra button em{margin-left:auto;font-style:normal;color:var(--ink3);font-size:13.5px}
.dn-sonra button:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(143,245,201,.5)}
@media(min-width:880px){.paket.dn{grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}}

@media (prefers-reduced-motion:reduce){
 .parla,.bld,.seg-dn::before,.seg-dn::after,.seg-dn > i,.paket.dn,.dn-aura i,.dn-btn::after,.dn-ust i{animation:none!important}
 .bld-1,.bld-2{opacity:1}
 .js .rv{opacity:1;transform:none;transition:none}
}
@media(max-width:600px){.fy-ust .seg{display:flex;width:100%}.seg button{flex:1 1 auto;min-width:0;padding:0 12px;font-size:14.5px;white-space:nowrap}.seg-dn{flex:1.4 1 auto!important;justify-content:center}}

/* ===================================================================== Sov katmani (2026-10-28c) */
/* kelime kelime yukselen basliklar */
.kel{display:inline-block;overflow:hidden;vertical-align:top;padding:.1em .02em .14em;margin:-.1em -.02em -.14em}
.kel > span,.kel > .kel-i{display:inline-block;transform:translateY(110%) rotate(4deg);transform-origin:0 100%;transition:transform 1s cubic-bezier(.16,1,.3,1) calc(var(--k,0) * 55ms)}
.acildi .hero .h1 .kel > *{transform:none}
.kelimeli.gor .kel > *{transform:none}
.hero .h1 .kel > *{transition-duration:1.2s;transition-delay:calc(150ms + var(--k,0) * 80ms)}
.hero .h1 .kel > .parla{display:inline-block}
/* giris: telefonlar sirayla yukselir, yanlar suzulur, ortada isik gecer */
.hero-t{transform:perspective(1400px) rotateY(calc(var(--px,0) * 9deg)) rotateX(calc(var(--py,0) * -7deg));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hero-t:has(iframe){transform:none}
.hero-t .tel{animation:tel-gir 1.3s cubic-bezier(.16,1,.3,1) both}
.hero-t .t-o{animation-delay:.25s}
.hero-t .t-l{animation:tel-gir 1.3s cubic-bezier(.16,1,.3,1) .45s both,suz 7s ease-in-out 1.8s infinite}
.hero-t .t-r{animation:tel-gir 1.3s cubic-bezier(.16,1,.3,1) .6s both,suz 8s ease-in-out 2.4s infinite}
@keyframes tel-gir{from{opacity:0;translate:0 90px}to{opacity:1;translate:0 0}}
@keyframes suz{0%,100%{translate:0 0}50%{translate:0 -12px}}
.hero-t .t-o .tel-e::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.38) 50%,transparent 60%);background-size:250% 100%;background-position:120% 0;animation:cam 7s ease-in-out 2s infinite;mix-blend-mode:soft-light}
.hero-t .t-o:has(iframe) .tel-e::after{display:none}
@keyframes cam{0%{background-position:120% 0}30%,100%{background-position:-60% 0}}
.hero-m .btnler,.hero-m .rozet,.hero-m > p{animation:yuksel 1s cubic-bezier(.16,1,.3,1) both}
.hero-m > p:not(.not){animation-delay:.55s}.hero-m .btnler{animation-delay:.7s}.hero-m .rozet{animation-delay:.85s}.hero-m .not{animation-delay:1s}
@keyframes yuksel{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
/* miknatis dugmeler */
.btn{translate:var(--mgx,0) var(--mgy,0);transition:transform .15s,background .2s,box-shadow .2s,translate .35s cubic-bezier(.2,.7,.2,1)}
/* el feneri */
.fener{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(520px circle at var(--fx,50%) var(--fy,50%),rgba(143,245,201,.13),rgba(60,130,255,.08) 40%,transparent 70%)}
.dene .fener,.il .fener{z-index:-1}
.fenerli > .fener{opacity:1}
/* isilti patlamasi */
.kivilcim{position:fixed;z-index:200;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;pointer-events:none;box-shadow:0 0 10px currentColor;animation:kivilcim 1.1s cubic-bezier(.15,.8,.3,1) both}
.kivilcim.yildiz{width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:2px;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
@keyframes kivilcim{0%{transform:translate(0,0) scale(.4) rotate(0);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),calc(var(--dy) + 40px)) scale(1) rotate(var(--r));opacity:0}}
/* fiyat erirken */
.dn-sifir{white-space:nowrap;font-variant-numeric:tabular-nums}
.paket.dn .fiyat b.eriyor{font-size:clamp(64px,8.5vw,120px)}
.paket.dn .fiyat b.sifirlandi{animation:sifir .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes sifir{0%{transform:scale(.8)}100%{transform:scale(1)}}
.paket.dn .fiyat s{color:rgba(255,255,255,.45);text-decoration-color:var(--mint);text-decoration-thickness:2px;margin-right:6px}
.paket.dn .fiyat{min-height:clamp(96px,13vw,150px);align-items:flex-end}
/* kayan serit */
.serit{position:relative;padding:clamp(28px,4vw,48px) 0;overflow:hidden;background:var(--bg)}
.kayan{width:max-content;transform:rotate(-2deg);margin:0 -40px}
.kayan + .kayan{transform:rotate(1.4deg);margin-top:-6px}
.kayan > div{display:flex;align-items:center;gap:28px;padding:14px 0;animation:kay 46s linear infinite}
.k-sag > div{animation-direction:reverse;animation-duration:52s}
.k-sol{background:linear-gradient(90deg,var(--stage1),var(--stage2) 50%,var(--stage3));box-shadow:0 20px 50px -24px rgba(21,83,229,.6)}
.k-sol span{color:#fff}.k-sol i{color:var(--mint)}
.k-sag{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.kayan span{font:400 clamp(34px,4.6vw,60px)/1.05 var(--serif);letter-spacing:-.02em;white-space:nowrap}
.kayan span.bos{color:transparent!important;-webkit-text-stroke:1.2px currentColor}
.k-sol span.bos{-webkit-text-stroke-color:rgba(255,255,255,.85)}
.k-sag span{color:var(--ink)}.k-sag span.bos{-webkit-text-stroke-color:var(--ink2)}.k-sag i{color:var(--blue)}
.kayan i{font-style:normal;font-size:clamp(18px,2vw,26px)}
@keyframes kay{to{transform:translateX(-50%)}}
@media(hover:hover){.serit:hover .kayan > div{animation-play-state:paused}}
/* dev imza */
.dev-ad{margin-top:clamp(28px,4vw,48px);font:400 clamp(84px,20.5vw,300px)/.8 var(--serif);letter-spacing:-.045em;text-align:center;white-space:nowrap;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 22%,transparent);background:linear-gradient(100deg,var(--blue),#22C3E6 40%,var(--mint) 60%,var(--violet));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;background-position:100% 0;transition:background-position 1.6s cubic-bezier(.2,.7,.2,1),-webkit-text-stroke-color .6s;user-select:none;padding-bottom:.06em;overflow:hidden}
.dev-ad{color:color-mix(in srgb,var(--ink) 4%,transparent)}
@media(hover:hover){.dev-ad:hover{color:transparent;background-position:0 0;-webkit-text-stroke-color:transparent}}
/* serit: iki bant paralel, hafif egik; bant ekran genisliginde, yazi icinde kayar */
.serit{padding:clamp(36px,5vw,64px) 0}
.kayan,.kayan + .kayan{width:auto;margin:0 -6vw;overflow:hidden;transform:rotate(-2deg)}
.kayan + .kayan{margin-top:0}
.kayan > div{width:max-content}

/* aylik/yillik: tek, genis, sik kart; tepede ucretsiz deneme seridi */
.paket.pk{position:relative;gap:22px;padding:30px 28px 30px;border-radius:var(--r-xl);border:1.5px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,color-mix(in srgb,var(--blue) 55%,var(--line)),var(--line) 40%,var(--line) 60%,color-mix(in srgb,var(--mint) 60%,var(--line))) border-box;
  box-shadow:0 30px 70px -40px color-mix(in srgb,var(--blue) 55%,transparent);animation:dn-gir .6s cubic-bezier(.2,.7,.2,1)}
.paket.pk.one{box-shadow:0 30px 70px -36px color-mix(in srgb,var(--blue) 65%,transparent)}
.pk-sol{display:grid;gap:14px;align-content:start;justify-items:start}
.pk-sol h3{font:700 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.paket.pk .fiyat b{font-size:clamp(64px,8vw,104px);letter-spacing:-.035em}
.pk-not{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pk-btn{min-height:56px;padding:0 30px;margin-top:4px}
.paket.pk .fy-d{margin:0;padding:0;border:0;gap:14px;font-size:15.5px}
.pk-dn{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:10px;width:100%;padding:13px 18px;border-radius:16px;text-align:left;color:#DFFFEF;font:700 14.5px/1.25 var(--sans);
  background:radial-gradient(60% 140% at 0 50%,rgba(62,224,143,.35),transparent 70%),radial-gradient(50% 160% at 100% 50%,rgba(155,123,255,.4),transparent 70%),linear-gradient(110deg,#071433,#0E2F86);
  box-shadow:0 10px 30px -14px rgba(62,224,143,.7),inset 0 0 0 1px rgba(143,245,201,.25);transition:transform .25s,box-shadow .25s}
.pk-dn i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--mint);animation:nabiz 1.8s infinite}
.pk-dn em{margin-left:auto;font-style:normal;color:var(--mint);transition:transform .25s}
.pk-dn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);transform:translateX(-120%);animation:isilti 4.5s ease-in-out 1s infinite}
.pk-dn:hover{transform:translateY(-1px);box-shadow:0 14px 34px -12px rgba(62,224,143,.85),inset 0 0 0 1px rgba(143,245,201,.45)}
.pk-dn:hover em{transform:translateX(4px)}
@media(min-width:880px){
 .fy-g.tek .paket.pk{grid-template-columns:1fr 1fr;column-gap:56px;padding:44px 48px}
 .fy-g.tek .pk-dn{grid-column:1/-1;margin:0 -26px 10px}
 .fy-g.tek .pk-sag{align-self:center;padding-left:48px;border-left:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){.pk-dn::after,.pk-dn i{animation:none}}

/* ===================================================================== Uctan uca (2026-10-28d)
   Bukalemun menu: giristeki maviye karisir, acik bolumlerde cam, koyu bolumlerde gece camina doner; kayan hap imleci.
   Telefon menusu: dugmeden dairesel acilan aurora sahne. "Kendi oteliniz" canli onizleme. Demo filtresi. Imlec halkasi. */
:root{interpolate-size:allow-keywords}
/* giris: ust kenara tasan sahne, menu ustunde */
.nav{margin-bottom:-68px;transition:background .45s,box-shadow .45s,color .45s,height .35s}
.hero-bg{inset:0 0 var(--ov) 0;border-radius:0 0 var(--r-xl) var(--r-xl)}
.hero-in{padding-top:132px}
@media(min-width:960px){.hero-in{padding-top:164px}}
.hero{padding:0 12px}
/* menu ic duzen */
.nav-l{position:relative;align-items:center;gap:2px;padding:4px;border-radius:14px}
.nav-l a{z-index:1;padding:11px 14px;border-radius:11px;transition:color .3s}
.nav-l a::after{display:none}
.nav-pil{position:absolute;left:0;top:4px;bottom:4px;width:var(--pw,0);border-radius:11px;translate:var(--px2,0) 0;opacity:0;background:var(--soft2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent);transition:translate .5s cubic-bezier(.3,1.35,.5,1),width .5s cubic-bezier(.3,1.35,.5,1),opacity .25s,background .45s;pointer-events:none}
.nav-l.pilli .nav-pil{opacity:1}
.nav-l a[aria-current="true"],.nav-l a.ust{color:var(--ink)}
.nav .logo img{transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.nav .logo:hover img{transform:rotate(-8deg) scale(1.08)}
.nav .logo{transition:color .45s}
.dil{position:relative}
.nav .dil{padding:0 4px;height:36px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .45s}
.dil > span{position:relative;display:inline-flex;align-items:center;gap:0}
.dil b{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:28px;font:700 12.5px/1 var(--sans);letter-spacing:.04em;color:var(--ink3);transition:color .3s}
.dil b.on{color:var(--on-blue)}
.dil > span::before{content:"";position:absolute;top:0;left:0;width:34px;height:28px;border-radius:999px;background:var(--blue);transition:translate .45s cubic-bezier(.3,1.4,.5,1)}
.dil-en > span::before{translate:34px 0}
.dil:hover > span::before{translate:34px 0}.dil-en:hover > span::before{translate:0 0}
.dil:hover b.on{color:var(--ink3)}.dil:hover b:not(.on){color:var(--on-blue)}
.nav.kaydi{height:60px}
/* koyu ve seffaf hal */
.nav.koyu{color:#fff;background:rgba(6,16,40,.55);box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.nav.seffaf{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav.koyu .logo{color:#fff}
.nav.koyu .nav-l a{color:rgba(255,255,255,.72)}
.nav.koyu .nav-l a[aria-current="true"],.nav.koyu .nav-l a.ust{color:#fff}
.nav.koyu .nav-pil{background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.nav.koyu .dil{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.nav.koyu .dil b{color:rgba(255,255,255,.6)}
.nav.koyu .dil > span::before{background:#fff}
.nav.koyu .dil b.on{color:#0B1A33}
.nav.koyu .dil:hover b.on{color:rgba(255,255,255,.6)}.nav.koyu .dil:hover b:not(.on){color:#0B1A33}
.nav.koyu .btn-pri{background:#fff;color:#0B1A33;box-shadow:0 10px 28px -12px rgba(0,0,0,.6)}
.nav.koyu .menu-d{background:rgba(255,255,255,.12);color:#fff}
.nav.koyu .ilerleme{opacity:.9}
.nav.seffaf .ilerleme{opacity:0}
/* hamburger -> carpi */
.menu-d{position:relative}
.hb{position:relative;display:block;width:20px;height:12px}
.hb i{position:absolute;left:0;width:20px;height:2.2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.7,0,.2,1),top .3s .1s,width .3s}
.hb i:nth-child(1){top:0}.hb i:nth-child(2){top:10px;width:14px}
.menu-acik .hb i{top:5px;width:20px;transition:top .25s,transform .45s cubic-bezier(.7,0,.2,1) .15s,width .25s}
.menu-acik .hb i:nth-child(1){transform:rotate(45deg)}.menu-acik .hb i:nth-child(2){transform:rotate(-45deg)}
/* tam ekran menu: dugmeden dairesel acilan sahne */
.sayfa-menu,.sayfa-menu.ac{display:flex;flex-direction:column;z-index:49;padding:92px 24px calc(24px + env(safe-area-inset-bottom,0px));color:var(--ink);animation:none;
  background:var(--bg);
  visibility:hidden;clip-path:circle(0 at var(--cx,calc(100% - 42px)) var(--cy,34px));transition:clip-path .65s cubic-bezier(.7,0,.2,1),visibility 0s .65s}
.sayfa-menu.ac{visibility:visible;clip-path:circle(160% at var(--cx,calc(100% - 42px)) var(--cy,34px));transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility 0s}
.sm-ust{display:none}
.sm-aura{display:none}
.sayfa-menu{isolation:isolate}
.sm-liste{counter-reset:none;margin:0 0 24px;display:grid;gap:2px}
.sm-liste a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:10px 10px;border-radius:14px;border-bottom:0;color:var(--ink);font:inherit;
  opacity:0;translate:0 26px;transition:opacity .5s,translate .7s cubic-bezier(.16,1,.3,1),background .2s}
.sm-liste a:active,.sm-liste a:hover{background:var(--soft)}
.sm-liste a::before,.sm-liste a::after{display:none}
.sm-n{font:600 12px/1 var(--sans);letter-spacing:.1em;color:var(--blue)}
.sm-a{display:grid;gap:2px}
.sm-a b{font:700 16.5px/1.25 var(--sans);letter-spacing:-.005em}
.sm-a small{font-size:12.5px;color:var(--ink3)}
.sm-liste em{font-style:normal;font-size:17px;color:var(--ink3);transition:translate .25s,color .25s}
.sm-liste a:active em,.sm-liste a:hover em{translate:6px 0;color:var(--ink)}
.ig-ozel{position:relative;border-radius:14px;margin:6px 0 2px;padding:9px 12px!important;border-bottom:0!important}
.sayfa-menu.ac .sm-liste a{opacity:1;translate:0 0}
.sayfa-menu.ac .sm-liste a:nth-child(1){transition-delay:.18s}.sayfa-menu.ac .sm-liste a:nth-child(2){transition-delay:.23s}.sayfa-menu.ac .sm-liste a:nth-child(3){transition-delay:.28s}.sayfa-menu.ac .sm-liste a:nth-child(4){transition-delay:.33s}.sayfa-menu.ac .sm-liste a:nth-child(5){transition-delay:.38s}.sayfa-menu.ac .sm-liste a:nth-child(6){transition-delay:.43s}.sayfa-menu.ac .sm-liste a:nth-child(7){transition-delay:.48s}
.sm-btn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;opacity:0;translate:0 20px;transition:opacity .5s .45s,translate .7s cubic-bezier(.16,1,.3,1) .45s}
.sayfa-menu.ac .sm-btn{opacity:1;translate:0 0}
.sm-btn .btn{min-height:54px;padding:0 14px;font-size:15px}
.sm-alt{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:8px;font:600 14.5px/1 var(--sans)}
.sm-alt a{color:var(--ink3)}
@media(min-width:960px){.sayfa-menu{display:none!important}}
/* "Kendi oteliniz" */
.kur{background:radial-gradient(60% 50% at 85% 30%,color-mix(in srgb,var(--tf,var(--blue)) 10%,transparent),transparent 70%),var(--bg);display:none}
.js .kur{display:block}
.kur-g{display:grid;gap:36px;align-items:center}
.kur-p{display:grid;gap:22px;padding:28px 24px;border-radius:var(--r-xl);background:var(--card);box-shadow:inset 0 0 0 1px var(--line),0 30px 70px -45px rgba(11,26,51,.45)}
.kur-a{display:grid;gap:10px}
.kur-e{display:flex;align-items:baseline;justify-content:space-between;font:700 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.kur-e output{font:400 44px/.9 var(--serif);letter-spacing:-.02em;text-transform:none;color:var(--tf);font-variant-numeric:tabular-nums}
#kurAd{width:100%;height:60px;padding:0 18px;border-radius:16px;border:0;background:var(--soft);box-shadow:inset 0 0 0 1.5px var(--line);font:400 26px/1 var(--serif);color:var(--ink);transition:box-shadow .2s,background .2s}
#kurAd::placeholder{color:var(--ink3);opacity:.7}
#kurAd:focus{outline:none;background:var(--card);box-shadow:inset 0 0 0 2px var(--tf),0 0 0 5px color-mix(in srgb,var(--tf) 15%,transparent)}
#kurOda{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;cursor:pointer;--y:15%}
#kurOda::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--tf) var(--y),var(--soft2) var(--y))}
#kurOda::-moz-range-track{height:8px;border-radius:99px;background:var(--soft2)}
#kurOda::-moz-range-progress{height:8px;border-radius:99px;background:var(--tf)}
#kurOda::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--tf),0 6px 16px -4px rgba(11,26,51,.45);transition:transform .2s}
#kurOda::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--tf),0 6px 16px -4px rgba(11,26,51,.45)}
#kurOda:active::-webkit-slider-thumb{transform:scale(1.15)}
.kur-seg{width:100%}
.kur-seg button{flex:1;min-width:0}
.kur-renk{display:flex;gap:12px;flex-wrap:wrap}
.kur-renk button{width:38px;height:38px;border-radius:50%;background:var(--tf);box-shadow:0 0 0 3px var(--card),0 0 0 4px transparent;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s}
.kur-renk button:hover{transform:scale(1.1)}
.kur-renk button[aria-checked=true]{box-shadow:0 0 0 3px var(--card),0 0 0 5.5px var(--tf);transform:scale(1.06)}
.kur-btn{justify-self:stretch;min-height:58px;background:var(--tf);color:#fff;box-shadow:0 16px 34px -14px var(--tf);white-space:normal;text-align:center;line-height:1.2}
.kur-btn:hover{filter:brightness(1.08)}
.kur-p .kucuk{font-size:13px;color:var(--ink3)}
.kur-s{position:relative;display:grid;place-items:center;padding:20px 0}
.kur-isik{position:absolute;width:min(520px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tf) 35%,transparent),transparent 65%);filter:blur(20px);transition:background .6s}
.kur-tel{--W:300px;transform:perspective(1200px) rotateY(calc(var(--kx,0) * 10deg)) rotateX(calc(var(--ky,0) * -8deg));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media(min-width:960px){.kur-g{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}.kur-p{padding:36px 34px}.kur-tel{--W:330px}}
/* telefon ici: canli Bugun ekrani */
.km{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;padding:34px 12px 64px;background:#F3F2EE;color:#151A24;font:400 11px/1.3 var(--sans);overflow:hidden;text-align:left}
.km-ust{display:flex;align-items:center;gap:8px}
.km-av{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tf);color:#fff;font:700 11px/1 var(--sans);transition:background .5s}
.km-ad{flex:1;min-width:0;font:400 17px/1.05 var(--serif);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.km-ad.yaz{animation:km-yaz .35s}
@keyframes km-yaz{from{opacity:.4;translate:0 3px}}
.km-zil{position:relative;width:18px;height:18px;color:#3B4253}
.km-zil::after{content:"";position:absolute;right:0;top:0;width:6px;height:6px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 2px #F3F2EE}
.km-sel{font:600 10.5px/1.2 var(--sans);color:#6B7280}
.km-sel b{display:block;font:400 21px/1.05 var(--serif);color:#151A24;letter-spacing:-.01em}
.km-kart{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px;border-radius:16px;color:#fff;background:radial-gradient(80% 120% at 100% 0,rgba(255,255,255,.22),transparent 60%),linear-gradient(140deg,color-mix(in srgb,var(--tf) 80%,#000),var(--tf));box-shadow:0 12px 24px -14px var(--tf);transition:background .5s}
.km-halka{position:relative;width:62px;height:62px}
.km-halka svg{width:62px;height:62px;transform:rotate(-90deg)}
.km-halka circle{fill:none;stroke-width:7}
.km-halka .z{stroke:rgba(255,255,255,.22)}
.km-halka .d{stroke:#fff;stroke-linecap:round;stroke-dasharray:157;stroke-dashoffset:157;transition:stroke-dashoffset 1s cubic-bezier(.2,.7,.2,1)}
.km-halka b{position:absolute;inset:0;display:grid;place-items:center;font:700 14px/1 var(--sans)}
.km-kart small{display:block;font:600 10px/1.2 var(--sans);opacity:.8;letter-spacing:.06em;text-transform:uppercase}
.km-kart strong{display:block;font:400 19px/1.1 var(--serif);margin:2px 0 6px}
.km-say{display:flex;gap:6px}
.km-say span{flex:1;padding:6px 7px;border-radius:10px;background:rgba(255,255,255,.16);font:600 9.5px/1.2 var(--sans)}
.km-say b{display:block;font:700 15px/1 var(--sans)}
.km-bas{display:flex;align-items:center;justify-content:space-between;font:700 11px/1 var(--sans);color:#3B4253}
.km-lej{display:flex;gap:7px;font:600 8.5px/1 var(--sans);color:#6B7280}
.km-lej i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px;vertical-align:middle}
.km-odalar{display:grid;grid-template-columns:repeat(var(--kol,3),1fr);gap:5px;align-content:start}
.km-o{position:relative;display:grid;gap:2px;padding:6px 6px 7px;border-radius:9px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04),inset 0 0 0 1px rgba(0,0,0,.05);overflow:hidden;animation:km-o .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i,0) * 18ms)}
.km-o b{font:700 9.5px/1 var(--sans)}
.km-o small{font:600 8px/1.1 var(--sans);color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.km-o::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dr)}
.km-o.deg{animation:km-deg .7s cubic-bezier(.3,1.5,.5,1)}
@keyframes km-o{from{opacity:0;transform:scale(.6)}}
@keyframes km-deg{0%{transform:scale(1)}40%{transform:scale(1.12);box-shadow:0 0 0 2px var(--dr)}100%{transform:scale(1)}}
.km-odalar.sik .km-o{padding:5px 4px 5px 6px}.km-odalar.sik .km-o small{display:none}
.km[data-n] .km-o.dolu{--dr:var(--tf)}.km-o.bos{--dr:#C9CCD3}.km-o.tem{--dr:#F5A524}.km-o.gir{--dr:#22B573}.km-o.cik{--dr:#E5484D}
.km-tab{position:absolute;left:0;right:0;bottom:0;height:54px;display:flex;justify-content:space-around;align-items:center;padding:0 8px 6px;background:#fff;box-shadow:0 -1px 0 rgba(0,0,0,.06);font:600 8px/1 var(--sans);color:#8A90A0}
.km-tab span{display:grid;justify-items:center;gap:4px}
.km-tab span i{width:16px;height:3px;border-radius:2px;background:currentColor;opacity:.5}
.km-tab span.on{color:var(--tf)}.km-tab span.on i{opacity:1}
.km-tab .art{width:34px;height:34px;border-radius:12px;background:#151A24;color:#fff;display:grid;place-items:center;font:400 22px/1 var(--sans);margin-top:-14px;box-shadow:0 8px 16px -8px #151A24}
.km-bil{position:absolute;left:10px;right:10px;top:30px;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:rgba(21,26,36,.92);color:#fff;font:600 10.5px/1.25 var(--sans);box-shadow:0 14px 28px -12px rgba(0,0,0,.6);translate:0 -130%;opacity:0;transition:translate .5s cubic-bezier(.3,1.4,.5,1),opacity .3s}
.km-bil.ac{translate:0 0;opacity:1}
.km-bil i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--dr,#3EE08F)}
/* demo filtresi */
.dene-seg{margin:0 0 22px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);flex-wrap:wrap;border-radius:22px}
.dene-seg button{color:rgba(255,255,255,.75);min-width:0;height:40px;font-size:14.5px;display:inline-flex;align-items:center;gap:8px}
.dene-seg button small{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:99px;background:rgba(255,255,255,.12);font:700 11.5px/1 var(--sans)}
.dene-seg button[aria-pressed=true]{background:#fff;color:#0B1A33}
.dene-seg button[aria-pressed=true] small{background:var(--blue-s);color:var(--blue)}
.gorev[hidden]{display:none!important}
.gorev.gel{animation:gorev-gel .55s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--gi,0) * 45ms)}
@keyframes gorev-gel{from{opacity:0;transform:translateY(16px) scale(.97)}}
/* SSS yumusak acilis */
.ss details::details-content{height:0;overflow:clip;transition:height .45s cubic-bezier(.2,.7,.2,1),content-visibility .45s allow-discrete}
.ss details[open]::details-content{height:auto}
.ss summary{transition:color .2s}.ss summary:hover{color:var(--blue)}
/* imlec halkasi */
.imlec{position:fixed;left:0;top:0;z-index:300;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;pointer-events:none;border:1.5px solid color-mix(in srgb,var(--blue) 70%,transparent);display:grid;place-items:center;
  transition:width .35s cubic-bezier(.3,1.4,.5,1),height .35s cubic-bezier(.3,1.4,.5,1),margin .35s cubic-bezier(.3,1.4,.5,1),background .3s,border-color .3s,opacity .3s;opacity:0;mix-blend-mode:normal}
.imlec.gor{opacity:1}
.imlec.ust{width:56px;height:56px;margin:-28px 0 0 -28px;background:color-mix(in srgb,var(--blue) 10%,transparent);border-color:transparent}
.imlec.etiketli{width:78px;height:78px;margin:-39px 0 0 -39px;background:var(--blue);border-color:transparent}
.imlec span{font:700 12.5px/1 var(--sans);color:#fff;opacity:0;transition:opacity .2s}
.imlec.etiketli span{opacity:1}
.imlec.koyuda{border-color:rgba(255,255,255,.7)}
.imlec.koyuda.ust{background:rgba(255,255,255,.14)}
.imlec.koyuda.etiketli{background:#fff}.imlec.koyuda.etiketli span{color:#0B1A33}
@media (prefers-reduced-motion:reduce){.sayfa-menu,.sayfa-menu.ac{transition:visibility 0s;clip-path:none}.sm-liste a,.sm-btn{opacity:1;translate:none;transition:none}.km-o{animation:none}.imlec{display:none}}
/* ---------- bayrakli dil secici ---------- */
.bayrak{display:block;flex:none;width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 1px rgba(11,26,51,.12),0 2px 6px -2px rgba(11,26,51,.35)}
.dil-s{position:relative}
.dil-d{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 9px;border-radius:999px;font:700 13px/1 var(--sans);letter-spacing:.06em;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s,box-shadow .45s,color .45s}
.dil-d:hover{background:var(--soft)}
.dil-d .ok{width:15px;height:15px;opacity:.6;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.dil-d[aria-expanded=true] .ok{transform:rotate(180deg)}
.nav.koyu .dil-d{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.nav.koyu .dil-d:hover{background:rgba(255,255,255,.1)}
.dil-p{position:absolute;z-index:60;top:calc(100% + 12px);inset-inline-end:0;display:grid;grid-template-columns:repeat(3,128px);gap:6px;padding:8px;border-radius:22px;
  background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 0 0 1px var(--line),0 30px 60px -20px rgba(11,26,51,.45);
  transform-origin:top right;animation:dil-ac .35s cubic-bezier(.3,1.3,.5,1)}
[dir=rtl] .dil-p{transform-origin:top left}
.dil-p[hidden]{display:none}
@keyframes dil-ac{from{opacity:0;transform:translateY(-6px) scale(.96)}}
.dil-p a{display:grid;justify-items:center;gap:7px;padding:14px 8px 12px;border-radius:16px;text-align:center;color:var(--ink);transition:background .2s,transform .25s cubic-bezier(.3,1.5,.5,1)}
.dil-p a .bayrak{width:46px;height:32px;border-radius:7px}
.dil-p a b{font:600 14.5px/1.1 var(--sans)}
.dil-p a small{font:700 10.5px/1 var(--sans);letter-spacing:.12em;color:var(--ink3)}
.dil-p a:hover{background:var(--soft);transform:translateY(-2px)}
.dil-p a[aria-current=true]{background:var(--blue-s);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--blue) 40%,transparent)}
.dil-p a[aria-current=true] small{color:var(--blue)}
.dil-p a[lang=ar] b{font-family:"IBM Plex Sans Arabic",var(--sans)}
@media(max-width:959px){.nav .dil-s{display:none}}
.sm-alt{justify-content:center}
.sm-diller{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.sm-diller a{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:14px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);font:600 13.5px/1 var(--sans)}
.sm-diller a .bayrak{width:20px;height:20px}
.sm-diller a[aria-current=true]{background:var(--blue-s);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--blue) 40%,transparent);color:var(--blue-d)}
/* ---------- simetri: basliklar ortada, secimler ortada ---------- */
.sec .bas,.dene .bas{text-align:center;margin-inline:auto;justify-items:center}
.sec .bas .lead,.dene .bas .lead{margin-inline:auto}
.sec .bas .h2,.dene .bas .h2{margin-inline:auto}
.fy-ust{justify-content:center}
.dene-seg{display:flex;width:fit-content;margin-inline:auto}
.gorevler{justify-content:flex-start}
@media(min-width:960px){.gorevler{justify-content:center}}
.mod-sekme,.pc-sek{justify-content:center}
.dene-alt{justify-content:center}
.ss-g{text-align:start}
.ft-s{justify-content:center;text-align:center}
/* ---------- canli onizleme: odalar ekrani doldurur ---------- */
.km-odalar{flex:1;min-height:0;grid-auto-rows:minmax(30px,1fr);align-content:stretch}
.km-o{max-height:74px;align-content:center}
.fy-kur{margin-top:16px;text-align:center;font-size:13.5px;color:var(--ink3)}
/* demo senaryolari: simetrik, ortalanmis satirlar; olumlu etiketler */
.etiket.hata{background:rgba(120,210,255,.15);color:#A8E2FF}
.etiket.akis{background:rgba(120,230,190,.15);color:#9BEBCB}
.etiket.yetki{background:rgba(190,170,255,.17);color:#D4C8FF}
@media(min-width:960px){
 .gorevler{flex-wrap:wrap;overflow:visible;justify-content:center;margin:0;padding:4px 0 6px;gap:14px}
 .gorev{flex:0 0 calc((100% - 56px) / 5);max-width:none;min-height:212px}
 .gorev .alt{margin-top:auto}
 .gorev{align-content:stretch;grid-template-rows:auto auto 1fr auto}
}
html:is([lang=de],[lang=it],[lang=ru]) .hero .h1{font-size:clamp(38px,5.6vw,76px);line-height:1.02}
html[lang=ar] .hero .h1{font-size:clamp(40px,5.8vw,78px)}
.km-o{max-height:none}
body:has(.sayfa-menu.ac) .dil-o{display:none}

/* ===================================================================== Fiyat sahnesi (2026-10-29)
   Koyu, yildizli sahne; kayan secim hapi; ortada 30 gunu yakan yorunge, eriyen fiyat, 30 gunluk yol. */
.seg{position:relative;isolation:isolate}
.seg button{position:relative;z-index:1;transition:color .35s}
.seg-pil{position:absolute;z-index:0;left:0;top:0;width:var(--sw,0);height:var(--sh,0);translate:var(--sx,0) var(--sy,0);border-radius:999px;background:var(--card);box-shadow:var(--sh1);opacity:0;
  transition:translate .55s cubic-bezier(.3,1.3,.5,1),width .55s cubic-bezier(.3,1.3,.5,1),height .3s,background .4s,opacity .25s;pointer-events:none}
.seg.pilli .seg-pil{opacity:1}
.seg.pilli button[aria-pressed=true]{background:transparent!important;box-shadow:none!important}
.dene-seg .seg-pil{background:#fff}
#fiyat{position:relative;isolation:isolate;margin:0 12px;border-radius:var(--r-xl);overflow:hidden;color:var(--ink);background:var(--soft)}
#fiyat .h2{color:var(--ink)}
#fiyat .lead{color:var(--ink2)}
#fiyat .lead strong{color:var(--blue-d)}
#fiyat .seg{background:#fff;box-shadow:inset 0 0 0 1px var(--line);padding:6px}
#fiyat .seg button{color:var(--ink2);height:48px}
#fiyat .seg .seg-pil{background:var(--ink);box-shadow:0 10px 30px -10px rgba(11,26,51,.35)}
#fiyat .seg button[aria-pressed=true]{color:#fff!important}
#fiyat .seg[data-secili=deneme] .seg-pil{background:var(--blue);box-shadow:0 10px 30px -10px rgba(21,83,229,.5)}
#fiyat .seg-dn{color:var(--ink2)!important}
#fiyat .seg-dn[aria-pressed=true]{color:#fff!important;background:transparent!important}
#fiyat .seg-dn::before{display:none}
#fiyat .fy-yok{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}

/* ---- ucretsiz: one cikan plan ---- */
.paket.dn{justify-items:center;text-align:center;gap:22px;padding:clamp(34px,5vw,64px) clamp(20px,4vw,56px) clamp(30px,4vw,52px);
  background:#fff;box-shadow:inset 0 0 0 2px var(--blue),0 30px 70px -40px rgba(21,83,229,.3)}
@media(min-width:880px){.paket.dn{grid-template-columns:1fr}}
.paket.dn > *{position:relative}
.dn-merkez{display:grid;justify-items:center;gap:14px;margin:4px 0 2px}
.paket.dn .dn-merkez .fiyat{display:grid;justify-items:center;gap:6px;min-height:0}
.paket.dn .fiyat b{font-size:clamp(72px,9vw,110px);line-height:.85;color:var(--ink)}
.paket.dn .fiyat b.eriyor{font-size:clamp(52px,6.5vw,84px)}
.paket.dn .fiyat span{font:700 15px/1 var(--sans);letter-spacing:.06em;color:var(--ink3)}
.dn-30{position:static;display:inline-flex;align-items:baseline;gap:5px;padding:5px 12px;border-radius:999px;background:var(--blue-s);box-shadow:inset 0 0 0 1px rgba(21,83,229,.25);color:var(--blue-d);font:700 11px/1 var(--sans);letter-spacing:.14em}
.dn-30 b{font:400 18px/1 var(--serif);letter-spacing:0;color:var(--ink)}
.paket.dn h3{max-width:20ch;margin:0 auto;font-size:clamp(32px,4.2vw,52px)}
.paket.dn p{max-width:52ch;margin:0 auto}
.dn-btn{justify-self:center;height:64px;padding:0 34px 0 38px;font-size:18px;border-radius:999px}
.dn-cips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:880px;margin-top:6px}
.dn-cips li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font:600 14.5px/1.2 var(--sans);color:var(--ink2);opacity:0;translate:0 12px;transition:opacity .5s,translate .6s cubic-bezier(.16,1,.3,1)}
.dn-cips li svg{width:18px;height:18px;flex:none;padding:3px;border-radius:50%;background:var(--blue);color:#fff}
.yanik .dn-cips li{opacity:1;translate:0 0}
.yanik .dn-cips li:nth-child(2){transition-delay:.08s}.yanik .dn-cips li:nth-child(3){transition-delay:.16s}.yanik .dn-cips li:nth-child(4){transition-delay:.24s}
.dn-yol{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:22px 14px;width:100%;max-width:960px;margin-top:22px;padding-top:6px;counter-reset:none}
.dn-yol li{position:relative;display:grid;justify-items:center;gap:6px;padding:0 6px}
.dn-yol li i{width:16px;height:16px;border-radius:50%;background:var(--card);box-shadow:0 0 0 2px var(--line);transition:background .4s calc(.9s + var(--i) * .35s),box-shadow .4s calc(.9s + var(--i) * .35s)}
.yanik .dn-yol li i{background:var(--blue);box-shadow:0 0 0 4px var(--blue-s)}
.dn-yol li b{font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-d)}
.dn-yol li span{font:400 17px/1.25 var(--serif);color:var(--ink);max-width:18ch}
@media(min-width:760px){
 .dn-yol{grid-template-columns:repeat(4,1fr)}
 .dn-yol::before,.dn-yol::after{content:"";position:absolute;top:14px;left:12.5%;right:12.5%;height:2px;border-radius:2px;background:var(--line)}
 .dn-yol::after{background:var(--blue);transform-origin:0 50%;transform:scaleX(0);transition:transform 2.2s cubic-bezier(.3,.6,.2,1) .8s}
 [dir=rtl] .dn-yol::after{transform-origin:100% 50%}
 .yanik .dn-yol::after{transform:scaleX(1)}
 .dn-yol li i{position:relative;z-index:1}
}
/* ---- ucretli kartlar ---- */
#fiyat .paket.pk{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);box-shadow:0 20px 50px -34px rgba(11,26,51,.3),inset 0 0 0 1.5px var(--line)}
#fiyat .pk-sol h3{color:var(--blue-d)}
#fiyat .paket.pk .fiyat b{color:var(--ink);font-variant-numeric:tabular-nums}
#fiyat .paket.pk .fiyat span{color:var(--ink3)}
#fiyat .paket .not{color:var(--ink2)}
#fiyat .paket .tas{background:var(--blue-s);color:var(--blue-d)}
#fiyat .paket.pk .fy-d{color:var(--ink2)}
#fiyat .paket.pk .fy-d li::before{border-color:var(--blue)}
#fiyat .fy-g.tek .pk-sag{border-color:var(--line)}
#fiyat .pk-btn{background:var(--blue);color:#fff;box-shadow:0 14px 30px -14px rgba(21,83,229,.5)}
#fiyat .pk-btn:hover{background:var(--blue-d)}

/* ===================================================================== Menu v3 (2026-10-29): simetrik ve ikonlu
   [logo] — [ortada kapsul: ikonlu baglantilar + kayan hap + alt ipucu] — [bayrak + iletisim] */
.nk{width:17px;height:17px;flex:none;opacity:.8;transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
@media(min-width:960px){
 .nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
 .nav .logo{justify-self:start}
 .nav-l{justify-self:center;margin:0;padding:5px;gap:2px;border-radius:999px;background:color-mix(in srgb,var(--soft) 75%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 80%,transparent);transition:background .45s,box-shadow .45s}
 .nav-s{justify-self:end;margin:0}
 .nav-l a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:999px;font:600 14.5px/1 var(--sans);white-space:nowrap}
 .nav-l a .nk{display:none}
 .nav-pil{top:5px;bottom:5px;border-radius:999px;background:var(--card);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 6px 18px -8px rgba(11,26,51,.35),0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}
 .nav-l a:hover .nk,.nav-l a[aria-current=true] .nk{opacity:1}
 .nav-l a:hover .nk{transform:scale(1.12) rotate(-6deg)}
 .nav.koyu .nav-l{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
 .nav.koyu .nav-pil{background:rgba(255,255,255,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 24px -10px rgba(0,0,0,.6)}
}
@media(min-width:1260px){.nav-l a .nk{display:block}.nav-l a{padding:10px 16px 10px 13px}}
/* alt ipucu: ustune gelinen baglantinin aciklamasi kapsulun altinda kayar */
.nav-ipucu{position:absolute;top:calc(100% + 12px);left:0;z-index:2;translate:var(--ix,0) 0;padding:8px 13px;border-radius:12px;white-space:nowrap;pointer-events:none;
  background:rgba(11,26,51,.92);color:#fff;font:600 12.5px/1 var(--sans);box-shadow:0 14px 30px -12px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .35s cubic-bezier(.3,1.4,.5,1),translate .5s cubic-bezier(.3,1.3,.5,1)}
.nav-ipucu::before{content:"";position:absolute;top:-5px;left:var(--ok,50%);width:10px;height:10px;margin-left:-5px;background:inherit;transform:rotate(45deg);border-radius:2px}
.nav-l.ipuclu .nav-ipucu{opacity:1;transform:none}
.nav.koyu .nav-ipucu{background:rgba(255,255,255,.95);color:#0B1A33}
/* iletisim dugmesi: isiltili */
.nav .btn-pri{position:relative;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,#1553E5,#3D6DFF 60%,#5A86FF);box-shadow:0 10px 26px -10px rgba(21,83,229,.8)}
.nav .btn-pri::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);animation:isilti 5s ease-in-out 2s infinite}
.nav.koyu .btn-pri{background:#fff;color:#0B1A33}
.nav .dil-d{border-radius:999px}
/* telefonda: bayrak dugmesi baslikta, panel ekrani ortalar */
@media(max-width:959px){
 .nav .dil-s{display:block}
 .nav .dil-d{width:44px;height:44px;padding:0;justify-content:center}
 .nav .dil-d > span,.nav .dil-d .ok{display:none}
 .nav .dil-d .bayrak{width:24px;height:24px}
 .nav-s{gap:8px}
 .dil-p{position:fixed;top:76px;left:16px;right:16px;inset-inline-end:16px;grid-template-columns:repeat(3,1fr)}
}
.menu-d{border-radius:999px}
/* telefon menusu: ikon kutulari */
.sm-liste a{grid-template-columns:38px 1fr auto;gap:13px}
.sm-n{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:0;color:#9CF7CB}
.sm-n .nk{width:18px;height:18px;opacity:1}
.sm-liste a:active .sm-n,.sm-liste a:hover .sm-n{background:rgba(62,224,143,.16);box-shadow:inset 0 0 0 1px rgba(62,224,143,.45)}
/* dil paneli: 7 dil, 4+3 ortali (simetrik) */
.dil-p{display:flex;flex-wrap:wrap;justify-content:center;width:min(560px,calc(100vw - 32px))}
.dil-p a{flex:0 0 calc((100% - 18px) / 4)}
@media(max-width:600px){.dil-p a{flex-basis:calc((100% - 12px) / 3)}}
.sm-diller{display:flex;flex-wrap:wrap;justify-content:center}
.sm-diller a{flex:0 0 calc((100% - 24px) / 4)}
.sm-diller a span{font-size:12px}
/* imlec: kucuk ve sakin */
.imlec{width:12px;height:12px;margin:-6px 0 0 -6px;border:0;background:color-mix(in srgb,var(--blue) 55%,transparent)}
.imlec.ust{width:44px;height:44px;margin:-22px 0 0 -22px;background:color-mix(in srgb,var(--blue) 14%,transparent);border:1.5px solid color-mix(in srgb,var(--blue) 50%,transparent)}
.imlec.koyuda{background:rgba(255,255,255,.6)}
.imlec.koyuda.ust{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}

/* ===================================================================== Uctan uca yolculuk (telefon ici) */
.yol-bas{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:20px;text-align:start;color:#fff;
  background:radial-gradient(80% 140% at 0 0,rgba(62,224,143,.35),transparent 60%),radial-gradient(70% 140% at 100% 100%,rgba(155,123,255,.45),transparent 60%),linear-gradient(120deg,#071433,#0E2F86);
  box-shadow:0 18px 40px -18px rgba(14,47,134,.9),inset 0 0 0 1px rgba(143,245,201,.25);transition:transform .25s cubic-bezier(.3,1.5,.5,1),box-shadow .25s}
.yol-bas:hover{transform:translateY(-2px);box-shadow:0 24px 50px -18px rgba(14,47,134,.95),inset 0 0 0 1px rgba(143,245,201,.5)}
.yol-oynat{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#B8FFE0,var(--mint));color:#04210F;box-shadow:0 0 0 0 rgba(62,224,143,.6);animation:nabiz 2s infinite}
.yol-oynat svg{width:20px;height:20px;margin-inline-start:3px}
[dir=rtl] .yol-oynat svg{transform:scaleX(-1);margin:0 3px 0 0}
.yol-bas b{display:block;font:400 22px/1.1 var(--serif)}
.yol-bas small{display:block;margin-top:3px;font:500 12.5px/1.35 var(--sans);color:rgba(255,255,255,.72)}
.yol-cip{position:absolute;z-index:4;left:50%;bottom:64px;translate:-50% 0;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;white-space:nowrap;
  background:rgba(11,26,51,.92);color:#fff;font:700 12px/1 var(--sans);box-shadow:0 12px 26px -10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(143,245,201,.35);animation:cip-zipla 2.6s ease-in-out infinite}
.yol-cip i{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:nabiz 1.8s infinite}
@keyframes cip-zipla{0%,100%{translate:-50% 0}50%{translate:-50% -4px}}
.tel-e.yolda .yol-cip{display:none}
.km.yolda{padding-bottom:14px;gap:10px;background:linear-gradient(180deg,#F6F5F1,#ECEBE6)}
.ky-x{margin-inline-start:auto;width:26px;height:26px;border-radius:50%;background:rgba(21,26,36,.08);color:#3B4253;font:400 18px/1 var(--sans)}
.ky-adimlar{display:grid;gap:6px;font:600 10px/1.2 var(--sans);color:#6B7280}
.ky-adimlar b{color:#151A24}
.ky-cubuk{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.ky-cubuk i{height:5px;border-radius:3px;background:rgba(21,26,36,.1);transition:background .4s}
.ky-cubuk i.tamam{background:var(--tf)}
.ky-cubuk i.simdi{background:linear-gradient(90deg,var(--tf),color-mix(in srgb,var(--tf) 35%,#fff));animation:simdi 1.4s ease-in-out infinite alternate}
@keyframes simdi{from{opacity:.55}to{opacity:1}}
.ky-ekran{display:grid;gap:10px;align-content:start;flex:1;min-height:0;animation:ky-gel .45s cubic-bezier(.16,1,.3,1)}
@keyframes ky-gel{from{opacity:0;translate:0 10px}}
.ky-kart{position:relative;display:grid;gap:5px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04),0 10px 24px -16px rgba(21,26,36,.45),inset 0 0 0 1px rgba(0,0,0,.05);font:500 11px/1.35 var(--sans);color:#4B5363;overflow:hidden}
.ky-gir{background:radial-gradient(90% 120% at 100% 0,color-mix(in srgb,var(--tf) 14%,transparent),transparent 60%),#fff}
.ky-etk{display:inline-flex;align-items:center;gap:6px;font:700 9.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--tf)}
.ky-etk i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:nabiz 1.8s infinite}
.ky-m{font:400 22px/1.05 var(--serif);color:#151A24;letter-spacing:-.01em}
.ky-tarih{font:700 12px/1.2 var(--sans);color:#151A24}
.ky-kanal{justify-self:start;padding:4px 8px;border-radius:999px;background:#F1F2F5;font:600 9.5px/1 var(--sans);color:#6B7280}
.ky-dug{display:grid;gap:6px}
.ky-b{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:12px;background:#fff;color:#151A24;font:700 12px/1.1 var(--sans);text-align:center;box-shadow:inset 0 0 0 1px rgba(21,26,36,.12);transition:transform .15s,filter .2s,opacity .2s}
.ky-b:active{transform:scale(.97)}
.ky-b.ana{background:linear-gradient(135deg,color-mix(in srgb,var(--tf) 80%,#000),var(--tf));color:#fff;box-shadow:0 10px 20px -10px var(--tf)}
.ky-b.nane{background:linear-gradient(135deg,#B8FFE0,var(--mint));color:#04210F;box-shadow:0 10px 20px -10px rgba(62,224,143,.9)}
.ky-b.hafif{background:transparent;box-shadow:none;color:#6B7280;min-height:30px}
.ky-b:disabled{opacity:.45;filter:grayscale(.4)}
.ky-b.ipucu{position:relative;animation:ky-nabiz 2s ease-in-out infinite}
.ky-b.ipucu::after{content:attr(data-ipucu) " 👆";position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 0;padding:5px 9px;border-radius:9px;background:#151A24;color:#fff;font:700 9.5px/1 var(--sans);white-space:nowrap;animation:cip-zipla2 1.6s ease-in-out infinite}
@keyframes cip-zipla2{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes ky-nabiz{0%,100%{box-shadow:0 10px 20px -10px var(--tf),0 0 0 0 color-mix(in srgb,var(--tf) 45%,transparent)}50%{box-shadow:0 10px 20px -10px var(--tf),0 0 0 8px transparent}}
.ky-a{font:600 11px/1.3 var(--sans);color:#6B7280;text-align:center}
.ky-odalar{display:grid;grid-template-columns:repeat(var(--kol,3),1fr);gap:5px;overflow:auto;max-height:100%}
.ky-o{position:relative;display:grid;gap:2px;padding:7px 6px;border-radius:10px;background:#fff;text-align:start;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);overflow:hidden;transition:transform .2s,box-shadow .2s}
.ky-o b{font:700 9.5px/1 var(--sans);color:#151A24}
.ky-o small{font:600 8px/1.1 var(--sans);color:#8A90A0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ky-o:not(.acik){background:#F0F0EC;opacity:.75}
.ky-o.acik{box-shadow:inset 0 0 0 1.5px #22B573,0 6px 14px -8px rgba(34,181,115,.8);animation:acik 1.6s ease-in-out infinite}
.ky-o.acik small{color:#16935C}
@keyframes acik{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.ky-o.secildi{background:var(--tf);animation:none;transform:scale(1.08)}
.ky-o.secildi b,.ky-o.secildi small{color:#fff}
.salla{animation:salla .45s cubic-bezier(.36,.07,.19,.97)!important}
@keyframes salla{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
.ky-al{display:grid;gap:5px;margin-top:4px}
.ky-al span{font:700 9px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#6B7280}
.ky-al input{height:38px;padding:0 10px;border-radius:10px;border:0;background:#F4F4F1;box-shadow:inset 0 0 0 1.5px rgba(21,26,36,.12);font:600 13px/1 var(--sans);color:#151A24;letter-spacing:.04em}
.ky-al input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--tf),0 0 0 4px color-mix(in srgb,var(--tf) 18%,transparent)}
.ky-al input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #E5484D}
.ky-hata{min-height:12px;font:600 9.5px/1.25 var(--sans);color:#D33A3F}
.ky-tut{font:400 34px/1 var(--serif);color:#151A24;letter-spacing:-.02em}
.ky-damga{position:absolute;right:10px;top:14px;padding:6px 10px;border-radius:8px;border:2px solid #22B573;color:#16935C;font:800 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;transform:rotate(-10deg) scale(1.8);opacity:0;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .3s}
[dir=rtl] .ky-damga{right:auto;left:10px}
.ky-od.odendi .ky-damga{opacity:1;transform:rotate(-10deg) scale(1)}
.ky-yontem{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.ky-yontem button{min-height:34px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,26,36,.12);font:700 10.5px/1.1 var(--sans);color:#3B4253;transition:background .2s,color .2s,box-shadow .2s}
.ky-yontem button[aria-checked=true]{background:color-mix(in srgb,var(--tf) 12%,#fff);color:var(--tf);box-shadow:inset 0 0 0 2px var(--tf)}
.ky-satir{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px dashed rgba(21,26,36,.12)}
.ky-satir b{color:#16935C;font:700 13px/1 var(--sans)}
.ky-kh{background:#FFF8EB;box-shadow:inset 0 0 0 1px rgba(245,165,36,.4)}
.ky-kh .ky-etk{color:#B7791F}
.ky-kh .ky-m{font-size:17px}
.ky-bitti{display:grid;justify-items:center;gap:8px;padding:6px 4px;text-align:center}
.ky-bitti > b{font:400 30px/1 var(--serif);color:#151A24}
.ky-bitti p{font:500 11.5px/1.35 var(--sans);color:#4B5363;max-width:24ch}
.ky-bitti .ky-b{width:100%}
.ky-onay svg{width:66px;height:66px}
.ky-onay circle{fill:color-mix(in srgb,#22B573 12%,#fff);stroke:#22B573;stroke-width:3;stroke-dasharray:145;stroke-dashoffset:145;animation:onay-c .7s cubic-bezier(.65,0,.45,1) forwards}
.ky-onay path{fill:none;stroke:#22B573;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:onay-c .45s cubic-bezier(.65,0,.45,1) .55s forwards}
@keyframes onay-c{to{stroke-dashoffset:0}}
.ky-sayi{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin:2px 0 4px}
.ky-sayi span{display:grid;gap:2px;padding:8px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);font:600 9.5px/1 var(--sans);color:#6B7280}
.ky-sayi b{font:400 24px/1 var(--serif);color:var(--tf)}
.ky-bil{position:absolute;left:10px;right:10px;top:30px;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:rgba(21,26,36,.94);color:#fff;font:600 10.5px/1.25 var(--sans);box-shadow:0 14px 28px -12px rgba(0,0,0,.6);translate:0 -150%;opacity:0;transition:translate .5s cubic-bezier(.3,1.4,.5,1),opacity .3s}
.ky-bil.ac{translate:0 0;opacity:1}
.ky-bil i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--dr,#3EE08F)}
@media (prefers-reduced-motion:reduce){.yol-oynat,.yol-cip,.ky-b.ipucu,.ky-o.acik,.ky-cubuk i.simdi{animation:none}}
.km.yolda{padding-bottom:64px}
.ky-ekran{overflow:auto;scrollbar-width:none}
.ky-ekran::-webkit-scrollbar{display:none}
.ky-dug:has(.ipucu){margin-top:16px}
.ky-odalar{grid-auto-rows:minmax(40px,58px)}
.ky-o{align-content:center}
.nav.menu-acik,.nav.menu-acik.seffaf{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media(max-width:600px){.dil-p{gap:4px;padding:6px}.dil-p a{flex-basis:calc((100% - 12px) / 4);padding:12px 4px 10px}.dil-p a .bayrak{width:40px;height:28px}.dil-p a b{font-size:12.5px}}

/* ===================================================================== Dunya (2026-10-29): kure, 8 sehir, canli saat */
@keyframes pirilti{from{opacity:.25}to{opacity:.7}}
.dunya{position:relative;isolation:isolate;margin:0 12px;border-radius:var(--r-xl);overflow:hidden;color:#fff;
  background:radial-gradient(50% 40% at 50% 38%,rgba(34,195,230,.18),transparent 70%),radial-gradient(60% 50% at 0 100%,rgba(155,123,255,.22),transparent 70%),linear-gradient(180deg,#040A1C,#071433 60%,#0A1F5C)}
.dunya::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1.3px 1.3px at 10% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 25% 70%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 12%,#fff 50%,transparent 51%),radial-gradient(1.1px 1.1px at 62% 30%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 78% 64%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 90% 18%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 55% 88%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 5% 55%,#fff 50%,transparent 51%);opacity:.6;animation:pirilti 4.4s ease-in-out infinite alternate}
.dunya .h2{color:#fff}
.dunya .lead{color:rgba(255,255,255,.76)}
.dunya-ust{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;background:rgba(62,224,143,.12);box-shadow:inset 0 0 0 1px rgba(62,224,143,.4);color:#9CF7CB;font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.dunya-ust i{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:nabiz 1.8s infinite}
.dunya-g{display:grid;gap:28px;justify-items:center;margin-top:10px}
.kure{width:min(560px,92vw);aspect-ratio:1;margin:-10px auto -20px}
.kure canvas{display:block;cursor:grab;touch-action:pan-y}
.kure canvas.tutuldu{cursor:grabbing}
.sehirler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:1060px}
@media(min-width:860px){.sehirler{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
.sh{position:relative;display:grid;gap:10px;padding:0 0 16px;border-radius:20px;overflow:hidden;color:#fff;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .3s,background .3s}
.sh:hover,.sh.odak,.sh:focus-visible{transform:translateY(-4px);background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(143,245,201,.5),0 20px 40px -20px rgba(62,224,143,.6)}
.sh.benim{box-shadow:inset 0 0 0 1.5px rgba(255,214,120,.75),0 18px 40px -22px rgba(255,214,120,.6)}
.sh-gok{position:relative;display:block;height:66px;transition:background 1s}
.sh[data-gok=gece] .sh-gok{background:linear-gradient(180deg,#0B1638,#1B2A5C)}
.sh[data-gok=safak] .sh-gok{background:linear-gradient(180deg,#6F8FD8,#F7B37A)}
.sh[data-gok=gunduz] .sh-gok{background:linear-gradient(180deg,#4FA3F7,#BFE3FF)}
.sh[data-gok=aksam] .sh-gok{background:linear-gradient(180deg,#5B3C88,#FF8A65)}
.sh-gk{position:absolute;left:var(--gx,50%);top:var(--gy,50%);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#FFE29A;box-shadow:0 0 0 4px rgba(255,226,154,.25),0 0 18px 6px rgba(255,214,120,.65)}
.sh.ay .sh-gk{background:#F2F4FF;box-shadow:inset -5px -2px 0 0 #C9D0EA,0 0 14px 3px rgba(220,230,255,.45)}
.sh[data-gok=gece] .sh-gok::after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 70% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 45% 60%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 85% 55%,#fff 50%,transparent 51%);opacity:.8}
.sh-ust{display:flex;align-items:center;gap:9px;padding:0 16px}
.sh-ust .bayrak{width:22px;height:22px}
.sh-ust b{font:400 22px/1.1 var(--serif)}
.sh-saat{display:grid;gap:3px;padding:0 16px}
.sh-saat b{font:600 30px/1 var(--sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
[dir=rtl] .sh-saat b{text-align:right}
.sh-saat small{font:600 13px/1.25 var(--sans);color:#9CF7CB}
.sh-burada{position:absolute;top:10px;inset-inline-end:10px;padding:5px 9px;border-radius:999px;background:#FFD678;color:#3A2600;font:800 10.5px/1 var(--sans);letter-spacing:.04em;box-shadow:0 6px 16px -6px rgba(255,214,120,.9)}
.selam{position:relative;margin-top:clamp(36px,5vw,64px);overflow:hidden;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}
.selam > div{display:flex;align-items:center;gap:26px;width:max-content;animation:kay 40s linear infinite;direction:ltr}
.selam span{font:400 clamp(28px,3.6vw,46px)/1.25 var(--serif);white-space:nowrap;color:#fff}
.selam span:nth-child(4n+3){color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}
.selam i{font-style:normal;color:var(--mint)}
/* giriste sehir cipi */
.hero-sehir{display:inline-flex;align-items:center;gap:8px;width:fit-content;height:36px;padding:0 14px 0 8px;border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:600 13.5px/1 var(--sans);animation:yuksel 1s cubic-bezier(.16,1,.3,1) .1s both;transition:background .25s}
.hero-sehir:hover{background:var(--soft2)}
.hero-sehir .bayrak{width:22px;height:22px}
.hero-sehir i{width:6px;height:6px;border-radius:50%;background:#1FA463;animation:nabiz 1.8s infinite}
.hero-sehir .hs-saat{font-variant-numeric:tabular-nums;direction:ltr;color:var(--ink2)}
.hero-sehir .hs-an{color:#1FA463}
@media(max-width:420px){.hero-sehir .hs-an{display:none}}
@media (prefers-reduced-motion:reduce){.dunya::before,.selam > div{animation:none}}
/* para birimi secici */
.para-sec{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:-8px auto 26px;max-width:760px}
.para-sec > span{width:100%;text-align:center;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
.para-sec button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);font:700 12px/1 var(--sans);letter-spacing:.04em;transition:background .25s,color .25s,box-shadow .25s,transform .25s cubic-bezier(.3,1.5,.5,1)}
.para-sec button b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:var(--soft);font:700 12px/1 var(--sans);color:var(--ink)}
.para-sec button:hover{transform:translateY(-1px);color:var(--ink)}
.para-sec button[aria-checked=true]{background:var(--blue-s);color:var(--blue-d);box-shadow:inset 0 0 0 1.5px var(--blue)}
.para-sec button[aria-checked=true] b{background:var(--blue);color:#fff}