@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');




html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: #ebebeb;
}

*:not(i) {
    font-family: 'Montserrat';
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
    color: #252831;
}

.brand-winbet,
.text-winbet {
    color: #e42314;
}

.text-danger {
    color: #e42314 !important;
}

.strapline {
    background: #3a3a3a;
    width: 100%;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
}

.strapline i{
    color: white;
}

.strapline-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 34px;
}

.strapline-side {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
}

.strapline-side-left {
    min-width: 62px;
}

.strapline-side-right {
    justify-content: flex-end;
    min-width: 58px;
    white-space: nowrap;
}

.strapline-center {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ticker-shell {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.ticker-track {
    display: inline-flex;
    align-items: center;
    min-width: max-content;
    will-change: transform;
}

.ticker-track-single {
    min-width: 100%;
    justify-content: center;
}

.ticker-track-animated {
    animation: straplineTicker var(--ticker-duration, 24s) linear infinite;
}

.ticker-item {
    display: inline-flex;
    align-items: center;
    padding-right: 24px;
}

.ticker-link {
    display: inline-flex;
    align-items: center;
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.ticker-link:hover {
    color: white;
    text-decoration: none;
}

.ticker-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    object-fit: contain;
    flex: 0 0 auto;
}

.ticker-text {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
}

.ticker-divider {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 24px;
    line-height: 1;
}

.ticker-divider-line {
    display: inline-block;
    width: 10px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(255, 215, 110, 0.65), rgba(255, 255, 255, 0.18));
}

.ticker-divider-gem {
    display: inline-block;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    border-radius: 1px;
    background: linear-gradient(135deg, #fff0b8 0%, #f3c25c 45%, #c98d28 100%);
    box-shadow: 0 0 8px rgba(243, 194, 92, 0.35);
}

@keyframes straplineTicker {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(calc(var(--ticker-distance, 50%) * -1), 0, 0);
    }
}

.im-fluid {
    width: 100%;
    height: auto;
}

.strapline-admin {
    background: #fff;
    width: 100%;
    height: 34px;
    line-height: 34px;
}



.logobar {
    background: #e42314;
    height: 50px;
    width: 100%;
    text-align: center;
}

.logobar img{
   padding-top: 10px;
   height: 40px;
   margin: 0 auto;
}

.navbar-winbet {
    background: #ebebeb;
    
}



.border-nav {
    border-right: 1px solid #c7c7c7;
}

.navbar {
    padding: 0px;
}


.navbar .nav-link {
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

.jackpot-nav-item {
    position: relative;
}

.jackpot-nav-link-wrap {
    display: flex;
    align-items: center;
}

.jackpot-nav-link {
    padding-right: 0.35rem;
}

.jackpot-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    line-height: 1;
}

.jackpot-dropdown-toggle:focus-visible {
    outline: 2px solid #e42314;
    outline-offset: 2px;
}

.jackpot-dropdown-toggle-icon {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.38em solid currentColor;
    margin-top: 0.1em;
}

.jackpot-dropdown-menu {
    margin-top: 0;
    padding: 0.45rem 0;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    background: #ebebeb;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.14);
    min-width: 250px;
}

.jackpot-dropdown-menu .dropdown-item {
    padding: 0.72rem 1rem;
    color: #4f4f4f;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.jackpot-dropdown-menu .dropdown-item .jackpot-brand {
    color: #e42314 !important;
}

.jackpot-dropdown-menu .dropdown-item .jackpot-label {
    color: #4f4f4f !important;
}

.jackpot-dropdown-menu .dropdown-item:hover,
.jackpot-dropdown-menu .dropdown-item:focus {
    background: #dcdcdc;
    color: #333;
}

.jackpot-dropdown-menu .dropdown-item:hover .jackpot-label,
.jackpot-dropdown-menu .dropdown-item:focus .jackpot-label {
    color: #333 !important;
}

.jackpot-dropdown-menu .dropdown-item:hover .jackpot-brand,
.jackpot-dropdown-menu .dropdown-item:focus .jackpot-brand {
    color: #cc1f12 !important;
}

.navbar .jackpot-nav-item:hover .jackpot-dropdown-menu .jackpot-label,
.navbar .jackpot-nav-item:focus-within .jackpot-dropdown-menu .jackpot-label {
    color: #4f4f4f !important;
}

.navbar .jackpot-nav-item:hover .jackpot-dropdown-menu .jackpot-brand,
.navbar .jackpot-nav-item:focus-within .jackpot-dropdown-menu .jackpot-brand {
    color: #e42314 !important;
}

@media (min-width: 768px) {
    .jackpot-nav-link-wrap.dropdown {
        position: static;
    }

    .jackpot-nav-item {
        position: relative;
    }

    .jackpot-dropdown-menu {
        top: 100%;
        left: 0;
        right: auto;
        margin-top: 0;
    }

    .jackpot-nav-item:hover .jackpot-dropdown-menu,
    .jackpot-nav-item:focus-within .jackpot-dropdown-menu {
        display: block;
        border-radius: 6px;
    }

    .jackpot-dropdown-toggle {
        margin-left: 0.1rem;
    }
}

@media (max-width: 767.98px) {
    .jackpot-nav-link-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .jackpot-nav-link {
        flex: 1 1 auto;
    }

    .jackpot-dropdown-toggle {
        min-width: 32px;
        min-height: 32px;
        margin-left: 0.5rem;
    }

    .jackpot-dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none;
        flex: 0 0 100%;
        width: 100%;
        min-width: 0;
        margin: 0.55rem 0 0.75rem;
        padding: 0.25rem 0;
        border: 0;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        border-radius: 0;
        background: #f3f3f3;
        box-shadow: none;
    }

    .jackpot-dropdown-menu .dropdown-item {
        display: block;
        padding: 0.7rem 0.2rem 0.7rem 0;
        font-size: 14px;
        line-height: 1.2;
        white-space: normal;
    }

    .jackpot-dropdown-menu .dropdown-item + .dropdown-item {
        border-top: 1px solid #e0e0e0;
    }
}

.mobile-nav {
    background: #ebebeb;
    width: 100%; 
    padding: 0px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding-top: 7px;
    padding-bottom: 7px;
}

.mobile-link {
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 2px solid #ebebeb;
    color: #000000A6;
    text-decoration: none;
}

.navbar-toggler {
    position: relative;
    float: left;
    top: 18px;
    left: 10px;
    color: white;
    border: 0px;
}


.navbar {
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.navbar .nav-item {
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 2px solid #ebebeb;
}

.navbar .nav-item:hover {
    border-bottom: 2px solid #e42314;
}

.navbar .nav-item.active {
    border-bottom: 2px solid #e42314;
}

.navbar .show .nav-item.active {
    border-bottom: 0;
}
.navbar .show .nav-item.active * {
    color: #e42314 !important;
}

.navbar .nav-item:hover * {
    color: #e42314 !important;
}

.mobile-link.active {
    color: #e42314 !important;
}

.mobile-link:hover {
    color: #e42314 !important;
    border-bottom: 2px solid #e42314;
}

.winbet-transparent {
    color: #E4231412;

}


.text-winbet {
    color: #e42314;
}

.bg-winbet {
    background: #e42314;
}


.bg-winbet {
    background: #e42314;
}

.bg-silver {
    background: #ebebeb;
}

.border-right-winbet {
    border-right: 8px solid #e42314;
}

.border-left-winbet {
    border-left: 8px solid #e42314;
}

.min-height150 {
    min-height: 150px;
}


.min-height420 {
    min-height: 420px;
}


.height420 {
    height: 420px;
}




.font-700 {
    font-weight: 700;
}

.winbet:before {
    color: #E4231412;
    font-size: 60px;
    font-weight: 600;
    content: 'WINBET';
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    text-align: center !important;
    position: absolute;
    margin-top: -16px;
}

.btn-danger {
    background: #e42314;
    box-shadow: 0px 8px 25px 0px rgba(81.75, 81.75, 81.75, 0.28);
}

.btn-secondary {
    background: #efefef;
    color: black;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: #e9ecef;
}

.padding-rl {
    padding-left: 50px;
    padding-right: 50px;
}

.inverse250 {
    position: relative;
    top: -250px;
}
.inverse150 {
    position: relative;
    margin-bottom: 50px;
}

.footer {
    background: #282828;
    position: relative;
    bottom: 0px !important;
    min-height: 300px;
    margin: 0; 
}

.text-silver {
    color: rgb(168, 168, 168) !important;
}
.text-grey {
    color: #7A7A7A !important;
}

.divider-short {
    border-top: 3px solid white;
    width: 30px;
    margin-bottom: 20px;
}

.casino-link {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
}
.casino-link:hover {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
}

.link {
    color: inherit; /* blue colors for links too */
    text-decoration: none; /* no underline */
}
.link:hover {
    color: inherit; /* blue colors for links too */
    text-decoration: underline; /* no underline */
}

.maps iframe {
    width: 100% !important; 
    height: 100% !important;
}
.casino-thumb {
    width: 100%;
    min-height: 250px;
    background-size: cover;
    background-position: center;
}

.upper {
    text-transform: uppercase;
}


.text-lang {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

@media (max-width: 767.98px) {
    .strapline-inner {
        gap: 8px;
    }

    .strapline-side-left {
        min-width: 54px;
    }

    .strapline-side-right {
        min-width: 48px;
    }

    .ticker-item {
        padding-right: 18px;
    }

    .ticker-link {
        font-size: 11px;
    }

    .ticker-icon {
        width: 14px;
        height: 14px;
        margin-right: 6px;
    }

    .ticker-divider {
        margin-left: 18px;
        gap: 5px;
    }

    .ticker-divider-line {
        width: 8px;
    }

    .ticker-divider-gem {
        width: 5px;
        height: 5px;
    }

    .text-lang {
        font-size: 12px;
    }
}
.casino-img {
    width: 100%;
    height: 400px;
    background-size: cover !important;
    background-position: center !important;
}

.carousel-caption {
    top: 25%;
}

.background-image-top {
    object-fit: cover;
    object-position: top;
    opacity: 0.45;
}

.background-image-center {
    object-fit: cover;
    object-position: center;
    opacity: 0.45;
}

.casino-box {
    background: white;
    width: 90%;
    margin: 0 auto;
    margin-top: -100px;
    box-shadow: 0px 10px 9px -8px rgba(0, 0, 0, 0.36);
    
}

.text-shadow {
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.98);
}

.casino-box h5 {
    font-weight: 500;
}

hr {
    opacity: 7%;
}


#registrationModal {
    z-index: 99999;
}

#registrationModal .modal-content {
    background: url('../images/popup-bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px !important;    
    border-radius: 20px;

}


#registrationModal .modal-footer, #registrationModal .modal-header {
    border: none;
}

.shadow-error {
    box-shadow: 0 2px 12px 0 rgba(255, 215, 0, 0.2), 0 0px 1.5px 1px rgba(255, 184, 28, 0.4), inset 0 0px 12px 0 #dc3545 !important;
}


.lokali-offset {
    position: relative;
    top: -150px;    
}

.pre-formatted {
  white-space: pre;
  line-break: auto;
}



.jackpot-slide {
    width: 100%;
    aspect-ratio: 1920 / 610;
    background-image: url('../assets/mistery-jackpots/mistery-hero-img-new.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}

.kes-bombe-slide {
    width: 100%;
    height: 400px;
    background-image: url('../images/kes_bombe.webp');
}



.reel-text {
    color: white;
    font-size: 70px;
    padding-top: 25px;
    padding-left: 110px;
    font-weight: 600;
}

.text-image-gold {
    width: 500px;
}

.reel-gold {
    width: 800px;
    height: 160px;
    background-image: url('../images/reel-gold.webp');
    background-size: cover;
}

.reel-silver {
    width: 330px;
    height: 66px;
    background-image: url('../images/reel-silver.webp');
    background-size: cover;
}

.reel-bronze {
    width: 330px;
    height: 66px;
    background-image: url('../images/reel-bronze.webp');
    background-size: cover;
}


.reel-text-sm {
    color: white;
    font-size: 25px;
    padding-top: 14px;
    padding-left: 50px;
    font-weight: 600;
}


.input-gold {
    border: 3px solid transparent;
  border-radius: 20px;
  background: 
    linear-gradient(white, white) padding-box,
    linear-gradient(90deg, #fffbe6 0%, #ffd700 40%, #ffae00 80%, #fffbe6 100%) border-box;
  box-shadow: 0 2px 12px 0 rgba(255, 215, 0, 0.2), 0 0px 1.5px 1px rgba(255, 184, 28, 0.4);
  padding: 10px 24px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #7a561d;
  outline: none !important;
  transition: box-shadow 0.25s, border-color 0.25s;
}

.input-gold:focus {
box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.4), 0 2px 12px 0 rgba(255, 215, 0, 0.3);
outline:none !important;
border-color: #eada72;
}

.input-gold::placeholder {
  color: #7a561d;
  opacity: 0.5;
}


.gold-button {
    color: #2f4858;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
                0 3px 6px rgba(110, 80, 20, 0.4),
                inset 0 -2px 5px 1px rgba(139, 66, 8, 1),
                inset 0 -1px 1px 3px rgba(250, 227, 133, 1);
    background-image: linear-gradient(160deg,  #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);

    background-size: 100% 100%;
    background-position: center;
    border: 1px solid #a55d07;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 20px;
    margin: 5px;
    display: inline-flex;
    align-items: center;

    transition: all 0.5s ease;

    justify-content: center;
    text-align: center;
    text-decoration: none;
    
    position: relative;
    overflow: hidden;
  
  flex: 1;

  color: rgb(120, 50, 5);
    text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
    cursor: pointer
}

.gold-button:hover {
    background-size: 150% 150%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
                0 6px 6px rgba(0, 0, 0, 0.23),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250, 227, 133, 1);
    border: 1px solid rgba(165, 93, 7, 0.6);
     color: rgba(120, 50, 5, 0.8);
}

.gold-button:active {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
                0 3px 6px rgba(110, 80, 20, 0.4),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250, 227, 133, 1);
}

/* Shine */

.shine-button {
  position: relative;
  overflow: hidden;
}

.shine-button:after {
	content:'';
    top:0;
	transform:translateX(100%);
	width:100%;
	height:220px;
	position: absolute;
	z-index:1;
	animation: slide 2s infinite;
    opacity: 0.5;

  /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/* shine animation */

@keyframes slide {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(100%);}
}


/* silver button */

.silver-button {
    background-color: rgba(5, 188, 191, 0);
    color: #000000;
    background-image: linear-gradient(180deg, #fefefe 20%, #9f9f9f 80%);
    font-weight: bold;
    padding: 12px 20px;
    border-radius: 12px;
    margin: 5px;
    border-width: 0;
    display: inline-flex;
    align-items: center;
  
    box-shadow: 0 4px 12px 0 #ffffff;
    transition: all 0.5s ease;
  
    justify-content: center;
  text-align: center;
  text-decoration: none;
  
    position: relative;
    overflow: hidden;
  
  flex: 1;
}


.job-image {
    width: 150px;
    height: auto;
}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

}

/* Small devices (landscape phones, less than 768px) */


@media (max-width: 767.98px) {  


.jackpot-slide {
    background-image: url('../assets/mistery-jackpots/jackpot-mistery-hero-mobile.png');
    aspect-ratio: 1080 / 1420;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}

.kes-bombe-slide {
    background-image: url('../images/kes_bombe-mobile.webp');
}

.reel-text {
    color: white;
    font-size: 35px;
    padding-top: 15px;
    padding-left: 55px;
    font-weight: 600;
}

.reel-gold {
    width: 420px;
    height: 84px;
    background-image: url('../images/reel-gold.webp');
    background-size: cover;
}


.text-image-gold {
    width: 300px;
}

.height420 {
    height: 420px;
}

.inverse250 {
    top: -200px;
}

.inverse150 {
    position: relative;
    margin-top: -300px;
    margin-bottom: 50px;
}

.carousel-caption {
    top: 5% !important;
}

.padding-rl {
    padding-left: 10px;
    padding-right: 10px;
}


}


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 

 }

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 

 }

/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 





 }




@media (min-width: 1400px) { 

 /* .input-gold {
  padding: 4px 24px !important;
} */


}


/* ==========================================================================
   components/home-jackpot-widgets-strip.blade.php
   ========================================================================== */

.home-jackpot-widgets-strip {
    width: 100%;
    overflow-x: clip;
}

.home-jackpot-widget {
    position: relative;
    height: auto;
    overflow: hidden;
    background: #000;
}

.home-jackpot-widget-media {
    width: 100%;
    height: auto;
    display: block;
}

.home-jackpot-widget-value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #f3f4f6;
    font-size: clamp(1rem, 1.45vw, 2.45rem);
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

.home-jackpot-widget-value-offset {
    left: 70%;
}

@media (max-width: 767.98px) {
    .home-jackpot-widgets-strip .home-jackpot-widget .home-jackpot-widget-value {
        font-size: 20px;
        letter-spacing: 0;
    }
}

@media (max-width: 359.98px) {
    .home-jackpot-widgets-strip .home-jackpot-widget .home-jackpot-widget-value {
        font-size: 18px;
    }
}


/* ==========================================================================
   components/membership-popup.blade.php
   ========================================================================== */

body:not(.page-home) .home-membership-popup {
    position: fixed;
    inset: 0;
    z-index: 1250;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(8, 8, 12, 0.78);
    backdrop-filter: blur(8px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0.28s ease;
}

body:not(.page-home) .home-membership-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body:not(.page-home) .home-membership-popup-dialog {
    position: relative;
    width: min(100%, 1064px);
    max-height: calc(100dvh - 44px);
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(229, 189, 97, 0.72);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
    transform: translateY(18px) scale(0.97);
    transition: transform 0.28s ease;
}

body:not(.page-home) .home-membership-popup.is-open .home-membership-popup-dialog {
    transform: translateY(0) scale(1);
}

body:not(.page-home) .home-membership-popup-dialog::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(115deg, rgba(229, 189, 97, 0.25), rgba(255, 244, 212, 0.92), rgba(191, 138, 42, 0.82), rgba(255, 244, 212, 0.92), rgba(229, 189, 97, 0.25));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
}

