:root{--accent:#ff2d55;--accent-2:#ffed4f}

      * {
        padding: 0px;
        margin: 0px;
        border: none;
      }
      
      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }
      
      a, a:link, a:visited {
        cursor: pointer;
        text-decoration: none;
        color: #fff;
      }
      
      a:hover {
        text-decoration: none;
        cursor: pointer;
      }
      
      aside, nav, footer, header, section, main {
        display: block;
      }
      
      h1, h2, h3, h4, h5, h6 {
        font-weight: inherit;
        font-family: "Russo One", sans-serif;
      }
      
      p {
        font-weight: inherit;
      }
      
      ul, ul li {
        list-style: none;
      }
      
      img {
        vertical-align: top;
        max-width: none;
      }
      
      img, svg {
        max-width: 100%;
        height: auto;
      }
      
      address {
        font-style: normal;
      }
      
      
      input, textarea, button, select {
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
      }
      
      input::-ms-clear {
        display: none;
      }
      
      button, input[type=submit] {
        display: inline-block;
        box-shadow: none;
        background-color: transparent;
        background: none;
        cursor: pointer;
      }
      
      input:focus, input:active,
      button:focus, button:active {
        outline: none;
      }
      
      button::-moz-focus-inner {
        padding: 0;
        border: 0;
      }
      
      label {
        cursor: pointer;
      }
      
      legend {
        display: block;
      }
      
      
      .header__block_button {
        transition: 0.4s ease;
      }
      .header__block_button:hover {
        background-color: #0b0b55;
        border: none;
        text-decoration: none;
      }
      .header__block_button:active {
        background-color: #6d1d57;
        filter: blur(3px);
      }
      .header__block_button:focus {
        outline: none;
        background-color: #a41e1e;
      }
      
      .header {
        background-color: #1f1f21;
        margin: 0 auto;
        color: #000000;
        text-align: center;
        width: 100%;
      }
      
      .header__block {
        display: flex;
        gap: 0;
        margin: 0 auto;
        text-align: center;
        justify-content: space-between;
        align-items: center;
        max-width: 1160px;
        padding: 9px 0px;
        max-height: 56px;
        
      }
      .header__block svg {
        position: relative;
        z-index: 50;
      }
      .header__block img {
        width: 140px;
        height: 57px;
      }
      .header__block_nav {
    
        font-size: 15px;
        text-transform: uppercase;
      }
      .header__block_nav ul {
        display: flex;
        gap: 35px;
    
      }
      .header__block_nav ul li {
        padding: 2px;
        font-weight: bold;
      }
      .header__block_nav ul li a {
        color: rgba(104, 0, 139, 0.9176470588);
        transition: color 0.3s ease;
      }
      .header__block_nav ul li a:hover {
        color: var(--accent-2);
      }
    
      @media (max-width: 520px) {
        .header__block_button .btn-row {
          gap: 12px;
        }
        .header__block_button .btn {
          height: 42px;
          padding: 0 20px;
          font-size: 13px;
        }
      }
      .header__block_button a {
        text-align: center;
        align-self: center;
        color: #000;
      }
      .header__block .header__block_mobnav {
        display: none;
      }
      .header__block .header__block_mobnav {
        display: none;
      }
      
      
      .btn-plus-language {
        display: flex;
        gap: 15px;
        align-items: center;
      }
      .btn-plus-language .language {
        position: relative;
        cursor: pointer;
        padding: 2px;
      }
      .btn-plus-language .language .drop-down-menu {
        position: absolute;
        top: 100%;
        left: 0px;
        display: none;
        background: white;
        border-radius: 6px;
        padding: 4px;
        z-index: 100;
      }
      .btn-plus-language .language .drop-down-menu .drop-down {
        
        transition: background 0.2s ease;
      }
      .btn-plus-language .language .drop-down-menu .drop-down:hover {
        background-image: linear-gradient(90deg, #FFC556 0%, var(--accent-2) 100%);
      }
      .btn-plus-language .language .drop-down-menu .active-lang {
        background-image: linear-gradient(90deg, #FFC556 0%, var(--accent-2) 100%);
      }
      .btn-plus-language .language .drop-down {
        display: flex;
        gap: 8px;
        align-items: center;
        padding: 5px 8px;
        border-radius: 6px;
        color: #000000;
      }
      .btn-plus-language .language .drop-down img {
        max-width: 25px;
        max-height: 25px;
        border-radius: 50%;
      }
      .btn-plus-language .language .drop-down:hover {
        background-color: gold;
        transition: background 0.2s ease;
      }
      .btn-plus-language .language .drop-down2 {
        display: flex;
        gap: 8px;
        align-items: center;
        padding: 5px 8px;
        border-radius: 6px;
        color: #000000;
        cursor: pointer;
        transition: background-color 0.2s ease;
      }
      .btn-plus-language .language .drop-down2 img {
        max-width: 18px;
        max-height: 18px;
        border-radius: 50%;
      }
      .btn-plus-language .language .drop-down2::after {
        content: "";
        display: inline-block;
        margin-left: 6px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 5px 0 5px;
        border-color: currentColor transparent transparent transparent;
      }
      .btn-plus-language .language .drop-down2:hover {
        background-image: linear-gradient(90deg, #FFC556 0%, var(--accent-2) 100%);
      }
      .btn-plus-language .language .drop-down2:focus-visible {
        outline: 2px solid rgba(0, 0, 0, 0.2);
        outline-offset: 2px;
      }
      .btn-plus-language .language:hover .drop-down-menu {
        display: flex;
        gap: 10px;
        flex-direction: column;
        min-width: 127px;
      }
      
      .language2 {
        display: none;
      }
      
      
      
      @media (max-width: 1010px) {
        .header__block {
          margin-left: 0px;
          margin-right: 0px;
          padding: 0px 8px;
          height: 56px;
          min-height: 62px;
        }
        .header__block img {
          width: 135px;
          height: 60px;
        }
      }
      @media (max-width: 768px) {
        .header__block a {
          z-index: 100;
        }
        .header__block img {
          z-index: 100;
        }
        .header__block_nav {
          display: none;
        }
        .header__block_button {
          display: none;
        }
        .header__block #burger-btn {
          display: inline-block;
          z-index: 5;
          position: relative;
          top: 0;
          left: 0;
          width: 2.5em;
          height: 2em;
        }
        .header__block #burger-btn span {
          position: absolute;
          top: 50%;
          left: 71%;
          width: 23px;
          height: 3.1px;
          background-color: #8d1496;
          transition: all 0.3s ease;
          transform: translate(-50%, -50%);
        }
        .header__block #burger-btn::before {
          content: "";
          position: absolute;
          top: 20%;
          right: 0;
          width: 23px;
          height: 3.1px;
          background-color: #8d1496;
          transition: all 0.3s ease;
        }
        .header__block #burger-btn::after {
          content: "";
          position: absolute;
          top: 70%;
          right: 0;
          width: 23px;
          height: 3.1px;
          background-color: #8d1496;
          transition: all 0.3s ease;
        }
        .header__block #burger-btn.active span {
          opacity: 0;
          visibility: hidden;
        }
        .header__block #burger-btn.active::before {
          top: 50%;
          right: -2px;
          transform: rotate(-45deg) translateY(-50%);
          background-color: #ffffff;
        }
        .header__block #burger-btn.active::after {
          top: 50%;
          transform: rotate(45deg) translateY(-50%);
          background-color: #ffffff;
        }
        .header__block .header__block_mobnav {
          display: flex;
          gap: 20px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background: linear-gradient(135deg, #2e004f 0%, #68008b 40%, #a64ac9 100%);
          z-index: 4;
          position: absolute;
          top: 0%;
          left: 0;
          right: 0;
          width: 100vw;
          height: 50vh;
          overflow-x: hidden;
          transform: translateY(-130%);
          opacity: 0;
          visibility: hidden;
          transition: transform 0.4s ease, opacity 0.5s ease, visibility 0.5s;
        }
        .header__block .header__block_mobnav .play-now {
          padding: 15px 30px;
        }
        .header__block .header__block_mobnav .play-now {
          font-weight: bold;
          font-size: 14px;
          border-radius: 0.5rem;
          color: #111 !important;
          background: linear-gradient(180deg, #ffe822 0%, #ffb300 100%);
          letter-spacing: 0.6px;
          font-size: 12px;
          
          padding: 6px 28px; 
          box-sizing: border-box;
          display: inline-flex;
          align-items: center; 
          justify-content: center; 
          max-width: 345px;
          border-radius: 12px;
          cursor: pointer;
          font-weight: 900;
          background-size: 150% 150%;
          text-align: center;
          
          font-style: italic;
          box-shadow: inset 0 -4px 0 rgba(255, 115, 0, 0.6666666667), inset 0 2px 6px rgba(255, 255, 255, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.08);
          
        }
        .header__block .header__block_mobnav .play-now:hover {
          filter: brightness(1.1) saturate(1.15);
          box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.18), inset 0 2px 8px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
          color: rgba(255, 132, 0, 0.8392156863) !important;
        }
      }
      @media (max-width: 768px) and (max-width: 520px) {
        .header__block .header__block_mobnav .play-now .btn-row {
          gap: 12px;
        }
        .header__block .header__block_mobnav .play-now .btn {
          height: 42px;
          padding: 0 20px;
          font-size: 13px;
        }
      }
      @media (max-width: 768px) {
        .header__block .header__block_mobnav ul {
          display: flex;
          gap: 19px;
          flex-direction: column;
          text-transform: uppercase;
        }
        .header__block .header__block_mobnav ul li a {
          color: #ffffff;
          display: flex;
          justify-content: center;
          font-size: 17px;
          font-weight: bold;
        }
        .header__block .header__block_mobnav.active {
          transform: translateY(0);
          opacity: 1;
          visibility: visible;
        }
        .burder-nav {
          color: #000000;
        }
        .language {
          display: none;
        }
        .language2 {
          display: flex;
          position: relative;
          cursor: pointer;
          padding: 2px;
        }
        .language2 .drop-down3 {
          display: flex;
          gap: 8px;
          align-items: center;
          padding: 8px;
          border-radius: 6px;
          color: #000000;
        }
        .language2 .drop-down3::after {
          content: "";
          display: inline-block;
          margin-left: 6px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 5px 0 5px;
          border-color: currentColor transparent transparent transparent;
        }
        .language2 .drop-down3 img {
          max-width: 16px;
          max-height: 16px;
          border-radius: 50%;
        }
        .language2 .drop-down3:hover {
          background-image: linear-gradient(90deg, #FFC556 0%, var(--accent-2) 100%);
          transition: background 0.2s ease;
        }
        .language2 .drop-down-menu {
          position: absolute;
          top: 100%;
          left: 2px;
          display: none;
          background: white;
          border-radius: 6px;
          padding: 4px;
          z-index: 100;
        }
        .language2 .drop-down-menu .drop-down {
          padding: 2px;
          transition: background 0.2s ease;
          color: #000;
          display: flex;
          gap: 10px;
          align-items: center;
        }
        .language2 .drop-down-menu .drop-down img {
          max-width: 30px;
        }
        .language2 .drop-down-menu .drop-down:hover {
          background: gold;
        }
        .language2:hover .drop-down-menu {
          display: flex;
          gap: 10px;
          flex-direction: column;
          min-width: 125px;
        }
      }
      @media (max-width: 515px) {
        .header__block .header__block_mobnav {
          height: 100vh;
        }
        .header__block img {
          width: 100px;
          height: 50px;
          padding: 0;
        }      
      }
      .header-btn-1 {
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
      }
      @media (max-width: 515px) {
        .header-btn-1 {
          gap: 8px;
        }
      }
      .btn-bon {
        font-weight: bold; 
        font-style: italic; 
        font-size: 13px;
        border-radius: 12px; 
        background-image: linear-gradient(180deg, #1c1b6b 0%, #060235 55%);
        color: var(--accent-2) !important; 
        padding: 6px 28px;
        border: 2px solid rgba(137, 198, 255, 0.8549019608);
      }
      .btn-bon:hover {
        filter: brightness(1.1) saturate(1.15);
        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.18), inset 0 2px 8px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
        color: rgba(255, 132, 0, 0.8392156863) !important;
      }
      @media (max-width: 515px) {
          .btn-bon {
            padding: 8px 15px;
            background: none;
            font-size: 13px;
            text-align: center;
          }
        }
    
    
      .header-btn-1-1 {
    
        letter-spacing: 0.6px;
        font-size: 13.1px;
        padding: 12px 13px; 
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-width: 345px;
        cursor: pointer;
        font-weight: 800;
        background-size: 150% 150%;
        text-align: center;
        
        box-shadow: none;
        color: #000000;
        background: #fff6e3;
        border-radius: 2px;
        border: 2px solid var(--accent);
        box-shadow:
          0 0 0 2px #ffffff,
          0 2px 5px rgba(255, 45, 83, 0.704);
          text-transform: uppercase;
      }
      .header-btn-1-1:hover {
        filter: brightness(1.1) saturate(1.15);
        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.18), inset 0 2px 8px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
        color: rgba(255, 132, 0, 0.8392156863) !important;
      }
      @media (max-width: 520px) {
        .header-btn-1-1 .btn-row {
          gap: 12px;
        }
        .header-btn-1-1 .btn {
          height: 42px;
          padding: 0 20px;
          font-size: 13px;
        }
      }
      .header-btn-1-1:hover {
        background-color: linear-gradient(180deg, #ffe195 0%, #ffaf59 100%);
      }
      .header-btn-1-2 {
        color: #ffffff !important;
        letter-spacing: 0.6px;
        font-size: 14px;
       
        padding: 9.9px 0px;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center; 
        justify-content: center; 
        max-width: 345px;
        border-radius: 6px;
        cursor: pointer;
    
        background-size: 150% 150%;
        text-align: center;
        background: #fff6e3;
        border-radius: 2px;
        border: 2px solid var(--accent);
        box-shadow:
          0 0 0 2px #ffffff,
          0 2px 5px rgba(255, 45, 83, 0.704);
          text-transform: uppercase;
      }
      .header-btn-1-2 img {
        max-width: 35px;
        max-height: 21px;
      }
      .header-btn-1-2:hover {
        filter: brightness(1.1) saturate(1.15);
        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.18), inset 0 2px 8px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
        color: rgba(255, 132, 0, 0.8392156863) !important;
      }
      @media (max-width: 520px) {
        .header-btn-1-2 .btn-row {
          gap: 12px;
        }
        .header-btn-1-2 .btn {
          height: 42px;
          padding: 0 20px;
          font-size: 13px;
        }
      }
      @media (max-width: 768px) {
        .header-btn-1 {
          display: flex;
        }
      }
      @media (max-width: 510px) {
        .header-btn-1 {
          white-space: nowrap;
        }
        .header-btn-1-1 {
          padding: 9.5px 12px;
        }
        .header-btn-1-2 {
          padding: 7.8px 1px;
        }
      }
      
      .header-btn-11 {
        display: flex;
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      .header-btn-11-1 {
        color: #111 !important;
        background: linear-gradient(180deg, #ffe822 0%, #ffb300 100%);
        letter-spacing: 0.6px;
        font-size: 12px;
        
        padding: 6px 28px; 
        box-sizing: border-box;
        display: inline-flex;
        align-items: center; 
        justify-content: center; 
        max-width: 345px;
        border-radius: 12px;
        cursor: pointer;
        font-weight: 900;
        background-size: 150% 150%;
        text-align: center;
        
        font-style: italic;
        box-shadow: inset 0 -4px 0 rgba(255, 115, 0, 0.6666666667), inset 0 2px 6px rgba(255, 255, 255, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.08);
        
        font-size: 20px;
        padding: 12px 30px;
      }
      .header-btn-11-1:hover {
        filter: brightness(1.1) saturate(1.15);
        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.18), inset 0 2px 8px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
        color: rgba(255, 132, 0, 0.8392156863) !important;
      }
      @media (max-width: 520px) {
        .header-btn-11-1 .btn-row {
          gap: 12px;
        }
        .header-btn-11-1 .btn {
          height: 42px;
          padding: 0 20px;
          font-size: 13px;
        }
      }
      .header-btn-11-2 {
        color: #111 !important;
        background: linear-gradient(180deg, #ffe822 0%, #ffb300 100%);
        letter-spacing: 0.6px;
        font-size: 12px;
        
        padding: 6px 28px; 
        box-sizing: border-box;
        display: inline-flex;
        align-items: center; 
        justify-content: center; 
        max-width: 345px;
        border-radius: 12px;
        cursor: pointer;
        font-weight: 900;
        background-size: 150% 150%;
        text-align: center;
        
        font-style: italic;
        box-shadow: inset 0 -4px 0 rgba(255, 115, 0, 0.6666666667), inset 0 2px 6px rgba(255, 255, 255, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.08);
        
        font-size: 22px;
        background: linear-gradient(135deg, #feeec1 0%, #ffdaf4 40%, #ffacdb 100%);
        color: #000 !important;
        padding: 12px 30px;
      }
      .header-btn-11-2:hover {
        filter: brightness(1.1) saturate(1.15);
        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.18), inset 0 2px 8px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
        color: rgba(255, 132, 0, 0.8392156863) !important;
      }
      @media (max-width: 520px) {
        .header-btn-11-2 .btn-row {
          gap: 12px;
        }
        .header-btn-11-2 .btn {
          height: 42px;
          padding: 0 20px;
          font-size: 13px;
        }
      }
      
      
      
      .container {
        max-width: 1200px;
        
        
        display: flex;
        gap: 20px;
        flex-direction: column;
      }
      @media (max-width: 768px) {
        .container {
          padding-inline: 10px;
          padding-inline: 1px;
        }
      }
      
      
      
      .offers {
        padding: 12px 0;
        display: grid;
        gap: 20px;
      }
      .offers h2 {
        font-size: 33px;
      }
      @media (max-width: 768px) {
        .offers h2 {
          
          line-height: 1;
          text-align: center;
        }
      }
      
      
      .offer-card {
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 1px 4px rgba(79, 63, 25, 0.422), 0 1px 5px rgba(96, 26, 84, 0.327);
        display: grid;
        grid-template-columns: 110px 180px 1fr 1fr 160px; 
        align-items: center;
        gap: 18px;
        padding: 14px;
        color: #0f172a;
        
        
        
        
        
      }
      @media (max-width: 1024px) {
        .offer-card {
          grid-template-columns: 72px 1fr 1fr;
          grid-auto-rows: min-content;
        }
        .offer-card .offer-card__promo {
          grid-column: span 2;
        }
        .offer-card .offer-card__perks {
          grid-column: span 2;
          padding: 12px 20px;
        }
        .offer-card .offer-card__cta {
          grid-column: span 3;
        }
      }
      @media (max-width: 640px) {
        .offer-card {
          grid-template-columns: 1fr;
          gap: 18px;
          text-align: left;
        }
      }
      .offer-card__logo {
        width: 110px;
        height: 110px;
        border-radius: 10px;
        overflow: hidden;
        display: grid;
        place-items: center;
        background: #0c0c0c;
      }
      .offer-card__logo img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        padding: 5px;
      }
      @media (max-width: 640px) {
        .offer-card__logo {
          width: 100%;
          height: auto;
          aspect-ratio: 2/1;
        }
        .offer-card__logo img {
          max-width: 90%;
        }
        .offer-card__logo .imgg {
          max-width: 65%;
        }
      }
      .offer-card__brand {
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      .offer-card__name {
        margin: 0;
        font-size: 20px;
        font-weight: 800;
        letter-spacing: 0.2px;
      }
      .offer-card__rating {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #111827;
      }
      .offer-card__rating-num {
        font-weight: 700;
      }
      .offer-card .stars {
        color: #f59e0b;
        letter-spacing: 2px;
      }
      .offer-card__promo {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .offer-card .promo-box {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        background: #fff7e6;
        border: 1px solid #ffe3b3;
        border-radius: 10px;
        padding: 10px 12px;
        min-width: 220px;
      }
      .offer-card .promo-box__icon {
        font-size: 22px;
      }
      .offer-card .promo-box__line {
        font-weight: 800;
        text-align: center;
        align-self: center;
      }
      .offer-card .promo-box__sub {
        color: #374151;
        font-weight: 700;
        font-size: 14px;
      }
      .offer-card .promo-box .promo-box__text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        letter-spacing: 0.5px;
      }
      .offer-card__perks {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: 7px;
      }
      .offer-card__perks li {
        position: relative;
        padding-left: 22px;
        font-size: 12px;
        letter-spacing: 0.3px;
        text-align: left;
        line-height: 1.2;
        color: #4a5b68;
      }
      .offer-card__perks li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.15em;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        box-shadow: inset 0 0 0 2px #e6f6ea;
        background: #28a745;
      }
      .offer-card__cta {
        display: flex;
        justify-content: flex-end;
      }
      @media (max-width: 640px) {
        .offer-card__cta {
          justify-content: center;
        }
      }
      
      
      .btn-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 140px;
        padding: 8px 20px;
        border-radius: 23px;
        text-decoration: none;
        font-weight: 600;
        color: #000000 !important;
        background: linear-gradient(90deg, #facc15 0%, #f59e0b 100%);
        box-shadow: 0 6px 18px rgba(255, 238, 0, 0.35);
        transition: transform 0.15s ease, filter 0.15s ease;
        position: relative;
        overflow: hidden;
      }
      .btn-cta:hover {
        transform: translateY(-1px);
        filter: brightness(1.03);
        box-shadow: 0 4px 12px rgba(255, 238, 0, 0);
      }
      .btn-cta:active {
        transform: translateY(0);
        filter: brightness(0.98);
      }
      @media (max-width: 640px) {
        .btn-cta {
          min-width: 240px;
        }
      }
      
    
      .s1__block_one-btn a,
      .s3__block_btn a,
      .s4__block_btn a {
        transition: 0.4s ease;
      }
      .s1__block_one-btn a:hover,
      .s3__block_btn a:hover,
      .s4__block_btn a:hover {
        background-color: #0b0b55;
        border: none;
        text-decoration: none;
      }
      .s1__block_one-btn a:active,
      .s3__block_btn a:active,
      .s4__block_btn a:active {
        background-color: #6d1d57;
        filter: blur(3px);
      }
      .s1__block_one-btn a:focus,
      .s3__block_btn a:focus,
      .s4__block_btn a:focus {
        outline: none;
        background-color: #a41e1e;
      }
      
      
      .main {
        flex: 1;
        display: flex;
        gap: 40px;
        flex-direction: column;
        margin: 0 auto;
        width: 100%;
        max-width: 1200px;
        padding: 0 20px;
        box-sizing: border-box;
        font-size: 17px;
        margin-bottom: 20px;
      }
      
      h1 {
        font-size: 37px;
        text-transform: capitalize;
        font-weight: 900;
      }
      
      h2 {
        font-weight: bold;
        font-size: 25px;
        text-transform: capitalize;
        color: #ffffff;
      }
      
      h3 {
        font-weight: bold;
        text-transform: capitalize;
      }
      
      
     
      @media (max-width: 1035px) {
        h1 {
          font-size: 27px;
          text-align: left;
          font-weight: bold;
          line-height: 1;
    
        }
      }
    
      @media (max-width: 480px) {
        .main {
          font-size: 15.5px;
        }
        h1 {
          line-height: 1.1;
          font-weight: 800;
        }
        h2 {
          font-size: 20px;
        }
      }
      @media (max-width: 450px) {
        .main {
          padding: 0 10px;
        }
      }
      
      
      .just-s {
        display: flex;
        gap: 20px;
        flex-direction: column;
      }
      .just-s__inner {
        display: flex;
        flex-direction: column;
        gap: 15px;
        color: #ffffff;
        border-radius: 12px;
      }
      .just-s__inner ul {
        margin: 0;

      }
      .just-s__inner ul li {
        margin: 12px 0;
        line-height: 1.5;

      }
      .just-s__inner ul li p {
        margin: 0;
  
        color: #040404;
        padding: 8px;
    background: #fff6e3;
    border-radius: 2px;
    border: 2px solid var(--accent);
    box-shadow: 0 0 0 2px #ffffff, 0 2px 5px rgba(255, 45, 83, 0.704);
      }
      @media (max-width: 768px) {
        .just-s__inner {
    
          gap: 12px;
        }

        .just-s__inner ul li {
          margin: 6px 0;
        }
      }
      
      .just-s__h3 {
        display: flex;
        gap: 15px;
        flex-direction: column;
      }
      .just-s__h3 ul {
        display: flex;
        gap: 20px;
        flex-direction: column;
      }
      .just-s__h3 ul li {
        border-bottom: 1px dashed rgb(255, 255, 255);
      }
      .just-s__h3 ul li p {
        padding: 10px;
      }
      
      .three-col-list {
        margin: 0;
        list-style-type: disc !important;
        list-style-position: outside;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        -moz-column-gap: 48px;
             column-gap: 48px;
        row-gap: 10px;
        align-items: start;
        background-color: rgba(255, 255, 255, 0.0862745098);
        padding: 10px;
        padding-left: 25px !important;
        border-radius: 5px;
      }
      .three-col-list li {
        display: list-item !important;
        font-size: 16px;
        line-height: 1.45;
        color: #fff8f8;
        -moz-column-break-inside: avoid;
             break-inside: avoid;
        list-style: disc;
      }
      @media (max-width: 900px) {
        .three-col-list {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          -moz-column-gap: 32px;
               column-gap: 32px;
        }
      }
      @media (max-width: 520px) {
        .three-col-list {
          
          -moz-column-gap: 0;
               column-gap: 0;
          row-gap: 8px;
        }
        .three-col-list li {
          font-size: 15px;
        }
      }
      
      
      .buttons2 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 10px 0;
      }
      
      .animations-btn2 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        font-weight: 600;
        letter-spacing: 0.5px;
    
        color: #ffffff !important;
        background: linear-gradient(180deg, #ff2672 0%, #e40031 100%);
    
        transition: filter 0.2s ease, transform 0.2s ease;
        animation: none;
        text-transform: capitalize;
    border: 2px solid #000;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center; 
        max-width: 345px;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: inset 0 -4px 4px #a5001e, inset 0 2px 6px rgba(255, 255, 255, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.08);   
        padding: 14px 100px;
        font-size: 16px;
        white-space: nowrap;
      }
      .animations-btn2:hover {
        filter: brightness(1.1) saturate(1.15);
        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.18), inset 0 2px 8px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
        color: rgba(255, 255, 255, 0.839) !important;
      }
      @media (max-width: 520px) {
        .animations-btn2 .btn-row {
          gap: 12px;
        }
        .animations-btn2 .btn {
          height: 42px;
          padding: 0 20px;
          font-size: 13px;
        }
      }
      .animations-btn2:active {
        transform: translateY(1px);
      }
      
      @media (max-width: 500px) {
        .buttons2 {
          padding: 0 12px;
        }
        #animations-btn {
          width: 100%;
          padding: 16px 0;
          font-size: 17px;
          border-radius: 12px;
        }
      }
      
      .bonus-carousel {
        width: 100%;
        margin: 0 auto;
      }
      
      .bonus-carousel__viewport {
        position: relative;
        overflow: hidden;
        border-radius: 16px;
        background: rgba(14, 14, 18, 0);
        min-height: 260px;
      }
      @media (max-width: 768px) {
        .bonus-carousel__viewport {
          min-height: 350px;
        }
      }
      
      
      .bonus-slide {

        inset: 0;
        display: flex;
        gap: 0px;
        justify-content: center;
        align-items: center;
        padding: 15px 26px;
        opacity: 0;
        transform: translateX(100%);
        transition: transform 0.6s ease, opacity 0.6s ease;
        pointer-events: none;
    
      }
      .bonus-slide.is-active {
        opacity: 1;
        transform: translateX(0);
        pointer-events: auto;
        z-index: 2;
    
      }
      .bonus-slide.to-left {
        opacity: 0;
        transform: translateX(-100%);
        z-index: 1;
        
      }
      @media (max-width: 768px) {
        .bonus-slide {
          flex-direction: column;

        }
      }
      @media (min-width: 768px) {
        .bonus-slide {
          flex-direction: column;

        }
      }
      
      .bonus-slide__content {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 10px;
        background: #fff6e3;
        padding: 32px 24px;
        border-radius: 5px;
        border: 2.5px solid #0b0b0f;
        box-shadow: 0 5px 0 #0b0b0f, 0 12px 22px rgba(0, 0, 0, 0.35);
        max-width: 490px;
        border: 2px solid var(--accent);
        box-shadow:
          0 0 0 2px #ffffff,
          0 2px 5px rgba(255, 45, 83, 0.704);
          text-transform: uppercase;
    
      }
      
      .bonus-slide__title {
        margin: 0;
        font-size: 17px;
        text-transform: capitalize;
        line-height: 1.05;
        color: #000000;

        font-weight: 500;
        font-weight: bold;
        padding: 0px;
      }
      
      .bonus-slide__text {
        margin: 0;
        font-size: 24px;
        color: #1d53d0;
        font-weight: 550;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        line-height: 1.1;
        font-style: italic;
        font-weight: 900;
        margin-bottom: 20px;
        padding: 0px;
        padding-top: 0;
      }
      @media (max-width: 768px) {
        .bonus-slide__title {
          text-align: center;
        }
        .bonus-slide__text {
          text-align: center;
        }
      }
      .bonus-slide__btn {
        color: #ffffff !important;
        background: linear-gradient(180deg, #ff2672 0%, #e40031 100%);
        letter-spacing: 0.6px;       
        padding: 6px 28px; 
        box-sizing: border-box;
        display: inline-flex;
        align-items: center; 
        justify-content: center; 
        max-width: 345px;
        cursor: pointer;
        font-weight: 800;
        background-size: 150% 150%;
        text-align: center;
    
        box-shadow: inset 0 -4px 4px #a5001e, inset 0 2px 6px rgba(255, 255, 255, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.08);
        white-space: nowrap;
        max-width: 270px;
    
        font-size: 16px;
        border: 2px solid #000;
        border-radius: 5px;
        height: auto;
        padding: 13px 40px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 40%);
        width: 100%;
        letter-spacing: 0.5px;
    
      }
      .bonus-slide__btn:hover {
        filter: brightness(1.1) saturate(1.15);
        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.18), inset 0 2px 8px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
        color: rgba(255, 255, 255, 0.839) !important;
      }
      @media (max-width: 520px) {
        .bonus-slide__btn .btn-row {
          gap: 12px;
        }
        .bonus-slide__btn .btn {
          height: 42px;
          padding: 0 20px;
          font-size: 13px;
        }
      }
      
      .bonus-slide__media {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .bonus-slide__media img {
        width: 100%;
        max-width: 600px;
        height: auto;
        -o-object-fit: contain;
           object-fit: contain;
      }
      
      
      .bonus-carousel__dots {
        display: flex;
        gap: 8px;
        justify-content: center;
        margin-top: 10px;
      }
      .bonus-carousel__dots .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: none;
        background: #585858;
        opacity: 0.7;
      }
      .bonus-carousel__dots .dot.is-active {
        background: #e4ab00;
        opacity: 1;
      }
      
      
      @media (max-width: 768px) {
        .bonus-carousel__viewport {
          border-radius: 12px;
        }
        .bonus-slide {
          grid-template-columns: 1fr;
          padding: 1px 10px;
          text-align: left;
          gap: 0;
        }
        .bonus-slide__media img {
          max-width: 280px;
        }
        .bonus-slide__btn {
          align-self: flex-start;
          width: auto;
        }
        .bonus-slide__media {
          order: 1;
        }
        .bonus-slide__content {
          order: 2;
        }
      }
      @media (max-width: 480px) {
        
        .bonus-slide__media img {
          max-width: 335px;
          max-height: 260px;
        }
      }
      .promo-cards {
        padding: 30px 0;
        background: #1f2f6d;
      }
      
      .promo-cards__wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 14px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
        align-items: stretch;
        grid-auto-rows: 1fr;
      }
      
      
      .promo-card {
        position: relative;
      }
      
      .promo-card__inner {
        background: #fff4dc;
        border: 3px solid #0d0d0d;
        border-radius: 26px;
        padding: 10px 16px;
        display: grid;
        grid-template-columns: 90px 1fr;
        gap: 14px;
        align-items: center;
        position: relative;
        overflow: hidden;
        height: 100%;
      }
      
      
      .promo-card__inner::before {
        content: "";
        position: absolute;
        left: -12px;
        bottom: 20px;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 16px solid transparent;
        border-right: 12px solid #fff4dc;
      }
      
      
      .promo-card__inner::after {
        content: "";
        position: absolute;
        left: -15px;
        bottom: 19px;
        width: 0;
        height: 0;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-right: 14px solid #0d0d0d;
        z-index: -1;
      }
      
      .promo-card__icon {
        width: 78px;
        height: 78px;
        display: grid;
        place-items: center;
      }
      .promo-card__icon img {
        width: 100%;
        height: auto;
        display: block;
      }
      
      .promo-card__title {
        font-weight: 900;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #f5ab2c;
        text-shadow: 0 2px 1px #000;
        font-size: 15px;
      }
      
      .promo-card__text {
        margin: 0 0 10px 0;
        color: #111;
        font-size: 15px;
        line-height: 1.4;
        font-weight: 600;
      }
      .promo-card__text span {
        color: #00005f !important;
      }
      
      .promo-card__link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 13px;
        color: #fb5e1a !important;
        text-decoration: none;
        letter-spacing: 0.5px;
        text-decoration: underline !important;
      }
      .promo-card__link:hover {
        color: #d95218 !important;
      }
      
      .promo-card__arrow {
        font-size: 16px;
        transform: translateY(-1px);
        text-decoration: none !important;
      }
      
      
      @media (max-width: 768px) {
        .promo-cards__wrap {
          display: grid;
          grid-template-columns: 1fr;
          gap: 14px;
        }
        .promo-card__inner {
          grid-template-columns: 70px 1fr;
          border-radius: 20px;
        }
        .promo-card__text {
          font-size: 14px;
        }
      }
      .promo-card__content {
        display: flex;
        gap: 10px;
        flex-direction: column;
        justify-content: center;
      }
      
      
      
      .games-section {
        padding: 14px 0 0px;
      }
      
      
      .games-header {
        max-width: 1200px;
        margin: 0 auto 20px;
        
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }
      
      .games-header__title {
        margin: 0;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #ffd24a;
        font-style: italic;
        text-shadow: 0 3px px #000;
      }
      
      .games-header__actions {
        display: flex;
        align-items: center;
        gap: 12px;
      }
      
      .games-nav-btn {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        border: 1px solid rgba(137, 198, 255, 0.8549019608);
        background: rgba(0, 14, 51, 0.623);
        color: var(--accent-2);
        font-size: 18px;
        line-height: 1;
        cursor: pointer;
        display: grid;
        place-items: center;
        transition: background 0.2s ease, border-color 0.2s ease;
      }
      .games-nav-btn:hover {
        background: rgba(0, 0, 0, 0.55);
        border-color: rgba(255, 255, 255, 0.35);
      }
      
      .games-more-btn {
        padding: 6px 10px;
        border-radius: 8px;
        background-image: linear-gradient(180deg, #1c1b6b 0%, #060235 55%);
        color: var(--accent-2) !important;
        border: 1px solid rgba(137, 198, 255, 0.8549019608);
        font-weight: 900;
        font-size: 11px;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 0.5px;
        white-space: nowrap;
        font-style: italic;
      }
      .games-more-btn:hover {
        background: rgba(0, 0, 0, 0.55);
        border-color: rgba(255, 255, 255, 0.35);
      }
      
      
      .games-carousel-wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 8px;
      }
      
      .games-carousel {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        cursor: grab;
      }
      .games-carousel::-webkit-scrollbar {
        display: none;
      }
      
      .games-carousel.is-dragging {
        cursor: grabbing;
      }
      
      
      .game-card {
        flex: 0 0 140px;
        scroll-snap-align: start;
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      
      .game-card__media {
        position: relative;
        width: 100%;
        height: 190px;
        border-radius: 12px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        border-radius: 10px;
      }
      
      
      .game-card__overlay {
        position: absolute;
        inset: 0;
        background: rgba(80, 170, 255, 0.35);
        opacity: 0;
        transition: opacity 0.25s ease;
        display: grid;
        place-items: center;
      }
      
      
      .game-card__play {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.7);
        display: grid;
        place-items: center;
        border: 2px solid #ffe822;
      }
      
      .game-card__media:hover .game-card__overlay {
        opacity: 1;
      }
      
      .game-card__meta {
        padding: 0 2px;
      }
      
      .game-card__name {
        margin: 0;
        font-size: 12px;
        font-weight: 800;
        color: #fff;
      }
      
      .game-card__sub {
        margin: 0;
        font-size: 11px;
        color: rgba(255, 255, 255, 0.7);
      }
      
      
      @media (max-width: 768px) {
        .games-header__title {
          font-size: 13px;
        }
        .games-more-btn {
          font-size: 10px;
          padding: 6px 8px;
        }
        .game-card {
          flex-basis: 135px;
        }
        .game-card__media {
          height: 175px;
        }
      }
      @media (max-width: 480px) {
        .games-header {
          gap: 8px;
        }
        .games-nav-btn {
          width: 26px;
          height: 26px;
        }
        .game-card {
          flex-basis: 110px;
        }
        .game-card__media {
          height: 150px;
        }
        .game-card__play {
          width: 48px;
          height: 48px;
        }
      }
      

      
      .faq__title {
        margin: 0 0 14px 0;
        font-size: 22px;
        color: #ffffff;
      }
      
      .faq__list {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      
      
      .faq__item {
        border-radius: 10px;
        overflow: hidden;
background: #fff6e3;
    border-radius: 2px;
    border: 2px solid var(--accent);
    box-shadow: 0 0 0 2px #ffffff, 0 2px 5px rgba(255, 45, 83, 0.704);
      }
      
      
      .faq__question {
        width: 100%;
        padding: 14px 16px;
        background: #f7f7f7;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        font-size: 16px;
        font-weight: 800;
        text-align: left;
        color: #111;
        transition: background 0.2s ease;
      }
      .faq__question:hover {
        background: #efefef;
      }
      
      .faq__icon {
        font-size: 20px;
        font-weight: 900;
        line-height: 1;
        width: 24px;
        height: 24px;
        display: grid;
        place-items: center;
        color: #ff7a00;
      }
      
      
      .faq__answer {
        max-height: 0;
        overflow: hidden;
        background: #fff;
        transition: max-height 0.3s ease;
      }
      .faq__answer p {
        margin: 0;
        padding: 12px 16px 14px;
        font-size: 15px;
        line-height: 1.5;
        color: #222;
      }
      
      
      .faq__item.is-open .faq__question {
        background: #ffffff;
      }
      .faq__item.is-open .faq__answer {
        max-height: 500px;
      }
      .faq__item.is-open .faq__icon {
        color: #938400;
      }
      
      @media (max-width: 520px) {
        .faq__title {
          font-size: 19px;
        }
        .faq__question {
          padding: 12px 8px;
        }
        .faq__answer p {
          font-size: 14px;
          padding: 12px 8px 14px;
        }
      }
      
      .reviews-section {
        padding: 16px 0 22px;
      }
      
      
      .reviews-header {
        max-width: 1200px;
        margin: 0 auto 10px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }
      
      .reviews-header__title {
        margin: 0;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #ffd24a;
        font-style: italic;
      }
      
      .reviews-header__actions {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      
      .reviews-nav-btn {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        border: 1px solid rgba(137, 198, 255, 0.8549019608);
        background: rgba(0, 14, 51, 0.623);
        color: var(--accent-2);
        font-size: 18px;
        line-height: 1;
        cursor: pointer;
        display: grid;
        place-items: center;
        transition: background 0.2s ease, border-color 0.2s ease;
      }
      .reviews-nav-btn:hover {
        background: rgba(0, 0, 0, 0.55);
        border-color: hsla(0, 0%, 100%, 0.35);
      }
      
      .reviews-more-btn {
        padding: 6px 10px;
        border-radius: 8px;
        background-image: linear-gradient(180deg, #1c1b6b 0%, #060235 55%);
        color: var(--accent-2) !important;
        border: 1px solid rgba(137, 198, 255, 0.8549019608);
        font-weight: 900;
        font-size: 11px;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 0.5px;
        white-space: nowrap;
        font-style: italic;
      }
      .reviews-more-btn:hover {
        background: rgba(0, 0, 0, 0.55);
        border-color: hsla(0, 0%, 100%, 0.35);
      }
      
      
      .reviews-carousel-wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 8px;
      }
      
      .reviews-carousel {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 6px;
        cursor: grab;
      }
      .reviews-carousel::-webkit-scrollbar {
        display: none;
      }
      
      .reviews-carousel.is-dragging {
        cursor: grabbing;
      }
      
      
      .review-card {
        flex: 0 0 340px;
        scroll-snap-align: start;
      }
      
      .review-card__inner {
        background: #fff4dc;
        border: 3px solid #0d0d0d;
        border-radius: 26px;
        padding: 16px 16px 14px;
        display: grid;
        grid-template-columns: 64px 1fr;
        gap: 12px;
        align-items: center;
        position: relative;
        overflow: hidden;
        height: 100%;
      }
      
      
      .review-card__inner::before {
        content: "";
        position: absolute;
        left: -12px;
        bottom: 18px;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 12px solid #fff4dc;
      }
      
      .review-card__inner::after {
        content: "";
        position: absolute;
        left: -15px;
        bottom: 17px;
        width: 0;
        height: 0;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-right: 14px solid #0d0d0d;
        z-index: -1;
      }
      
      .review-card__avatar {
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: #ffb400;
        color: #000;
        font-weight: 900;
        display: grid;
        place-items: center;
        border: 2px solid #0d0d0d;
        font-size: 16px;
      }
      
      .review-card__title {
        margin: 0 0 4px 0;
        font-weight: 900;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #111;
        font-size: 14px;
      }
      
      .review-card__text {
        margin: 0 0 8px 0;
        color: #111;
        font-size: 14px;
        line-height: 1.45;
        font-weight: 600;
      }
      
      .review-card__rating {
        font-size: 14px;
        letter-spacing: 1px;
        color: #ff6a00;
        font-weight: 900;
      }
      
      
      @media (max-width: 768px) {
        .review-card {
          flex-basis: 85%;
        }
        .review-card__inner {
          grid-template-columns: 56px 1fr;
          border-radius: 20px;
        }
      }
      @media (max-width: 480px) {
        .reviews-header__title {
          font-size: 13px;
        }
        .reviews-more-btn {
          font-size: 10px;
          padding: 6px 8px;
        }
        .review-card {
          flex-basis: 92%;
        }
        .review-card__text {
          font-size: 13.5px;
        }
      }
      .just-s--cards {
        display: grid;
        gap: 18px;
      }
      .just-s__card {
        background: #fff;
        color: #000;
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        display: grid;
        gap: 10px;
        min-height: 447px;
      }
      .just-s__card h3 {
        margin: 0;
        font-size: 18px;
        line-height: 1.2;
        text-transform: uppercase;
      }
      .just-s__card p {
        margin: 0;
        line-height: 1.3;
      }
      .just-s__card ul {
        margin: 0;
        padding-left: 18px;
        list-style: disc;
        display: grid;
        gap: 0px;
      }
      .just-s__card ul li p {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-style: italic;
        line-height: 2px;
        font-weight: bold;
      }
      .just-s__card .buttons2 {
        margin-top: 6px;
        display: flex;
      }
      .just-s__card .animations-btn2 {
        width: 100%;
        max-width: 260px;
      }
      @media (min-width: 900px) {
        .just-s--cards {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          align-items: start;
        }
        .just-s__card {
          padding: 20px;
        }
      }
      @media (max-width: 899px) {
        .just-s--cards {
          grid-template-columns: 1fr;
        }
      }
      
      .footer {
        
        
        background-color: rgb(0, 0, 0);
        color: #000000;
        display: flex;
        gap: 15px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        padding: 15px 20px;
        padding-bottom: 10px;
        margin-top: auto;
        width: 100%;
        max-width: none;
      }
      .footer img {
        max-width: 200px;
      }
      
      .footer-1 {
        display: flex;
        gap: 40px;
        justify-content: space-between;
      }
      .footer-1__list ul {
        display: flex;
        gap: 20px;
        
        justify-content: start;
        align-items: center;
        font-size: 15px;
        text-transform: uppercase;
        font-style: italic;
        font-weight: bold;
      }
      @media (max-width: 955px) {
        .footer-1__list ul {
          gap: 10px;
          flex-direction: column;
        }
      }
      .footer-1__list ul li {
        position: relative;
        flex-wrap: wrap;
        
      }
      .footer-1__list ul li button {
        text-align: right;
        color: #ffffff;
        white-space: nowrap;
        transition: transform 0.3s ease;
      }
      .footer-1__list ul li button:hover {
        color: #ff8800;
      }
      .footer-1__list ul li a {
        text-align: right;
        color: #ffee59;
        white-space: nowrap;
        transition: transform 0.3s ease;
      }
      .footer-1__list ul li a:hover {
        color: #ff8800;
      }
      @media (max-width: 955px) {
        .footer-1__list ul li::after {
          content: "";
        }
      }
      .footer-1__social ul {
        display: flex;
        gap: 25px;
        
        justify-content: center;
        align-items: center;
      }
      .footer-1__social ul li a img {
        width: 25px;
        min-width: 25px;
        transition: transform 0.3s ease;
      }
      .footer-1__social ul li a img:hover {
        transform: scale(1.5);
        transition: transform 0.3s ease;
      }
      @media (max-width: 955px) {
        .footer-1__social ul {
          flex-direction: column;
        }
      }
      @media (max-width: 750px) {
        .footer-1 {
          gap: 20px;
        }
      }
      
      hr {
        height: 2px;
        width: 100%;
        
      }
      
      .footer-2 {
        display: flex;
        justify-content: space-between;
        align-items: start;
        text-align: left;
        gap: 10px;
        flex-wrap: wrap;
      }
      .footer-2 .sponsor {
        display: flex;
        flex-direction: column;
        gap: 15px;
      }
      .footer-2 .sponsor ul {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      .footer-2 .sponsor .text {
        font-size: 12px;
        color: #fff;
      }
      .footer-2 .sponsor .text a {
        color: rgb(57, 156, 255);
      }
      .footer-2 .plus18 {
        flex: 1;
      }
      .footer-2 .plus18 img {
        max-height: 70px;
      }
      
      @media (max-width: 768px) {
        .footer-2 {
          flex-direction: column;
          align-items: center;
          text-align: center;
        }
        .footer-2 .sponsor {
          order: 2;
        }
        .footer-2 .sponsor ul {
          justify-content: center;
          
        }
        .footer-2 .plus18 {
          order: 1;
        }
      }
      .foot-logo {
        display: flex;
        justify-content: center;
        
        max-width: 150px;
        max-height: 70px;
      }
      
      
      .footer-2 {
        display: flex;
        gap: 40px;
        justify-content: space-between;
      }
      .footer-2__list ul {
        display: flex;
        gap: 20px;
        
        justify-content: start;
        align-items: end;
        font-size: 15px;
      }
      @media (max-width: 955px) {
        .footer-2__list ul {
          gap: 10px;
          flex-direction: column;
        }
      }
      .footer-2__list ul li {
        position: relative;
        flex-wrap: wrap;
        
      }
      .footer-2__list ul li a {
        text-align: right;
        color: #fff;
        white-space: nowrap;
        transition: transform 0.3s ease;
      }
      .footer-2__list ul li a:hover {
        color: #ff8800;
      }
      @media (max-width: 955px) {
        .footer-2__list ul li::after {
          content: "";
        }
      }
      .footer-2__social ul {
        display: flex;
        gap: 20px;
        
        justify-content: center;
        align-items: center;
      }
      .footer-2__social ul li a img {
        width: 25px;
        min-width: 25px;
        transition: transform 0.3s ease;
      }
      .footer-2__social ul li a img:hover {
        transform: scale(1.5);
        transition: transform 0.3s ease;
      }
      @media (max-width: 955px) {
        .footer-2__social ul {
          flex-direction: row;
        }
      }
      @media (max-width: 750px) {
        .footer-2 {
          gap: 20px;
        }
      }
      
    
      html {
        scroll-behavior: smooth;
        overflow-x: hidden;
      }
      
      body {
        background: linear-gradient(0deg, #171C24, #171C24), linear-gradient(0deg, #171C24, #171C24);
        color: #ffffff;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
font-family: system-ui;
        letter-spacing: 0.6px;
        line-height: 1.35;
        overflow-x: hidden;
    
        position: relative;
        isolation: isolate;
      }
      
    .new-s {
      display: flex;
      gap: 24px;
      flex-direction: column;
    }
      
    table {
      width: 100%;
      border-collapse: separate;
      border-spacing:5px;
      background: #ffee0000;
      font-family: "Segoe UI", Tahoma, sans-serif;
    }
    
    th,
    td {
      background: #333333;
      border: 1px solid #e1ce00;
      border-radius: 4px;
      padding: 12px 14px;
      color: #e1ce00;
      text-align: left;
      font-size: 16px;
      line-height: 1.25;
    }
    
    th {
      font-weight: 700;
      text-transform: uppercase !important;
      color: #fff;
    }
    
    td {
      font-weight: 500;
    }
    
    @media (max-width: 640px) {
      table {
        table-layout: fixed;
          border-spacing: 2px;
      }
    
      th,
      td {
        font-size: 13px;
        padding: 8px 5px;
        line-height: 1.2;
        word-break: break-word;
            border-radius: 5px;
      }
    }
    @media (max-width: 420px) {
      th,
      td {
        font-size: 11px;
        padding: 6px 3.5px;
      }
    }
    @media (max-width: 768px) {
      .bonus-slide__content {
        padding: 12px 14px;
      }
    }

    .sign-up {
      display: flex;
      gap: 15px;
      align-items: center;
    }
    .sign-up ul {
      flex: 1;
    }
    .sign-up div {
      flex: 0.4;
    }
    @media (max-width: 768px) {
      .sign-up {
        flex-direction: column;
      }
      .sign-up ul {
        width: 100%;
      }
    }
    
.faq .faq-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 20px;margin-bottom:12px}
.faq .faq-item h3{margin:0 0 8px;font-size:18px}.faq .faq-item p{margin:0}
.md-section ul,.md-section ol{margin:12px 0;padding-left:24px}.md-section li{margin-bottom:8px}
.md-img img{width:100%;height:auto;display:block;border-radius:14px;margin:16px 0}
.bonus-slide__media{width:100%}
.bonus-slide__media img{max-width:100%;border-radius:12px}
.footer-1__list ul li a{color:#ffffff;font-weight:normal;text-transform:none;font-style:normal}
.footer-1__list ul li a:hover{color:var(--accent)}
.cta-inline{position:static;transform:none;margin:0 auto}

.md-section p{margin:15px 0;line-height:1.65}
.md-section h2{margin:34px 0 15px}
.md-section h3{margin:22px 0 12px}
.md-section ul,.md-section ol{margin:15px 0 15px 0}
main h1{line-height:1.3}
.faq .faq-item h3{margin:0 0 8px}
.faq .faq-item p{margin:0}


/* ===== Wagerland palette (official site) ===== */
:root{--accent:#d0d0d0;--accent-2:#9fd3e6;--wl-navy:#0d203c;--wl-panel:#142642;--wl-line:#2a4c86;--wl-teal:#366375;--wl-text:#c3cfdf}
html{background:#041623}
body{background:#0d203c url(assets/img/bg-diamond.webp) repeat!important;background-size:147px 211px!important;color:#e6edf6;font-family:"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3{color:#fff;font-family:"Segoe UI",Roboto,Arial,sans-serif;font-weight:700}
h1{font-size:38px;letter-spacing:.5px;text-shadow:0 2px 18px rgba(120,170,255,.45)}
/* header */
.header{background:linear-gradient(180deg,#123270,#0e2a5f)!important;border-bottom:1px solid var(--wl-line);box-shadow:0 4px 18px rgba(0,8,24,.5);position:sticky;top:0;z-index:50}
.header__block{padding:8px 16px;max-height:none}
.header-logo{display:flex;align-items:center}
.header-btn-1{gap:10px}
.header-btn-1-1{border-radius:8px!important;font-weight:700!important;min-width:96px;padding:10px 18px!important;font-size:13px!important}
.header-btn--login{color:#fff!important;background:var(--wl-teal)!important;border:1px solid #4d8296!important}
.header-btn--join{color:#0d203c!important;background:linear-gradient(180deg,#f4f5f7,#d0d0d0 55%,#aeb3ba)!important;border:1px solid #e8ecf2!important;box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(0,0,0,.35)!important}
/* main panel */
main.page-wrap{background:rgba(13,32,60,.9);border-left:1px solid #1f3a63;border-right:1px solid #1f3a63;padding:22px 28px 40px!important;box-shadow:0 0 60px rgba(2,10,24,.6)}
.md-section p,.md-section li{color:var(--wl-text);font-size:16px}
.md-section p strong,.md-section li strong{color:#fff}
.md-section h2{font-size:28px;padding-left:14px;border-left:4px solid #c3c9d1;line-height:1.2}
/* hero */
.bonus-carousel{margin-top:18px}
.bonus-slide__media img{max-width:100%!important;width:100%;border-radius:16px;border:1px solid var(--wl-line)}
.bonus-slide__content{background:rgba(20,38,66,.96)!important;border:1px solid #c3c9d1!important;box-shadow:0 14px 34px rgba(0,0,0,.55)!important;border-radius:14px!important;text-align:center;align-items:center}
.bonus-slide__title{color:#9fd3e6!important;text-transform:uppercase!important;letter-spacing:1.5px;font-size:14px!important}
.bonus-slide__text{color:#fff!important;font-style:normal!important;text-transform:none!important;font-size:26px!important}
.bonus-slide__btn,.cta-inline{color:#0d203c!important;background:linear-gradient(180deg,#f4f5f7,#d0d0d0 55%,#aeb3ba)!important;border:1px solid #e8ecf2!important;border-radius:9px!important;font-weight:800!important;text-transform:uppercase;padding:12px 34px!important;align-self:center!important}
.bonus-slide__btn:hover,.cta-inline:hover{filter:brightness(1.06)}
/* intro */
.intro-box{background:linear-gradient(135deg,rgba(54,99,117,.35),rgba(20,38,66,.6));border:1px solid var(--wl-line);border-radius:14px;padding:4px 22px}
/* tables */
.table-facts,.table-pay{width:100%;border-collapse:separate!important;border-spacing:0;border:1px solid var(--wl-line);border-radius:12px;overflow:hidden;margin:18px 0}
.table-facts td,.table-pay td{background:#0f2546!important;border:0!important;border-bottom:1px solid #1f3a63!important;border-radius:0!important;color:var(--wl-text)!important;font-size:15px!important;padding:12px 16px!important}
.table-facts tr:nth-child(even) td,.table-pay tr:nth-child(even) td{background:#132c52!important}
.table-facts td strong,.table-pay td strong{color:#fff}
.table-facts td:first-child,.table-pay td:first-child{width:38%}
.table-facts tr.t-headrow td,.table-pay tr.t-headrow td{background:var(--wl-teal)!important;color:#fff!important;text-transform:uppercase;letter-spacing:1px;font-size:13px!important;font-weight:700}
/* toc */
.toc{background:var(--wl-panel);border:1px solid var(--wl-line);border-radius:14px;padding:16px 20px;margin:10px 0 6px}
.toc__title{font-weight:700;color:#fff;margin-bottom:10px;text-transform:uppercase;letter-spacing:1.2px;font-size:14px}
.toc ol{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 24px;counter-reset:t}
.toc li{counter-increment:t;list-style:none}
.toc li a{color:var(--wl-text);font-size:15px;display:block;padding:4px 0}
.toc li a::before{content:counter(t,decimal-leading-zero);color:#9fd3e6;font-weight:700;margin-right:10px;font-size:13px}
.toc li a:hover{color:#fff}
/* steps */
.steps-list{counter-reset:s;padding-left:0!important;display:grid;gap:10px}
.steps-list li{counter-increment:s;position:relative;list-style:none;padding:13px 14px 13px 58px;background:var(--wl-panel);border:1px solid var(--wl-line);border-radius:12px}
.steps-list li::before{content:counter(s);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#f4f5f7,#aeb3ba);color:#0d203c;font-weight:800;display:grid;place-items:center}
/* terms */
.terms-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-left:0!important}
.terms-list li{list-style:none;background:var(--wl-panel);border:1px solid var(--wl-line);border-top:3px solid #9fd3e6;border-radius:10px;padding:12px 14px}
/* lobby tabs */
.lobby-tabs{background:var(--wl-panel);border:1px solid var(--wl-line);border-radius:16px;padding:14px;margin:14px 0}
.lobby-tabs__nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.lobby-tab{padding:9px 16px;border-radius:30px;border:1px solid var(--wl-line)!important;background:#0d203c!important;color:var(--wl-text);font-weight:700;font-size:14px;transition:background .2s}
.lobby-tab.is-active{background:var(--wl-teal)!important;color:#fff;border-color:#4d8296!important}
.lobby-panel{display:none;grid-template-columns:repeat(5,1fr);gap:12px}
.lobby-panel.is-active{display:grid;animation:wlfade .35s ease}
@keyframes wlfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.game-tile{position:relative;border-radius:12px;overflow:hidden;border:1px solid #23406a;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s;background:#0d203c}
.game-tile img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.game-tile__name{display:block;padding:8px 8px 10px;font-size:13px;color:#e6edf6;text-align:center;font-weight:600;min-height:40px}
.game-tile__btn{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) scale(.9);opacity:0;padding:9px 22px;border-radius:8px;background:linear-gradient(180deg,#f4f5f7,#aeb3ba)!important;color:#0d203c;font-weight:800;transition:all .25s}
.game-tile:hover{transform:translateY(-4px);border-color:#c3c9d1;box-shadow:0 12px 26px rgba(0,0,0,.5),0 0 18px rgba(140,180,255,.3)}
.game-tile:hover .game-tile__btn{opacity:1;transform:translate(-50%,-50%) scale(1)}
/* RG */
.rg-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 30px;padding:16px 18px;margin:12px 0;background:#0d1b31;border:1px solid var(--wl-line);border-radius:12px}
.rg-row img{height:30px;width:auto;opacity:.85}.rg-row a:hover img{opacity:1}
/* pros cons */
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.pros-cons__col{background:var(--wl-panel);border:1px solid var(--wl-line);border-radius:14px;padding:16px 18px}
.pros-cons__col--pro{border-top:3px solid #78d296}.pros-cons__col--con{border-top:3px solid #f09e9f}
.pros-cons__title{margin:0 0 8px!important;font-weight:800;color:#fff!important;text-transform:uppercase;letter-spacing:1px}
.pros-cons ul{padding-left:0!important;margin:0!important}
.pros-cons li{list-style:none;position:relative;padding:6px 0 6px 26px}
.pros-cons__col--pro li::before{content:"+";position:absolute;left:4px;color:#78d296;font-weight:800}
.pros-cons__col--con li::before{content:"−";position:absolute;left:4px;color:#f09e9f;font-weight:800}
/* FAQ */
.faq__title{font-size:28px;padding-left:14px;border-left:4px solid #c3c9d1;margin:36px 0 16px}
.faq .faq-item{background:var(--wl-panel)!important;border:1px solid var(--wl-line)!important;border-radius:12px}
.faq .faq-item h3{color:#fff;font-size:17px}
.faq .faq-item p{color:var(--wl-text);line-height:1.6}
/* footer */
.footer{background:#0b1830!important;border-top:1px solid var(--wl-line);padding:34px 20px 26px!important;gap:22px!important}
.footer__top{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:760px}
.footer__about{color:var(--wl-text);font-size:14px;line-height:1.6}
.footer-1__list ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px}
.footer-1__list ul li a{color:#e6edf6!important;font-weight:700!important;text-transform:uppercase!important;font-size:13px;letter-spacing:.8px}
.footer-1__list ul li a:hover{color:#9fd3e6!important}
.footer-pay,.footer-rg{width:100%;max-width:1000px;border-top:1px solid #1f3a63;padding-top:18px}
.footer-strip__title{color:#9fb0c7;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-bottom:12px}
.footer-pay__logos{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.footer-pay__logos span{display:flex;align-items:center;justify-content:center;width:110px;height:52px;border-radius:10px;background:var(--wl-panel);border:1px solid #23406a}
.footer-pay__logos img{height:28px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.footer-rg__logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px}
.footer-rg__logos a img{height:26px;width:auto;opacity:.8}.footer-rg__logos a:hover img{opacity:1}
.footer-ssl{height:38px;width:auto}
.footer-2{width:100%;max-width:1000px;justify-content:center!important;border-top:1px solid #1f3a63;padding-top:16px}
.footer-2 .sponsor .text p{color:#8fa3bf;font-size:12px;line-height:1.6;margin:6px 0}
.footer-2 .sponsor .text a{color:#e6edf6!important}
@media (max-width:768px){
 main.page-wrap{padding:14px 14px 30px!important}
 h1{font-size:30px}
 .md-section h2,.faq__title{font-size:22px}
 .bonus-slide__text{font-size:20px!important}
 .toc ol{grid-template-columns:1fr}
 .terms-list{grid-template-columns:1fr 1fr}
 .lobby-panel{grid-template-columns:repeat(2,1fr)}
 .lobby-panel .game-tile:last-child{display:none}
 .game-tile__btn{opacity:1;transform:translate(-50%,-50%) scale(.85)}
 .pros-cons{grid-template-columns:1fr}
 .table-facts td,.table-pay td{font-size:14px!important;padding:10px 12px!important}
 .footer-pay__logos span{width:92px;height:46px}
 .footer-pay__logos img{height:22px}
 .footer-rg__logos{gap:12px 18px}
 .footer-rg__logos a img{height:20px}
 .rg-row{gap:12px 18px}.rg-row img{height:24px}
}
h1,h2,h3,.md-section h2,.faq__title,.faq .faq-item h3{text-transform:none!important}
.md-img--link img{cursor:pointer}
@media (max-width:768px){.game-tile__btn{display:none}}
/* hero fix: card inside flow, button inside card */
.bonus-carousel__viewport{overflow:visible!important;min-height:0!important;background:none!important}
.bonus-slide{position:relative!important;inset:auto!important;transform:none!important;padding:0!important}
.bonus-slide__content{margin:-56px auto 0!important;width:min(520px,calc(100% - 32px));max-width:520px!important;padding:22px 26px 24px!important;gap:12px!important;z-index:3}
.bonus-slide__text{margin:0!important;line-height:1.25!important}
.bonus-slide__btn,.cta-inline{position:static!important;transform:none!important;width:auto!important;max-width:none!important;margin:4px auto 0!important;box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(0,0,0,.35)!important;border:1px solid #e8ecf2!important}
.bonus-slide__btn:hover,.cta-inline:hover{box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(0,0,0,.45)!important;color:#0d203c!important}
.header-btn-1-1{box-shadow:none}
@media (max-width:768px){.bonus-slide__content{margin-top:-30px!important;padding:16px 16px 18px!important}}
@media (max-width:768px){.bonus-slide__content{margin-top:-14px!important}}
.header__block .logo-desktop{max-height:52px!important;height:52px!important;width:auto!important}@media (max-width:768px){.header__block .logo-desktop{max-height:44px!important;height:44px!important}}