/* Google font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap');

:root {
  --sidebar-w: 230px;
  --bg-dark: #0b0b0f;
  --panel-dark: rgba(16,16,18,0.95);
  --accent: #d4aa3a;
  --gold: #e6c676;
  --muted: #bdbdbd;
  --glass: rgba(0,0,0,0.45);
  --transition: 0.28s ease;
  /* Твой фон */
  --bg-img: url("../gallery/img/ava1.webp");
  --blur-amount: 6px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html, body {
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  background: var(--bg-dark);
  color: #fff;
  overflow-x: hidden !important;
}

body {
  display: flex;
}

/* ======= ФИКСИРОВАННЫЙ ЕДИНЫЙ ФОН ======= */
body::before,
body::after {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 0;
}

body::before {
  background-image: var(--bg-img);
  background-size: cover;
  background-position: center;
  filter: blur(var(--blur-amount)) saturate(0.9) contrast(0.9);
  transform: scale(1.06);
  opacity: 0.95;
}

body::after {
  background: linear-gradient(180deg, rgba(4,4,4,0.55) 0%, rgba(3,3,3,0.8) 100%);
}

/* =========== SIDEBAR =========== */
.sidebar {
  width: var(--sidebar-w);
  min-width: var(--sidebar-w);
  background: linear-gradient(180deg, rgba(18,19,20,0.98) 0%, rgba(12,12,12,0.98) 100%);
  border-right: 1px solid rgba(255,255,255,0.03);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 14px;
  position: relative;
  z-index: 5;
}

/* логотип */
.logo-wrap {width: 100%;display: flex;justify-content: flex-start;padding-left: 18px;margin-bottom: 34px;}
.logo {display: flex;align-items: center;gap: 10px;text-decoration: none;}
.logo-mark {
  display: inline-flex;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: linear-gradient(135deg, #1b1b1b 0%, rgba(30,24,10,0.4) 100%);
  color: var(--gold);
  font-weight: 700;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(230,198,118,0.08);
}
.logo-text {color: var(--gold);font-weight: 700;letter-spacing: 1px;}

/* nav */
.main-nav {width: 100%;padding-left: 12px;}
.main-nav ul {list-style: none;}
.main-nav .nav-item {
  color: var(--muted);
  padding: 18px 12px;
  border-left: 4px solid transparent;
  cursor: pointer;
  margin-bottom: 6px;
  transition: all var(--transition);
  border-radius: 2px;
}
.main-nav .nav-item:hover,
.main-nav .nav-item.active {
  color: var(--gold);
  background: rgba(255,255,255,0.02);
  border-left: 4px solid var(--accent);
}

/* divider */
.side-divider {
  height: 1px;
  width: 92%;
  background: rgba(255,255,255,0.02);
  margin: 20px 0;
}

/* vertical social */
.social-vertical {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: auto;
  padding-bottom: 14px;
}
.social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.02);
  transition: all var(--transition);
}
.social svg {display: block;}
.social:hover {
  background: linear-gradient(180deg, rgba(230,198,118,0.08), rgba(212,170,58,0.04));
  transform: translateX(4px);
}

/* =========== MAIN CONTENT =========== */


/* секции */
.section {
  position: relative;
  min-height: 100vh;
  padding: 80px 60px;
  display: flex;
  align-items: center;
  background: transparent;
  z-index: 2;
}
.container {max-width: 1100px;margin: 0 auto;width: 100%;}

/* Hero */
.hero {text-align: center;color: #fff;}
.hero-title {
  font-size: 46px;
  color: var(--gold);
  letter-spacing: 1px;
  margin-bottom: 8px;
  font-weight: 700;
}
.hero-sub {
  font-size: 38px;
  color: #fff;
  opacity: 0.95;
  margin-bottom: 18px;
  font-weight: 600;
}
.btn {
  display: inline-block;
  padding: 12px 26px;
  border-radius: 8px;
  background: var(--accent);
  color: #111;
  font-weight: 700;
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(17,12,6,0.25);
}
.btn.outline {
  background: transparent;
  color: var(--gold);
  border: 1px solid rgba(230,198,118,0.14);
}

/* Content box */
.content-box {
  background: linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.25));
  border-radius: 10px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,0.04);
  backdrop-filter: blur(4px);
  max-width: 680px;
  color: #e6e6e6;
}
.simple-list {margin-top: 12px;list-style: disc;padding-left: 20px;color: #ffd87a;}
.simple-list li {margin: 8px 0;}

/* =========== MAIN CONTENT =========== */
.main-content {
  flex: 1;
  position: relative;
  height: calc(100vh - 70px); /* отнимаем высоту футера */
  overflow-y: auto;
  scroll-behavior: smooth;
  z-index: 1;
}

/* =========== FOOTER =========== */
.site-footer {
  position: fixed;
  left: var(--sidebar-w);
  right: 0;
  bottom: 0;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px;
  background: linear-gradient(90deg, rgba(20,20,20,0.98), rgba(14,12,10,0.98));
  border-top: 1px solid rgba(255,255,255,0.03);
  box-shadow: 0 -4px 18px rgba(0,0,0,0.4);
  z-index: 10;
  box-sizing: border-box;
}

/* Левая часть футера */
.footer-left .footer-links-left a {
  color: var(--gold);
  text-decoration: none;
  margin-right: 22px;
  font-weight: 600;
  position: relative;
  transition: color var(--transition), transform var(--transition);
}
.footer-left .footer-links-left a:hover {
  color: #fff;
  transform: translateY(-2px);
}
.footer-left .footer-links-left a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 2px;
  background: var(--accent);
  transition: width var(--transition);
}
.footer-left .footer-links-left a:hover::after {width: 100%;}

