/* Durul — Kasım Fırsatları slaytı (8 Kas 2026). Tüm sınıflar dk- önekli; #dsx-banner kutusu ve döndürme (dsx-ycrot) aynen. */
#dsx-banner{border-radius:14px}
.dk-bn{display:block;text-decoration:none;position:relative;width:1370px;max-width:100%;aspect-ratio:1370/200;border-radius:14px;overflow:hidden;cursor:pointer;font-family:Nunito,Arial,sans-serif;background:linear-gradient(110deg,#4b1fd1 0%,#a21cd8 30%,#ec2f9b 62%,#ff5a7a 100%);background-size:200% 100%;animation:dk-bgm 8s ease-in-out infinite alternate}
.dk-bn:hover,.dk-bn:focus,.dk-mb:hover,.dk-mb:focus{text-decoration:none}
@keyframes dk-bgm{to{background-position:100% 0}}
.dk-glow{position:absolute;width:40%;aspect-ratio:1;left:12%;top:40%;background:radial-gradient(circle,#ffd6f5aa,transparent 60%);filter:blur(10px);animation:dk-gl 3s ease-in-out infinite}
@keyframes dk-gl{50%{opacity:.5;transform:scale(1.15)}}
.dk-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:dk-tw 2s infinite}
/* kıvılcım konumları (referanstaki satır içi stiller) */
.dk-bn .dk-s1{left:30%;top:18%}.dk-bn .dk-s2{left:52%;top:80%;animation-delay:.7s}.dk-bn .dk-s3{left:66%;top:15%;animation-delay:1.3s}.dk-bn .dk-s4{left:8%;top:78%;animation-delay:.4s}
.dk-mb .dk-s1{left:40%;top:15%}.dk-mb .dk-s2{left:62%;top:82%;animation-delay:.8s}
@keyframes dk-tw{50%{opacity:.1;transform:scale(.4)}}
.dk-ttl{position:absolute;left:9%;width:34%;top:50%;transform:translateY(-58%);text-align:center;z-index:3;animation:dk-pop 2.4s ease-in-out infinite}
@keyframes dk-pop{50%{transform:translateY(-58%) scale(1.04) rotate(-1deg)}}
.dk-ttl .dk-w{font-family:Anton,Impact,sans-serif;font-size:clamp(22px,3.7vw,52px);line-height:.95;letter-spacing:1px;background:linear-gradient(180deg,#fff 0%,#ffe7ff 45%,#d8a6ff 55%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #5a0b7a;filter:drop-shadow(0 2px 0 #ff9a1f) drop-shadow(0 4px 0 #e2561c) drop-shadow(0 6px 0 #a3260f) drop-shadow(0 10px 12px #0007)}
.dk-pill{display:inline-block;margin-top:4px;background:linear-gradient(180deg,#d6ff6a,#8fe81f);color:#1b1640;font-weight:900;font-size:clamp(10px,1.6vw,23px);padding:2px 18px;border-radius:40px;border:3px solid #ff9a1f;box-shadow:0 4px 0 #a3260f,0 6px 12px #0006}
.dk-mid{position:absolute;left:45%;width:24%;top:50%;transform:translateY(-50%);color:#fff;z-index:3;text-align:center}
.dk-mid .dk-a{font-weight:900;font-size:clamp(10px,1.6vw,23px);line-height:1.1;text-shadow:0 2px 6px #0005}
.dk-mid .dk-big{font-family:Anton,Impact,sans-serif;font-size:clamp(18px,2.9vw,42px);color:#fff35c;line-height:1;text-shadow:0 3px 0 #c2410c,0 6px 14px #0006;animation:dk-beat 1.2s ease-in-out infinite;display:inline-block}
@keyframes dk-beat{15%,45%{transform:scale(1.08)}30%{transform:scale(.98)}}
.dk-mid .dk-s{font-weight:800;font-size:clamp(8px,1vw,14px);opacity:.95}
.dk-kab{position:absolute;right:20%;bottom:0;height:100%;width:auto;max-width:none;aspect-ratio:2/3;object-fit:cover;border-radius:12px 12px 0 0;border:3px solid #ffffff70;box-shadow:0 0 0 6px #ffffff20,0 0 30px #ffb3f0;animation:dk-fl 3.5s ease-in-out infinite}
@keyframes dk-fl{50%{transform:translateY(-6px) rotate(1deg)}}
.dk-cta{position:absolute;right:3%;top:50%;transform:translateY(-50%);z-index:3;text-align:center}
.dk-cta .dk-b{background:#9bf03a;color:#141235;font-weight:900;font-size:clamp(10px,1.45vw,21px);padding:clamp(6px,.9vw,13px) clamp(12px,1.6vw,24px);border-radius:10px;box-shadow:0 4px 0 #4f9a12;animation:dk-nudge 1.6s ease-in-out infinite;display:inline-block}
@keyframes dk-nudge{50%{transform:translateY(-3px);box-shadow:0 7px 0 #4f9a12}}
.dk-cta .dk-cd{margin-top:8px;color:#fff;font-weight:800;font-size:clamp(7px,.85vw,12px);display:flex;gap:4px;justify-content:center}
.dk-cta .dk-cd span{background:#ffffff26;border-radius:6px;padding:2px 5px}.dk-cta .dk-cd b{color:#fff35c;font-size:1.3em}
.dk-clock{position:absolute;left:1.2%;top:8%;width:6.5%;height:auto;max-width:none;aspect-ratio:1;animation:dk-ring 1.4s ease-in-out infinite;z-index:2}
@keyframes dk-ring{0%,100%{transform:rotate(-12deg)}10%{transform:rotate(10deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(6deg)}40%{transform:rotate(-12deg)}}
.dk-rib{position:absolute;right:-1%;top:-10%;height:120%;width:auto;max-width:none;z-index:1;animation:dk-fl 4s ease-in-out infinite}
.dk-mb{display:block;width:100%;aspect-ratio:3/1;position:relative;border-radius:12px;overflow:hidden;text-decoration:none;font-family:Nunito,Arial,sans-serif;background:linear-gradient(110deg,#4b1fd1,#a21cd8 35%,#ec2f9b 70%,#ff5a7a)}
.dk-mb .dk-ttl{left:3%;width:auto;transform:translateY(-55%)}.dk-mb .dk-ttl .dk-w{font-size:26px;-webkit-text-stroke:1.2px #5a0b7a}.dk-mb .dk-pill{font-size:11px;padding:1px 10px;border-width:2px}
.dk-mb .dk-mid{left:auto;right:27%;width:auto}.dk-mb .dk-mid .dk-a{font-size:10px}.dk-mb .dk-mid .dk-big{font-size:24px}.dk-mb .dk-mid .dk-s{font-size:7px}
.dk-mb .dk-kab{right:2%;height:96%;border-width:2px}
/* masaüstü / mobil */
@media (max-width:767px){.dk-bn{display:none}#dsx-banner{border-radius:12px}}
@media (min-width:768px){.dk-mb{display:none}}
@media (prefers-reduced-motion:reduce){.dk-bn,.dk-bn *,.dk-mb,.dk-mb *{animation:none!important}}
/* Slayt noktaları (8 Kas 2026, Bülent): banner'ın ALTINDA, dışarıda ortalı — hiçbir slaytın içeriğine binmez.
   305'teki #dsx-banner .dsx-ycdots kuralı sayfada sonra geldiği için seçiciler html ile güçlendirildi. */
html #dsx-banner{margin-bottom:24px}
html #dsx-banner .dsx-ycdots{top:calc(100% + 8px);bottom:auto;right:auto;left:50%;transform:translateX(-50%)}
html #dsx-banner .dsx-ycdots i{background:rgba(21,62,107,.22);box-shadow:none}
html #dsx-banner .dsx-ycdots i.on{background:#ff4b0f}
@media (max-width:767px){html #dsx-banner{margin-bottom:22px}html #dsx-banner .dsx-ycdots{top:calc(100% + 7px)}}