.is-home-page .casinoGamesWidget,
.is-home-page .casinoProvidersWidget { min-width: 0; overflow: hidden; }
.is-home-page .layout-content-holder-bc > .hm-row-bc { order: 0 !important; }
.is-home-page .casinoGamesWidget .carouselWrapper { box-sizing: border-box; padding-inline: 12px !important; }
.is-home-page .casinoGamesWidget .swiper-wrapper { justify-content: flex-start !important; }
.is-home-page .casinoGameItemContent { position: relative; min-width: 0; overflow: hidden; border-radius: 8px; container-type: inline-size; }
.is-home-page .casinoGameItemContent .db-game-caption { position: absolute; inset: auto 0 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 100%; height: 40%; padding: 5px 7px 10px; color: #111;  text-align: center; pointer-events: none; }
.is-home-page .db-game-name { font-size: clamp(13px, 9cqw, 21px); font-weight: 900; line-height: 1.08; overflow-wrap: anywhere; }
.is-home-page .db-game-provider { margin-top: 5px; font-size: clamp(10px, 5cqw, 12px); line-height: 1.1; }
.is-home-page .db-play-game { position: absolute; z-index: 5; top: 8px; right: 8px; border: 0; border-radius: 5px; padding: 7px 10px; background: #e9c44d; color: #141414; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: 0 2px 9px #0009; }
.is-home-page .db-play-game:hover { background: #ffe074; }
.casinoGameItemContent { position: relative; }
.casinoGameItem {
  background-image: url('/loader.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 36px auto !important;
}
.casinoGameItemContent > .db-play-game { position: absolute; z-index: 6; top: 8px; right: 8px; display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 30px; border: 0; border-radius: 5px; padding: 6px 9px; background: #e9c44d; color: #141414; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: 0 2px 9px #0009; }
.casinoGameItemContent > .db-play-game:hover,
.casinoGameDetailsPopup .db-detail-play:hover { background: #ffe074; }
.casinoGameItemContent > .db-play-game:disabled,
.casinoGameDetailsPopup .db-detail-play:disabled { opacity: .65; cursor: wait; }
.casinoGameDetailsPopup .cgdActionsWrp { display: flex; align-items: center; gap: 8px; margin-top: 18px; }
.casinoGameDetailsPopup .db-detail-play { min-width: 140px; min-height: 42px; border: 0; border-radius: 5px; padding: 10px 22px; background: #e9c44d; color: #141414; font-family: inherit; font-size: 15px; font-weight: 800; cursor: pointer; }
.casinoGameDetailsPopup .cgdOtherGames .casinoGameItemContent > .db-play-game { top: 3px; right: 3px; min-width: 0; min-height: 21px; padding: 2px 4px; font-size: 9px; }
.casinoGameDetailsPopup .cgdOtherGames .db-game-name { font-size: clamp(8px, 9cqw, 11px); line-height: 1; }
.casinoGameDetailsPopup .cgdOtherGames .db-game-provider { font-size: 8px; }
.casinoGameItemContent[data-db-card-play="true"] { cursor: pointer; }
.casinoGameItemContent[data-db-card-play="true"]:focus-visible { outline: 2px solid #f4eee2; outline-offset: 2px; }
@media (hover: hover) {
  .casinoGameItemContent[data-db-card-play="true"]::after {
    content: "";
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    border: 2px solid #f4eee2;
    border-radius: 50%;
    background: rgba(20, 20, 20, .65);
    box-shadow: 0 4px 24px #0009;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.8);
    transition: opacity .18s ease, transform .18s ease;
  }
  .casinoGameItemContent[data-db-card-play="true"]::before {
    content: "";
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 23px solid #f4eee2;
    opacity: 0;
    pointer-events: none;
    transform: translate(-39%, -50%) scale(.8);
    transition: opacity .18s ease, transform .18s ease;
  }
  .casinoGameItemContent[data-db-card-play="true"]:is(:hover, :focus-visible)::before,
  .casinoGameItemContent[data-db-card-play="true"]:is(:hover, :focus-visible)::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  .casinoGameItemContent[data-db-card-play="true"]:is(:hover, :focus-visible)::before { transform: translate(-39%, -50%) scale(1); }
}
@media (max-width: 700px) { .is-home-page .casinoGamesWidget .carouselWrapper { padding-inline: 8px !important; } }
.is-home-page .layout-content-holder-bc > .hm-row-bc .product-banner-container-bc {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100%;
  height: auto !important;
  align-items: flex-start;
  box-sizing: border-box;
  overflow-x: auto;
  scrollbar-width: none;
}
.is-home-page .layout-content-holder-bc > .hm-row-bc .product-banner-container-bc::-webkit-scrollbar { display: none; }
.is-home-page .layout-content-holder-bc > .hm-row-bc .product-banner-container-bc > div {
  flex: 1 0 0;
  min-width: 150px;
  aspect-ratio: 1;
}
.is-home-page .layout-content-holder-bc > .hm-row-bc .product-banner-container-bc .product-banner-info-bc,
.is-home-page .layout-content-holder-bc > .hm-row-bc .product-banner-container-bc .product-banner-img-bc {
  display: block;
  width: 100%;
  aspect-ratio: 1;
}
.is-home-page .layout-content-holder-bc > .hm-row-bc .product-banner-container-bc .product-banner-info-bc { height: auto !important; }
.is-home-page .layout-content-holder-bc > .hm-row-bc .product-banner-container-bc .product-banner-img-bc { height: auto !important; object-fit: contain; }

/* Provider artwork is stored locally; links use vendor keys from the casino API. */
.is-home-page .db-provider-host > :not(.db-provider-widget) { display: none !important; }
.is-home-page .db-provider-widget { width: 100%; min-width: 0; padding: 4px 0 12px; color: #f4f0e8; }
.is-home-page .db-provider-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.is-home-page .db-provider-header h2 { margin: 0; color: #f0c959; font-size: 21px; font-weight: 800; }
.is-home-page .db-provider-controls { display: flex; gap: 2px; }
.is-home-page .db-provider-controls button { width: 35px; height: 33px; border: 1px solid #625947; background: #222126; color: #e4dfd2; font-size: 27px; line-height: 1; cursor: pointer; }
.is-home-page .db-provider-controls button:first-child { border-radius: 8px 0 0 8px; }
.is-home-page .db-provider-controls button:last-child { border-radius: 0 8px 8px 0; }
.is-home-page .db-provider-track { display: flex; gap: 12px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; scrollbar-width: none; }
.is-home-page .db-provider-track::-webkit-scrollbar { display: none; }
.is-home-page .db-provider-card { position: relative; flex: 0 0 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: 145px; overflow: hidden; border: 1px solid #f0c95980; border-radius: 14px; background: radial-gradient(circle at 50% 30%, var(--db-provider-color), #171619 72%); color: #fff5d5; text-decoration: none; scroll-snap-align: start; transition: transform .18s ease, border-color .18s ease; }
.is-home-page .db-provider-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle, #fff3 1px, transparent 2px) 0 0 / 18px 18px; opacity: .28; pointer-events: none; }
.is-home-page .db-provider-card:hover { transform: translateY(-3px); border-color: #f0c959; }
.is-home-page .db-provider-card img { position: relative; z-index: 1; width: 75%; height: 90px; object-fit: contain; filter: drop-shadow(0 4px 8px #0009); }
.is-home-page .db-provider-card span { position: relative; z-index: 1; font-size: 13px; font-weight: 800; text-align: center; }
@media (max-width: 700px) {
  .is-home-page .db-provider-header h2 { font-size: 18px; }
  .is-home-page .db-provider-card { flex-basis: 140px; height: 112px; }
  .is-home-page .db-provider-card img { height: 66px; }
  .is-home-page .db-provider-card span { font-size: 11px; }
}
.is-home-page .product-banner-without-titles .db-skeleton-banner{position:relative;overflow:hidden;background:#28272a}
.is-home-page .product-banner-without-titles .db-skeleton-banner:not(.db-image-loaded)::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,#29282b 20%,#49474a 45%,#29282b 70%);background-size:220% 100%;animation:db-quicklink-shimmer 1.35s ease-in-out infinite}
.is-home-page .product-banner-without-titles .db-skeleton-banner:not(.db-image-loaded) .product-banner-img-bc{opacity:0}
.is-home-page .product-banner-without-titles .db-skeleton-banner.db-image-loaded .product-banner-img-bc{opacity:1;transition:opacity .2s ease}
@keyframes db-quicklink-shimmer{to{background-position-x:-220%}}
@media(prefers-reduced-motion:reduce){.is-home-page .product-banner-without-titles .db-skeleton-banner::after{animation:none!important}}