/* Правая часть футера */
.footer-right .footer-links a {
  color: var(--muted);
  text-decoration: none;
  margin-left: 20px;
  font-size: 13px;
  position: relative;
  transition: color var(--transition), transform var(--transition);
}
.footer-right .footer-links a:hover {
  color: var(--gold);
  transform: translateY(-2px);
}
.footer-right .footer-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: var(--accent);
  transition: width var(--transition);
}
.footer-right .footer-links a:hover::after {width: 100%;}

/* ==== Adaptive ==== */
@media (max-width:900px) {
  :root {--sidebar-w: 70px;}
  .sidebar {width: var(--sidebar-w);min-width: var(--sidebar-w);padding: 14px;}
  .logo-text {display: none;}
  .main-nav .nav-item {padding: 12px;font-size: 13px;}
  .social-vertical {display: none;}
  .site-footer {left: var(--sidebar-w);padding: 0 14px;}
}
.footer-copy {
  font-size: 12px;
  color: var(--muted);
  opacity: 0.8;
  margin-top: 4px;
  text-align: right;
  user-select: none;
  pointer-events: none;
}

.footer-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

/* ==== HERO CINEMATIC SLIDER ==== */
.hero-cinematic {
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

/* Фоновая картинка с плавным движением */
.hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  animation: heroZoom 12s ease-in-out infinite alternate;
  transform-origin: center;
  z-index: 0;
}

@keyframes heroZoom {
  0%   { transform: scale(1.05) translateX(-1%); }
  50%  { transform: scale(1.1) translateX(1%); }
  100% { transform: scale(1.05) translateX(-1%); }
}

/* затемнение */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 1;
}

/* контент поверх */
.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 900px;
  padding: 20px;
  color: #fff;
}

.hero-title {
  font-size: 58px;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 16px;
  text-transform: uppercase;
  text-shadow: 0 4px 16px rgba(0,0,0,0.7);
}

.hero-sub {
  font-size: 24px;
  margin-bottom: 28px;
  opacity: 0.95;
  color: #f1f1f1;
}



/* ===== кнопка ===== */
.btn-3 {
  position: relative;
  display: inline-block;
  color: #111;
  background: linear-gradient(90deg, #e6c676, #d4aa3a);
  border: none;
  padding: 14px 38px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 0 15px rgba(212,170,58,0.25);
}

.btn-3::before,
.btn-3::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background: rgba(0, 0, 0, 0.15);
  transform: skewX(35deg);
  transition: all 0.4s ease;
  pointer-events: none;
}

.btn-3::before { left: -40px; }
.btn-3::after { right: -40px; }

.btn-3:hover::before { left: -10px; }
.btn-3:hover::after { right: -10px; }

.btn-3:hover {
  background: linear-gradient(90deg, #ffd76b, #f4c53f);
  color: #000;
  box-shadow: 0 0 25px rgba(230,198,118,0.6);
  transform: translateY(-2px);
}

/* бликовый эффект */
.btn-3::after {
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
  width: 50%;
  left: -75%;
  transform: skewX(-20deg);
  animation: shine 3s infinite linear;
}

@keyframes shine {
  0% { left: -75%; }
  50% { left: 125%; }
  100% { left: 125%; }
}

/* адаптив */
@media (max-width: 900px) {
  .hero-title { font-size: 36px; }
  .hero-sub { font-size: 18px; }
  .btn-3 { padding: 10px 22px; font-size: 14px; }
}
/* ==== FUTURISTIC ABOUT SECTION ==== */
.about-future-section {
  position: relative;
  padding: 120px 80px;
  background: radial-gradient(circle at top left, rgba(10, 10, 15, 0), rgba(5, 5, 8, 0));
  overflow: hidden;
  z-index: 5;
}

.about-future-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  flex-wrap: wrap;
}

.about-text {
  flex: 1;
  color: #ffffff;
  z-index: 2;
}

.about-title {
  font-size: 48px;
  color: var(--gold);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-shadow: 0 4px 18px rgba(0,0,0,0.6);
}

.about-desc {
  font-size: 18px;
  line-height: 1.6;
  max-width: 1220px;
  color: #fdfdfd;
  margin-bottom: 40px;
}

/* === Правый блок с фото и вращающимися квадратиками === */
.about-visual {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

.rotating-squares {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.square {
  position: absolute;
  border: 2px solid rgba(255,215,100,0.3);
  border-radius: 12px;
  animation: rotate-square 12s linear infinite;
}

.sq1 { width: 280px; height: 280px; animation-delay: 0s; }
.sq2 { width: 380px; height: 380px; animation-delay: -3s; border-color: rgba(255,180,60,0.25); }
.sq3 { width: 500px; height: 500px; animation-delay: -6s; border-color: rgba(255,150,40,0.18); }

@keyframes rotate-square {
  from { transform: rotate(0deg) scale(1); }
  to { transform: rotate(360deg) scale(1.02); }
}

/* Фото с необычной рамкой */
.cut-image {
  position: relative;
  z-index: 2;
  width: 380px;
  height: 380px;
  clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%);
  overflow: hidden;
  box-shadow: 0 0 30px rgba(230,198,118,0.4);
}

.cut-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 2.5s ease;
  filter: brightness(0.95) contrast(1.05);
}

.cut-image:hover img {
  transform: scale(1.08) rotate(2deg);
}

