<!DOCTYPE html>
<html lang="en">
<head>
<meta name="trustpilot-one-time-domain-verification-id" content="f78b88d1-0722-4d59-adf1-faf3b8f02ff3"/>
  <meta name="google-site-verification" content="-funLgJsvrQ9STecU39J4rXolx5U-Yy9RkLplDATFZI" >

    <meta charset="UTF-8">
    <meta name="description" content="Registration and payment features ✯ Get £500 + 100 Free Spins for registration ✯ The platform’s gaming lobby. Bonus program and wagering conditions">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    
    <link rel="canonical" href="https://gamblezenuk.uk.net/en-gb/">
    <link rel="alternate" href="https://gamblezenuk.uk.net/" hreflang="en">
    <link rel="alternate" href="https://gamblezenuk.uk.net/en-gb/" hreflang="en-GB">


    <link rel="icon" href="https://gamblezenuk.uk.net/icon/favicon.png" type="image/x-icon">
    <link rel="apple-touch-icon" href="https://gamblezenuk.uk.net/icon/favicon.png">
    <link rel="icon" href="https://gamblezenuk.uk.net/icon/favicon.png" sizes="32x32">

    <meta property="og:type" content="WebSite">
    <meta property="og:title" content="GambleZen ᐈ Launch Games with a £20 Deposit">
    <meta property="og:description" content="Registration and payment features ✯ Get £500 + 100 Free Spins for registration ✯ The platform’s gaming lobby. Bonus program and wagering conditions">
    
    
    <meta property="og:url" content="https://gamblezenuk.uk.net/">
    <meta property="og:site_name" content="GambleZen ᐈ Launch Games with a £20 Deposit">
    <meta property="og:image" content="https://gamblezenuk.uk.net/icon/2.png">
    <meta property="og:image:width" content="1352">
    <meta property="og:image:height" content="618">

    <meta name="msapplication-TileImage" content="https://gamblezenuk.uk.net/icon/2.png">


    <meta property="article:published_time" content="2026-01-27T12:00:00+00:00">
    <meta property="article:modified_time" id="metaModifiedTime" content="2026-01-27T12:00:00+00:00">
    <meta property="og:updated_time" id="metaUpdatedTime" content="2026-01-27T12:00:00+00:00">
    
    
    <meta name="referrer" content="no-referrer">
    <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">

    <title>GambleZen ᐈ Launch Games with a £20 Deposit</title>

<!-- WebSite -->
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "GambleZen ᐈ Launch Games with a £20 Deposit",
    "alternateName": "GamblezenCasino",
    "url": "https://gamblezenuk.uk.net/",
    "description": "Registration and payment features ✯ Get £500 + 100 Free Spins for registration ✯ The platform’s gaming lobby. Bonus program and wagering conditions",
    "inLanguage": "en-GB",
    "publisher": {
      "@type": "Organization",
      "name": "Gamblezen Casino",
      "url": "https://gamblezenuk.uk.net/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://gamblezenuk.uk.net/icon/2.png",
        "width": 925,
        "height": 618
      }
    },
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://gamblezenuk.uk.net/?s={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  }
</script>
  
  <!-- Organization -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Gamblezen Casino",
    "legalName": "Altacore N.V.",
    "url": "https://gamblezenuk.uk.net/",
    "logo": {
      "@type": "ImageObject",
      "url": "https://gamblezenuk.uk.net/img/gamblezen-logo.png",
      "width": 925,
      "height": 618
    },
    "email": "support@gamblezen.com"
  }
  </script>
  
  <!-- Breadcrumbs -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Startseite",
        "item": "https://gamblezenuk.uk.net/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "Gamblezen Casino Deposit",
        "item": "https://gamblezenuk.uk.net/"
      }
    ]
  }
  </script>
  
  <!-- Offer: -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Offer",
    "name": "GambleZen ᐈ Launch Games with a £20 Deposit",
    "description": "Registration and payment features ✯ Get £500 + 100 Free Spins for registration ✯ The platform’s gaming lobby. Bonus program and wagering conditions",
    "priceCurrency": "GBP",
    "price": "20",
    "availability": "https://schema.org/InStock",
    "url": "https://gamblezenuk.uk.net/"
  }
  </script>
                    
    <!-- BlogPosting -->
    <script type="application/ld+json">
                {
                    "@context": "https://schema.org",
                    "@type": "BlogPosting",
                    "mainEntityOfPage": {
                        "@type": "WebSite",
                        "@id": "https://gamblezenuk.uk.net/"
                    },
                    "headline": "GambleZen ᐈ Launch Games with a £20 Deposit",
                    "description": "Registration and payment features ✯ Get £500 + 100 Free Spins for registration ✯ The platform’s gaming lobby. Bonus program and wagering conditions",
                    "image": "https://gamblezenuk.uk.net/icon/2.png",
                    "author": {
                        "@type": "Organization",
                        "name": "GambleZen ᐈ Launch Games with a £20 Deposit",
                        "url": "https://gamblezenuk.uk.net/"
                    },
                    "publisher": {
                        "@type": "Organization",
                        "name": "GambleZen ᐈ Launch Games with a £20 Deposit",
                        "logo": {
                            "@type": "ImageObject",
                            "url": "https://gamblezenuk.uk.net/icon/2.png",
                            "width": 925,
                            "height": 618
                        }
                    },
                    "inLanguage": "en",
                    "datePublished": "2026-01-27T12:00:00+00:00",
                    "dateModified": "2026-01-27T12:00:00+00:00",
                    "articleBody": "<p>The online casino, which announced itself in 2022 and operates under a Curaçao Gaming Control Board license, quickly became popular among British players. GambleZen is focused on an international audience and offers an extensive collection of gambling games, including slots, live casino, and table games. The platform provides payouts within 24 hours, mobile device optimization, and 24/7 customer support. New players are offered a generous welcome bonus — 200% on the first deposit.</p><p>Among the advantages are more than 10,000+ games, support for demo mode for most slots, a multilingual interface (including English), and standard security tools (secure connection, verification before withdrawals). In this GambleZen casino review, the platform’s operating features and its main advantages will be examined.</p><h2>Official Website: Interface and Navigation</h2><p>The official GambleZen casino website is designed in a dark color scheme with bright accents. The main sections are accessible from the top menu. Filters and a search bar are available.</p><p>For user convenience, key information such as bonus rules, withdrawal conditions, KYC/AML, and the responsible gaming policy is placed in separate sections. Access to the “Cashier” is available from the website header, and all operations are carried out within the personal account.</p><p>The casino’s security and continuous improvement of service quality are confirmed by its victory at the LCB Awards 2024 and numerous positive GambleZen reviews.</p><p>The interface automatically adapts to the screen size while maintaining access to registration, the cashier, bonuses, and the game lobby. A separate application is not required.</p><h2>GambleZen Bonuses for Players from the United Kingdom</h2><p>The GambleZen casino bonus system is built on a classic multi-level model and is aimed at both new and regular players. The main focus is on an extended welcome package, free spins, regular reload bonuses, weekly cashback, and a VIP program with a fixed tier structure. For British players, bonuses are activated in pounds sterling (£).</p><h3>Welcome Bonus</h3><p>New GambleZen players in 2026 receive a multi-stage welcome package designed for the first four deposits. The total value of the offer is up to 500% + 350 free spins, with each stage having its own parameters. The minimum deposit at each stage is the equivalent of £20. The standard version of the welcome bonus includes:</p><ul><li><p>1st deposit: 200% up to £500 + 100 Free Spins on The Dog House</p></li><li><p>2nd–4th deposits: additional bonus credits and free spins within the overall package</p></li><li><p>Total validity period: 10 days from activation</p></li><li><p>Wagering: 40x (bonus plus deposit)</p></li><li><p>Maximum bet during wagering: £5</p></li></ul><p>For players who prefer larger deposits, a high-roller version of the welcome bonus is available. It is activated with a deposit from £500 and offers 200% up to £1,500 + 100 Free Spins on Sweet Bonanza. The wagering requirements are the same as in the standard package.</p><h3>Reload Bonuses and Cashback for Regular Players</h3><p>After completing the welcome package, GambleZen users gain access to regular promotions for active accounts. These do not require re-registration and are activated by meeting basic conditions. The main offers for registered players include:</p><ul><li><p>Wednesday Reload Bonus: 100% up to £500 + 50 Free Spins, available every Wednesday;</p></li><li><p>Weekend Reload Bonus: 50% up to £500 + 50 Free Spins on Fruit Party for deposits made from Friday to Sunday;</p></li><li><p>Weekly Cashback: a refund of 10% to 30% of net losses for the week, depending on the VIP level.</p></li></ul><p>Cashback is credited every Monday and is calculated based on net losses for the period from Monday to Sunday. To receive the bonus, manual activation via live chat or email is required. The wagering requirement for cashback credits is 20x, the minimum amount is £5, and there is no maximum limit.</p><h3>VIP Program</h3><p>For loyal players, GambleZen casino offers a 5-tier VIP program where progression depends on activity and betting volume. The tiers have a fixed structure and differ in cashback percentage and additional privileges. The cashback rates for the different VIP levels are:</p><ul><li><p>Zen Challenger — 10%</p></li><li><p>Veteran Zen — 15%</p></li><li><p>Serene High Roller — 20%</p></li><li><p>Master of Wagers — 25%</p></li><li><p>Zen Grandmaster — 30%</p></li></ul><p>For all levels, a monthly withdrawal limit of up to the equivalent of £20,000 is stated. In addition, at higher levels, personal bonuses and individual support through a manager may be provided.</p><h3>Wagering Requirements and Restrictions</h3><p>GambleZen UK bonuses come with combined wagering, which means that both the bonus amount and the deposit must be wagered. The 40x requirement is considered standard for international online casinos, however, it is important to take into account the short completion period of 10 days. The main conditions are:</p><ul><li>wagering — 40x (bonus + deposit);</li><li>maximum bet — £5 per spin;</li><li>maximum withdrawal from bonus funds — 5x the bonus amount;</li><li>mandatory verification before withdrawal.</li></ul><p>Game contribution to wagering is uneven. Slots count 100%, while table games, video poker, roulette, blackjack, baccarat, and craps do not contribute to wagering (0%). This means that bonuses are effectively focused on slot gameplay, and using other categories does not help to meet the requirements.</p><h2>Registration and Login to a GambleZen Account</h2><p>The registration procedure at GambleZen online casino is standard and takes only a few minutes:</p><div ><ul><li><p>Clicking the “Register” button in the website header.</p></li><li><p>Filling in the form (email, password, username, country, currency — GBP).</p></li><li><p>Confirming agreement with the rules and the 18+ age requirement.</p></li></ul><p>After logging into the profile, access to the cashier, transaction history, and account settings becomes available. In case of a lost password, the recovery function via email is used. For withdrawals, identity verification (KYC) is required: confirmation of personal data, residential address, and payment method. Multi-accounts are strictly prohibited.</p><h2>Games: Selection, Providers, and Features</h2><p>The GambleZen UK game catalog covers the main categories:</p><ul><li>slots and 5-reel slots;</li><li>table games (roulette, blackjack, baccarat, craps);</li><li>live casino with dealers;</li><li>video poker, bingo, keno, scratch cards;</li><li>jackpots and crash games.</li></ul><p>Overall, sources indicate cooperation with dozens of providers (in some reviews — up to 60+), including well-known studios. Among the popular slots, Sweet Bonanza, Money Train 4, The Dog House, Big Bass Bonanza, and others are regularly mentioned.</p><h3>RTP, Volatility, and Betting Limits</h3><p>RTP is set at the level of each individual game and usually falls within the range of approximately 94–97%, while in some slots it can reach up to 98%. Slots at GambleZen are available with different levels of volatility, from low to high. The betting range is stated as 0.1–100 coins (the coin value depends on the selected game and currency). These parameters allow players to choose a format suitable for both relaxed gameplay and more risk-oriented sessions.</p><h2>Payments: Methods, Limits, and Security</h2><p>All financial transactions at GambleZen UK are carried out through the cashier in the personal account. The platform states support for popular methods — VISA, MasterCard, Cashlib, MiFinity, Jetonbank, Revolut Openbanking, Bitpace, Binance Pay, BYBIT Pay, TRC20, ERC20, XRP (Ripple), TRON, Bitcoin, Dogecoin, and Litecoin. The GBP (£) currency is available for players from the United Kingdom with the appropriate profile settings.</p><p>The minimum deposit and withdrawal amounts are equivalent to £20, while maximum limits are set by periods (per transaction, per day, per week, and per month) and can reach high values as the status level increases. Withdrawal requests at GambleZen are processed after successful verification and take from several hours to several days, depending on the method.</p><p>Security is ensured through a secure connection (SSL/TLS) and mandatory identity verification. Payment details are entered in the cashier and are not shared with third parties outside of the payment providers.</p><h2>Customer Support</h2><p>GambleZen support is available 24/7 and offers several communication channels:</p><ul><li><p>Live Chat — around the clock;</p></li><li><p>support@gamblezen.com — general inquiries;</p></li><li><p>kyc@gamblezen.com — finance and verification.</p></li></ul><p>Support is provided in several languages, including English.</p><h2>Pros and Cons</h2><p>Like any other platform, GambleZen UK has its advantages and disadvantages. Let us review these in more detail in the table below.</p><table><thead><tr><th >Pros</th><th >Cons</th></tr></thead><tbody><tr><td>Catalog and demo mode — 10,000+ games</td><td>No telephone support line</td></tr><tr><td>Multilingual interface</td><td>Cashout limits depend on status</td></tr><tr><td>24/7 support</td><td>Offshore license (not UKGC)</td></tr><tr><td>Responsive mobile version available</td><td></td></tr><tr><td>Provider diversity — 20+</td><td></td></tr></tbody></table>"
                }
    </script>
        