body:not(.page-home) .home-membership-popup-dialog::after {
    content: '';
    position: absolute;
    inset: -8%;
    background: linear-gradient(110deg, transparent 28%, rgba(255, 245, 214, 0.08) 42%, rgba(255, 245, 214, 0.42) 50%, rgba(255, 245, 214, 0.08) 58%, transparent 72%);
    transform: translateX(-135%);
    animation: homeMembershipShimmer 5.2s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

body:not(.page-home) .home-membership-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

body:not(.page-home) .home-membership-popup-close:hover,
body:not(.page-home) .home-membership-popup-close:focus-visible {
    background: rgba(255, 255, 255, 0.18);
    transform: scale(1.04);
    outline: none;
}

body:not(.page-home) .home-membership-popup-content {
    position: relative;
    z-index: 0;
    max-height: calc(100dvh - 44px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: clamp(34px, 4vw, 54px) clamp(42px, 4.8vw, 64px);
    background:
        radial-gradient(circle at 72% 34%, rgba(255, 198, 146, 0.42), rgba(255, 198, 146, 0) 20%),
        radial-gradient(circle at 18% 78%, rgba(255, 164, 129, 0.16), rgba(255, 164, 129, 0) 18%),
        linear-gradient(rgba(18, 16, 24, 0.22), rgba(18, 16, 24, 0.22)),
        url('../assets/home-widgets/form-background.png') center/cover no-repeat;
    color: #fff;
}

body:not(.page-home) .home-membership-popup-panel {
    position: relative;
    max-width: 860px;
    margin: 0 auto;
    padding: clamp(32px, 4vw, 52px) clamp(22px, 3vw, 46px) clamp(28px, 3vw, 40px);
    background: transparent;
}

body:not(.page-home) .home-membership-popup-header {
    max-width: 760px;
    margin: 0 auto clamp(22px, 2.8vw, 30px);
    text-align: center;
}

body:not(.page-home) .home-membership-popup-title {
    margin: 0;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: clamp(1.7rem, 3.4vw, 3rem);
    font-weight: 400;
    line-height: 1.08;
    text-transform: uppercase;
}

body:not(.page-home) .home-membership-popup-title-highlight {
    display: inline-block;
    margin: 0 0.16em;
    padding: 0.08em 0.26em 0.12em;
    border-radius: 6px;
    background: #e42314;
    color: #fff;
    font-weight: 700;
    line-height: 0.95;
}

body:not(.page-home) .home-membership-popup-subtitle {
    margin: 10px 0 0;
    font-family: Arial, sans-serif;
    font-size: clamp(1rem, 1.8vw, 1.7rem);
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

body:not(.page-home) .home-membership-popup-form {
    max-width: 760px;
    margin: 0 auto;
}

body:not(.page-home) .home-membership-popup-form.is-invalid .home-membership-popup-submit {
    opacity: 0.6;
}

body:not(.page-home) .home-membership-popup-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(14px, 1.8vw, 22px);
    margin-bottom: clamp(14px, 1.8vw, 20px);
}

body:not(.page-home) .home-membership-popup-field,
body:not(.page-home) .home-membership-popup-field-full {
    width: 100%;
    height: clamp(52px, 5vw, 68px);
    border-radius: 16px;
    border: 2px solid rgba(230, 234, 255, 0.58);
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    padding: 0 18px;
    font-size: 1rem;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12);
}

body:not(.page-home) .home-membership-popup-field::selection,
body:not(.page-home) .home-membership-popup-field-full::selection {
    background: rgba(255, 255, 255, 0.28);
}

body:not(.page-home) .home-membership-popup-field option,
body:not(.page-home) .home-membership-popup-field-full option {
    color: #1c1c22;
    background: #ffffff;
}

body:not(.page-home) .home-membership-popup-field[name="club_id"] {
    color: #ffffff;
}

body:not(.page-home) .home-membership-popup-field-full {
    margin-bottom: clamp(14px, 1.8vw, 20px);
}

body:not(.page-home) .home-membership-popup-field::placeholder,
body:not(.page-home) .home-membership-popup-field-full::placeholder {
    color: rgba(255, 255, 255, 0.82);
}

body:not(.page-home) .home-membership-popup-field:focus,
body:not(.page-home) .home-membership-popup-field-full:focus {
    outline: none;
    border-color: rgba(255, 243, 212, 0.92);
    box-shadow: 0 0 0 3px rgba(255, 224, 164, 0.18);
}

body:not(.page-home) .home-membership-popup-field.is-error,
body:not(.page-home) .home-membership-popup-field-full.is-error {
    border-color: rgba(255, 126, 126, 0.95);
    box-shadow: 0 0 0 3px rgba(255, 112, 112, 0.12);
}

body:not(.page-home) .home-membership-popup-date {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.25fr) minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
}

body:not(.page-home) .home-membership-popup-date-select {
    min-width: 0;
    padding: 0 10px;
    cursor: pointer;
}

body:not(.page-home) .home-membership-popup-warning {
    display: none;
    margin: 0 0 16px;
    color: #ffd7d7;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.45;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(136, 20, 20, 0.34);
    border: 1px solid rgba(255, 168, 168, 0.28);
}

body:not(.page-home) .home-membership-popup-warning.is-visible {
    display: block;
}

body:not(.page-home) .home-membership-popup-success {
    display: none;
    margin: 0 0 16px;
    color: #dff7df;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.45;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(28, 104, 49, 0.34);
    border: 1px solid rgba(166, 235, 180, 0.28);
}

body:not(.page-home) .home-membership-popup-success.is-visible {
    display: block;
}

body:not(.page-home) .home-membership-popup-copy {
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.92);
    text-align: center;
    font-size: clamp(0.95rem, 1.2vw, 1.05rem);
    line-height: 1.55;
}

body:not(.page-home) .home-membership-popup-checks {
    display: grid;
    gap: 12px;
    margin-bottom: 24px;
}

body:not(.page-home) .home-membership-popup-check {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: start;
    color: rgba(255, 255, 255, 0.95);
    font-size: clamp(0.85rem, 1vw, 0.95rem);
    line-height: 1.45;
}

body:not(.page-home) .home-membership-popup-check input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #e42314;
}

body:not(.page-home) .home-membership-popup-submit-wrap {
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

body:not(.page-home) .home-membership-popup-submit {
    min-width: clamp(210px, 24vw, 300px);
    box-shadow: 0 16px 32px rgba(228, 35, 20, 0.3);
    transition: opacity 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

body:not(.page-home) .home-membership-popup-submit:disabled {
    cursor: not-allowed;
    opacity: 0.45;
    filter: grayscale(0.15) saturate(0.7);
    box-shadow: 0 10px 22px rgba(255, 255, 255, 0.08);
}

@keyframes homeMembershipShimmer {
    0%, 100% {
        transform: translateX(-135%);
        opacity: 0;
    }
    16% {
        opacity: 0.18;
    }
    46% {
        transform: translateX(135%);
        opacity: 0.65;
    }
    60% {
        opacity: 0;
    }
}

@media (max-width: 767.98px) {
    body:not(.page-home) .home-membership-popup {
        align-items: flex-start;
        overflow-y: auto;
        padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
    }

    body:not(.page-home) .home-membership-popup-dialog {
        width: 100%;
        max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
        margin: auto 0;
        border-radius: 18px;
    }

    body:not(.page-home) .home-membership-popup-content {
        max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
        padding: 18px 10px calc(18px + env(safe-area-inset-bottom));
    }

    body:not(.page-home) .home-membership-popup-panel {
        padding: 42px 4px 10px;
    }

    body:not(.page-home) .home-membership-popup-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 10px;
    }

    body:not(.page-home) .home-membership-popup-header {
        margin-bottom: 16px;
    }

    body:not(.page-home) .home-membership-popup-title {
        font-size: clamp(1.45rem, 7.2vw, 2rem);
    }

    body:not(.page-home) .home-membership-popup-subtitle {
        margin-top: 7px;
        font-size: clamp(0.82rem, 3.8vw, 1rem);
    }

    body:not(.page-home) .home-membership-popup-field,
    body:not(.page-home) .home-membership-popup-field-full {
        height: 50px;
        border-radius: 13px;
        padding: 0 14px;
        font-size: 0.94rem;
    }

    body:not(.page-home) .home-membership-popup-field-full {
        margin-bottom: 12px;
    }

    body:not(.page-home) .home-membership-popup-date {
        gap: 6px;
    }

    body:not(.page-home) .home-membership-popup-date-select {
        padding: 0 7px;
        font-size: 0.82rem;
    }

    body:not(.page-home) .home-membership-popup-copy {
        margin-bottom: 12px;
        font-size: 0.82rem;
        line-height: 1.4;
    }

    body:not(.page-home) .home-membership-popup-checks {
        gap: 10px;
        margin-bottom: 14px;
    }

    body:not(.page-home) .home-membership-popup-check {
        gap: 9px;
        font-size: 0.78rem;
        line-height: 1.35;
    }

    body:not(.page-home) .home-membership-popup-check input {
        width: 20px;
        height: 20px;
        margin-top: 0;
        flex: 0 0 auto;
    }

    body:not(.page-home) .home-membership-popup-submit-wrap {
        position: sticky;
        bottom: calc(-18px - env(safe-area-inset-bottom));
        z-index: 4;
        margin: 0 -4px;
        padding: 12px 4px calc(18px + env(safe-area-inset-bottom));
        background: linear-gradient(to bottom, rgba(47, 45, 53, 0), rgba(47, 45, 53, 0.96) 24%);
    }

    body:not(.page-home) .home-membership-popup-submit {
        width: 100%;
        min-width: 0;
    }

    body:not(.page-home) .home-membership-popup-close {
        position: fixed;
        top: max(18px, env(safe-area-inset-top));
        right: 18px;
        width: 38px;
        height: 38px;
        background: rgba(12, 12, 16, 0.7);
    }
}


/* ==========================================================================
   blog/archive.blade.php
   ========================================================================== */

.blog-card-thumb {
    height: 220px;
    object-fit: cover;
}

.blog-card-title {
    min-height: 3rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card-summary {
    min-height: 4.3rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* ==========================================================================
   blog/show.blade.php
   ========================================================================== */

.blog-card-thumb {
    height: 220px;
    object-fit: cover;
}

.blog-card-title {
    min-height: 3rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card-summary {
    min-height: 4.3rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-body-content .image.image-style-align-left,
.blog-body-content .image.image-style-align-right,
.blog-body-content .image.image-style-side {
    width: 50% !important;
    max-width: 50% !important;
    box-sizing: border-box;
}

.blog-body-content .image.image-style-align-left img,
.blog-body-content .image.image-style-align-right img,
.blog-body-content .image.image-style-align-center img,
.blog-body-content .image.image-style-side img {
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
    border-radius: 6px;
}

.blog-body-content .image.image-style-align-left,
.blog-body-content .image.image-style-side {
    float: left;
    padding-right: 1rem;
    margin-bottom: 0.75rem;
}

.blog-body-content .image.image-style-align-right {
    float: right;
    padding-left: 1rem;
    margin-bottom: 0.75rem;
}

.blog-body-content .image img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767.98px) {
    .blog-body-content .image.image-style-align-left,
    .blog-body-content .image.image-style-align-right,
    .blog-body-content .image.image-style-side,
    .blog-body-content .image.image-style-align-center {
        float: none;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
}


/* ==========================================================================
   casinos/list.blade.php
   ========================================================================== */

@media (max-width: 767.98px) {
  .casino-list-page-content {
    margin-top: 0;
  }
}


/* ==========================================================================
   casinos/view.blade.php
   ========================================================================== */

.casino-single-page {
  --casino-bg:
    radial-gradient(circle at top left, rgba(228, 35, 20, 0.22), transparent 28%),
    radial-gradient(circle at top right, rgba(199, 154, 39, 0.22), transparent 24%),
    linear-gradient(180deg, #06080c 0%, #111723 24%, #161d29 100%);
  --casino-text: #eef2f7;
  --casino-text-strong: #ffffff;
  --casino-text-muted: rgba(255, 255, 255, 0.82);
  --casino-text-soft: rgba(239, 242, 247, 0.78);
  --casino-text-faint: rgba(255, 255, 255, 0.62);
  --casino-text-label: rgba(255, 255, 255, 0.54);
  --casino-border: rgba(255, 255, 255, 0.08);
  --casino-border-strong: rgba(255, 255, 255, 0.12);
  --casino-panel-bg: rgba(12, 16, 22, 0.68);
  --casino-card-bg: linear-gradient(180deg, rgba(20, 28, 41, 0.96), rgba(11, 16, 24, 0.98));
  --casino-card-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
  --casino-accent: #ff7469;
  --casino-chip-bg: rgba(255, 255, 255, 0.03);
  --casino-chip-border: rgba(255, 255, 255, 0.12);
  background:
    var(--casino-bg);
  color: var(--casino-text);
}

.casino-single-page[data-theme='light'] {
  --casino-bg:
    radial-gradient(circle at top left, rgba(228, 35, 20, 0.12), transparent 26%),
    radial-gradient(circle at top right, rgba(255, 215, 120, 0.22), transparent 24%),
    linear-gradient(180deg, #e8eaec 0%, #e8eaec 100%);
  --casino-text: #1c2430;
  --casino-text-strong: #0f1722;
  --casino-text-muted: rgba(28, 36, 48, 0.82);
  --casino-text-soft: rgba(28, 36, 48, 0.76);
  --casino-text-faint: rgba(28, 36, 48, 0.66);
  --casino-text-label: rgba(28, 36, 48, 0.58);
  --casino-border: rgba(28, 36, 48, 0.1);
  --casino-border-strong: rgba(28, 36, 48, 0.14);
  --casino-panel-bg: rgba(255, 255, 255, 0.72);
  --casino-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 242, 235, 0.98));
  --casino-card-shadow: 0 24px 70px rgba(121, 93, 61, 0.12);
  --casino-accent: #c52d1f;
  --casino-chip-bg: rgba(255, 255, 255, 0.7);
  --casino-chip-border: rgba(28, 36, 48, 0.1);
}

.casino-winbet-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: max-content;
  padding: 0.14em 0.48em;
  border-radius: 0.32em;
  background: #e42314;
  color: #fff !important;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(228, 35, 20, 0.24);
}

.casino-winbet-badge-inline {
  font-size: 0.72em;
  vertical-align: middle;
}

.casino-single-story-pill > span .casino-winbet-badge,
.casino-single-kicker .casino-winbet-badge,
.casino-single-ambience-chip .casino-winbet-badge {
  width: fit-content;
  max-width: max-content;
}

.casino-single-page .home-jackpot-widget {
  border-top: 1px solid var(--casino-border);
  border-bottom: 1px solid var(--casino-border);
}

.casino-single-hero {
  min-height: 92vh;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: flex-end;
}

.casino-single-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.12) 55%, rgba(0, 0, 0, 0.58) 100%);
  pointer-events: none;
}

.casino-single-page[data-theme='light'] .casino-single-hero::after {
  background:
    linear-gradient(90deg, rgba(17, 23, 35, 0.26) 0%, rgba(17, 23, 35, 0.12) 55%, rgba(17, 23, 35, 0.32) 100%);
}

.casino-single-hero-inner {
  position: relative;
  z-index: 1;
  padding-top: 140px;
  padding-bottom: 56px;
}

.casino-single-kicker,
.casino-single-eyebrow {
  display: inline-block;
  margin-bottom: 0.85rem;
  color: #ffd56c;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.casino-single-page[data-theme='light'] .casino-single-kicker {
  color: #fff3c4;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.28);
}

.casino-single-hero h1 {
  max-width: 900px;
  margin-bottom: 1rem;
  color: var(--casino-text-strong);
  font-size: clamp(2.6rem, 7vw, 5.6rem);
  font-weight: 800;
  line-height: 0.96;
  text-transform: uppercase;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

.casino-single-page[data-theme='light'] .casino-single-hero h1,
.casino-single-page[data-theme='light'] .casino-single-hero-copy {
  color: #ffffff;
}

.casino-single-page[data-theme='light'] .casino-single-hero h1 {
  text-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.casino-single-page[data-theme='light'] .casino-single-hero-copy {
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.24);
}

.casino-single-hero-copy {
  max-width: 680px;
  margin-bottom: 1.75rem;
  color: var(--casino-text-muted);
  font-size: 1.05rem;
  line-height: 1.8;
}

.casino-single-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-bottom: 2rem;
}

.casino-single-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.95rem 1.35rem;
  border-radius: 999px;
  border: 1px solid var(--casino-border-strong);
}

.casino-single-hero-panels {
  max-width: 1080px;
}

.casino-single-hero-panel {
  height: 100%;
  padding: 1.15rem 1.2rem;
  border: 1px solid var(--casino-border-strong);
  border-radius: 24px;
  background: var(--casino-panel-bg);
  backdrop-filter: blur(16px);
  box-shadow: var(--casino-card-shadow);
}

.casino-single-hero-panel small {
  display: block;
  margin-bottom: 0.4rem;
  color: var(--casino-text-faint);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.casino-single-hero-panel strong {
  color: var(--casino-text-strong);
  font-size: 1rem;
  line-height: 1.5;
}

.casino-single-page[data-theme='light'] .casino-single-hero-panel {
  background: #e8eaec;
  box-shadow: 0 18px 44px rgba(199, 154, 39, 0.14);
}

.casino-mystery-pair-section {
  padding: 2.1rem 0 0.5rem;
}

.casino-mystery-pair-head {
  margin-bottom: 1.75rem;
}

.casino-mystery-pair-head h2 {
  color: var(--casino-text-strong);
  font-size: clamp(1.8rem, 3vw, 3rem);
  font-weight: 800;
}

.casino-mystery-card {
  padding: 1.25rem;
  text-align: center;
  container-type: inline-size;
}

.casino-mystery-card-image {
  display: block;
  width: 100%;
  height: auto;
}

.casino-mystery-logo {
  display: block;
  height: auto;
  margin: 0 auto 1cqw;
}

.casino-mystery-logo-sapphire {
  width: 78%;
}

.casino-mystery-logo-onyx {
  width: 62%;
}

.casino-mystery-frame {
  position: relative;
}

.casino-mystery-value {
  position: absolute;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 9cqw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}

/* centre of the blue field in sapphire-mystery-frame.png */
.casino-mystery-value-sapphire {
  top: 43.5%;
  left: 53.3%;
  width: 62%;
}

.casino-mystery-value-onyx {
  top: 40%;
  left: 54%;
  width: 66%;
}

.casino-local-promos {
  display: grid;
  gap: 1.35rem;
  margin-top: 2.2rem;
  min-width: 0;
  max-width: 100%;
}

.casino-local-promos-side,
.casino-local-promos-slider-card,
.casino-local-promos-cards,
.casino-local-promos-banner {
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid var(--casino-border);
  border-radius: 28px;
  background: rgba(4, 8, 19, 0.78);
  box-shadow: var(--casino-card-shadow);
  line-height: 0;
}

.casino-local-promos-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.casino-local-promos-banner {
  position: relative;
}

.casino-local-membership-button {
  position: absolute;
  left: clamp(2.6rem, 7.8vw, 7.2rem);
  bottom: clamp(1.9rem, 5.5vw, 5.1rem);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(150px, 16vw, 230px);
  padding: clamp(0.75rem, 1.05vw, 1rem) clamp(1.35rem, 2.4vw, 2.35rem);
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(228, 35, 20, 0.32);
}

.casino-local-promos-side {
  color: inherit;
  text-decoration: none;
}

.casino-local-promos-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
  gap: 1.35rem;
  align-items: stretch;
  min-width: 0;
  max-width: 100%;
}

