/* QPRO motion layer: energetic, lightweight effects that preserve the existing layout. */
:root {
  --qpro-motion-gold: #ffd95b;
  --qpro-motion-purple: #bd70f2;
  --qpro-motion-cyan: #49e4dc;
}

/* Give the home campaign a slow camera move and let its copy arrive in steps. */
.qpro-hero-slider .qpro-slide.active .qpro-slider-bg {
  transform-origin: 68% 50%;
  animation: qpro-hero-zoom 8.5s cubic-bezier(.18,.62,.35,1) both;
}
.qpro-hero-slider .qpro-slide.active .qpro-slide-ribbon,
.qpro-hero-slider .qpro-slide.active .qpro-slide-kicker,
.qpro-hero-slider .qpro-slide.active .qpro-slide-content h1,
.qpro-hero-slider .qpro-slide.active .qpro-slide-content p,
.qpro-hero-slider .qpro-slide.active .qpro-access-chips,
.qpro-hero-slider .qpro-slide.active .qpro-slide-cta {
  animation: qpro-copy-arrive .58s cubic-bezier(.2,.75,.25,1) both;
}
.qpro-hero-slider .qpro-slide.active .qpro-slide-kicker { animation-delay: .08s; }
.qpro-hero-slider .qpro-slide.active .qpro-slide-content h1 { animation-delay: .15s; }
.qpro-hero-slider .qpro-slide.active .qpro-slide-content p { animation-delay: .22s; }
.qpro-hero-slider .qpro-slide.active .qpro-access-chips { animation-delay: .25s; }
.qpro-hero-slider .qpro-slide.active .qpro-slide-cta { animation-delay: .3s; }
.qpro-hero-slider .qpro-slide-brand {
  filter: drop-shadow(0 0 10px rgba(255,217,91,.4));
}
.qpro-hero-slider .qpro-slide-cta {
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}
.qpro-hero-slider .qpro-slide-cta::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -45%;
  width: 32%;
  height: 220%;
  transform: rotate(24deg);
  background: rgba(255,255,255,.36);
  transition: left .55s cubic-bezier(.2,.65,.25,1);
  pointer-events: none;
}
.qpro-hero-slider .qpro-slide-cta:hover::after { left: 125%; }
.qpro-hero-slider .carousel-indicators li { transition: width .25s ease, background-color .25s ease, box-shadow .25s ease; }
.qpro-hero-slider .carousel-indicators li.active { box-shadow: 0 0 13px rgba(255,217,91,.7); }

/* Bring the four storefront shortcuts to life without making the page flash. */
.merdo-feature-card {
  background-size: 180% 100%, 160% 160% !important;
  animation: qpro-card-arrive .65s cubic-bezier(.2,.75,.25,1) both, qpro-card-glow 8s ease-in-out 1s infinite;
  transition: transform .24s cubic-bezier(.2,.75,.25,1), box-shadow .24s ease, filter .24s ease !important;
}
.merdo-feature-card:nth-child(2) { animation-delay: .07s, 1.07s; }
.merdo-feature-card:nth-child(3) { animation-delay: .14s, 1.14s; }
.merdo-feature-card:nth-child(4) { animation-delay: .21s, 1.21s; }
.merdo-feature-card::after { animation: qpro-icon-float 5.5s ease-in-out infinite; }
.merdo-feature-card:hover,
.merdo-feature-card:focus-visible {
  z-index: 2;
  transform: translateY(-5px) scale(1.015) !important;
  filter: saturate(1.16) brightness(1.07);
  box-shadow: 0 16px 34px rgba(0,0,0,.34), 0 0 22px currentColor !important;
}
.merdo-feature-card.feature-slot { animation-name: qpro-card-arrive, qpro-card-glow-purple; }
.merdo-feature-card.feature-livecasino { animation-name: qpro-card-arrive, qpro-card-glow-cyan; }
.merdo-feature-card.feature-sport { animation-name: qpro-card-arrive, qpro-card-glow-green; }
.merdo-feature-card.feature-live { animation-name: qpro-card-arrive, qpro-card-glow-red; }

