/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/* Links */

a,
a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Common */

aside,
nav,
footer,
header,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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;
}

input[type='file'] {
  max-width: 100%;
}
/* ==================== GLOBAL FIXES ==================== */

html,
body {
  overflow-x: hidden;
  width: 100%;
}

* {
  box-sizing: border-box;
}

.container {
  width: 100%;
  max-width: 1320px;
  padding: 0 15px;
  margin: 0 auto;
}

/* ==================== HEADER ==================== */

.headerDMMA {
  background: #2b2932;
  padding: 18px 0;
  backdrop-filter: blur(3px);
  font-family: Arial, sans-serif;
}

.header__innerDMMA {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__leftDMMA {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.header__logo-imgDMMA {
  width: 55px;
}

/* text under logo */
.header__textDMMA {
  display: flex;
  flex-direction: column;
  line-height: 0.7;
}

.header__titleDMMA {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

.header__subtitleDMMA {
  font-size: 13px;
  color: #bfb7c7;
  font-weight: 400;
}

/* NAV */
.header__navDMMA {
  display: flex;
}

.header__menuDMMA {
  display: flex;
  list-style: none;
  gap: 36px;
  padding: 0;
  margin: 0;
}

.header__menuDMMA a {
  text-decoration: none;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  color: #bfb7c7;
}

/* ACTION BUTTONS */
.header__actionsDMMA {
  display: flex;
  gap: 12px;
}

.btn-loginDMMA {
  padding: 10px 22px;
  border-radius: 10px;
  background: #5d5b78;
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.btn-rgDMMA {
  padding: 10px 22px;
  border-radius: 10px;
  background: linear-gradient(90deg, #ff4db1, #ffde59);
  color: #2b2932;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(255, 110, 170, 0.12);
}

/* BURGER */
.burgerDMMA {
  width: 32px;
  height: 24px;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  background: none;
  border: none;
  cursor: pointer;
}

.burgerDMMA span {
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  transition: 0.3s;
}

/* ================= MOBILE MENU (DESIGN MATCH) ================= */

.mobileNavDMMA {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 390px;

  height: 100vh;
  background: #26252d;

  padding: 32px 28px;
  border-radius: 0 0 0 26px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  transition: 0.35s ease;
  z-index: 9999;
}

.mobileNavDMMA.active {
  right: 0;
}

/* TOP — LOGO + CLOSE */

.mobileNav__topDMMA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
}

.mobileNav__logoBoxDMMA {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mobileNav__logoDMMA {
  width: 56px;
}

.mobileNav__logoTextDMMA {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.mobileNav__titleDMMA {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
}

.mobileNav__subtitleDMMA {
  font-size: 13px;
  color: #bfb7c7;
}

/* CLOSE BUTTON */
.closeBTN_DMMA {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
}

/* MENU LIST */

.mobileMenuDMMA {
  list-style: none;
  padding: 0;
  margin: 0;

  display: flex;
  flex-direction: column;
  gap: 26px;

  text-align: center;

  margin-top: 20px;
  margin-bottom: 40px;
}

.mobileMenuDMMA a {
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  color: #d2d0d9;
}

/* BUTTONS */

.mobileNav__buttonsDMMA {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* LOGIN */

.mobileNav__loginDMMA {
  width: 100%;
  padding: 14px 0;
  border: none;
  border-radius: 12px;
  background: #595772;
  text-align: center;

  font-size: 16px;
  font-weight: 700;
  color: #fff;

  cursor: pointer;
}

/* RESPONSIBLE GAMING */

.mobileNav__rgDMMA {
  width: 100%;
  padding: 14px 0;
  border-radius: 12px;

  background: linear-gradient(90deg, #ff4db1, #ffde59);
  color: #222126;

  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;

  box-shadow: 0 6px 22px rgba(255, 110, 170, 0.15);
}

/* OVERLAY */
.overlayDMMA {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

.overlayDMMA.active {
  opacity: 1;
  pointer-events: auto;
}

/* RESPONSIVE HEADER SWITCH */
@media (max-width: 1200px) {
  .header__navDMMA,
  .header__actionsDMMA {
    display: none;
  }

  .burgerDMMA {
    display: flex;
  }
}

@media (max-width: 720px) {
  .header__textDMMA {
    display: none;
  }
}
.heroDMMA {
  background: #222126;
  padding: 80px 0;
  font-family: Arial, sans-serif;
}

.hero__cardDMMA {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  border-radius: 20px;
  background: #343343;
  overflow: hidden;
}

.hero__leftDMMA {
  flex: 1;
  padding: 25px;
}

.hero__tagDMMA {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 16px;
  color: #ff4db1;
  background: linear-gradient(
    90deg,
    rgba(255, 77, 177, 0.2),
    rgba(0, 230, 214, 0.2)
  );
  margin-bottom: 20px;
}

.hero__titleDMMA {
  font-size: 44px;
  line-height: 1.18;
  font-weight: 700;
  color: #fff;
  margin-bottom: 26px;
}

.hero__featuresDMMA {
  list-style: none;
  padding: 0;
  margin: 0 0 35px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.hero__featuresDMMA li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 10px;
  border: 1px solid #4bb1ff;
  background: rgba(75, 177, 255, 0.1);
  font-size: 16px;
  color: #4bb1ff;
}

.hero__featuresDMMA li img {
  width: 22px;
  height: 22px;
}

.hero__buttonsDMMA {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.hero-btn-rgDMMA {
  padding: 14px 26px;
  border-radius: 10px;
  background: linear-gradient(90deg, #ff4db1, #ffde59);
  font-size: 16px;
  color: #2b2932;
  font-weight: 700;
  text-decoration: none;
}

.hero-btn-loginDMMA {
  padding: 14px 32px;
  border-radius: 10px;
  background: #5d5b78;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

/* ПРАВАЯ КАРТИНКА – ИДЕАЛЬНЫЙ DESKTOP */
.hero__rightDMMA {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.hero__img-desktopDMMA {
  height: 100%;
  width: auto;
}

/* MOBILE IMAGE */
.hero__img-mobileDMMA {
  display: none;
  width: 100%;
  max-width: 480px;
  margin: 25px auto 0;
  border-radius: 20px;
}

/* TABLET */
@media (max-width: 1200px) {
  .hero__cardDMMA {
    flex-direction: column;
  }

  .hero__leftDMMA {
    padding: 40px;
    max-width: 100%;
  }

  .hero__rightDMMA {
    justify-content: center;
  }

  .hero__img-desktopDMMA {
    width: 75%;
    height: auto;
    margin: 0 auto;
  }
}

/* MOBILE */
@media (max-width: 700px) {
  .heroDMMA {
    padding: 35px 0;
  }

  .hero__leftDMMA {
    padding: 25px;
  }

  .hero__rightDMMA {
    display: none;
  }

  .hero__img-mobileDMMA {
    display: block;
  }

  .hero__titleDMMA {
    font-size: 30px;
    line-height: 1.25;
  }

  .hero__featuresDMMA li {
    width: 100%;
  }

  .hero-btn-rgDMMA,
  .hero-btn-loginDMMA {
    width: 100%;
    text-align: center;
  }
}
.advantagesDMMA {
  background: #222126;
  padding: 60px 0;
  font-family: Arial, sans-serif;
}

.advantagesDMMA .container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 15px;
}

.advantages__titleDMMA {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 40px;
}

/* ---------- scroll row ---------- */
.advantages__scrollDMMA {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
  list-style: none;
  padding-left: 0;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
}

.advantages__scrollDMMA::-webkit-scrollbar {
  height: 0;
}

.advantages__scrollDMMA.grabbing {
  cursor: grabbing;
}

/* ---------- Card base ---------- */
.advCardDMMA {
  flex: 0 0 610px;
  height: auto;
  padding: 20px 24px;
  border-radius: 10px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  scroll-snap-align: start;
  backdrop-filter: blur(2.5px);
}

.advCard__iconDMMA {
  width: 90px;
  height: 100px;
  object-fit: contain;
}

.advCard__titleDMMA {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.advCard__textDMMA {
  font-size: 16px;
  color: #fff;
  line-height: 1.35;
  max-width: 420px;
}

/* ---------- Card Colors ---------- */
.adv1DMMA {
  background: radial-gradient(
      83.14% 92.09% at 0% 0%,
      rgba(255, 0, 251, 0.36) 0%,
      rgba(255, 0, 251, 0) 100%
    ),
    #343343;
}
.adv1colorDMMA {
  color: #00e5ff;
}

.adv2DMMA {
  background: radial-gradient(
      83.14% 92.09% at 0% 0%,
      rgba(255, 0, 251, 0.36) 0%,
      rgba(255, 0, 251, 0) 100%
    ),
    #343343;
}
.adv2colorDMMA {
  color: #ff00fb;
}

.adv3DMMA {
  background: radial-gradient(
      83.14% 92.09% at 0% 0%,
      rgba(255, 217, 0, 0.36) 0%,
      rgba(255, 217, 0, 0) 100%
    ),
    #343343;
}
.adv3colorDMMA {
  color: #ffd900;
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .advCardDMMA {
    flex: 0 0 90%;
    height: auto;
    padding: 20px;
    flex-direction: column;
    gap: 14px;
  }

  .advCard__iconDMMA {
    width: 70px;
    height: 80px;
  }

  .advCard__textDMMA {
    max-width: 100%;
  }
}

.bonusDMMA {
  padding: 40px 0;
  background: #222126;
}

.bonus-containerDMMA {
  max-width: 1320px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

.bonus-titleDMMA {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 30px;
  font-family: Arial, sans-serif;
}

.bonus-gridDMMA {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.bonus-cardDMMA {
  position: relative;
  height: 236px;
  border-radius: 16px;
  padding: 24px 26px;
  overflow: hidden;
}

.bonus-c1DMMA {
  background: linear-gradient(90deg, #153645 0%, #31476c 45%, #41526c 100%);
}

.bonus-c2DMMA {
  background: linear-gradient(90deg, #1f2e49 0%, #394373 45%, #4c5988 100%);
}

.bonus-c3DMMA {
  background: linear-gradient(90deg, #431d33 0%, #64263d 45%, #7e3046 100%);
}

.bonus-c4DMMA {
  background: linear-gradient(90deg, #105529 0%, #276c41 45%, #2c7b4e 100%);
}

.bonus-timeDMMA {
  display: inline-block;
  background: rgba(0, 0, 0, 0.45);
  padding: 6px 14px;
  border-radius: 14px;
  font-size: 14px;
  color: #fff;
  margin-bottom: 12px;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.bonus-title-cardDMMA {
  font-family: Arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.bonus-t1DMMA {
  color: #00e5ff;
}

.bonus-t2DMMA {
  color: #62abff;
}

.bonus-t3DMMA {
  color: #f06;
}

.bonus-t4DMMA {
  color: #0f1;
}

.bonus-descDMMA {
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.bonus-descDMMA span {
  color: #ffde59;
}

.bonus-btnDMMA {
  display: inline-block;
  width: 260px;
  padding: 14px;
  border-radius: 12px;
  text-align: center;
  background: linear-gradient(90deg, #ff4db1 0%, #ffde59 100%);
  font-family: Arial;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: #0b0710;
}

.bonus-imgDMMA {
  position: absolute;
  right: -12px;
  bottom: -22px;
  width: 47%;
  pointer-events: none;
  user-select: none;
}

@media (max-width: 768px) {
  .bonus-gridDMMA {
    grid-template-columns: 1fr;
  }

  .bonus-cardDMMA {
    padding: 22px;
    height: auto;
    border-radius: 18px;
    padding-bottom: 0;
  }

  .bonus-btnDMMA {
    width: 100%;
    margin-bottom: 0;
  }

  .bonus-imgDMMA {
    position: relative;
    bottom: 0;
    right: 0;
    width: 72%;
    margin: 10px auto 0;
    display: block;
  }
}

.popupBonusDMMA {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popupBonusDMMA.active {
  display: flex;
}

.popupBonusDMMA__box {
  background: #343343;
  border-radius: 12px;
  padding: 28px 32px;
  max-width: 360px;
  width: 100%;
  text-align: center;
  position: relative;
}

.popupBonusDMMA__close {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 28px;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
}

.popupBonusDMMA__content {
  margin-top: 20px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.popularDMMA {
  padding: 40px 0;
  background: #222126;
}

.popular-containerDMMA {
  max-width: 1320px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

.popular-titleDMMA {
  color: #ffffff;
  font-family: Arial;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
}

.popular-listDMMA {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.itemDMMA {
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 47.42%,
      rgba(255, 0, 208, 0.2) 100%
    ),
    #343343;
}

.item-imgWrapDMMA {
  width: 100%;
  height: 220px; /* фиксируем высоту */
  position: relative;
  overflow: hidden; /* обрежет лишнее */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* optional */
}

.item-imgDMMA {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.item-starsDMMA {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.45);
}

.item-starsDMMA img {
  width: 18px;
  height: 18px;
}

.item-bodyDMMA {
  padding: 20px 22px 28px;
}

.item-titleDMMA {
  color: #00e5ff;
  font-family: Arial;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.item-subDMMA {
  color: #ffffff;
  opacity: 0.8;
  font-family: Arial;
  font-size: 15px;
  margin-bottom: 22px;
}

.item-rowDMMA {
  margin-bottom: 18px;
}

.item-labelDMMA {
  color: #ffb83f;
  font-family: Arial;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  display: inline-block;
}

.item-prizeWrapDMMA {
  display: flex;
  align-items: center;
  gap: 8px;
}

.item-coinDMMA {
  width: 26px;
}

.item-prizeDMMA {
  font-family: Arial;
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
}

.item-labelGreenDMMA {
  color: #4ade80;
  font-family: Arial;
  font-size: 16px;
  font-weight: 700;
}

/* ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
   PERFECT "Players online" ROW
   ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */

.item-row-playersDMMA {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item-players-rightDMMA {
  display: flex;
  align-items: center;
  gap: 14px;
}

.item-players-imgDMMA {
  width: 84px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

.item-plusDMMA {
  font-family: Arial;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}

.item-btnDMMA {
  display: block;
  width: 100%;
  padding: 14px;
  margin-top: 20px;
  border-radius: 10px;
  background: linear-gradient(90deg, #ff4db1, #ffde59);
  color: #2b2932;
  font-family: Arial;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

/* MOBILE */
@media (max-width: 768px) {
  .popular-listDMMA {
    grid-template-columns: 1fr;
  }

  .item-row-playersDMMA {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .item-players-imgDMMA {
    width: 100px;
  }
}

/* ===== SECTION ===== */
.completedDMMA {
  background: #1d1c22;
  padding: 50px 0;
  font-family: Arial, sans-serif;
}

.completed-containerDMMA {
  max-width: 1320px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

.completed-titleDMMA {
  font-size: 48px; /* уменьшено */
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 38px;
  line-height: 1.05;
}

/* ===== DESKTOP LIST ===== */
.completed-listDMMA {
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  justify-content: space-between;
  gap: 24px;
}

/* ===== CARD ===== */
.completed-itemDMMA {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 20px 24px; /* уменьшено */
  border-radius: 12px;
  gap: 18px; /* уменьшено */
}

/* COLORS */
.c1DMMA {
  border: 1px solid #ff9631;
  background: rgba(255, 150, 49, 0.1);
}
.c2DMMA {
  border: 1px solid #4bb1ff;
  background: rgba(75, 177, 255, 0.1);
}
.c3DMMA {
  border: 1px solid #87fccd;
  background: rgba(135, 252, 205, 0.1);
}

.c1colorDMMA {
  color: #ff9631;
}
.c2colorDMMA {
  color: #4bb1ff;
}
.c3colorDMMA {
  color: #87fccd;
}

/* FIXED ICONS */
.completed-iconDMMA {
  width: 58px;
  height: 57px;
  object-fit: contain;
}

/* DIVIDER */
.completed-dividerDMMA {
  width: 2px;
  height: 50px; /* уменьшено */
  opacity: 0.7;
}

.c1DMMA .completed-dividerDMMA {
  background: #ff9631;
}
.c2DMMA .completed-dividerDMMA {
  background: #4bb1ff;
}
.c3DMMA .completed-dividerDMMA {
  background: #87fccd;
}

/* PLAYER BLOCK */
.completed-playerDMMA {
  display: flex;
  align-items: center;
  gap: 12px; /* уменьшено */
}

.completed-avatarDMMA {
  width: 50px; /* уменьшено */
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.completed-nameDMMA {
  font-size: 18px; /* уменьшено */
  font-weight: 700;
  color: #fff;
}

.completed-nickDMMA {
  font-size: 15px; /* уменьшено */
  font-weight: 400;
}

.completed-rightDMMA {
  margin-left: auto;
  text-align: right;
}

.completed-labelDMMA {
  font-size: 18px; /* уменьшено */
  font-weight: 700;
  color: #fff;
}

.completed-prizeDMMA {
  font-size: 20px; /* уменьшено */
  font-weight: 700;
}

/* =========================================================
      TABLET — уменьшаем ВСЁ ещё больше
   ========================================================= */
@media (max-width: 1024px) {
  .completed-listDMMA {
    flex-wrap: wrap;
    gap: 18px;
  }

  .completed-itemDMMA {
    flex: 1 1 calc(50% - 18px);
    padding: 16px 18px;
    gap: 14px;
  }

  .completed-titleDMMA {
    font-size: 38px;
  }

  .completed-iconDMMA {
    width: 52px;
    height: 50px;
  }

  .completed-avatarDMMA {
    width: 42px;
    height: 42px;
  }

  .completed-nameDMMA {
    font-size: 15px;
  }
  .completed-nickDMMA {
    font-size: 13px;
  }
  .completed-labelDMMA {
    font-size: 15px;
  }
  .completed-prizeDMMA {
    font-size: 17px;
  }
}

/* =========================================================
      MOBILE — ещё меньше
   ========================================================= */
@media (max-width: 768px) {
  .completed-listDMMA {
    flex-direction: column;
    gap: 16px;
  }

  .completed-itemDMMA {
    flex-direction: row;
    padding: 14px 16px;
    gap: 12px;
  }

  .completed-titleDMMA {
    font-size: 30px;
  }

  .completed-iconDMMA {
    width: 46px;
    height: 45px;
  }

  .completed-avatarDMMA {
    width: 36px;
    height: 36px;
  }

  .completed-nameDMMA {
    font-size: 14px;
  }
  .completed-nickDMMA {
    font-size: 12px;
  }
  .completed-labelDMMA {
    font-size: 14px;
  }
  .completed-prizeDMMA {
    font-size: 16px;
  }
}

/* =========================================================
      MOBILE 320px — ультра-компактно, как в макете
   ========================================================= */
@media (max-width: 400px) {
  .completed-itemDMMA {
    padding: 10px 12px;
    gap: 10px;
  }

  .completed-iconDMMA {
    width: 40px;
    height: 39px;
  }

  .completed-avatarDMMA {
    width: 32px;
    height: 32px;
  }

  .completed-nameDMMA {
    font-size: 13px;
  }
  .completed-nickDMMA {
    font-size: 11px;
  }
  .completed-labelDMMA {
    font-size: 13px;
  }
  .completed-prizeDMMA {
    font-size: 15px;
  }

  .completed-titleDMMA {
    font-size: 26px;
  }
}
/* ==== SECTION FULL WIDTH BACKGROUND ==== */
.faq-sectionDMMA {
  width: 100%;
  padding: 50px 0;
  background: #222126; /* ФОН НА ВСЮ ШИРИНУ */
}

/* ==== CONTAINER ==== */
.containerDMMA {
  max-width: 1080px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

/* ==== TITLE ==== */
.faq-titleDMMA {
  font-family: Arial;
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 28px;
  text-transform: uppercase;
}

/* ==== LIST ==== */
.faq-listDMMA {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ==== ITEM ==== */
.faq-itemDMMA {
  background: #343343;
  border-radius: 10px;
  overflow: hidden;
  transition: background 0.25s ease;
}

.faq-itemDMMA.open {
  background: #2283f6;
}

/* ==== QUESTION BUTTON ==== */
.faq-questionDMMA {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-questionDMMA span {
  font-family: Arial;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

/* ==== ICON ==== */
.faq-iconDMMA {
  width: 40px;
  height: 40px;
  transition: transform 0.25s ease;
}

.faq-itemDMMA.open .faq-iconDMMA {
  transform: rotate(180deg);
}

/* ==== ANSWER ==== */
.faq-answerDMMA {
  max-height: 0;
  overflow: hidden;
  padding: 0 22px;
  transition: max-height 0.35s ease, padding 0.35s ease;
}

.faq-itemDMMA.open .faq-answerDMMA {
  max-height: 500px;
  padding: 0 22px 22px;
}

.faq-answerDMMA p {
  font-family: Arial;
  font-size: 16px;
  line-height: 1.45;
  color: #fff;
  opacity: 0.9;
}

/* ==== MOBILE 320 ==== */
@media (max-width: 480px) {
  .faq-titleDMMA {
    font-size: 30px;
    line-height: 34px;
  }

  .faq-questionDMMA span {
    font-size: 18px;
  }

  .faq-answerDMMA p {
    font-size: 15px;
  }

  .faq-iconDMMA {
    width: 34px;
    height: 34px;
  }
}
/* ======================= SUCCESS SECTION ======================= */

.successDMMA {
  width: 100%;
  padding: 60px 0;
  background: #222126;
}

.container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 20px;
}

.success-titleDMMA {
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 40px;
  text-transform: uppercase;
}

/* ======================= SLIDER ======================= */

.success-sliderDMMA {
  display: flex;
  gap: 32px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding-bottom: 12px;
}

.success-sliderDMMA::-webkit-scrollbar {
  height: 0;
}

/* ======================= CARD ======================= */

.success-cardDMMA {
  width: 660px; /* Чуть больше для идеального макетного выравнивания */
  flex: 0 0 auto;
  scroll-snap-align: start;

  display: flex;
  flex-direction: column;

  padding: 28px 32px;
  border-radius: 20px;

  background: linear-gradient(
      112deg,
      rgba(0, 229, 255, 0.2) 0%,
      rgba(0, 229, 255, 0) 40%
    ),
    #343343;

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
}

/* ======================= TOP SECTION ======================= */

.success-topDMMA {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

/* Левая часть */
.success-top-leftDMMA {
  display: flex;
  align-items: center;
  gap: 14px;
}

.success-avatarDMMA {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

.success-infoDMMA {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-right: auto;
  margin-left: 20px;
}

.success-nameDMMA {
  color: #ffffff;
  font-size: 19px;
  font-weight: 700;
  font-family: Arial, sans-serif;
}

.success-nickDMMA {
  color: #00e5ff;
  font-size: 16px;
  font-family: Arial, sans-serif;
}

/* Правая часть (молнии) */
.success-lightningDMMA {
  display: flex;
  gap: 6px;
}

.success-lightningDMMA img {
  width: 22px;
  height: 24px;
  opacity: 0.95;
}

/* ======================= TEXT ======================= */

.success-textDMMA {
  margin-top: 10px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.45; /* Именно как в макете */
  letter-spacing: 0.2px;
  white-space: normal;
}

/* ======================= DATE ======================= */

.success-dateDMMA {
  margin-top: 22px;
  text-align: right;
  font-family: Arial, sans-serif;
  font-size: 15px;
  color: #a5a5a5;
}

/* ======================= MOBILE ======================= */

@media (max-width: 768px) {
  .success-sliderDMMA {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 16px;
    gap: 20px;
  }

  .success-cardDMMA {
    width: 100%;
    min-height: 400px;
    flex: 0 0 auto;
    scroll-snap-align: center;

    padding: 24px;
    border-radius: 18px;
  }

  .success-topDMMA {
    align-items: flex-start;
  }

  .success-avatarDMMA {
    width: 48px;
    height: 48px;
  }

  .success-infoDMMA {
    margin-left: 12px;
    margin-right: auto;
  }

  .success-nameDMMA {
    font-size: 17px;
  }

  .success-nickDMMA {
    font-size: 15px;
  }

  .success-lightningDMMA img {
    width: 20px;
    height: 22px;
  }

  /* текст */
  .success-textDMMA {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.42;
  }

  /* дата */
  .success-dateDMMA {
    margin-top: 18px;
    font-size: 14px;
  }
}

.feedbackDMMA {
  background: #222126;
  padding: 60px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  position: relative;
}

.fruit-leftDMMA,
.fruit-rightDMMA {
  width: 400px;
  height: 457px;
  background-size: contain;
  background-repeat: no-repeat;
}

.fruit-leftDMMA {
  background-image: url('/imgDMMA/imagesDMMA/form-fruitsDMMA.webp');
}

.fruit-rightDMMA {
  background-image: url('/imgDMMA/imagesDMMA/form-fruits-rightDMMA.webp');
}

.feedback-boxDMMA {
  width: 460px;
  background: #343343;
  border-radius: 12px;
  padding: 32px;
}

.feedback-titleDMMA {
  color: #fff;
  font-family: Arial;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.feedback-inputDMMA {
  width: 100%;
  height: 52px;
  border-radius: 10px;
  background: #3f3e44;
  border: none;
  padding: 0 16px;
  margin-bottom: 18px;
  color: #fff;
  font-family: Arial;
  font-size: 16px;
}

.feedback-inputDMMA::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.feedback-inputDMMA[type='textarea'],
.feedback-inputDMMA textarea {
  height: 120px;
  padding-top: 14px;
  resize: none;
}

.feedback-btnDMMA {
  width: 100%;
  height: 52px;
  border-radius: 10px;
  background: linear-gradient(90deg, #ff4db1 0%, #ffde59 100%);
  font-family: Arial;
  font-size: 18px;
  font-weight: 700;
  color: #0b0710;
  cursor: pointer;
}

.feedback-popupDMMA {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  background: #343343;
  border-radius: 14px;
  padding: 40px;
  text-align: center;
  width: 320px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
}

.feedback-popupDMMA.show {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
}

.popup-iconDMMA {
  width: 68px;
  margin-bottom: 14px;
}

.feedback-popupDMMA p {
  font-family: Arial;
  color: #fff;
  font-size: 16px;
}

/* TABLET */
@media (max-width: 1024px) {
  .fruit-leftDMMA,
  .fruit-rightDMMA {
    display: none;
  }
  .feedbackDMMA {
    padding: 40px 0;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .feedback-boxDMMA {
    width: calc(100% - 40px);
  }

  .feedback-titleDMMA {
    font-size: 20px;
  }

  .feedback-btnDMMA {
    font-size: 16px;
  }
}

.feedback-popupDMMA {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  width: 320px;
  padding: 40px 20px;
  border-radius: 12px;
  background: #343343;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s ease;
  z-index: 99999;
}

.feedback-popupDMMA.show {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
}

.popup-iconDMMA {
  width: 72px;
  display: block;
  margin: 0 auto 18px;
}

.feedback-popupDMMA p {
  font-family: Arial;
  color: #fff;
  font-size: 18px;
}

/* SECTION */
.disclaimerDMMA {
  padding: 80px 0;
  background: #222126;
}

.disclaimer-containerDMMA {
  max-width: 1320px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

/* TITLE */
.disclaimer-titleDMMA {
  color: #fff;
  font-family: Arial;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 32px;
}

/* MAIN BOX */
.disclaimer-boxDMMA {
  border-radius: 12px;

  border: 1px solid #c00ce2;
  border-left-width: 8px;
  border-left-color: #fd6c1e;

  padding: 32px;
  background: rgba(0, 0, 0, 0.15);
}

/* FLEX GROUP (TEXT + ICON) */
.disclaimer-contentDMMA {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

/* TEXT */
.disclaimer-textDMMA {
  flex: 1;
  font-family: Arial;
  font-size: 18px;
  line-height: 1.6;
  margin: 0;

  background: linear-gradient(90deg, #fd6c1e 0%, #c00ce2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ICON RIGHT SIDE */
.disclaimer-ageDMMA {
  width: 137px;
  height: 96px;
  flex-shrink: 0;
  object-fit: contain;
}

/* TABLET */
@media (max-width: 1024px) {
  .disclaimer-ageDMMA {
    width: 120px;
    height: 84px;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .disclaimer-contentDMMA {
    flex-direction: column;
    align-items: center;
  }

  .disclaimer-ageDMMA {
    margin-top: 20px;
    width: 137px;
    height: 96px;
  }

  .disclaimer-textDMMA {
    font-size: 16px;
  }
}

/* FOOTER */
.footerDMMA {
  background: #222126;
  padding: 60px 0 40px;
  color: #fff;
  font-family: Arial, sans-serif;
}

/* MAIN GRID */
.footer-containerDMMA {
  max-width: 1320px;
  width: calc(100% - 40px);
  margin: 0 auto;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
}

/* COLUMNS */
.footer-colDMMA {
  flex: 1;
}

/* === LEFT LOGO === */
.footer-logoDMMA {
  display: flex;
  align-items: center;
  gap: 16px;
}

.footer-logoDMMA img {
  width: 54px;
  height: 54px;
}

.footer-logo-titleDMMA {
  font-size: 18px;
  font-weight: 700;
}

.footer-logo-subDMMA {
  font-size: 14px;
  opacity: 0.75;
}

/* === LEGAL === */
.footer-legal-titleDMMA {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.footer-legal-listDMMA {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-legal-listDMMA li {
  margin-bottom: 8px;
}

.footer-legal-listDMMA a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  opacity: 0.9;
}

.footer-legal-listDMMA a:hover {
  opacity: 1;
}

/* === CONTACTS === */
.footer-contactsDMMA {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.footer-contact-itemDMMA {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-contact-itemDMMA img {
  width: 18px;
  height: 18px;
}

/* FOOTER BOTTOM */
.footer-bottomDMMA {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  font-size: 14px;
  opacity: 0.6;
}

/* ========================= */
/*        RESPONSIVE         */
/* ========================= */

/* TABLET */
@media (max-width: 1024px) {
  .footer-containerDMMA {
    flex-wrap: wrap;
    gap: 40px;
  }

  .footer-colDMMA {
    flex: 1 1 45%;
  }
}

@media (max-width: 768px) {
  .footer-containerDMMA {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 40px;
  }

  .footer-colDMMA {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* ЛОГО — по центру */
  .footer-logoDMMA {
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  /* LEGAL — центр */
  .footer-legalDMMA {
    text-align: center;
    align-items: center;
  }

  .footer-legal-listDMMA {
    align-items: center;
  }

  .footer-legal-listDMMA li a {
    font-size: 16px;
  }

  /* КОНТАКТЫ — центр + иконки сверху */
  .footer-contactsDMMA {
    align-items: center;
    text-align: center;
    gap: 28px;
  }

  .footer-contact-itemDMMA {
    flex-direction: column; /* ← ИКОНКА НАД ТЕКСТОМ */
    gap: 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .footer-contact-itemDMMA img {
    width: 30px;
    height: 30px;
  }

  /* Адрес */
  .footer-contact-itemDMMA span {
    line-height: 1.45;
    font-size: 16px;
  }

  .footer-bottomDMMA {
    margin-top: 40px;
    font-size: 14px;
    opacity: 0.6;
  }
}

/* ===== TERMS BLOCK BASE ===== */

.terms-sectionDMMA {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #222126;
  padding: 60px 0;
}

.terms-boxDMMA {
  width: 100%;
  padding: 32px 40px;
  border-radius: 10px;
  border: 1px solid #ff9631;
  background: rgba(255, 150, 49, 0.1);
}

/* ===== TITLE ===== */

.terms-titleDMMA {
  color: #ff9631;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* ===== PARAGRAPHS ===== */

.terms-textDMMA {
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: 14px;
}

/* ===== MOBILE ===== */

@media (max-width: 768px) {
  .terms-boxDMMA {
    padding: 24px 20px;
  }

  .terms-titleDMMA {
    font-size: 22px;
    text-align: left;
  }

  .terms-textDMMA {
    font-size: 15px;
  }
}
/* ====== BASE BUTTONS ====== */
.btnDMMA {
  padding: 12px 22px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  border: none;
  white-space: nowrap;
}

.btn-gradientDMMA {
  background: linear-gradient(90deg, #ff4db1 0%, #ffde59 100%);
  color: #2b2932;
}

.btn-borderDMMA {
  background: transparent;
  border: 1px solid #ffde59;
  color: #ffde59;
}

.btn-grayDMMA {
  background: #5b5870;
  color: #ffffff;
}

/* ====== AGE BAR ====== */
.ageBarDMMA {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #2e2d36;
  padding: 18px 0;
  z-index: 9000;
  display: none;
}

.ageBarDMMA.activeDMMA {
  display: block;
}

.ageBar-containerDMMA {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ageBar-leftDMMA {
  display: flex;
  align-items: center;
}
.ageBar-leftDMMA p {
  margin: 0;
  font-size: 15px;
  opacity: 0.85;
}

.ageBar-iconDMMA {
  width: 60px;
  margin: 0 18px;
}

.ageBar-rightDMMA {
  display: flex;
  gap: 14px;
}

/* ====== COOKIE BAR ====== */
.cookieBarDMMA {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #2e2d36;
  padding: 22px 0;
  z-index: 8990;
  display: none;
}

.cookieBarDMMA.activeDMMA {
  display: block;
}

.cookieBar-containerDMMA {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cookie-titleDMMA {
  margin: 0 0 6px 0;
  font-size: 20px;
  color: #00e5ff;
}

.cookie-textDMMA {
  margin: 0;
  max-width: 600px;
  line-height: 1.4;
  opacity: 0.85;
}

.cookieBar-rightDMMA {
  display: flex;
  gap: 14px;
}

/* ====== POPUP OVERLAY ====== */
.popup-overlaySLKS {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: none;
  z-index: 10000;
}

.popup-overlaySLKS.active {
  display: block;
}

/* ====== MAIN POPUPS ====== */
.popupSLKS {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10001;
}

.popupSLKS.active {
  display: flex;
}

.popup-boxSLKS {
  width: 90%;
  max-width: 720px;
  background: #2f2f3a;
  padding: 40px;
  border-radius: 16px;
  color: #ffffff;
}

.popup-titleSLKS {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 25px;
}

.popup-inputSLKS {
  width: 100%;
  padding: 16px;
  border-radius: 10px;
  background: #474757;
  border: none;
  color: #ffffff;
  margin-bottom: 16px;
}

.popup-descSLKS {
  margin: 0 0 18px;
  font-size: 14px;
  opacity: 0.85;
}

.popup-forgotSLKS {
  display: block;
  text-align: right;
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 25px;
}

.popup-btn-mainSLKS {
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(90deg, #ff4db1, #ffde59);
  color: #111111;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 20px;
  cursor: pointer;
}

.popup-btn-secondarySLKS {
  width: 100%;
  padding: 16px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 12px;
  color: #ff4db1;
  font-size: 16px;
  margin-bottom: 25px;
  cursor: pointer;
}

.popup-social-titleSLKS {
  text-align: center;
  margin: 10px 0 20px;
  font-size: 15px;
}

.popup-socialsSLKS {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.popup-socialsSLKS img {
  width: 40px;
  height: 40px;
}

.popup-checkSLKS {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 22px;
  font-size: 14px;
}

.popup-footnoteSLKS {
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
}

/* ====== COOKIE SETTINGS POPUP ====== */
.popup-cookieBoxDMMA {
  max-width: 780px;
}

.cookie-settings-listDMMA {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 24px;
}

.cookie-settings-itemDMMA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #383845;
  padding: 16px 18px;
  border-radius: 14px;
}

.cookie-settings-titleDMMA {
  font-weight: 700;
  color: #ffb83f;
  margin-bottom: 4px;
}

.cookie-settings-textDMMA {
  font-size: 13px;
  opacity: 0.8;
}

/* toggle */
.cookie-toggleDMMA {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 28px;
}

.cookie-toggleDMMA input {
  opacity: 0;
  width: 0;
  height: 0;
}

.cookie-toggle-sliderDMMA {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: #44444e;
  border-radius: 999px;
  transition: 0.3s;
}

.cookie-toggle-sliderDMMA::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  left: 5px;
  top: 4px;
  border-radius: 50%;
  background: #d1d1d1;
  transition: 0.3s;
}

.cookie-toggleDMMA input:checked + .cookie-toggle-sliderDMMA::before {
  transform: translateX(20px);
}

.cookie-toggle-slider--activeDMMA {
  background: linear-gradient(90deg, #ff4db1, #ffde59);
}

.cookie-toggleDMMA input:checked + .cookie-toggle-slider--activeDMMA::before {
  background: #000000;
}

.popup-cookieButtonsDMMA {
  display: flex;
  gap: 16px;
  margin-top: 10px;
}

/* ====== SMALL POPUPS ====== */
.popup-smallSLKS {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 11000;
}

.popup-smallSLKS.active {
  display: flex;
}

.popup-small-boxSLKS {
  position: relative; /* важно для слоя над overlay */
  z-index: 12000;
  border-radius: 20px;
  background: #343343;
  padding: 36px 48px;
  text-align: center;
  max-width: 420px;
  width: 100%;
}

.popup-small-iconSLKS {
  width: 86px;
  height: auto;
  margin-bottom: 20px;
}

.popup-small-boxSLKS p {
  margin: 0;
  color: #fff;
  text-align: center;
  font-family: 'Pathway Extreme', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.32;
}

/* ====== MOBILE ====== */
@media (max-width: 768px) {
  .ageBar-containerDMMA,
  .cookieBar-containerDMMA {
    flex-direction: column;
    text-align: center;
    gap: 16px;
  }

  .ageBar-rightDMMA,
  .cookieBar-rightDMMA,
  .popup-cookieButtonsDMMA {
    width: 100%;
    flex-direction: column;
  }

  .ageBar-rightDMMA .btnDMMA,
  .cookieBar-rightDMMA .btnDMMA,
  .popup-cookieButtonsDMMA .btnDMMA {
    width: 100%;
  }

  .popup-boxSLKS {
    padding: 26px 20px 30px;
  }
}

/* 404 */
/* ========= SECTION ========= */
.error404SLKS {
  background: #1c1c22;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
}

/* TOP & BOTTOM stripes */
.error404-topSLKS,
.error404-bottomSLKS {
  width: 100%;
  display: block;
  object-fit: cover;
  pointer-events: none;
}

/* CENTER WRAPPER */
.error404-centerSLKS {
  padding: 60px 20px;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
}

/* TITLE */
.error404-titleSLKS {
  color: #fff;
  font-family: Arial;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.2;
  margin: 40px 0 30px;
}

/* BIG 404 IMAGE */
.error404-imageSLKS {
  width: 360px;
  max-width: 80%;
  height: auto;
  display: block;
  margin: 0 auto 40px;
}

/* ========= MOBILE ========= */
@media (max-width: 640px) {
  .error404-centerSLKS {
    padding: 40px 16px;
    flex-direction: column;
  }

  .error404-titleSLKS {
    font-size: 28px;
    line-height: 1.2;
    margin: 24px 0 20px;
  }

  .error404-imageSLKS {
    width: 250px;
    margin-bottom: 24px;
  }
}