.casino-local-promos-slider-card {
  overflow: hidden;
  padding: clamp(0.5rem, 1vw, 0.8rem);
}

.casino-win-spin-swiper {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-radius: 22px;
}

.casino-win-spin-swiper .swiper-wrapper {
  align-items: stretch;
}

.casino-win-spin-swiper .swiper-slide {
  height: auto;
  min-width: 0;
}

.casino-win-spin-swiper .win-the-spin-prize-card,
.casino-win-spin-swiper .win-the-spin-prize-card-2,
.casino-win-spin-swiper .win-the-spin-prize-card-3 {
  position: relative;
  width: 100%;
  margin: 0;
  --win-the-spin-live-number-min: 0.55rem;
  --win-the-spin-live-number-fluid: 1.45vw;
  --win-the-spin-live-number-max: 1.15rem;
  --win-the-spin-live-number-stroke: 0.55px;
  --win-the-spin-progress-min: 0.85rem;
  --win-the-spin-progress-fluid: 2.55vw;
  --win-the-spin-progress-max: 2.55rem;
  --win-the-spin-progress-stroke-min: 0.45px;
  --win-the-spin-progress-stroke-fluid: 0.06vw;
  --win-the-spin-progress-stroke-max: 0.8px;
  --win-the-spin-selected-min: 0.82rem;
  --win-the-spin-selected-fluid: 2.45vw;
  --win-the-spin-selected-max: 2.45rem;
  --win-the-spin-selected-stroke-min: 0.45px;
  --win-the-spin-selected-stroke-fluid: 0.06vw;
  --win-the-spin-selected-stroke-max: 0.8px;
  --win-the-spin-last-min: 0.56rem;
  --win-the-spin-last-fluid: 1.35vw;
  --win-the-spin-last-max: 1.2rem;
  --win-the-spin-last-stroke-min: 0.28px;
  --win-the-spin-last-stroke-fluid: 0.04vw;
  --win-the-spin-last-stroke-max: 0.55px;
  --win-the-spin-last-first-min: 0.9rem;
  --win-the-spin-last-first-fluid: 2.15vw;
  --win-the-spin-last-first-max: 1.9rem;
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.34));
}

.casino-win-spin-swiper .win-the-spin-prize-card-image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
}

.casino-win-spin-swiper .win-the-spin-prize-card-shadow {
  display: none;
}

.casino-win-spin-swiper .win-the-spin-live-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.casino-win-spin-swiper .win-the-spin-live-number,
.casino-win-spin-swiper .win-the-spin-progress-count,
.casino-win-spin-swiper .win-the-spin-selected-count,
.casino-win-spin-swiper .win-the-spin-last-number {
  position: absolute;
  transform: translate(-50%, -50%);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
}

.casino-win-spin-swiper .win-the-spin-live-number {
  font-size: clamp(var(--win-the-spin-live-number-min), var(--win-the-spin-live-number-fluid), var(--win-the-spin-live-number-max));
  -webkit-text-stroke: var(--win-the-spin-live-number-stroke) #ffffff;
  text-shadow:
    0 1px 0 #ffffff,
    0 2px 4px rgba(0, 0, 0, 0.95),
    0 0 8px rgba(0, 0, 0, 0.7);
}

.casino-win-spin-swiper .win-the-spin-live-number-red {
  color: #e81916;
}

.casino-win-spin-swiper .win-the-spin-live-number-black {
  color: #101010;
}

.casino-win-spin-swiper .win-the-spin-live-number-green {
  color: #11a845;
}

.casino-win-spin-swiper .win-the-spin-live-number-neutral {
  color: #ffffff;
}

.casino-win-spin-swiper .win-the-spin-hot-number-1,
.casino-win-spin-swiper .win-the-spin-cold-number-1 {
  left: 5.75%;
}

.casino-win-spin-swiper .win-the-spin-hot-number-2,
.casino-win-spin-swiper .win-the-spin-cold-number-2 {
  left: 15%;
}

.casino-win-spin-swiper .win-the-spin-hot-number-3,
.casino-win-spin-swiper .win-the-spin-cold-number-3 {
  left: 24.25%;
}

.casino-win-spin-swiper .win-the-spin-hot-number-4,
.casino-win-spin-swiper .win-the-spin-cold-number-4 {
  left: 33.5%;
}

.casino-win-spin-swiper .win-the-spin-hot-number-5,
.casino-win-spin-swiper .win-the-spin-cold-number-5 {
  left: 43.4%;
}

.casino-win-spin-swiper .win-the-spin-hot-number {
  top: 15.5%;
}

.casino-win-spin-swiper .win-the-spin-cold-number {
  top: 88.2%;
}

.casino-win-spin-swiper .win-the-spin-progress-count {
  top: 43.4%;
  left: 72.7%;
  color: #f5f5f5;
  font-size: clamp(var(--win-the-spin-progress-min), var(--win-the-spin-progress-fluid), var(--win-the-spin-progress-max));
  -webkit-text-stroke: clamp(var(--win-the-spin-progress-stroke-min), var(--win-the-spin-progress-stroke-fluid), var(--win-the-spin-progress-stroke-max)) rgba(0, 0, 0, 0.55);
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.75);
}

.casino-win-spin-swiper .win-the-spin-selected-count {
  top: 61.8%;
  left: 72.7%;
  color: #ffffff;
  font-size: clamp(var(--win-the-spin-selected-min), var(--win-the-spin-selected-fluid), var(--win-the-spin-selected-max));
  -webkit-text-stroke: clamp(var(--win-the-spin-selected-stroke-min), var(--win-the-spin-selected-stroke-fluid), var(--win-the-spin-selected-stroke-max)) rgba(0, 0, 0, 0.65);
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.85);
}

.casino-win-spin-swiper .win-the-spin-last-number {
  top: 92.9%;
  font-size: clamp(var(--win-the-spin-last-min), var(--win-the-spin-last-fluid), var(--win-the-spin-last-max));
  -webkit-text-stroke: clamp(var(--win-the-spin-last-stroke-min), var(--win-the-spin-last-stroke-fluid), var(--win-the-spin-last-stroke-max)) #ffffff;
  text-shadow:
    0 1px 0 #ffffff,
    0 2px 3px rgba(0, 0, 0, 0.95);
}

.casino-win-spin-swiper .win-the-spin-last-number-1 {
  left: 53.8%;
  font-size: clamp(var(--win-the-spin-last-first-min), var(--win-the-spin-last-first-fluid), var(--win-the-spin-last-first-max));
}

.casino-win-spin-swiper .win-the-spin-last-number-2 { left: 59%; }
.casino-win-spin-swiper .win-the-spin-last-number-3 { left: 63.2%; }
.casino-win-spin-swiper .win-the-spin-last-number-4 { left: 67.4%; }
.casino-win-spin-swiper .win-the-spin-last-number-5 { left: 71.6%; }
.casino-win-spin-swiper .win-the-spin-last-number-6 { left: 75.8%; }
.casino-win-spin-swiper .win-the-spin-last-number-7 { left: 80%; }
.casino-win-spin-swiper .win-the-spin-last-number-8 { left: 84.2%; }
.casino-win-spin-swiper .win-the-spin-last-number-9 { left: 88.4%; }
.casino-win-spin-swiper .win-the-spin-last-number-10 { left: 92.6%; }

.casino-local-promos-cards {
  padding: clamp(1.25rem, 2vw, 2rem);
  line-height: normal;
}

.casino-local-promos-cards .cards-jackpots-stack {
  position: relative;
  width: min(100%, 1150px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.casino-local-promos-cards .cards-jackpot-card {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.casino-local-promos-cards .cards-jackpot-image {
  display: block;
  width: 100%;
  height: auto;
}

.casino-local-promos-cards .cards-jackpot-value {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 0.7vw, 14px);
  margin-top: 0;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.55);
}

.casino-local-promos-cards .cards-jackpot-value-text {
  display: block;
}

.casino-local-promos-cards .cards-jackpot-currency {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Montserrat, sans-serif;
  font-size: 0.26em;
  font-weight: 700;
  line-height: 0.82;
  letter-spacing: 0.08em;
}

.casino-local-promos-cards .cards-jackpot-currency span {
  display: block;
}

.casino-local-promos-cards .cards-jackpot-card-spades {
  width: 100%;
  z-index: 1;
}

.casino-local-promos-cards .cards-jackpot-card-spades .cards-jackpot-value {
  font-size: clamp(1.85rem, 4.1vw, 4.8rem);
}

.casino-local-promos-cards .cards-jackpot-card-hearts {
  width: 84%;
  margin-top: -19%;
  z-index: 2;
  margin-left: 35px;
}

.casino-local-promos-cards .cards-jackpot-card-hearts .cards-jackpot-value {
  font-size: clamp(1.75rem, 3.85vw, 4.5rem);
  margin-top: clamp(-82px, -4.8vw, -24px);
  margin-left: clamp(22px, 5.8vw, 110px);
}

.casino-local-promos-cards .cards-jackpot-card-diamonds {
  width: 72%;
  margin-top: -22%;
  z-index: 3;
}

.casino-local-promos-cards .cards-jackpot-card-diamonds .cards-jackpot-value {
  font-size: clamp(1.55rem, 3.3vw, 4rem);
}

.casino-local-promos-cards .cards-jackpot-card-clubs {
  width: 58%;
  margin-top: -8%;
  z-index: 4;
}

.casino-local-promos-cards .cards-jackpot-card-clubs .cards-jackpot-value {
  font-size: clamp(1.3rem, 2.85vw, 3.35rem);
}

.casino-local-promos-side.casino-local-promos-cards {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 1.35vw, 1.45rem);
}

.casino-local-promos-side.casino-local-promos-cards .cards-jackpots-stack {
  width: min(100%, 430px);
}

.casino-local-promos-side.casino-local-promos-cards .cards-jackpot-card-hearts {
  width: 86%;
  margin-top: -17%;
  margin-left: 18px;
}

.casino-local-promos-side.casino-local-promos-cards .cards-jackpot-card-diamonds {
  width: 76%;
  margin-top: -21%;
}

.casino-local-promos-side.casino-local-promos-cards .cards-jackpot-card-clubs {
  width: 64%;
  margin-top: -6%;
}

.casino-local-promos-side.casino-local-promos-cards .cards-jackpot-card-spades .cards-jackpot-value {
  font-size: clamp(1.8rem, 3.05vw, 3.05rem);
}

.casino-local-promos-side.casino-local-promos-cards .cards-jackpot-card-hearts .cards-jackpot-value {
  font-size: clamp(1.65rem, 2.75vw, 2.75rem);
  margin-top: clamp(-28px, -1.7vw, -12px);
  margin-left: clamp(12px, 2.2vw, 32px);
}

.casino-local-promos-side.casino-local-promos-cards .cards-jackpot-card-diamonds .cards-jackpot-value {
  font-size: clamp(1.45rem, 2.35vw, 2.35rem);
}

.casino-local-promos-side.casino-local-promos-cards .cards-jackpot-card-clubs .cards-jackpot-value {
  font-size: clamp(1.2rem, 2vw, 2rem);
}

.casino-single-shell {
  position: relative;
  margin-top: -24px;
  padding: 2.25rem 0 4.5rem;
}

.casino-single-card {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 1.6rem;
  border: 1px solid var(--casino-border);
  border-radius: 30px;
  background: var(--casino-card-bg);
  box-shadow: var(--casino-card-shadow);
}

.casino-single-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.casino-single-section-head h2,
.casino-single-card h2 {
  margin: 0;
  color: var(--casino-text-strong);
  font-size: clamp(1.5rem, 2.4vw, 2.35rem);
  font-weight: 800;
  line-height: 1.08;
}

.casino-single-inline-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--casino-accent);
  font-weight: 700;
  text-decoration: none;
}

.casino-main-swiper {
  border-radius: 26px;
  overflow: hidden;
  background: #050608;
}

.casino-slide-button,
.casino-thumb-button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.casino-slide-button {
  aspect-ratio: 2 / 1;
  background: #050608;
}

.casino-slide-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.casino-thumbs-swiper {
  margin-top: 1rem;
}

.casino-thumbs-swiper .swiper-slide {
  width: 108px;
  opacity: 0.46;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.casino-thumbs-swiper .swiper-slide-thumb-active {
  opacity: 1;
  transform: translateY(-2px);
}

.casino-thumb-button {
  aspect-ratio: 2 / 1;
  border: 1px solid var(--casino-border-strong);
  border-radius: 18px;
  overflow: hidden;
}

.casino-thumb-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.casino-single-stack {
  display: grid;
  gap: 1.5rem;
}

.casino-single-story-card p,
.casino-single-richtext-body,
.casino-contact-line strong,
.casino-contact-line a {
  color: var(--casino-text-soft);
  line-height: 1.8;
}

.casino-single-story-card h2 {
  margin-bottom: 1.15rem;
}

.casino-single-services-card {
  text-align: center;
}

.casino-single-partner-card {
  position: relative;
  overflow: hidden;
  min-height: 280px;
  border-radius: 30px;
  box-shadow: 0 24px 65px rgba(0, 0, 0, 0.18);
}

.casino-single-partner-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
}

.casino-single-partner-copy {
  position: absolute;
  top: 50%;
  right: clamp(1.4rem, 3vw, 2.8rem);
  width: min(36%, 300px);
  transform: translateY(-50%);
  text-align: left;
  z-index: 1;
}

.casino-single-partner-intro {
  margin-bottom: 0.8rem;
  color: #34363d;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
}

.casino-single-partner-copy h3 {
  margin: 0;
  color: #34363d;
  font-size: clamp(2rem, 3vw, 3.1rem);
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1;
}

.casino-single-services-title {
  display: block;
  margin-bottom: 1.2rem;
  color: #d3c49a;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.casino-single-services-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 0.8rem;
}

.casino-single-service-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  padding: 0.35rem 0.2rem;
}

.casino-single-service-item img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.casino-single-service-item span {
  color: var(--casino-text-soft);
  font-size: 0.88rem;
  line-height: 1.35;
}

.casino-single-story-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 1.4rem;
}

.casino-single-story-pill {
  padding: 1rem 1rem 0.95rem;
  border-radius: 22px;
  background: var(--casino-chip-bg);
  border: 1px solid var(--casino-border);
}

.casino-single-story-pill span {
  display: block;
  margin-bottom: 0.3rem;
  color: var(--casino-text-label);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.casino-single-story-pill strong {
  color: var(--casino-text-strong);
  font-size: 0.96rem;
  line-height: 1.5;
}

.casino-single-contact-card,
.casino-single-map-card,
.casino-single-richtext {
  min-height: 100%;
}

.casino-contact-line {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem 0;
  border-bottom: 1px solid var(--casino-border);
}

.casino-contact-line:last-of-type {
  border-bottom: 0;
}

.casino-contact-line i {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(228, 35, 20, 0.14);
  color: #ff5f52;
}

.casino-contact-line small {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--casino-text-label);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.casino-contact-line a {
  color: var(--casino-text-strong);
  text-decoration: none;
}

.casino-contact-line a:hover {
  color: var(--casino-accent);
}

.casino-single-ambience {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.25rem;
}

.casino-single-ambience-chip {
  padding: 0.8rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--casino-chip-border);
  background: var(--casino-chip-bg);
  color: var(--casino-text-strong);
  font-size: 0.84rem;
  font-weight: 600;
}

.casino-single-map-wrap {
  min-height: 420px;
  border-radius: 24px;
  overflow: hidden;
  background: #090b10;
}

.casino-single-map-wrap iframe {
  width: 100% !important;
  height: 420px !important;
}

.casino-single-richtext-body {
  margin-top: 1.2rem;
}

.casino-single-richtext-body * {
  color: var(--casino-text-soft);
}

.casino-single-richtext-body h1,
.casino-single-richtext-body h2,
.casino-single-richtext-body h3,
.casino-single-richtext-body h4 {
  color: var(--casino-text-strong);
}

.casino-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(4, 6, 10, 0.94);
  backdrop-filter: blur(8px);
}

.casino-lightbox.is-open {
  display: flex;
}

.casino-lightbox-stage {
  width: min(90vw, 1200px);
  text-align: center;
}