<style>
  * {
    padding: 0px;
    margin: 0px;
    border: none;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  /* Links */
  a, a:link, a:visited {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
  }
  
  a:hover {
    text-decoration: none;
    cursor: pointer;
  }
  
  /* Common */
  aside, nav, footer, header, section, main {
    display: block;
  }
  
  h1, h2, h3, h4, h5, h6 {
    /* font-size: inherit; */
    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;
  }
  
  /* Form */
  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;
  }
  
  /* HOVER */
  .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: #222245;
    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;
    /*     button {
            display: none;
        } */
  }
  .header__block svg {
    position: relative;
    z-index: 50;
  }
  .header__block img {
    width: 95px;
    height: 65px;
  }
  .header__block_nav {
    /*  margin-left: 390px; */
    font-size: 15px;
    text-transform: uppercase;
  }
  .header__block_nav ul {
    display: flex;
    gap: 35px;
    /*             margin-left: 100px; */
  }
  .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: #FFA60D;
  }
  .header__block_button {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    padding: 11px 18px;
    border-radius: 0.4rem;
    background: #FFA60D;
    color: #111 !important;
    background: linear-gradient(180deg, #ffe822 0%, #ffb300 100%);
    letter-spacing: 0.6px;
    font-size: 12px;
    /*   height: 40px; */
    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-family: fantasy; */
    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_button: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__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;
  }
  
  /* language */
  .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 {
    /* padding: 5px 10px; */
    transition: background 0.2s ease;
  }
  .btn-plus-language .language .drop-down-menu .drop-down:hover {
    background-image: linear-gradient(90deg, #FFC556 0%, #FFA60D 100%);
  }
  .btn-plus-language .language .drop-down-menu .active-lang {
    background-image: linear-gradient(90deg, #FFC556 0%, #FFA60D 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%, #FFA60D 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 ---*/
  @media (max-width: 1010px) {
    .header__block {
      margin-left: 0px;
      margin-right: 0px;
      padding: 0px 10px;
      height: 56px;
      min-height: 62px;
    }
    .header__block img {
      width: 90px;
      height: 50px;
    }
  }
  @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;
      /*   height: 40px; */
      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-family: fantasy; */
      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%, #FFA60D 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: 65px;
      height: 47px;
      padding: 0;
    }      
  }
  .header-btn-1 {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
  }
  .btn-bon {
    font-weight: bold; 
    font-style: italic; 
    font-size: 13px;
    border-radius: 12px; 
    background-image: linear-gradient(180deg, #1c1b6b 0%, #060235 55%);
    color: #ffed4f !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 {
    color: #111 !important;
    background: linear-gradient(180deg, #ffe822 0%, #ffb300 100%);
    letter-spacing: 0.6px;
    font-size: 12px;
    /*   height: 40px; */
    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-family: fantasy; */
    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);
    /* мобілка — щоб не ламались */
    text-align: center;
    color: #000 !important;
  }
  .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: #111 !important;
    background: linear-gradient(180deg, #ffe822 0%, #ffb300 100%);
    letter-spacing: 0.6px;
    font-size: 12px;
    /*   height: 40px; */
    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-family: fantasy; */
    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);
    /* мобілка — щоб не ламались */
    background-image: linear-gradient(180deg, #1c1b6b 0%, #060235 55%);
    color: #ffed4f !important;
    border: 2px solid rgba(137, 198, 255, 0.8549019608);
    box-shadow: none;
  }
  .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 {
      /*         flex-direction: column; */
      white-space: nowrap;
    }
    .header-btn-1-1 {
      padding: 9px 15px;
    }
    .header-btn-1-2 {
      padding: 9px 15px;
      background: none;
    }
  }
  
  .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;
    /*   height: 40px; */
    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-family: fantasy; */
    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;
    /*   height: 40px; */
    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-family: fantasy; */
    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;
    }
  }
  
  /* Layout vars */
  /* Container */
  .container {
    max-width: 1200px;
    /*     margin: 0 auto;  */
    /* padding-inline: $pad-d; */
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  @media (max-width: 768px) {
    .container {
      padding-inline: 10px;
      padding-inline: 1px;
    }
  }
  
  /* OFFERS where to play */
  /* Grid wrapper (можеш обгорнути кілька карток) */
  .offers {
    padding: 12px 0;
    display: grid;
    gap: 20px;
  }
  .offers h2 {
    font-size: 33px;
  }
  @media (max-width: 768px) {
    .offers h2 {
      /* font-size: 25px; */
      line-height: 1;
      text-align: center;
    }
  }
  
  /* Card */
  .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; /* logo | brand | promo | perks | CTA */
    align-items: center;
    gap: 18px;
    padding: 14px;
    color: #0f172a;
    /* LOGO */
    /* BRAND + RATING */
    /* PROMO box */
    /* PERKS */
    /* CTA */
  }
  @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;
    }
  }
  
  /* Button */
  .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;
    }
  }
  
  /* Notice row */
  .offer-card__notice {
    grid-column: -2/1;
    color: #6b7280;
    font-size: 12px;
    border-top: 1px solid #f1f5f9;
    padding-top: 10px;
    line-height: 1;
  }
  @media (max-width: 768px) {
    .offer-card__notice {
      font-size: 10px;
    }
  }
  
  /* Toggle row */
  .offer-card__toggle {
    grid-column: -2/-1;
    grid-row: 2;
    display: flex;
    justify-content: flex-end;
  }
  .offer-card__toggle .toggle-btn {
    background: none;
    border: 0;
    color: #6b7280;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .offer-card__toggle .toggle-btn:hover {
    color: #111827;
  }
  @media (max-width: 640px) {
    .offer-card__toggle {
      justify-content: center;
      grid-column: -1/-1;
      grid-row: 5;
    }
  }
  
  /* Expandable */
  .offer-card__more {
    grid-column: 1/-1;
    overflow: hidden;
    border-top: 1px solid #e5e7eb;
    padding-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media (max-width: 640px) {
    .offer-card__more {
      flex-direction: column;
    }
  }
  
  /* Card spacing in mobile */
  @media (max-width: 640px) {
    .offer-card {
      padding: 14px 18px;
    }
    .offer-card .offer-card__promo .promo-box {
      width: 100%;
    }
  }
  /* new */
  /* === FIX: offer-card__more незалежний від гріда картки === */
  /* повна ширина під карткою, жодного центрування, власний grid */
  .offers .offer-card > .offer-card__more {
    grid-column: 1/-1 !important;
    /* display: grid !important;  */
    justify-content: stretch !important;
    align-items: start !important;
    width: 100% !important;
    border-top: 2px solid #e4e4e4;
    padding-top: 12px;
    gap: 33px;
    /* внутрішня сітка: 3 колонки на десктопі */
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (max-width: 640px) {
    .offers .offer-card > .offer-card__more {
      grid-template-columns: 1fr;
      grid-column: span 2;
    }
  }
  
  /* гарантія: елемент реально прихований, коли стоїть hidden */
  [hidden] {
    display: none !important;
  }
  
  /* ===== MOBILE FIX: одна колонка, без «порожньої секції» праворуч ===== */
  @media (max-width: 640px) {
    /* картка — одна колонка */
    .offer-card {
      grid-template-columns: 1fr !important;
    }
    /* УСІ прямі діти картки займають повну ширину (жодних -2/-1) */
    .offer-card > * {
      grid-column: 1/-1 !important;
      text-align: center;
      align-items: center;
      align-self: center;
    }
    /* toggle/notice теж на всю ширину (на випадок старих правил) */
    .offer-card__toggle,
    .offer-card__notice {
      grid-column: 1/-1 !important;
    }
  }
  /* ===== expandable — незалежний прямокутний блок на всю ширину ===== */
  .offer-card__more {
    grid-column: 1/-1 !important; /* на весь ряд батьківської сітки */
    width: 100% !important;
    box-sizing: border-box;
    border-top: 1px solid #e5e7eb;
    padding-top: 12px;
    /* власна внутрішня сітка: 3 колонки десктоп / 1 колонка мобільний */
    display: grid !important; /* перекриває будь-який flex */
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    /* щоб контент не стискався дивно */
  }
  @media (max-width: 640px) {
    .offer-card__more {
      grid-template-columns: 1fr; /* ТУТ головне — повна ширина */
    }
  }
  .offer-card__more > * {
    min-width: 0;
  }
  
  /* гарантія: hidden справді ховає блок */
  [hidden] {
    display: none !important;
  }
  
  /* === Fix order: CTA вище, Show more нижче === */
  /* скидуємо примусове розміщення рядків */
  .offer-card__toggle {
    grid-column: 1/0 !important;
    grid-row: auto !important; /* було 2 — через це підскакувало вище CTA */
    justify-content: flex-end;
  }
  @media (max-width: 640px) {
    .offer-card__toggle {
      justify-content: center;
    }
  }
  
  /* про всяк випадок — теж ставимо авто */
  .offer-card__cta,
  .offer-card__notice,
  .offer-card__more {
    grid-row: auto !important;
  }
  
  /* мобільний: усе йде в DOM-порядку (CTA → notice → Show more → more) */
  @media (max-width: 640px) {
    .offer-card {
      grid-template-columns: 1fr !important;
    }
    .offer-card > * {
      grid-column: 1/-1 !important;
    }
  }
  /* Expandable */
  .offer-card__more {
    grid-column: 1/-1;
    overflow: hidden;
    border-top: 1px solid #e5e7eb;
    padding-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media (max-width: 6768px) {
    .offer-card__more {
      flex-direction: column;
    }
  }
  .offer-card__more_1 {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .offer-card__more_1 h4 {
    font-size: 14px;
    text-align: left;
  }
  .offer-card__more_1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(32px, auto);
    gap: 0px 6px;
  }
  .offer-card__more_1 ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
  }
  .offer-card__more_1 ul li img {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
       object-fit: contain;
    flex: 0 0 22px;
    display: block;
  }
  @media (max-width: 640px) {
    .offer-card__more_1 ul {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .offer-card__more_2 {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .offer-card__more_2 h4 {
    font-size: 14px;
    text-align: left;
  }
  .offer-card__more_2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(30px, auto);
    gap: 10px 14px;
  }
  .offer-card__more_2 ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* justify-content: center; */
  }
  .offer-card__more_2 ul li img {
    width: auto;
    height: 32px;
    -o-object-fit: contain;
       object-fit: contain;
    flex: 0 0 22px;
    display: block;
    /* padding: 3px; */
    border-top: 1px solid rgba(128, 128, 128, 0.2549019608);
    border-bottom: 1px solid rgba(128, 128, 128, 0.2549019608);
  }
  @media (max-width: 640px) {
    .offer-card__more_2 ul {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .offer-card__more_3 {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .offer-card__more_3 h4 {
    font-size: 14px;
    text-align: left;
  }
  .offer-card__more_3 ul li {
    display: flex;
    gap: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.168627451);
    padding-bottom: 3px;
    min-width: 0;
  }
  .offer-card__more_3 ul li img {
    width: 22px;
    flex: 0 0 22px;
    -o-object-fit: contain;
       object-fit: contain;
    padding-top: 3px;
    align-self: center;
  }
  .offer-card__more_3 ul li .last-li {
    margin-left: auto;
    flex: 0 0 auto;
    text-align: right;
    font-weight: 700;
  }
  
  /* logo */
  /* .logo-desktop {
      @media (max-width: 515px) {
          display: none;
      }
  }
  .logo-mobile {
      display: none;
      @media (max-width: 515px) {
          display: block;
      }
  } */
  /* HOVER */
  .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: 34px;
    text-transform: uppercase;
    font-weight: 900;
  }
  
  h2 {
    font-weight: bold;
    font-size: 25px;
    text-transform: capitalize;
  }
  
  h3 {
    font-weight: bold;
    text-transform: capitalize;
  }
  
  /* SECTION 1 */
  .s1 {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    background: url("/img/gamblezencasino-main.webp") center/cover no-repeat;
    display: flex;
    gap: 30px;
    flex-direction: column;
    padding: 30px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /*     &::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100vw; 
            height: 100px; 
            background: linear-gradient(to top, #0000009e 0%, rgba(0, 0, 0, 0) 100%);
            pointer-events: none;
            z-index: 2;
        } */
  }
  .s1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.364);
    z-index: -1;
  }
  
  .s1__inner {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    /*     max-height: 495px; */
    margin: 0 auto;
    display: flex;
    padding: 0 20px;
    display: flex;
    gap: 24px;
    flex-direction: column;
    color: #ffffff;
  }
  @media (max-width: 768px) {
    .s1__inner {
      gap: 0;
    }
    .s1__inner .s1__block-1 {
      order: 3;
    }
    .s1__inner .s1__banner {
      order: 2;
    }
  }
  
  .s1__block-1 {
    display: flex;
    gap: 40px;
    justify-content: center;
    position: relative;
  }
  .s1__block-1_text {
    display: flex;
    gap: 30px;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    /*         margin-bottom: 50px; */
  }
  .s1__block-1_text p {
    font-size: 20px;
    max-width: 700px;
  }
  .s1__block-1_text .buttons {
    display: inline-block;
    align-self: start;
    padding: 14px 0px;
    width: 100%;
    max-width: none;
  }
  .s1__block-1_text .buttons a {
    font-size: 16px;
    background: linear-gradient(180deg, #fccf61 0%, #f17800 100%);
    color: #000;
    font-weight: bold;
    padding: 18px 70px;
    border-radius: 0.5rem;
  }
  .s1__block-1_text .buttons a:hover {
    background-image: none;
    background: linear-gradient(180deg, #ffe195 0%, #ffaf59 100%);
  }
  .s1__block-1_text .buttons a:active {
    filter: blur(3px);
  }
  @media (max-width: 745px) {
    .s1__block-1_text .buttons {
      display: block;
      align-self: center;
      text-align: center;
    }
  }
  .s1__block-1_text .ages {
    display: flex;
    gap: 15px;
  }
  .s1__block-1_text .ages-1, .s1__block-1_text .ages-2 {
    display: flex;
    gap: 10px;
  }
  .s1__block-1_text .ages-1 span, .s1__block-1_text .ages-2 span {
    align-self: center;
  }
  .s1__block-1_text .ages-1 img, .s1__block-1_text .ages-2 img {
    width: 26px;
    height: 26px;
  }
  @media (max-width: 745px) {
    .s1__block-1_text .ages {
      align-self: center;
    }
  }
  .s1__block-1_img {
    text-align: center;
  }
  
  @media (max-width: 745px) {
    .s1__inner {
      gap: 25px;
    }
    .s1__block-1 {
      gap: 30px;
    }
    .s1__block-1_text {
      gap: 15px;
    }
  }
  @media (max-width: 620px) {
    .s1 {
      padding-bottom: 0;
    }
    .s1::after {
      height: 50px;
    }
    .s1__block-1 {
      gap: 0;
    }
    .s1__block-1_text {
      gap: 20px;
      flex: 1.2;
    }
    .s1__block-1_text p {
      font-size: 16px;
    }
    .s1__block-1_text .buttons a {
      display: inline-block;
      font-size: 17px;
      padding: 10px 45px;
      width: 100%;
      max-width: none;
    }
    .s1__block-1_text .ages {
      font-size: 13px;
    }
    .s1__block-1_img {
      width: 50%;
    }
    .s1__block-1_img img {
      width: 70%;
    }
  }
  @media (max-width: 530px) {
    .s1 {
      padding-top: 20px;
    }
    .s1::after {
      height: 45px;
    }
    .s1__block-1_img {
      width: 40%;
    }
    .s1__block-1_img img {
      width: 100%;
    }
  }
  @media (max-width: 450px) {
    .s1__inner {
      padding: 0 10px;
    }
    .s1__block-1_text {
      margin-bottom: 30px;
    }
    .s1__block-1_text p {
      /*                 font-size: 18px; */
      font-weight: normal;
    }
    .s1__block-1_text .buttons a {
      padding: 14px 45px;
      /*                     display: none; */
    }
    .s1__block-1_text .ages {
      gap: 10px;
    }
    .s1__block-1_img {
      min-width: 152px;
    }
    .s1__block-1_img img {
      min-width: 100%;
    }
  }
  /* banner */
  .s1__banner {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 2px 10px;
    border-radius: 0.5rem;
    border: 2px solid orange;
    width: 100%;
    max-width: 100%;
    margin: 0;
    white-space: nowrap;
  }
  .s1__banner_s2 {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
  }
  .s1__banner_s2_img {
    display: flex;
    gap: 10px;
  }
  .s1__banner_s2_img img {
    min-width: 80px;
    height: auto;
  }
  .s1__banner_s2 a {
    font-size: 16px;
    background: linear-gradient(180deg, #fccf61 0%, #f17800 100%);
    color: #000 !important;
    font-weight: bold;
    padding: 14px 40px;
    border-radius: 0.5rem;
  }
  .s1__banner_s2 a:hover {
    background-image: none;
    background: linear-gradient(180deg, #ffe195 0%, #ffaf59 100%);
  }
  @media (max-width: 1070px) {
    .s1__banner {
      gap: 10px;
      flex-direction: column;
      padding: 10px 10px;
    }
  }
  @media (max-width: 620px) {
    .s1__banner_s2 {
      gap: 10px;
      flex-direction: column;
    }
  }
  @media (max-width: 420px) {
    .s1__banner_s2 {
      /*             padding: 15px; */
    }
    .s1__banner_s2_img {
      gap: 0;
      max-height: 60px;
    }
    .s1__banner a {
      padding: 10px 40px;
    }
  }
  
  /* SECTION - 4 */
  .s4 {
    display: flex;
    gap: 25px;
    flex-direction: column;
  }
  .s4__block-1 {
    display: flex;
    gap: 25px;
    flex-direction: column;
  }
  .s4__block-1_list {
    display: flex;
    gap: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .s4__block-1_list h3 {
    align-self: start;
  }
  
  @media (max-width: 768px) {
    .s4__block-1_img {
      width: 100vw;
      /*             margin-left: calc(-1 * (100vw - 100%) / 2); */
    }
  }
  @media (max-width: 620px) {
    .s4__block_list .list {
      align-items: center;
    }
    .s4__block_list .list ul {
      width: 90%;
    }
    .s4__block_list .list ul li::before {
      left: -20px;
    }
  }
  @media (max-width: 580px) {
    .s4__block-1_list ul {
      align-items: center;
    }
    .s4__block-1_list ul li {
      width: 100%;
    }
    .s4__block-1_list ul .li-margin {
      margin-left: 0%;
    }
  }
  /*--- MEDIA ---*/
  /* ********************************************** */
  /* section 1 */
  @media (max-width: 1035px) {
    h1 {
      font-size: 23px;
      text-align: left;
      font-weight: bold;
      line-height: 1;
    }
  }
  @media (max-width: 776px) {
    .s1__block_one-author {
      gap: 10px;
      box-shadow: 0px 0px 0px;
      padding: 10px;
    }
    .s1__block_one-author .author__pic {
      display: flex;
      gap: 10px;
      flex-direction: column;
      text-align: center;
      flex: 1.2;
    }
    .s1__block_one-author .author__pic p {
      font-size: 17px;
    }
    .s1__block_one-author hr {
      height: 135px;
    }
    .s1__block_one-author .author__text p {
      letter-spacing: 0.6px;
      line-height: 1.2;
    }
    .s1__block_one-author .author__text-p1 {
      font-size: 18px;
    }
    .s1__block_one-author .author__text-p2 {
      font-size: 17px;
    }
    .s1__block-2 {
      flex-direction: column;
      align-items: center;
    }
    .s1__block-2_text {
      line-height: normal;
      order: 1;
    }
    .s1__block-2_img {
      order: 2;
    }
  }
  @media (max-width: 595px) {
    .s1__block_one-author .author__pic {
      flex: 1.5;
    }
  }
  @media (max-width: 512px) {
    .s1__block_one-author .author__pic {
      flex: 2;
      height: 130px;
    }
    .s1__block_one-author hr {
      height: 150px;
    }
    .s1__block_one-author .author__text p {
      letter-spacing: 0.6px;
      line-height: 1.2;
    }
    .s1__block_one-author .author__text-p1 {
      font-size: 17px;
    }
    .s1__block_one-author .author__text-p2 {
      font-size: 15.5px;
      line-height: 1.1;
    }
  }
  @media (max-width: 430px) {
    .s1 {
      gap: 20px;
    }
    .s1__block {
      gap: 10px;
    }
    .s1__block_one-author {
      gap: 10px;
      padding: 0;
    }
    .s1__block_one-author hr {
      height: 150px;
    }
    .s1__block_one-author .author__text {
      gap: 10px;
    }
    .s1__block_one-author .author__text p {
      letter-spacing: 0.4px;
      line-height: 1.2;
    }
  }
  /* ******************************************** */
  @media (max-width: 480px) {
    .main {
      font-size: 15.5px;
    }
    h1 {
      line-height: 1.1;
    }
    h2 {
      font-size: 20px;
    }
  }
  @media (max-width: 450px) {
    .main {
      padding: 0 10px;
    }
  }
  /* ---------------------- */
  /* BONOS page */
  /* SECTION 1-1 */
  .s1-1 {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    background: url("/img/2-2.webp") center/cover no-repeat;
    display: flex;
    gap: 30px;
    flex-direction: column;
    padding: 30px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* &::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100vw; 
        height: 120px; 
        background: linear-gradient(to top, #395e94 0%, rgba(0, 0, 0, 0) 100%);
        pointer-events: none;
        z-index: 2;
    } */
  }
  .s1-1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.61);
    z-index: -1;
  }
  
  .s1-1__inner {
    max-width: 1000px;
    width: 100%;
    height: 100%;
    max-height: 495px;
    margin: 0 auto;
    display: flex;
    padding: 0 20px;
    display: flex;
    gap: 30px;
    flex-direction: column;
    color: #ffffff;
  }
  
  .s1-1__block-1-1 {
    display: flex;
    gap: 80px;
    justify-content: center;
    position: relative;
  }
  .s1-1__block-1-1_text {
    display: flex;
    gap: 35px;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 45px;
  }
  .s1-1__block-1-1_text p {
    font-size: 20px;
  }
  .s1-1__block-1-1_text .buttons {
    display: block;
    align-self: center;
    padding: 14px 0px;
  }
  .s1-1__block-1-1_text .buttons a {
    font-size: 16px;
    background-image: linear-gradient(to right, #ff5e00, #e41c39);
    font-weight: bold;
    padding: 14px 70px;
    border-radius: 1.1rem;
  }
  .s1-1__block-1-1_text .buttons a:hover {
    background-image: none;
    background-color: #00005f;
  }
  .s1-1__block-1-1_text .buttons a:active {
    filter: blur(3px);
  }
  
  @media (max-width: 745px) {
    .s1-1__inner {
      gap: 20px;
    }
    .s1-1__block-1-1 {
      gap: 20px;
      flex-direction: column;
    }
    .s1-1__block-1-1_text {
      gap: 15px;
      order: 2;
    }
    .s1-1__block-1-1_text .buttons {
      align-self: center;
    }
    .s1-1__block-1-1_img img {
      width: 30%;
    }
  }
  @media (max-width: 620px) {
    .s1-1 {
      padding-bottom: 0;
    }
    .s1-1::after {
      height: 50px;
    }
    .s1-1__block-1-1 {
      gap: 10px;
    }
    .s1-1__block-1-1_text {
      gap: 10px;
      flex: 1.2;
    }
    .s1-1__block-1-1_text p {
      font-size: 16px;
    }
    .s1-1__block-1-1_text .buttons a {
      font-size: 15px;
      padding: 10px 45px;
    }
    .s1-1__block-1-1_img img {
      width: 50%;
      animation: none;
    }
  }
  @media (max-width: 530px) {
    .s1-1 {
      padding-top: 20px;
    }
    .s1-1::after {
      height: 0;
    }
  }
  @media (max-width: 450px) {
    .s1-1__inner {
      gap: 10px;
      padding: 0 10px;
    }
    .s1-1__block-1-1_text {
      margin-bottom: 10px;
    }
    .s1-1__block-1-1_text p {
      font-size: 14px;
    }
    .s1-1__block-1-1_text .buttons a {
      padding: 9px 30px;
    }
    .s1-1__block-1-1_img {
      min-width: 152px;
    }
  }
  /* TABLE */
  .table h2 {
    margin-bottom: 18px;
  }
  
  .terms-table {
    overflow-x: auto;
    font-family: inherit;
  }
  .terms-table table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: rgba(30, 30, 30, 0.1058823529);
    border-radius: 10px;
    overflow: hidden;
    color: #000000;
    font-size: 0.95rem;
  }
  .terms-table table thead {
    background: rgba(42, 42, 42, 0.0980392157);
  }
  .terms-table table thead th {
    padding: 10px 5px;
    text-align: start;
    font-size: 1rem;
    font-weight: 700;
    color: #000000;
    background: linear-gradient(180deg, #ffe822 0%, #ffb300 100%);
    width: 50%;
  }
  .terms-table table tbody tr:nth-child(even) {
    background: #ffffff;
  }
  .terms-table table tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.8745098039);
  }
  .terms-table table tbody tr td {
    padding: 8px;
    vertical-align: top;
    line-height: 1.1;
    width: 50%;
    word-wrap: break-word;
  }
  .terms-table table tbody tr td:first-child {
    font-weight: 600;
    color: #000000;
    width: 50%;
    background: rgba(255, 111, 101, 0.055);
  }
  @media (max-width: 768px) {
    .terms-table table {
      font-size: 0.75rem;
    }
    .terms-table table thead th {
      font-size: 12px;
      white-space: wrap;
      text-align: center;
    }
  }
  
  /* SECTION 2 */
  .s2 {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  
  .s2__inner-1 {
    display: flex;
    gap: 15px;
    flex-direction: column;
  }
  
  hr {
    height: 2px;
    width: 100%;
    background: orange;
    background: linear-gradient(90deg, rgba(255, 0, 0, 0.08) 0%, orange 50%, rgba(255, 0, 0, 0.08) 100%);
  }
  
  .s2__block-1 {
    display: flex;
    gap: 15px;
  }
  .s2__block-1_img {
    display: flex;
    flex: 0.6;
    max-height: 223px;
    justify-content: center;
    align-items: center;
  }
  .s2__block-1_text {
    display: flex;
    gap: 11px;
    flex-direction: column;
    align-self: center;
    flex: 1;
  }
  
  @media (max-width: 630px) {
    .s2__block-1 {
      flex-direction: column;
    }
    .s2__block-1_img {
      order: 1;
    }
  }
  /* SECTION 33 */
  .s33 {
    display: flex;
    gap: 30px;
    flex-direction: column;
  }
  
  .s33__inner-2 {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .s33__inner-2 h3 {
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .testimonials {
    max-width: 700px;
    margin: 0 auto;
    background-color: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  }
  .testimonials blockquote {
    position: relative;
    padding: 1rem 1.5rem;
    margin: 1rem 0;
    background: #cad4ff;
    border-left: 4px solid #2200ff;
    border-radius: 8px;
    font-style: italic;
    color: #444;
  }
  .testimonials blockquote::before {
    content: "“";
    font-size: 3rem;
    color: #0094ff;
    position: absolute;
    left: 10px;
    top: -10px;
  }
  .testimonials blockquote cite {
    display: block;
    margin-top: 0.5rem;
    font-weight: bold;
    color: #666;
    font-style: normal;
    text-align: right;
  }
  
  .s33__inner {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  
  .s33-btn {
    align-self: center;
  }
  
  .s33__block_img {
    align-self: center;
  }
  
  .s33__inner-3 {
    display: flex;
    gap: 15px;
    flex-direction: column;
  }
  .s33__inner-3 .final-verdict {
    background: linear-gradient(135deg, #1c1c1c, #2a2a2a);
    border-left: 5px solid #ff7300;
    border-radius: 8px;
    padding: 1.5rem 1.25rem;
    margin: 1rem 0;
    color: #f0f0f0;
    box-shadow: 0 0 10px rgba(255, 110, 101, 0.1);
  }
  .s33__inner-3 .final-verdict p {
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
    position: relative;
    padding-left: 1.2rem;
  }
  .s33__inner-3 .final-verdict p::before {
    content: "★";
    position: absolute;
    left: 0;
    color: #ff6e65;
    font-size: 1.2rem;
    top: 0.1rem;
  }
  @media (max-width: 768px) {
    .s33__inner-3 .final-verdict {
      padding: 0.9rem;
    }
    .s33__inner-3 .final-verdict p {
      font-size: 0.95rem;
    }
  }
  .s33__inner-3 ul {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .s33__inner-3 ul li {
    padding: 10px;
    border-radius: 8px;
    background-color: rgba(255, 123, 0, 0.289);
  }
  
  @media (max-width: 630px) {
    .testimonials {
      padding: 0 0.5rem;
    }
  }
  @media (max-width: 768px) {
    .s33__block_img {
      width: 100vw;
      /* margin-left: calc(-1 * (100vw - 100%) / 2); */
    }
  }
  @media (max-width: 560px) {
    .s33 {
      gap: 20px;
    }
  }
  /* SECTION 44 */
  .s44 {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  
  .s44__blick_foot {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    background: #ffffff;
    border-top: 1px solid #e4eef3;
  }
  .s44__blick_foot .blick-item {
    flex: 1 1 33.333%;
    text-align: center;
    background: linear-gradient(135deg, #aed8f4, #ffffff);
    border-left: 1px solid #dce9f1;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    transition: background 0.3s ease;
  }
  .s44__blick_foot .blick-item:hover {
    background: #f1faff;
  }
  
  .s44__block_list ul {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.5rem;
    border-radius: 12px;
    list-style: none;
    margin: 0;
    position: relative;
    background: #843333;
    background: linear-gradient(0deg, rgb(218, 66, 66) 0%, rgb(228, 155, 155) 47%, rgb(182, 67, 67) 100%);
  }
  .s44__block_list ul li {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #232323;
    padding: 1rem;
    text-align: center;
    color: #e5e5e5;
    font-weight: 500;
    z-index: 1;
  }
  @media (max-width: 768px) {
    .s44__block_list ul {
      flex-direction: column;
    }
  }
  
  .s44__block_text {
    display: flex;
    gap: 15px;
    flex-direction: column;
  }
  
  /* --------------------------------------- */
  /* App page */
  /* SECTION 1-2 */
  .s1-2 {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    background: url("/img/2-3.webp") center/cover no-repeat;
    display: flex;
    gap: 30px;
    flex-direction: column;
    padding: 30px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .s1-2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
  }
  .s1-2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 120px;
    background: linear-gradient(to top, #181a1d 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 2;
  }
  
  .s1-2__inner {
    max-width: 1000px;
    width: 100%;
    height: 100%;
    min-height: 495px;
    margin: 0 auto;
    display: flex;
    padding: 0 20px;
    display: flex;
    gap: 30px;
    flex-direction: column;
    color: #ffffff;
  }
  
  .h1-color {
    background-color: #5faaff;
    color: #181a1d;
  }
  
  @media (max-width: 745px) {
    .s1-2__inner {
      gap: 20px;
    }
  }
  @media (max-width: 620px) {
    .s1-2 {
      padding-bottom: 0;
    }
    .s1-2::after {
      height: 50px;
    }
  }
  @media (max-width: 530px) {
    .s1-2 {
      padding-top: 20px;
    }
    .s1-2::after {
      height: 0;
    }
  }
  @media (max-width: 450px) {
    .s1-2__inner {
      gap: 10px;
      padding: 0 10px;
    }
  }
  .s1-2__block-1-2 {
    background: linear-gradient(to bottom, rgba(219, 23, 206, 0.6980392157), rgba(0, 0, 0, 0.1764705882));
    position: relative;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    display: flex;
    gap: 25px;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    max-width: 500px;
  }
  
  .s5__block_title {
    display: flex;
    gap: 10px;
  }
  .s5__block_title-icon {
    flex: 1;
  }
  .s5__block_title-icon img {
    border-radius: 10%;
    max-width: 200px;
  }
  .s5__block_title-name {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 2;
    text-align: left;
  }
  .s5__block_title-name h3 {
    padding: 0;
    font-weight: bold;
    font-size: 23px;
  }
  
  .s5__block_info {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: center;
    text-align: center;
  }
  .s5__block_info div {
    display: flex;
    gap: 5px;
    flex-direction: column;
  }
  .s5__block_info div span {
    font-weight: bold;
  }
  .s5__block_info div p {
    line-height: 1;
  }
  
  .s5__block_btn {
    display: flex;
  }
  .s5__block_btn a {
    font-size: 18px;
    background-image: linear-gradient(to right, #ff5e00, #931d00);
    font-weight: bold;
    padding: 14px 0;
    border-radius: 0.5rem;
    width: 100%;
  }
  .s5__block_btn a:hover {
    background-image: none;
    background-color: rgb(0, 88, 155);
  }
  
  @media (max-width: 655px) {
    .s5__block_title {
      gap: 10px;
    }
    .s5__block_info {
      gap: 10px;
    }
    .s5__block_btn {
      justify-content: center;
      align-self: center;
      width: 70%;
      padding: 0;
      margin-bottom: 0;
    }
    .s5__block_btn a {
      font-size: 15px;
      text-align: center;
      padding: 7px 0;
      width: 75%;
    }
  }
  @media (max-width: 500px) {
    .s1-2__block-1-2 {
      gap: 15px;
      padding: 10px;
    }
    .s5__block_title {
      flex-direction: column;
    }
    .s5__block_title-icon {
      align-self: center;
      max-width: 300px;
    }
    .s5__block_title-name {
      text-align: center;
    }
    .s5__block_title-name h2 {
      margin-bottom: 0;
    }
    .s5__block_title-name span {
      margin-bottom: 20px;
    }
    .s5__block_info {
      gap: 15px;
    }
  }
  @media (max-width: 420px) {
    .s1-2__inner {
      min-height: 500px;
    }
    .s1-2__block-1-2 {
      gap: 10px;
      font-size: 14px;
    }
    .s5__block_info {
      gap: 8px;
    }
  }
  /* SECTION 22 */
  .s22 {
    display: flex;
    gap: 35px;
    flex-direction: column;
  }
  
  .s22__inner-1,
  .s22__inner-3 {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .s22__inner-1 ul,
  .s22__inner-3 ul {
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .s22__inner-1 ul li,
  .s22__inner-3 ul li {
    padding: 10px;
    border-radius: 15px;
    width: 92%;
    font-weight: bold;
    border-top: 2px dashed rgba(95, 255, 143, 0.1803921569);
  }
  .s22__inner-1 ul li p,
  .s22__inner-3 ul li p {
    font-weight: normal;
    background: rgba(177, 237, 195, 0.2274509804);
    background: linear-gradient(90deg, rgba(31, 125, 219, 0.259) 0%, rgba(122, 192, 84, 0.258) 50%, rgba(245, 230, 95, 0) 100%);
    padding: 10px;
    border-radius: 12px;
    border-bottom: 4px solid #3300ff;
  }
  
  .s22__inner-2 {
    display: flex;
    gap: 15px;
    flex-direction: column;
  }
  .s22__inner-2 p {
    font-style: italic;
  }
  
  @media (max-width: 660px) {
    .s22 {
      gap: 25px;
    }
    .s22__inner-1 ul li,
    .s22__inner-3 ul li {
      width: 100%;
      padding: 10px 0;
    }
  }
  /* SECTION 99 */
  .s99 {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  
  .s99__block-1 {
    display: flex;
    gap: 15px;
  }
  .s99__block-1_text {
    display: flex;
    align-items: center;
    flex: 1;
  }
  .s99__block-1_img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0.62;
  }
  @media (max-width: 768px) {
    .s99__block-1 {
      gap: 20px;
      flex-direction: column;
    }
    .s99__block-1_img img {
      width: 30%;
    }
  }
  @media (max-width: 650px) {
    .s99__block-1_img img {
      width: 80%;
    }
  }
  @media (max-width: 450px) {
    .s99__block-1_img img {
      width: 100%;
    }
  }
  
  /* SECTION 100 */
  .s100 {
    display: flex;
    gap: 22px;
    flex-direction: column;
  }
  
  .s100__block-1 {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .s100__block-1 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #c3def0;
    padding: 10px;
  }
  .s100__block-1 ul li {
    background: #ffffff;
    border: 1px solid #e3edf3;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    padding: 1rem;
    transition: box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
  }
  .s100__block-1 ul li:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
  }
  .s100__block-1 ul li p {
    margin-top: 0.75rem;
    color: #444;
    line-height: 1.5;
  }
  @media (max-width: 768px) {
    .s100__block-1 ul {
      grid-template-columns: 1fr;
      gap: 1rem;
    }
  }
  
  .ClassName {
    display: flex;
    gap: 18px;
    flex-direction: column;
  }
  
  /* APP card*/
  /* APP */
  .app-1 {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    display: flex;
    gap: 30px;
    flex-direction: column;
    padding: 25px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .app-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.26);
    z-index: -1;
  }
  .app-1__inner {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    gap: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    display: flex;
    color: #000000;
    margin-bottom: 30px;
  }
  @media (max-width: 880px) {
    .app-1__inner {
      flex-direction: column;
      gap: 20px;
      margin-top: 20px;
    }
    .app-1__inner h1 {
      line-height: 1;
    }
  }
  @media (max-width: 768px) {
    .app-1 {
      padding: 10px 0;
    }
  }
  
  .app-1-right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    color: #fff;
  }
  
  .app1 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.7764705882) 0%, rgba(211, 215, 255, 0.8156862745) 50%, rgba(255, 255, 255, 0.8745098039) 100%);
    flex: 0.7;
    display: flex;
    gap: 25px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 10px;
    box-shadow: 0px 6px 10px -4px #2b7f39;
    border-radius: 20px;
  }
  @media (max-width: 700px) {
    .app1 {
      width: 100%;
      padding: 15px 10px;
    }
  }
  .app1__inner {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
  }
  .app1__inner .in1 {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
    flex: 1;
  }
  .app1__inner .in1 h1 {
    font-size: 27px;
    text-align: left;
    line-height: 1;
  }
  .app1__inner .in1 .Sspan {
    align-self: start;
    font-size: 15px;
    color: #2e7755;
    margin-bottom: 20px;
    font-weight: bold;
  }
  .app1__inner .in1 .options {
    display: flex;
    gap: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1;
    height: 100%;
  }
  .app1__inner .in1 .options p {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    font-weight: bold;
    color: #000;
  }
  .app1__inner .in1 .options p span {
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
  }
  .app1__inner .in2 {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0.8;
  }
  .app1__inner .in2 img {
    width: 200px;
    border-radius: 20px;
  }
  @media (max-width: 955px) {
    .app1__inner {
      gap: 15px;
      flex-direction: column;
      margin-top: 0;
    }
    .app1__inner .in1 {
      gap: 15px;
    }
    .app1__inner .in1 h1 {
      line-height: 1.1;
      font-size: 26px;
      margin-top: 13px;
    }
    .app1__inner .in2 {
      gap: 15px;
    }
  }
  
  .btn-app {
    display: inline-block;
    background-color: rgb(59, 133, 98);
    color: #ffffff;
    font-weight: bold;
    padding: 12px 30px;
    width: 95%;
    text-align: center;
    border-radius: 15px;
  }
  .btn-app:hover {
    background-position: right center;
    box-shadow: 0 6px 25px rgba(255, 215, 0, 0.8), inset 0 3px 8px hsla(0, 0%, 100%, 0.7);
    color: #fff;
    background-color: rgb(24, 73, 50);
    background-size: 300% 100%;
    animation: dance6123 2s linear infinite;
    box-shadow: 0 0 8px #c7d358;
  }
  
  .appl {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .appl span {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    color: #14402c;
  }
  .appl span:hover {
    cursor: pointer;
  }
  
  /* app pagge - cars bonus */
  .bonus-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
    color: #000000;
    font-family: "Segoe UI", sans-serif;
    max-width: 550px;
  }
  .bonus-card__image {
    /* width: 100%; */
    background-size: cover;
    background-position: center;
  }
  .bonus-card__image img {
    width: 100%;
    padding: 10px 20px;
    max-height: 300px;
  }
  .bonus-card__content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .bonus-card__title {
    font-size: 1.4rem;
    margin-bottom: 8px;
    color: #b77700;
  }
  .bonus-card__subtitle {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 12px;
    color: #41ba00;
  }
  .bonus-card__text {
    font-size: 1rem;
    margin-bottom: 16px;
    line-height: 1.5;
  }
  .bonus-card__steps {
    margin-bottom: 16px;
    padding-left: 20px;
  }
  .bonus-card__steps li {
    margin-bottom: 6px;
    font-size: 0.95rem;
  }
  .bonus-card__cta {
    display: inline-block;
    background: linear-gradient(135deg, #ffb700, #ff4500);
    color: #fff;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
    transition: background 0.3s ease;
  }
  .bonus-card__cta:hover {
    background: linear-gradient(135deg, #ffb347, #ff6347);
  }
  
  /* РР */
  .privacy-policy {
    display: flex;
    gap: 15px;
    flex-direction: column;
  }
  
  /* модалка Share */
  /* overlay + діалог */
  .modal {
    position: fixed;
    inset: 0;
    display: none;
  }
  .modal[data-open=true] {
    display: block;
  }
  .modal .modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .modal .modal__dialog {
    position: relative;
    margin: 8vh auto 0;
    max-width: 520px;
    width: calc(100% - 32px);
    background: #111;
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
    padding: 16px 16px 20px;
    color: #fff;
    z-index: 100;
  }
  .modal .modal__title {
    margin: 0 32px 12px 0;
  }
  .modal .modal__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffe06b 0%, #ff7a00 100%);
    color: #000;
    cursor: pointer;
    line-height: 1;
  }
  
  /* список іконок */
  .share-list {
    list-style: none;
    margin: 0;
    padding: 8px 0 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }
  .share-list li {
    display: flex;
  }
  .share-list a.play-now {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 12px;
    background: #1b1b1b;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
    transition: transform 0.12s ease, box-shadow 0.12s ease;
  }
  .share-list a.play-now img {
    width: 26px;
    height: 26px;
  }
  .share-list a.play-now:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
  }
  .share-list a.play-now:active {
    transform: translateY(0);
  }
  
  /* адаптив */
  @media (max-width: 480px) {
    .modal .modal__dialog {
      margin-top: 6vh;
      padding: 14px 14px 18px;
    }
    .share-list {
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }
    .share-list a.play-now img {
      width: 22px;
      height: 22px;
    }
  }
  /* Опційно: курсор/фокус на тригері */
  .appl {
    cursor: pointer;
  }
  
  .appl:focus {
    outline: 2px solid #ff8a00;
    outline-offset: 2px;
  }
  
  .modal {
    display: none;
    position: fixed;
    inset: 0;
  }
  .modal[data-open=true] {
    display: block;
  }
  
  /* зверху всіх елементів сайту */
  .modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 2147483647;
  }
  .modal[data-open=true] {
    display: block;
  }
  .modal .modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 0;
  }
  .modal .modal__dialog {
    position: relative;
    top: 33%;
    z-index: 1;
    /*       margin: 8vh auto 0; */
    max-width: 520px;
    width: calc(100% - 32px);
    background: #111;
    border-radius: 14px;
    padding: 16px 16px 20px;
  }
  .modal .modal__close {
    position: absolute;
    top: 8px;
    right: 8px;
  }
  
  /*  */
  .cashback-title {
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    /*     letter-spacing: 2px; */
    line-height: 1;
    font-size: clamp(34px, 4vw, 90px);
    position: relative;
    margin: 0;
    color: rgba(26, 26, 26, 0.4352941176);
    -webkit-text-stroke: 2.5px #ffb700;
    text-stroke: 1px #ff7a00;
    /* легкий "підпал" як на скріні */
    filter: drop-shadow(0 4px 10px rgba(255, 221, 0, 0.395));
  }
  
  /* зовнішня обводка (червона) другим шаром */
  .cashback-title::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: transparent;
    -webkit-text-stroke: 6px #ff0000;
    text-stroke: 6px #ff0000;
    z-index: -1;
  }
  
  .new-s {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  
  /* animation-btn */
  #animations-btn {
    position: relative;
    isolation: isolate;
    cursor: pointer;
    background: linear-gradient(180deg, #FFC556 0%, #ff9a0d 100%);
    color: #000;
    border: none;
    border-radius: 10px;
    font-weight: 800;
    animation: orangeGlow 1.6s ease-in-out infinite;
  }
  
  /* додаткове м’яке світіння навколо */
  #animations-btn::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: inherit;
    background: radial-gradient(circle, rgba(255, 166, 13, 0.329) 0%, rgba(255, 255, 255, 0.179) 65%);
    opacity: 0;
    z-index: -1;
    animation: haloPulse 1.6s ease-in-out infinite;
    pointer-events: none;
  }
  
  /* при ховері — ще сильніше, але без scale */
  #animations-btn:hover {
    animation-play-state: running;
    filter: saturate(1.2) brightness(1.05);
  }
  
  /* keyframes */
  @keyframes orangeGlow {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 166, 13, 0), 0 0 0 0 rgba(255, 197, 86, 0);
      filter: saturate(1) brightness(1);
    }
    50% {
      box-shadow: 0 0 14px 4px rgba(255, 150, 13, 0.65), 0 0 28px 8px rgba(255, 197, 86, 0.35);
      filter: saturate(1.25) brightness(1.08);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(255, 166, 13, 0), 0 0 0 0 rgba(255, 197, 86, 0);
      filter: saturate(1) brightness(1);
    }
  }
  @keyframes haloPulse {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0.9;
    }
    100% {
      opacity: 0;
    }
  }
  /* just-s */
  .just-s {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .just-s__inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: #ffffff;
    padding: 16px;
    border-radius: 12px;
  }
  .just-s__inner ul {
    margin: 0;
    padding-left: 20px;
  }
  .just-s__inner ul li {
    margin: 8px 0;
    line-height: 1.5;
    list-style: disc;
  }
  .just-s__inner ul li p {
    margin: 0;
    background: #fff;
    color: #000;
    padding: 10px;
    border-radius: 16px;
  }
  @media (max-width: 768px) {
    .just-s__inner {
      padding: 12px;
      gap: 12px;
    }
    .just-s__inner ul {
      padding-left: 18px;
    }
    .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 {
      /* grid-template-columns: 1fr; */
      -moz-column-gap: 0;
           column-gap: 0;
      row-gap: 8px;
    }
    .three-col-list li {
      font-size: 15px;
    }
  }
  
  /* buttons2 */
  .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: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: #000;
    background: linear-gradient(180deg, #fccf61 0%, #f17800 100%);
    transition: filter 0.2s ease, transform 0.2s ease;
    animation: none;
    text-transform: uppercase;
    color: #111 !important;
    background: linear-gradient(180deg, #ffe822 0%, #ffb300 100%);
    letter-spacing: 0.6px;
    font-size: 12px;
    /*   height: 40px; */
    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-family: fantasy; */
    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);
    /* мобілка — щоб не ламались */
    padding: 14px 100px;
    font-size: 16px;
    letter-spacing: 2px;
    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, 132, 0, 0.8392156863) !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;
    margin-top: 30px;
  }
  
  .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: 400px;
    }
  }
  
  /* слайд */
  .bonus-slide {
    position: absolute;
    inset: 0;
    display: flex;
    gap: 20px;
    justify-content: space-around;
    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;
    }
  }
  
  .bonus-slide__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff6e3;
    padding: 22px 24px;
    border-radius: 22px;
    border: 2.5px solid #0b0b0f;
    box-shadow: 0 5px 0 #0b0b0f, 0 12px 22px rgba(0, 0, 0, 0.35);
    max-width: 400px;
  }
  
  .bonus-slide__title {
    margin: 0;
    font-size: 18px;
    /*      */
    text-transform: uppercase;
    line-height: 1.05;
    color: #2e2d57;
    font-style: italic;
  }
  
  .bonus-slide__text {
    margin: 0;
    font-size: 20px;
    line-height: 1.45;
    color: #1b19a0;
    /*     max-width: 520px; */
    font-weight: 550;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    /* font-family: fantasy; */
    line-height: 1;
    font-style: italic;
    margin-bottom: 20px;
  }
  
  .bonus-slide__btn {
    color: #111 !important;
    background: linear-gradient(180deg, #ffe822 0%, #ffb300 100%);
    letter-spacing: 0.6px;
    font-size: 12px;
    /*   height: 40px; */
    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-family: fantasy; */
    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);
    /* мобілка — щоб не ламались */
    white-space: nowrap;
    color: #000 !important;
    max-width: 270px;
    text-transform: uppercase;
    font-style: italic;
    font-size: 14px;
    border: 2px solid #000;
    border-radius: 15px;
    height: auto;
    padding: 10px 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, 132, 0, 0.8392156863) !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: 420px;
    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: #444;
    opacity: 0.7;
  }
  .bonus-carousel__dots .dot.is-active {
    background: #ffa60d;
    opacity: 1;
  }
  
  /* адаптація */
  @media (max-width: 768px) {
    .bonus-carousel__viewport {
      border-radius: 12px;
    }
    .bonus-slide {
      grid-template-columns: 1fr;
      padding: 18px 10px;
      text-align: left;
    }
    .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__text { font-size: 15px; } */
    .bonus-slide__media img {
      max-width: 335px;
      max-height: 180px;
    }
  }
  .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;
  }
  
  /* CARD */
  .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;
  }
  
  /* ---------- MOBILE: 1 колонка ---------- */
  @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;
  }
  
  /* ----------------------------------------------- */
  /* CAROUSEL */
  .games-section {
    padding: 14px 0 0px;
  }
  
  /* ---------- HEADER ---------- */
  .games-header {
    max-width: 1200px;
    margin: 0 auto 20px;
    /*     padding: 0 12px; */
    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: #ffed4f;
    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: #ffed4f !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);
  }
  
  /* ---------- CAROUSEL ---------- */
  .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;
  }
  
  /* ---------- CARD ---------- */
  .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;
  }
  
  /* hover overlay */
  .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;
  }
  
  /* кругла play-кнопка */
  .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);
  }
  
  /* ---------- RESPONSIVE ---------- */
  @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 */
  .faq {
    max-width: 900px;
    margin: 0 auto;
  }
  
  .faq__title {
    margin: 0 0 14px 0;
    font-size: 22px;
    font-weight: 900;
    color: #ffffff;
  }
  
  .faq__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  /* ITEM */
  .faq__item {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
  }
  
  /* QUESTION */
  .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;
  }
  
  /* ANSWER */
  .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;
  }
  
  /* active state */
  .faq__item.is-open .faq__question {
    background: #ffffff;
  }
  .faq__item.is-open .faq__answer {
    max-height: 500px;
  }
  .faq__item.is-open .faq__icon {
    color: #111;
  }
  
  @media (max-width: 520px) {
    .faq__title {
      font-size: 19px;
    }
    .faq__question {
      padding: 12px 14px;
    }
    .faq__answer p {
      font-size: 14px;
    }
  }
  /* vidhuky */
  .reviews-section {
    padding: 16px 0 22px;
  }
  
  /* ---------- HEADER ---------- */
  .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: #ffed4f;
    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: #ffed4f !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);
  }
  
  /* ---------- CAROUSEL ---------- */
  .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;
  }
  
  /* ---------- CARD (стиль як у бонус-карток) ---------- */
  .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;
  }
  
  /* ---------- RESPONSIVE ---------- */
  @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: #d45700; */
    /* градієнт зверху вниз */
    background-color: rgb(0, 5, 21);
    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: 100px;
  }
  
  .footer-1 {
    display: flex;
    gap: 40px;
    justify-content: space-between;
  }
  .footer-1__list ul {
    display: flex;
    gap: 20px;
    /* flex-direction: column; */
    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;
    /* &::after {
        content: "|";
        position: absolute;
        right: -8px;
        color: #ffffff; 
    } */
  }
  .footer-1__list ul li button {
    text-align: right;
    color: #ffee59;
    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;
    /* flex-direction: column; */
    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%;
    /*     background: #ff00e6;
        background: linear-gradient(90deg, #ffffff 0%, #ff6cc7 50%, #ffffff 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;
      /*                 li {
  
                      } */
    }
    .footer-2 .plus18 {
      order: 1;
    }
  }
  .foot-logo {
    display: flex;
    justify-content: center;
    /* align-self: 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;
    /* flex-direction: column; */
    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;
    /* &::after {
        content: "|";
        position: absolute;
        right: -8px;
        color: #ffffff; 
    } */
  }
  .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;
    /* flex-direction: column; */
    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;
    }
  }
  
  /*  */
  /*  */
  /*  */
  #backToTop {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    border: none;
    padding: 0;
    background: rgba(252, 229, 117, 0);
    cursor: pointer;
    line-height: 0;
    border-radius: 50%;
    box-shadow: 0 0px 20px rgba(255, 237, 149, 0);
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  }
  
  #backToTop.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  #backToTop:hover,
  #backToTop:focus-visible {
    box-shadow: 0 5px 25px rgba(255, 157, 0, 0.2);
    outline: none;
  }
  
  /* Якщо користувач віддає перевагу без анімацій */
  @media (prefers-reduced-motion: reduce) {
    #backToTop {
      transition: none;
    }
    html {
      scroll-behavior: auto !important;
    }
  }
  html {
    scroll-behavior: smooth;
    overflow-x: hidden;
  }
  
  body {
    background-color: #151415;
    color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: "IBM Plex Sans", sans-serif;
    letter-spacing: 0.6px;
    line-height: 1.35;
    overflow-x: hidden;
    /* синій шар як на скріні */
    background-image: linear-gradient(180deg, #1c1b6b 0%, #0a003a 55%);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    isolation: isolate;
  }
  
  /* декор зверху справа */
  body::before,
  body::after {
    content: "";
    position: fixed;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    pointer-events: none;
    opacity: 0.9;
  }
  
  /* TOP RIGHT */
  body::before {
    top: 0;
    width: 380px;
    height: 380px;
    background-image: url("/img/top-right.webp");
    background-position: top right;
  }
  
  /* BOTTOM RIGHT */
  body::after {
    bottom: 0;
    left: 0;
    width: 400px;
    height: 400px;
    background-image: url("/img/bottom-left.webp");
    background-position: bottom right;
  }
  
  /* адаптація під планшет/мобі */
  @media (max-width: 768px) {
    body::before {
      width: 240px;
      height: 240px;
      opacity: 0.75;
    }
    body::after {
      width: 260px;
      height: 260px;
      opacity: 0.75;
    }
  }
  @media (max-width: 480px) {
    body::before {
      width: 180px;
      height: 180px;
      opacity: 0.6;
    }
    body::after {
      width: 200px;
      height: 200px;
      opacity: 0.6;
    }
  }
  @media (max-width: 768px) {
    .desktop-block {
      display: none;
    }

  }
</style>


</head>
<body>

    <header class="header">
        <div class="header__block">
          <img class="logo-desktop" src="/img/gamblezencasino-logo.webp" alt="gamblezencasino  logo" loading="lazy">
            <div class="header__block_nav">
            </div>
            <div class="header-btn-1" style="text-transform: uppercase;">
                
                <a href="/bonus" class="btn-bon">bonuses</a>
                <a href="/login" class="header-btn-1-2">Log In</a>
                <button class="header-btn-1-1 play-now" 
                type="button" onclick="openLink()">SIGN UP</button>
            </div>
        </div>
    </header>

    <main class="main">

        <section class="bonus-carousel" aria-label="Bonus banners">
          <div class="bonus-carousel__viewport">

            <div class="bonus-slide is-active">
              <div class="bonus-slide__content">
                <h2 class="bonus-slide__title">Welcome Bonus – 1st Deposit</h2>
                <p class="bonus-slide__text">
                  200% up to £500
                  <br>+100 Free Spins
                </p>
                <button type="button" onclick="openLink()"
                  class="bonus-slide__btn play-now">
                  Claim Bonus
                </button>
              </div>
              <div class="bonus-slide__media">
                <img src="/img/gamblezencasino-bonus-1.webp" alt="Welcome bonus 200% up to £500 + 100 Free Spins">
              </div>
            </div>

            <div class="bonus-slide">
              <div class="bonus-slide__content">
                <h2 class="bonus-slide__title">Pragmatic Tournament</h2>
                <p class="bonus-slide__text">
                  CHRISTMAS SPIN &amp; WIN QUEST PRIZE POOL: £30,000
                </p>
                <button type="button" onclick="openLink()"
                  class="bonus-slide__btn play-now">
                  Claim Bonus
                </button>
              </div>
              <div class="bonus-slide__media">
                <img src="/img/gamblezencasino-bonus-2.webp" alt="Pragmatic Play tournament prize pool £30,000">
              </div>
            </div>

            <div class="bonus-slide">
              <div class="bonus-slide__content">
                <h2 class="bonus-slide__title">Welcome Bonus Package</h2>
                <p class="bonus-slide__text">
                  500% up to £3,625
                  <br>+ 350 Free Spins
                </p>
                <button type="button" onclick="openLink()"
                  class="bonus-slide__btn play-now">
                  Claim Bonus
              </button>
              </div>
              <div class="bonus-slide__media">
                <img src="/img/gamblezencasino-bonus-3.webp" alt="Welcome bonus 500% up to £3,625 + 350 Free Spins">
              </div>
            </div>

          </div>

          <div class="bonus-carousel__dots">
            <button class="dot is-active" type="button"></button>
            <button class="dot" type="button"></button>
            <button class="dot" type="button"></button>
          </div>
        </section>

        <section class="new-s">
            <h1>GambleZen Casino — Platform Review for Players from the United Kingdom</h1>
            <p>The online casino, which announced itself in 2022 and operates under a Curaçao Gaming Control Board license, quickly became popular among British players. GambleZen is focused on an international audience and offers an extensive collection of gambling games, including slots, live casino, and table games. The platform provides payouts within 24 hours, mobile device optimization, and 24/7 customer support. New players are offered a generous welcome bonus — 200% on the first deposit.</p>
            <p>Among the advantages are more than 10,000+ games, support for demo mode for most slots, a multilingual interface (including English), and standard security tools (secure connection, verification before withdrawals). In this GambleZen casino review, the platform’s operating features and its main advantages will be examined.</p>
            <div class="buttons2">
              <button class="play-now animations-btn2" 
              type="button" onclick="openLink()">SIGN IN</button>
            </div>
            
        </section>

        <section class="just-s">
            <h2>Official Website: Interface and Navigation</h2>
            <p>The official GambleZen casino website is designed in a dark color scheme with bright accents. The main sections are accessible from the top menu. Filters and a search bar are available.</p>
            <p>For user convenience, key information such as bonus rules, withdrawal conditions, KYC/AML, and the responsible gaming policy is placed in separate sections. Access to the “Cashier” is available from the website header, and all operations are carried out within the personal account.</p>
            <p>The casino’s security and continuous improvement of service quality are confirmed by its victory at the LCB Awards 2024 and numerous positive GambleZen reviews.</p>
            <div class="img-block" style="align-self: center; justify-content: center;">
              <picture>
                <source 
                    srcset=" 
                    /img/home_1600x498.webp 1600w, 
                    /img/home_1200x374.webp 1200w, 
                    /img/home_768x239.webp 768w, 
                    /img/home_480x149.webp 480w">
                <source 
                    srcset="/img/home_1200x374.webp" 
                    type="image/webp"> 
                <img 
                    src="/img/home_1200x374.webp" 
                    alt="Homepage of the website" 
                    width="1200"
                    height="374"
                    loading="lazy"
                >
              </picture>
            </div>
            <p>The interface automatically adapts to the screen size while maintaining access to registration, the cashier, bonuses, and the game lobby. A separate application is not required.</p>
            <div class="buttons2">
              <button class="play-now animations-btn2" 
              type="button" onclick="openLink()">PLAY NOW</button>
            </div>
        </section>

        <section class="just-s">
            <h2>GambleZen Bonuses for Players from the United Kingdom</h2>
            <p>The GambleZen casino <a href="/" style="color: #3a7fff;">bonus system</a> is built on a classic multi-level model and is aimed at both new and regular players. The main focus is on an extended welcome package, free spins, regular reload bonuses, weekly cashback, and a VIP program with a fixed tier structure. For British players, bonuses are activated in pounds sterling (£).</p>
            <div class="img-block" style="align-self: center; justify-content: center;">
              <picture>
                <source 
                    srcset=" 
                    /img/bonuses_1600x498.webp 1600w, 
                    /img/bonuses_1200x374.webp 1200w, 
                    /img/bonuses_768x239.webp 768w, 
                    /img/bonuses_480x149.webp 480w">
                <source 
                    srcset="/img/bonuses_1200x374.webp" 
                    type="image/webp"> 
                <img 
                    src="/img/bonuses_1200x374.webp" 
                    alt="Casino bonuses" 
                    width="1200"
                    height="374"
                    loading="lazy"
                >
              </picture>
            </div>
            <div class="just-s__inner">
              <h3>Welcome Bonus</h3>
              <p>New GambleZen players in 2026 receive a multi-stage welcome package designed for the first four deposits. The total value of the offer is up to 500% + 350 free spins, with each stage having its own parameters. The minimum deposit at each stage is the equivalent of £20. The standard version of the welcome bonus includes:</p>
              <ul>
                <li>
                  <p>1st deposit: 200% up to £500 + 100 Free Spins on The Dog House</p>
                </li>
                <li>
                  <p>2nd–4th deposits: additional bonus credits and free spins within the overall package</p>
                </li>
                <li>
                  <p>Total validity period: 10 days from activation</p>
                </li>
                <li>
                  <p>Wagering: 40x (bonus plus deposit)</p>
                </li>
                <li>
                  <p>Maximum bet during wagering: £5</p>
                </li>
              </ul>
              <p>For players who prefer larger deposits, a high-roller version of the welcome bonus is available. It is activated with a deposit from £500 and offers 200% up to £1,500 + 100 Free Spins on Sweet Bonanza. The wagering requirements are the same as in the standard package.</p>
            </div>
            <div class="just-s__inner">
              <h3>Reload Bonuses and Cashback for Regular Players</h3>
              <p>After completing the welcome package, GambleZen users gain access to regular promotions for active accounts. These do not require re-registration and are activated by meeting basic conditions. The main offers for registered players include:</p>
              <ul>
                <li>
                  <p>Wednesday Reload Bonus: 100% up to £500 + 50 Free Spins, available every Wednesday;</p>
                </li>
                <li>
                  <p>Weekend Reload Bonus: 50% up to £500 + 50 Free Spins on Fruit Party for deposits made from Friday to Sunday;</p>
                </li>
                <li>
                  <p>Weekly Cashback: a refund of 10% to 30% of net losses for the week, depending on the VIP level.</p>
                </li>
              </ul>
              <p>Cashback is credited every Monday and is calculated based on net losses for the period from Monday to Sunday. To receive the bonus, manual activation via live chat or email is required. The wagering requirement for cashback credits is 20x, the minimum amount is £5, and there is no maximum limit.</p>
            </div>
            <div class="just-s__inner">
                  <h3>VIP Program</h3>
                  <p>For loyal players, GambleZen casino offers a 5-tier VIP program where progression depends on activity and betting volume. The tiers have a fixed structure and differ in cashback percentage and additional privileges. The cashback rates for the different VIP levels are:</p>
                  <ul>
                    <li>
                      <p>Zen Challenger — 10%</p>
                    </li>
                    <li>
                      <p>Veteran Zen — 15%</p>
                    </li>
                    <li>
                      <p>Serene High Roller — 20%</p>
                    </li>
                    <li>
                      <p>Master of Wagers — 25%</p>
                    </li>
                    <li>
                      <p>Zen Grandmaster — 30%</p>
                    </li>
                  </ul>
                  <p>For all levels, a monthly withdrawal limit of up to the equivalent of £20,000 is stated. In addition, at higher levels, personal bonuses and individual support through a manager may be provided.</p>
            </div>
            <div class="just-s__inner">
              <h3>Wagering Requirements and Restrictions</h3>
              <p>GambleZen UK bonuses come with combined wagering, which means that both the bonus amount and the deposit must be wagered. The 40x requirement is considered standard for international online casinos, however, it is important to take into account the short completion period of 10 days. The main conditions are:</p>
              <ul>
                <li>wagering — 40x (bonus + deposit);</li>
                <li>maximum bet — £5 per spin;</li>
                <li>maximum withdrawal from bonus funds — 5x the bonus amount;</li>
                <li>mandatory verification before withdrawal.</li>
              </ul>
              <p>Game contribution to wagering is uneven. Slots count 100%, while table games, video poker, roulette, blackjack, baccarat, and craps do not contribute to wagering (0%). This means that bonuses are effectively focused on slot gameplay, and using other categories does not help to meet the requirements.</p>
            </div>
        </section>

        <section class="just-s">
            <h2>Registration and Login to a GambleZen Account</h2>
            <p>The registration procedure at GambleZen online casino is standard and takes only a few minutes:</p>
            <div class="just-s__inner">
              <ul>
                <li>
                  <p>Clicking the “Register” button in the website header.</p>
                </li>
                <li>
                  <p>Filling in the form (email, password, username, country, currency — GBP).</p>
                </li>
                <li>
                  <p>Confirming agreement with the rules and the 18+ age requirement.</p>
                </li>
              </ul>
              <div class="buttons2">
              <button class="play-now animations-btn2" 
              type="button" onclick="openLink()">PLAY NOW</button>
            </div>
              <p>After <a href="/login" style="color: rgb(52, 160, 255);">logging</a> into the profile, access to the cashier, transaction history, and account settings becomes available. In case of a lost password, the recovery function via email is used. For withdrawals, identity verification (KYC) is required: confirmation of personal data, residential address, and payment method. Multi-accounts are strictly prohibited.</p>
            </div>
            <div class="img-block" style="align-self: center; justify-content: center;">
              <picture>
                <source 
                    srcset=" 
                    /img/register_1600x498.webp 1600w, 
                    /img/register_1200x374.webp 1200w, 
                    /img/register_768x239.webp 768w, 
                    /img/register_480x149.webp 480w">
                <source 
                    srcset="/img/register_1200x374.webp" 
                    type="image/webp"> 
                <img 
                    src="/img/register_1200x374.webp" 
                    alt="Casino registration" 
                    width="1200"
                    height="374"
                    loading="lazy"
                >
              </picture>
            </div>
        </section>

        <section class="just-s">
            <h2>Games: Selection, Providers, and Features</h2>
            <p>The GambleZen UK game catalog covers the main categories:</p>
            <ul class="three-col-list">
                <li>slots and 5-reel slots;</li>
                <li>table games (roulette, blackjack, baccarat, craps);</li>
                <li>live casino with dealers;</li>
                <li>video poker, bingo, keno, scratch cards;</li>
                <li>jackpots and crash games.</li>
            </ul>
            <p>Overall, sources indicate cooperation with dozens of providers (in some reviews — up to 60+), including well-known studios. Among the popular slots, Sweet Bonanza, Money Train 4, The Dog House, Big Bass Bonanza, and others are regularly mentioned.</p>
            <div class="img-block" style="align-self: center; justify-content: center;">
              <picture>
                <source 
                    srcset=" 
                    /img/lobby_1600x498.webp 1600w, 
                    /img/lobby_1200x374.webp 1200w, 
                    /img/lobby_768x239.webp 768w, 
                    /img/lobby_480x149.webp 480w">
                <source 
                    srcset="/img/lobby_1200x374.webp" 
                    type="image/webp"> 
                <img 
                    src="/img/lobby_1200x374.webp" 
                    alt="Gambling games selection" 
                    width="1200"
                    height="374"
                    loading="lazy"
                >
              </picture>
            </div>
            <div class="jus-s__inner">
              <h3>RTP, Volatility, and Betting Limits</h3>
              <p>RTP is set at the level of each individual game and usually falls within the range of approximately 94–97%, while in some slots it can reach up to 98%. Slots at GambleZen are available with different levels of volatility, from low to high. The betting range is stated as 0.1–100 coins (the coin value depends on the selected game and currency). These parameters allow players to choose a format suitable for both relaxed gameplay and more risk-oriented sessions.</p>
            </div>
        </section>

        <section class="just-s">
            <h2>Payments: Methods, Limits, and Security</h2>
            <p>All financial transactions at GambleZen UK are carried out through the cashier in the personal account. The platform states support for popular methods — VISA, MasterCard, Cashlib, MiFinity, Jetonbank, Revolut Openbanking, Bitpace, Binance Pay, BYBIT Pay, TRC20, ERC20, XRP (Ripple), TRON, Bitcoin, Dogecoin, and Litecoin. The GBP (£) currency is available for players from the United Kingdom with the appropriate profile settings.</p>
            <p>The minimum deposit and withdrawal amounts are equivalent to £20, while maximum limits are set by periods (per transaction, per day, per week, and per month) and can reach high values as the status level increases. Withdrawal requests at GambleZen are processed after successful verification and take from several hours to several days, depending on the method.</p>
            <p>Security is ensured through a secure connection (SSL/TLS) and mandatory identity verification. Payment details are entered in the cashier and are not shared with third parties outside of the payment providers.</p>
            <div class="buttons2">
              <button class="play-now animations-btn2" 
              type="button" onclick="openLink()">PLAY NOW</button>
            </div>
        </section>

        <section class="just-s">
            <h2>Customer Support</h2>
            <p>GambleZen support is available 24/7 and offers several communication channels:</p>
            <div class="just-s__inner">
              <ul>
                <li>
                  <p>Live Chat — around the clock;</p>
                </li>
                <li>
                  <p>support@gamblezen.com — general inquiries;</p>
                </li>
                <li>
                  <p>kyc@gamblezen.com — finance and verification.</p>
                </li>
              </ul>
              <p>Support is provided in several languages, including English.</p>
            </div>
        </section>

        <section class="just-s">
            <h2>Pros and Cons</h2>
            <p>Like any other platform, GambleZen UK has its advantages and disadvantages. Let us review these in more detail in the table below.</p>
            <div class="terms-table">
                <table>
                    <thead>
                      <tr>
                        <th style="text-align: center;">Pros</th>
                        <th style="text-align: center;">Cons</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>Catalog and demo mode — 10,000+ games</td>
                        <td>No telephone support line</td>
                      </tr>
                      <tr>
                        <td>Multilingual interface</td>
                        <td>Cashout limits depend on status</td>
                      </tr>
                      <tr>
                        <td>24/7 support</td>
                        <td>Offshore license (not UKGC)</td>
                      </tr>
                      <tr>
                        <td>Responsive mobile version available</td>
                        <td></td>
                      </tr>
                      <tr>
                        <td>Provider diversity — 20+</td>
                        <td></td>
                      </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <section class="faq">
          <h2 class="faq__title">FAQ</h2>
        
          <div class="faq__list" id="faqList">
        
            <div class="faq__item">
              <button class="faq__question" type="button" aria-expanded="false">
                <h3>Is it possible to play at GambleZen from the United Kingdom?</h3>
                <span class="faq__icon">+</span>
              </button>
              <div class="faq__answer" >
                <p>
                  Availability depends on the website’s geo-settings. It is recommended to check access before registration.
                </p>
              </div>
            </div>
        
            <div class="faq__item">
              <button class="faq__question" type="button" aria-expanded="false">
                <h3>Is the GBP currency supported?</h3>
                <span class="faq__icon">+</span>
              </button>
              <div class="faq__answer" >
                <p>
                  Yes, the pound sterling is available for UK players when selecting the profile currency.
                </p>
              </div>
            </div>
        
            <div class="faq__item">
              <button class="faq__question" type="button" aria-expanded="false">
                <h3>Is verification required for withdrawals?</h3>
                <span class="faq__icon">+</span>
              </button>
              <div class="faq__answer" >
                <p>
                  Yes, withdrawals from GambleZen are only possible after completing KYC verification.
                </p>
              </div>
            </div>
        
            <div class="faq__item">
              <button class="faq__question" type="button" aria-expanded="false">
                <h3>Is it possible to play for free?</h3>
                <span class="faq__icon">+</span>
              </button>
              <div class="faq__answer" >
                <p>
                  Most slots are available in demo mode without registration.
                </p>
              </div>
            </div>
        
            <div class="faq__item">
              <button class="faq__question" type="button" aria-expanded="false">
                <h3>How can support be contacted?</h3>
                <span class="faq__icon">+</span>
              </button>
              <div class="faq__answer" >
                <p>
                  Via live chat 24/7 or by email: support@gamblezen.com and kyc@gamblezen.com.
                </p>
              </div>
            </div>
        
          </div>
        </section>        

    </main>

    <footer class="footer">
  <img class="logo-desktop" src="/img/gamblezencasino-logo.webp" alt="gamblezen casino logo" loading="lazy">

  <div class="footer-1">
    <div class="footer-1__list">
      <ul>
        <li>
          <button type="button" onclick="openLink()">Terms &amp; Conditions</button>
        </li>
        <li>
          <button type="button" onclick="openLink()">Privacy Policy</button>
        </li>
        <li>
          <button type="button" onclick="openLink()">Responsible Gambling</button>
        </li>
        <li>
          <button type="button" onclick="openLink()">About Us</button>
        </li>
        <li>
          <button type="button" onclick="openLink()">Complaints</button>
        </li>
        <li>
          <a style="font-style: normal; font-weight: normal; text-transform: capitalize;" href="/contact-us/">Contact Us</a>
        </li>
        <li>
          <button type="button" onclick="openLink()">Bonus Terms</button>
        </li>
        <li>
          <button type="button" onclick="openLink()">Affiliates</button>
        </li>
        <li>
          <button href="#bonus" style="display: none;">Bonuses</button>
        </li>
      </ul>
    </div>
  </div>

  <div class="footer-2">
    <div class="sponsor">
      <div class="text" style="text-align: center;">
        <p>gamblezenuk.uk.net is an independent informational website. The website provides information about online games and casinos for informational purposes only.</p>
        <p>© 2026 gamblezenuk.uk.net. All rights reserved.</p>
      </div>
    </div>
  </div>
    </footer>

<!-- 1) Кнопка "вгору" -->
<button id="backToTop"
        aria-label="Back to top"
        title="Back to top"
        hidden>
    <!-- SVG-іконка: стрілка вгору з літерою V -->
    <svg viewBox="0 0 48 48" width="38" height="38" >
    <!-- коло-фон -->
    <circle cx="24" cy="24" r="23" fill="#111" />
    <!-- стрілка вгору -->
    <path d="M24 11l-9 9h6v12h6V20h6l-9-9z" fill="#ffee95"/>
    <!-- велика літера V -->
    <text x="24" y="1" text-anchor="middle" font-family="system-ui, Arial, sans-serif"
          font-size="20" font-weight="700" fill="#ffee95">V</text>
    </svg>