/* Clear, responsive motion on slot tiles, category controls and navigation. */
.homeScroll a.gameImg,
#main.newCasino .games-types .casino-image {
  transition: transform .24s cubic-bezier(.2,.75,.25,1), border-color .24s ease, box-shadow .24s ease, filter .24s ease !important;
}
.homeScroll a.gameImg:hover,
.homeScroll a.gameImg:focus-visible,
#main.newCasino .games-types .casino-image:hover,
#main.newCasino .games-types .casino-image:focus-visible {
  transform: translateY(-4px) scale(1.018);
  filter: saturate(1.12) brightness(1.06);
  box-shadow: 0 14px 30px rgba(0,0,0,.4), 0 0 17px rgba(189,112,242,.15) !important;
}
#main.newCasino .a-shortcut,
#main.newCasino .saglayici-btn,
#menu-panel-left .nav-link-mobile,
#navbar .navbar-menu2 .nav-link {
  transition: transform .2s ease, color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease !important;
}
#main.newCasino .a-shortcut:hover,
#main.newCasino .saglayici-btn:hover { transform: translateY(-2px); box-shadow: 0 7px 18px rgba(0,0,0,.24); }
#navbar .navbar-menu2 .nav-link:hover { box-shadow: inset 0 -2px 0 var(--qpro-motion-gold), 0 7px 18px rgba(255,217,91,.08); }
#navbar .navbar-menu2 .nav-link:hover > i,
#menu-panel-left .nav-link-mobile:hover .menu-icons { transform: translateY(-2px) scale(1.08); }
#navbar .navbar-menu2 .nav-link > i,
#menu-panel-left .nav-link-mobile .menu-icons { transition: transform .2s ease, filter .2s ease; }

@keyframes qpro-hero-zoom {
  from { transform: scale(1); }
  to { transform: scale(1.075); }
}
@keyframes qpro-copy-arrive {
  from { opacity: 0; transform: translate3d(0,14px,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes qpro-card-arrive {
  from { opacity: 0; transform: translate3d(0,12px,0) scale(.985); }
  to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}
@keyframes qpro-card-glow { 0%,100% { background-position: 0% 50%, 100% 50%; } 50% { background-position: 100% 50%, 0% 50%; } }
@keyframes qpro-card-glow-purple { 0%,100% { box-shadow: inset 0 1px rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.18); } 50% { box-shadow: inset 0 1px rgba(255,255,255,.1), 0 10px 24px rgba(154,79,205,.17); } }
@keyframes qpro-card-glow-cyan { 0%,100% { box-shadow: inset 0 1px rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.18); } 50% { box-shadow: inset 0 1px rgba(255,255,255,.1), 0 10px 24px rgba(42,205,194,.16); } }
@keyframes qpro-card-glow-green { 0%,100% { box-shadow: inset 0 1px rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.18); } 50% { box-shadow: inset 0 1px rgba(255,255,255,.1), 0 10px 24px rgba(80,214,112,.15); } }
@keyframes qpro-card-glow-red { 0%,100% { box-shadow: inset 0 1px rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.18); } 50% { box-shadow: inset 0 1px rgba(255,255,255,.1), 0 10px 24px rgba(239,91,89,.15); } }
@keyframes qpro-icon-float { 0%,100% { margin-top: 0; } 50% { margin-top: -5px; } }

