/* Desktop visitor service showcase. Existing backgrounds and mobile styles are untouched. */
.svd-root { display: none; }
@media (min-width: 1025px) {
/* =========================================================
   SiberHat · Hizmetler Vitrini (sekmeli)
   - Arka plan YOK: bileşen şeffaf, temanın arka planı görünür.
   - Tüm stiller .svd-root altında kapsüllenmiştir; tema stillerini etkilemez.
   - Renkleri değiştirmek için aşağıdaki .svd-root değişkenlerini düzenleyin.
   ========================================================= */
.svd-root{--bg:#060912;--card:#0e1526;--card2:#121b2f;--line:rgba(148,163,184,.13);--line2:rgba(148,163,184,.22);--ink:#eef2f8;--muted:#8e9ab0;--soft:#c3cbd9;
--teal:#2dd4bf;--cyan:#22d3ee;--sky:#38bdf8;--violet:#a855f7;--purple:#7e22ce;--pink:#ec5fa8;--amber:#f7b733;--green:#34d399;
--out:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.4,.64,1)}
.svd-root,.svd-root *{box-sizing:border-box}
.svd-root a{color:inherit;text-decoration:none}
.svd-root button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.svd-root svg.svd-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.svd-root .svd-mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.svd-root .svd-hd{text-align:center;max-width:760px;margin:0 auto 28px}
.svd-root .svd-eyebrow{display:inline-block;padding:6px 0;font-size:13px;font-weight:700;letter-spacing:.32em;color:var(--teal)}
.svd-root .svd-hd h2{margin:14px 0 12px;font-size:48px;line-height:1.1;font-weight:800;letter-spacing:-.03em}
.svd-root .svd-hd h2 em{font-style:normal;word-spacing:.1em;background:linear-gradient(90deg,var(--teal),var(--sky) 45%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.svd-root .svd-hd p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}
/* Vitrin başlık yerleşimi iki temada ortak: üst boşluk #live-stats (32px) + 12px, rozet dikey 6px (açık temada 5px + 1px kenar),
   başlık 48px, kelime arası ~.32em (açık temada flex column-gap), açıklama → sekmeler 28px. */
#hizmetler{padding-top:12px}
.svd-root .svd-srch{display:flex;align-items:center;gap:12px;max-width:620px;margin:0 auto;height:58px;padding:0 22px;border-radius:999px;background:rgba(10,20,38,.85);
box-shadow:0 0 0 1px rgba(56,189,248,.28) inset,0 10px 40px -20px rgba(56,189,248,.6);color:var(--muted);transition:box-shadow .3s}
.svd-root .svd-srch:focus-within{box-shadow:0 0 0 1px rgba(45,212,191,.7) inset,0 10px 40px -16px rgba(45,212,191,.7)}
.svd-root .svd-srch input{flex:1;background:none;border:0;outline:0;color:var(--ink);font:inherit;font-size:15px}
.svd-root .svd-srch input::placeholder{color:var(--muted)}
.svd-root .svd-chips{display:flex;justify-content:center;gap:10px;margin:26px 0 30px}
.svd-root .svd-chip{padding:11px 22px;border-radius:999px;background:rgba(14,21,38,.9);box-shadow:0 0 0 1px var(--line) inset;color:var(--soft);font-weight:600;font-size:15px;transition:all .25s}
.svd-root .svd-chip:hover{color:#fff;box-shadow:0 0 0 1px var(--line2) inset}
.svd-root .svd-chip.svd-on{color:#fff;background:linear-gradient(90deg,rgba(45,212,191,.18),rgba(168,85,247,.18));box-shadow:0 0 0 1px rgba(45,212,191,.45) inset}
.svd-root .svd-pager{display:flex;justify-content:center;gap:12px;margin-top:34px}
.svd-root .svd-pager button{width:46px;height:46px;border-radius:12px;background:rgba(14,21,38,.9);box-shadow:0 0 0 1px var(--line) inset;font-weight:700;color:var(--soft)}
.svd-root .svd-pager button.svd-on{color:#fff;background:linear-gradient(160deg,#9333ea,#6b21a8);box-shadow:0 0 0 1px rgba(216,180,254,.5) inset,0 8px 24px -8px #9333ea}
.svd-root .svd-register-cta{width:max-content;max-width:100%;min-height:48px;margin:22px auto 0;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;color:#eafffb;font-size:14px;font-weight:700;letter-spacing:.01em;text-decoration:none;background:linear-gradient(100deg,rgba(45,212,191,.2),rgba(168,85,247,.2)),rgba(10,16,30,.94);box-shadow:0 0 0 1px rgba(45,212,191,.5) inset,0 10px 30px -18px rgba(45,212,191,.9);transition:transform .2s ease,box-shadow .2s ease,color .2s ease}
.svd-root .svd-register-cta:hover{transform:translateY(-2px);color:#fff;box-shadow:0 0 0 1px rgba(168,85,247,.7) inset,0 14px 34px -16px rgba(168,85,247,.8)}
.svd-root .svd-register-cta svg{width:17px;height:17px}
.svd-root .svd-register-cta[hidden]{display:none}
.svd-root .svd-pf-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:16px}
.svd-root .svd-pf{position:relative;display:flex;align-items:center;gap:14px;padding:18px 18px 18px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),rgba(12,19,34,.92);
box-shadow:0 0 0 1px var(--line) inset;transition:transform .3s var(--out),box-shadow .3s,background .3s;overflow:hidden}
.svd-root .svd-pf::after{content:"";position:absolute;inset:0;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(45,212,191,.12),transparent 70%);opacity:0;transition:opacity .3s}
.svd-root .svd-pf:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(45,212,191,.4) inset,0 16px 36px -20px rgba(45,212,191,.6)}
.svd-root .svd-pf:hover::after{opacity:1}
.svd-root .svd-pf-ic{width:52px;height:52px;flex:none;border-radius:15px;display:grid;place-items:center;font-weight:800;font-size:22px;color:#fff;background:linear-gradient(145deg,var(--g1),var(--g2));box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.svd-root .svd-pf-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.svd-root .svd-pf-tx b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svd-root .svd-pf-tx small{display:flex;align-items:flex-start;gap:5px;font-size:13.5px;color:#5eead4;line-height:1.35}
.svd-root .svd-pf-tx small svg{width:14px;height:14px;margin-top:2px}
.svd-root .svd-pf-ar{color:var(--muted);transition:transform .3s var(--out),color .3s}
.svd-root .svd-pf:hover .svd-pf-ar{transform:translateX(4px);color:#fff}
.svd-root .svd-btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:14px;font-weight:700;font-size:15px;color:#06111a;
background:linear-gradient(135deg,color-mix(in srgb,var(--a) 70%,#fff),var(--a));box-shadow:0 10px 30px -12px var(--a);transition:transform .25s var(--out),box-shadow .25s}
.svd-root .svd-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px var(--a)}
.svd-root .svd-btn svg{transition:transform .25s var(--out)}
.svd-root .svd-btn:hover svg{transform:translateX(3px)}
.svd-root .svd-btn.svd-ghost{color:var(--ink);background:rgba(255,255,255,.04);box-shadow:0 0 0 1px var(--line2) inset}
.svd-root .svd-ft{list-style:none;margin:22px 0 28px;padding:0;display:flex;flex-direction:column;gap:12px}
.svd-root .svd-ft li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--soft);font-weight:500}
.svd-root .svd-ft li span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--a,var(--teal));background:color-mix(in srgb,var(--a,#2dd4bf) 12%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--a,#2dd4bf) 30%,transparent) inset}
.svd-root .svd-ft li span svg{width:16px;height:16px}
.svd-root .svd-tagline{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--a)}
.svd-root .svd-tagline::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--a)}
.svd-root .svd-mk{position:relative;width:100%;max-width:400px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#101a2e,#0b1222);box-shadow:0 0 0 1px var(--line2) inset,0 30px 60px -30px #000;font-size:14px}
.svd-root .svd-mk-hd{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.svd-root .svd-mk-hd .svd-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.svd-root .svd-mk-hd b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svd-root .svd-mk-hd small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svd-root .svd-cc{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.05em;background:linear-gradient(145deg,#334155,#1e293b);box-shadow:0 0 0 1px var(--line2) inset}
.svd-root .svd-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;letter-spacing:.08em;padding:4px 7px;border-radius:8px}
.svd-root .svd-tag svg{width:11px;height:11px}
.svd-root .svd-tin{color:#5eead4;background:rgba(45,212,191,.12)}
.svd-root .svd-tout{color:#d8b4fe;background:rgba(168,85,247,.14)}
.svd-root .svd-mk-bd{padding:16px;min-height:230px}
.svd-root .svd-chat-bd{display:flex;flex-direction:column;gap:10px;justify-content:flex-end}
.svd-root .svd-bb{max-width:78%;padding:10px 13px;border-radius:16px;font-size:13.5px;line-height:1.45;animation:svd-pop .45s var(--spring) both}
.svd-root .svd-bb small{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:4px;font-size:10.5px;opacity:.75}
.svd-root .svd-bb small svg{width:12px;height:12px}
.svd-root .svd-bb.svd-o{align-self:flex-end;border-bottom-right-radius:5px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.svd-root .svd-bb.svd-i{align-self:flex-start;border-bottom-left-radius:5px;background:#1a2540;box-shadow:0 0 0 1px var(--line) inset}
.svd-root .svd-bb.svd-ty{display:flex;gap:4px;padding:13px 14px}
.svd-root .svd-bb.svd-ty i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:svd-tdot 1s infinite}
.svd-root .svd-bb.svd-ty i:nth-child(2){animation-delay:.15s}
.svd-root .svd-bb.svd-ty i:nth-child(3){animation-delay:.3s}
@keyframes svd-tdot{50%{transform:translateY(-4px);opacity:.4}}
@keyframes svd-pop{from{opacity:0;transform:translateY(10px) scale(.92)}}
.svd-root .svd-mk-in{display:flex;align-items:center;gap:10px;margin:0 12px 12px;padding:8px 8px 8px 14px;border-radius:14px;background:#0a1120;box-shadow:0 0 0 1px var(--line) inset}
.svd-root .svd-mk-in .svd-typ{flex:1;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden}
.svd-root .svd-mk-in .svd-snd{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.svd-root .svd-mk-in .svd-snd svg{width:16px;height:16px}
.svd-root .svd-mk-in.svd-go .svd-snd{animation:svd-sendp .4s var(--spring)}
@keyframes svd-sendp{50%{transform:scale(.85)}}
.svd-root .svd-mi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--sky);background:rgba(56,189,248,.12);box-shadow:0 0 0 1px rgba(56,189,248,.3) inset}
.svd-root .svd-addr{font-family:"JetBrains Mono",monospace;font-size:12.5px!important;color:#bae6fd}
.svd-root .svd-cp{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--muted);box-shadow:0 0 0 1px var(--line2) inset}
.svd-root .svd-cp svg{width:15px;height:15px}
.svd-root .svd-mail-bd{display:flex;flex-direction:column;gap:9px}
.svd-root .svd-ml{display:flex;align-items:center;gap:11px;padding:10px;border-radius:13px;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px var(--line) inset}
.svd-root .svd-ml>i{width:32px;height:32px;border-radius:10px;flex:none;background:#1a2540;display:grid;place-items:center;color:var(--sky)}
.svd-root .svd-ml>i svg{width:16px;height:16px}
.svd-root .svd-ml>div{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.svd-root .svd-ml em{display:block;height:7px;width:70%;border-radius:4px;background:#1c2742}
.svd-root .svd-ml em.svd-s{width:45%}
.svd-root .svd-ml b{font-size:13px}
.svd-root .svd-ml small{font-size:11px;color:var(--muted)}
.svd-root .svd-ml.svd-new{display:none;background:rgba(56,189,248,.07);box-shadow:0 0 0 1px rgba(56,189,248,.35) inset}
.svd-root .svd-ml.svd-new .svd-dot{width:8px;height:8px;border-radius:50%;background:var(--sky);box-shadow:0 0 10px var(--sky)}
.svd-root .svd-mk-mail.svd-s1 .svd-ml.svd-new{display:flex;animation:svd-pop .5s var(--spring) both;order:-1}
.svd-root .svd-code-box{display:none;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:14px;background:linear-gradient(180deg,rgba(56,189,248,.1),rgba(56,189,248,.03));box-shadow:0 0 0 1px rgba(56,189,248,.3) inset}
.svd-root .svd-mk-mail.svd-s2 .svd-code-box{display:flex;animation:svd-pop .5s var(--spring) both}
.svd-root .svd-mk-mail.svd-s2 .svd-sk{display:none}
.svd-root .svd-code-box small{font-size:11px;color:var(--muted);letter-spacing:.08em}
.svd-root .svd-code{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:30px;letter-spacing:.12em;color:#e0f2fe;text-shadow:0 0 20px rgba(56,189,248,.5)}
.svd-root .svd-cbtn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#06111a;background:var(--sky);padding:6px 12px;border-radius:9px}
.svd-root .svd-cbtn svg{width:13px;height:13px}
.svd-root .svd-mk-mail.svd-s3 .svd-cbtn{background:var(--green)}
.svd-root .svd-mk-call{display:flex;flex-direction:column;align-items:center;padding:30px 20px 24px;gap:6px;text-align:center}
.svd-root .svd-ring{position:relative;width:96px;height:96px;margin-bottom:12px;display:grid;place-items:center}
.svd-root .svd-ring i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(236,95,168,.6);opacity:0}
.svd-root .svd-mk-call.svd-s1 .svd-ring i{animation:svd-ringo 1.8s var(--out) infinite}
.svd-root .svd-mk-call.svd-s1 .svd-ring i:nth-child(2){animation-delay:.6s}
.svd-root .svd-mk-call.svd-s1 .svd-ring i:nth-child(3){animation-delay:1.2s}
@keyframes svd-ringo{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.5);opacity:0}}
.svd-root .svd-ph{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 25%,#ff9bd0,#ec5fa8 50%,#9d174d);box-shadow:0 10px 30px -8px #ec5fa8}
.svd-root .svd-ph svg{width:30px;height:30px}
.svd-root .svd-mk-call.svd-s1 .svd-ph svg{animation:svd-shake .5s ease-in-out infinite}
@keyframes svd-shake{25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}
.svd-root .svd-mk-call.svd-s2 .svd-ph{background:radial-gradient(circle at 30% 25%,#6ee7b7,#10b981 55%,#065f46);box-shadow:0 10px 30px -8px #10b981}
.svd-root .svd-ct{font-size:16px}
.svd-root .svd-cn{color:var(--muted);font-size:12.5px}
.svd-root .svd-tm{font-family:"JetBrains Mono",monospace}
.svd-root .svd-wv{display:flex;align-items:center;gap:3px;height:40px;margin:14px 0 8px;opacity:.25;transition:opacity .4s}
.svd-root .svd-wv i{width:3px;height:6px;border-radius:2px;background:linear-gradient(180deg,#f9a8d4,#ec5fa8)}
.svd-root .svd-mk-call.svd-s2 .svd-wv{opacity:1}
.svd-root .svd-mk-call.svd-s2 .svd-wv i{animation:svd-wv .9s ease-in-out infinite;animation-delay:calc(var(--n)*-73ms)}
@keyframes svd-wv{0%,100%{height:5px}50%{height:var(--h,28px)}}
.svd-root .svd-dg{display:flex;gap:8px}
.svd-root .svd-dg span{width:42px;height:50px;border-radius:12px;display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-size:22px;font-weight:700;background:#121b30;box-shadow:0 0 0 1px var(--line2) inset;color:transparent;transition:all .35s var(--spring)}
.svd-root .svd-dg span.svd-on{color:#fff;box-shadow:0 0 0 1px rgba(236,95,168,.6) inset,0 0 18px -6px #ec5fa8;transform:translateY(-3px)}
.svd-root .svd-ok{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--green);opacity:0;transition:opacity .4s}
.svd-root .svd-ok svg{width:15px;height:15px}
.svd-root .svd-mk-call.svd-s3 .svd-ok{opacity:1}
.svd-root .svd-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#5eead4;padding:5px 9px;border-radius:999px;background:rgba(45,212,191,.1)}
.svd-root .svd-live i{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:svd-blink 1.2s infinite}
@keyframes svd-blink{50%{opacity:.25}}
.svd-root .svd-mk-sms.svd-s1 .svd-live{color:var(--green)}
.svd-root .svd-sms-bd{display:flex;flex-direction:column;gap:10px}
.svd-root .svd-sm{display:none;gap:11px;padding:12px;border-radius:15px;background:#121b30;box-shadow:0 0 0 1px var(--line) inset}
.svd-root .svd-sm .svd-sn{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(145deg,var(--g1,#2dd4bf),var(--g2,#0f766e))}
.svd-root .svd-sm b{font-size:13px}
.svd-root .svd-sm p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--soft)}
.svd-root .svd-sm strong{font-family:"JetBrains Mono",monospace;color:#fff;background:rgba(45,212,191,.16);padding:1px 5px;border-radius:5px;box-shadow:0 0 0 1px rgba(45,212,191,.4) inset}
.svd-root .svd-mk-sms.svd-s1 .svd-sm:not(.svd-s2),.svd-root .svd-mk-sms.svd-s2 .svd-sm{display:flex;animation:svd-pop .5s var(--spring) both}
/* Süreli numara demosu */
.svd-root .svd-rent-bd{position:relative;padding:16px;display:flex;flex-direction:column;gap:12px}
.svd-root .svd-rent-summary{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:16px;background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(34,211,238,.06));box-shadow:0 0 0 1px rgba(139,92,246,.28) inset}
.svd-root .svd-rent-summary>div{display:flex;flex-direction:column;gap:4px}.svd-root .svd-rent-summary small{font-size:11px;color:var(--muted)}
.svd-root .svd-rent-time{font-family:"JetBrains Mono",monospace;font-size:23px;letter-spacing:.04em;color:#ddd6fe}
.svd-root .svd-rent-ring{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#a5f3fc;background:rgba(34,211,238,.08);box-shadow:0 0 0 1px rgba(34,211,238,.25) inset}
.svd-root .svd-rent-ring i{position:absolute;inset:4px;border:2px solid transparent;border-top-color:#8b5cf6;border-right-color:#22d3ee;border-radius:50%;animation:svd-spin 5s linear infinite}
.svd-root .svd-rent-ring svg{width:18px;height:18px}.svd-root .svd-rent-states{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.svd-root .svd-rent-states span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;border-radius:9px;font-size:10.5px;color:var(--soft);background:rgba(255,255,255,.025);box-shadow:0 0 0 1px var(--line) inset}
.svd-root .svd-rent-states i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.svd-root .svd-rent-inbox{padding:12px;border-radius:15px;background:#0a1120;box-shadow:0 0 0 1px var(--line) inset;min-height:116px}
.svd-root .svd-rent-inbox-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.svd-root .svd-rent-inbox-hd>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.svd-root .svd-rent-inbox-hd svg{width:15px;height:15px;color:#a78bfa}
.svd-root .svd-rent-badge{padding:3px 7px;border-radius:999px;font-size:9px;letter-spacing:.08em;color:#06111a;background:var(--green);opacity:0;transform:scale(.8);transition:.3s var(--spring)}
.svd-root .svd-rent-empty{padding:21px 8px;text-align:center;font-size:11.5px;color:var(--muted)}
.svd-root .svd-rent-msg{display:none;align-items:flex-start;gap:10px;padding:10px;border-radius:12px;background:rgba(139,92,246,.1);box-shadow:0 0 0 1px rgba(139,92,246,.25) inset}
.svd-root .svd-rent-msg>span{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(145deg,#8b5cf6,#2563eb)}
.svd-root .svd-rent-msg>div{min-width:0;display:flex;flex-direction:column}.svd-root .svd-rent-msg b{font-size:12px}.svd-root .svd-rent-msg p{margin:2px 0!important;font-size:11.5px!important;line-height:1.4!important;color:var(--soft)!important}.svd-root .svd-rent-msg strong{font-family:"JetBrains Mono",monospace;color:#c4b5fd}.svd-root .svd-rent-msg small{font-size:9.5px;color:var(--muted)}
.svd-root .svd-rent-toast{position:absolute;right:12px;top:10px;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;color:#d1fae5;background:rgba(6,78,59,.96);box-shadow:0 12px 30px -16px #10b981;opacity:0;transform:translateY(-8px);transition:.35s var(--spring)}
.svd-root .svd-rent-toast svg{width:16px;height:16px}.svd-root .svd-rent-toast span{display:flex;flex-direction:column}.svd-root .svd-rent-toast b{font-size:10.5px}.svd-root .svd-rent-toast small{font-size:9px;opacity:.75}
.svd-root .svd-mk-rental.svd-s1 .svd-rent-empty{display:none}.svd-root .svd-mk-rental.svd-s1 .svd-rent-msg{display:flex;animation:svd-pop .5s var(--spring) both}.svd-root .svd-mk-rental.svd-s1 .svd-rent-badge{opacity:1;transform:scale(1)}.svd-root .svd-mk-rental.svd-s1 .svd-rent-toast{opacity:1;transform:none}.svd-root .svd-mk-rental.svd-s2 .svd-rent-toast{opacity:0;transform:translateY(-6px)}
/* Global arama demosu */
.svd-root .svd-gcall-bd{display:flex;flex-direction:column;align-items:center;min-height:348px;padding:12px 18px 14px;text-align:center}
.svd-root .svd-gcall-modes{display:flex;gap:6px;padding:4px;border-radius:12px;background:#0a1120;box-shadow:0 0 0 1px var(--line) inset}.svd-root .svd-gcall-modes button{padding:6px 10px;border:0;border-radius:9px;font-size:10.5px;color:var(--muted);background:none;cursor:pointer;transition:.3s}.svd-root .svd-gcall-modes button.is-on{color:#cffafe;background:rgba(34,211,238,.14);box-shadow:0 0 0 1px rgba(34,211,238,.28) inset}
.svd-root .svd-gcall-dialer{width:100%;max-width:244px;margin-top:9px}.svd-root .svd-gcall-display{display:block;padding:6px 10px;border-radius:11px;text-align:left;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px var(--line) inset}.svd-root .svd-gcall-display span{display:block;margin-bottom:1px;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.svd-root .svd-gcall-display input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:600 13px/1.4 "JetBrains Mono",monospace}.svd-root .svd-gcall-display input::placeholder{color:var(--muted);opacity:.75}
.svd-root .svd-gcall-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.svd-root .svd-gcall-keypad button{position:relative;min-height:30px;border:0;border-radius:9px;color:var(--soft);background:rgba(255,255,255,.035);box-shadow:0 0 0 1px var(--line) inset;cursor:pointer;font:700 13px/1 "JetBrains Mono",monospace;transition:color .18s,background-color .18s,transform .18s,box-shadow .18s}.svd-root .svd-gcall-keypad button:hover,.svd-root .svd-gcall-keypad button.is-pressed{color:#cffafe;background:rgba(34,211,238,.12);box-shadow:0 0 0 1px rgba(34,211,238,.32) inset,0 0 14px -8px #22d3ee;transform:translateY(-1px)}.svd-root .svd-gcall-keypad small{display:block;margin-top:2px;min-height:6px;font-size:5.5px;letter-spacing:.16em;color:var(--muted)}
.svd-root .svd-gcall-incoming{display:none;flex-direction:column;align-items:center}.svd-root .svd-mk-global-call.is-incoming .svd-gcall-dialer{display:none}.svd-root .svd-mk-global-call.is-incoming .svd-gcall-incoming{display:flex}
.svd-root .svd-gcall-ring{position:relative;width:88px;height:88px;margin:16px 0 7px;display:grid;place-items:center}.svd-root .svd-gcall-ring>i{position:absolute;inset:0;border:1.5px solid rgba(34,211,238,.55);border-radius:50%;opacity:0}.svd-root .svd-gcall-ring>span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 25%,#67e8f9,#0891b2 55%,#164e63);box-shadow:0 12px 30px -10px #06b6d4}.svd-root .svd-gcall-ring svg{width:27px;height:27px}
.svd-root .svd-mk-global-call.svd-s1 .svd-gcall-ring>i{animation:svd-ringo 1.8s var(--out) infinite}.svd-root .svd-mk-global-call.svd-s1 .svd-gcall-ring>i:nth-child(2){animation-delay:.6s}.svd-root .svd-mk-global-call.svd-s1 .svd-gcall-ring>i:nth-child(3){animation-delay:1.2s}.svd-root .svd-mk-global-call.svd-s1 .svd-gcall-ring svg{animation:svd-shake .5s ease-in-out infinite}
.svd-root .svd-global-call-number{margin-top:2px;font-size:11.5px;color:var(--muted)}.svd-root .svd-gcall-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:25px;margin-top:7px}.svd-root .svd-global-call-state{font-size:13px}.svd-root .svd-global-call-time{font-family:"JetBrains Mono",monospace;font-size:13px;color:#a5f3fc;opacity:.45;transition:.3s}.svd-root .svd-mk-global-call.svd-s2 .svd-global-call-time{opacity:1}
.svd-root .svd-gcall-actions{display:flex;gap:12px;margin-top:5px}.svd-root .svd-gcall-actions button{width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}.svd-root .svd-gcall-actions button:hover{transform:translateY(-1px)}.svd-root .svd-gcall-actions svg{width:16px;height:16px}.svd-root .svd-gcall-decline{background:#e11d48}.svd-root .svd-gcall-accept{background:#059669}.svd-root .svd-mk-global-call.svd-s2 .svd-gcall-accept{box-shadow:0 0 18px -3px #10b981}
/* Global hat demosu */
.svd-root .svd-support-note{display:block;max-width:440px;margin-top:12px;color:var(--muted);font-size:11px;line-height:1.5}
.svd-root .svd-line-bd{padding:14px}.svd-root .svd-line-features{display:grid;grid-template-columns:1fr 1fr;gap:7px}.svd-root .svd-line-features>span{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:8px;border-radius:11px;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px var(--line) inset}.svd-root .svd-line-features svg{grid-row:1/3;width:16px;height:16px;color:#6ee7b7}.svd-root .svd-line-features b{font-size:10.5px}.svd-root .svd-line-features small{font-size:8.5px;color:var(--muted)}
.svd-root .svd-line-tabs{display:flex;gap:6px;margin:11px 0 9px;padding:4px;border-radius:11px;background:#0a1120;box-shadow:0 0 0 1px var(--line) inset}.svd-root .svd-line-tabs span{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;border-radius:8px;font-size:10.5px;color:var(--muted);transition:.3s}.svd-root .svd-line-tabs svg{width:13px;height:13px}.svd-root .svd-line-tabs span.is-on{color:#d1fae5;background:rgba(52,211,153,.13);box-shadow:0 0 0 1px rgba(52,211,153,.28) inset}
.svd-root .svd-line-view{min-height:106px;padding:10px;border-radius:13px;background:rgba(255,255,255,.02);box-shadow:0 0 0 1px var(--line) inset}.svd-root .svd-line-bubble{width:max-content;max-width:82%;padding:8px 10px;border-radius:12px;font-size:10.5px;line-height:1.4}.svd-root .svd-line-bubble small{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:8.5px;opacity:.7}.svd-root .svd-line-in{background:#1a2540;border-bottom-left-radius:4px}.svd-root .svd-line-out{margin:7px 0 0 auto;color:#fff;background:linear-gradient(135deg,#10b981,#0f766e);border-bottom-right-radius:4px}.svd-root .svd-line-out i{width:5px;height:5px;border-radius:50%;background:#d1fae5;animation:svd-blink .8s infinite}
.svd-root .svd-line-calls{display:none;flex-direction:column;gap:7px}.svd-root .svd-line-calls>div{display:flex;align-items:center;gap:9px;padding:7px;border-radius:10px;background:rgba(255,255,255,.025)}.svd-root .svd-line-call-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#34d399;background:rgba(52,211,153,.1)}.svd-root .svd-line-call-icon.is-out{color:#a78bfa;background:rgba(139,92,246,.1)}.svd-root .svd-line-call-icon svg{width:14px;height:14px}.svd-root .svd-line-calls>div>span:last-child{display:flex;flex-direction:column}.svd-root .svd-line-calls b{font-size:10.5px}.svd-root .svd-line-calls small{font-size:8.5px;color:var(--muted)}
.svd-root .svd-mk-global-line.svd-s1 .svd-line-out{animation:svd-pop .45s var(--spring) both}.svd-root .svd-mk-global-line.svd-s1 .svd-line-out i{background:#a7f3d0}.svd-root .svd-mk-global-line.svd-s2 .svd-line-tab-sms{color:var(--muted);background:none;box-shadow:none}.svd-root .svd-mk-global-line.svd-s2 .svd-line-tab-call{color:#ddd6fe;background:rgba(139,92,246,.13);box-shadow:0 0 0 1px rgba(139,92,246,.28) inset}.svd-root .svd-mk-global-line.svd-s2 .svd-line-sms{display:none}.svd-root .svd-mk-global-line.svd-s2 .svd-line-calls{display:flex;animation:svd-pop .45s var(--spring) both}
@media (prefers-reduced-motion:reduce){.svd-root,.svd-root *,.svd-root *::before,.svd-root *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.svd-root .svd-sub-hd{text-align:center;margin:0 0 24px}
.svd-root .svd-sub-hd h3{margin:12px 0 0;font-size:30px;font-weight:800;letter-spacing:-.02em}
.svd-root .svd-tabs-shell{max-width:1200px;margin:0 auto 34px}
.svd-root .svd-tabs{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:6px;border-radius:24px;min-width:0;margin:0;
background:rgba(9,14,27,.94);box-shadow:0 0 0 1px var(--line) inset,0 20px 50px -30px #000}
.svd-root .svd-ind{position:absolute;top:6px;bottom:6px;left:0;width:calc((100% - 48px)/7);border-radius:18px;z-index:0;
background:linear-gradient(180deg,color-mix(in srgb,var(--a) 22%,#0f1729),#0d1424);box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 55%,transparent) inset,0 12px 34px -14px var(--a);
transition:transform .42s cubic-bezier(.22,.61,.36,1)}
.svd-root .svd-tab{position:relative;z-index:1;display:flex;align-items:center;gap:8px;min-width:0;min-height:76px;padding:10px 8px;border-radius:18px;text-align:left;transition:transform .2s}
.svd-root .svd-tab>span:last-child{min-width:0}
.svd-root .svd-tab:active{transform:scale(.98)}
.svd-root .svd-tab .svd-ti{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 28%,transparent) inset;transition:color .25s ease,background-color .25s ease}
.svd-root .svd-tab b{display:block;font-size:13.5px;line-height:1.2;font-weight:700;color:var(--soft);overflow-wrap:anywhere;transition:color .3s}
.svd-root .svd-tab small{display:block;margin-top:3px;font-size:10.5px;line-height:1.25;color:var(--muted);overflow-wrap:anywhere}
.svd-root .svd-tab[aria-selected=true] b{color:#fff}
.svd-root .svd-tab[aria-selected=true] .svd-ti{color:#06111a;background:var(--c);box-shadow:0 0 22px -4px var(--c)}
.svd-root .svd-panel-stage{display:grid;align-items:start}
.svd-root .svd-pnl{display:none;grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none}
.svd-root .svd-pnl.svd-visited{display:block}
.svd-root .svd-pnl.svd-on{visibility:visible;opacity:1;pointer-events:auto;animation:svd-panel-enter .16s ease-out both}
@keyframes svd-panel-enter{from{opacity:.72}to{opacity:1}}
.svd-root .svd-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:48px 56px;border-radius:30px;position:relative;overflow:hidden;
background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),rgba(10,16,30,.82);box-shadow:0 0 0 1px var(--line) inset}
.svd-root .svd-split::before{content:"";position:absolute;right:-120px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a) 28%,transparent),transparent 65%);pointer-events:none}
.svd-root .svd-split h3{margin:16px 0 14px;font-size:36px;line-height:1.12;font-weight:800;letter-spacing:-.025em}
.svd-root .svd-split p{margin:0;color:var(--muted);font-size:16.5px;line-height:1.65;max-width:470px}
.svd-root .svd-stage{position:relative;display:grid;place-items:center;min-height:480px;padding:40px 0}
.svd-root .svd-stage .svd-orb{position:absolute;width:340px;height:340px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--a) 35%,transparent);animation:svd-spin 40s linear infinite}
.svd-root .svd-stage .svd-orb::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--a);box-shadow:0 0 14px var(--a)}
@keyframes svd-spin{to{transform:rotate(1turn)}}
.svd-root .svd-stage .svd-mk{position:relative;z-index:1}
.svd-root .svd-fl{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:13px;font-size:12.5px;font-weight:700;background:rgba(12,19,34,.92);backdrop-filter:blur(8px);
box-shadow:0 0 0 1px var(--line2) inset,0 16px 30px -16px #000;animation:svd-bob 5s ease-in-out infinite}
.svd-root .svd-fl svg{width:15px;height:15px;color:var(--a)}
.svd-root .svd-fl.svd-f2{animation-delay:-2.5s}
@keyframes svd-bob{50%{transform:translateY(-8px)}}
@media (max-width:980px){.svd-root .svd-tabs{grid-template-columns:1fr 1fr}
.svd-root .svd-ind{display:none}
.svd-root .svd-tab[aria-selected=true]{background:#121b30}
.svd-root .svd-split{grid-template-columns:1fr;padding:32px}}
/* bileşen tabanı */
.svd-root{display:block;position:relative;color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased;background:none}
.svd-root .svd-in{max-width:1200px;margin:0 auto}

/* Only the previous content is replaced; .svc-bg and its animation stay intact. */
#hizmetler > .svc-content, #hizmetler > .nlx { display: none !important; }
.svd-root { padding: 0 32px; font-family: "Plus Jakarta Sans", system-ui, sans-serif; line-height: 1.5; z-index: 1; }
.svd-root [hidden] { display: none !important; }
.svd-root .svd-pf-grid { grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
.svd-root .svd-pf { min-width: 0; }
.svd-root .svd-pf-ic .home-popular-logo,
.svd-root .svd-pf-ic .sms-app-logo {
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    background: transparent !important;
}
.svd-root .svd-pf-ic :is(img, svg) {
    display: block;
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center;
}
.svd-root .svd-chips, .svd-root .svd-pager { flex-wrap: wrap; }
.svd-root .svd-empty { text-align: center; padding: 32px; color: var(--muted); }
.svd-root .svd-pager button:disabled { opacity: .4; cursor: default; }
.svd-root :is(button, a):focus-visible { outline: 2px solid var(--teal); outline-offset: 4px; }
.svd-root .svd-result-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.svd-root.svd-paused *, .svd-root.svd-paused *::before, .svd-root.svd-paused *::after { animation-play-state: paused !important; }
@media (max-width: 1199px) {
    .svd-root .svd-pf-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* Koyu tema: orijinal logo görseli (svd-logo-img) zaten kendi zemini olan bir uygulama ikonu. Sıraya göre dönen renkli
   gradyan kutu yerine aynı 52px yuvada nötr koyu cam plaka; logo boyutu aynı, köşesi yumuşar, koyu logolara ince ışık halkası.
   Açık tema home-theme.css içindeki kendi kuralını kullanır; görseli olmayan servisler eski kutuyu korur. */
html[data-site-theme="dark"] .svd-root .svd-pf-ic:has(.svd-logo-img) { background-image: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.015)); background-color: rgba(8,13,26,.55); box-shadow: inset 0 0 0 1px rgba(148,163,184,.14), inset 0 1px 0 rgba(255,255,255,.07); transition: box-shadow .3s; }
html[data-site-theme="dark"] .svd-root .svd-pf:hover .svd-pf-ic:has(.svd-logo-img) { box-shadow: inset 0 0 0 1px rgba(45,212,191,.32), inset 0 1px 0 rgba(255,255,255,.09), 0 0 16px -6px rgba(45,212,191,.45); }
html[data-site-theme="dark"] .svd-root .svd-pf-ic .svd-logo-img { border-radius: 9px; box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 4px 10px -4px rgba(0,0,0,.6); }
}