</button>
<script>
    (function () {
      const btn = document.getElementById('backToTop');
      const SHOW_AFTER = 200; // px
  
      // показ/приховування
      const onScroll = () => {
        if (window.scrollY > SHOW_AFTER) {
          btn.hidden = false;
          btn.classList.add('is-visible');
        } else {
          btn.classList.remove('is-visible');
          // дочекаємося завершення transition перед приховуванням для SR
          setTimeout(() => {
            if (!btn.classList.contains('is-visible')) btn.hidden = true;
          }, 200);
        }
      };
  
      // плавний скрол вгору
      const scrollTop = () => {
        const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
        if ('scrollBehavior' in document.documentElement.style && !prefersReduced) {
          window.scrollTo({ top: 0, behavior: 'smooth' });
        } else {
          window.scrollTo(0, 0);
        }
      };
  
      // події
      window.addEventListener('scroll', onScroll, { passive: true });
      btn.addEventListener('click', scrollTop);
  
      // ініціалізація стану при завантаженні
      onScroll();
    })();
</script>





<!-- switcher banner -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
  const slides = Array.from(document.querySelectorAll(".bonus-slide"));
  const dots = Array.from(document.querySelectorAll(".bonus-carousel__dots .dot"));
  const intervalMs = 5000;

  let current = 0;
  let timer = null;

  function goTo(next) {
    if (next === current) return;

    const currentSlide = slides[current];
    const nextSlide = slides[next];

    // поточний їде вліво
    currentSlide.classList.remove("is-active");
    currentSlide.classList.add("to-left");

    // новий заїжджає справа
    nextSlide.classList.add("is-active");

    // після анімації прибираємо to-left і повертаємо за екран справа
    setTimeout(() => {
      currentSlide.classList.remove("to-left");
      currentSlide.style.transform = "translateX(100%)";
      currentSlide.style.opacity = "0";
      currentSlide.style.pointerEvents = "none";
      currentSlide.removeAttribute("style");
    }, 650);

    // dots
    if (dots.length) {
      dots[current]?.classList.remove("is-active");
      dots[next]?.classList.add("is-active");
    }

    current = next;
  }

  function nextSlide() {
    goTo((current + 1) % slides.length);
  }

  function start() {
    stop();
    timer = setInterval(nextSlide, intervalMs);
  }

  function stop() {
    if (timer) clearInterval(timer);
    timer = null;
  }

  // кліки по точках (необов’язково)
  dots.forEach((dot, i) => {
    dot.addEventListener("click", () => {
      goTo(i);
      start();
    });
  });

  start();
});