@media (max-width: 767px) {
  .qpro-hero-slider .qpro-slide.active .qpro-slider-bg { animation-duration: 10s; }
  .merdo-feature-card { animation-duration: .55s, 10s; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* QPRO high-energy storefront pass: brighter category signals and responsive feedback. */
:root { --qpro-violet:#bd70f2; --qpro-cyan:#49e4dc; --qpro-lime:#87f05f; --qpro-coral:#ff647c; }
.merdo-feature-card { position:relative; isolation:isolate; overflow:hidden; border-color:color-mix(in srgb,currentColor 34%,transparent)!important; }
.merdo-feature-card::before { content:""; position:absolute; z-index:0; inset:-20% auto -20% -48%; width:34%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent); pointer-events:none; }
.merdo-feature-card:hover::before,.merdo-feature-card:focus-visible::before { animation:qpro-card-sheen .7s ease both; }
.merdo-feature-card>* { position:relative; z-index:1; }
.merdo-feature-card.feature-slot { color:#e5b6ff!important; border-color:rgba(189,112,242,.52)!important; background:linear-gradient(110deg,rgba(91,35,132,.82),rgba(34,20,53,.96) 72%)!important; box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 24px rgba(112,48,163,.13); }
.merdo-feature-card.feature-livecasino { color:#9ff9f0!important; border-color:rgba(73,228,220,.48)!important; background:linear-gradient(110deg,rgba(16,112,112,.78),rgba(15,42,48,.96) 72%)!important; box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 24px rgba(40,182,180,.12); }
.merdo-feature-card.feature-sport { color:#b8ff84!important; border-color:rgba(135,240,95,.48)!important; background:linear-gradient(110deg,rgba(36,119,42,.82),rgba(21,49,30,.96) 72%)!important; box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 24px rgba(79,194,77,.12); }
.merdo-feature-card.feature-live { color:#ffb1bb!important; border-color:rgba(255,100,124,.5)!important; background:linear-gradient(110deg,rgba(142,38,54,.82),rgba(57,23,32,.96) 72%)!important; box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 24px rgba(231,60,88,.13); }
.merdo-feature-card .merdo-feature-icon { color:currentColor!important; background:rgba(9,11,15,.32)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 20px currentColor; }
.merdo-feature-card .merdo-feature-copy small { color:rgba(255,255,255,.76)!important; }
.merdo-feature-card:hover,.merdo-feature-card:focus-visible { border-color:currentColor!important; filter:saturate(1.2) brightness(1.11); box-shadow:inset 0 1px rgba(255,255,255,.18),0 14px 32px rgba(0,0,0,.35),0 0 25px currentColor!important; }
#navbar .navbar-menu2 .nav-link { position:relative; isolation:isolate; }
#navbar .navbar-menu2 .nav-link::after { content:""; position:absolute; left:12px; right:12px; bottom:3px; height:2px; border-radius:4px; background:linear-gradient(90deg,var(--qpro-motion-purple),var(--qpro-motion-cyan),var(--qpro-motion-gold)); transform:scaleX(0); transform-origin:left; transition:transform .24s ease; }
#navbar .navbar-menu2 .nav-link:hover::after,#navbar .navbar-menu2 .nav-link:focus-visible::after { transform:scaleX(1); }
#navbar .navbar-menu2 .nav-link:hover>i { color:var(--qpro-motion-gold)!important; filter:drop-shadow(0 0 7px currentColor); }
#menu-panel-left .nav-link-mobile:hover,#menu-panel-left .nav-link-mobile:focus-visible { transform:translateX(4px); border-color:rgba(255,217,91,.48)!important; background:linear-gradient(100deg,rgba(189,112,242,.16),rgba(73,228,220,.08),rgba(255,217,91,.1))!important; box-shadow:0 5px 18px rgba(0,0,0,.22),inset 2px 0 var(--qpro-motion-gold); }
.merdo-promo-card { isolation:isolate; transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s ease,box-shadow .28s ease,filter .28s ease!important; }
.merdo-promo-card:hover,.merdo-promo-card:focus-visible { transform:translateY(-5px) scale(1.008); filter:saturate(1.13) brightness(1.06); box-shadow:0 18px 40px rgba(0,0,0,.4),0 0 24px rgba(255,217,91,.12); }
.merdo-promo-card img { transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .35s ease; }
.merdo-promo-card:hover img,.merdo-promo-card:focus-visible img { transform:scale(1.06); filter:saturate(1.2) brightness(1.08); }
.homeScroll a.gameImg:hover,.homeScroll a.gameImg:focus-visible { box-shadow:0 15px 32px rgba(0,0,0,.45),0 0 22px rgba(73,228,220,.2)!important; }
.qpro-feed { border-color:rgba(255,217,91,.36)!important; background:radial-gradient(ellipse at 8% 0%,rgba(189,112,242,.1),transparent 34%),linear-gradient(145deg,#1b1d23,#111316 65%,#17151e)!important; box-shadow:0 16px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)!important; }
.qpro-feed-row { transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.qpro-feed-row:hover { transform:translateY(-2px); border-color:rgba(73,228,220,.38); background:linear-gradient(100deg,rgba(73,228,220,.06),rgba(189,112,242,.05),rgba(255,217,91,.04)); box-shadow:0 8px 22px rgba(0,0,0,.2); }
.qpro-feed-odd { transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important; }
.qpro-feed-odd:hover:not(:disabled),.qpro-feed-odd:focus-visible:not(:disabled) { transform:translateY(-2px) scale(1.025); filter:brightness(1.18) saturate(1.15); box-shadow:0 5px 16px rgba(255,217,91,.2)!important; }
.qpro-submit:not(:disabled) { transition:transform .18s ease,filter .18s ease,box-shadow .18s ease; }
.qpro-submit:not(:disabled):hover { transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 8px 22px rgba(255,217,91,.22); }
.qpro-feed-controls button:hover,.qpro-feed-search button:hover,.qpro-feed-pages button:hover:not(:disabled) { transform:translateY(-1px); filter:brightness(1.12); }
.qpro-feed-controls button,.qpro-feed-search button,.qpro-feed-pages button { transition:transform .16s ease,filter .16s ease,box-shadow .16s ease; }
@keyframes qpro-card-sheen { from { left:-48%; } to { left:130%; } }
@media (max-width:767px) { .merdo-feature-card { min-height:76px; } .merdo-feature-card:hover,.merdo-feature-card:focus-visible { transform:translateY(-2px) scale(1.01)!important; } .qpro-feed-row:hover { transform:none; } }


/* Live storefront polish: a restrained gold shimmer on existing game art. */
.homeScroll a.gameImg .casinoImage { position:relative; overflow:hidden; isolation:isolate; }
.homeScroll a.gameImg .casinoImage .scroll { transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .4s ease; }
.homeScroll a.gameImg .casinoImage::after { content:""; position:absolute; inset:-20% auto -20% -70%; width:42%; transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,232,170,.3),rgba(255,255,255,.18),transparent); pointer-events:none; transition:left .72s cubic-bezier(.2,.65,.25,1); }
.homeScroll a.gameImg:hover .casinoImage .scroll,
.homeScroll a.gameImg:focus-visible .casinoImage .scroll { transform:scale(1.06); filter:saturate(1.14) brightness(1.07); }
.homeScroll a.gameImg:hover .casinoImage::after,
.homeScroll a.gameImg:focus-visible .casinoImage::after { left:135%; }


/* Casino catalog: browse the slot library as a horizontal, touch-friendly rail. */
#main.newCasino .games-types.allgamemain .games-forcenter {
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:stretch;
  gap:14px;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:8px 2px 18px;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(229,183,76,.82) rgba(255,255,255,.08);
}
#main.newCasino .games-types.allgamemain .games-forcenter > .casino-image {
  flex:0 0 max(156px, calc((100% - 42px) / 4));
  min-width:156px;
  max-width:248px;
  scroll-snap-align:start;
}
#main.newCasino .games-types.allgamemain .games-forcenter::-webkit-scrollbar { height:8px; }
#main.newCasino .games-types.allgamemain .games-forcenter::-webkit-scrollbar-track { background:rgba(255,255,255,.08); border-radius:999px; }
#main.newCasino .games-types.allgamemain .games-forcenter::-webkit-scrollbar-thumb { background:linear-gradient(90deg,#9e7625,#f3cf70,#a67a23); border-radius:999px; }
@media (max-width:767px) {
  #main.newCasino .games-types.allgamemain .games-forcenter { gap:10px; padding-bottom:14px; }
  #main.newCasino .games-types.allgamemain .games-forcenter > .casino-image { flex-basis:calc((100% - 20px) / 2); min-width:150px; }
}