/* Saniv v41 – istifadəçi tətbiqi əlavələri: açılış animasiyası, skript bildirişi, SEO bloku, xidmət kartları, valyuta, API açarları, domen nişanları. Developer: Mr_SaNi */
:root{--c41-smm:#ff5a6a;--c41-numbers:#22c55e;--c41-rent:#a78bfa;--c41-files:#f59e0b;--c41-forder:#fb923c;--c41-hosting:#22b8e6;--c41-reseller:#06b6d4;--c41-vps:#818cf8;--c41-domains:#10b981;--c41-sites:#f472b6;--c41-api:#eab308}
html[data-mode=light]{--c41-smm:#e11d48;--c41-numbers:#16a34a;--c41-rent:#7c3aed;--c41-files:#d97706;--c41-forder:#ea580c;--c41-hosting:#0284c7;--c41-reseller:#0891b2;--c41-vps:#4f46e5;--c41-domains:#059669;--c41-sites:#db2777;--c41-api:#a16207}
.c41-smm{--h:var(--c41-smm)}.c41-numbers{--h:var(--c41-numbers)}.c41-rent{--h:var(--c41-rent)}.c41-files{--h:var(--c41-files)}.c41-forder{--h:var(--c41-forder)}.c41-hosting{--h:var(--c41-hosting)}.c41-reseller{--h:var(--c41-reseller)}.c41-vps{--h:var(--c41-vps)}.c41-domains{--h:var(--c41-domains)}.c41-sites{--h:var(--c41-sites)}.c41-api{--h:var(--c41-api)}
/* ikonlar daha görünən: düymə/link daxilində kiçildilmir, xətt qalınlığı 2 */
svg.i{stroke-width:2}
button svg.i,a svg.i{max-width:none;max-height:none}
.sec svg.i{width:20px;height:20px}

/* ---------- açılış animasiyası (bayraq zolaqları, nəbz, minimal) ---------- */
.spl41{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--bg,#06141d);color:var(--text,#eaf6fb);animation:spl41auto .45s ease 3s forwards}
.spl41.out{animation:spl41fade .5s ease forwards}
.spl41-in{display:grid;justify-items:center;gap:12px;text-align:center;padding:24px}
.spl41-lg{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;font:800 34px/1 var(--font,system-ui);color:#fff;background:linear-gradient(135deg,var(--f1,#00B5E2),#0a6d8f);box-shadow:0 14px 40px rgba(0,181,226,.28);overflow:hidden;animation:spl41pop .7s cubic-bezier(.2,1.4,.4,1) both}
.spl41-lg img{width:100%;height:100%;object-fit:cover}
.spl41-in b{font:800 21px/1.2 var(--font,system-ui);letter-spacing:.2px;animation:spl41up .6s .15s ease both}
.spl41-in small{color:var(--muted,#8eadbd);font-size:13px;animation:spl41up .6s .25s ease both}
.spl41-bar{display:flex;gap:6px;width:132px;height:5px;margin-top:4px}
.spl41-bar s{flex:1;border-radius:9px;transform-origin:left;animation:spl41bar .9s cubic-bezier(.6,0,.2,1) both}
.spl41-bar s:nth-child(1){background:var(--f1,#00B5E2)}.spl41-bar s:nth-child(2){background:var(--f2,#EF3340);animation-delay:.12s}.spl41-bar s:nth-child(3){background:var(--f3,#509E2F);animation-delay:.24s}
.spl41-dev b{font:inherit;font-weight:700;color:var(--text,#eaf6fb)}.spl41-dev{font-style:normal;font-size:11.5px;color:var(--muted,#8eadbd);margin-top:6px;animation:spl41up .6s .4s ease both}
.spl41.st-pulse .spl41-bar{display:none}.spl41.st-pulse .spl41-lg{animation:spl41pop .6s ease both,spl41pulse 1.4s .6s ease-in-out infinite}
.spl41.st-minimal .spl41-bar{display:none}.spl41.st-minimal .spl41-lg{animation:spl41fadein .5s ease both}
@keyframes spl41pop{from{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes spl41up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes spl41bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes spl41pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,181,226,.45)}50%{box-shadow:0 0 0 16px rgba(0,181,226,0)}}
@keyframes spl41fadein{from{opacity:0}to{opacity:1}}
@keyframes spl41fade{to{opacity:0;visibility:hidden}}
@keyframes spl41auto{to{opacity:0;visibility:hidden;pointer-events:none}}
@media (prefers-reduced-motion:reduce){.spl41 *{animation:none!important}.spl41{animation:spl41auto .2s ease 1s forwards}}

/* ---------- skript bildirişi (bloklamır) ---------- */
.n41{position:fixed;z-index:60;left:12px;right:12px;bottom:calc(var(--nav,64px) + 14px + env(safe-area-inset-bottom));max-width:430px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px 10px 12px 12px;border-radius:18px;background:var(--card2,#112736);color:var(--text);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.35);transform:translateY(16px);opacity:0;transition:transform .32s cubic-bezier(.2,.9,.3,1.2),opacity .25s ease}
.n41.in{transform:none;opacity:1}
.n41i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--primary)}
.n41i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.n41b{min-width:0}.n41b b{display:block;font-size:14px}.n41b p{margin:3px 0 5px;font-size:12.8px;line-height:1.5;color:var(--muted);white-space:pre-line}
.n41b small{font-size:11.5px;color:var(--muted)}.n41b small b{display:inline;font-size:inherit;color:var(--text)}.n41b a{color:var(--primary)}
.n41x{width:30px;height:30px;padding:0;border-radius:10px;background:transparent;color:var(--muted);display:grid;place-items:center;box-shadow:none}
.n41x:hover{background:var(--soft);color:var(--text)}
body:not(:has(#nav a)) .n41{bottom:calc(16px + env(safe-area-inset-bottom))}
@media (min-width:1024px){.n41{left:24px;right:auto;bottom:24px;margin:0}}
@media (prefers-reduced-motion:reduce){.n41{transition:none}}

/* ---------- Developer imzası ---------- */
.by41,.devby{display:inline-flex;align-items:center;gap:6px;justify-content:center}
.by41 .dev-ic,.devby .dev-ic{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--primary)}
#ft>.by41{display:flex;margin-top:8px;font-size:12px;color:var(--muted)}

/* ---------- SEO bloku: ikinci bölmə ---------- */
.seo41{margin:14px 0;padding:14px;border-radius:var(--r,16px);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--sep)}
.seo41[hidden]{display:none!important}
#app>.seo41{max-width:var(--wrap,1200px);margin:12px auto;width:calc(100% - 24px)}
.seo41 h2{font-size:15.5px;margin:0 0 4px;line-height:1.35}
.seo41 p{margin:0 0 10px;font-size:12.6px;line-height:1.55;color:var(--muted)}
.s41g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.s41{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:14px;background:var(--bg2);color:var(--text);font-size:13px;min-width:0;transition:transform .15s ease,background .15s ease}
.s41:active{transform:scale(.98)}
.s41 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.s41 .ic,.sv15 .pki{--hh:var(--h,var(--primary));width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;color:var(--hh);background:color-mix(in srgb,var(--hh) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hh) 28%,transparent)}
.s41 .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.k41{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center;font-size:11.5px}
.k41 span{color:var(--muted);font-weight:700;margin-right:2px}
.k41 a{padding:4px 9px;border-radius:999px;background:var(--soft);color:var(--text);opacity:.9}
@media (hover:hover){.s41:hover{background:color-mix(in srgb,var(--h,var(--primary)) 10%,var(--bg2))}.k41 a:hover{opacity:1;color:var(--primary)}}

/* ---------- «Xidmətlərimiz» kartları (3-cü nümunə üslubu: rəngli ikon qutusu + ad + say + ox) ---------- */
.svc15{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.sv15{position:relative;grid-template-columns:auto 1fr auto;padding:12px 12px 12px 12px;border:1px solid var(--sep);transition:transform .15s ease,border-color .15s ease}
.sv15 .pki{width:44px;height:44px;flex-basis:44px;border-radius:14px}
.sv15 .pki svg{width:24px;height:24px;stroke-width:2}
.sv15>b{grid-column:2}.sv15>span:not(.pki){grid-column:2}
.sv15 b small{display:inline-block;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--h,var(--primary)) 16%,transparent);color:var(--h,var(--primary));font-size:11.5px}
.go41{grid-column:3;grid-row:1/span 2;align-self:center;color:var(--muted);display:grid;place-items:center;font-style:normal}
.go41 svg{width:18px;height:18px;transform:rotate(-90deg)}
.sv15:active{transform:scale(.985)}
@media (hover:hover){.sv15:hover{border-color:color-mix(in srgb,var(--h,var(--primary)) 45%,transparent)}}

/* ---------- valyuta: balans göstəricisində seçim + çevirici ---------- */
.bal41{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bal41 .bal{margin:0;width:auto}
.cur41{width:auto!important;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:5px 8px 5px 5px;border-radius:999px;background:var(--soft);color:var(--text);font-size:12.5px;font-weight:800;box-shadow:none;min-height:0;line-height:1}
.cur41 i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--btn,var(--primary));color:var(--btn-text,#fff);font-size:12px}
.cur41 svg{width:15px;height:15px}
.cur41s .cv41{background:var(--bg2);border-radius:16px;padding:10px;margin:8px 0}
.cv41 label{margin:0 0 6px}
.cvr{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.cvi,.cvo{display:flex;align-items:center;gap:6px;background:var(--card);border-radius:12px;padding:6px 10px;min-width:0}
.cvi span,.cvo span{font-weight:800;font-size:12px;color:var(--muted)}
.cvi input{border:0;background:transparent;padding:6px 0;min-width:0;width:100%;font-weight:800;font-size:16px;box-shadow:none}
.cvo b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl41{display:grid;gap:6px;max-height:46vh;overflow:auto;margin:8px 0;padding-right:2px}
.cl41 button{display:grid;grid-template-columns:auto auto 1fr auto;gap:9px;align-items:center;text-align:left;background:var(--bg2);color:var(--text);border-radius:12px;padding:8px 10px;box-shadow:none;font-weight:600}
.cl41 button i{font-style:normal;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--card);font-weight:800}
.cl41 button span{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl41 button em{font-style:normal;color:var(--muted);font-size:12px}
.cl41 button.on{background:var(--soft);box-shadow:inset 0 0 0 1.5px var(--primary)}

/* ---------- API açarları ---------- */
.ak41 .chip2{cursor:pointer;background:var(--bg2);border:1px solid var(--sep)}.ak41 .chip2.on{border-color:transparent}
.ak41r{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--sep)}
.ak41r:first-child{border-top:0}.ak41r.off{opacity:.55}.ak41r code{font-size:12px}.ak41r .chips{margin:5px 0}
.key41{margin-top:10px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--ok,#22c55e) 12%,transparent);border:1px dashed color-mix(in srgb,var(--ok,#22c55e) 55%,transparent)}
.key41 code{word-break:break-all;font-size:12.5px}
.pre41{white-space:pre-wrap;word-break:break-all;font-size:11.5px;line-height:1.5;background:var(--bg2);border-radius:12px;padding:10px;margin:6px 0}
.ok41{color:var(--ok,#22c55e)}.no41{color:var(--bad,#ef4444)}

/* ---------- domen: populyar / ucuz nişanları və kartlar ---------- */
.b41{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;border-radius:999px;font-size:11px;font-weight:800;vertical-align:middle;white-space:nowrap}
.b41 svg{width:13px;height:13px;stroke-width:2.2}
.b41.pop{color:#ff7a45;background:rgba(255,122,69,.14)}
.b41.chp{color:#10b981;background:rgba(16,185,129,.14)}
html[data-mode=light] .b41.pop{color:#c2410c;background:#ffedd5}html[data-mode=light] .b41.chp{color:#047857;background:#d1fae5}
.tlg41{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.tld41{display:grid;gap:4px;text-align:left;justify-content:stretch;justify-items:start;align-content:start;padding:12px;border-radius:16px;background:var(--card);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--sep);font-weight:600}
.tld41>b{font-size:19px;letter-spacing:.2px}
.tld41 .pr{font-size:15px;font-weight:800}.tld41 .pr s{color:var(--muted);font-weight:600;font-size:12px;margin-right:5px}.tld41 .pr em{font-style:normal;color:var(--muted);font-size:11.5px;font-weight:600;margin-left:3px}
.tld41 small{color:var(--muted);font-size:11.5px}
.tld41.popular{border-color:rgba(255,122,69,.35)}.tld41.cheap{border-color:rgba(16,185,129,.35)}
.note41{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border-radius:12px;background:rgba(56,189,248,.12);font-size:12.8px;line-height:1.5;margin-bottom:8px}
.note41 svg{flex:0 0 auto;margin-top:2px;color:var(--primary)}

/* ---------- v42: yığcam SEO bloku (başlıq altı sözlər və bölmələr) – bir sətir bölmələr, bir sətir sözlər, qalanı «Ətraflı» ---------- */
.seo41.c42{padding:10px 12px;margin:10px 0}
.seo41.c42 h2{font-size:13.5px;margin:0 0 8px;color:var(--muted);font-weight:700}
.seo41.c42 .s41g{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.seo41.c42 .s41g::-webkit-scrollbar,.seo41.c42>.k41::-webkit-scrollbar{display:none}
.seo41.c42 .s41{flex:0 0 auto;padding:5px 10px 5px 5px;gap:7px;border-radius:12px;font-size:12.5px;scroll-snap-align:start}
.seo41.c42 .s41 .ic{width:30px;height:30px;flex-basis:30px;border-radius:9px}
.seo41.c42 .s41 .ic svg{width:18px;height:18px}
.seo41.c42>.k41{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:8px;padding-bottom:2px;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.seo41.c42 .k41 a{flex:0 0 auto;white-space:nowrap}
.k41 a.kc{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 30%,transparent)}
.s42x{margin-top:8px}
.s42x>summary{cursor:pointer;font-size:12px;color:var(--muted);list-style:none;display:inline-flex;align-items:center;gap:4px;padding:2px 0}
.s42x>summary::-webkit-details-marker{display:none}
.s42x>summary::after{content:'';width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}
.s42x[open]>summary::after{transform:rotate(225deg) translateY(-1px)}
.s42x p{margin:8px 0 0;font-size:12.4px}
.seo41:not(.c42) .s42x>summary{display:none}.seo41:not(.c42) .s42x{display:block}
@media (prefers-reduced-motion:reduce){.s42x>summary::after{transition:none}}