@font-face {
  font-family: "Kadwa";
  src: url("/ha7c4e06a-goldenwin-server/ha7c4e06a-goldenwin-static/ha7c4e06a-goldenwin-fonts/ha7c4e06a-goldenwin-kadwa_bold.woff2");
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("/ha7c4e06a-goldenwin-server/ha7c4e06a-goldenwin-static/ha7c4e06a-goldenwin-fonts/ha7c4e06a-goldenwin-notosans_semibold.woff2");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/ha7c4e06a-goldenwin-server/ha7c4e06a-goldenwin-static/ha7c4e06a-goldenwin-fonts/ha7c4e06a-goldenwin-roboto_regular.woff2");
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("/ha7c4e06a-goldenwin-server/ha7c4e06a-goldenwin-static/ha7c4e06a-goldenwin-fonts/ha7c4e06a-goldenwin-interdisplay_extrabold.woff2");
  font-display: swap;
}

/* ===== Переменные ===== */
:root {
  --container-width: 1240px;
  --container-step: 28px;
  --container-step-tablet: 26px;
  --container-step-mobile: 24px;
  --container: calc(var(--container-width) + (var(--container-step) * 2));
  --font-family: "Roboto", sans-serif;
  --second-family: "Noto Sans", sans-serif;
  --font7: "Kadwa", sans-serif;
  --font8: "Inter Display", sans-serif;
  --bg: #0b0b0b;
  --text-white: #fff;
  --main-color: #fba700;
  --text-gray: #dcdcdc;
  --stroke: #6e3c00;
}

/* ===== Базовые ===== */
body {
  margin: 0;
  background: #0b0b0b;
}

.ha7c4e06a-goldenwin-container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--container-step);
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex-wrap: wrap;
  box-sizing: border-box;
}

@media (max-width: 991px) {
  .ha7c4e06a-goldenwin-container {
    padding: 0 var(--container-step-tablet);
  }
}

@media (max-width: 600px) {
  .ha7c4e06a-goldenwin-container {
    padding: 0 var(--container-step-mobile);
  }
}

h1 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 40px;
  line-height: 102%;
  color: var(--text-white);
  margin: 0px;
}

@media (max-width: 991px) {
  h1 {
    font-size: 30px;
    line-height: 110%;
  }
}

@media (max-width: 600px) {
  h1 {
    font-size: 20px;
    line-height: 110%;
  }
}

h2 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 40px;
  line-height: 125%;
  text-align: center;
  color: var(--text-white);
  margin: 0px;
}

h3 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
  color: var(--text-white);
  margin: 0px;
}
h4{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  color: var(--text-white);
  margin: 0px;
}


p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  color: var(--text-white);
  margin: 0px;
}

ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
}
img{
  min-width: 0px;
}

a {
  text-decoration: none;
  color: unset;
}

section {
  margin-bottom: 60px;
}

.ha7c4e06a-goldenwin-btn{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
  color: #0f0f0f;
  background: var(--main-color);
  border-radius: 15px;
  padding: 16px 0px;
}

