@font-face{font-family:"Clash Grotesk";src:url(fonts/clash-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Clash Grotesk";src:url(fonts/clash-500.woff2) format("woff2");font-weight:500;font-display:swap}
/* Tek zeka, beş çözüm: koyu sahnede tek bir ışık noktası bulutu (Orbi) kaydırdıkça her çözümün şekline dönüşür. 12 sütun, 32px kenar. */
:root{
  --bg:#07080b; --bg-2:#0e1016; --bg-3:#161922; --ink:#f2f3f5; --muted:#a4aab7; --line:#262a35;
  --accent:#7cf2d4; --accent-ink:#04120e; --light:#eef0f3; --light-ink:#0b0d12;
  --f:"Clash Grotesk","Helvetica Neue",Arial,sans-serif;
  --s-display:clamp(3.4rem,8.2vw,9.5rem); --s-head:clamp(2.4rem,4.8vw,5.2rem); --s-lead:clamp(1.3rem,1.05rem + 0.9vw,2rem);
  --s-body:clamp(1.0625rem,1rem + 0.32vw,1.3rem); --s-small:1rem;
  --m:clamp(20px,3vw,40px); --ease:cubic-bezier(0.22,1,0.36,1); --ease-expo:cubic-bezier(0.16,1,0.3,1);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:var(--s-body);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500;letter-spacing:-0.035em;line-height:0.98;text-wrap:balance}
button,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:500;text-decoration:none;cursor:pointer;transition:transform 160ms var(--ease),background-color 200ms ease}
.dugme:active{transform:scale(0.97)}
.dugme--hayalet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px #3a3f4c}
@media (hover:hover) and (pointer:fine){.dugme:hover{background:#a6f7e2}.dugme--hayalet:hover{background:var(--bg-3)}}
.ok{display:inline-block;transition:transform 300ms var(--ease)}
@media (hover:hover) and (pointer:fine){a:hover .ok,button:hover .ok{transform:translateX(4px)}}

/* ── Sahne tuvali ── */
#zeka{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;transition:opacity 500ms ease}
main,header,footer{position:relative;z-index:1}

/* ── Üst çubuk ── */
.ust{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--m);transition:background-color 300ms ease}
.ust.dolu{background:rgba(7,8,11,.86)}
/* v15 (Cem 25 Eki: "sol üstteki logo küçük"): 34→48px masaüstü (×1,41), 30→40px telefon (×1,33); dar telefonda düğme aralıkları sıkılaşır, logo + düğmeler tek satır */
.marka{font-size:48px;font-weight:500;letter-spacing:-0.045em;text-decoration:none;line-height:1}
@media (max-width:760px){.marka{font-size:40px}}
.menu{display:flex;gap:clamp(14px,1.6vw,26px);font-size:var(--s-small)}
.menu a{text-decoration:none;color:var(--muted);padding:10px 0;transition:color 200ms ease;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
.menu a:hover{color:var(--ink)}
.ust__sag{display:flex;align-items:center;gap:18px;font-size:var(--s-small)}
.ust__sag a:not(.dugme){text-decoration:none;color:var(--muted)}
.ust .dugme{min-height:44px;padding:0 20px;font-size:var(--s-small)}
.menu-ac{display:none;background:none;border:0;min-height:44px;padding:0 4px;cursor:pointer}
/* v15: dar telefonda büyüyen logoya yer — düğme aralıkları sıkılaşır (logo + düğmeler tek satır, 360 px ölçüldü) */
@media (max-width:420px){.ust{gap:16px}.ust__sag{gap:10px}.ust .dugme{padding:0 14px}}

/* ── Açılış ── */
.acilis{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:120px var(--m) 11svh}
.acilis__yazi{font-size:clamp(2.6rem,7vw,7rem);max-width:16ch;margin:auto 0 24px}
.gl .acilis__yazi{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.acilis h1 .sat{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.acilis h1 .sat span{display:block}
.acilis__alt{margin-top:32px;max-width:36ch;font-size:var(--s-lead);line-height:1.4;color:var(--ink)}
.acilis__alt{font-size:clamp(1.45rem,2.5vw,2.7rem);font-weight:500;letter-spacing:-0.025em;line-height:1.15;max-width:22ch}
.acilis__soru{margin-top:16px;min-height:1.6em;font-size:clamp(1.15rem,1.55vw,1.65rem);color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:2px}
.imlec{display:inline-block;width:2px;height:1.1em;background:var(--accent);margin-left:3px;animation:imlec 1s steps(1) infinite;opacity:0}
.acilis__soru.yaziyor .imlec,.acilis__soru.bitti .imlec{opacity:1}
@keyframes imlec{50%{visibility:hidden}}
.acilis__eylem{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.vurgu{transition:color 500ms ease}
.vurgu.acik{color:var(--accent)}
.acilis__ipucu{position:absolute;left:var(--m);bottom:28px;font-size:var(--s-small);color:var(--muted);display:flex;align-items:center;gap:12px}
.acilis__ipucu i{display:block;width:1px;height:40px;background:var(--line);position:relative;overflow:hidden}
.acilis__ipucu i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--ink);animation:damla 2.2s var(--ease) infinite}
@keyframes damla{to{top:100%}}

/* ── Beş çözüm (sabitlenen sahne): solda yazı, sağda ürün arayüzü ── */
.cozum{position:relative;height:500svh}
.cozum__sahne{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:104px var(--m) 4svh;align-items:center}
.cozum__sol{grid-column:1/6;display:flex;flex-direction:column;gap:28px}
.sekmeler{display:flex;flex-wrap:wrap;gap:6px}
.sekmeler a{min-height:44px;padding:0 18px;border-radius:999px;background:var(--bg-2);color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;font-size:var(--s-small);transition:background-color 250ms ease,color 250ms ease}
.sekmeler a.acik{background:var(--accent);color:var(--accent-ink)}
@media (hover:hover) and (pointer:fine){.sekmeler a:not(.acik):hover{background:var(--bg-3);color:var(--ink)}}
.cozum__metinler{position:relative;height:min(470px,52svh)}
.panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;gap:24px;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity 500ms var(--ease),transform 700ms var(--ease-expo),visibility 0s linear 500ms;pointer-events:none}
.panel.acik{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity 500ms var(--ease),transform 700ms var(--ease-expo),visibility 0s}
.panel h2{font-size:clamp(2.5rem,4.6vw,5.2rem);max-width:13ch}
.panel p{font-size:clamp(1.2rem,1.45vw,1.65rem);line-height:1.45;max-width:30ch;color:var(--muted)}
.panel ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.panel li{padding:10px 16px;border-radius:999px;background:var(--bg-3);font-size:var(--s-small)}
.panel .sektor-cip{gap:6px}
.panel .sektor-cip li{padding:7px 12px;font-size:.9rem}
.panel a{align-self:flex-start;font-size:var(--s-body);text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;min-height:44px;gap:8px}
.cozum__ui{grid-column:7/13;position:relative;height:min(600px,74svh)}
.ui{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(36px) scale(.97);transition:opacity 500ms var(--ease),transform 800ms var(--ease-expo),visibility 0s linear 500ms}
.ui.acik{opacity:1;visibility:visible;transform:none;transition:opacity 500ms var(--ease),transform 800ms var(--ease-expo),visibility 0s}
.ui__pencere{width:100%;max-width:720px;background:var(--light);color:var(--light-ink);border-radius:26px;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:16px;font-size:clamp(14px,1.05vw,17px)}
.ui__bas{display:flex;align-items:center;gap:12px}
.ui__bas b{font-weight:500;font-size:1.25em;letter-spacing:-0.02em}
.ui__bas small{display:block;color:#4b5160;font-size:.85em}
.ui__av{flex:none;width:44px;height:44px;border-radius:50%;background:var(--light-ink);color:var(--light);display:grid;place-items:center;font-weight:500;font-size:18px}
.ui__etiket{margin-left:auto;padding:6px 12px;border-radius:999px;background:#dfe2e7;font-size:.82em;white-space:nowrap}
.ui__m{margin:0;padding:12px 16px;border-radius:18px;max-width:82%;line-height:1.45}
.ui__m--gelen{align-self:flex-start;background:#dfe2e7;border-bottom-left-radius:6px}
.ui__m--orbi{align-self:flex-end;background:var(--light-ink);color:var(--light);border-bottom-right-radius:6px}
.ui__sohbet{display:flex;flex-direction:column;gap:10px}
.ui__cipler{display:flex;flex-wrap:wrap;gap:8px}
.ui__cipler span{padding:7px 12px;border-radius:999px;background:#d4f7ec;font-size:.86em}
.ui__kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ui__sutun{background:#e4e7eb;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:230px}
.ui__sutun>b{font-weight:500;font-size:.9em;display:flex;justify-content:space-between;gap:4px}
.ui__sutun>b i{font-style:normal;color:#4b5160}
.ui__kart{background:#fff;border-radius:12px;padding:10px;font-weight:500;line-height:1.3}
.ui__kart small{display:block;font-weight:400;color:#4b5160;font-size:.82em;margin-top:4px}
.ui__kart--yesil{background:var(--accent)}
.ui__kart--yesil small{color:var(--accent-ink)}
.ui__not{padding:12px 14px;border-radius:14px;background:#e4e7eb;font-size:.9em}
.ui__satir{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#e9ecef}
.ui__satir b{font-weight:500}
.ui__satir small{display:block;color:#4b5160;font-size:.84em}
.ui__gun{font-weight:500;color:#4b5160}
.ui__durum{padding:6px 10px;border-radius:999px;font-size:.8em;background:#dfe2e7;white-space:nowrap}
.ui__durum--yayin{background:var(--accent);color:var(--accent-ink)}
.ui__durum--onay{background:#ffe7a8}
.ui__huni{display:flex;flex-direction:column;gap:8px}
.ui__huni div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;font-size:.9em}
.ui__huni i{display:block;height:14px;border-radius:7px;background:var(--light-ink);transform-origin:left;width:var(--w)}
.ui.acik .ui__huni i{animation:uiBar 900ms var(--ease-expo) both;animation-delay:calc(var(--d,0) * 120ms + 250ms)}
.ui__tarayici{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #d5d9df}
.ui__adres{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#e9ecef;font-size:.85em;color:#4b5160}
.ui__adres i{width:10px;height:10px;border-radius:50%;background:#c4c9d1}
.ui__adres span{margin-left:10px;padding:4px 12px;border-radius:999px;background:#fff}
.ui__site{padding:18px;display:flex;flex-direction:column;gap:12px}
.ui__site-nav{display:flex;justify-content:space-between;font-size:.8em;color:#4b5160}
.ui__site-nav b{color:var(--light-ink);font-weight:500}
.ui__site-hero{border-radius:12px;background:var(--light-ink);color:var(--light);padding:20px;display:flex;flex-direction:column;gap:10px}
.ui__site-hero b{font-weight:500;font-size:1.4em;letter-spacing:-0.02em;line-height:1.1}
.ui__site-hero span{align-self:flex-start;padding:7px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.8em}
.ui__site-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ui__site-kartlar i{display:block;height:54px;border-radius:10px;background:#e4e7eb}
.ui__kontrol{display:flex;flex-wrap:wrap;gap:8px}
.ui__kontrol span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#d4f7ec;font-size:.86em}
.ui__kontrol span::before,.ui__cipler span::before{content:"";width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-2px)}
.ui__cipler span{display:inline-flex;align-items:center;gap:8px}
.ui.acik [data-d]{animation:uiGir 600ms var(--ease-expo) both;animation-delay:calc(var(--d) * 220ms + 150ms)}
@keyframes uiGir{from{transform:translateY(14px)}to{transform:none}}
.ui__sohbet{min-height:270px;justify-content:flex-end;overflow:hidden}
.ui__m{animation:uiGir 450ms var(--ease-expo) both}
.ui__yaz{display:inline-flex;gap:5px;padding:16px 18px}
.ui__yaz i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.4;animation:nokta 1s ease-in-out infinite}
.ui__yaz i:nth-child(2){animation-delay:.15s}.ui__yaz i:nth-child(3){animation-delay:.3s}
.ui__cipler span{animation:uiGir 450ms var(--ease-expo) both}
.ui__kart{transition:background-color 600ms ease}
.ui__kart--yeni{animation:uiParla 1400ms var(--ease) both}
@keyframes uiParla{0%{transform:translateY(10px) scale(.96);background:var(--accent)}40%{transform:none;background:var(--accent)}100%{background:#fff}}
.ui__kart--yesil.ui__kart--yeni{animation:uiGir 500ms var(--ease-expo) both}
.ui__takvim{display:flex;flex-direction:column;gap:8px}
.ui__durum{transition:background-color 400ms ease,color 400ms ease}
.ui__durum.degisti{animation:uiAtla 500ms var(--ease-expo)}
@keyframes uiAtla{0%{transform:scale(.85)}60%{transform:scale(1.08)}100%{transform:none}}
.ui__huni i{transition:width 900ms var(--ease-expo)}
.ui__canli{display:flex;align-items:center;gap:10px}
.ui__canli::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#18b97f;animation:nabiz 1.6s ease-in-out infinite}
@keyframes nabiz{50%{opacity:.25}}
.ui__seo{display:flex;flex-direction:column;gap:8px}
.ui__seo>b{font-weight:500;font-size:.9em}
.ui__seo ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-height:118px}
.ui__seo li{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background:#e9ecef;font-size:.9em;animation:uiGir 450ms var(--ease-expo) both}
.ui__seo li small{color:#4b5160;white-space:nowrap}
.ui__kontrol span{opacity:.35;transition:opacity 400ms ease}
.ui__kontrol span.tamam{opacity:1}
@keyframes uiBar{from{transform:scaleX(0)}to{transform:none}}

/* ── Markalar (logo duvarı) ── */
.markalar{padding:160px var(--m) 0}
.markalar__ust{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.markalar h2{font-size:var(--s-head);max-width:22ch}
.markalar__alt{color:var(--muted);max-width:40ch}
.duvar{margin-top:56px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.logo{aspect-ratio:3/2;min-height:0;overflow:hidden;border-radius:18px;background:var(--light);display:flex;align-items:center;justify-content:center;padding:12% 14%}
.logo img{width:100%;height:100%;object-fit:contain;transition:filter 500ms ease,opacity 500ms ease,transform 600ms var(--ease)}
.logo--beyaz img{filter:brightness(0)}
@media (hover:hover) and (pointer:fine){
  .logo img{filter:grayscale(1);opacity:.78}
  .logo--beyaz img{filter:brightness(0);opacity:.78}
  .logo:hover img{filter:none;opacity:1;transform:scale(1.05)}
  .logo--beyaz:hover img{filter:brightness(0)}
}

.markalar__ac{margin-top:32px}
.sektorler{margin-top:48px;display:flex;flex-direction:column;gap:44px}
.sektorler[hidden]{display:none}
.sektor h3{font-size:clamp(1.4rem,2vw,2rem);letter-spacing:-0.02em;display:flex;align-items:baseline;gap:12px}
.sektor h3 small{font-size:var(--s-small);color:var(--muted);font-weight:400;letter-spacing:0}
.sektor__izgara{margin-top:18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.sektor__marka{display:flex;flex-direction:column;gap:10px;animation:balon 500ms var(--ease-expo) both;animation-delay:calc(var(--s,0) * 40ms)}
.sektor__marka .logo{aspect-ratio:3/2}
.sektor__marka span{font-size:var(--s-small);color:var(--muted)}
.logo--yazi span{font-weight:500;font-size:clamp(12px,1.05vw,16px);line-height:1.15;text-align:center;color:var(--light-ink);letter-spacing:-0.01em}

/* ── Kendi yapay zekanızı kurun (deneme alanı) ── */
.kur{padding:180px var(--m) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.kur__metin{grid-column:1/6;display:flex;flex-direction:column;gap:24px;position:sticky;top:110px}
.kur__metin h2{font-size:var(--s-head)}
.kur__metin p{color:var(--muted);max-width:38ch}
.alan-ikili{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.alan{display:flex;flex-direction:column;gap:8px}
.alan label{font-size:var(--s-small);color:var(--muted)}
.alan input{min-height:52px;width:100%;padding:0 18px;border:0;border-radius:14px;background:var(--bg-3)}
.gorevler{display:flex;flex-direction:column;gap:8px}
.gorevler__ad{font-size:var(--s-small);color:var(--muted);margin-bottom:2px}
.gorevler button{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:0 22px;border:0;border-radius:16px;background:var(--bg-2);text-align:left;cursor:pointer;transition:background-color 200ms ease,color 200ms ease,transform 160ms var(--ease)}
.gorevler button:active{transform:scale(0.98)}
.gorevler button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
@media (hover:hover) and (pointer:fine){.gorevler button:not([aria-pressed="true"]):hover{background:var(--bg-3)}}
.kur__kart{grid-column:7/13;border-radius:28px;background:var(--light);color:var(--light-ink);padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:16px}
.kur__kart .ust-satir{display:flex;justify-content:space-between;align-items:center;gap:16px}
.asistan{display:flex;align-items:center;gap:14px;min-width:0}
.asistan__harf{flex:none;width:52px;height:52px;border-radius:50%;background:var(--light-ink);color:var(--light);display:grid;place-items:center;font-size:22px;font-weight:500}
.asistan b{display:block;font-weight:500;font-size:var(--s-lead);letter-spacing:-0.02em}
.asistan small{display:block;color:#4b5160;font-size:var(--s-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asistan>span:not(.asistan__harf){min-width:0}
.kanal{flex:none;padding:8px 14px;border-radius:999px;background:#dfe2e7;font-size:var(--s-small)}
.sohbet{height:440px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:4px 2px;scroll-behavior:smooth}
.balon{padding:14px 18px;border-radius:20px;max-width:86%;font-size:var(--s-body);line-height:1.45;animation:balon 380ms var(--ease-expo) both}
.balon--asistan{align-self:flex-start;background:#dfe2e7;border-bottom-left-radius:6px}
.balon--siz{align-self:flex-end;background:var(--light-ink);color:var(--light);border-bottom-right-radius:6px}
@keyframes balon{from{transform:translateY(10px) scale(.98)}to{transform:none}}
.yaziyor{display:inline-flex;gap:5px;padding:18px 20px}
.yaziyor i{width:7px;height:7px;border-radius:50%;background:#4b5160;animation:nokta 1s ease-in-out infinite}
.yaziyor i:nth-child(2){animation-delay:.15s}.yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes nokta{0%,80%,100%{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-3px)}}
.taslak{align-self:stretch;background:#fff;border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;animation:balon 500ms var(--ease-expo) both}
.taslak h3{font-size:clamp(1.3rem,1.6vw,1.6rem);letter-spacing:-0.02em;line-height:1.1}
.taslak dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:var(--s-small)}
.taslak dt{color:#4b5160}
.taslak dd{margin:0;font-weight:500}
.taslak blockquote{margin:0;padding:14px 16px;border-radius:14px;background:#eef0f3;font-size:var(--s-body);line-height:1.45}
.taslak blockquote em{font-style:normal;background:#d4f7ec;border-radius:6px;padding:0 4px}
.hizli{display:flex;flex-wrap:wrap;gap:8px;min-height:44px}
.hizli button,.hizli a{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#dfe2e7;color:var(--light-ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;font-size:var(--s-small);transition:background-color 200ms ease,transform 160ms var(--ease);animation:balon 380ms var(--ease-expo) both}
.hizli button:active,.hizli a:active{transform:scale(0.97)}
@media (hover:hover) and (pointer:fine){.hizli button:hover,.hizli a:hover{background:#cfd3da}}
.hizli a{background:var(--light-ink);color:var(--light)}
.yaz{display:flex;gap:8px}
.yaz input{flex:1;min-width:0;min-height:52px;padding:0 18px;border:0;border-radius:999px;background:#dfe2e7;color:var(--light-ink)}
.yaz input::placeholder{color:#5d6371}
.yaz .dugme{background:var(--light-ink);color:var(--light)}
.kur__not{font-size:var(--s-small);color:#4b5160}

/* ── Ücretsiz araçlar ── */
.araclar{padding:180px var(--m) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.araclar h2{grid-column:1/-1;font-size:var(--s-head);max-width:16ch;margin-bottom:24px}
.arac{grid-column:span 6;border-radius:28px;background:var(--bg-2);padding:clamp(24px,3vw,44px);min-height:420px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}
.arac--acik{background:var(--accent);color:var(--accent-ink)}
.arac h3{font-size:clamp(1.8rem,2.8vw,3rem)}
.arac p{max-width:34ch}
.arac form{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.arac input{flex:1;min-width:200px;min-height:56px;padding:0 20px;border:0;border-radius:999px;background:rgba(255,255,255,.08)}
.arac--acik input{background:rgba(4,18,14,.1)}
.arac--acik .dugme{background:var(--accent-ink);color:var(--accent)}
.arac__not{font-size:var(--s-small);opacity:.8}

/* ── Paketler ── */
.paketler{padding:180px var(--m) 0}
.paketler h2{font-size:var(--s-head);max-width:15ch}
.paketler__alt{margin-top:20px;color:var(--muted)}
.paket-izgara{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.paket{border-radius:28px;background:var(--bg-2);padding:clamp(24px,2.6vw,40px);display:flex;flex-direction:column;gap:20px;transition:transform 400ms var(--ease)}
@media (hover:hover) and (pointer:fine){.paket:hover{transform:translateY(-6px)}}
.paket--one{background:var(--light);color:var(--light-ink)}
.paket__ust{display:flex;justify-content:space-between;align-items:center;gap:12px}
.paket__ust b{font-weight:500;font-size:var(--s-lead)}
.paket__rozet{padding:6px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:var(--s-small)}
.paket__slogan{font-size:clamp(1.5rem,2.1vw,2.1rem);letter-spacing:-0.025em;line-height:1.1;font-weight:500;text-wrap:balance}
.paket__fiyat small{font-size:var(--s-small);letter-spacing:0;color:var(--muted)}
.paket--one .paket__fiyat small{color:#4b5160}
.paket ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.paket li{padding-left:28px;position:relative}
.paket li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.paket .dugme{margin-top:auto}
.paket--one .dugme{background:var(--light-ink);color:var(--light)}
.paket:not(.paket--one) .dugme{background:var(--bg-3);color:var(--ink)}

/* ── SSS ── */
.sss{padding:180px var(--m) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.sss h2{grid-column:1/5;font-size:var(--s-head)}
.sss__liste{grid-column:6/13}
.sss details{border-radius:20px;background:var(--bg-2);margin-bottom:10px}
.sss summary{list-style:none;cursor:pointer;padding:22px 26px;font-size:var(--s-lead);display:flex;justify-content:space-between;gap:16px;align-items:center}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-size:1.4em;line-height:1;transition:transform 300ms var(--ease)}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details p{padding:0 26px 24px;color:var(--muted);max-width:60ch}

/* ── Kapanış ── */
.kapanis{padding:200px var(--m) 0;text-align:left}
.kapanis h2{font-size:var(--s-display);max-width:12ch}
.kapanis__alt{margin-top:28px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center}
.kapanis__alt span{color:var(--muted)}
.kapanis__alt b{font-weight:500;color:var(--ink)}
.alt{padding:140px var(--m) 32px;display:flex;flex-direction:column;gap:40px}
.alt__isim{font-size:clamp(5rem,22vw,22rem);letter-spacing:-0.06em;line-height:0.8;font-weight:500}
.alt__satir{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:var(--s-small);color:var(--muted)}
.alt__satir nav{display:flex;flex-wrap:wrap;gap:22px}
.alt__satir a{text-decoration:none;color:var(--ink)}

/* ── Girişler ── */
@media (prefers-reduced-motion:no-preference){
  .js .acilis h1 .sat span{transform:translateY(105%);animation:sat 1000ms var(--ease-expo) forwards;animation-delay:calc(120ms + var(--i) * 110ms)}
  .acilis__alt,.acilis__eylem{transition:opacity 800ms var(--ease),transform 1000ms var(--ease-expo)}
  .gl-bekle .acilis__alt,.gl-bekle .acilis__eylem{opacity:0;transform:translateY(16px)}
  .gl-bekle .acilis__eylem{transition-delay:0s}
  .acilis__eylem{transition-delay:500ms}
  .js [data-g]{opacity:0;transform:translateY(28px);transition:opacity 800ms var(--ease),transform 1000ms var(--ease-expo);transition-delay:calc(var(--s,0) * 80ms)}
  .js [data-g].gir{opacity:1;transform:none}
}
@keyframes sat{to{transform:none}}
@keyframes yuksel{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.acilis__ipucu i::after,.balon,.taslak,.hizli button,.hizli a,.yaziyor i{animation:none}.panel{transition:none}.sohbet{scroll-behavior:auto}}

/* ── Telefon ve tablet ── */
@media (max-width:1100px){.duvar{grid-template-columns:repeat(5,minmax(0,1fr))}.sektor__izgara{grid-template-columns:repeat(4,minmax(0,1fr))}.menu{display:none}.menu-ac{display:inline-flex;align-items:center}.ust__sag a:not(.dugme){display:none}}
.menu-panel{position:fixed;inset:0;z-index:30;background:var(--bg);padding:90px var(--m) 40px;display:none;flex-direction:column;gap:6px;font-size:clamp(1.6rem,6vw,2.4rem)}
.menu-panel.acik{display:flex}
.menu-panel a{text-decoration:none;padding:8px 0}
.menu-panel button{position:absolute;top:18px;right:var(--m);background:none;border:0;min-height:44px;cursor:pointer;font-size:var(--s-body)}
.menu-panel{overflow-y:auto;overscroll-behavior:contain}
.menu-panel .menu-panel__ikincil{margin-top:14px;font-size:var(--s-body);color:var(--muted);display:flex;align-items:center;min-height:44px}
@media (max-width:760px){
  .acilis{padding-bottom:9svh}
  .cozum{height:520svh}
  .cozum__sahne{grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;padding:84px var(--m) 2svh}
  .cozum__sol,.cozum__ui{grid-column:1/-1}
  .cozum__sol{gap:14px}
  .sekmeler{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--m) * -1);padding:0 var(--m)}
  .sekmeler a{flex:none;min-height:44px;padding:0 14px}
  .cozum__metinler{height:34svh}
  .panel{gap:12px}
  .panel h2{font-size:clamp(2rem,8.6vw,2.6rem)}
  .panel p{font-size:1.05rem}
  .panel ul,.panel a{display:none}
  .cozum__ui{height:44svh}
  .ui{align-items:flex-start}
  .ui__pencere{font-size:12.5px;gap:10px;padding:14px;max-height:44svh;overflow:hidden}
  .ui__sutun{min-height:150px;padding:7px}
  .ui__satir{grid-template-columns:48px minmax(0,1fr) auto;padding:9px 10px}
  .ui__satir:nth-child(n+5){display:none}
  .ui__sohbet{min-height:150px}
  .ui__seo ol{min-height:0}
  .ui__seo li:nth-child(n+3){display:none}
  .sektor-cip li:nth-child(n+7){display:none}
  .duvar{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .sektor__izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .logo--yazi span{font-size:11px;line-height:1.12}
  .logo{aspect-ratio:1;border-radius:14px;padding:10%}
  .markalar{padding-top:110px}
  .markalar h2{font-size:clamp(1.9rem,8.4vw,2.2rem)}
  .alan-ikili{grid-template-columns:1fr}
  .sohbet{height:360px}
  .kur,.araclar,.sss{grid-template-columns:minmax(0,1fr)}
  .kur__metin,.kur__kart,.sss h2,.sss__liste{grid-column:1/-1}
  .kur__metin{position:static}
  .kur__kart{margin-top:24px}
  .arac{grid-column:1/-1;min-height:auto}
  .paket-izgara{grid-template-columns:1fr}
  .alt__satir{flex-direction:column}
}

/* ── Alt sayfalar için ortak ek ── */
.sayfa-acilis{padding:150px var(--m) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;min-height:92svh}
.sayfa-acilis__metin{grid-column:1/7;display:flex;flex-direction:column;gap:26px}
.sayfa-acilis__metin h1{font-size:clamp(2.8rem,6vw,6.4rem);max-width:13ch}
.sayfa-acilis__metin p{font-size:var(--s-lead);color:var(--muted);max-width:34ch;line-height:1.4}
.sayfa-acilis__ui{grid-column:8/13}
.bolum{padding:150px var(--m) 0}
.bolum>h2{font-size:var(--s-head);max-width:16ch}
.bolum__alt{margin-top:18px;color:var(--muted);max-width:46ch;font-size:var(--s-lead);line-height:1.4}
.yol{display:flex;gap:6px;font-size:var(--s-small);color:var(--muted)}
.yol a{color:var(--muted);text-decoration:none}
/* 24 Eki mobil taraması: tablette (761–1100px) açılış tek sütun — yan sütunda arayüz kartı 300px'e sıkışıp metni taşırıyordu */
@media screen and (min-width:761px) and (max-width:1100px){.sayfa-acilis{grid-template-columns:minmax(0,1fr);padding-top:130px;min-height:auto;row-gap:40px}.sayfa-acilis>.sayfa-acilis__metin,.sayfa-acilis>.sayfa-acilis__ui{grid-column:1/-1}.sayfa-acilis>.sayfa-acilis__ui{width:100%;max-width:680px}}
@media (max-width:760px){.sayfa-acilis{grid-template-columns:minmax(0,1fr);padding-top:110px;min-height:auto}.sayfa-acilis__metin,.sayfa-acilis__ui{grid-column:1/-1}.bolum{padding-top:100px}}

/* dokunma hedefleri ≥ 44px (ortak menü ve alt bilgi) */
.marka{display:inline-flex;align-items:center;min-height:44px}
@media (min-width:1101px){.ust__sag a:not(.dugme){display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 6px}}
.alt__satir a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}

/* ── Rehber yazısı (alt sayfa: rehber-*.html) ── */
.yazi{padding:150px var(--m) 0;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
.yazi__bas{width:100%;max-width:760px;display:flex;flex-direction:column;gap:22px}
.yazi__bas h1{font-size:clamp(2.4rem,4.2vw,4rem);max-width:none}
.yazi__ozet{font-size:var(--s-lead);color:var(--muted);line-height:1.45;max-width:40ch}
.yazi__bilgi{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--s-small);color:var(--muted)}
.yazi__bilgi span{padding:8px 14px;border-radius:999px;background:var(--bg-2)}
.yazi__bilgi span:first-child{background:var(--accent);color:var(--accent-ink)}
.yazi__govde{width:100%;max-width:760px;margin-top:64px;font-size:clamp(1.12rem,1rem + 0.35vw,1.3rem);line-height:1.7;color:#d8dbe1}
.yazi__govde>*+*{margin-top:1.1em}
.yazi__govde h2{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.1;margin-top:2.2em;color:var(--ink)}
.yazi__govde h3{font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.2;margin-top:1.8em;color:var(--ink);letter-spacing:-0.02em}
.yazi__govde ul,.yazi__govde ol{padding-left:1.2em}
.yazi__govde li+li{margin-top:.45em}
.yazi__govde strong{color:var(--ink);font-weight:500}
.yazi__govde a{color:var(--accent);text-underline-offset:3px}
.yazi__kutu{margin-top:2em!important;border-radius:24px;background:var(--bg-2);padding:clamp(20px,2.4vw,32px)}
.yazi__kutu h2,.yazi__kutu h3{margin-top:0!important}
.yazi__kutu ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.yazi__kutu li{padding-left:30px;position:relative}
.yazi__kutu li::before{content:"";position:absolute;left:2px;top:.5em;width:14px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.yazi__kutu--orbitix{background:var(--light);color:var(--light-ink)}
.yazi__kutu--orbitix h2,.yazi__kutu--orbitix h3,.yazi__kutu--orbitix strong{color:var(--light-ink)}
.yazi__kutu--orbitix p{color:#2c3140}
.yazi__kutu--orbitix a{color:var(--light-ink);font-weight:500}
.yazi__kutu--orbitix p:last-child a{display:inline-flex;align-items:center;min-height:44px}
.yazi__diger{width:100%;max-width:1100px;margin-top:120px}
.yazi__diger>h2{font-size:var(--s-head)}
.yazi__diger-izgara{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.yazi__diger-izgara a{border-radius:22px;background:var(--bg-2);padding:24px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;text-decoration:none;transition:background-color 250ms ease}
.yazi__diger-izgara a span{font-size:var(--s-small);color:var(--accent)}
.yazi__diger-izgara a b{font-weight:500;font-size:clamp(1.25rem,1.6vw,1.55rem);letter-spacing:-0.02em;line-height:1.15}
@media (hover:hover) and (pointer:fine){.yazi__diger-izgara a:hover{background:var(--bg-3)}}
@media (max-width:760px){.yazi{padding-top:110px}.yazi__bas h1{font-size:2.05rem;max-width:none}.yazi__govde{margin-top:40px}.yazi__diger{margin-top:80px}.yazi__diger-izgara{grid-template-columns:minmax(0,1fr)}.yazi__diger-izgara a{min-height:0}}

/* ── Video yuvası: <div class="video-kutu" data-video="SLUG"></div> → ortak.js doldurur ── */
.video-bolum .video-kutu{margin-top:32px}
.video-kutu{position:relative;border-radius:28px;overflow:hidden;background:var(--bg-2);aspect-ratio:16/9;width:100%}
.video-kutu video{display:block;width:100%;height:100%;object-fit:cover}
.video-kutu--dikey{aspect-ratio:9/16;max-width:380px}
.video-kutu__ad{position:absolute;left:16px;bottom:14px;font-size:var(--s-small);color:var(--muted);pointer-events:none}
.video-ikili{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:14px;align-items:start;margin-top:32px}
@media (max-width:760px){.video-ikili{grid-template-columns:minmax(0,1fr)}.video-kutu{border-radius:20px}.video-kutu--dikey{max-width:none}}
/*GIRIS-BAS · Sistem girişi penceresi (ortak.js) */
.giris-pen{width:min(520px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);margin:auto;padding:0;border:1px solid var(--line);border-radius:28px;background:var(--bg-2);color:var(--ink);overflow:auto}
.giris-pen::backdrop{background:rgba(4,5,8,.82)}
.giris-pen__ic{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,4vw,40px)}
.giris-pen h2{font-size:clamp(1.9rem,1.5rem + 1.6vw,2.6rem);padding-right:96px}
.giris-pen p{color:var(--muted);font-size:var(--s-body);line-height:1.5}
.giris-pen label{margin-top:6px;font-size:1rem;color:var(--ink)}
.giris-pen input{width:100%;min-height:56px;padding:0 18px;border:1px solid #3a3f4c;border-radius:16px;background:var(--bg);color:var(--ink);font:inherit;font-size:1.125rem;letter-spacing:.02em}
.giris-pen input::placeholder{color:#6f7686}
.giris-pen .dugme{width:100%;margin-top:4px}
.giris-pen__kapat{position:absolute;top:clamp(14px,2.4vw,24px);right:clamp(14px,2.4vw,24px);min-height:44px;min-width:44px;padding:0 18px;border:0;border-radius:999px;background:var(--bg-3);color:var(--ink);font:inherit;font-size:1rem;cursor:pointer}
@media (hover:hover) and (pointer:fine){.giris-pen__kapat:hover{background:#20242f}}
.giris-pen__durum{min-height:1.5em;font-size:1rem!important}
.giris-pen__durum--kotu{color:#ffb3a6!important}
.giris-pen__durum--iyi{color:var(--accent)!important}
/*GIRIS-SON*/
/*SOHBET-BAS · Orbi site sohbeti (ortak.js) */
.os-dugme{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:25;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:1rem;font-weight:500;cursor:pointer}
.os-dugme[hidden]{display:none}
.os-dugme{transition:opacity 200ms ease,transform 300ms var(--ease),visibility 0s}
.os-dugme--bekle{opacity:0;transform:translateY(16px);pointer-events:none;visibility:hidden;transition:opacity 200ms ease,transform 300ms var(--ease),visibility 0s 300ms}
@media (prefers-reduced-motion:reduce){.os-dugme,.os-dugme--bekle{transition:none;transform:none}}
.os-nokta{width:9px;height:9px;border-radius:50%;background:var(--accent-ink);box-shadow:0 0 0 3px rgba(4,18,14,.18)}
@media (hover:hover) and (pointer:fine){.os-dugme:hover{background:#a6f7e2}}
.os-pen{display:flex;flex-direction:column;background:var(--bg-2);color:var(--ink);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.os-pen:not(.os-pen--gomulu){position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:26;width:min(400px,calc(100vw - 32px));height:min(620px,calc(100dvh - 120px))}
.os-pen[hidden]{display:none}
.os-pen--gomulu{height:min(600px,80vh);max-width:720px}
.os-bas{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.os-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:600}
.os-ad{font-weight:500;font-size:1rem}
.os-dur{font-size:.875rem;color:var(--accent)}
.os-kapat{margin-left:auto;min-height:44px;min-width:44px;padding:0 16px;border:0;border-radius:999px;background:var(--bg-3);color:var(--ink);font:inherit;font-size:.95rem;cursor:pointer}
.os-govde{flex:1 1 0%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px;overscroll-behavior:contain}
.os-b{max-width:86%;padding:10px 14px;border-radius:16px;font-size:1rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.os-b--bot{align-self:flex-start;background:var(--bg-3);border-bottom-left-radius:6px}
.os-b--sen{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:6px}
.os-b--ok{align-self:flex-start;background:rgba(124,242,212,.12);color:var(--ink);border:1px solid rgba(124,242,212,.35)}
.os-b a{color:var(--accent);text-underline-offset:3px}
.os-kutu{display:flex;flex-direction:column;gap:8px;white-space:normal}
.os-kutu span{font-size:.9rem;color:var(--muted)}
.os-kutu input{min-height:44px;padding:0 12px;border:1px solid #3a3f4c;border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:1rem}
.os-kutu button{min-height:44px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:500;cursor:pointer}
.os-kutu small{min-height:1.2em;color:#ffb3a6;font-size:.875rem}
.os-yaz{align-self:flex-start;display:flex;gap:5px;padding:12px 14px;border-radius:16px;background:var(--bg-3)}
.os-yaz i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:osYaz 1s infinite ease-in-out}
.os-yaz i:nth-child(2){animation-delay:.15s}.os-yaz i:nth-child(3){animation-delay:.3s}
@keyframes osYaz{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.os-yaz i{animation:none}}
.os-cipler{display:flex;gap:8px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none}
.os-cip{flex:none;min-height:44px;padding:0 14px;border:1px solid #3a3f4c;border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:.9rem;cursor:pointer;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.os-cip:hover{background:var(--bg-3)}}
.os-giris{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.os-giris input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1px solid #3a3f4c;border-radius:14px;background:var(--bg);color:var(--ink);font:inherit;font-size:1rem}
.os-gonder{flex:none;width:48px;min-height:48px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:1.2rem;cursor:pointer}
.os-not{margin:0;padding:0 16px 12px;font-size:.875rem;line-height:1.4;color:var(--muted)}
.os-not a{color:var(--muted)}
@media (max-width:600px){.os-pen:not(.os-pen--gomulu){right:0;left:0;bottom:var(--os-alt,0px);width:100%;height:min(86dvh,640px);max-height:var(--os-vvh,none);border-radius:24px 24px 0 0}}
html.os-kilit,html.os-kilit body{overflow:hidden}
.os-pen:focus{outline:none}
/*SOHBET-SON*/
/*ACILIR-BAS · Kurumsal açılır menüsü */
.menu-acilir{position:relative;display:inline-flex}
.menu-acilir__dugme{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 0;border:0;background:none;color:var(--muted);font:inherit;font-size:inherit;cursor:pointer;transition:color 200ms ease}
.menu-acilir__dugme:hover,.menu-acilir.acik .menu-acilir__dugme{color:var(--ink)}
.menu-acilir__ok{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 200ms ease}
.menu-acilir.acik .menu-acilir__ok{transform:translateY(1px) rotate(225deg)}
.menu-acilir__liste{position:absolute;top:100%;right:-12px;z-index:21;display:none;flex-direction:column;min-width:230px;padding:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:18px}
.menu-acilir.acik .menu-acilir__liste{display:flex}
.menu-acilir--sol .menu-acilir__liste{left:-14px;right:auto}
.menu-acilir__dugme[aria-current],.menu>a[aria-current]{color:var(--ink)}
.menu .menu-acilir__liste a{justify-content:flex-start;padding:10px 14px;border-radius:12px;color:var(--ink);white-space:nowrap}
.menu .menu-acilir__liste a:hover,.menu .menu-acilir__liste a[aria-current]{background:var(--bg-3)}
.menu-panel .menu-panel__grup{margin-top:22px;font-size:var(--s-small);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
span.menu-panel__grup:first-of-type{margin-top:0}
.menu-panel .menu-panel__alt,.menu-panel .menu-panel__kurumsal{display:flex;align-items:center;min-height:44px;padding:4px 0;font-size:var(--s-lead);line-height:1.25;color:var(--ink)}
.menu-panel .menu-panel__alt+.menu-panel__ana{margin-top:18px}
.menu-panel a[aria-current]{color:var(--accent)}
/*ACILIR-SON*/
/*MENU-SIGDIR · Kurumsal eklenince menü iki satıra kırılıyordu (24 Eki ölçüldü): yazılar kırılmaz, aralık daralır */
.menu{gap:clamp(14px,1.6vw,26px)}
/* nowrap yalnız yeni (açılır menülü) menüde: eski 8 bağlantılı menüyü taşıyan sayfa (ör. henüz yeniden üretilmemiş ucretsiz-araclar) taşmasın, eskisi gibi kırılsın */
.menu:has(.menu-acilir) a,.menu-acilir__dugme,.ust__sag a,.ust__sag .dugme{white-space:nowrap}
/* v15 (Cem 25 Eki): ürün sayfaları "Çözümler" açılır menüsünde → 5 öğe 1101 px'te tek satıra sığıyor (ölçüldü); telefon menüsü eşiği yine 1100 px (yukarıdaki kural). */