/* адаптив */
@media (max-width: 960px) {
  .about-future-container {
    flex-direction: column;
    text-align: center;
  }
  .about-visual { order: -1; }
  .cut-image { width: 300px; height: 300px; margin-bottom: 40px; }
  .about-title { font-size: 36px; }
}
/* === UNIVERSAL GOLD DIVIDER === */
.section-divider {
  position: relative;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, transparent, #e6c676, transparent);
  box-shadow: 0 0 20px rgba(230,198,118,0.45);
  opacity: 0.9;
  margin: 0 auto;
  overflow: visible;
}

.section-divider::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  width: 16px;
  height: 16px;
  transform: translateX(-50%) rotate(45deg);
  background: linear-gradient(135deg, #e6c676, #d4aa3a);
  box-shadow: 0 0 25px rgba(230,198,118,0.6);
  border-radius: 2px;
}

/* === FEATURES INSIDE ABOUT === */
.features-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 60px;
  align-items: flex-start;
}

/* центральный блок */
.features-main {
  flex: 1 1 460px;
  background: rgba(12, 12, 12, 0.85);
  border: 1px solid rgba(230,198,118,0.15);
  border-radius: 16px;
  padding: 40px 36px;
  text-align: center;
  transition: all 0.3s ease;
}
.features-main:hover {
  border-color: rgba(230,198,118,0.3);
}

.feature-label {
  background: var(--gold);
  color: #111;
  font-weight: 700;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 16px;
}

.feature-icon {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  background: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.feature-title {
  font-size: 24px;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 10px;
}

.feature-desc {
  color: #ddd;
  font-size: 15px;
  margin-bottom: 24px;
  line-height: 1.6;
}

.feature-list {
  list-style: none;
  color: #fff;
  margin-bottom: 30px;
}
.feature-list li {
  margin: 6px 0;
  font-size: 15px;
  color: #ffd87a;
}

/* карточки справа */
.features-side {
  flex: 1 1 440px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

.feature-card {
  background: rgba(10,10,10,0.7);
  border: 1px solid rgba(230,198,118,0.12);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  transition: all 0.25s ease;
}
.feature-card:hover {
  border-color: rgba(230,198,118,0.25);
}

.card-icon {
  font-size: 26px;
  color: var(--gold);
  margin-bottom: 10px;
}

.feature-card h4 {
  color: var(--gold);
  font-size: 17px;
  margin-bottom: 6px;
}

.feature-card p {
  color: #cfcfcf;
  font-size: 14px;
  line-height: 1.5;
}

/* адаптив */
@media (max-width: 960px) {
  .features-wrapper { flex-direction: column; }
  .features-main, .features-side { width: 100%; }
}
/* ==== SERVICES SECTION ==== */
.services-section {
  background: rgba(10, 10, 12, 0);
  padding: 60px 80px;
  color: #fff;
}

.services-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 70px;
}

.services-title {
  font-size: 22px;
  letter-spacing: 2px;
  color: var(--gold);
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 16px;
  position: relative;
}

.services-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background: var(--accent);
  margin: 10px auto 0;
  opacity: 0.9;
}

.services-sub {
  font-size: 18px;
  color: #ccc;
  line-height: 1.6;
}

/* === СЕТКА === */
.services-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  align-items: flex-start;
}

/* === ОСНОВНАЯ КАРТОЧКА === */
.service-main {
  flex: 1 1 460px;
  background: rgb(14, 14, 16);
  border: 1px solid rgba(230,198,118,0.15);
  border-radius: 16px;
  padding: 50px 40px;
  text-align: center;
  transition: all 0.3s ease;
}
.service-main:hover {
  border-color: rgba(230,198,118,0.3);
}

.service-label {
  background: var(--gold);
  color: #111;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 20px;
}

.service-icon {
  width: 68px;
  height: 68px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e6c676, #d4aa3a);
  color: #111;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}

.service-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--gold);
  margin-bottom: 12px;
}

.service-desc {
  color: #ddd;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 28px;
}

.service-list {
  list-style: none;
  text-align: left;
  color: #ffd87a;
  margin-bottom: 34px;
  max-width: 260px;
  margin-inline: auto;
}
.service-list li {
  font-size: 15px;
  margin: 8px 0;
}
.service-list i {
  color: var(--gold);
  margin-right: 8px;
}

/* === МАЛЫЕ КАРТОЧКИ === */
.service-side {
  flex: 1 1 440px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 24px;
}

.service-card {
  background: rgba(12,12,14,0.85);
  border: 1px solid rgba(230,198,118,0.12);
  border-radius: 12px;
  padding: 26px;
  text-align: left;
  transition: all 0.3s ease;
}
.service-card:hover {
  border-color: rgba(230,198,118,0.3);
}

.service-card .card-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(230,198,118,0.15);
  color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 14px;
}

.service-card h4 {
  color: var(--gold);
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}

.service-card p {
  color: #ccc;
  font-size: 16px;
  margin-bottom: 14px;
  line-height: 1.5;
}

