/* ==========================================================================
   SPONSORLAR v4 (11.10.2026) — kullanıcının tasarımlarına birebir:
   VIP = V2 "Bölünmüş", Ana = A2 "İki Katman", Güvenilir/Diğer = G3 "Yatay Kaset".
   Oranlar tasarım görselinden ölçüldü (VIP 1405x230, A2 355x245, G3 355x135).
   Marka sanatı: uploads/sponsor-art/s<id>.webp (yoksa marka renginden ışık),
   VIP taç sahnesi: uploads/sponsor-art/vip-tac.webp.
   .sr-kart sınıfı arama ve logodan renk (--sr-renk) için korunur. Önek .sv-
   ========================================================================== */
#spPage .sv-vip, #spPage .sv-ana, #spPage .sv-kaset{height:auto; padding:0; transform:none}
#spPage .sv-vip::after, #spPage .sv-ana::after, #spPage .sv-kaset::after{display:none}

/* ---------- ortak düğmeler ---------- */
.sv-git, .sv-detay{display:inline-flex; align-items:center; justify-content:center; gap:9px; height:42px; padding:0 14px; border-radius:10px; font-size:15px; font-weight:600; letter-spacing:.01em; white-space:nowrap; cursor:pointer; transition:filter .2s, background .2s, border-color .2s, transform .15s}
.sv-git{color:#fff; background:linear-gradient(180deg,#8d63ff,#6a37f0); box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -12px rgba(124,77,255,.95)}
.sv-git:hover{filter:brightness(1.1)}
.sv-git-altin{color:#1f1403; background:linear-gradient(180deg,#ffe48f,#f7c84c 60%,#e8ad33); box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 10px 26px -12px rgba(245,196,81,.95)}
.sv-detay{color:#fff; background:rgba(14,8,36,.6); border:1.5px solid rgba(150,125,255,.55)}
.sv-detay:hover{border-color:rgba(190,170,255,.9); background:rgba(124,77,255,.12)}
.sv-git:active, .sv-detay:active{transform:scale(.97)}
.sv-git i, .sv-detay i{font-size:13px}

.sv-izgara{display:grid; gap:16px; margin:6px 0 20px}
.sv-izgara-ana{grid-template-columns:repeat(4,minmax(0,1fr))}
.sv-izgara-kaset{grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px}

/* =================== VIP — V2 BÖLÜNMÜŞ =================== */
#spPage .sv-vip{position:relative; display:block; height:226px; margin:6px 0 20px; overflow:hidden; border-radius:14px; border:1px solid rgba(160,130,255,.5);
  background:radial-gradient(45% 90% at 100% 0%, rgba(120,70,255,.38), transparent 70%), radial-gradient(40% 80% at 45% 50%, rgba(90,50,180,.30), transparent 70%), linear-gradient(90deg,#120a2c,#170d38 50%,#150b33);
  box-shadow:0 26px 60px -34px rgba(124,77,255,.9)}
/* sol panel: altın kenarlı, sağ kenarı aşağı doğru genişleyen */
.sv-vip-sol{position:absolute; left:16px; top:16px; bottom:16px; width:calc(34.3% - 16px); z-index:2; border-radius:11px;
  clip-path:polygon(0 0, 90.5% 0, 100% 100%, 0 100%);
  background:linear-gradient(115deg,#ffd979 0%,rgba(245,196,81,.55) 30%,rgba(245,196,81,.35) 70%,#ffd36a 92%,#fff0b8 100%)}
.sv-vip-sol::before{content:""; position:absolute; inset:1.5px; border-radius:10px; clip-path:polygon(0 0, calc(90.5% - 1px) 0, 100% 100%, 0 100%);
  background:radial-gradient(80% 90% at 20% 30%, rgba(60,36,120,.55), transparent 70%), linear-gradient(160deg,#0f0a22,#0a0618 60%,#120b28)}
.sv-nokta{position:absolute; left:2px; bottom:2px; width:46%; height:46%; z-index:1; border-bottom-left-radius:10px; opacity:.55;
  background:radial-gradient(circle,rgba(245,196,81,.55) 1px,transparent 1.6px) 0 0/7px 7px;
  -webkit-mask:radial-gradient(120% 120% at 0 100%,#000,transparent 70%); mask:radial-gradient(120% 120% at 0 100%,#000,transparent 70%)}
.sv-rozet{position:absolute; z-index:2; left:26px; top:22px; display:inline-flex; align-items:center; gap:8px; height:30px; padding:0 30px 0 14px; border-radius:15px 6px 6px 15px;
  font-size:14px; font-weight:800; letter-spacing:.02em; color:#1f1403; background:linear-gradient(90deg,#ffe48f,#f5c451 60%,#e9b03c 85%,rgba(233,176,60,0))}
.sv-rozet i{font-size:14px}
.sv-vip-logo{position:absolute; z-index:2; left:28px; right:11%; top:62px; bottom:16px; display:flex; align-items:center}
.sv-vip-logo img{width:100%; height:100%; max-height:92px; object-fit:contain; object-position:left center}
/* bonus sütunu */
.sv-vip-bonus{position:absolute; z-index:2; left:34.3%; width:20.5%; top:0; bottom:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding-bottom:6px}
.sv-vip-bonus b{font-size:clamp(54px,6.4vw,92px); line-height:.9; font-weight:900; letter-spacing:-.02em; white-space:nowrap;
  background:linear-gradient(180deg,#fff6d0 0%,#ffe08a 35%,#f5c04a 62%,#e39a26 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 3px 0 rgba(60,32,4,.55))}
.sv-vip-bonus span{max-width:9.4em; margin-top:12px; font-size:clamp(14px,1.45vw,20px); line-height:1.2; font-weight:700; letter-spacing:.01em; color:#c9b8ff}
/* taç sahnesi: eğik paralelkenar, altın kenar */
.sv-vip-sahne{position:absolute; z-index:1; left:52.8%; width:29.8%; top:0; bottom:0;
  clip-path:polygon(16.8% 0, 100% 0, 86.6% 100%, 0 100%); background:linear-gradient(180deg,#ffd979,#c9902a)}
.sv-vip-sahne img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40%;
  clip-path:polygon(calc(16.8% + 2px) 0, calc(100% - 2px) 0, calc(86.6% - 2px) 100%, 2px 100%)}
.sv-pir{position:absolute; left:var(--x); top:var(--y); width:10px; height:10px; background:#fff1b8; clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%); filter:drop-shadow(0 0 6px #ffd66e); opacity:0; animation:svPir 2.8s ease-in-out var(--g) infinite}
@keyframes svPir{0%,100%{opacity:0; scale:.3}50%{opacity:1; scale:1}}
/* düğme paneli: sol kenarı eğik, lila çerçeveli */
.sv-vip-btn{position:absolute; z-index:2; isolation:isolate; left:81.1%; right:12px; top:12px; bottom:12px; display:flex; flex-direction:column; justify-content:center; gap:14px; padding:0 14px 0 46px;
  clip-path:polygon(44px 0, 100% 0, 100% 100%, 0 100%); border-radius:0 12px 12px 0; background:rgba(150,125,255,.45)}
.sv-vip-btn::before{content:""; position:absolute; inset:1px; z-index:-1; border-radius:0 11px 11px 0; clip-path:polygon(43px 0, 100% 0, 100% 100%, 0 100%); background:linear-gradient(180deg,#1d1244,#170e38)}
.sv-vip-btn .sv-git, .sv-vip-btn .sv-detay{width:100%; height:50px; font-size:16px}

/* =================== ANA — A2 İKİ KATMAN =================== */
#spPage .sv-ana{--sr-renk:#8b6cff; position:relative; display:flex; flex-direction:column; overflow:hidden; border-radius:12px;
  border:1px solid color-mix(in srgb,var(--sr-renk) 55%,rgba(255,255,255,.1)); background:#140c30;
  box-shadow:0 0 0 1px rgba(0,0,0,.25), 0 16px 34px -24px color-mix(in srgb,var(--sr-renk) 70%,transparent); transition:transform .25s, box-shadow .25s}
#spPage .sv-ana:hover{transform:translateY(-3px); box-shadow:0 0 0 1px rgba(0,0,0,.25), 0 22px 44px -22px color-mix(in srgb,var(--sr-renk) 90%,transparent)}
.sv-ana-ust{position:relative; height:126px; overflow:hidden; background:#0d0820}
.sv-art{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center}
.sv-oto{position:absolute; inset:0; background:
  radial-gradient(60% 120% at 100% 20%, color-mix(in srgb,var(--sr-renk) 50%,transparent), transparent 70%),
  linear-gradient(118deg, transparent 62%, color-mix(in srgb,var(--sr-renk) 30%,transparent) 62% 70%, transparent 70% 76%, color-mix(in srgb,var(--sr-renk) 70%,transparent) 76% 76.8%, transparent 76.8% 86%, color-mix(in srgb,var(--sr-renk) 45%,transparent) 86% 86.6%, transparent 86.6%),
  linear-gradient(180deg,#1a1040,#0e0824)}
.sv-isik{position:absolute; z-index:2; top:14px; left:14px; width:48%; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--sr-renk),color-mix(in srgb,var(--sr-renk) 70%,#fff) 70%,transparent); box-shadow:0 0 10px 1px var(--sr-renk)}
.sv-plaka{position:absolute; z-index:1; left:7%; width:78%; top:31%; height:57%; display:flex; align-items:center; justify-content:center; padding:6px 12px; border-radius:12px;
  background:rgba(4,2,12,.38); border:1px solid rgba(255,255,255,.05)}
.sv-plaka img{width:100%; height:100%; max-height:52px; object-fit:contain; filter:drop-shadow(0 4px 12px rgba(0,0,0,.55)); transition:transform .3s}
#spPage .sv-ana:hover .sv-plaka img{transform:scale(1.04)}
.sv-ana-alt{position:relative; display:flex; flex-direction:column; gap:12px; padding:12px 16px 16px; border-top:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg,#1d1346,#160d36)}
.sv-bonus{display:flex; align-items:center; gap:14px; min-height:50px}
.sv-bonus b{flex:none; font-size:clamp(34px,3.3vw,46px); line-height:1; font-weight:900; letter-spacing:-.02em; white-space:nowrap;
  background:linear-gradient(180deg,#fff6d0 0%,#ffe08a 38%,#f5c04a 65%,#e39a26 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 2px 0 rgba(60,32,4,.5))}
.sv-bonus span{max-width:8.4em; font-size:clamp(12px,1.05vw,15px); line-height:1.2; font-weight:700; letter-spacing:.02em; color:#cdbdff; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.sv-btnlar{display:grid; grid-template-columns:1.32fr 1fr; gap:12px}
.sv-btnlar .sv-git:only-child{grid-column:1/-1}

/* =================== GÜVENİLİR — G3 YATAY KASET =================== */
#spPage .sv-kaset{--sr-renk:#8b6cff; position:relative; display:block; height:118px; overflow:hidden; border-radius:10px;
  border:1.5px solid color-mix(in srgb,var(--sr-renk) 85%,transparent); background:linear-gradient(135deg,#150c30,#100822 60%,#140b2c);
  box-shadow:0 0 14px -4px color-mix(in srgb,var(--sr-renk) 55%,transparent), inset 0 0 22px -12px color-mix(in srgb,var(--sr-renk) 60%,transparent); transition:transform .25s, box-shadow .25s}
#spPage .sv-kaset:hover{transform:translateY(-2px); box-shadow:0 0 22px -4px color-mix(in srgb,var(--sr-renk) 80%,transparent), inset 0 0 26px -12px color-mix(in srgb,var(--sr-renk) 70%,transparent)}
.sv-kaset .sv-isik{top:12px; left:14px; width:46%; height:3px}
.sv-serit{position:absolute; left:0; top:0; bottom:0; right:58px; pointer-events:none; background:
  linear-gradient(122deg, transparent 56%, color-mix(in srgb,var(--sr-renk) 14%,transparent) 56% 68%, transparent 68%),
  linear-gradient(122deg, transparent 74%, color-mix(in srgb,var(--sr-renk) 75%,transparent) 74% 74.5%, transparent 74.5%),
  linear-gradient(122deg, transparent 86%, color-mix(in srgb,var(--sr-renk) 55%,transparent) 86% 86.4%, transparent 86.4%)}
.sv-kaset-sol{position:absolute; left:0; top:0; bottom:0; right:62px; display:flex; flex-direction:column; justify-content:center; gap:10px; padding:14px 14px 10px 30px}
.sv-kaset-logo{display:flex; align-items:center; height:40px}
.sv-kaset-logo img{width:100%; max-width:210px; height:40px; object-fit:contain; object-position:left center; transition:transform .3s; transform-origin:left center}
#spPage .sv-kaset:hover .sv-kaset-logo img{transform:scale(1.04)}
.sv-kaset-logo .sr-kart-ad{font-size:20px}
.sv-kaset-git{font-size:16px; font-weight:500; color:#fff; letter-spacing:.01em}
.sv-kaset-ok{position:absolute; top:-1.5px; right:-1.5px; bottom:-1.5px; width:62px; display:grid; place-items:center; border-radius:10px; border:1.5px solid #7d5cff;
  background:linear-gradient(180deg,#2e1f72,#24175c); color:#fff; transition:background .25s}
.sv-kaset-ok svg{width:26px; height:26px}
#spPage .sv-kaset:hover .sv-kaset-ok{background:linear-gradient(180deg,#3a2890,#2c1d6e)}
#spPage .sv-kaset:hover .sv-kaset-ok svg{animation:svOk .6s ease}
@keyframes svOk{50%{translate:4px 0}}

/* =================== DETAY PENCERESİ =================== */
.sv-pencere{padding:0; border:0; background:transparent; color:#fff; max-width:min(440px,calc(100vw - 32px)); width:100%; font-family:var(--rs-f)}
.sv-pencere::backdrop{background:rgba(6,3,16,.72); backdrop-filter:blur(4px)}
.sv-p-ic{position:relative; display:flex; flex-direction:column; gap:14px; padding:22px; border-radius:16px; border:1px solid rgba(160,130,255,.45); background:radial-gradient(90% 60% at 100% 0%,rgba(124,77,255,.3),transparent 60%),#160c33; box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.sv-p-kapat{position:absolute; top:12px; right:12px; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; color:#fff; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); cursor:pointer}
.sv-p-ust{display:flex; align-items:center; gap:12px; padding-right:40px}
.sv-p-logo img{height:38px; max-width:180px; object-fit:contain}
.sv-p-ust h3{margin:0; font-size:15px; font-weight:800; color:rgba(255,255,255,.7)}
.sv-p-bonus{display:flex; align-items:center; gap:12px; padding:14px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08)}
.sv-p-bonus b{font-size:36px; font-weight:900; line-height:1; background:linear-gradient(180deg,#fff6d0,#f5c04a 62%,#e39a26); -webkit-background-clip:text; background-clip:text; color:transparent}
.sv-p-bonus span{font-size:13px; font-weight:700; color:#cdbdff}
.sv-p-satir{display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; color:rgba(255,255,255,.6)}
.sv-p-satir[hidden]{display:none}
.sv-p-satir b{color:#fff; text-align:right}
.sv-p-kod{font:800 14px/1 var(--rs-f); letter-spacing:.08em; color:var(--rs-vurgu); padding:8px 12px; border-radius:8px; border:1px dashed rgba(245,196,81,.6); background:rgba(245,196,81,.08); cursor:pointer}
.sv-p-kod.is-ok{border-style:solid; color:#4ade80; border-color:#4ade80}
.sv-p-not{margin:0; font-size:11px; color:rgba(255,255,255,.4)}
.sv-p-git{height:48px; font-size:15px}
.sv-p-git[hidden]{display:none}

/* =================== TABLET / MOBİL =================== */
@media (max-width:1250px){
  .sv-izgara-ana, .sv-izgara-kaset{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1023.98px){
  .sv-vip-sahne{display:none}
  .sv-vip-bonus{width:38%}
  .sv-vip-btn{left:72%}
  .sv-izgara-ana, .sv-izgara-kaset{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767.98px){
  #spPage .sv-vip{height:auto; display:flex; flex-direction:column}
  .sv-vip-sol, .sv-vip-bonus, .sv-vip-btn{position:relative; left:auto; right:auto; top:auto; bottom:auto; width:auto}
  .sv-vip-sol{margin:12px 12px 0; height:132px; clip-path:none}
  .sv-vip-sol::before{clip-path:none}
  .sv-rozet{left:16px; top:14px}
  .sv-vip-logo{left:16px; right:16px; top:52px; bottom:12px; justify-content:center}
  .sv-vip-logo img{object-position:center; max-height:56px}
  .sv-vip-bonus{padding:16px 12px 6px}
  .sv-vip-bonus b{font-size:54px}
  .sv-vip-bonus span{font-size:14px; margin-top:8px}
  .sv-vip-btn{flex-direction:row; margin:8px 12px 12px; padding:0; clip-path:none; background:none; gap:10px}
  .sv-vip-btn::before{display:none}
  .sv-vip-btn .sv-git, .sv-vip-btn .sv-detay{height:44px; font-size:14px}
  .sv-izgara{gap:10px}
  .sv-ana-ust{height:92px}
  .sv-isik{top:10px; left:10px}
  .sv-plaka{left:6%; width:88%; top:28%; height:60%; padding:4px 8px; border-radius:9px}
  .sv-plaka img{max-height:34px}
  .sv-ana-alt{padding:10px; gap:10px}
  .sv-bonus{flex-direction:column; align-items:flex-start; gap:4px; min-height:0}
  .sv-bonus b{font-size:28px}
  .sv-bonus span{font-size:10px}
  .sv-btnlar{grid-template-columns:1fr; gap:6px}
  .sv-git, .sv-detay{height:36px; font-size:13px; padding:0 10px}
  #spPage .sv-kaset{height:88px}
  .sv-kaset .sv-isik{top:8px; left:10px; height:2px}
  .sv-kaset-sol{right:44px; padding:10px 8px 8px 12px; gap:6px}
  .sv-kaset-logo{height:28px}
  .sv-kaset-logo img{height:26px}
  .sv-kaset-git{font-size:12px}
  .sv-kaset-ok{width:44px}
  .sv-kaset-ok svg{width:20px; height:20px}
  .sv-serit{right:42px}
}
@media (max-width:330px){ .sv-izgara-kaset{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .sv-pir{animation:none; opacity:.8} #spPage .sv-ana:hover, #spPage .sv-kaset:hover{transform:none} }

/* =================== BÖLÜM BAŞLIKLARI (11.10.2026) ===================
   Eğik etiket (sağ kenar kesik) + ikon kutusu + sayı rozeti + ışıklı çizgi.
   Renk bölüm türünden: VIP altın, Ana mor, Güvenilir turkuaz, Diğer lila. */
.sv-bas{--b:#a78bfa; --b2:#c4b5fd; display:flex; align-items:center; gap:0; margin:26px 0 14px; font-family:var(--rs-f)}
.sv-bas--vip{--b:#f5c451; --b2:#ffe08a}
.sv-bas--ana{--b:#a78bfa; --b2:#d8ccff}
.sv-bas--guven{--b:#2dd4bf; --b2:#99f6e4}
.sv-bas--diger{--b:#a5b4fc; --b2:#e0e7ff}
.sv-bas-et{position:relative; isolation:isolate; overflow:hidden; display:inline-flex; align-items:center; gap:12px; height:50px; padding:0 40px 0 9px;
  clip-path:polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  background:linear-gradient(90deg, color-mix(in srgb,var(--b) 26%,#140b2e) 0%, color-mix(in srgb,var(--b) 10%,#140b2e) 55%, #150c30 100%);
  box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--b) 45%,transparent)}
/* alt renk şeridi + eğik kenar çizgisi */
.sv-bas-et::before{content:""; position:absolute; inset:auto 0 0 0; height:2px; z-index:1; background:linear-gradient(90deg,var(--b),color-mix(in srgb,var(--b) 60%,transparent) 70%,transparent); box-shadow:0 0 10px var(--b)}
.sv-bas-et::after{content:""; position:absolute; top:0; right:0; width:22px; height:100%; z-index:1; background:linear-gradient(to top right, transparent calc(50% - 1px), color-mix(in srgb,var(--b) 70%,transparent) 50%, transparent calc(50% + 1px))}
/* parıltı süpürmesi */
.sv-bas-et > .sv-bas-tx::after{content:""; position:absolute; top:0; bottom:0; left:-40%; width:30%; z-index:-1; background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--b) 26%,transparent),transparent); transform:skewX(-20deg); animation:svBasSup 6s ease-in-out infinite}
@keyframes svBasSup{0%,62%{left:-40%}100%{left:130%}}
.sv-bas-i{position:relative; z-index:2; width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:9px; font-size:15px; color:var(--b2);
  background:linear-gradient(145deg,color-mix(in srgb,var(--b) 34%,transparent),color-mix(in srgb,var(--b) 10%,transparent)); border:1px solid color-mix(in srgb,var(--b) 55%,transparent);
  box-shadow:0 0 16px -4px var(--b), inset 0 1px 0 rgba(255,255,255,.18)}
.sv-bas-tx{position:static; z-index:2; font-size:19px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; line-height:1; white-space:nowrap; color:#fff;
  text-shadow:0 2px 0 rgba(0,0,0,.35), 0 0 18px color-mix(in srgb,var(--b) 35%,transparent)}
.sv-bas--vip .sv-bas-tx{background:linear-gradient(180deg,#fff3c4,#f5c451 60%,#e3a530); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:none; filter:drop-shadow(0 2px 0 rgba(60,32,4,.5))}
.sv-bas-say{position:relative; z-index:2; min-width:26px; height:24px; padding:0 8px; display:grid; place-items:center; border-radius:7px; font-size:12px; font-weight:800; font-variant-numeric:tabular-nums;
  color:var(--b2); background:color-mix(in srgb,var(--b) 16%,transparent); border:1px solid color-mix(in srgb,var(--b) 40%,transparent)}
.sv-bas--vip .sv-bas-say{display:none}
/* ışıklı çizgi: elmas uç + akan ışık */
.sv-bas-cizgi{position:relative; flex:1; height:1px; margin-left:4px; background:linear-gradient(90deg,color-mix(in srgb,var(--b) 70%,transparent),color-mix(in srgb,var(--b) 18%,transparent) 55%,transparent)}
.sv-bas-cizgi::before{content:""; position:absolute; left:-1px; top:50%; width:7px; height:7px; margin-top:-3.5px; transform:rotate(45deg); background:var(--b); box-shadow:0 0 8px var(--b)}
.sv-bas-cizgi i{position:absolute; top:-1px; left:0; width:70px; height:3px; border-radius:3px; background:linear-gradient(90deg,transparent,var(--b2),transparent); filter:blur(.4px); animation:svBasAk 4.5s linear infinite; opacity:.9}
@keyframes svBasAk{0%{left:0; opacity:0}10%{opacity:.9}70%{opacity:.6}100%{left:calc(100% - 70px); opacity:0}}
#spPage .sr-bolum[hidden]{display:none}
@media (max-width:767.98px){
  .sv-bas{margin:18px 0 10px}
  .sv-bas-et{height:40px; gap:9px; padding:0 30px 0 7px; clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,0 100%)}
  .sv-bas-et::after{width:16px}
  .sv-bas-i{width:28px; height:28px; font-size:12px; border-radius:7px}
  .sv-bas-tx{font-size:14px; letter-spacing:.05em}
  .sv-bas-say{height:20px; min-width:22px; font-size:11px; padding:0 6px}
  .sv-bas-cizgi i{width:44px}
}
@media (prefers-reduced-motion:reduce){ .sv-bas-et > .sv-bas-tx::after, .sv-bas-cizgi i{animation:none; display:none} }