.casino-lightbox-stage img {
  width: 100%;
  max-height: 82vh;
  object-fit: contain;
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

.casino-lightbox-close,
.casino-lightbox-nav {
  position: absolute;
  border: 0;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
}

.casino-lightbox-close {
  top: 24px;
  right: 24px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  font-size: 1.4rem;
}

.casino-lightbox-nav {
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 1.2rem;
}

.casino-lightbox-prev {
  left: 24px;
}

.casino-lightbox-next {
  right: 24px;
}

.casino-theme-toggle i {
  transition: transform 0.25s ease;
}

.casino-single-page[data-theme='light'] .casino-theme-toggle i {
  transform: rotate(180deg);
}

@media (max-width: 1199.98px) {
  .casino-single-shell {
    margin-top: 0;
    padding-top: 1.5rem;
  }
}

@media (max-width: 991.98px) {
  .casino-single-hero {
    min-height: auto;
  }

  .casino-single-hero-inner {
    padding-top: 124px;
    padding-bottom: 36px;
  }

  .casino-single-story-grid {
    grid-template-columns: 1fr;
  }

  .casino-single-services-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .casino-local-promos-grid {
    grid-template-columns: 1fr;
  }

  .casino-local-promos-side {
    max-width: 720px;
    margin: 0 auto;
  }

  .casino-local-promos-cards .cards-jackpot-card-hearts {
    width: 86%;
    margin-top: -17%;
    margin-left: 18px;
  }

  .casino-local-promos-cards .cards-jackpot-card-diamonds {
    width: 75%;
    margin-top: -19%;
  }

  .casino-local-promos-cards .cards-jackpot-card-clubs {
    width: 62%;
    margin-top: -7%;
  }

  .casino-single-partner-card {
    min-height: 240px;
  }

  .casino-single-partner-copy {
    right: 1.2rem;
    width: min(34%, 220px);
    text-align: left;
  }
}

@media (max-width: 767.98px) {
  .casino-single-page {
    overflow-x: hidden;
  }

  .casino-local-promos {
    gap: 1rem;
    margin-top: 1.6rem;
    width: 100%;
    overflow-x: hidden;
  }

  .casino-local-promos-side,
  .casino-local-promos-slider-card,
  .casino-local-promos-cards,
  .casino-local-promos-banner {
    border-radius: 22px;
  }

  .casino-local-promos-grid {
    gap: 1rem;
    width: 100%;
    overflow-x: hidden;
  }

  .casino-local-promos-slider-card {
    padding: 0.35rem;
    width: 100%;
  }

  .casino-win-spin-swiper {
    width: 100%;
    border-radius: 18px;
  }

  .casino-win-spin-swiper .swiper-wrapper,
  .casino-win-spin-swiper .swiper-slide {
    width: 100%;
  }

  .casino-win-spin-swiper .win-the-spin-prize-card,
  .casino-win-spin-swiper .win-the-spin-prize-card-2,
  .casino-win-spin-swiper .win-the-spin-prize-card-3 {
    --win-the-spin-live-number-min: 0.72rem;
    --win-the-spin-live-number-fluid: 2.55vw;
    --win-the-spin-live-number-max: 1.1rem;
    --win-the-spin-live-number-stroke: 0.65px;
    --win-the-spin-progress-min: 1rem;
    --win-the-spin-progress-fluid: 4.8vw;
    --win-the-spin-progress-max: 2rem;
    --win-the-spin-progress-stroke-min: 0.5px;
    --win-the-spin-progress-stroke-fluid: 0.11vw;
    --win-the-spin-progress-stroke-max: 0.85px;
    --win-the-spin-selected-min: 0.98rem;
    --win-the-spin-selected-fluid: 4.5vw;
    --win-the-spin-selected-max: 1.9rem;
    --win-the-spin-selected-stroke-min: 0.5px;
    --win-the-spin-selected-stroke-fluid: 0.11vw;
    --win-the-spin-selected-stroke-max: 0.85px;
    --win-the-spin-last-min: 0.7rem;
    --win-the-spin-last-fluid: 2.45vw;
    --win-the-spin-last-max: 1.05rem;
    --win-the-spin-last-stroke-min: 0.35px;
    --win-the-spin-last-stroke-fluid: 0.07vw;
    --win-the-spin-last-stroke-max: 0.55px;
    --win-the-spin-last-first-min: 1.05rem;
    --win-the-spin-last-first-fluid: 3.92vw;
    --win-the-spin-last-first-max: 1.65rem;
  }

  .casino-local-promos-cards {
    padding: 1rem 0.6rem;
  }

  .casino-local-promos-cards .cards-jackpots-stack {
    width: 100%;
  }

  .casino-local-promos-side.casino-local-promos-cards .cards-jackpots-stack {
    transform: translateY(-5%);
  }

  .casino-local-membership-button {
    left: 1rem;
    bottom: 1rem;
    min-width: 124px;
    padding: 0.62rem 1rem;
    font-size: 0.78rem;
  }

  .casino-local-promos-cards .cards-jackpot-card-hearts {
    width: 88%;
    margin-top: -19%;
    margin-left: 6px;
  }

  .casino-local-promos-cards .cards-jackpot-card-diamonds {
    width: 77%;
    margin-top: -23%;
  }

  .casino-local-promos-cards .cards-jackpot-card-clubs {
    width: 64%;
    margin-top: -30px;
  }

  .casino-local-promos-cards .cards-jackpot-card-spades .cards-jackpot-value {
    font-size: 23px;
  }

  .casino-local-promos-cards .cards-jackpot-card-hearts .cards-jackpot-value {
    font-size: 22px;
    margin-top: -32px;
    margin-left: 30px;
  }

  .casino-local-promos-cards .cards-jackpot-card-diamonds .cards-jackpot-value,
  .casino-local-promos-cards .cards-jackpot-card-clubs .cards-jackpot-value {
    font-size: 20px;
  }

  .casino-single-card {
    padding: 1.2rem;
    border-radius: 24px;
  }

  .casino-single-hero-actions {
    gap: 0.7rem;
  }

  .casino-single-hero-btn {
    width: 100%;
    justify-content: center;
  }

  .casino-thumbs-swiper .swiper-slide {
    width: 82px;
  }

  .casino-lightbox-nav {
    width: 48px;
    height: 48px;
  }

  .casino-lightbox-prev {
    left: 12px;
  }

  .casino-lightbox-next {
    right: 12px;
  }

  .casino-single-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .casino-single-partner-card {
    min-height: 205px;
  }

  .casino-single-partner-image {
    min-height: 205px;
  }

  .casino-single-partner-copy {
    top: 52%;
    left: auto;
    right: 0.9rem;
    width: 40%;
    text-align: left;
  }

  .casino-single-partner-copy .casino-single-eyebrow {
    margin-bottom: 0.35rem;
    font-size: 0.58rem;
    letter-spacing: 0.12em;
  }

  .casino-single-partner-intro {
    margin-bottom: 0.35rem;
    font-size: 0.54rem;
    line-height: 1.35;
  }

  .casino-single-partner-copy h3 {
    font-size: clamp(1.35rem, 6.8vw, 2rem);
    line-height: 0.96;
  }
}


/* ==========================================================================
   pages/bell_link.blade.php
   ========================================================================== */

.bell-link-page {
    position: relative;
    overflow: hidden;
}

.bell-link-hero {
    position: relative;
    margin-top: 1.5rem;
    background: #000000;
}

.bell-link-hero-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.bell-link-content {
    position: relative;
    background-color: #f1f1f1;
    background-image: url('../assets/win-the-spin/winthespin-bg.png');
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
}

.bell-link-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background: linear-gradient(to bottom, #f1f1f1 0%, rgba(241, 241, 241, 0.94) 28%, rgba(241, 241, 241, 0.7) 58%, rgba(241, 241, 241, 0) 100%);
    pointer-events: none;
    z-index: 0;
}

.bell-link-section {
    position: relative;
    padding: 4rem 0;
}

.bell-link-section--intro {
    padding-top: 4.5rem;
    padding-bottom: 3rem;
}

.bell-link-section--jackpots {
    padding-top: 2rem;
}

.bell-link-section--cabinet {
    padding-bottom: 0;
}

.bell-link-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 32%),
        radial-gradient(circle at 82% 78%, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0) 26%);
    opacity: 0.85;
    pointer-events: none;
}

.bell-link-section > .container {
    position: relative;
    z-index: 1;
}

.bell-link-container-narrow {
    position: relative;
    z-index: 1;
}

