:root{
  --b:7,11,42!important;
  --b-sc:255,255,255!important;
  --header:7,11,42!important;
  --menu:7,11,42!important;
  --tab-navigation:7,11,42!important;
  --brand:109,53,255!important;
  --brand-sc:255,255,255!important;
  --secondary:31,123,255!important;
  --accent:109,53,255!important;
}

body:not(.backoffice){
  background:#070b2a url('/landing/assets/nirvana-back-2e2515e8d6.jpg') center top/cover fixed!important;
  color:#fff!important;
}

body:not(.backoffice) .header-bc{
  height:98px!important;
  padding:0 12px!important;
  background:#070b2a!important;
  border:0!important;
  box-shadow:0 3px 14px #01031480!important;
}
body:not(.backoffice) .hdr-main-content-bc{
  height:60px!important;
  max-width:none!important;
  padding:0 8px!important;
  background:#070b2a!important;
}
body:not(.backoffice) .hdr-logo-bc{
  width:225px!important;
  max-width:225px!important;
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
}
body:not(.backoffice) .hdr-logo-bc img{width:auto!important;max-height:42px!important;object-fit:contain!important}
body:not(.backoffice) .header-navigation{
  height:38px!important;
  padding:0 7px!important;
  background:#292d48!important;
  border:0!important;
  border-radius:3px!important;
  box-shadow:none!important;
}
body:not(.backoffice) .nav-menu{height:38px!important;background:transparent!important}
body:not(.backoffice) .nav-menu>li{height:38px!important;border:0!important}
body:not(.backoffice) .nav-menu-item{
  position:relative!important;
  height:38px!important;
  padding:8px 14px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#f4f4f8!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.3px!important;
  transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease!important;
}
body:not(.backoffice) .nav-menu-item img{
  display:block!important;
  width:16px!important;
  height:16px!important;
  filter:grayscale(1) brightness(2.25)!important;
}
body:not(.backoffice) .nav-menu-item::before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:2px!important;
  height:2px!important;
  border-radius:2px!important;
  background:linear-gradient(90deg,rgb(109,53,255),rgb(31,123,255))!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:transform .3s cubic-bezier(.4,0,.2,1)!important;
}
body:not(.backoffice) .nav-menu-item:is(:hover,.active){
  color:#fff!important;
  background:linear-gradient(135deg,rgba(109,53,255,.18),rgba(31,123,255,.12))!important;
  transform:translateY(-1px)!important;
  box-shadow:0 6px 18px -8px rgba(109,53,255,.6)!important;
}
body:not(.backoffice) .nav-menu-item:is(:hover,.active)::before{transform:scaleX(1)!important}

body:not(.backoffice) .hdr-user-bc .quick-button,
body:not(.backoffice) .hdr-user-bc .btn{
  height:30px!important;
  min-height:30px!important;
  border-radius:9px!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}