.service-card a {
  color: var(--gold);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.service-card a:hover {
  color: #fff;
}

.service-card a i {
  font-size: 13px;
  margin-left: 6px;
}

/* === АДАПТИВ === */
@media (max-width: 960px) {
  .services-container {
    flex-direction: column;
    align-items: center;
  }
  .service-side {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .service-side {
    grid-template-columns: 1fr;
  }
}

.gameplay-section {
  background: radial-gradient(circle at top left, rgba(15, 15, 20, 0), rgba(5, 5, 8, 0));
  padding: 120px 60px;
  color: #e6e6e6;
}

.gameplay-header-title {
  text-align: center;
  font-size: 42px;
  color: var(--gold);
  margin-bottom: 60px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 4px 12px rgba(0,0,0,0.6);
}

.gameplay-container {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 60px;
  align-items: start;
}

/* sidebar */
.gameplay-sidebar {
  background: rgba(20,20,25,0.7);
  border-radius: 18px;
  border: 1px solid rgba(230,198,118,0.15);
  padding: 30px;
  position: sticky;
  top: 120px;
}

.gameplay-tab {
  width: 100%;
  background: transparent;
  border: 1px solid transparent;
  padding: 16px 20px;
  color: #ccc;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.gameplay-tab.active {
  background: linear-gradient(90deg, #d4aa3a, #e6c676);
  color: #111;
  border-color: rgba(230,198,118,0.5);
  box-shadow: 0 0 20px rgba(230,198,118,0.25);
}

.gameplay-tab:hover:not(.active) {
  color: var(--gold);
  background: rgba(230,198,118,0.1);
  border-color: rgba(230,198,118,0.25);
  transform: translateX(4px);
}

/* content */
.gameplay-content-area {
  background: rgba(10,10,12,0.8);
  border-radius: 20px;
  border: 1px solid rgba(230,198,118,0.15);
  padding: 50px;
  backdrop-filter: blur(8px);
}

.gameplay-content {
  display: none;
  animation: fadeIn 0.6s ease;
}

.gameplay-content.active {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.gameplay-content h3 {
  color: var(--gold);
  font-size: 28px;
  margin-bottom: 20px;
}

.gameplay-content p {
  color: #ddd;
  line-height: 1.7;
  font-size: 17px;
  margin-bottom: 30px;
}

/* stats + detail cards */
.gameplay-stats {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.stat-item {
  text-align: center;
}

.stat-item .number {
  font-size: 22px;
  color: var(--gold);
  font-weight: 700;
  display: block;
}

.stat-item .label {
  color: #bbb;
  font-size: 14px;
  text-transform: uppercase;
}

.gameplay-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
}

.detail-card {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(230,198,118,0.1);
  border-radius: 10px;
  padding: 20px;
  transition: all 0.3s ease;
}



.detail-card h4 {
  color: var(--gold);
  margin-bottom: 10px;
  font-size: 18px;
}

.detail-card p {
  color: #ccc;
  font-size: 15px;
  line-height: 1.6;
}

/* адаптив */
@media (max-width: 960px) {
  .gameplay-container { grid-template-columns: 1fr; gap: 30px; }
  .gameplay-sidebar { position: relative; top: auto; }
}
.promo-slice_x92 {
  position: relative;
  width: 100%;
  height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0);
  clip-path: polygon(0 0, 100% 0, 100% 88%, 95% 92%, 85% 87%, 70% 95%, 55% 89%, 45% 94%, 30% 90%, 15% 97%, 0 90%);

}
.promo-bg_x92 {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(0.75) contrast(1.1);
  transform: scale(1.05);
  transition: transform 7s ease;
}

.promo-slice_x92:hover .promo-bg_x92 {
  transform: scale(1.08);
}

.promo-slice_x92::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(5,5,8,0.9) 100%);
  z-index: 1;
}

.promo-content_x92 {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 880px;
  padding: 20px;
}

.promo-title_x92 {
  font-size: 58px;
  color: var(--gold);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 18px;
  text-shadow: 0 4px 16px rgba(0,0,0,0.7);
}

.promo-sub_x92 {
  font-size: 22px;
  color: #e6e6e6;
  line-height: 1.6;
  margin-bottom: 28px;
  opacity: 0.95;
}

/* адаптив */
@media (max-width: 900px) {
  .promo-slice_x92 { height: 60vh; }
  .promo-title_x92 { font-size: 36px; }
  .promo-sub_x92 { font-size: 18px; }
}
.gameplay-tab i {
  margin-right: 10px;
  color: var(--gold);
  font-size: 17px;
}

.detail-card .card-icon {
  display: block;
  font-size: 28px;
  color: var(--gold);
  margin-bottom: 12px;
}

.stat-item i {
  display: block;
  font-size: 20px;
  color: var(--gold);
  margin-bottom: 6px;
}
.realm-slider_a9x {
  background: #0b0b0e;
  padding: 120px 40px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.realm-title_a9x {
  text-align: center;
  font-size: 44px;
  text-transform: uppercase;
  color: var(--gold);
  letter-spacing: 2px;
  margin-bottom: 70px;
}

.realm-title_a9x span {
  color: #e6c676;
  text-shadow: 0 0 20px rgba(230,198,118,0.4);
}

.realm-card_a9x {
  width: 460px;
  background: #111;
  border: 1px solid rgba(230,198,118,0.15);
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.realm-card_a9x:hover {
  transform: translateY(-6px);
  border-color: rgba(230,198,118,0.4);
  box-shadow: 0 0 30px rgba(230,198,118,0.15);
}

.realm-img_a9x {
  height: 230px;
  background-size: cover;
  background-position: center;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 65% 100%, 35% 100%, 0 85%);
  transition: transform 1.5s ease;
  filter: brightness(0.9);
}

.realm-card_a9x:hover .realm-img_a9x {
  transform: scale(1.05);
}

.realm-body_a9x {
  padding: 25px 25px 35px;
}

.realm-body_a9x h3 {
  font-size: 22px;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 14px;
  letter-spacing: 1px;
}

.realm-desc_a9x {
  font-size: 15px;
  line-height: 1.6;
  color: #bbb;
  margin-bottom: 16px;
}

.realm-info_a9x {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #ddd;
}

.realm-info_a9x strong {
  color: var(--gold);
}

/* стрелки */
.realm-prev_a9x, .realm-next_a9x {
  color: var(--gold);
  width: 55px;
  height: 55px;
  background: rgba(230,198,118,0.08);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.realm-prev_a9x:hover, .realm-next_a9x:hover {
  background: rgba(230,198,118,0.25);
  transform: scale(1.15);
}

.realm-prev_a9x::after, .realm-next_a9x::after {
  font-size: 22px;
  font-weight: bold;
}

/* выносим стрелки чуть наружу */
.realm-prev_a9x { left: -60px; }
.realm-next_a9x { right: -60px; }

@media (max-width: 900px) {
  .realm-prev_a9x { left: 10px; }
  .realm-next_a9x { right: 10px; }
  .realm-card_a9x { width: 280px; }
}
.blog-showcase_x92 {
  background: #0b0b0e00;
  padding: 120px 60px;
  color: #fff;
}

/* Заголовок секции */
.section-header_x92 {
  text-align: center;
  margin-bottom: 70px;
}

.section-header_x92 h2 {
  font-size: 46px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: 2px;
  text-shadow: 0 0 25px rgba(230,198,118,0.3);
}

.section-header_x92 h2 span {
  color: #f8f4dc;
}

.section-header_x92 p {
  font-size: 17px;
  color: #bbb;
  max-width: 700px;
  margin: 15px auto 0;
  line-height: 1.6;
}

/* Главная сетка */
.blog-container_x92 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 60px;
  align-items: flex-start;
}

/* === Главная статья === */
.main-post_x92 {
  background: rgb(41 37 37);
  border: 1px solid rgba(230,198,118,0.15);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
  transition: 0.3s ease;
}

.main-post_x92:hover {
  border-color: rgba(230,198,118,0.35);
  transform: translateY(-6px);
}

.main-image_x92 {
  height: 380px;
  background-size: cover;
  background-position: center;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 70% 100%, 30% 100%, 0 90%);
}

.main-body_x92 {
  padding: 30px;
}

.main-body_x92 h3 {
  font-size: 26px;
  color: var(--gold);
  margin-bottom: 12px;
  line-height: 1.3;
}

.main-body_x92 p {
  color: #ccc;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 18px;
}

.meta_x92 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #bbb;
}

