/* Three campaign artworks in the wallet rail. */
.qool-next-shell .qool-experience-rail-card--bonus.qool-rail-bonus-slider{position:relative;display:block!important;overflow:hidden;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1;padding:0!important;border:1px solid rgba(192,155,82,.26);background:#101522!important}
.qool-next-shell .qool-rail-bonus-slider::after{content:none!important}
.qool-rail-bonus-track{position:absolute;inset:0;overflow:hidden}
.qool-rail-bonus-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}
.qool-rail-bonus-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.qool-rail-bonus-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.qool-rail-bonus-dots{position:absolute;left:50%;bottom:7px;z-index:2;display:flex;gap:6px;transform:translateX(-50%);padding:5px 7px;border-radius:16px;background:rgba(5,9,17,.72)}
.qool-rail-bonus-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#a6b3c4;cursor:pointer}
.qool-rail-bonus-dots button.is-active{width:18px;border-radius:5px;background:#f5c66a}
.qool-rail-bonus-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Compact second carousel for offers below the main bonus artwork. */
.qool-next-shell .qool-rail-other-bonus-slider{position:relative;display:block!important;min-height:174px;height:174px!important;padding:0!important;overflow:hidden;border:1px solid rgba(192,155,82,.3);border-radius:10px;background:radial-gradient(ellipse at top left,rgba(168,46,62,.18),transparent 60%),#101722!important}
.qool-rail-other-bonus-heading{position:absolute;top:10px;left:14px;z-index:3;margin:0;color:#e9c675;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.qool-rail-other-bonus-slider .qool-rail-bonus-track{inset:32px 0 0!important}
.qool-rail-other-bonus-slider .qool-rail-bonus-slide{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:8px 15px 22px;color:#edf2f7;text-decoration:none}
.qool-other-bonus-icon{display:grid;place-items:center;width:23px;height:23px;margin-bottom:1px;border:1px solid rgba(241,194,98,.45);border-radius:50%;background:rgba(234,185,77,.12);color:#f3c563;font-size:13px;font-weight:900}
.qool-rail-other-bonus-slider .qool-rail-bonus-slide strong{color:#fff4dc;font-size:13px;font-weight:900;line-height:1.15}
.qool-rail-other-bonus-slider .qool-rail-bonus-slide small{color:#aeb9c8;font-size:10px;font-weight:600;line-height:1.3}
.qool-other-bonus-cta{margin-top:2px;color:#f3c563;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.qool-next-shell .qool-rail-other-bonus-slider{min-height:158px;height:158px!important}}/* Show the same promotion artwork used by the Promotions page in the lower carousel. */
.qool-next-shell .qool-rail-other-bonus-slider{min-height:190px;height:190px!important}
.qool-rail-other-bonus-heading{top:8px;left:10px;padding:4px 7px;border:1px solid rgba(240,197,105,.2);border-radius:5px;background:rgba(7,12,20,.78);color:#f0c86e;font-size:9px;letter-spacing:.1em}
.qool-rail-other-bonus-slider .qool-rail-bonus-track{inset:0!important}
.qool-rail-other-bonus-slider .qool-rail-bonus-slide{display:flex;align-items:center;justify-content:center;gap:0;padding:0!important}
.qool-rail-other-bonus-slider .qool-rail-bonus-slide img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 10px rgba(0,0,0,.42))}
.qool-rail-other-bonus-slider .qool-rail-bonus-dots{bottom:6px;z-index:4}
@media(max-width:900px){.qool-next-shell .qool-rail-other-bonus-slider{min-height:168px;height:168px!important}}
/* Smooth entry and exit for the lower "Diğer Bonuslar" carousel only. */
@keyframes qool-other-bonus-enter {
  from { opacity: 0; transform: translate3d(58px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.qool-rail-other-bonus-slider .qool-rail-bonus-slide {
  transition: opacity 1.15s cubic-bezier(.22,.61,.36,1), visibility 1.15s ease, transform 1.15s cubic-bezier(.22,.61,.36,1);
  transform: translate3d(-42px, 0, 0);
}
.qool-rail-other-bonus-slider .qool-rail-bonus-slide.is-active {
  transform: translate3d(0, 0, 0);
  animation: qool-other-bonus-enter 1.15s cubic-bezier(.22,.61,.36,1) both;
}
@media (prefers-reduced-motion: reduce) {
  .qool-rail-other-bonus-slider .qool-rail-bonus-slide,
  .qool-rail-other-bonus-slider .qool-rail-bonus-slide.is-active {
    animation: none !important;
    transition: opacity .55s ease, visibility .55s ease !important;
    transform: none !important;
  }
}