body:not(.backoffice) .deposit-shortcut{background:#08a828!important}
body:not(.backoffice) .bonus-shortcut,
body:not(.backoffice) .register{background:#6d35ff!important}
body:not(.backoffice) .sign-in{background:#080d27!important;border:1px solid #626887!important}
body:not(.backoffice) .language,
body:not(.backoffice) #clock,
body:not(.backoffice) .settings-button{color:#f3f4ff!important;border-color:#ffffff1f!important;background:#ffffff08!important}

body:not(.backoffice) .layout-content-holder-bc{max-width:1650px!important;padding:0 20px!important;background:transparent!important}
body:not(.backoffice) .product-banner-container-bc:has(.merlot-product){
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:9px!important;
  overflow:visible!important;
}
body:not(.backoffice) .product-banner-container-bc .merlot-product{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:500/610!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  background-color:#10152f!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  box-shadow:0 7px 18px #01031675!important;
  overflow:hidden!important;
}
body:not(.backoffice) .product-banner-container-bc .merlot-product:hover{
  transform:translateY(-3px)!important;
  border:0!important;
  box-shadow:0 11px 25px #010316a0!important;
}
body:not(.backoffice) .product-banner-container-bc .merlot-product .merlot-product-art{display:none!important}
body:not(.backoffice) .product-banner-container-bc .merlot-product .merlot-product-label{
  position:absolute!important;
  inset:auto 0 0!important;
  display:flex!important;
  min-height:29px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 5px!important;
  background:linear-gradient(180deg,transparent,#070b2ae8 35%,#070b2af7)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-align:center!important;
  text-shadow:0 1px 3px #000!important;
}
body:not(.backoffice) .product-banner-container-bc .merlot-product:nth-child(1){background-image:url('/theme/nirvana-authentic/products/sport.webp')!important}
body:not(.backoffice) .product-banner-container-bc .merlot-product:nth-child(2){background-image:url('/theme/nirvana-authentic/products/casino.webp')!important}
body:not(.backoffice) .product-banner-container-bc .merlot-product:nth-child(3){background-image:url('/theme/nirvana-authentic/products/live-casino.webp')!important}
body:not(.backoffice) .product-banner-container-bc .merlot-product:nth-child(4){background-image:url('/theme/nirvana-authentic/products/virtual.webp')!important}
body:not(.backoffice) .product-banner-container-bc .merlot-product:nth-child(5){background-image:url('/theme/nirvana-authentic/products/esports.webp')!important}
body:not(.backoffice) .product-banner-container-bc .merlot-product:nth-child(6){background-image:url('/theme/nirvana-authentic/products/games.webp')!important}
body:not(.backoffice) .product-banner-container-bc .merlot-product:nth-child(7){background-image:url('/theme/nirvana-authentic/products/wheel.webp')!important}
body:not(.backoffice) .product-banner-container-bc .merlot-product:nth-child(8){background-image:url('/theme/nirvana-authentic/products/bonuses.webp')!important}

/* HAR görünümü: eski geniş mor yüzeyler yerine düz lacivert Nirvana panelleri. */
body:not(.backoffice) .sectionTitle{
  background:#12162f!important;
  border:0!important;
  border-left:4px solid #6d35ff!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body:not(.backoffice) .sectionTitleText:before{display:none!important}
body:not(.backoffice) .recent-winners{
  padding:16px 20px 20px!important;
  background:#0d1229!important;
  border:1px solid #292f50!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body:not(.backoffice) .recent-winners .demo-winner-card{
  background:#141a34!important;
  border:1px solid #2c3355!important;
  box-shadow:none!important;
}
body:not(.backoffice) .merlot-jackpot{
  background:#0d1229!important;
  border:1px solid #292f50!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body:not(.backoffice) .merlot-jackpot:before{display:none!important}
body:not(.backoffice) .jackpot-tier,
body:not(.backoffice) .jackpot-gold{background:#151b35!important}
body:not(.backoffice) .tournament-body{
  background:#11162f!important;
  border:1px solid #292f50!important;
  box-shadow:none!important;
}

body:not(.backoffice) .layout-footer-holder-bc{
  width:100%!important;
  max-width:none!important;
  margin:34px 0 0!important;
  padding:0!important;
  border:0!important;
  background:#020b21!important;
  background-image:none!important;
  box-shadow:none!important;
}
body:not(.backoffice) .nirvana-authentic-footer{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  background:#020b21!important;
}
body:not(.backoffice) .nirvana-footer-showcase{
  position:relative!important;
  width:min(1480px,100%)!important;
  aspect-ratio:1650/1286!important;
  margin:0 auto!important;
  overflow:hidden!important;
  background:#020b21!important;
}
body:not(.backoffice) .nirvana-footer-showcase>img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
}
body:not(.backoffice) .nirvana-footer-finance{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:min(1180px,calc(100% - 32px))!important;
  margin:0 auto!important;
  padding:35px 0 28px!important;
  border-top:1px solid #142039!important;
  background:#020b21!important;
}
body:not(.backoffice) .nirvana-footer-certification{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
  color:#d8dbe8!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:2px!important;
}
body:not(.backoffice) .nirvana-footer-certification img{
  display:block!important;
  width:94px!important;
  height:55px!important;
  object-fit:contain!important;
}
body:not(.backoffice) .nirvana-footer-finance h2{
  margin:30px 0 16px!important;
  color:#d8dbe8!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:2px!important;
}
body:not(.backoffice) .nirvana-payment-methods{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:8px!important;
}
body:not(.backoffice) .nirvana-payment-methods button{
  display:grid!important;
  place-items:center!important;
  width:90px!important;
  height:50px!important;
  padding:6px!important;
  border:1px solid #30364d!important;
  border-radius:4px!important;
  background:#20263b!important;
  transition:border-color .2s ease,transform .2s ease!important;
}
body:not(.backoffice) .nirvana-payment-methods button:hover{transform:translateY(-2px)!important;border-color:#6d35ff!important}
body:not(.backoffice) .nirvana-payment-methods img{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:grayscale(1) brightness(.82)!important}

@media(max-width:1050px){
  body:not(.backoffice) .nav-menu-item{padding:8px 10px!important;font-size:11px!important}
  body:not(.backoffice) .nav-menu-item::before{left:10px!important;right:10px!important}
  body:not(.backoffice) .product-banner-container-bc:has(.merlot-product){grid-template-columns:repeat(4,minmax(130px,1fr))!important}
}
@media(max-width:700px){
  body:not(.backoffice) .header-bc{height:auto!important;padding:0!important}
  body:not(.backoffice) .hdr-main-content-bc{height:58px!important;padding:0 10px!important}
  body:not(.backoffice) .hdr-logo-bc,body:not(.backoffice) .hdr-logo-bc img{width:160px!important;max-width:160px!important}
  body:not(.backoffice) .header-navigation{height:39px!important;border-radius:0!important;overflow-x:auto!important}
  body:not(.backoffice) .nav-menu{height:39px!important;overflow-x:auto!important}
  body:not(.backoffice) .nav-menu-item{height:39px!important;padding:8px 11px!important;font-size:10px!important}
  body:not(.backoffice) .product-banner-container-bc:has(.merlot-product){display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:5px!important}
  body:not(.backoffice) .product-banner-container-bc .merlot-product{min-width:168px!important}
  body:not(.backoffice) .nirvana-footer-showcase{aspect-ratio:1650/1286!important}
  body:not(.backoffice) .nirvana-footer-showcase>img{width:100%!important;height:100%!important;inset:0!important;transform:none!important;object-fit:contain!important}
  body:not(.backoffice) .nirvana-footer-finance{width:calc(100% - 20px)!important;padding:26px 0 90px!important}
  body:not(.backoffice) .nirvana-payment-methods{gap:6px!important}
  body:not(.backoffice) .nirvana-payment-methods button{width:72px!important;height:42px!important;padding:5px!important}
}

/* Campaigns, bonus request, wheel and tickets use the genuine blue Nirvana card set. */
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art{
  display:block!important;
  aspect-ratio:1/1!important;
  background-color:#080d2b!important;
  background-image:url('/theme/nirvana-authentic/promotions-reference.png')!important;
  background-repeat:no-repeat!important;
  background-size:477.45% auto!important;
  border-color:#344974!important;
}
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art>*{display:none!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-loss100{background-position:61.4% 6.5%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-loss25{background-position:61.4% 59%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-night{background-position:88.6% 59%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-welcome{background-position:6.9% 100%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-trial{background-position:34.1% 100%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-nextday{background-position:61.4% 100%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-slot{background-position:88.6% 100%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-deposit{background-position:6.9% 6.5%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-wheel{background-position:34.1% 59%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-tickets,
body:not(.backoffice) .ticket-hero .merlot-campaign-art.art-tickets{background-position:34.1% 6.5%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-fifth{background-position:6.9% 100%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-sports{background-position:88.6% 6.5%!important}

/* The carousel is the original Nirvanabahis 2880x880 artwork, without overlays or crops. */
body:not(.backoffice) .hero-slider.merlot-hero{
  width:100%!important;
  height:auto!important;
  aspect-ratio:2880/880!important;
  background:#05091e!important;
}
body:not(.backoffice) .merlot-hero .hero-link,
body:not(.backoffice) .merlot-hero picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  background:#05091e!important;
}
body:not(.backoffice) .merlot-hero #hero-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:2880/880!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
body:not(.backoffice) .merlot-hero .hero-link::after,
body:not(.backoffice) .merlot-hero .merlot-hero-copy,
body:not(.backoffice) .merlot-hero .nirvana-hero-bonus{display:none!important;content:none!important}

/* Casino katalogları: Nirvana'nın mor/lacivert kontrol yüzeyi. */
body:not(.backoffice) .catalog-category-shell,
body:not(.backoffice) .catalog-toolbar.catalog-live-toolbar{
  background:#10152f!important;
  border:1px solid #343c67!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body:not(.backoffice) .catalog-categories button{
  min-height:38px!important;
  padding:0 16px!important;
  border:1px solid #594279!important;
  border-radius:22px!important;
  background:#24183a!important;
  color:#fff!important;
}
body:not(.backoffice) .catalog-categories button:is(:hover,.active){
  border-color:#9979ff!important;
  background:linear-gradient(110deg,#6d35ff,#7e45df)!important;
  box-shadow:0 6px 18px #3518a84d!important;
}
body:not(.backoffice) :is(.catalog-search,.catalog-provider-filter,.catalog-random),
body:not(.backoffice) .catalog-live-toolbar :is(.catalog-search,.catalog-provider-filter){
  border:1px solid #56436f!important;
  background:#2b1f3d!important;
  color:#fff!important;
  box-shadow:none!important;
}
body:not(.backoffice) :is(.catalog-search input,.catalog-provider-filter select){color:#fff!important}
body:not(.backoffice) :is(.catalog-search input,.catalog-provider-filter select)::placeholder{color:#c1aecf!important}
body:not(.backoffice) .catalog-category-next{background:#352254!important;box-shadow:-12px 0 18px #10152f!important}

/* Promosyon görselleri: Nirvana illüstrasyonları yerine Nirvana referans kartları. */
body:not(.backoffice) .managed-bonus-grid>article{
  background:#111630!important;
  border:1px solid #323b63!important;
  box-shadow:0 12px 28px #01031952!important;
}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art,
body:not(.backoffice) .ticket-hero .merlot-campaign-art{
  aspect-ratio:1/1!important;
  background-color:#10152f!important;
  background-image:url('/theme/nirvana-authentic/promotions-reference.png')!important;
  background-repeat:no-repeat!important;
  background-size:477.45% auto!important;
  border:1px solid #383f69!important;
}
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art>*{display:none!important}
/* Kart sırası modal, promosyon sayfası ve yönetim verisine göre değişebilir.
   Görseli sıra numarasına değil kampanyanın sabit koduna bağla. */
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-loss100{background-position:61.4% 6.5%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-loss25{background-position:61.4% 59%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-night{background-position:88.6% 59%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-welcome{background-position:6.9% 100%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-trial{background-position:34.1% 100%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-nextday{background-position:61.4% 100%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-slot{background-position:88.6% 100%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-deposit{background-position:6.9% 6.5%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-wheel{background-position:34.1% 59%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-tickets{background-position:34.1% 6.5%!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-fifth,
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-sports{
  background-image:none!important;
  background-size:cover!important;
  background-position:center!important;
}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-fifth .merlot-art-scene,
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-sports .merlot-art-scene{display:block!important;position:absolute!important;inset:0!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-fifth .merlot-art-scene img,
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-sports .merlot-art-scene img{width:100%!important;height:100%!important;object-fit:cover!important}
body:not(.backoffice) .ticket-hero .merlot-campaign-art{background-position:34.1% 6.5%!important}
body:not(.backoffice) .managed-bonus-grid :is(h2,small){color:#fff!important}
body:not(.backoffice) .managed-bonus-grid :is(button,.btn-primary){
  border-color:#7255ff!important;
  background:linear-gradient(110deg,#6d35ff,#247cff)!important;
  color:#fff!important;
}

/* Çark ve bilet: davranış Nirvana çekirdeğinde, görünüm tamamen Nirvana. */
body:not(.backoffice) :is(.wheel-stage,.campaign-record-section,.campaign-history){
  background:#0e1330!important;
  border-color:#343d67!important;
  box-shadow:none!important;
}
body:not(.backoffice) .wheel-stage{
  background:radial-gradient(circle at 50% 35%,#6d35ff35,transparent 54%),linear-gradient(145deg,#111a43,#090e27)!important;
}
body:not(.backoffice) .wheel-stage:after{background:#1f7bff2e!important}
body:not(.backoffice) .wheel-aura{border-color:#8a70ff5c!important;box-shadow:0 0 70px #6338ff42,inset 0 0 50px #1f7bff24!important}
body:not(.backoffice) .prize-wheel{
  background:conic-gradient(#6d35ff 0 36deg,#15245b 36deg 72deg,#8754ff 72deg 108deg,#172c67 108deg 144deg,#5427cc 144deg 180deg,#111c47 180deg 216deg,#7a46ff 216deg 252deg,#16265b 252deg 288deg,#6332df 288deg 324deg,#0e193f 324deg 360deg)!important;
  border-color:#9c8cff!important;
  box-shadow:0 0 0 5px #293a89,0 0 0 8px #7263ff6b,0 0 55px #1f7bff45,inset 0 0 35px #03071d99!important;
}
body:not(.backoffice) .wheel-hub{
  background:radial-gradient(circle at 35% 25%,#428dff,#6d35ff 55%,#17245c)!important;
  border-color:#b7adff!important;
  box-shadow:0 0 0 5px #283985,0 0 32px #060a22cc!important;
}
body:not(.backoffice) .wheel-hub span{font-family:Arial,sans-serif!important;color:#fff!important}
body:not(.backoffice) .wheel-hub small{color:#d9e4ff!important}
body:not(.backoffice) .wheel-pointer{border-top-color:#b8b1ff!important}
body:not(.backoffice) .wheel-thresholds>div,
body:not(.backoffice) .wheel-prizes li{
  background:#141b3b!important;
  border-color:#384675!important;
}
body:not(.backoffice) :is(.wheel-thresholds b,.wheel-rules summary,.wheel-prize-index){color:#8d76ff!important}
body:not(.backoffice) .ticket-hero h1,
body:not(.backoffice) .wheel-heading h1{
  background:linear-gradient(95deg,#fff,#9d91ff 54%,#408cff)!important;
  background-clip:text!important;
  color:transparent!important;
}
body:not(.backoffice) .ticket-details{border-color:#313a60!important}
body:not(.backoffice) .ticket-details th{background:#1a2245!important;color:#d5dcff!important}
body:not(.backoffice) .ticket-details td{border-color:#293455!important}
body:not(.backoffice) .ticket-details tbody tr:nth-child(even){background:#10162f!important}
body:not(.backoffice) .ticket-facts b{color:#a990ff!important}
body:not(.backoffice) :is(.ticket-hero,.ticket-details,.campaign-record-section) .btn-primary{
  background:linear-gradient(110deg,#6d35ff,#247cff)!important;
  color:#fff!important;
}

/* Üst kullanıcı aksiyonları: Nirvana lacivert/mor paleti. */
body:not(.backoffice) .hdr-user-bc .btn.sign-in{
  min-width:70px!important;
  border:1px solid #596079!important;
  background:#30364d!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body:not(.backoffice) .hdr-user-bc .btn.sign-in:hover{background:#414861!important;border-color:#747d9c!important}
body:not(.backoffice) .hdr-user-bc .btn.register{
  min-width:80px!important;
  border:1px solid #7868ef!important;
  background:linear-gradient(110deg,#5145c9,#7654dd)!important;
  color:#fff!important;
  box-shadow:0 5px 14px #3424a83d!important;
}
body:not(.backoffice) .hdr-user-bc .btn.register:hover{background:linear-gradient(110deg,#6155da,#8564ec)!important}

/* Hızlı işlem menüsü: nötr gri yüzey. */
body:not(.backoffice) .header-dropdown.tools-dropdown{
  width:50px!important;
  padding:0!important;
  background:#3b4052!important;
  border:1px solid #555c72!important;
  color:#f4f5fb!important;
  box-shadow:0 8px 20px #0008!important;
}
body:not(.backoffice) .header-dropdown.tools-dropdown:before{border-bottom-color:#555c72!important}
body:not(.backoffice) .header-dropdown.tools-dropdown :is(a,button){
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:50px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid #ffffff12!important;
  border-radius:0!important;
  background:#3b4052!important;
  color:#f4f5fb!important;
}
body:not(.backoffice) .header-dropdown.tools-dropdown :is(a,button):hover{background:#51586e!important}
body:not(.backoffice) .header-dropdown.tools-dropdown .ui-icon{color:#f4f5fb!important}

/* Görseller kendi özgün etiketini içeriyor; ikinci kez basılan yazıyı kaldır. */
body:not(.backoffice) .product-banner-container-bc .merlot-product .merlot-product-label{display:none!important}

/* Nirvana kimlik katmanı: ortak çekirdeğin kalan şarap/magenta yüzeylerini lacivert-mavi sisteme çevirir. */
body:not(.backoffice){
  --merlot-surface:#10162f!important;
  --merlot-raised:#171e3d!important;
  --merlot-input:#29304e!important;
  --merlot-border:#50608a66!important;
  --merlot-muted:#aeb8d8!important;
  --muted:#aeb8d8!important;
  --line:#50608a66!important;
}
body:not(.backoffice) :is(.panel,.account-body>.panel,.service-box,.integration-card,.sport-list,.betslip,.catalog-toolbar,.payment-choice,.bonus-row,.provider-game-shell,.bonus-request-record,.deposit-form,.provider-stage){
  background:#10162f!important;
  border-color:#35436f!important;
  box-shadow:none!important;
}
body:not(.backoffice) :is(.summary-card,.payment-summary,.deposit-methods button,.reward-cards article,.loyalty-table,.loyalty-tiers){
  background:#171e3d!important;
  border-color:#35436f!important;
}
body:not(.backoffice) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  background:#29304e!important;
  border-color:#48567f!important;
  color:#f5f7ff!important;
  color-scheme:dark!important;
}
body:not(.backoffice) :is(input,textarea)::placeholder{color:#9ca7c8!important}
body:not(.backoffice) :is(input,select,textarea):focus-visible{
  border-color:#778aff!important;
  outline:2px solid #6d7fff!important;
  outline-offset:1px!important;
  box-shadow:0 0 0 3px #446dff24!important;
}
body:not(.backoffice) input[type=checkbox]{accent-color:#6d63ff!important}

/* Giriş ve kayıt: Nirvana'nın koyu lacivert paneli ve mavi-mor aksanları. */
body:not(.backoffice) dialog.login-modal,
body:not(.backoffice) dialog.signup-modal{
  background:#070b2a!important;
  border:1px solid #394875!important;
  color:#fff!important;
  box-shadow:0 22px 70px #01020fbf!important;
}
body:not(.backoffice) dialog.login-modal::backdrop,
body:not(.backoffice) dialog.signup-modal::backdrop{background:#01030dcc!important}
body:not(.backoffice) .login-modal .auth-header,
body:not(.backoffice) .signup-modal .auth-header{
  background:#0a0f31!important;
  border-bottom:1px solid #26345d!important;
}
body:not(.backoffice) .auth-header img{filter:none!important;object-fit:contain!important}
body:not(.backoffice) .login-modal .modal-close{color:#aab5d7!important}
body:not(.backoffice) .login-modal .modal-close:hover{color:#fff!important;background:#2a3457!important}
body:not(.backoffice) .auth-intro{color:#9da8c9!important}
body:not(.backoffice) .login-modal .modal-title{color:#fff!important}
body:not(.backoffice) .login-modal input:not([type=checkbox]),
body:not(.backoffice) .signup-fields>input,
body:not(.backoffice) .signup-fields :is(.auth-date,.auth-country),
body:not(.backoffice) .auth-phone :is(select,input:not([type=hidden])){
  background:#29304e!important;
  border:1px solid #3d4b75!important;
  color:#f5f7ff!important;
  box-shadow:none!important;
}
body:not(.backoffice) .login-modal input:not([type=checkbox]):focus,
body:not(.backoffice) .signup-fields :is(input,select):focus{
  border-color:#7187ff!important;
  outline:2px solid #6277f5!important;
  outline-offset:0!important;
  box-shadow:0 0 0 3px #2f7cff20!important;
}
body:not(.backoffice) .remember-row,
body:not(.backoffice) .signup-terms{color:#bdc5df!important}
body:not(.backoffice) .forgot-link{color:#b6c1e2!important}
body:not(.backoffice) .forgot-link:hover{color:#fff!important}
body:not(.backoffice) .login-modal .btn-primary,
body:not(.backoffice) .signup-modal .btn-primary,
body:not(.backoffice) .auth-header .auth-switch{
  border:1px solid #6f72ff!important;
  background:linear-gradient(110deg,#5f36df,#2f7cff)!important;
  color:#fff!important;
  box-shadow:0 7px 20px #284cc447!important;
}
body:not(.backoffice) .login-modal .btn-primary:hover,
body:not(.backoffice) .signup-modal .btn-primary:hover,
body:not(.backoffice) .auth-header .auth-switch:hover{
  background:linear-gradient(110deg,#7250ed,#438cff)!important;
  filter:none!important;
}
body:not(.backoffice) :is(.signup-submit,.signup-modal .auth-support,.signup-modal .signup-terms){
  background:#0c1233!important;
  border-color:#35436f!important;
}
body:not(.backoffice) .auth-support{color:#9faad0!important}
body:not(.backoffice) .auth-support:hover{color:#fff!important}
body:not(.backoffice) .signup-disclosure{color:#919dc1!important}

/* Üye menüleri ve kayıt/işlem yüzeylerinde tek Nirvana paleti. */
body:not(.backoffice) .header-dropdown.account-dropdown{
  background:#161c34!important;
  border-color:#48536f!important;
  box-shadow:0 12px 32px #01020db3!important;
}
body:not(.backoffice) .header-dropdown.account-dropdown:before{border-bottom-color:#48536f!important}
body:not(.backoffice) .account-dropdown :is(a,button){background:#242b42!important;color:#eef1fb!important;border-color:#ffffff10!important}
body:not(.backoffice) .account-dropdown :is(a,button):hover{background:#353d58!important;color:#fff!important}
body:not(.backoffice) :is(.account-window,.account-main,.account-body,#account-modal){background:#070b2a!important}
body:not(.backoffice) .account-sidebar{background:#161c34!important;border-color:#35405f!important}
body:not(.backoffice) :is(.account-title,.account-group summary,.account-rewards){background:#242b42!important;border-color:#35405f!important;color:#f2f4fc!important}
body:not(.backoffice) .account-group>div{background:#1d243b!important}
body:not(.backoffice) .account-group>div>a.active{background:#303a5b!important;border-color:#6c76ef!important;color:#fff!important}
body:not(.backoffice) :is(.campaign-history,.member-history,.history-filters,.history-entry,.history-events li){background:#10162f!important;border-color:#35436f!important}
body:not(.backoffice) .history-tabs button{background:#171e3d!important;border-color:#35436f!important;color:#c7d0ea!important}
body:not(.backoffice) .history-tabs button.active{background:linear-gradient(110deg,#5f36df,#2f7cff)!important;border-color:#7187ff!important;color:#fff!important}

@media(max-width:700px){
  body:not(.backoffice) .signup-modal .auth-header{background:#0a0f31!important}
  body:not(.backoffice) .signup-modal .signup-fields :is(.auth-date,.auth-country),
  body:not(.backoffice) .signup-modal .auth-phone :is(select,input:not([type=hidden])),
  body:not(.backoffice) .signup-modal .signup-fields>input{background:#29304e!important;border-color:#3d4b75!important}
  body:not(.backoffice) .signup-modal .signup-submit{box-shadow:0 -10px 24px #03061dcc!important}
}

/* Katalog ve kampanya ayrıntıları: eski şarap-mor yüzeyleri Nirvana lacivert/mavi paletine sabitle. */
body:not(.backoffice) :is(.catalog-category-shell,.catalog-toolbar.catalog-live-toolbar){
  background:#0b1230!important;
  border-color:#2f4172!important;
}
body:not(.backoffice) .catalog-categories button{
  background:#1b2545!important;
  border-color:#3b4f80!important;
  color:#e9edff!important;
}
body:not(.backoffice) :is(.catalog-categories button:hover,.catalog-random:hover){
  background:#26335a!important;
  border-color:#5d72b2!important;
}
body:not(.backoffice) .catalog-categories button.active{
  background:linear-gradient(110deg,#4d3cdb,#2f7cff)!important;
  border-color:#7188ff!important;
  box-shadow:0 6px 18px #244fc54a!important;
}
body:not(.backoffice) :is(.catalog-search,.catalog-provider-filter,.catalog-random),
body:not(.backoffice) .catalog-live-toolbar :is(.catalog-search,.catalog-provider-filter){
  background:#252e4d!important;
  border-color:#40527e!important;
  color:#eef2ff!important;
}
body:not(.backoffice) :is(.catalog-search input,.catalog-provider-filter select){
  background:transparent!important;
  border-color:transparent!important;
  color:#f6f7ff!important;
}
body:not(.backoffice) :is(.catalog-search input,.catalog-provider-filter select)::placeholder{color:#aab5d6!important}
body:not(.backoffice) .catalog-category-next{
  background:#24305a!important;
  border:1px solid #40527e!important;
  box-shadow:-12px 0 18px #0b1230!important;
}
body:not(.backoffice) :is(.bonus-rule-facts>span,.campaign-detail .bonus-rule-facts>span){
  background:#1c2748!important;
  border-color:#405581!important;
  color:#b9c4e3!important;
}
body:not(.backoffice) :is(.bonus-rule-facts strong,.campaign-detail .bonus-rule-facts strong){color:#e1e7ff!important}
body:not(.backoffice) :is(.bonus-card-terms,.campaign-detail .bonus-card-terms){border-color:#405581!important}
body:not(.backoffice) :is(.bonus-card-terms summary,.campaign-detail .bonus-card-terms summary){color:#edf1ff!important}
body:not(.backoffice) :is(.bonus-readable-terms .bonus-rule-hint,.campaign-detail .bonus-rule-hint){color:#aab6d7!important}

/* Profil/hesap panelinde kalan Nirvana mor-altın blokları. */
body:not(.backoffice) .account-sidebar .wallet-card{
  background:linear-gradient(120deg,#3154a3,#4f70c4)!important;
  border-color:#6f87ce!important;
}
body:not(.backoffice) .account-sidebar .wallet-card button{background:#ffffff25!important;border-color:#ffffff25!important;color:#fff!important}
body:not(.backoffice) .account-sidebar .bonus-wallet{
  background:linear-gradient(120deg,#1f3a68,#28558f)!important;
  border-color:#3f6497!important;
}
body:not(.backoffice) .account-sidebar .loyalty-shortcut{
  background:linear-gradient(120deg,#263453,#354568)!important;
  border-color:#485b82!important;
}
body:not(.backoffice) .account-sidebar :is(.promo-code,.promo-code button,.account-logout){
  background:#1b2545!important;
  border-color:#344a78!important;
  color:#eaf0ff!important;
}
body:not(.backoffice) .account-window .account-sidebar{scrollbar-color:#60709a #151c34!important}
body:not(.backoffice) .account-body{background:#0b102b!important;scrollbar-color:#60709a #0b102b!important}

/* Son uyumluluk katmanı: eski çekirdeğin bütün görünür yüzeylerini Nirvana
   lacivert / elektrik mavisi / soğuk violet sistemine bağlar. */
:root{
  --merlot-ink:#05091e;
  --merlot-ink-2:#070b2a;
  --merlot-surface:#0e1534;
  --merlot-surface-2:#131c3d;
  --merlot-surface-3:#1b274b;
  --merlot-wine:#2f55c7;
  --merlot-wine-2:#5145d5;
  --merlot-rose:#327dff;
  --merlot-gold:#8d86ff;
  --merlot-gold-soft:#cbd4ff;
  --merlot-text:#f7f9ff;
  --merlot-muted:#a9b5d7;
  --merlot-line:#50669a42;
}
body:not(.backoffice) :is(.game-card,.promo-card){
  background:#0b1230!important;
  border:1px solid #2f4172!important;
  box-shadow:none!important;
}
body:not(.backoffice) .game-card .game-name{background:#0b1230!important;color:#f4f7ff!important}
body:not(.backoffice) .game-card .play-overlay{background:#07102bbb!important}
body:not(.backoffice) :is(dialog#modal,dialog.campaign-modal){background:#0b102b!important;border-color:#334675!important}
body:not(.backoffice) .modal-tabs button.active{color:#dbe3ff!important;border-color:#6f7cff!important}
body:not(.backoffice) :is(.bonus-switch button,.history-tabs button){background:#172143!important;border-color:#354a79!important;color:#cbd4ef!important}
body:not(.backoffice) :is(.bonus-switch button.active,.history-tabs button.active){background:linear-gradient(110deg,#4e42d6,#287cff)!important;border-color:#7888ff!important;color:#fff!important}
body:not(.backoffice) .wheel-prize-index{background:#294b9d66!important;color:#a9c5ff!important}
body:not(.backoffice) :is(.wheel-thresholds b,.wheel-rules summary,.wheel-controls p,.ticket-facts b){color:#9bb7ff!important}
body:not(.backoffice) :is(.ticket-wallet article,.ticket-win){background:#111a3b!important;border-color:#405582!important}
body:not(.backoffice) :is(.notice,#toast){background:#152552!important;border-color:#4f73bd!important;color:#dce7ff!important}
body:not(.backoffice) :is(.support-button,.back-top){background:linear-gradient(145deg,#4e42d6,#247cff)!important;border-color:#7d8eff!important;color:#fff!important}

body:not(.backoffice) :is(.vip-hero,.club-hero){
  background:radial-gradient(ellipse at 76% 45%,#315ecb38,transparent 51%),linear-gradient(135deg,#0a1130,#07102a 72%,#121c45)!important;
  border-color:#40598f!important;
}
body:not(.backoffice) :is(.vip-membership,.club-account,.vip-tier,.club-level-card,.club-level-detail,.vip-experience article,.club-benefit-grid article){
  background:linear-gradient(145deg,#121c3d,#0b1230)!important;
  border-color:#354a79!important;
}
body:not(.backoffice) :is(.vip-eyebrow,.club-kicker,.vip-experience article>span,.club-benefit-icon,.club-journey-steps small){color:#82a8ff!important}
body:not(.backoffice) :is(.vip-hero h1 em,.club-hero h1 em){background:linear-gradient(100deg,#eaf0ff,#8e83ff 48%,#3688ff)!important;background-clip:text!important;color:transparent!important}
body:not(.backoffice) :is(.vip-points strong,.club-account-points strong,.vip-hero-meta>span){color:#c7d6ff!important}

/* Nirvana final pass — legacy Merlot purple is removed from member surfaces. */
body:not(.backoffice) .hdr-logo-bc{width:255px!important;max-width:255px!important}
body:not(.backoffice) .hdr-logo-bc img{max-height:48px!important;transform:scale(1.1);transform-origin:left center}

/* Every game uses the same landscape crop, including portrait provider artwork. */
body:not(.backoffice) .game-card{display:grid!important;grid-template-rows:minmax(0,1fr)!important;aspect-ratio:440/310!important;background:#0b1230!important}
body:not(.backoffice) .game-card>img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;background:#070b2a!important}
body:not(.backoffice) .game-card .game-name{display:none!important}
body:not(.backoffice) .game-card-actions{inset:0!important;flex-direction:column!important;gap:26px!important;background:#040818d9!important;backdrop-filter:blur(5px)!important}
body:not(.backoffice) .game-card-actions strong{max-width:90%!important;color:#fff!important;font-size:14px!important;text-align:center!important}
body:not(.backoffice) .game-card-actions>div{display:flex!important;gap:4px!important;width:min(200px,82%)!important}
body:not(.backoffice) :is(.game-demo-button,.game-play-button){display:flex!important;align-items:center!important;justify-content:center!important;flex:1!important;min-width:0!important;min-height:32px!important;border:1px solid #52618a!important;border-radius:18px!important;background:#29304e!important;color:#fff!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}
body:not(.backoffice) .game-play-button{border-color:#4386ff!important;background:linear-gradient(110deg,#315ecb,#287cff)!important}
body:not(.backoffice) .game-card-tools{position:absolute!important;z-index:4!important;inset:8px 8px auto!important;display:flex!important;justify-content:space-between!important;color:#fff!important;font-size:23px!important;opacity:0!important;transition:opacity .2s ease!important}
body:not(.backoffice) .game-card:hover .game-card-tools,body:not(.backoffice) .game-card:focus-within .game-card-tools{opacity:1!important}

/* Provider strip and picker use authentic logo colors on neutral cards. */
body:not(.backoffice) .catalog-provider-showcase{margin:18px 0 14px!important}
body:not(.backoffice) .catalog-provider-showcase .sectionTitle{background:linear-gradient(90deg,#10193d,#17285b)!important;border-left-color:#367dff!important}
body:not(.backoffice) .catalog-provider-logo{height:58px!important;background:#171e3d!important;border:1px solid #2f4172!important;padding:8px 12px!important}
body:not(.backoffice) .catalog-provider-logo img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
body:not(.backoffice) .catalog-provider-logo span{color:#fff!important}
body:not(.backoffice) :is(.catalog-provider-logo:hover,.catalog-provider-logo.active,.provider-all.active){background:#243b70!important;border-color:#4386ff!important;box-shadow:0 0 0 2px #4386ff42!important}
body:not(.backoffice) .provider-all{background:#1b274b!important;border-color:#405a91!important;color:#fff!important}
body:not(.backoffice) .provider-picker{background:#080d2b!important;color:#fff!important}
body:not(.backoffice) .provider-picker :is(.provider-picker-search,.provider-picker-card){background:#182343!important;border-color:#364d7b!important}
body:not(.backoffice) .provider-picker-card{min-height:54px!important;color:#fff!important}
body:not(.backoffice) .provider-picker-card img{max-width:100%!important;max-height:38px!important;object-fit:contain!important;filter:none!important}
body:not(.backoffice) .provider-picker-card.active{background:#243b70!important;border-color:#4386ff!important}
body:not(.backoffice) :is(.provider-picker-apply,.provider-picker-reset){background:#253458!important;border:1px solid #405a91!important;color:#fff!important}
body:not(.backoffice) .provider-picker-apply{background:linear-gradient(110deg,#315ecb,#287cff)!important}

/* Campaign artwork: show the complete supplied image instead of cropping a sprite tile. */
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art{background-image:none!important;background:#080d2b!important;aspect-ratio:1/1!important;overflow:hidden!important}
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art .merlot-art-copy{display:none!important}
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art .merlot-art-scene{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art .merlot-art-scene img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#080d2b!important}
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-fifth .merlot-art-scene img,
body:not(.backoffice) .managed-bonus-grid .merlot-campaign-art.art-sports .merlot-art-scene img{object-fit:contain!important;object-position:center!important}

/* New blue/platinum VIP emblem generated for Nirvana. */
body:not(.backoffice) .club-hero-art{background:url('/theme/nirvana-authentic/vip-emblem-v2.png') center/contain no-repeat!important}
body:not(.backoffice) .club-hero-art>img{opacity:0!important}

/* Account/profile palette matched to the supplied Nirvana reference. */
body:not(.backoffice) #account-modal{background:#050a24!important;border:1px solid #31436e!important}
body:not(.backoffice) .account-window .account-sidebar{background:#202842!important}
body:not(.backoffice) :is(.account-title,.account-group summary,.account-rewards,.account-logout){background:#252e4b!important;border-color:#36466d!important;color:#f7f9ff!important}
body:not(.backoffice) .account-group>div{background:#303957!important}
body:not(.backoffice) .account-group>div>a{border-left-color:#46577d!important;color:#eef2ff!important}
body:not(.backoffice) .account-group>div>a.active{background:#374466!important;border-left-color:#4b89ff!important}
body:not(.backoffice) .account-sidebar .wallet-card{background:linear-gradient(120deg,#32a945,#22a238)!important;border:1px solid #57c669!important}
body:not(.backoffice) .account-sidebar .wallet-card a{background:#ffffff29!important;border:1px solid #ffffff20!important;color:#fff!important}
body:not(.backoffice) .account-sidebar .bonus-wallet{background:linear-gradient(120deg,#c39b25,#ad8008)!important;border:1px solid #dbb84b!important;color:#fff!important}
body:not(.backoffice) .account-sidebar .loyalty-shortcut{background:linear-gradient(120deg,#9d7109,#bf8a0b)!important;border-color:#d5a62e!important;color:#fff!important}
body:not(.backoffice) :is(.account-main,.account-body,.personal-details,.loyalty-program,.bonus-hub){background:#070c2d!important}
body:not(.backoffice) .account-title{background:#222b47!important}
body:not(.backoffice) .profile-field input,body:not(.backoffice) .personal-details input{background:#2c3554!important;border:1px solid #36466d!important;color:#fff!important}
body:not(.backoffice) .profile-subscribe{background:#192b55!important;color:#dbe5ff!important}
body:not(.backoffice) :is(.profile-save .btn-primary,.deposit-form .place-bet:not(:disabled),.history-filter-actions .btn-primary,.campaign-record-filter button[type=submit]){background:linear-gradient(110deg,#315ecb,#287cff)!important;border-color:#4386ff!important;color:#fff!important;box-shadow:none!important}
body:not(.backoffice) :is(.promo-code,.promo-code button){background:#303957!important;color:#eef2ff!important}

/* Loyalty, wheel, ticket, history and payment panels: navy/blue only. */
body:not(.backoffice) :is(.loyalty-program-intro,.loyalty-tiers,#loyalty-tier-content,.loyalty-program-facts>div,.loyalty-selected-heading,.loyalty-reward-heading,.reward-cards article,.loyalty-table,.loyalty-qualification){background:#121a39!important;border-color:#344974!important;color:#f5f7ff!important}
body:not(.backoffice) .loyalty-tiers button{background:#1b2547!important;color:#edf2ff!important}
body:not(.backoffice) .loyalty-tiers button.active{background:#274d91!important;box-shadow:inset 0 0 0 1px #4c8cff!important}
body:not(.backoffice) .loyalty-table th{background:#223155!important;color:#fff!important}
body:not(.backoffice) :is(.wheel-stage,.wheel-thresholds>div,.wheel-prizes li,.campaign-record-section,.campaign-history,.ticket-details,.ticket-win){background:#101938!important;border-color:#344974!important}
body:not(.backoffice) :is(.history-filters,.campaign-record-filters,.campaign-record-section form){background:#101938!important;border-color:#344974!important}
body:not(.backoffice) :is(.history-filter-actions button,.campaign-record-section button,.campaign-history button,.history-pager button){background:#24345c!important;border:1px solid #405a91!important;color:#fff!important}
body:not(.backoffice) :is(.history-filter-actions button[type=submit],.campaign-record-section button[type=submit]){background:linear-gradient(110deg,#315ecb,#287cff)!important;border-color:#4386ff!important}
body:not(.backoffice) :is(.deposit-form,.withdraw-panel){background:#101938!important;border-color:#344974!important}
body:not(.backoffice) .deposit-methods button{background:#162143!important;border-color:#344974!important}
body:not(.backoffice) .deposit-methods button.selected{background:#233c70!important;border-color:#4b88ff!important}
body:not(.backoffice) :is(.deposit-form h3,.withdraw-panel h3){background:#172750!important;color:#d9e5ff!important}

@media(max-width:700px){
 body:not(.backoffice) .hdr-logo-bc,body:not(.backoffice) .hdr-logo-bc img{width:178px!important;max-width:178px!important}
 body:not(.backoffice) .game-card{grid-template-rows:minmax(0,1fr)!important}
 body:not(.backoffice) .game-card-actions,body:not(.backoffice) .game-card-tools{display:none!important}
}
body:not(.backoffice) :is(.gold-button,.club-primary){background:linear-gradient(110deg,#6658e6,#2f7fff)!important;color:#fff!important;box-shadow:0 8px 25px #285fd542!important}
body:not(.backoffice) :is(.vip-coin,.tier-seal,.club-level-emblem){border-color:#819dff!important;color:#c7d6ff!important;box-shadow:0 0 24px #326bff35!important}
body:not(.backoffice) .vip-coin{background:repeating-conic-gradient(#5e6de3 0deg 4deg,#284b9f 4deg 8deg)!important}
body:not(.backoffice) .vip-coin:before{background:radial-gradient(circle at 30% 20%,#294981,#101936 68%)!important;border-color:#9aabff!important}
body:not(.backoffice) :is(.vip-orbit,.club-halo){border-color:#6685d947!important;box-shadow:0 0 90px #326bff2e,inset 0 0 70px #6658e61c!important}
body:not(.backoffice) :is(.vip-spark,.club-hero-signature){color:#a8beff!important;text-shadow:0 0 22px #407bff55!important}
body:not(.backoffice) :is(.club-journey,.club-faq details,.vip-experience){border-color:#354a795c!important}

/* Must remain last: campaigns use their complete square Nirvana card art. */
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art{
  background-color:#080d2b!important;
  background-image:none!important;
  aspect-ratio:1/1!important;
  position:relative!important;
  overflow:hidden!important;
}
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art .merlot-art-copy{display:none!important}
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art .merlot-art-scene{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
body:not(.backoffice) :is(.managed-bonus-grid,.ticket-hero) .merlot-campaign-art .merlot-art-scene img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#080d2b!important}

/* Public promotions: the Nirvana reference is an image-only gallery. */
body:not(.backoffice) .promotion-showcase-page{padding-top:18px!important}
body:not(.backoffice) .promotion-filters{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0 0 10px!important;
}
body:not(.backoffice) .promotion-filters button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:38px!important;
  padding:0 17px!important;
  border:0!important;
  border-radius:4px!important;
  background:#29304e!important;
  color:#aeb5ce!important;
  font:500 14px/1 inherit!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
body:not(.backoffice) .promotion-filters button.active{
  background:linear-gradient(110deg,#6840ec,#7645f2)!important;
  color:#fff!important;
}
body:not(.backoffice) .promotion-filters button span{font-size:17px!important;line-height:1!important}
body:not(.backoffice) .promotion-showcase-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body:not(.backoffice) .promotion-showcase-card{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:4px!important;
  overflow:hidden!important;
  background:#080d2b!important;
  color:inherit!important;
  cursor:pointer!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body:not(.backoffice) .promotion-showcase-card[hidden]{display:none!important}
body:not(.backoffice) .promotion-showcase-card .merlot-campaign-art{
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#080d2b!important;
  overflow:hidden!important;
}
body:not(.backoffice) .promotion-showcase-card .merlot-art-copy{display:none!important}
body:not(.backoffice) .promotion-showcase-card .merlot-art-scene{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
body:not(.backoffice) .promotion-showcase-card .merlot-art-scene img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body:not(.backoffice) .promotion-showcase-card:is(:hover,:focus-visible){outline:2px solid #6f71ff!important;outline-offset:-2px!important;filter:brightness(1.05)!important}
@media(max-width:1100px){body:not(.backoffice) .promotion-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
 body:not(.backoffice) .promotion-filters{overflow-x:auto!important;padding-bottom:3px!important}
 body:not(.backoffice) .promotion-filters button{flex:0 0 auto!important;padding:0 12px!important;font-size:12px!important}
 body:not(.backoffice) .promotion-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
}

/* Account modal — exact Nirvana profile reference. Keep this last so the old
   Merlot skin cannot tint profile, wallet or navigation controls purple. */
body:not(.backoffice) #account-modal{
  width:min(1340px,calc(100% - 32px))!important;
  height:min(1040px,calc(100dvh - 42px))!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  border:1px solid #344a78!important;
  border-radius:4px!important;
  background:#050a24!important;
  box-shadow:0 24px 80px #000a!important;
  overflow:hidden!important;
}
body:not(.backoffice) #account-modal::backdrop{background:#02040bd4!important}
body:not(.backoffice) #account-modal .account-window{
  grid-template-columns:314px minmax(0,1fr)!important;
  height:100%!important;
  background:#050a24!important;
}
body:not(.backoffice) #account-modal .account-sidebar{
  padding:10px!important;
  border:0!important;
  border-right:1px solid #34405f!important;
  border-radius:0!important;
  background:#222b47!important;
  scrollbar-color:#7180a5 #222b47!important;
}
body:not(.backoffice) #account-modal .account-identity{
  min-height:34px!important;
  margin:0 0 10px!important;
  color:#f1f4ff!important;
}
body:not(.backoffice) #account-modal .avatar{
  width:32px!important;
  height:32px!important;
  background:#747e9b!important;
  color:#27304a!important;
}
body:not(.backoffice) #account-modal .account-identity small{color:#9fa9c5!important}
body:not(.backoffice) #account-modal .account-identity-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  line-height:1.2!important;
}
body:not(.backoffice) #account-modal .account-identity-copy>b{
  overflow:hidden!important;
  color:#f5f7ff!important;
  font-size:14px!important;
  font-weight:500!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body:not(.backoffice) #account-modal .account-identity-copy>small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:4px!important;
  color:#9ca6c0!important;
  font-size:10px!important;
}
body:not(.backoffice) #account-modal .wallet-card{
  padding:12px 15px 10px!important;
  border:1px solid #49c260!important;
  border-radius:4px!important;
  background:linear-gradient(105deg,#2db344 0%,#25a73d 68%,#2eb547 100%)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body:not(.backoffice) #account-modal .wallet-card>strong{font-size:22px!important;color:#fff!important}
body:not(.backoffice) #account-modal .wallet-card>div{gap:10px!important;margin-top:16px!important}
body:not(.backoffice) #account-modal .wallet-card a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:37px!important;
  padding:7px 6px!important;
  border:1px solid #ffffff24!important;
  border-radius:4px!important;
  background:#ffffff27!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
}
body:not(.backoffice) #account-modal .bonus-wallet{
  margin:17px 0 35px!important;
  padding:12px 15px 10px!important;
  border:1px solid #d1aa2b!important;
  border-radius:4px!important;
  background:linear-gradient(105deg,#c89e16,#b88706)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body:not(.backoffice) #account-modal .bonus-wallet>strong{font-size:22px!important;color:#fff!important}
body:not(.backoffice) #account-modal .bonus-wallet>div{border-top-color:#ffffff2e!important;color:#fff!important}
body:not(.backoffice) #account-modal .loyalty-shortcut{
  height:48px!important;
  margin-bottom:10px!important;
  padding:7px 12px!important;
  border:1px solid #c99617!important;
  border-radius:4px!important;
  background:linear-gradient(105deg,#a87908,#c08b08)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body:not(.backoffice) #account-modal :is(.account-group summary,.account-rewards,.account-logout){
  border:0!important;
  border-radius:3px!important;
  background:#2b3554!important;
  color:#eef2ff!important;
  box-shadow:none!important;
}
body:not(.backoffice) #account-modal .account-group summary,
body:not(.backoffice) #account-modal .account-rewards{height:54px!important;padding:16px 14px!important}
body:not(.backoffice) #account-modal .account-group>div{
  padding:15px!important;
  background:#36405f!important;
}
body:not(.backoffice) #account-modal .account-group>div>a{
  padding:7px 10px!important;
  border-left:2px solid #536285!important;
  border-radius:0!important;
  background:transparent!important;
  color:#c8cee0!important;
}
body:not(.backoffice) #account-modal .account-group>div>a.active{
  border-left-color:#3c82ff!important;
  background:#3d496c!important;
  color:#fff!important;
}
body:not(.backoffice) #account-modal .promo-code{
  gap:10px!important;
  margin:0 15px 15px!important;
  padding:10px!important;
  border:0!important;
  border-radius:4px!important;
  background:#27314e!important;
}
body:not(.backoffice) #account-modal .promo-code input{
  height:52px!important;
  border:0!important;
  background:#3a4565!important;
  color:#fff!important;
}
body:not(.backoffice) #account-modal .promo-code button{
  padding:10px 22px!important;
  border:0!important;
  background:#303b5b!important;
  color:#fff!important;
  font-weight:700!important;
}
body:not(.backoffice) #account-modal .account-main,
body:not(.backoffice) #account-modal .account-body,
body:not(.backoffice) #account-modal .personal-details{background:#050a24!important}
body:not(.backoffice) #account-modal .account-title{
  height:49px!important;
  padding:0 15px!important;
  border-bottom:1px solid #3b4667!important;
  background:#222b47!important;
  color:#fff!important;
}
body:not(.backoffice) #account-modal .account-title h1{font-size:14px!important;font-weight:700!important;color:#fff!important}
body:not(.backoffice) #account-modal .account-title>button:last-child{
  width:34px!important;
  height:42px!important;
  padding:0!important;
  background:transparent!important;
  color:#aeb7cd!important;
  font-size:29px!important;
  line-height:1!important;
}
body:not(.backoffice) #account-modal .account-body{padding:15px!important;scrollbar-color:#7180a5 #050a24!important}
body:not(.backoffice) #account-modal .personal-details{min-height:560px!important;padding:12px 16px 28px!important}
body:not(.backoffice) #account-modal .profile-eligibility{padding:10px 0!important;color:#aeb6ca!important}
body:not(.backoffice) #account-modal .profile-eligibility b{color:#7858ff!important}
body:not(.backoffice) #account-modal .personal-grid{gap:6px!important}
body:not(.backoffice) #account-modal .profile-field span{top:8px!important;left:13px!important;color:#818ba8!important}
body:not(.backoffice) #account-modal .profile-field input{
  height:48px!important;
  padding:20px 13px 5px!important;
  border:1px solid #3c496c!important;
  border-radius:3px!important;
  background:#2d3757!important;
  color:#fff!important;
  box-shadow:none!important;
}
body:not(.backoffice) #account-modal .profile-field input:disabled{background:#18203f!important;color:#aeb5ca!important;opacity:1!important}
body:not(.backoffice) #account-modal .profile-field.profile-accent-field input,
body:not(.backoffice) #account-modal .profile-field.profile-accent-field input:disabled{
  background:#303957!important;
  color:#c5cad8!important;
}
body:not(.backoffice) #account-modal .profile-subscribe{
  margin:22px 0 6px!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:#193466!important;
  color:#edf4ff!important;
  text-align:center!important;
}
body:not(.backoffice) #account-modal .profile-subscribe a{color:#fff!important;text-decoration:underline!important}
body:not(.backoffice) #account-modal .profile-save{margin-top:22px!important}
body:not(.backoffice) #account-modal .profile-save .btn-primary{
  width:min(340px,100%)!important;
  min-height:38px!important;
  border:0!important;
  border-radius:4px!important;
  background:linear-gradient(100deg,#3766d1,#2d7eff)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:none!important;
}

@media(max-width:1200px) and (min-width:601px){
 body:not(.backoffice) #account-modal .account-window{grid-template-columns:285px minmax(0,1fr)!important}
}
@media(max-width:600px){
 body:not(.backoffice) #account-modal{width:100%!important;height:100dvh!important;border:0!important;border-radius:0!important}
 body:not(.backoffice) #account-modal .account-window{display:flex!important;grid-template-columns:none!important;flex-direction:column!important}
 body:not(.backoffice) #account-modal .account-window .account-sidebar{display:none!important;border-right:0!important}
 body:not(.backoffice) #account-modal .account-window.mobile-navigation-open .account-sidebar{display:block!important}
 body:not(.backoffice) #account-modal .account-body{padding:8px!important}
 body:not(.backoffice) #account-modal .personal-details{padding:8px!important}
}

/* Personal details content from the supplied reference: subscription choices
   and password confirmation belong to the same compact profile form. */
body:not(.backoffice) #account-modal .profile-section-bar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:24px!important;
  margin:24px 0 6px!important;
  padding:3px 10px!important;
  border-radius:3px!important;
  background:#4b123d!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:18px!important;
  text-align:center!important;
}
body:not(.backoffice) #account-modal .profile-subscriptions{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  min-width:0!important;
  margin:0!important;
  padding:0 1px 5px!important;
  border:0!important;
}
body:not(.backoffice) #account-modal .profile-subscription-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 62px 62px!important;
  align-items:center!important;
  min-height:27px!important;
  color:#cdd2df!important;
  font-size:13px!important;
}
body:not(.backoffice) #account-modal .profile-subscription-row>span{min-width:0!important}
body:not(.backoffice) #account-modal .profile-subscription-row label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
body:not(.backoffice) #account-modal .profile-subscription-row input[type=radio]{
  appearance:auto!important;
  flex:0 0 16px!important;
  width:16px!important;
  min-width:16px!important;
  height:16px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  accent-color:#7135ff!important;
  box-shadow:none!important;
}
body:not(.backoffice) #account-modal .profile-subscriptions+.profile-section-bar{margin-top:0!important}
body:not(.backoffice) #account-modal .profile-password{display:block!important;margin-top:6px!important}
body:not(.backoffice) #account-modal .profile-password input{
  width:100%!important;
  height:49px!important;
  background:#303957!important;
  color:#fff!important;
}
body:not(.backoffice) #account-modal .profile-password+.form-error{min-height:0!important;margin:6px 0 0!important}
body:not(.backoffice) #account-modal .profile-save{margin-top:27px!important}
body:not(.backoffice) #account-modal .profile-save .btn-primary:disabled{
  border-color:#303852!important;
  background:#242c48!important;
  color:#6f768d!important;
  opacity:1!important;
  cursor:not-allowed!important;
}
@media(max-width:600px){
 body:not(.backoffice) #account-modal .profile-section-bar{margin-top:16px!important}
 body:not(.backoffice) #account-modal .profile-subscription-row{grid-template-columns:minmax(0,1fr) 58px 58px!important}
 body:not(.backoffice) #account-modal .profile-save{margin-top:18px!important}
}