/* === Новости справа === */
.side-posts_x92 {
  background: rgb(41 37 37);
  border: 1px solid rgba(230,198,118,0.15);
  border-radius: 20px;
  padding: 25px;
}

.side-title_x92 {
  font-size: 18px;
  font-weight: 700;
  color: var(--gold);
  border-bottom: 2px solid var(--gold);
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.side-list_x92 {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.side-item_x92 {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  padding-bottom: 18px;
  transition: 0.4s ease;
}

.side-item_x92:last-child {
  border-bottom: none;
}

/* Фото */
.thumb_x92 {
  width: 90px;
  height: 90px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  transform-style: preserve-3d;
  transition: transform 0.7s ease;
}

.side-item_x92:hover .thumb_x92 {
  transform: rotateY(180deg);
}

/* Текст новости */
.side-text_x92 {
  flex: 1;
}

.side-text_x92 h5 {
  font-size: 15px;
  font-weight: 600;
  color: #f5f5f5;
  margin-bottom: 6px;
  transition: 0.3s;
}

.side-item_x92:hover h5 {
  color: var(--gold);
}

.side-desc_x92 {
  font-size: 13px;
  color: #999;
  line-height: 1.5;
  margin-bottom: 6px;
}

.side-meta_x92 {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #777;
}

/* === Адаптив === */
@media (max-width: 900px) {
  .blog-container_x92 {
    grid-template-columns: 1fr;
  }
  .main-image_x92 { height: 260px; }
  .side-posts_x92 { margin-top: 40px; }
}
.startguide_x95 {
  background: linear-gradient(180deg, #0b0b0e 0%, #070707 100%);
  padding: 120px 60px;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.startguide-container_x95 {
  max-width: 1000px;
  margin: 0 auto;
}

.startguide-title_x95 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  color: var(--gold);
  text-shadow: 0 0 25px rgba(230,198,118,0.3);
}

.startguide-title_x95 span {
  color: #f8f4dc;
}

.startguide-sub_x95 {
  font-size: 18px;
  color: #bbb;
  max-width: 700px;
  margin: 0 auto 70px;
  line-height: 1.7;
}

/* --- Steps layout --- */
.startguide-steps_x95 {
  display: flex;
  justify-content: center;
  gap: 70px;
  flex-wrap: wrap;
  position: relative;
}

/* Добавляем декоративную линию */
.startguide-steps_x95::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12%;
  width: 75%;
  height: 2px;
  background: linear-gradient(90deg, rgba(230,198,118,0) 0%, rgba(230,198,118,0.3) 50%, rgba(230,198,118,0) 100%);
  transform: translateY(-50%);
  z-index: 0;
}

.step_x95 {
  flex: 1 1 280px;
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 10px;
}

.step_x95 i {
  font-size: 42px;
  color: var(--gold);
  margin-bottom: 20px;
  background: rgba(230,198,118,0.08);
  padding: 20px;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 0 20px rgba(230,198,118,0.1);
}



.step_x95 h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 14px;
  letter-spacing: 1px;
}

.step_x95 p {
  font-size: 15px;
  color: #ccc;
  line-height: 1.7;
  max-width: 290px;
  margin: 0 auto;
}

/* Адаптив */
@media (max-width: 900px) {
  .startguide-steps_x95::before {
    display: none;
  }
  .step_x95 {
    flex: 1 1 100%;
    margin-bottom: 40px;
  }
}
.reviews_x99 {
  background: #f9fafc00;
  padding: 100px 40px;
  text-align: center;
  overflow: hidden;
}

.reviews-title_x99 {
  font-size: 36px;
  font-weight: 700;
  color: #f3f3f3;
  margin-bottom: 50px;
}

.reviews-title_x99 span {
  color: #f5f5f5;
}

.reviews-slider_x99 {
  position: relative;
  max-width: 1150px;
  margin: 0 auto;
  overflow: hidden;
}

.reviews-track_x99 {
  display: flex;
  transition: transform 0.6s ease;
}

.review-card_x99 {
  flex: 0 0 calc(33.333% - 20px);
  background: #f2f6fc;
  margin: 0 10px;
  border-radius: 14px;
  padding: 30px;
  text-align: left;
  color: #111;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  transform: rotate(-1.5deg);
  transition: all 0.3s ease;
}

.review-card_x99:nth-child(even) {
  transform: rotate(1.5deg);
}

.review-card_x99:hover {
  transform: rotate(0deg) scale(1.02);
}

.review-card_x99 p {
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 25px;
}

.review-card_x99 h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}