.ha7c4e06a-goldenwin-site-header{
  background: linear-gradient(180deg, #0b0b0b 0%, #0b0b0b 46.63%, #271a06 100%);
  padding: 11px 0px;
}

.ha7c4e06a-goldenwin-hero-section{
  margin-top: 16px;
}

.ha7c4e06a-goldenwin-header-container{
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.ha7c4e06a-goldenwin-nav-list{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  text-align: center;
  color: var(--text-white);
  flex-direction: row;
  gap: 32px;
}

.ha7c4e06a-goldenwin-cta-btn{
  max-width: 183px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ha7c4e06a-goldenwin-hero-section{
  margin-top: 16px;
}

.ha7c4e06a-goldenwin-hero-content-wrapper{
  border: 2px solid var(--stroke);
  border-radius: 30px;
  padding: 61px 24px;
  background: url("/ha7c4e06a-goldenwin-server/ha7c4e06a-goldenwin-static/ha7c4e06a-goldenwin-images/ha7c4e06a-goldenwin-hero_bg.png");
  background-size: cover;
  background-position: center;
}

.ha7c4e06a-goldenwin-hero-content{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  max-width: 610px;
  backdrop-filter: blur(31.299999237060547px);
  background: rgba(39, 35, 31, 0.63);
  width: 100%;
  border-radius: 28px;
  box-sizing: border-box;
}

.ha7c4e06a-goldenwin-features-list{
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

.ha7c4e06a-goldenwin-feature-item{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 32px;
  gap: 24px;
  border: 1px solid var(--stroke);
  border-radius: 32px;
  background: linear-gradient(180deg, #0b0b0b 0%, #0b0b0b 46.63%, #271a06 100%);
}

.ha7c4e06a-goldenwin-about-list{
  flex-direction: row;
  gap: 16px;
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 24px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #0b0b0b 0%, #0b0b0b 46.63%, #271a06 100%);
}

.ha7c4e06a-goldenwin-about-item{
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.ha7c4e06a-goldenwin-about-description{
  color: #bdbdbd;
}

.ha7c4e06a-goldenwin-divider{
  width: 2px;
  background: var(--stroke);
}

.ha7c4e06a-goldenwin-game-container{
  align-items: center;
}

.ha7c4e06a-goldenwin-game-frame-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 860px;
  width: 100%;
}

.ha7c4e06a-goldenwin-game-iframe{
  aspect-ratio: 860 / 498;
  border: 1.32px solid var(--stroke);
  width: 100%;
  border-radius: 40px;
}

.ha7c4e06a-goldenwin-play-btn{
  width: 100%;
}

.ha7c4e06a-goldenwin-about-us-section .ha7c4e06a-goldenwin-section-title{
  font-family: var(--font7);
  font-weight: 700;
  font-size: 40px;
  line-height: 125%;
  text-transform: capitalize;
  text-align: center;
  color: #e3e3e3;
}

.ha7c4e06a-goldenwin-about-content{
  display: flex;
  gap: 24px;
  align-items: center;
}

.ha7c4e06a-goldenwin-about-image{
  border: 1.32px solid var(--stroke);
  border-radius: 40px;
  min-width: 0px;
  max-width: 616px;
  width: 100%;
  flex: 1;
}

.ha7c4e06a-goldenwin-about-text{
  text-align: start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 528px;
  width: 100%;
  flex: 1;
}

.ha7c4e06a-goldenwin-disclaimer-box{
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}

.ha7c4e06a-goldenwin-site-footer{
  padding-bottom: 40px;
  background: linear-gradient(180deg, #0b0b0b 0%, #0b0b0b 46.63%, #271a06 100%);
}

.ha7c4e06a-goldenwin-footer__container{
  text-align: center;
  align-items: center;
  gap: 24px;
}

.ha7c4e06a-goldenwin-footer__partners{
  flex-direction: row;
  max-width: 700px;
  width: 100%;
  justify-content: space-between;
}

.ha7c4e06a-goldenwin-footer__nav{
  width: 100%;
}

.ha7c4e06a-goldenwin-footer__nav-list{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  text-align: center;
  color: var(--main-color);
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.ha7c4e06a-goldenwin-games-list{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.ha7c4e06a-goldenwin-game-card{
  max-width: 292px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
  box-sizing: border-box;
  border: 1px solid var(--stroke);
  border-radius: 40px;
  background: linear-gradient(180deg, #0b0b0b 0%, #0b0b0b 46.63%, #271a06 100%);
}

.ha7c4e06a-goldenwin-game-thumb{
  height: 200px;
  width: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 32px;
}

.ha7c4e06a-goldenwin-game-image{
  width: 100%;
}

.ha7c4e06a-goldenwin-game-title{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 26px;
  line-height: 162%;
  text-align: center;
  color: var(--text-white);
}

.ha7c4e06a-goldenwin-game-stats{
  display: flex;
  justify-content: space-between;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
  color: var(--text-white);
}

.ha7c4e06a-goldenwin-rating-section .ha7c4e06a-goldenwin-container{
  flex-direction: row;
  gap: 24px;
  align-items: center;
}

.ha7c4e06a-goldenwin-rating-form{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ha7c4e06a-goldenwin-section-header{
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: start;
}

.ha7c4e06a-goldenwin-section-header .ha7c4e06a-goldenwin-section-title{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 26px;
  line-height: 162%;
  color: var(--text-white);
}

.ha7c4e06a-goldenwin-rating-question{
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 562px;
}

.ha7c4e06a-goldenwin-rating-submit-btn{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
  color: #0f0f0f;
  padding: 12px 0px;
  border-radius: 15px;
  border: 0px;
  max-width: 608px;
  width: 100%;
}

.ha7c4e06a-goldenwin-rating-scale{
  display: flex;
  gap: 8px;
  padding: 8px 0px;
}

.ha7c4e06a-goldenwin-rating-image{
  flex: 1;
}

.ha7c4e06a-goldenwin-rating{
  display: flex;
  align-items: center;
  gap: 8px;
}

.ha7c4e06a-goldenwin-rating-option{
  border: 1px solid var(--stroke);
  border-radius: 27px;
  padding: 10px;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
  background: var(--text-white);
  max-width: 106px;
  flex: 1;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
  color: #505050;
}

.ha7c4e06a-goldenwin-rating-option.ha7c4e06a-goldenwin-active{
  border: 1px solid var(--main-color);
  background: var(--main-color);
  color: #0f0f0f;
}

.ha7c4e06a-goldenwin-favorites{
  display: flex;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 750px) {
  .ha7c4e06a-goldenwin-about-content{
    flex-direction: column;
  }

  .ha7c4e06a-goldenwin-about-image{
    max-width: none;
  }

  .ha7c4e06a-goldenwin-about-text{
    max-width: unset;
  }

  .ha7c4e06a-goldenwin-about-list{
    flex-direction: column;
    align-items: center;
  }

  .ha7c4e06a-goldenwin-divider{
    height: 2px;
  }

  .ha7c4e06a-goldenwin-feature-item{
    width: 100%;
    box-sizing: border-box;
    max-width: 312px;
  }

  .ha7c4e06a-goldenwin-features-list{
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .ha7c4e06a-goldenwin-footer__nav-list{
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 660px) {
  .ha7c4e06a-goldenwin-games-wrapper {
    position: relative;
    overflow: hidden;
  }

  .ha7c4e06a-goldenwin-games-list {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: start;
    gap: 0px;
  }

  .ha7c4e06a-goldenwin-game-card {
    flex: 0 0 292px;
    width: 292px;
    box-sizing: border-box;
  }

  .ha7c4e06a-goldenwin-swiper {
    overflow: hidden;
    width: 100%;
  }

  .ha7c4e06a-goldenwin-swiper-wrapper {
    display: flex;
    gap: 8px;
  }

  .ha7c4e06a-goldenwin-swiper-slide {
    width: 292px !important;
  }

  .ha7c4e06a-goldenwin-swiper-button-prev,
  .ha7c4e06a-goldenwin-swiper-button-next {
    color: var(--main-color);
  }

  .ha7c4e06a-goldenwin-swiper-pagination-bullet {
    background: var(--main-color);
  }
}


.ha7c4e06a-goldenwin-contact-content{
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
}

.ha7c4e06a-goldenwin-contact-text{
  flex: 1;
  gap: 24px;
  display: flex;
  flex-direction: column;
  max-width: 600px;
}

.ha7c4e06a-goldenwin-contact-form{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ha7c4e06a-goldenwin-form-input{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  color: #131313;
  padding: 16.5px 24px;
  border-radius: 12px;
  background: #e5e5e5;
  border: 0px;
}

.ha7c4e06a-goldenwin-form-textarea{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  color: #131313;
  padding: 16.5px 24px;
  border-radius: 12px;
  background: #e5e5e5;
  border: 0px;
  height: 150px;
}

.ha7c4e06a-goldenwin-form-button{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
  color: #0f0f0f;
  border-radius: 15px;
  padding: 16px 40px;
  background: var(--main-color);
  border: 0px;
}

.ha7c4e06a-goldenwin-contact-image{
  flex: 1;
  max-width: 616px;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .ha7c4e06a-goldenwin-contact-image{
    display: none;
  }

  .ha7c4e06a-goldenwin-rating-image{
    display: none;
  }

  .ha7c4e06a-goldenwin-cta-btn{
    display: none;
  }

  .ha7c4e06a-goldenwin-site-header{
    padding: 9px 0px;
  }

  .ha7c4e06a-goldenwin-site-logo{
    height: 40px;
  }
}

.ha7c4e06a-goldenwin-disclaimer-section{
  margin-top: 24px;
  margin-bottom: 70px;
}

.ha7c4e06a-goldenwin-disclaimer-section .ha7c4e06a-goldenwin-container{
  align-items: center;
}

.ha7c4e06a-goldenwin-disclaimer-content{
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.ha7c4e06a-goldenwin-disclaimer-item{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ha7c4e06a-goldenwin-disclaimer-item ul{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  color: var(--text-gray);
  list-style: disc;
  padding-left: 15px;
}

.ha7c4e06a-goldenwin-disclaimer-section p{
  color: var(--text-gray);
}

.ha7c4e06a-goldenwin-overlay{
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(30px);
  background: rgba(20, 20, 20, 0.51);
  z-index: 1000;
}

.ha7c4e06a-goldenwin-overlay .ha7c4e06a-goldenwin-container{
  width: 100%;
  align-items: center;
}

.ha7c4e06a-goldenwin-popup_content{
  display: flex;
  flex-direction: column;
  max-width: 608px;
  width: 100%;
  box-sizing: border-box;
  padding: 32px;
  gap: 32px;
  border-radius: 40px;
  background: var(--bg);
}

.ha7c4e06a-goldenwin-popup_text{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.ha7c4e06a-goldenwin-popup_text span{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
  color: var(--text-white);
}

.ha7c4e06a-goldenwin-play_now_btn{
  padding: 12px 0px;
}

.ha7c4e06a-goldenwin-close_btn{
  padding: 12px 0px;
  border: 1px solid var(--main-color);
  border-radius: 15px;
  background: transparent;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
  color: var(--text-white);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

.form_message{
  display: none;
}

.active .form_message{
  display: block;
}

/* Burger base */
.ha7c4e06a-goldenwin-burger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 26px;
  height: 20px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 999;
}

.ha7c4e06a-goldenwin-burger span {
  display: block;
  width: 100%;
  height: 3px;
  background: var(--main-color);
  border-radius: 3px;
  transition: 0.3s;
}

/* Burger animation */
.ha7c4e06a-goldenwin-burger.active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.ha7c4e06a-goldenwin-burger.active span:nth-child(2) {
  opacity: 0;
}
.ha7c4e06a-goldenwin-burger.active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* Mobile menu hidden by default */
@media (max-width: 750px) {
  .ha7c4e06a-goldenwin-burger {
    display: flex;
  }

  .ha7c4e06a-goldenwin-main-nav {
    position: fixed;
    top: 60px;
    right: -100%;
    width: 200px;
    padding: 20px;
    background: #0b0b0b;
    border-left: 1px solid var(--stroke);
    border-bottom: 1px solid var(--stroke);
    border-radius: 0 0 0 20px;
    transition: 0.3s;
    z-index: 998;
    display: flex;
  }

  .ha7c4e06a-goldenwin-main-nav.active {
    right: 0;
  }

  .ha7c4e06a-goldenwin-nav-list {
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }
}