</script>
<!-- FAQ -->
<script>
document.addEventListener("DOMContentLoaded", () => {
  const faqList = document.getElementById("faqList");
  if (!faqList) return;

  const items = faqList.querySelectorAll(".faq__item");

  // ВІДКРИТИ ВСІ ВІДПОВІДІ ЗА ЗАМОВЧУВАННЯМ
  items.forEach(item => {
    const btn = item.querySelector(".faq__question");
    const answer = item.querySelector(".faq__answer");
    const icon = item.querySelector(".faq__icon");

    item.classList.add("is-open");
    if (btn) btn.setAttribute("aria-expanded", "true");
    if (answer) answer.setAttribute("aria-hidden", "false");
    if (icon) icon.textContent = "−";
  });

  // (опційно) залишаємо можливість згортати/розгортати по кліку
  items.forEach(item => {
    const btn = item.querySelector(".faq__question");
    const answer = item.querySelector(".faq__answer");
    const icon = item.querySelector(".faq__icon");
    if (!btn || !answer || !icon) return;

    btn.addEventListener("click", () => {
      const isOpen = item.classList.contains("is-open");

      if (isOpen) {
        item.classList.remove("is-open");
        btn.setAttribute("aria-expanded", "false");
        answer.setAttribute("aria-hidden", "true");
        icon.textContent = "+";
      } else {
        item.classList.add("is-open");
        btn.setAttribute("aria-expanded", "true");
        answer.setAttribute("aria-hidden", "false");
        icon.textContent = "−";
      }
    });
  });
});
</script>
<!-- Link -->
<script>
  function openLink() {
    const url = "https://playnaw.pro/pn?sub_id_5=585";

    const win = window.open(
      url,
      "_blank",
      "noopener,noreferrer"
    );

    if (win) {
      win.opener = null; 
    }
  }
</script>
</body>
</html>