.review-card_x99 span {
  font-size: 13px;
  color: #777;
}

.review-footer_x99 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  border-top: 1px solid rgba(0,0,0,0.1);
  padding-top: 12px;
}

.review-footer_x99 img {
  width: 25px;
  height: auto;
}

.review-footer_x99 span {
  font-size: 14px;
  font-weight: 600;
  color: #1a73e8;
}

/* стрелки */
.slider-btn_x99 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #1a73e8;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  z-index: 10;
}

.slider-btn_x99:hover {
  background: #1a73e8;
  color: #fff;
}

.prev_x99 { left: 10px; }
.next_x99 { right: 10px; }

/* ==== адаптив под JS-слайдер ==== */
@media (max-width: 1000px) {
  .review-card_x99 {
    flex: 0 0 50%; /* ✅ 2 карточки на экране */
  }
  .prev_x99 { left: 10px; }
  .next_x99 { right: 10px; }
}

@media (max-width: 700px) {
  .review-card_x99 {
    flex: 0 0 100%; /* ✅ 1 карточка на экране */
    margin: 0 5px;
  }
  .slider-btn_x99 {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }
}

.cta-scale_x98 {
  background: #0d0d0f00;
  color: #fff;
  padding: 50px 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cta-container_x98 {
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}

.cta-left_x98 {
  flex: 1 1 55%;
}

.cta-right_x98 {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cta-badge_x98 {
  display: inline-block;
  background: linear-gradient(90deg, #ffae00, #ff5e00);
  color: #fff;
  padding: 8px 18px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 20px;
}

.cta-badge_x98 i {
  margin-right: 6px;
}

.cta-title_x98 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}

.cta-desc_x98 {
  font-size: 16px;
  color: #ccc;
  line-height: 1.7;
  margin-bottom: 25px;
}

.cta-buttons_x98 {
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
}

.btn-primary_x98 {
  background: linear-gradient(90deg, #ffb84a, #ff7b00);
  color: #fff;
  padding: 12px 26px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
  box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3);
}

.btn-primary_x98:hover {
  transform: scale(1.05);
}

.btn-secondary_x98 {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 12px 26px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

.btn-secondary_x98:hover {
  background: rgba(255, 255, 255, 0.15);
}

.cta-rating_x98 p {
  font-size: 14px;
  color: #bbb;
  margin-bottom: 6px;
}

.rating-stars_x98 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #ffb84a;
  font-size: 15px;
}

.rating-stars_x98 span {
  color: #ccc;
  font-size: 13px;
}

.cta-right_x98 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cta-right_x98 li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: #ccc;
  margin-bottom: 15px;
}

.cta-right_x98 i {
  color: #30d158;
  font-size: 18px;
}

@media (max-width: 900px) {
  .cta-container_x98 {
    flex-direction: column;
    text-align: center;
  }
  .cta-buttons_x98 {
    justify-content: center;
  }
  .cta-right_x98 ul {
    align-items: center;
  }
}
/* ==== LEGENDARY SECTION ==== */
.legendary-section_x94 {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  background: #0b0b0f;
}

.legendary-bg_x94 {
  position: absolute;
  inset: 0;
  background-image: url('https://images.unsplash.com/photo-1503264116251-35a269479413?auto=format&fit=crop&w=1920&q=80');
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  animation: bgMove 18s ease-in-out infinite alternate;
  filter: brightness(0.8) contrast(1.05);
  z-index: 0;
}

@keyframes bgMove {
  0% { transform: scale(1.05) translateX(0%); }
  50% { transform: scale(1.08) translateX(2%); }
  100% { transform: scale(1.05) translateX(-2%); }
}

.legendary-overlay_x94 {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(10,10,10,0.4), rgba(0,0,0,0.9));
  z-index: 1;
}

.legendary-content_x94 {
  position: relative;
  z-index: 2;
  max-width: 1000px;
}

.legendary-title_x94 {
  font-size: 58px;
  font-weight: 700;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 0 25px rgba(230,198,118,0.4);
  margin-bottom: 16px;
}

.legendary-sub_x94 {
  font-size: 22px;
  color: #f4f4f4;
  opacity: 0.9;
  margin-bottom: 30px;
  font-weight: 500;
}