.bell-link-games-full-bleed {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.bell-link-logo {
    max-width: min(100%, 520px);
}

.bell-link-bells-showcase {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
    gap: clamp(0.3rem, 1vw, 0.85rem);
    width: min(100%, 1120px);
    margin: 2.25rem auto 0;
    filter: drop-shadow(0 26px 36px rgba(33, 22, 60, 0.15));
}

.bell-link-bell-level {
    min-width: 0;
}

.bell-link-bell-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.bell-link-heading {
    margin-bottom: 0.75rem;
    color: #2d1d5b;
    font-size: clamp(2rem, 2vw + 1.35rem, 3.25rem);
    font-weight: 800;
    line-height: 1.05;
    text-transform: uppercase;
}

.bell-link-subheading {
    margin: 0 0 1rem;
    color: #2d1d5b;
    font-size: clamp(1.3rem, 1.1vw + 1rem, 2rem);
    font-weight: 700;
    line-height: 1.2;
}

.bell-link-lead,
.bell-link-copy,
.bell-link-copy-block p,
.bell-link-machine-copy p {
    max-width: 860px;
    color: #463d59;
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 0;
}

.bell-link-copy--narrow {
    max-width: 980px;
}

.bell-link-list {
    max-width: 980px;
    margin: 1rem auto 0;
    padding-left: 1.2rem;
    color: #463d59;
    font-size: 1rem;
    line-height: 1.8;
    text-align: left;
}

.bell-link-list li + li {
    margin-top: 0.4rem;
}

.bell-link-jackpot-label {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.bell-link-jackpot-label--grand {
    color: #e22a25;
}

.bell-link-jackpot-label--major {
    color: #49b51b;
}

.bell-link-jackpot-label--minor {
    color: #2d79df;
}

.bell-link-jackpot-label--mini {
    color: #9b4de2;
}

.bell-link-showcase {
    min-height: 320px;
}

.bell-link-showcase-row {
    width: min(100%, 1600px);
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1rem, 3vw, 2.5rem);
    padding-right: clamp(1rem, 3vw, 2.5rem);
}

.bell-link-image-edge {
    width: calc(100% + clamp(1rem, 3vw, 2.5rem));
}

.bell-link-image-edge--left {
    margin-left: calc(-1 * clamp(1rem, 3vw, 2.5rem));
}

.bell-link-image-edge--right {
    margin-right: calc(-1 * clamp(1rem, 3vw, 2.5rem));
    display: flex;
    justify-content: flex-end;
}

.bell-link-showcase--second {
    margin-top: 1rem;
}

.bell-link-copy-block {
    max-width: 560px;
    margin: 0 auto;
}

.bell-link-copy-block--left {
    margin-left: 0;
}

.bell-link-side-image {
    width: 100%;
    height: auto;
    display: block;
}

.bell-link-side-image--gold {
    max-width: 860px;
}

.bell-link-side-image--red {
    max-width: none;
    width: calc(100% + clamp(2rem, 6vw, 5rem));
    margin-right: calc(-1 * clamp(0.75rem, 2vw, 1.5rem));
}

.bell-link-machine-full-bleed {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.bell-link-machine-stage {
    position: relative;
}

.bell-link-machine-image {
    width: 100%;
    height: auto;
    display: block;
}

.bell-link-machine-copy {
    position: absolute;
    top: 28%;
    left: clamp(1rem, 5vw, 4rem);
    transform: translateY(-50%);
    width: min(30%, 340px);
    text-align: left;
}

@media (max-width: 991.98px) {
    .bell-link-section {
        padding: 3rem 0;
    }

    .bell-link-copy-block,
    .bell-link-copy-block--left {
        max-width: 760px;
        margin: 0 auto;
        text-align: center;
    }

    .bell-link-list {
        max-width: 760px;
        padding-left: 1.4rem;
    }

    .bell-link-machine-copy {
        position: static;
        transform: none;
        width: 100%;
        max-width: 100%;
        margin-top: 1.5rem;
        padding: 0 1rem 1rem;
        text-align: center;
    }

}

@media (max-width: 767.98px) {
    .bell-link-hero {
        margin-top: 0;
    }

    .bell-link-section--intro {
        padding-top: 3rem;
    }

    .bell-link-heading {
        font-size: clamp(1.8rem, 6vw, 2.35rem);
    }

    .bell-link-lead,
    .bell-link-copy,
    .bell-link-copy-block p,
    .bell-link-machine-copy p {
        font-size: 0.95rem;
        line-height: 1.7;
    }

    .bell-link-subheading {
        font-size: clamp(1.15rem, 4.8vw, 1.55rem);
        line-height: 1.25;
    }

    .bell-link-list {
        max-width: 100%;
        padding-left: 1.1rem;
        font-size: 0.95rem;
        line-height: 1.7;
    }

    .bell-link-bells-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.85rem 0.7rem;
        margin-top: 1.5rem;
    }

    .bell-link-showcase {
        min-height: auto;
    }

    .bell-link-side-image--gold,
    .bell-link-side-image--red {
        max-width: 100%;
    }

    .bell-link-machine-copy {
        margin-top: 1rem;
        padding: 0 1rem 1.25rem;
    }
}


/* ==========================================================================
   pages/cards.blade.php
   ========================================================================== */

.page-cards .cards-hero,
.page-cards .cards-full-width,
.page-cards .cards-jackpots-section {
  width: 100%;
  background: #050B1F;
}

.page-cards .cards-hero {
  margin-top: 1.5rem;
}

.page-cards .cards-hero-image,
.page-cards .cards-showcase-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.cards-page {
  background-color: #050B1F;
}

.cards-page .home-jackpot-widgets-strip .container-fluid {
  width: 100%;
  max-width: 100%;
}

.cards-page .home-jackpot-widgets-strip .row {
  margin-left: 0;
  margin-right: 0;
}

.cards-page .home-jackpot-widgets-strip [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

.page-cards .cards-full-width-image {
  display: block;
  width: 100%;
  height: auto;
}

.page-cards .cards-jackpots-section {
  margin-top: -120px;
  margin-bottom: 2px;
  padding: 0;
}

.page-cards .cards-jackpots-stack {
  position: relative;
  width: min(76vw, 1240px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.page-cards .cards-jackpot-card {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-cards .cards-jackpot-image {
  display: block;
  width: 100%;
  height: auto;
}

.page-cards .cards-jackpot-value {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 0.7vw, 14px);
  margin-top: 0;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.55);
}

.page-cards .cards-jackpot-value-text {
  display: block;
}

.page-cards .cards-jackpot-currency {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Montserrat, sans-serif;
  font-size: 0.26em;
  font-weight: 700;
  line-height: 0.82;
  letter-spacing: 0.08em;
}

.page-cards .cards-jackpot-currency span {
  display: block;
}

.page-cards .cards-jackpot-card-spades {
  width: 100%;
  z-index: 1;
}

.page-cards .cards-jackpot-card-spades .cards-jackpot-value {
  font-size: clamp(2.4rem, 4.6vw, 5.3125rem);
}

.page-cards .cards-jackpot-card-hearts {
  width: 84%;
  margin-top: -19%;
  z-index: 2;
  margin-left: 35px;
}

.page-cards .cards-jackpot-card-hearts .cards-jackpot-value {
  font-size: clamp(2.2rem, 4.3vw, 5rem);
  margin-top: clamp(-95px, -5.3vw, -28px);
  margin-left: clamp(22px, 5.8vw, 110px);
}

.page-cards .cards-jackpot-card-diamonds {
  width: 72%;
  margin-top: -22%;
  z-index: 3;
}

.page-cards .cards-jackpot-card-diamonds .cards-jackpot-value {
  font-size: clamp(1.9rem, 3.7vw, 4.375rem);
}

.page-cards .cards-jackpot-card-clubs {
  width: 58%;
  margin-top: -8%;
  z-index: 4;
}

.page-cards .cards-jackpot-card-clubs .cards-jackpot-value {
  font-size: clamp(1.55rem, 3.2vw, 3.75rem);
}

@media (max-width: 991.98px) {
  .page-cards .cards-jackpots-stack {
    width: min(86vw, 940px);
  }

  .page-cards .cards-jackpot-card-hearts {
    width: 86%;
    margin-top: -17%;
    margin-left: 18px;
  }

  .page-cards .cards-jackpot-card-diamonds {
    width: 75%;
    margin-top: -19%;
  }

  .page-cards .cards-jackpot-card-clubs {
    width: 62%;
    margin-top: -7%;
  }
}

@media (max-width: 767.98px) {
  .page-cards .cards-hero {
    margin-top: 0;
  }

  .cards-page {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .page-cards .cards-jackpots-section {
    margin-top: -44px;
    margin-bottom: 0;
  }

  .page-cards .cards-jackpots-stack {
    width: 90%;
    gap: 0;
  }

  .page-cards .cards-jackpot-card-hearts {
    width: 88%;
    margin-top: -19%;
    margin-left: 6px;
  }

  .page-cards .cards-jackpot-card-diamonds {
    width: 77%;
    margin-top: -23%;
  }

  .page-cards .cards-jackpot-card-clubs {
    width: 64%;
    margin-top: -30px;
  }

  .page-cards .cards-jackpot-card-spades .cards-jackpot-value {
    font-size: 23px;
  }

  .page-cards .cards-jackpot-card-hearts .cards-jackpot-value {
    font-size: 22px;
    margin-top: -32px;
    margin-left: 30px;
  }

  .page-cards .cards-jackpot-card-diamonds .cards-jackpot-value {
    font-size: 20px;
  }

  .page-cards .cards-jackpot-card-clubs .cards-jackpot-value {
    font-size: 20px;
  }
}


/* ==========================================================================
   pages/contact.blade.php
   ========================================================================== */

@media (max-width: 767.98px) {
  .contact-page-content {
    margin-top: 0;
  }
}


/* ==========================================================================
   pages/home.blade.php
   ========================================================================== */

@font-face {
    font-family: 'Berlin Sans FB';
    src: url('../assets/fonts/BRLNSR.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Berlin Sans FB';
    src: url('../assets/fonts/BRLNSB.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Robuck Regular';
    src: url('../assets/fonts/Robuck Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Sans Black';
    src: url('../assets/fonts/SofiaSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.page-home .swiper {
  width: 100%;
  height: 100%;
}

.page-home .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.page-home .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.page-home .swiper-slide img.d-md-block {
    height: auto;
    object-fit: contain;
    object-position: bottom;
}


.page-home .swiper-button-next, .page-home .swiper-button-prev {
    color: white;
}

body.page-home {
    background: url('../assets/home-widgets/page-background.png') repeat-y center top;
    background-size: 100% auto;
}

.page-home .home-welcome-banner-subtitle {
    margin: clamp(48px, 5vw, 72px) 0 clamp(26px, 3vw, 38px);
    text-align: center;
    color: #505157;
    font-size: clamp(1.05rem, 1.9vw, 1.8rem);
    font-family: Arial, sans-serif;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.page-home .home-games-offer-title {
    margin: clamp(28px, 3vw, 38px) 0 12px;
    text-align: center;
    color: #505157;
    font-size: 25px;
    font-family: Arial, sans-serif;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
}

.page-home .home-welcome-banner-title-light {
    font-family: Arial, sans-serif;
    font-weight: 600;
}

.page-home .home-brand-token {
    font-family: Arial, sans-serif;
    font-weight: 700;
    color: #e42314;
}

.page-home .home-welcome-lead {
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
    color: #5f6066;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0.01em;
}

.page-home .home-locations-title {
    margin: clamp(38px, 5vw, 88px) 0 clamp(28px, 4vw, 64px);
    text-align: center;
    color: #505157;
    font-family: Arial, sans-serif;
    font-size: 45px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: uppercase;
}

.page-home .home-locations-block {
    position: relative;
    z-index: 0;
    overflow-x: hidden;
    overflow-x: clip;
}

.page-home .home-locations-block::before {
    content: "";
    position: absolute;
    left: -40px;
    top: 55%;
    width: min(1450px, 92vw);
    height: min(1180px, 96vw);
    background: none;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.page-home .home-locations-section {
    position: relative;
    z-index: 1;
    padding-bottom: clamp(32px, 4.4vw, 60px);
}

.page-home .home-locations-grid {
    align-items: center;
}

.page-home .home-locations-map {
    width: 100%;
    max-width: 860px;
    display: block;
}

.page-home .home-locations-map-column,
.page-home .home-locations-gallery-column {
    display: flex;
}

.page-home .home-locations-map-column {
    justify-content: center;
}

.page-home .home-locations-gallery-column {
    align-items: center;
}

.page-home .home-locations-gallery {
    width: 100%;
    max-width: 650px;
    margin-left: auto;
}

.page-home .home-locations-main-image {
    width: 100%;
    object-fit: cover;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    cursor: zoom-in;
}

.page-home .home-locations-thumb {
    width: 100%;
    object-fit: cover;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
}

.page-home .home-locations-thumbs {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.page-home .home-locations-thumb-trigger {
    flex: 0 0 140px;
    padding: 0;
    background: none;
    border: 2px solid transparent;
    cursor: pointer;
    line-height: 0;
}

.page-home .home-locations-thumb-trigger.active {
    border-color: #ed1d24;
}

.page-home .home-locations-description {
    max-width: 1200px;
    margin-top: clamp(22px, 2.5vw, 42px);
    margin-bottom: clamp(24px, 2.8vw, 40px);
}

.page-home .home-locations-button {
    min-width: 250px;
    min-height: 52px;
    border-radius: 14px;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 34px;
}

.page-home .home-locations-slider-button {
    margin: 20px auto 0;
    font-size: 18px;
    min-height: 46px;
    min-width: 220px;
    border-radius: 10px;
    padding: 0 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.page-home .home-locations-lightbox {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.82);
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 220ms ease, visibility 220ms ease;
}

.page-home .home-locations-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.page-home .home-locations-lightbox-image-wrap {
    position: relative;
    max-width: min(92vw, 1200px);
    max-height: 88vh;
    transform: translateY(10px) scale(0.97);
    transition: transform 240ms ease;
}

.page-home .home-locations-lightbox.is-open .home-locations-lightbox-image-wrap {
    transform: translateY(0) scale(1);
}

.page-home .home-locations-lightbox-image {
    display: block;
    max-width: 100%;
    max-height: 88vh;
    border-radius: 8px;
    object-fit: contain;
}

.page-home .home-locations-lightbox-close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: #111;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.page-home .home-winbet-strip {
    width: 100%;
    min-height: clamp(88px, 9vw, 142px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: clamp(10px, 1.6vw, 16px);
    padding: clamp(18px, 2vw, 28px) 0;
}

.page-home .home-winbet-strip-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: clamp(180px, 18vw, 280px);
    min-height: clamp(48px, 4.8vw, 68px);
    padding: 0 clamp(26px, 3vw, 40px);
    border-radius: 10px;
    background: #e42314;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: clamp(2rem, 4.4vw, 5rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.page-home .home-winbet-strip-divider {
    width: min(100%, clamp(280px, 62vw, 800px));
    display: block;
}

.page-home .home-jackpot-empire-section {
    position: relative;
    padding: clamp(36px, 5vw, 80px) 0 clamp(48px, 6vw, 96px);
    z-index: 0;
    overflow-x: hidden;
    overflow-x: clip;
}

.page-home .home-jackpot-empire-section::before {
    content: "";
    position: absolute;
    right: -140px;
    top: 120px;
    width: min(1380px, 92vw);
    height: min(1060px, 75vw);
    background: none;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.page-home .home-jackpot-empire-title {
    margin: 0 0 clamp(18px, 2.5vw, 30px);
    text-align: center;
    color: #505157;
    font-family: Arial, sans-serif;
    font-size: 45px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: uppercase;
}

.page-home .home-jackpot-empire-title-secondary {
    margin-top: clamp(34px, 5vw, 72px);
}

.page-home .home-jackpot-banner-frame {
    width: 100%;
    max-width: 1642px;
    margin: 0 auto;
    padding: clamp(8px, 0.85vw, 14px);
    background: #ededf0;
    border-radius: 10px;
}

.page-home .home-jackpot-banner-image {
    width: 100%;
    display: block;
    border-radius: 4px;
}

.page-home .home-offer-section {
    padding: 0 0 clamp(48px, 6vw, 96px);
}

.page-home .home-offer-title-wrap {
    padding-bottom: clamp(18px, 2.5vw, 30px);
}

.page-home .home-offer-panel {
    width: 100%;
    background-image: url('../assets/home-widgets/new-background-offer-section.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: clamp(28px, 4vw, 56px) 0;
}

.page-home .home-offer-panel-inner {
    width: 100%;
    max-width: 1642px;
    margin: 0 auto;
    padding: 0 clamp(20px, 3vw, 42px);
}

.page-home .home-offer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2.5vw, 36px);
    align-items: center;
}

.page-home .home-offer-card {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: clamp(34px, 3.8vw, 52px);
}

.page-home .home-offer-image {
    width: 100%;
    max-width: 520px;
    height: auto;
    display: block;
}

.page-home .home-offer-button {
    position: absolute;
    left: 50%;
    bottom: clamp(-12px, -1vw, -6px);
    transform: translateX(-50%);
    min-width: clamp(150px, 16vw, 210px);
    text-align: center;
    white-space: nowrap;
}

.page-home .home-sapphire-popup {
    position: fixed;
    inset: 0;
    z-index: 30000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(14px, 3vw, 32px);
    background: rgba(0, 0, 0, 0.72);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.24s ease, visibility 0.24s ease;
}

.page-home .home-sapphire-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.page-home .home-sapphire-popup-dialog {
    position: relative;
    width: min(92vw, calc(100vh - 28px), 760px);
    border: 1px solid rgba(255, 255, 255, 0.72);
    box-shadow: 0 0 18px rgba(180, 220, 255, 0.18);
}

.page-home .home-sapphire-popup-image {
    display: block;
    width: 100%;
    height: auto;
}

.page-home .home-sapphire-popup-value {
    position: absolute;
    top: 37%;
    left: 48.5%;
    width: 40%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-family: 'Sofia Sans Black', Arial, sans-serif;
    font-size: clamp(20px, 4.1vw, 46px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
}

.page-home .home-sapphire-popup-close {
    position: absolute;
    top: 3.9%;
    right: 4.4%;
    z-index: 2;
    width: clamp(34px, 5vw, 50px);
    height: clamp(34px, 5vw, 50px);
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    font-size: clamp(30px, 4.4vw, 48px);
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.page-home .home-sapphire-popup-close:hover,
.page-home .home-sapphire-popup-close:focus-visible {
    color: #f2d798;
    outline: none;
}

.page-home .home-bonus-popup {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(10, 8, 13, 0.72);
    backdrop-filter: blur(6px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0.28s ease;
}

.page-home .home-bonus-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.page-home .home-bonus-popup-dialog {
    position: relative;
    width: min(100%, 940px);
    transform: translateY(18px) scale(0.96);
    transition: transform 0.28s ease;
}

.page-home .home-bonus-popup.is-open .home-bonus-popup-dialog {
    transform: translateY(0) scale(1);
}

.page-home .home-bonus-popup-content {
    position: relative;
    padding: 0;
    background: transparent;
    color: inherit;
}

.page-home .home-bonus-popup-image {
    display: block;
    width: 100%;
    height: auto;
}

.page-home .home-bonus-popup-close {
    position: absolute;
    top: -14px;
    right: -14px;
    z-index: 2;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.72);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.page-home .home-bonus-popup-close:hover,
.page-home .home-bonus-popup-close:focus-visible {
    background: rgba(0, 0, 0, 0.88);
    transform: scale(1.04);
    outline: none;
}

.page-home .home-blog-feature {
    width: 100%;
    max-width: 1642px;
    margin: 0 auto;
    padding: clamp(14px, 1.1vw, 22px);
    background: linear-gradient(180deg, #fafafa 0%, #ececef 100%);
    border-radius: 26px;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.22);
}

.page-home .home-blog-feature-content {
    display: grid;
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
    align-items: stretch;
    background: linear-gradient(180deg, #f3d894 0%, #b98732 48%, #f6e3ae 100%);
    padding: 3px;
    border-radius: 10px;
    overflow: hidden;
}

.page-home .home-blog-feature-left {
    min-height: 100%;
    background: #160a10;
}

.page-home .home-blog-feature-main {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    background: #160a10;
}

.page-home .home-blog-feature-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.page-home .home-blog-feature-right {
    display: grid;
    grid-template-rows: minmax(0, 34%) minmax(0, 66%);
    min-width: 0;
    background: linear-gradient(180deg, #2e2929 0%, #000 100%);
    border-left: 3px solid #d7b36a;
}

.page-home .home-blog-feature-top,
.page-home .home-blog-feature-bottom {
    padding: clamp(16px, 2vw, 38px);
}

.page-home .home-blog-feature-top {
    color: #fff;
    background: linear-gradient(180deg, #3c3838 0%, #000 100%);
    border-bottom: 2px solid #d7b36a;
}

.page-home .home-blog-feature-bottom {
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    gap: clamp(14px, 1.4vw, 24px);
    color: #fff;
    background: linear-gradient(180deg, #f22424 0%, #a71919 100%);
}

.page-home .home-blog-feature-card {
    display: block;
    min-width: 0;
    color: inherit;
    text-decoration: none;
    transition: opacity 0.2s ease, background-color 0.2s ease;
}

.page-home .home-blog-feature-card:hover,
.page-home .home-blog-feature-card:focus-visible {
    color: inherit;
    opacity: 0.92;
}

.page-home .home-blog-feature-card:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: 6px;
}

.page-home .home-blog-feature-bottom .home-blog-feature-card {
    padding-top: clamp(12px, 1vw, 18px);
    border-top: 1px solid rgba(255, 255, 255, 0.24);
}

.page-home .home-blog-feature-bottom .home-blog-feature-card:first-child {
    padding-top: 0;
    border-top: 0;
}

.page-home .home-blog-feature-card-title {
    margin: 0 0 clamp(10px, 1vw, 16px);
    color: rgba(255, 255, 255, 0.96);
    font-family: Arial, sans-serif;
    font-size: clamp(1.05rem, 1.5vw, 2.5rem);
    font-weight: 800;
    line-height: 1.18;
    text-transform: uppercase;
}

.page-home .home-blog-feature-bottom .home-blog-feature-card-title {
    font-size: clamp(0.95rem, 1.2vw, 1.9rem);
}

.page-home .home-blog-feature-card-summary {
    margin: 0;
    font-size: clamp(0.82rem, 0.92vw, 1.28rem);
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.95);
    max-width: 40ch;
}

.page-home .home-blog-feature-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.page-home .home-partners-section {
    padding: clamp(28px, 4vw, 56px) 0 clamp(30px, 4vw, 56px);
}

.page-home .home-partners-title {
    margin: 0 0 clamp(22px, 3vw, 38px);
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: clamp(2rem, 3.2vw, 4rem);
    line-height: 1;
    font-weight: 500;
    color: #505157;
    text-transform: uppercase;
}

.page-home .home-partners-title-brand {
    font-family: Arial, sans-serif;
    font-weight: 700;
    color: #e42314;
}

.page-home .home-partners-card {
    position: relative;
    max-width: 1536px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.36);
    overflow: hidden;
}

.page-home .home-partners-card-image {
    width: 100%;
    display: block;
}

.page-home .home-partners-copy-panel {
    position: absolute;
    top: 50%;
    right: clamp(26px, 5vw, 84px);
    transform: translateY(-50%);
    width: min(37%, 520px);
    text-align: center;
}

.page-home .home-partners-copy-intro {
    margin: 0 0 clamp(8px, 1vw, 16px);
    color: #34363d;
    font-size: clamp(1.1rem, 1.9vw, 2.25rem);
    line-height: 1.15;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.page-home .home-partners-copy-intro-highlight {
    color: #e42314;
    font-weight: 700;
}

.page-home .home-partners-copy-headline {
    margin: 0;
    color: #43474e;
    font-size: clamp(2rem, 3.5vw, 4.25rem);
    line-height: 0.95;
    font-weight: 800;
    text-transform: uppercase;
}

.page-home .home-partners-copy {
    margin: 0;
    color: #505157;
    line-height: 1.7;
    font-size: 16px;
}

.page-home .home-partners-logos-shell {
    position: relative;
    max-width: 1536px;
    margin: clamp(24px, 3vw, 36px) auto 0;
    min-height: clamp(110px, 14vw, 120px);
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.82) 16%,
        rgba(255, 255, 255, 0.98) 34%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0.98) 66%,
        rgba(255, 255, 255, 0.82) 84%,
        rgba(255, 255, 255, 0) 100%
    );
    overflow: hidden;
}

.page-home .home-partners-logos {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(28px, 4vw, 56px);
    flex-wrap: wrap;
    padding: clamp(14px, 1.8vw, 24px) clamp(18px, 2.4vw, 32px);
}

.page-home .home-partners-logo {
    height: clamp(56px, 4vw, 112px);
    width: auto;
    display: block;
}

.page-home .home-featured-section {
    padding: clamp(24px, 3vw, 40px) 0 clamp(8px, 1vw, 16px);
}

.page-home .home-featured-title {
    margin: 0 0 clamp(22px, 3vw, 38px);
    text-align: center;
    color: #505157;
    font-family: Arial, sans-serif;
    font-size: 45px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: uppercase;
}

.page-home .home-featured-banner {
    width: 100%;
    max-width: 1729px;
    display: block;
    margin: 0 auto;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.32);
}

.page-home .home-featured-banner-wrap {
    position: relative;
    width: 100%;
    max-width: 1729px;
    margin: 0 auto;
}

.page-home .home-featured-button {
    position: absolute;
    left: clamp(76px, 7.8vw, 142px);
    bottom: clamp(38px, 6vw, 108px);
    min-width: clamp(170px, 18vw, 220px);
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
    box-shadow: 0 14px 28px rgba(228, 35, 20, 0.28);
    animation: homeFeaturedButtonPulse 2.8s ease-in-out infinite;
}

.page-home .home-featured-button:hover,
.page-home .home-featured-button:focus-visible {
    animation-play-state: paused;
    box-shadow: 0 16px 34px rgba(228, 35, 20, 0.38);
    transform: translateY(-1px);
}

@keyframes homeFeaturedButtonPulse {
    0%, 100% {
        box-shadow: 0 14px 28px rgba(228, 35, 20, 0.24);
        transform: translateY(0);
    }
    50% {
        box-shadow: 0 18px 38px rgba(228, 35, 20, 0.42), 0 0 0 6px rgba(255, 214, 153, 0.12);
        transform: translateY(-1px);
    }
}

@media (max-width: 767.98px) {
    .page-home .home-featured-button {
        left: clamp(18px, 5vw, 28px);
        bottom: clamp(18px, 4vw, 28px);
        min-width: 160px;
    }
}

.page-home .home-membership-popup {
    position: fixed;
    inset: 0;
    z-index: 1250;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(8, 8, 12, 0.78);
    backdrop-filter: blur(8px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0.28s ease;
}

.page-home .home-membership-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.page-home .home-membership-popup-dialog {
    position: relative;
    width: min(100%, 1064px);
    max-height: calc(100vh - 44px);
    max-height: calc(100dvh - 44px);
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(229, 189, 97, 0.72);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
    transform: translateY(18px) scale(0.97);
    transition: transform 0.28s ease;
}

.page-home .home-membership-popup.is-open .home-membership-popup-dialog {
    transform: translateY(0) scale(1);
}

.page-home .home-membership-popup-dialog::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(115deg, rgba(229, 189, 97, 0.25), rgba(255, 244, 212, 0.92), rgba(191, 138, 42, 0.82), rgba(255, 244, 212, 0.92), rgba(229, 189, 97, 0.25));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
}

.page-home .home-membership-popup-dialog::after {
    content: '';
    position: absolute;
    inset: -8%;
    background: linear-gradient(110deg, transparent 28%, rgba(255, 245, 214, 0.08) 42%, rgba(255, 245, 214, 0.42) 50%, rgba(255, 245, 214, 0.08) 58%, transparent 72%);
    transform: translateX(-135%);
    animation: homeMembershipShimmer 5.2s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

.page-home .home-membership-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.page-home .home-membership-popup-close:hover,
.page-home .home-membership-popup-close:focus-visible {
    background: rgba(255, 255, 255, 0.18);
    transform: scale(1.04);
    outline: none;
}

.page-home .home-membership-popup-content {
    position: relative;
    z-index: 0;
    max-height: calc(100vh - 44px);
    max-height: calc(100dvh - 44px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: clamp(34px, 4vw, 54px) clamp(42px, 4.8vw, 64px);
    background:
        radial-gradient(circle at 72% 34%, rgba(255, 198, 146, 0.42), rgba(255, 198, 146, 0) 20%),
        radial-gradient(circle at 18% 78%, rgba(255, 164, 129, 0.16), rgba(255, 164, 129, 0) 18%),
        linear-gradient(rgba(18, 16, 24, 0.22), rgba(18, 16, 24, 0.22)),
        url('../assets/home-widgets/form-background.png') center/cover no-repeat;
    color: #fff;
}

.page-home .home-membership-popup-panel {
    position: relative;
    max-width: 860px;
    margin: 0 auto;
    padding: clamp(32px, 4vw, 52px) clamp(22px, 3vw, 46px) clamp(28px, 3vw, 40px);
    background: transparent;
}

.page-home .home-membership-popup-header {
    max-width: 760px;
    margin: 0 auto clamp(22px, 2.8vw, 30px);
    text-align: center;
}

.page-home .home-membership-popup-title {
    margin: 0;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: clamp(1.7rem, 3.4vw, 3rem);
    font-weight: 400;
    line-height: 1.08;
    text-transform: uppercase;
}

.page-home .home-membership-popup-title-highlight {
    display: inline-block;
    margin: 0 0.16em;
    padding: 0.08em 0.26em 0.12em;
    border-radius: 6px;
    background: #e42314;
    color: #fff;
    font-weight: 700;
    line-height: 0.95;
}

.page-home .home-membership-popup-subtitle {
    margin: 10px 0 0;
    font-family: Arial, sans-serif;
    font-size: clamp(1rem, 1.8vw, 1.7rem);
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

.page-home .home-membership-popup-form {
    max-width: 760px;
    margin: 0 auto;
}

.page-home .home-membership-popup-form.is-invalid .home-membership-popup-submit {
    opacity: 0.6;
}

.page-home .home-membership-popup-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(14px, 1.8vw, 22px);
    margin-bottom: clamp(14px, 1.8vw, 20px);
}

.page-home .home-membership-popup-field,
.page-home .home-membership-popup-field-full {
    width: 100%;
    height: clamp(52px, 5vw, 68px);
    border-radius: 16px;
    border: 2px solid rgba(230, 234, 255, 0.58);
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    padding: 0 18px;
    font-size: 1rem;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12);
}

.page-home .home-membership-popup-field::selection,
.page-home .home-membership-popup-field-full::selection {
    background: rgba(255, 255, 255, 0.28);
}

.page-home .home-membership-popup-field[type="date"] {
    color-scheme: dark;
    cursor: pointer;
}

.page-home .home-membership-popup-field.is-date-empty {
    color: rgba(255, 255, 255, 0.82);
}

.page-home .home-membership-popup-field option,
.page-home .home-membership-popup-field-full option {
    color: #1c1c22;
    background: #ffffff;
}

.page-home .home-membership-popup-field[name="club_id"] {
    color: #ffffff;
}

.page-home .home-membership-popup-field-full {
    margin-bottom: clamp(14px, 1.8vw, 20px);
}

.page-home .home-membership-popup-field::placeholder,
.page-home .home-membership-popup-field-full::placeholder {
    color: rgba(255, 255, 255, 0.82);
}

.page-home .home-membership-popup-field:focus,
.page-home .home-membership-popup-field-full:focus {
    outline: none;
    border-color: rgba(255, 243, 212, 0.92);
    box-shadow: 0 0 0 3px rgba(255, 224, 164, 0.18);
}

.page-home .home-membership-popup-field.is-error,
.page-home .home-membership-popup-field-full.is-error {
    border-color: rgba(255, 126, 126, 0.95);
    box-shadow: 0 0 0 3px rgba(255, 112, 112, 0.12);
}

.page-home .home-membership-popup-warning {
    display: none;
    margin: 0 0 16px;
    color: #ffd7d7;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.45;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(136, 20, 20, 0.34);
    border: 1px solid rgba(255, 168, 168, 0.28);
}

.page-home .home-membership-popup-warning.is-visible {
    display: block;
}

.page-home .home-membership-popup-success {
    display: none;
    margin: 0 0 16px;
    color: #dff7df;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.45;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(28, 104, 49, 0.34);
    border: 1px solid rgba(166, 235, 180, 0.28);
}

.page-home .home-membership-popup-success.is-visible {
    display: block;
}

.page-home .home-membership-popup-copy {
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.92);
    text-align: center;
    font-size: clamp(0.95rem, 1.2vw, 1.05rem);
    line-height: 1.55;
}

.page-home .home-membership-popup-checks {
    display: grid;
    gap: 12px;
    margin-bottom: 24px;
}

.page-home .home-membership-popup-check {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: start;
    color: rgba(255, 255, 255, 0.95);
    font-size: clamp(0.85rem, 1vw, 0.95rem);
    line-height: 1.45;
}

.page-home .home-membership-popup-check input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #e42314;
}

.page-home .home-membership-popup-submit-wrap {
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.page-home .home-membership-popup-submit {
    min-width: clamp(210px, 24vw, 300px);
    box-shadow: 0 16px 32px rgba(228, 35, 20, 0.3);
    transition: opacity 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.page-home .home-membership-popup-submit:disabled {
    cursor: not-allowed;
    opacity: 0.45;
    filter: grayscale(0.15) saturate(0.7);
    box-shadow: 0 10px 22px rgba(255, 255, 255, 0.08);
}

@keyframes homeMembershipShimmer {
    0%, 100% {
        transform: translateX(-135%);
        opacity: 0;
    }
    16% {
        opacity: 0.18;
    }
    46% {
        transform: translateX(135%);
        opacity: 0.65;
    }
    60% {
        opacity: 0;
    }
}

@media (max-width: 767.98px) {
    .page-home .home-membership-popup {
        align-items: flex-start;
        overflow: hidden;
        padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
    }

    .page-home .home-membership-popup-dialog {
        width: 100%;
        max-height: calc(100vh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
        max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
        margin: auto 0;
        border-radius: 18px;
    }

    .page-home .home-membership-popup-content {
        max-height: calc(100vh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
        max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
        padding: 24px 18px;
    }

    .page-home .home-membership-popup-panel {
        padding: 56px 16px 24px;
    }

    .page-home .home-membership-popup-grid {
        grid-template-columns: 1fr;
    }

    .page-home .home-membership-popup-title {
        font-size: clamp(1.55rem, 8vw, 2.2rem);
    }

    .page-home .home-membership-popup-subtitle {
        font-size: clamp(0.92rem, 4vw, 1.1rem);
    }

    .page-home .home-membership-popup-close {
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        background: rgba(12, 12, 16, 0.78);
    }
}

.page-home .home-bonusi-section {
    position: relative;
    padding: clamp(18px, 2vw, 28px) 0 clamp(44px, 5vw, 72px);
    background: transparent;
    overflow: visible;
}

.page-home .home-bonusi-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(24px, 3vw, 46px);
    align-items: stretch;
    overflow: visible;
}

.page-home .home-bonusi-left,
.page-home .home-bonusi-right {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: clamp(460px, 40vw, 640px);
    padding: clamp(24px, 2.4vw, 34px);
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
}

.page-home .home-bonusi-left {
    background: transparent;
    overflow: visible;
    box-shadow: none;
}

.page-home .home-bonusi-left::before {
    content: "";
    position: absolute;
    inset: 0 0 0 clamp(34px, 4.2vw, 58px);
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
    z-index: 0;
}

.page-home .home-bonusi-left-copy {
    position: relative;
    z-index: 1;
    width: min(65%, 520px);
    margin-left: auto;
    color: #404149;
    text-align: center;
    font-size: clamp(1rem, 1.20vw, 2rem);
    line-height: 1.28;
    text-transform: uppercase;
    margin-top: 50px;
}

.page-home .home-bonusi-gift-image {
    position: absolute;
    left: clamp(-24px, -1.8vw, -12px);
    bottom: 0;
    width: min(98%, 820px);
    height: auto;
    display: block;
    object-fit: contain;
    z-index: 2;
    transform: translateX(6%);
}

.page-home .home-bonusi-right-title {
    margin: 0 0 clamp(18px, 2vw, 24px);
    text-align: center;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1;
    font-size: clamp(1.35rem, 2vw, 2rem);
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #3e3f45;
}

.page-home .home-bonusi-right-title-dark {
    font-family: Arial, sans-serif;
    font-weight: 700;
    color: #e42314;
}

.page-home .home-bonusi-right-title-red {
    color: #ea1f25;
}

.page-home .home-bonusi-right-first,
.page-home .home-bonusi-right-second {
    width: 100%;
    flex: 1 1 auto;
    display: block;
    object-fit: contain;
}

.page-home .home-bonusi-right-first {
    width: min(86%, 520px);
    margin: 0 auto;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.36);
}

.page-home .home-bonusi-right-second {
    margin-top: 0;
}

@media (max-width: 991.98px) {
    .page-home .home-locations-block::before {
        left: -70px;
        top: 55%;
        width: min(1150px, 180vw);
        height: min(980px, 150vw);
        opacity: 0.42;
    }

    .page-home .home-locations-gallery {
        margin-left: 0;
        max-width: none;
    }

    .page-home .home-locations-map-column,
    .page-home .home-locations-gallery-column {
        display: block;
    }

    .page-home .home-locations-button {
        font-size: 20px;
        min-height: 48px;
        min-width: 220px;
    }

    .page-home .home-locations-thumb-trigger {
        flex-basis: 122px;
    }

    .page-home .home-locations-slider-button {
        width: 100%;
        max-width: 320px;
    }

    .page-home .home-blog-feature {
        padding: 10px;
        border-radius: 18px;
    }

    .page-home .home-blog-feature-content {
        grid-template-columns: minmax(0, 42%) minmax(0, 58%);
        border-radius: 8px;
    }

    .page-home .home-blog-feature-right {
        grid-template-rows: minmax(0, 44%) minmax(0, 56%);
    }

    .page-home .home-blog-feature-top,
    .page-home .home-blog-feature-bottom {
        padding: 16px;
    }

    .page-home .home-blog-feature-bottom {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .page-home .home-blog-feature-card-title {
        font-size: clamp(0.8rem, 2.15vw, 1.08rem);
        line-height: 1.12;
        margin-bottom: 8px;
    }

    .page-home .home-blog-feature-bottom .home-blog-feature-card-title {
        font-size: clamp(0.72rem, 1.65vw, 0.9rem);
        line-height: 1.08;
    }

    .page-home .home-blog-feature-card-summary {
        font-size: clamp(0.68rem, 1.45vw, 0.82rem);
        line-height: 1.22;
        max-width: none;
    }

    .page-home .home-jackpot-empire-section::before {
        right: -160px;
        top: 160px;
        width: min(1150px, 170vw);
        height: min(960px, 140vw);
        opacity: 0.28;
    }

    .page-home .home-offer-panel {
        padding: 24px 0;
    }

    .page-home .home-offer-panel-inner {
        padding: 0 16px;
    }

    .page-home .home-offer-grid {
        grid-template-columns: 1fr;
    }

    .page-home .home-featured-section {
        padding: 20px 0 10px;
    }

    .page-home .home-partners-copy-panel {
        right: 12px;
        width: min(40%, 260px);
    }

    .page-home .home-partners-copy-intro {
        font-size: clamp(0.82rem, 1.7vw, 1.2rem);
    }

    .page-home .home-partners-copy-headline {
        font-size: clamp(1.25rem, 2.8vw, 2rem);
    }

    .page-home .home-bonusi-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .page-home .home-bonusi-left {
        min-height: auto;
        background: #fff;
    }

    .page-home .home-bonusi-left::before {
        display: none;
    }

    .page-home .home-bonusi-left-copy {
        width: min(72%, 320px);
        font-size: clamp(0.9rem, 3.6vw, 1.3rem);
        margin-left: auto;
    }

    .page-home .home-bonusi-gift-image {
        position: relative;
        left: auto;
        bottom: auto;
        width: min(92%, 420px);
        margin: 18px auto -8px;
    }

    .page-home .home-bonusi-right {
        min-height: auto;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .page-home .home-locations-map {
        width: auto;
        max-width: 100%;
        height: 600px;
        margin: 0 auto;
    }
}

@media (max-width: 767.98px) {
    .page-home .home-welcome-banner-subtitle {
        font-size: clamp(0.9rem, 4.4vw, 1.2rem);
        padding: 0 12px;
    }
}

html:has(> body.page-home), body.page-home {
    overflow-x: hidden;
}

.page-home .hero-slide-media {
    width: 100%;
}

.page-home .hero-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 42%;
    align-items: center;
    z-index: 2;
    pointer-events: none;
}

.page-home .hero-overlay-left {
    left: 4.5%;
    justify-content: flex-start;
    text-align: left;
}

.page-home .hero-overlay-right {
    right: 4.5%;
    justify-content: flex-end;
    text-align: right;
}

.page-home .hero-overlay-inner {
    max-width: 520px;
    width: 100%;
    color: #fff;
    pointer-events: auto;
    overflow-wrap: break-word;
    word-break: break-word;
}

.page-home .hero-title {
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    font-size: clamp(2rem, 3.5vw, 4.8rem);
    line-height: 1;
    margin: 0 0 0.7rem 0;
    text-transform: uppercase;
}

.page-home .hero-subtitle {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: clamp(1rem, 1.6vw, 2rem);
    line-height: 1.2;
    margin-bottom: 0.7rem;
    text-transform: uppercase;
}

.page-home .hero-headline-divider {
    display: block;
    width: min(100%, 360px);
    height: auto;
    margin: 0 0 0.7rem 0;
    pointer-events: none;
    transform: translateX(-15px);
}

.page-home .hero-overlay-right .hero-headline-divider {
    margin-left: auto;
}

.page-home .hero-description {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: clamp(0.8rem, 1vw, 1.1rem);
    line-height: 1.35;
    margin-bottom: 1.2rem;
    opacity: 0.95;
}

.page-home .hero-description-line-1,
.page-home .hero-description-line-2 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    overflow-wrap: break-word;
    word-break: break-word;
    margin: 0;
}

.page-home .hero-text-brand {
    font-family: Arial, sans-serif;
    font-weight: 700;
    color: inherit;
}

.page-home .hero-text-accent {
    font-family: Montserrat, sans-serif;
    font-weight: 800;
}

.page-home .hero-text-gold {
    color: #fde092;
}

.page-home .hero-text-berlin {
    font-family: 'Berlin Sans FB', sans-serif;
}

.page-home .hero-text-robuck {
    font-family: 'Robuck Regular', sans-serif;
}

.page-home .hero-overlay-button {
    min-width: 150px;
}

.page-home .hero-mobile-media-wrap {
    width: 100%;
    position: relative;
}

.page-home .hero-mobile-overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.page-home .hero-mobile-auto {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 7%;
    max-width: 86%;
    color: #fff;
    text-align: left;
    pointer-events: auto;
    overflow-wrap: break-word;
    word-break: break-word;
}

.page-home .hero-mobile-title {
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    font-size: clamp(1.8rem, 9vw, 3.2rem);
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 0.45rem 0;
}

.page-home .hero-mobile-subtitle {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: clamp(1rem, 4.8vw, 2rem);
    line-height: 1.15;
    text-transform: uppercase;
    margin: 0 0 0.4rem 0;
}

.page-home .hero-mobile-description {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: clamp(0.85rem, 3.8vw, 1.3rem);
    line-height: 1.25;
    margin: 0 0 0.8rem 0;
}

.page-home .hero-mobile-description-line-1,
.page-home .hero-mobile-description-line-2 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    overflow-wrap: break-word;
    word-break: break-word;
    margin: 0;
}

.page-home .hero-mobile-button {
    min-width: 130px;
}

.page-home .hero-mobile-block {
    position: absolute;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.15;
    pointer-events: auto;
    white-space: pre-line;
    overflow-wrap: break-word;
    word-break: break-word;
}

.page-home .hero-mobile-block-line {
    margin: 0;
    display: block;
    overflow-wrap: break-word;
    word-break: break-word;
}

.page-home .hero-fade-left,
.page-home .hero-fade-right {
    opacity: 0;
    will-change: opacity, transform;
}

.page-home .swiper-slide.hero-animate .hero-fade-left {
    animation: heroFadeInLeft .9s ease both;
}

.page-home .swiper-slide.hero-animate .hero-fade-right {
    animation: heroFadeInRight .9s ease both;
}

@keyframes heroFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes heroFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}


/* ==========================================================================
   pages/jackpotovi.blade.php
   ========================================================================== */

.jackpot-page-bg {
  margin-top: 1.5rem;
  background-image: url('../assets/jackpots/jackpots-bg.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 56px;
}

.jackpot-page-hero-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.jackpot-card-wrap {
  padding-bottom: 39px;
}

.jackpot-card-row {
  align-items: stretch;
}

.jackpot-card-copy-column {
  align-items: stretch;
}

.jackpot-card-copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100%;
}

.jackpot-card-title {
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(1.8rem, 2.8vw, 3.35rem);
  line-height: 1.08;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.jackpot-card-subtitle {
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(1.2rem, 1.5vw, 2.1rem);
  line-height: 1.12;
  text-transform: uppercase;
  color: #ef2317;
  margin-bottom: 18px;
}

.jackpot-card-text {
  margin-bottom: 24px;
}

.jackpot-card-button {
  align-self: center;
  margin-top: auto;
}

.jackpot-hero-logo-wrap {
  position: relative;
  display: inline-block;
  margin-bottom: 122px;
}

.jackpot-hero-logo {
  display: block;
}

.jackpot-hero-coin {
  position: absolute;
  left: 50%;
  top: 124%;
  width: clamp(120px, 12vw, 210px);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (min-width: 768px) {
  .jackpot-card-wrap {
    padding-bottom: 35px;
  }
}

@media (max-width: 767.98px) {
  .jackpot-page-bg {
    margin-top: 0;
  }

  .jackpot-hero-logo-wrap {
    margin-bottom: 112px;
  }

  .jackpot-hero-coin {
    top: 116%;
    width: 120px;
  }
}


/* ==========================================================================
   pages/landing.blade.php
   ========================================================================== */

.page-landing header, .page-landing .footer, .page-landing .mobile-nav { display: none !important; }

.page-landing main.pt-3 {
  padding-top: 0 !important;
}

.page-landing main {
  background: url('../images/bonus/wb-bg.webp') no-repeat bottom;
  background-size: contain;
  min-height: 100vh;
}


.page-landing .swiper {
  width: 100%;
  height: 100%;
}

.page-landing .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-landing .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.page-landing .swiper-slide img.d-md-block {
    height: auto;
    object-fit: contain;
    object-position: bottom;
}


.page-landing .swiper-button-next, .page-landing .swiper-button-prev {
    color: white;
}


/* ==========================================================================
   pages/mystery.blade.php
   ========================================================================== */

.mystery-page .home-jackpot-widgets-strip .container-fluid {
  width: 100%;
  max-width: 100%;
}

.mystery-page .home-jackpot-widgets-strip .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

.mystery-page .home-jackpot-widgets-strip [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

.mystery-page .jackpot-slide {
  position: relative;
  margin-top: 1.5rem;
  aspect-ratio: auto;
  background-image: none;
}

.mystery-hero-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.mystery-page .home-jackpot-widget {
  position: relative;
  overflow: hidden;
  background: #000;
}

.mystery-page .home-jackpot-widget-media {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.mystery-page .home-jackpot-widget-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #f3f4f6;
  font-size: clamp(1rem, 1.45vw, 2.45rem);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

.mystery-page .home-jackpot-widget-value-offset {
  left: 70%;
}

.mystery-page-logo {
  width: 100%;
  max-width: 900px;
}

.mystery-intro-logo-wrap {
  position: relative;
  max-width: 1320px;
  padding: 2.5rem 1rem 1rem;
}

.mystery-intro-logo {
  position: absolute;
  top: 42%;
  left: 50%;
  width: min(100%, 540px);
  transform: translate(-50%, -50%);
  opacity: 0.25;
  pointer-events: none;
  z-index: 0;
}

.mystery-intro-copy {
  position: relative;
  z-index: 1;
  max-width: 1320px;
}

.mystery-sapphire-jackpot-wrap {
  position: relative;
  max-width: 980px;
  margin-top: 1.5rem;
}

.mystery-sapphire-jackpot-image {
  display: block;
  width: 100%;
  height: auto;
}

.mystery-sapphire-jackpot-value {
  position: absolute;
  top: 57%;
  left: 54%;
  transform: translate(-50%, -50%);
  width: 58%;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: clamp(2rem, 7vw, 6.5rem);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  z-index: 1;
}

.mystery-blue-line-wrap {
  max-width: 720px;
  margin-top: calc(1rem - 70px);
}

.mystery-blue-line {
  display: block;
  width: 100%;
  height: auto;
}

.mystery-local-intro-wrap {
  max-width: 860px;
  margin-top: 2rem;
}

.mystery-local-section {
  position: relative;
  margin-top: 2rem;
  padding: 0 0 0.25rem;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-image: url('../assets/mistery-jackpots/jackpots-bg.png');
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}

.mystery-local-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 140px;
  background: linear-gradient(
    to bottom,
    rgba(235, 235, 235, 1) 0%,
    rgba(235, 235, 235, 0.92) 35%,
    rgba(235, 235, 235, 0.65) 68%,
    rgba(235, 235, 235, 0) 100%
  );
  pointer-events: none;
  z-index: 0;
}

.mystery-local-section > * {
  position: relative;
  z-index: 1;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.mystery-onyx-badge-wrap {
  container-type: inline-size;
  max-width: 720px;
  margin-top: 1.5rem;
}

.mystery-onyx-badge {
  display: block;
  width: 100%;
  height: auto;
}

.mystery-onyx-badge-logo {
  display: block;
  width: 62%;
  height: auto;
  margin: 0 auto 1cqw;
}

.mystery-onyx-badge-frame {
  position: relative;
}

.mystery-onyx-badge-value {
  position: absolute;
  top: 40%;
  left: 54%;
  transform: translate(-50%, -50%);
  width: 66%;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 9cqw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  z-index: 1;
}

.mystery-black-diamond-wrap {
  position: relative;
  max-width: 120px;
  margin-top: -26px;
  z-index: 1;
}

.mystery-black-diamond {
  display: block;
  width: 100%;
  height: auto;
}

.mystery-local-cards-row {
  margin-top: 2rem !important;
}

.mystery-local-card-link {
  text-decoration: none;
}

.mystery-local-card-shell {
  position: relative;
  padding-bottom: 34px;
  transition: transform 0.2s ease;
}

.mystery-local-card {
  height: 100%;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mystery-local-card-shadow {
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  width: 100%;
  max-width: 94%;
  pointer-events: none;
  z-index: 0;
}

.mystery-local-card-link:hover .mystery-local-card-shell {
  transform: translateY(-4px);
}

.mystery-local-card-link:hover .mystery-local-card {
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
}

.mystery-local-card-photo-wrap {
  width: 100%;
  aspect-ratio: 2 / 1;
  background: #ffffff;
  overflow: hidden;
}

.mystery-local-card-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.mystery-local-card-body {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: start;
  row-gap: 0.35rem;
  padding: 1rem 1rem 0.35rem;
  text-align: center;
}

.mystery-local-card-logo {
  width: min(100%, 200px);
  margin: 0 auto;
}

.mystery-local-card-title {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: -0.2rem;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 1.14;
  text-transform: uppercase;
  min-height: 72px;
  align-content: flex-start;
}

.mystery-local-card-bet-limits {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  max-width: 100%;
  margin: 0.15rem auto 0.35rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid rgba(239, 35, 23, 0.22);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #f5f6f8 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 8px 18px rgba(37, 40, 49, 0.08);
  color: #252831;
  font-family: Arial, sans-serif;
  white-space: nowrap;
}

.mystery-local-card-bet-item {
  display: inline-flex;
  align-items: baseline;
  gap: 0.28rem;
  min-width: 0;
}

.mystery-local-card-bet-label {
  color: #6b7280;
  font-size: clamp(0.66rem, 1vw, 0.78rem);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.mystery-local-card-bet-value {
  color: #ef2317;
  font-size: clamp(0.78rem, 1.2vw, 0.95rem);
  font-weight: 800;
  line-height: 1;
}

.mystery-local-card-brand {
  color: #252831;
  font-size: clamp(1.15rem, 2vw, 1.7rem);
}

.mystery-local-card-location {
  color: #ef2317;
  font-size: clamp(1rem, 1.6vw, 1.45rem);
}

.mystery-local-card-frame-wrap {
  position: relative;
  max-width: 360px;
  width: 100%;
  margin: -0.15rem auto 0;
}

.mystery-local-card-frame {
  display: block;
  width: 100%;
  height: auto;
}

.mystery-local-card-value {
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  color: #f5f5f5;
  font-family: Arial, sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.6rem);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
  white-space: nowrap;
}

.mystery-local-card-diamond {
  width: 110px;
  margin: -12px auto 0;
  position: relative;
  z-index: 1;
}

.mystery-bottom-diamond-wrap {
  max-width: 1200px;
  margin-top: -9.5rem;
}

.mystery-bottom-diamond {
  display: block;
  width: 60%;
  height: auto;
  margin: -1rem auto -70px 0;
}

@media (max-width: 767.98px) {
  .mystery-page .jackpot-slide {
    margin-top: 0;
  }

  .mystery-local-card-shadow {
    bottom: 1px;
  }

  .mystery-page .home-jackpot-widget-value {
    font-size: 26px;
  }

  .mystery-sapphire-jackpot-value {
    top: 54%;
    left: 54%;
    width: 62%;
    font-size: clamp(1.1rem, 7.5vw, 2.6rem);
  }

  .mystery-local-card-body {
    padding: 0.95rem 0.85rem 0.35rem;
  }

  .mystery-local-card-logo {
    width: min(100%, 200px);
  }

  .mystery-local-card-title {
    min-height: 64px;
  }

  .mystery-local-card-bet-limits {
    gap: 0.45rem;
    margin-top: 0.05rem;
    padding: 0.38rem 0.55rem;
  }

  .mystery-local-card-bet-label {
    font-size: 0.62rem;
  }

  .mystery-local-card-bet-value {
    font-size: 0.76rem;
  }

  .mystery-local-card-value {
    width: 72%;
    font-size: clamp(1.2rem, 6vw, 2rem);
  }

  .mystery-local-card-diamond {
    width: 90px;
  }

  .mystery-local-section {
    padding-bottom: 0.25rem;
  }
}



/* ==========================================================================
   pages/o_nama.blade.php
   ========================================================================== */

.page-o-nama .about-custom-page {
  background: #ebebeb;
}

.page-o-nama .about-custom-hero {
  position: relative;
  margin-top: 1.5rem;
  background: #111;
}

.page-o-nama .about-custom-hero-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.page-o-nama .about-custom-body {
  background-color: #ebebeb;
  background-image: url('../assets/other-pages/o-nama-bg.png');
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding: 3rem 0 4rem;
}

.page-o-nama .about-custom-content {
  max-width: 1200px;
}

.page-o-nama .about-custom-partners {
  margin: 0 auto 2rem;
  max-width: 440px;
  text-align: center;
}

.page-o-nama .about-custom-copy-card {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
  padding: 1.5rem;
}

.page-o-nama .about-custom-copy-wrap {
  position: relative;
}

.page-o-nama .about-custom-copy-shadow {
  position: absolute;
  left: 50%;
  bottom: 17px;
  z-index: 0;
  max-width: 92%;
  pointer-events: none;
  transform: translateX(-50%);
}

.page-o-nama .about-custom-copy-shadow-desktop {
  bottom: -68px;
}

.page-o-nama .about-custom-copy-title {
  margin: 0 0 1.5rem;
  color: #7a7a7a;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}

.page-o-nama .about-custom-copy {
  color: #6c757d;
  font-size: 0.95rem;
  line-height: 1.85;
}

.page-o-nama .about-custom-copy > *:last-child {
  margin-bottom: 0;
}

.page-o-nama .about-custom-copy p {
  margin-bottom: 1.25rem;
}

.page-o-nama .about-custom-info-wrap {
  margin-top: 4.5rem;
}

.page-o-nama .about-custom-partners-section {
  padding: 4rem 0 0.5rem;
}

.page-o-nama .home-partners-card {
  position: relative;
  max-width: 1536px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.36);
  overflow: hidden;
}

.page-o-nama .home-partners-card-image {
  width: 100%;
  display: block;
}

.page-o-nama .home-partners-copy-panel {
  position: absolute;
  top: 50%;
  right: clamp(26px, 5vw, 84px);
  transform: translateY(-50%);
  width: min(37%, 520px);
  text-align: center;
}

.page-o-nama .home-partners-copy-intro {
  margin: 0 0 clamp(8px, 1vw, 16px);
  color: #34363d;
  font-size: clamp(1.1rem, 1.9vw, 2.25rem);
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.page-o-nama .home-partners-copy-intro-highlight {
  color: #e42314;
  font-weight: 700;
}

.page-o-nama .home-partners-copy-headline {
  margin: 0;
  color: #43474e;
  font-size: clamp(2rem, 3.5vw, 4.25rem);
  line-height: 0.95;
  font-weight: 800;
  text-transform: uppercase;
}

.page-o-nama .home-partners-logos-shell {
  position: relative;
  max-width: 1536px;
  margin: clamp(24px, 3vw, 36px) auto 0;
  min-height: clamp(110px, 14vw, 120px);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.82) 16%,
    rgba(255, 255, 255, 0.98) 34%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0.98) 66%,
    rgba(255, 255, 255, 0.82) 84%,
    rgba(255, 255, 255, 0) 100%
  );
  overflow: hidden;
}

.page-o-nama .home-partners-logos {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(28px, 4vw, 56px);
  flex-wrap: wrap;
  padding: clamp(14px, 1.8vw, 24px) clamp(18px, 2.4vw, 32px);
}

.page-o-nama .home-partners-logo {
  height: clamp(56px, 4vw, 112px);
  width: auto;
  display: block;
}

.page-o-nama .about-custom-info-card {
  text-align: center;
  padding: 2.7rem 2.5rem 2.4rem;
}

.page-o-nama .about-custom-info-subtitle {
  margin: 0 0 4.25rem;
  color: #4f4f4f;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.3;
}

.page-o-nama .about-custom-info-grid {
  margin: 0 auto 3.75rem;
  max-width: 720px;
  row-gap: 2rem;
}

.page-o-nama .about-custom-info-block {
  color: #4f4f4f;
  font-size: 1rem;
  line-height: 1.55;
}

.page-o-nama .about-custom-info-block p {
  margin-bottom: 0.7rem;
}

.page-o-nama .about-custom-info-block a {
  color: inherit;
  text-decoration: none;
}

.page-o-nama .about-custom-info-note {
  margin: 0.95rem auto 0;
  max-width: 920px;
  color: #4f4f4f;
  font-size: 1rem;
  line-height: 1.45;
}

@media (max-width: 767.98px) {
  .page-o-nama .about-custom-hero {
    margin-top: 0;
  }

  .page-o-nama .about-custom-body {
    padding: 2rem 0 3rem;
    background-size: cover;
  }

  .page-o-nama .about-custom-partners {
    max-width: 320px;
    margin-bottom: 1.5rem;
  }

  .page-o-nama .about-custom-copy-card {
    border-radius: 14px;
    padding: 1.1rem;
  }

  .page-o-nama .about-custom-copy {
    font-size: 0.92rem;
    line-height: 1.7;
  }

  .page-o-nama .about-custom-info-wrap {
    margin-top: 3.5rem;
  }

  .page-o-nama .about-custom-partners-section {
    padding-top: 3rem;
  }

  .page-o-nama .home-partners-copy-panel {
    right: 1rem;
    width: min(42%, 220px);
  }

  .page-o-nama .home-partners-copy-intro {
    font-size: clamp(0.7rem, 3vw, 1rem);
  }

  .page-o-nama .home-partners-copy-headline {
    font-size: clamp(1.25rem, 6vw, 2rem);
  }

  .page-o-nama .about-custom-info-card {
    padding: 1.75rem 1rem 1.6rem;
  }

  .page-o-nama .about-custom-info-subtitle {
    margin-bottom: 2rem;
    font-size: 1rem;
  }

  .page-o-nama .about-custom-info-grid {
    margin-bottom: 2.25rem;
    row-gap: 1.25rem;
  }

  .page-o-nama .about-custom-info-block {
    font-size: 0.95rem;
  }

  .page-o-nama .about-custom-info-note {
    font-size: 0.92rem;
    line-height: 1.6;
  }
}


/* ==========================================================================
   pages/rulet.blade.php
   ========================================================================== */

@font-face {
  font-family: 'Anton Local';
  src: url('../assets/rulet/Anton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Berlin Sans FB';
  src: url('../assets/fonts/BRLNSR.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.rulet-hero {
  position: relative;
  width: 100%;
  margin-top: 1.5rem;
  background: #000000;
}

.rulet-hero-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.rulet-page {
  background: #000000;
  color: #ffffff;
  padding-bottom: 3rem;
}

.rulet-page .home-jackpot-widgets-strip .container-fluid {
  width: 100%;
  max-width: 100%;
}

.rulet-page .home-jackpot-widgets-strip .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

.rulet-page .home-jackpot-widgets-strip [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

.rulet-page .home-jackpot-widget {
  background: #000000;
}

.rulet-intro {
  padding: 2.5rem 0 0;
  background:
    radial-gradient(circle at center top, rgba(98, 0, 255, 0.18) 0%, rgba(0, 0, 0, 0) 42%),
    #000000;
}

.rulet-copy-block {
  max-width: 1000px;
  margin: 0 auto;
}

.rulet-kicker,
.rulet-details-kicker {
  margin: 0;
  color: #9d9d9d;
  font-family: Montserrat, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.34em;
  text-transform: uppercase;
}

.rulet-details-kicker {
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: 0.08em;
}

.rulet-title {
  margin: 0 0 0.95rem;
  color: #f5e1b1;
  font-family: 'Anton Local', Montserrat, sans-serif;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.08;
}

.rulet-copy-line,
.rulet-details-line {
  margin: 0.35rem auto 0;
  color: #c4c4c4;
  font-family: Montserrat, sans-serif;
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.85;
}

.rulet-copy-line {
  max-width: 1680px;
}

.rulet-details-line {
  max-width: 1120px;
}

.rulet-logo-stack {
  position: relative;
  margin: 2.25rem auto 0;
  padding-bottom: 0;
}

.rulet-watermark-logo {
  display: block;
  width: min(100%, 660px);
  margin: 0 auto;
  opacity: 0.12;
}

.rulet-chips {
  display: block;
  width: clamp(84px, 10vw, 128px);
  max-width: 100%;
  margin: -0.25rem auto 0;
}

.rulet-main-image-section {
  position: relative;
  margin-top: 1rem;
}

.rulet-main-image-section::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(180px, 22vw, 360px);
  background: linear-gradient(
    to bottom,
    rgba(7, 1, 32, 0) 0%,
    rgba(11, 1, 25, 0.18) 18%,
    rgba(11, 1, 25, 0.48) 42%,
    rgba(11, 1, 25, 0.82) 70%,
    #0b0119 100%
  );
  pointer-events: none;
}

.rulet-main-image {
  display: block;
  width: 100%;
  height: auto;
}

.rulet-details {
  position: relative;
  margin-top: -4.5rem;
  padding: 7rem 0 1.75rem;
  background-color: #0a0115;
}

.rulet-details-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(26px, 4vw, 54px);
  max-width: 1360px;
  margin: 2.2rem auto 0;
  text-align: center;
}

.rulet-details-card {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.rulet-details-card-title {
  margin: 0 0 0.7rem;
  color: #f4f4f4;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.55rem, 2.4vw, 2.3rem);
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.25;
  text-align: left;
}

.rulet-details-card-title-accent {
  color: #ef2317;
}

.rulet-details-card-copy {
  margin: 0;
  max-width: 1240px;
  color: #f0f0f0;
  font-family: Montserrat, sans-serif;
  font-size: clamp(0.84rem, 1vw, 1rem);
  font-weight: 300;
  line-height: 1.55;
  text-align: left;
}

.rulet-details-card-copy-spaced {
  margin-top: 1rem;
}

.rulet-tournament-signup {
  max-width: 1040px;
  margin-top: 1.45rem;
  padding: clamp(18px, 2.2vw, 30px);
  border: 1px solid rgba(239, 35, 23, 0.32);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(239, 35, 23, 0.12), rgba(10, 1, 21, 0.82)),
    rgba(255, 255, 255, 0.035);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.rulet-tournament-signup-intro {
  margin: 0 0 1rem;
  color: #f4f4f4;
  font-family: Montserrat, sans-serif;
  font-size: clamp(0.96rem, 1.15vw, 1.12rem);
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
}

.rulet-tournament-form {
  margin: 0;
}

.rulet-tournament-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(150px, 0.5fr) auto;
  gap: 14px;
  align-items: end;
}

.rulet-tournament-field {
  display: block;
  margin: 0;
  text-align: left;
}

.rulet-tournament-field span {
  display: block;
  margin-bottom: 0.38rem;
  color: rgba(255, 255, 255, 0.72);
  font-family: Montserrat, sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rulet-tournament-field input,
.rulet-tournament-field select {
  width: 100%;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.42);
  color: #ffffff;
  font-family: Montserrat, sans-serif;
  font-size: 0.95rem;
  outline: none;
  padding: 0 0.9rem;
  color-scheme: dark;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.rulet-tournament-field select option {
  background: #15051f;
  color: #ffffff;
}

.rulet-tournament-field select option:checked {
  background: #ef2317;
  color: #ffffff;
}

.rulet-tournament-field input:focus,
.rulet-tournament-field select:focus {
  border-color: rgba(239, 35, 23, 0.82);
  box-shadow: 0 0 0 3px rgba(239, 35, 23, 0.16);
}

.rulet-tournament-submit {
  height: 46px;
  min-width: 146px;
  border-radius: 6px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.rulet-details-card-list {
  margin: 0.9rem 0 0;
  padding-left: 1.2rem;
  color: #f0f0f0;
  font-family: Montserrat, sans-serif;
  font-size: clamp(0.84rem, 1vw, 1rem);
  font-weight: 300;
  line-height: 1.55;
  text-align: left;
}

.rulet-details-card-list li + li {
  margin-top: 0.45rem;
}

@media (max-width: 767.98px) {
  .rulet-hero {
    margin-top: 0;
  }

  .rulet-intro {
    padding-top: 1.75rem;
  }

  .rulet-title {
    font-size: 1.7rem;
  }

  .rulet-copy-line,
  .rulet-details-line {
    font-size: 0.82rem;
    line-height: 1.7;
  }

  .rulet-logo-stack {
    margin-top: 1.5rem;
    padding-bottom: 0;
  }

  .rulet-chips {
    width: 88px;
    margin-top: -0.15rem;
  }

  .rulet-details {
    margin-top: -2.4rem;
    padding-top: 4.4rem;
  }

  .rulet-details-grid {
    gap: 18px;
    margin-top: 1.75rem;
  }

  .rulet-details-card {
    text-align: center;
  }

  .rulet-tournament-form-grid {
    grid-template-columns: 1fr;
  }

  .rulet-tournament-submit {
    width: 100%;
  }

  .rulet-details-card-title {
    font-size: 1.25rem;
    text-align: left;
  }

  .rulet-details-card-copy {
    font-size: 0.82rem;
    line-height: 1.7;
    text-align: left;
  }
}


/* ==========================================================================
   pages/slot.blade.php
   ========================================================================== */

.slot-hero {
  position: relative;
  width: 100%;
  margin-top: 1.5rem;
  background: #000000;
}

.slot-showcase {
  width: 100%;
  background: transparent;
}

.slot-hero-image,
.slot-showcase-image {
  display: block;
  width: 100%;
  height: auto;
}

.slot-hero-image {
  object-fit: contain;
}

.slot-page {
  background: #ffffff;
}

.slot-page .home-jackpot-widgets-strip .container-fluid {
  width: 100%;
  max-width: 100%;
}

.slot-page .home-jackpot-widgets-strip .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

.slot-page .home-jackpot-widgets-strip [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

.slot-page .home-jackpot-widget {
  background: #000000;
}

.slot-intro {
  padding: clamp(2rem, 4vw, 3.35rem) 0 clamp(1.4rem, 2.2vw, 2rem);
  background: #ffffff;
}

.slot-heading-image {
  width: min(100%, 420px);
  margin: 0 auto 1.4rem;
}

.slot-copy-block {
  max-width: 1260px;
  margin: 0 auto;
}

.slot-copy-line,
.slot-details-line {
  margin: 0.4rem auto 0;
  color: #5d5d5d;
  font-family: Montserrat, sans-serif;
  font-size: clamp(0.9rem, 1.1vw, 0.98rem);
  font-weight: 300;
  line-height: 1.85;
}

.slot-background-section {
  position: relative;
  padding: clamp(2.25rem, 4vw, 3.5rem) 0 clamp(2.8rem, 6vw, 4.8rem);
  background:
    linear-gradient(to bottom, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0) 18%),
    url('../assets/slot/slot-bg.png') top center / cover no-repeat;
}

.slot-logos-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.8rem, 3vw, 2rem);
  max-width: 720px;
  margin: 0 auto;
  padding: 0.95rem clamp(1rem, 3vw, 2rem);
}

.slot-logo-image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.slot-logo-amusnet {
  max-height: 58px;
}

.slot-logo-egt {
  max-height: 58px;
}

.slot-logo-novomatic {
  max-height: 58px;
}

.slot-details {
  padding: clamp(1.4rem, 3vw, 2.4rem) 0 0;
}

.slot-details-title,
.slot-machine-title {
  margin: 0;
  color: #3a3a3a;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.1;
  text-transform: uppercase;
}

.slot-machine-section {
  padding: clamp(2.2rem, 4vw, 3.35rem) 0 0;
}

.slot-machine-image {
  width: min(100%, 740px);
  margin: 1rem auto 0;
}

.slot-games-section {
  padding-top: clamp(1.4rem, 3vw, 2rem);
}

.slot-games-image {
  width: min(100%, 940px);
  margin: 0 auto;
}

@media (max-width: 991.98px) {
  .slot-background-section {
    background-position: center top;
    background-size: cover;
  }

  .slot-logos-card {
    gap: 0.9rem;
    padding: 0.85rem 1rem;
  }
}

@media (max-width: 767.98px) {
  .slot-hero {
    margin-top: 0;
  }

  .slot-intro {
    padding-top: 1.7rem;
  }

  .slot-copy-line,
  .slot-details-line {
    max-width: 320px;
    font-size: 0.82rem;
    line-height: 1.65;
  }

  .slot-background-section {
    padding-top: 1.6rem;
    padding-bottom: 2.5rem;
    background-size: 1800px auto;
  }

  .slot-logos-card {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.7rem 0;
  }

  .slot-logo-image {
    width: 100%;
    max-width: 150px;
    justify-self: center;
  }

  .slot-logo-amusnet {
    max-height: 28px;
  }

  .slot-logo-egt {
    max-height: 26px;
  }

  .slot-logo-novomatic {
    max-height: 28px;
  }

  .slot-details-title,
  .slot-machine-title {
    font-size: 1.5rem;
    letter-spacing: 0.03em;
  }

  .slot-machine-image {
    margin-top: 0.75rem;
  }
}


/* ==========================================================================
   pages/win_the_spin.blade.php
   ========================================================================== */

.page-win-the-spin .win-the-spin-hero {
  position: relative;
  width: 100%;
  margin-top: 1.5rem;
  background-color: #000000;
}

.page-win-the-spin .win-the-spin-hero-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.win-the-spin-page .home-jackpot-widgets-strip .container-fluid {
  width: 100%;
  max-width: 100%;
}

.win-the-spin-page .home-jackpot-widgets-strip .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

.win-the-spin-page .home-jackpot-widgets-strip [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

.win-the-spin-page .home-jackpot-widget {
  position: relative;
  overflow: hidden;
  background: #000000;
}

.win-the-spin-page .home-jackpot-widget-media {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.win-the-spin-page .home-jackpot-widget-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #f3f4f6;
  font-size: clamp(1rem, 1.45vw, 2.45rem);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

.win-the-spin-page .home-jackpot-widget-value-offset {
  left: 70%;
}

.page-win-the-spin .win-the-spin-intro {
  padding: 3rem 0 1rem;
  background-color: #f1f1f1;
}

.page-win-the-spin .win-the-spin-intro-title {
  display: block;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}

.page-win-the-spin .win-the-spin-intro-fire {
  display: block;
  width: 100%;
  max-width: 88px;
  margin: 1rem auto 0;
}

.page-win-the-spin .win-the-spin-intro-logo {
  display: block;
  width: 100%;
  max-width: 520px;
  margin: 0 auto 0;
  opacity: 0.14;
}

.page-win-the-spin .win-the-spin-intro-copy {
  max-width: 1040px;
  margin: 1.25rem auto 0;
  color: #555555;
  font-size: 1rem;
  line-height: 1.8;
  text-align: center;
}

.page-win-the-spin .win-the-spin-payment-card {
  display: block;
  width: 100%;
  max-width: 360px;
  margin: 2rem auto 0;
}

.page-win-the-spin .win-the-spin-lower-section {
  position: relative;
  width: 100%;
  margin-top: 0.75rem;
  padding: 0.25rem 0 9.5rem;
  background-image: url('../assets/win-the-spin/winthespin-bg.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

.page-win-the-spin .win-the-spin-lower-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 180px;
  background: linear-gradient(to bottom, #f1f1f1 0%, rgba(241, 241, 241, 0.92) 30%, rgba(241, 241, 241, 0) 100%);
  pointer-events: none;
}

.page-win-the-spin .win-the-spin-lower-section .container {
  position: relative;
  z-index: 1;
}

.page-win-the-spin .win-the-spin-intro-copy-bottom {
  margin-top: 1.5rem;
}

.page-win-the-spin .win-the-spin-section-title {
  max-width: 1080px;
  margin: 2rem auto 0;
  color: #5d5d5d;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.page-win-the-spin .win-the-spin-prizes {
  max-width: 1080px;
  margin: 2rem auto 0;
}

.page-win-the-spin .win-the-spin-prize-card {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5.75rem;
  --win-the-spin-live-number-min: 0.95rem;
  --win-the-spin-live-number-fluid: 2.55vw;
  --win-the-spin-live-number-max: 2.15rem;
  --win-the-spin-live-number-stroke: 1px;
  --win-the-spin-progress-min: 1.55rem;
  --win-the-spin-progress-fluid: 4.8vw;
  --win-the-spin-progress-max: 5rem;
  --win-the-spin-progress-stroke-min: 0.8px;
  --win-the-spin-progress-stroke-fluid: 0.11vw;
  --win-the-spin-progress-stroke-max: 1.6px;
  --win-the-spin-selected-min: 1.45rem;
  --win-the-spin-selected-fluid: 4.5vw;
  --win-the-spin-selected-max: 4.75rem;
  --win-the-spin-selected-stroke-min: 0.8px;
  --win-the-spin-selected-stroke-fluid: 0.11vw;
  --win-the-spin-selected-stroke-max: 1.5px;
  --win-the-spin-last-min: 0.98rem;
  --win-the-spin-last-fluid: 2.45vw;
  --win-the-spin-last-max: 2.3rem;
  --win-the-spin-last-stroke-min: 0.45px;
  --win-the-spin-last-stroke-fluid: 0.07vw;
  --win-the-spin-last-stroke-max: 1px;
  --win-the-spin-last-first-min: 1.57rem;
  --win-the-spin-last-first-fluid: 3.92vw;
  --win-the-spin-last-first-max: 3.68rem;
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.34));
}

.page-win-the-spin .win-the-spin-prize-card-2 {
  width: 75%;
  --win-the-spin-live-number-min: 0.7125rem;
  --win-the-spin-live-number-fluid: 1.9125vw;
  --win-the-spin-live-number-max: 1.6125rem;
  --win-the-spin-live-number-stroke: 0.75px;
  --win-the-spin-progress-min: 1.1625rem;
  --win-the-spin-progress-fluid: 3.6vw;
  --win-the-spin-progress-max: 3.75rem;
  --win-the-spin-progress-stroke-min: 0.6px;
  --win-the-spin-progress-stroke-fluid: 0.0825vw;
  --win-the-spin-progress-stroke-max: 1.2px;
  --win-the-spin-selected-min: 1.0875rem;
  --win-the-spin-selected-fluid: 3.375vw;
  --win-the-spin-selected-max: 3.5625rem;
  --win-the-spin-selected-stroke-min: 0.6px;
  --win-the-spin-selected-stroke-fluid: 0.0825vw;
  --win-the-spin-selected-stroke-max: 1.125px;
  --win-the-spin-last-min: 0.735rem;
  --win-the-spin-last-fluid: 1.8375vw;
  --win-the-spin-last-max: 1.725rem;
  --win-the-spin-last-stroke-min: 0.3375px;
  --win-the-spin-last-stroke-fluid: 0.0525vw;
  --win-the-spin-last-stroke-max: 0.75px;
  --win-the-spin-last-first-min: 1.1775rem;
  --win-the-spin-last-first-fluid: 2.94vw;
  --win-the-spin-last-first-max: 2.76rem;
}

.page-win-the-spin .win-the-spin-prize-card-3 {
  width: 50%;
  --win-the-spin-live-number-min: 0.475rem;
  --win-the-spin-live-number-fluid: 1.275vw;
  --win-the-spin-live-number-max: 1.075rem;
  --win-the-spin-live-number-stroke: 0.5px;
  --win-the-spin-progress-min: 0.775rem;
  --win-the-spin-progress-fluid: 2.4vw;
  --win-the-spin-progress-max: 2.5rem;
  --win-the-spin-progress-stroke-min: 0.4px;
  --win-the-spin-progress-stroke-fluid: 0.055vw;
  --win-the-spin-progress-stroke-max: 0.8px;
  --win-the-spin-selected-min: 0.725rem;
  --win-the-spin-selected-fluid: 2.25vw;
  --win-the-spin-selected-max: 2.375rem;
  --win-the-spin-selected-stroke-min: 0.4px;
  --win-the-spin-selected-stroke-fluid: 0.055vw;
  --win-the-spin-selected-stroke-max: 0.75px;
  --win-the-spin-last-min: 0.49rem;
  --win-the-spin-last-fluid: 1.225vw;
  --win-the-spin-last-max: 1.15rem;
  --win-the-spin-last-stroke-min: 0.225px;
  --win-the-spin-last-stroke-fluid: 0.035vw;
  --win-the-spin-last-stroke-max: 0.5px;
  --win-the-spin-last-first-min: 0.785rem;
  --win-the-spin-last-first-fluid: 1.96vw;
  --win-the-spin-last-first-max: 1.84rem;
}

.page-win-the-spin .win-the-spin-prize-card-image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
}

.page-win-the-spin .win-the-spin-prize-card-shadow {
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: -17%;
  width: 100%;
  max-width: 100%;
  height: auto;
  transform: translateX(-50%);
  pointer-events: none;
}

.page-win-the-spin .win-the-spin-live-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.page-win-the-spin .win-the-spin-live-number,
.page-win-the-spin .win-the-spin-progress-count,
.page-win-the-spin .win-the-spin-selected-count,
.page-win-the-spin .win-the-spin-last-number {
  position: absolute;
  transform: translate(-50%, -50%);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
}

.page-win-the-spin .win-the-spin-live-number {
  font-size: clamp(var(--win-the-spin-live-number-min), var(--win-the-spin-live-number-fluid), var(--win-the-spin-live-number-max));
  -webkit-text-stroke: var(--win-the-spin-live-number-stroke) #ffffff;
  text-shadow:
    0 1px 0 #ffffff,
    0 2px 4px rgba(0, 0, 0, 0.95),
    0 0 8px rgba(0, 0, 0, 0.7);
}

.page-win-the-spin .win-the-spin-live-number-red {
  color: #e81916;
}

.page-win-the-spin .win-the-spin-live-number-black {
  color: #101010;
}

.page-win-the-spin .win-the-spin-live-number-green {
  color: #11a845;
}

.page-win-the-spin .win-the-spin-live-number-neutral {
  color: #ffffff;
}

.page-win-the-spin .win-the-spin-hot-number-1,
.page-win-the-spin .win-the-spin-cold-number-1 {
  left: 5.75%;
}

.page-win-the-spin .win-the-spin-hot-number-2,
.page-win-the-spin .win-the-spin-cold-number-2 {
  left: 15%;
}

.page-win-the-spin .win-the-spin-hot-number-3,
.page-win-the-spin .win-the-spin-cold-number-3 {
  left: 24.25%;
}

.page-win-the-spin .win-the-spin-hot-number-4,
.page-win-the-spin .win-the-spin-cold-number-4 {
  left: 33.5%;
}

.page-win-the-spin .win-the-spin-hot-number-5,
.page-win-the-spin .win-the-spin-cold-number-5 {
  left: 43.4%;
}

.page-win-the-spin .win-the-spin-hot-number {
  top: 15.5%;
}

.page-win-the-spin .win-the-spin-cold-number {
  top: 88.2%;
}

.page-win-the-spin .win-the-spin-progress-count {
  top: 43.4%;
  left: 72.7%;
  color: #f5f5f5;
  font-size: clamp(var(--win-the-spin-progress-min), var(--win-the-spin-progress-fluid), var(--win-the-spin-progress-max));
  -webkit-text-stroke: clamp(var(--win-the-spin-progress-stroke-min), var(--win-the-spin-progress-stroke-fluid), var(--win-the-spin-progress-stroke-max)) rgba(0, 0, 0, 0.55);
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.75);
}

.page-win-the-spin .win-the-spin-selected-count {
  top: 61.8%;
  left: 72.7%;
  color: #ffffff;
  font-size: clamp(var(--win-the-spin-selected-min), var(--win-the-spin-selected-fluid), var(--win-the-spin-selected-max));
  -webkit-text-stroke: clamp(var(--win-the-spin-selected-stroke-min), var(--win-the-spin-selected-stroke-fluid), var(--win-the-spin-selected-stroke-max)) rgba(0, 0, 0, 0.65);
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.85);
}

.page-win-the-spin .win-the-spin-last-number {
  top: 92.9%;
  font-size: clamp(var(--win-the-spin-last-min), var(--win-the-spin-last-fluid), var(--win-the-spin-last-max));
  -webkit-text-stroke: clamp(var(--win-the-spin-last-stroke-min), var(--win-the-spin-last-stroke-fluid), var(--win-the-spin-last-stroke-max)) #ffffff;
  text-shadow:
    0 1px 0 #ffffff,
    0 2px 3px rgba(0, 0, 0, 0.95);
}

.page-win-the-spin .win-the-spin-last-number-1 {
  left: 53.8%;
  font-size: clamp(var(--win-the-spin-last-first-min), var(--win-the-spin-last-first-fluid), var(--win-the-spin-last-first-max));
}
.page-win-the-spin .win-the-spin-last-number-2 { left: 59%; }
.page-win-the-spin .win-the-spin-last-number-3 { left: 63.2%; }
.page-win-the-spin .win-the-spin-last-number-4 { left: 67.4%; }
.page-win-the-spin .win-the-spin-last-number-5 { left: 71.6%; }
.page-win-the-spin .win-the-spin-last-number-6 { left: 75.8%; }
.page-win-the-spin .win-the-spin-last-number-7 { left: 80%; }
.page-win-the-spin .win-the-spin-last-number-8 { left: 84.2%; }
.page-win-the-spin .win-the-spin-last-number-9 { left: 88.4%; }
.page-win-the-spin .win-the-spin-last-number-10 { left: 92.6%; }

.page-win-the-spin .win-the-spin-prize-card-content {
  position: absolute;
  top: 50%;
  left: 43%;
  transform: translate(-50%, -50%);
  width: 27%;
  color: #ffffff;
  text-align: left;
}

.page-win-the-spin .win-the-spin-prize-card-title {
  margin: 0 0 0.5rem;
  color: #ffffff;
  font-size: clamp(1rem, 2vw, 2rem);
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

.page-win-the-spin .win-the-spin-prize-card-copy {
  margin: 0;
  color: #ffffff;
  font-size: clamp(0.52rem, 0.95vw, 0.95rem);
  line-height: 1.35;
}

.page-win-the-spin .win-the-spin-closing-copy {
  margin-top: 2rem;
}

@media (max-width: 767.98px) {
  .page-win-the-spin .win-the-spin-hero {
    margin-top: 0;
  }

  .page-win-the-spin .win-the-spin-prizes {
    margin-top: 1.5rem;
  }

  .page-win-the-spin .win-the-spin-prize-card-2,
  .page-win-the-spin .win-the-spin-prize-card-3 {
    width: 100%;
    --win-the-spin-live-number-min: 0.95rem;
    --win-the-spin-live-number-fluid: 2.55vw;
    --win-the-spin-live-number-max: 2.15rem;
    --win-the-spin-live-number-stroke: 1px;
    --win-the-spin-progress-min: 1.55rem;
    --win-the-spin-progress-fluid: 4.8vw;
    --win-the-spin-progress-max: 5rem;
    --win-the-spin-progress-stroke-min: 0.8px;
    --win-the-spin-progress-stroke-fluid: 0.11vw;
    --win-the-spin-progress-stroke-max: 1.6px;
    --win-the-spin-selected-min: 1.45rem;
    --win-the-spin-selected-fluid: 4.5vw;
    --win-the-spin-selected-max: 4.75rem;
    --win-the-spin-selected-stroke-min: 0.8px;
    --win-the-spin-selected-stroke-fluid: 0.11vw;
    --win-the-spin-selected-stroke-max: 1.5px;
    --win-the-spin-last-min: 0.98rem;
    --win-the-spin-last-fluid: 2.45vw;
    --win-the-spin-last-max: 2.3rem;
    --win-the-spin-last-stroke-min: 0.45px;
    --win-the-spin-last-stroke-fluid: 0.07vw;
    --win-the-spin-last-stroke-max: 1px;
    --win-the-spin-last-first-min: 1.57rem;
    --win-the-spin-last-first-fluid: 3.92vw;
    --win-the-spin-last-first-max: 3.68rem;
  }

  .page-win-the-spin .win-the-spin-prize-card {
    margin-bottom: 4rem;
  }

  .page-win-the-spin .win-the-spin-prize-card-shadow {
    bottom: -18%;
  }

  .page-win-the-spin .win-the-spin-prize-card-content {
    left: 43%;
    width: 29%;
  }

  .page-win-the-spin .win-the-spin-prize-card-title {
    margin-bottom: 0.25rem;
    font-size: clamp(0.62rem, 4vw, 1.15rem);
  }

  .page-win-the-spin .win-the-spin-prize-card-copy {
    font-size: clamp(0.34rem, 1.85vw, 0.62rem);
    line-height: 1.25;
  }

  .page-win-the-spin .win-the-spin-closing-copy {
    margin-top: 1.5rem;
    font-size: 0.92rem;
    line-height: 1.8;
  }

  .page-win-the-spin .win-the-spin-lower-section {
    padding-bottom: 7rem;
  }
}