.legendary-desc_x94 {
  font-size: 17px;
  color: #ddd;
  line-height: 1.8;
  margin-bottom: 40px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.legendary-buttons_x94 {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}

.legendary-list_x94 {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px 40px;
  color: #ffd87a;
  font-size: 15px;
}

.legendary-list_x94 li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.legendary-list_x94 i {
  color: var(--gold);
  font-size: 18px;
}

/* адаптив */
@media (max-width: 900px) {
  .legendary-title_x94 { font-size: 38px; }
  .legendary-sub_x94 { font-size: 18px; }
  .legendary-list_x94 { flex-direction: column; gap: 12px; }
}

/* ==== UNIVERSAL MOBILE OPTIMIZATION ==== */
@media (max-width: 768px) {

  /* ✅ добавлено — мягкий скролл и оптимизация */
  html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }

  /* базовые отступы */
  .section,
  .about-future-section,
  .services-section,
  .gameplay-section,
  .blog-showcase_x92,
  .startguide_x95,
  .cta-scale_x98,
  .realm-slider_a9x,
  .legendary-section_x94 {
    padding: 60px 20px !important;
    min-height: 100dvh; /* ✅ добавлено — безопасная высота для телефонов */
  }

  /* контейнеры */
  .container,
  .about-future-container,
  .services-container,
  .gameplay-container,
  .cta-container_x98,
  .blog-container_x92 {
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    align-items: center !important;
  }

  /* тексты */
  h1, h2, h3, .hero-title, .about-title, .services-title, .gameplay-header-title,
  .startguide-title_x95, .realm-title_a9x, .legendary-title_x94 {
    font-size: clamp(26px, 6vw, 34px) !important;
    line-height: 1.2;
  }

  p, .about-desc, .service-desc, .gameplay-content p, .promo-sub_x92,
  .legendary-desc_x94, .cta-desc_x98 {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  /* кнопки */
  .btn, .btn-3, .btn-primary_x98, .btn-secondary_x98 {
    padding: 10px 20px !important;
    font-size: 14px !important;
  }
  .legendary-buttons_x94 { flex-direction: column; gap: 14px; }

  /* sidebar / nav */
  .sidebar {
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    height: 60px;
    flex-direction: row;
    justify-content: space-around;
    padding: 0;
    background: rgba(15,15,18,0.95);
    border-top: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(6px); /* ✅ добавлено — для стеклянного эффекта */
  }
  .main-nav {
    padding: 0;
    width: 100%;
  }
  .main-nav .nav-item {
    flex: 1;
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    border-left: none !important;
    border-top: 3px solid transparent;
  }
  .main-nav .nav-item.active {
    border-top: 3px solid var(--accent);
    background: rgba(255,255,255,0.04);
  }
  .logo-wrap, .social-vertical { display: none !important; }

  /* футер */
  .site-footer {
    position: relative !important;
    left: 0 !important;
    flex-direction: column;
    height: auto;
    text-align: center;
    gap: 10px;
    padding: 15px;
  }
  .footer-right {
    align-items: center !important;
  }

  /* изображения и карточки */
  img, .cut-image, .realm-card_a9x, .feature-card, .service-card,
  .main-post_x92, .side-posts_x92, .review-card_x99 {
    width: 100% !important;
    height: auto !important;
  }

  /* блоки табов */
  .gameplay-sidebar {
    width: 100% !important;
    top: auto;
    position: relative;
  }

  /* элементы с флексом */
  .legendary-list_x94,
  .gameplay-stats,
  .cta-buttons_x98 {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
  }

  /* тексты списков */
  ul, li {
    font-size: 15px !important;
  }

  /* анимации на мобильных помягче */
  .hero-bg,
  .promo-bg_x92,
  .legendary-bg_x94 {
    animation: none !important;
    transform: scale(1.03) !important;
    will-change: transform; /* ✅ добавлено — предотвращает мигание фона */
    backface-visibility: hidden; /* ✅ добавлено — для стабильности GPU */
  }

  /* убираем большие clip-path на малом экране */
  .promo-slice_x92,
  .main-image_x92 {
    clip-path: none !important;
    border-radius: 16px !important;
  }
}

/* ==== BURGER MENU ==== */
.burger-toggle_x90 {
  position: fixed;
  top: 16px;
  left: 18px;
  width: 36px;
  height: 28px;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 2000;
}

.burger-toggle_x90 span {
  display: block;
  height: 4px;
  width: 100%;
  background: var(--gold);
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* активное состояние */
.burger-toggle_x90.active span:nth-child(1) {
  transform: translateY(12px) rotate(45deg);
}
.burger-toggle_x90.active span:nth-child(2) {
  opacity: 0;
}
.burger-toggle_x90.active span:nth-child(3) {
  transform: translateY(-12px) rotate(-45deg);
}

/* адаптив */
@media (max-width: 900px) {
  .burger-toggle_x90 { display: flex; }

  .sidebar {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 230px;
    background: rgba(15,15,18,0.98);
    transition: left 0.35s ease;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 1500;
  }
  .sidebar.active {
    left: 0;
  }

  body.menu-open {
    overflow: hidden;
  }
}
.faq-section_x97 {
  background: rgba(10,10,12,0.95);
  padding: 120px 60px;
  color: #fff;
  position: relative;
  z-index: 5;
}

.faq-container_x97 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.faq-title_x97 {
  font-size: 46px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 16px;
  letter-spacing: 2px;
  text-shadow: 0 0 25px rgba(230,198,118,0.3);
}

.faq-sub_x97 {
  font-size: 17px;
  color: #bbb;
  margin-bottom: 60px;
  line-height: 1.7;
}

.faq-items_x97 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.faq-item_x97 {
  background: rgba(20,20,22,0.85);
  border: 1px solid rgba(230,198,118,0.15);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.faq-item_x97.active {
  border-color: rgba(230,198,118,0.4);
  box-shadow: 0 0 25px rgba(230,198,118,0.15);
}

.faq-question_x97 {
  width: 100%;
  text-align: left;
  padding: 22px 28px;
  font-size: 17px;
  font-weight: 600;
  color: var(--gold);
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
}

.faq-question_x97:hover {
  background: rgba(230,198,118,0.05);
}

.faq-question_x97 i {
  transition: transform 0.3s ease, color 0.3s ease;
}

.faq-item_x97.active .faq-question_x97 i {
  transform: rotate(45deg);
  color: #fff;
}

.faq-answer_x97 {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 28px;
  font-size: 15px;
  color: #ddd;
  line-height: 1.6;
  transition: all 0.4s ease;
}

.faq-item_x97.active .faq-answer_x97 {
  max-height: 200px;
  opacity: 1;
  padding: 0 28px 24px;
}

/* адаптив */
@media (max-width: 768px) {
  .faq-section_x97 {
    padding: 80px 20px;
  }
  .faq-title_x97 {
    font-size: 34px;
  }
  .faq-sub_x97 {
    font-size: 15px;
  }
  .faq-question_x97 {
    font-size: 15px;
    padding: 18px 20px;
  }
}
/* ==== Верхняя картинка с надписью ==== */
.contact-hero_x100 {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.contact-banner_x100 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.7);
}

.contact-hero-text_x100 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-hero-text_x100 h1 {
  font-size: 58px;
  color: var(--gold);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: 0 0 25px rgba(230,198,118,0.4);
}

/* ==== Основная секция ==== */
.contact-section_x100 {
  background: radial-gradient(circle at top left, rgba(15,15,18,0.95), rgba(10,10,12,0.95));
  padding: 120px 60px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}

.contact-container_x100 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 80px;
  max-width: 1100px;
  margin: 0 auto;
}

/* ==== Левая часть ==== */
.contact-left_x100 {
  flex: 1 1 45%;
}

.contact-title_x100 {
  font-size: 44px;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 16px;
}

.contact-sub_x100 {
  font-size: 17px;
  color: #bbb;
  line-height: 1.7;
  margin-bottom: 40px;
}

.contact-info_x100 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-info_x100 li {
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ddd;
}

.contact-info_x100 i {
  color: var(--gold);
  font-size: 18px;
}

/* ==== Правая часть: форма ==== */
.contact-form_x100 {
  flex: 1 1 45%;
  background: rgba(20,20,24,0.85);
  border: 1px solid rgba(230,198,118,0.15);
  border-radius: 14px;
  padding: 40px 30px;
  box-shadow: 0 0 20px rgba(230,198,118,0.08);
}

.contact-form_x100 form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact-form_x100 input,
.contact-form_x100 textarea {
  background: rgba(10,10,12,0.9);
  border: 1px solid rgba(230,198,118,0.15);
  border-radius: 8px;
  padding: 14px 16px;
  color: #fff;
  font-size: 15px;
  transition: all 0.3s ease;
  resize: none;
}

.contact-form_x100 input:focus,
.contact-form_x100 textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 10px rgba(230,198,118,0.25);
  outline: none;
}

.btn-contact_x100 {
  background: linear-gradient(90deg, #e6c676, #d4aa3a);
  color: #111;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  padding: 14px;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.btn-contact_x100:hover {
  background: linear-gradient(90deg, #ffd76b, #f4c53f);
  box-shadow: 0 0 20px rgba(230,198,118,0.4);
  transform: translateY(-2px);
}

/* ==== Сообщение ==== */
.form-msg_x100 {
  text-align: center;
  margin-top: 15px;
  color: var(--gold);
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* ==== Адаптив ==== */
@media (max-width: 900px) {
  .contact-container_x100 {
    flex-direction: column;
    gap: 60px;
    text-align: center;
  }
  .contact-title_x100 {
    font-size: 34px;
  }
  .contact-form_x100 {
    width: 100%;
  }
  .contact-info_x100 {
    align-items: center;
  }
}
/* ==== CONTACT MAP SECTION ==== */
.contact-map_x101 {
  background: linear-gradient(180deg, #0b0b0f 0%, #080808 100%);
  padding: 120px 60px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  z-index: 1;
}

.contact-map-container_x101 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 60px;
  max-width: 1100px;
  margin: 0 auto;
}

/* === Левая часть === */
.map-left_x101 {
  flex: 1 1 45%;
}

.map-title_x101 {
  font-size: 42px;
  font-weight: 700;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  text-shadow: 0 0 25px rgba(230,198,118,0.3);
}

.map-desc_x101 {
  font-size: 17px;
  color: #ccc;
  line-height: 1.8;
  margin-bottom: 30px;
  max-width: 500px;
}

/* === Соцсети === */
.map-social_x101 {
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.map-social_x101 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(230,198,118,0.15);
  color: var(--gold);
  font-size: 18px;
  background: rgba(255,255,255,0.02);
  transition: all 0.3s ease;
}

.map-social_x101 a:hover {
  background: var(--gold);
  color: #111;
  transform: scale(1.1);
  box-shadow: 0 0 20px rgba(230,198,118,0.4);
}

/* === Правая часть === */
.map-right_x101 {
  flex: 1 1 50%;
}

.map-frame_x101 {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(230,198,118,0.15);
  box-shadow: 0 0 25px rgba(230,198,118,0.1);
}

.map-frame_x101 iframe {
  width: 100%;
  height: 360px;
  border: none;
  filter: brightness(0.9) contrast(1.05);
  transition: all 0.4s ease;
}

.map-frame_x101 iframe:hover {
  filter: brightness(1);
  transform: scale(1.01);
}

/* === Адаптив === */
@media (max-width: 900px) {
  .contact-map-container_x101 {
    flex-direction: column;
    text-align: center;
  }
  .map-left_x101 {
    order: 1;
  }
  .map-right_x101 {
    order: 2;
    width: 100%;
  }
  .map-social_x101 {
    justify-content: center;
  }
}