/* ==========================================================
   ГОЛ МОМЕНТ — MODERN UI V2
   ========================================================== */

:root {
  --gm-bg: #070b09;
  --gm-bg-soft: #0b110e;

  --gm-card: rgba(17, 27, 22, .82);
  --gm-card-solid: #101a15;
  --gm-card-hover: #14221b;

  --gm-text: #f5f8f6;
  --gm-muted: #8d9b94;
  --gm-muted-2: #65736c;

  --gm-green: #43e88a;
  --gm-green-2: #21c96c;
  --gm-green-dark: #0b2e1d;
  --gm-green-soft: rgba(67, 232, 138, .10);

  --gm-red: #ff6d79;
  --gm-yellow: #edbd5d;

  --gm-border: rgba(255,255,255,.075);
  --gm-border-green: rgba(67,232,138,.20);

  --gm-shadow:
    0 20px 60px rgba(0,0,0,.26);

  --gm-shadow-soft:
    0 12px 35px rgba(0,0,0,.16);

  --gm-radius-xl: 28px;
  --gm-radius-lg: 20px;
  --gm-radius-md: 14px;

  color-scheme: dark;
}


/* ==========================================================
   GLOBAL
   ========================================================== */

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;

  background:
    radial-gradient(
      circle at 12% -5%,
      rgba(67,232,138,.11),
      transparent 29%
    ),
    radial-gradient(
      circle at 95% 15%,
      rgba(25,115,72,.09),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #09100c 0%,
      var(--gm-bg) 55%,
      #050806 100%
    );
}


/* ==========================================================
   HOME
   ========================================================== */

.site-home {
  background: transparent !important;
}


/* HEADER */

.site-home .site-header {
  background:
    rgba(7, 12, 9, .76) !important;

  border-bottom:
    1px solid rgba(255,255,255,.055) !important;

  backdrop-filter:
    blur(22px) saturate(135%);

  -webkit-backdrop-filter:
    blur(22px) saturate(135%);
}

.site-home .header-inner {
  min-height: 74px;
}

.site-home .logo {
  background:
    linear-gradient(
      145deg,
      rgba(67,232,138,.17),
      rgba(255,255,255,.035)
    ) !important;

  border:
    1px solid var(--gm-border-green) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 8px 25px rgba(0,0,0,.18);
}

.site-home .brand-name {
  letter-spacing: -.55px;
}

.site-home .nav {
  padding: 4px;

  background:
    rgba(255,255,255,.025);

  border:
    1px solid var(--gm-border);

  border-radius: 14px;
}

.site-home .nav-btn {
  border-radius: 10px !important;
}

.site-home .nav-btn.active {
  background:
    var(--gm-green) !important;

  color: #06100a !important;

  box-shadow:
    0 5px 18px rgba(67,232,138,.17);
}


/* HERO */

.site-home .hero {
  padding-top: 34px !important;
}

.site-home .hero-shell {
  border:
    1px solid rgba(255,255,255,.085) !important;

  background:
    radial-gradient(
      circle at 78% 25%,
      rgba(67,232,138,.09),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      rgba(19,36,28,.90),
      rgba(10,20,15,.92)
    ) !important;

  box-shadow:
    var(--gm-shadow) !important;

  border-radius:
    var(--gm-radius-xl) !important;
}

.site-home .eyebrow {
  letter-spacing: 1px;

  background:
    rgba(67,232,138,.075) !important;

  border:
    1px solid var(--gm-border-green) !important;
}

.site-home .hero-title {
  text-wrap: balance;
}

.site-home .hero-title span {
  background:
    linear-gradient(
      90deg,
      #43e88a,
      #70efa7
    );

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.site-home .feature {
  background:
    rgba(255,255,255,.025) !important;

  border:
    1px solid var(--gm-border) !important;

  backdrop-filter: blur(10px);
}


/* RATE */

.site-home .rate-card {
  background:
    linear-gradient(
      155deg,
      rgba(67,232,138,.105),
      rgba(12,24,18,.91)
    ) !important;

  border:
    1px solid var(--gm-border-green) !important;

  box-shadow:
    var(--gm-shadow-soft) !important;
}

.site-home .rate-number {
  color:
    var(--gm-green) !important;

  text-shadow:
    0 0 34px rgba(67,232,138,.10);
}

.site-home .rate-circle {
  box-shadow:
    0 0 30px rgba(67,232,138,.08);
}

.site-home .mini-stat {
  background:
    rgba(255,255,255,.025) !important;

  border:
    1px solid var(--gm-border) !important;

  transition:
    transform .18s ease,
    border-color .18s ease;
}

.site-home .mini-stat:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(67,232,138,.13) !important;
}


/* SECTION */

.site-home .section-title {
  letter-spacing: -1.3px;
}

.site-home .green-dot {
  box-shadow:
    0 0 16px rgba(67,232,138,.75);
}


/* MATCHES */

.site-home .match-card {
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.027),
      rgba(255,255,255,.008)
    ),
    rgba(15,25,20,.91) !important;

  border:
    1px solid var(--gm-border) !important;

  box-shadow:
    var(--gm-shadow-soft) !important;

  backdrop-filter: blur(12px);

  border-radius:
    var(--gm-radius-lg) !important;
}

.site-home .match-card:hover {
  transform:
    translateY(-3px) !important;

  border-color:
    rgba(67,232,138,.18) !important;

  background:
    var(--gm-card-hover) !important;
}

.site-home .prematch-badge {
  color:
    var(--gm-green) !important;

  border:
    1px solid var(--gm-border-green) !important;

  background:
    var(--gm-green-soft) !important;
}

.site-home .select-value {
  letter-spacing: -.3px;
}

.site-home .odd-value {
  color:
    var(--gm-green) !important;
}


/* HISTORY CTA */

.site-home .history-cta {
  position: relative;
  overflow: hidden;

  background:
    linear-gradient(
      110deg,
      rgba(67,232,138,.09),
      rgba(255,255,255,.015)
    ) !important;

  border:
    1px solid var(--gm-border-green) !important;
}

.site-home .history-cta::after {
  content: "";

  position: absolute;

  width: 150px;
  height: 150px;

  right: -65px;
  top: -70px;

  border-radius: 50%;

  background:
    rgba(67,232,138,.08);

  pointer-events: none;
}

.site-home .history-open {
  position: relative;
  z-index: 2;

  background:
    linear-gradient(
      135deg,
      var(--gm-green),
      #30d979
    ) !important;

  box-shadow:
    0 8px 22px rgba(67,232,138,.15);

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.site-home .history-open:hover {
  transform:
    translateY(-2px);

  box-shadow:
    0 12px 30px rgba(67,232,138,.20);
}


/* HISTORY CARDS */

.site-home .history-card {
  background:
    rgba(15,25,20,.90) !important;

  border:
    1px solid var(--gm-border) !important;

  box-shadow:
    var(--gm-shadow-soft);

  transition:
    transform .18s ease;
}

.site-home .history-card:hover {
  transform:
    translateY(-2px);
}

.site-home .history-cell {
  background:
    rgba(255,255,255,.026) !important;
}


/* ==========================================================
   SEO PAGES
   ========================================================== */

.seo-page {
  margin: 0 !important;

  color:
    var(--gm-text) !important;

  background:
    transparent !important;
}


/* HEADER */

.seo-page header {
  position: sticky !important;
  top: 0;
  z-index: 100;

  background:
    rgba(7,12,9,.78) !important;

  border-bottom:
    1px solid var(--gm-border) !important;

  backdrop-filter:
    blur(22px) saturate(135%);

  -webkit-backdrop-filter:
    blur(22px) saturate(135%);
}

.seo-page .header {
  min-height: 72px !important;
}

.seo-page .logo {
  font-size: 19px !important;
  letter-spacing: -.4px;
}

.seo-page .logo span {
  color:
    var(--gm-green) !important;
}

.seo-page .top-nav {
  display: flex;
  align-items: center;
  gap: 5px;

  padding: 4px;

  border:
    1px solid var(--gm-border);

  background:
    rgba(255,255,255,.025);

  border-radius: 13px;
}

.seo-page .top-nav a {
  padding:
    8px 11px;

  border-radius: 9px;

  color:
    var(--gm-muted);

  text-decoration: none;

  font-size: 11px;
  font-weight: 750;

  transition:
    background .18s ease,
    color .18s ease;
}

.seo-page .top-nav a:hover {
  color:
    var(--gm-text);

  background:
    rgba(255,255,255,.05);
}


/* PAGE */

.seo-page main {
  padding-top:
    42px !important;
}

.seo-page .breadcrumbs,
.seo-page .breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  margin-bottom:
    22px !important;

  color:
    var(--gm-muted-2) !important;

  font-size:
    10px !important;
}

.seo-page .breadcrumbs a,
.seo-page .breadcrumb a {
  color:
    var(--gm-green) !important;
}


/* HERO */

.seo-page .hero {
  max-width:
    860px !important;

  padding:
    30px 0 8px !important;
}

.seo-page .badge {
  color:
    var(--gm-green) !important;

  background:
    var(--gm-green-soft) !important;

  border:
    1px solid var(--gm-border-green) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035);
}

.seo-page h1 {
  margin-top:
    18px !important;

  max-width:
    850px !important;

  font-size:
    clamp(38px, 6vw, 66px) !important;

  line-height:
    .98 !important;

  letter-spacing:
    -2.4px !important;

  text-wrap: balance;
}

.seo-page .lead {
  max-width:
    720px !important;

  color:
    #a4b0aa !important;

  line-height:
    1.72 !important;
}


/* STATS */

.seo-page .stats {
  gap:
    11px !important;

  margin-top:
    34px !important;

  margin-bottom:
    48px !important;
}

.seo-page .stat {
  position: relative;
  overflow: hidden;

  min-height:
    105px;

  padding:
    18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.028),
      rgba(255,255,255,.008)
    ),
    var(--gm-card-solid) !important;

  border:
    1px solid var(--gm-border) !important;

  border-radius:
    var(--gm-radius-lg) !important;

  box-shadow:
    var(--gm-shadow-soft);

  transition:
    transform .18s ease;
}

.seo-page .stat:hover {
  transform:
    translateY(-2px);
}

.seo-page .stat strong {
  color:
    var(--gm-green) !important;

  font-size:
    27px !important;

  letter-spacing:
    -.8px;
}


/* MATCH GRID */

.seo-page .matches {
  gap:
    14px !important;
}

.seo-page .match {
  padding:
    20px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.026),
      rgba(255,255,255,.007)
    ),
    var(--gm-card-solid) !important;

  border:
    1px solid var(--gm-border) !important;

  border-radius:
    var(--gm-radius-lg) !important;

  box-shadow:
    var(--gm-shadow-soft);

  transition:
    transform .18s ease,
    border-color .18s ease;
}

.seo-page .match:hover {
  transform:
    translateY(-3px);

  border-color:
    rgba(67,232,138,.17) !important;
}

.seo-page .time {
  color:
    var(--gm-muted) !important;
}

.seo-page .teams {
  letter-spacing:
    -.35px;
}

.seo-page .forecast {
  border-top:
    1px solid var(--gm-border) !important;
}

.seo-page .forecast strong {
  color:
    var(--gm-green) !important;
}


/* HISTORY */

.seo-page .history {
  gap:
    12px !important;
}

.seo-page .item {
  background:
    var(--gm-card-solid) !important;

  border:
    1px solid var(--gm-border) !important;

  border-radius:
    var(--gm-radius-lg) !important;

  box-shadow:
    var(--gm-shadow-soft);

  transition:
    transform .18s ease;
}

.seo-page .item:hover {
  transform:
    translateY(-2px);
}

.seo-page .item.win {
  border-left:
    3px solid var(--gm-green) !important;
}

.seo-page .item.loss {
  border-left:
    3px solid var(--gm-red) !important;
}

.seo-page .cell {
  background:
    rgba(255,255,255,.027) !important;

  border:
    1px solid rgba(255,255,255,.035);

  border-radius:
    12px !important;
}


/* TEXT CONTENT */

.seo-page .text {
  margin-top:
    55px !important;

  padding:
    28px;

  color:
    #a2aea8 !important;

  background:
    rgba(255,255,255,.018);

  border:
    1px solid var(--gm-border);

  border-radius:
    var(--gm-radius-lg);
}

.seo-page .text h2 {
  margin-top: 0;

  color:
    var(--gm-text);
}

.seo-page h2 {
  letter-spacing:
    -.7px;
}


/* INTERNAL LINKS */

.seo-page .links {
  margin-top:
    22px !important;

  gap:
    12px !important;
}

.seo-page .links a,
.seo-page .link-card {
  position: relative;

  padding:
    18px !important;

  color:
    var(--gm-text) !important;

  background:
    linear-gradient(
      120deg,
      rgba(67,232,138,.085),
      rgba(255,255,255,.012)
    ) !important;

  border:
    1px solid var(--gm-border-green) !important;

  border-radius:
    15px !important;

  box-shadow:
    var(--gm-shadow-soft);

  transition:
    transform .18s ease,
    background .18s ease;
}

.seo-page .links a:hover,
.seo-page .link-card:hover {
  transform:
    translateY(-2px);

  background:
    rgba(67,232,138,.11) !important;
}


/* EMPTY */

.seo-page .state {
  background:
    var(--gm-card-solid) !important;

  border:
    1px solid var(--gm-border) !important;

  border-radius:
    var(--gm-radius-lg) !important;
}


/* FOOTER */

.seo-page footer,
.site-home .footer {
  border-top:
    1px solid var(--gm-border) !important;

  background:
    rgba(4,8,6,.30);
}


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

@media (
  max-width: 700px
) {

  .site-home .hero-shell {
    padding:
      18px !important;

    border-radius:
      22px !important;
  }

  .site-home .hero-title {
    font-size:
      40px !important;
  }

  .site-home .rate-card {
    padding:
      20px !important;
  }

  .site-home .match-card {
    border-radius:
      18px !important;
  }


  .seo-page .wrap {
    width:
      min(
        calc(100% - 22px),
        1050px
      ) !important;
  }

  .seo-page .header {
    min-height:
      64px !important;
  }

  .seo-page .logo {
    font-size:
      17px !important;
  }

  .seo-page .top-nav {
    gap: 1px;
  }

  .seo-page .top-nav a {
    padding:
      8px 7px;

    font-size:
      9px;
  }

  .seo-page main {
    padding-top:
      25px !important;
  }

  .seo-page .hero {
    padding-top:
      18px !important;
  }

  .seo-page h1 {
    font-size:
      39px !important;

    letter-spacing:
      -1.7px !important;
  }

  .seo-page .lead {
    font-size:
      13px !important;
  }

  .seo-page .stats {
    grid-template-columns:
      repeat(2, 1fr) !important;

    margin-bottom:
      38px !important;
  }

  .seo-page .stat {
    min-height:
      94px;

    border-radius:
      17px !important;
  }

  .seo-page .matches {
    grid-template-columns:
      1fr !important;
  }

  .seo-page .match {
    border-radius:
      18px !important;
  }

  .seo-page .text {
    padding:
      20px;

    margin-top:
      40px !important;

    border-radius:
      18px;
  }

  .seo-page .data {
    grid-template-columns:
      repeat(2,1fr) !important;
  }
}


/* ==========================================================
   SMALL PHONES
   ========================================================== */

@media (
  max-width: 430px
) {

  .seo-page .top-nav a:first-child {
    display: none;
  }

  .site-home .rate-circle {
    width:
      86px !important;

    height:
      86px !important;
  }

  .site-home .rate-circle::before {
    width:
      64px !important;

    height:
      64px !important;
  }
}



/* ==========================================================
   ГОЛ МОМЕНТ · MOBILE DESIGN V3
   ========================================================== */

.mobile-stats-strip {
  display: none;
}


/* Маленькая точка вместо большого ⚽ */

.site-home .team-dot {
  display: inline-block;

  width: 8px;
  height: 8px;

  margin-right: 9px;

  border-radius: 50%;

  vertical-align: 2px;

  background:
    var(--gm-green);

  box-shadow:
    0 0 11px rgba(67,232,138,.40);
}


/* ==========================================================
   PHONE UI
   ========================================================== */

@media (max-width: 700px) {

  /* --------------------------------------------------------
     HEADER
     -------------------------------------------------------- */

  .site-home .header-inner {
    min-height: 60px !important;
  }

  .site-home .logo {
    width: 37px !important;
    height: 37px !important;

    border-radius: 11px !important;

    font-size: 19px !important;
  }

  .site-home .brand {
    gap: 9px !important;
  }

  .site-home .brand-name {
    font-size: 16px !important;

    letter-spacing: -.35px;
  }

  .site-home .brand-caption {
    display: none !important;
  }

  .site-home .nav {
    padding: 3px !important;

    gap: 2px !important;

    border-radius: 12px !important;
  }

  .site-home .nav-btn {
    padding:
      9px 11px !important;

    border-radius:
      9px !important;

    font-size:
      10px !important;
  }


  /* --------------------------------------------------------
     CONTENT
     -------------------------------------------------------- */

  .site-home .content {
    padding-top:
      12px !important;

    padding-bottom:
      38px !important;
  }

  .site-home .section-head {
    gap: 8px !important;

    margin-bottom:
      14px !important;
  }

  .site-home .section-pretitle {
    font-size:
      9px !important;
  }

  .site-home .section-title {
    margin-top:
      5px !important;

    font-size:
      27px !important;

    letter-spacing:
      -.8px !important;
  }

  .site-home .section-note {
    max-width: none !important;

    font-size:
      11px !important;

    line-height:
      1.45 !important;
  }


  /* --------------------------------------------------------
     COMPACT MOBILE STATS
     -------------------------------------------------------- */

  .site-home .mobile-stats-strip {
    display: grid;

    grid-template-columns:
      1.15fr 1fr 1fr;

    gap: 7px;

    margin:
      4px 0
      18px;
  }

  .site-home .mobile-stat {
    min-width: 0;

    padding:
      11px 9px;

    border-radius:
      13px;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.026),
        rgba(255,255,255,.008)
      ),
      rgba(15,25,20,.91);

    border:
      1px solid var(--gm-border);

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

  .site-home .mobile-stat strong {
    display: block;

    font-size:
      17px;

    line-height: 1;

    font-weight:
      900;

    letter-spacing:
      -.5px;
  }

  .site-home .mobile-stat span {
    display: block;

    margin-top:
      6px;

    color:
      var(--gm-muted);

    font-size:
      6.8px;

    font-weight:
      800;

    white-space:
      nowrap;
  }

  .site-home .mobile-stat.primary {
    border-color:
      rgba(67,232,138,.18);
  }

  .site-home .mobile-stat.primary strong,
  .site-home .mobile-stat.win strong {
    color:
      var(--gm-green);
  }

  .site-home .mobile-stat.loss strong {
    color:
      var(--gm-red);
  }


  /* --------------------------------------------------------
     PREDICTION GRID
     -------------------------------------------------------- */

  .site-home .prediction-grid {
    gap:
      10px !important;
  }


  /* --------------------------------------------------------
     COMPACT MATCH CARD
     -------------------------------------------------------- */

  .site-home .match-card {
    padding:
      15px 16px !important;

    border-radius:
      16px !important;

    box-shadow:
      0 9px 25px rgba(0,0,0,.15) !important;
  }

  .site-home .match-card:hover {
    transform:
      none !important;
  }

  .site-home .match-head {
    min-height:
      23px;

    gap:
      8px;
  }

  .site-home .kickoff {
    font-size:
      9px !important;

    letter-spacing:
      .05px;
  }

  .site-home .prematch-badge {
    padding:
      4px 7px !important;

    font-size:
      7.5px !important;
  }


  /* Teams */

  .site-home .teams {
    min-height:
      0 !important;

    margin-top:
      11px !important;

    font-size:
      16px !important;

    line-height:
      1.30 !important;

    letter-spacing:
      -.32px !important;
  }


  /* Forecast */

  .site-home .selection {
    margin-top:
      14px !important;

    padding-top:
      11px !important;

    gap:
      10px !important;
  }

  .site-home .select-label {
    font-size:
      7px !important;

    letter-spacing:
      .55px !important;
  }

  .site-home .select-value {
    margin-top:
      3px !important;

    font-size:
      15px !important;
  }

  .site-home .odd {
    min-width:
      64px;
  }

  .site-home .odd-value {
    font-size:
      16px !important;
  }


  /* --------------------------------------------------------
     HISTORY CTA
     -------------------------------------------------------- */

  .site-home .history-cta {
    margin-top:
      14px !important;

    padding:
      15px !important;

    gap:
      11px !important;

    border-radius:
      16px !important;
  }

  .site-home .history-cta-title {
    font-size:
      14px !important;
  }

  .site-home .history-cta-text {
    margin-top:
      4px !important;

    font-size:
      9.5px !important;

    line-height:
      1.35;
  }

  .site-home .history-open {
    padding:
      11px 14px !important;

    border-radius:
      11px !important;

    font-size:
      10px !important;
  }


  /* --------------------------------------------------------
     HISTORY VIEW
     -------------------------------------------------------- */

  .site-home .history-card {
    padding:
      14px !important;

    border-radius:
      15px !important;
  }

  .site-home .history-teams {
    font-size:
      13px !important;
  }

  .site-home .history-data {
    gap:
      6px !important;

    margin-top:
      11px !important;
  }

  .site-home .history-cell {
    min-height:
      54px !important;

    padding:
      8px !important;

    border-radius:
      10px !important;
  }

  .site-home .history-label {
    font-size:
      7px !important;
  }

  .site-home .history-value {
    font-size:
      11px !important;
  }


  /* --------------------------------------------------------
     FOOTER
     -------------------------------------------------------- */

  .site-home .footer {
    padding:
      20px 0
      26px !important;
  }

}


/* ==========================================================
   VERY SMALL PHONE
   ========================================================== */

@media (max-width: 380px) {

  .site-home .brand-name {
    font-size:
      15px !important;
  }

  .site-home .nav-btn {
    padding:
      8px 8px !important;
  }

  .site-home .mobile-stat {
    padding:
      10px 7px;
  }

  .site-home .mobile-stat strong {
    font-size:
      15px;
  }

  .site-home .mobile-stat span {
    font-size:
      6px;
  }

  .site-home .teams {
    font-size:
      15px !important;
  }

}



/* ==========================================================
   SITE ADS V1
   ========================================================== */

.site-ad-slot {
  display: block;
  margin: 14px 0;
}

.site-ad-slot:empty {
  display: none;
}

.site-ad-card {
  display: flex;
  align-items: stretch;
  gap: 16px;

  overflow: hidden;

  padding: 14px;

  border:
    1px solid
    rgba(67,232,138,.17);

  border-radius: 18px;

  background:
    linear-gradient(
      135deg,
      rgba(67,232,138,.065),
      rgba(255,255,255,.015)
    ),
    rgba(13,22,17,.94);

  box-shadow:
    0 12px 32px
    rgba(0,0,0,.18);
}

.site-ad-image {
  width: 120px;
  min-width: 120px;

  height: 100px;

  object-fit: cover;

  border-radius: 13px;
}

.site-ad-body {
  flex: 1;
  min-width: 0;
}

.site-ad-label {
  color:
    rgba(255,255,255,.36);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: 1.3px;
}

.site-ad-title {
  margin-top: 6px;

  color: #f5f8f6;

  font-size: 16px;
  font-weight: 850;

  line-height: 1.22;
}

.site-ad-text {
  margin-top: 5px;

  color: #8d9b94;

  font-size: 11px;
  line-height: 1.45;
}

.site-ad-button {
  display: inline-flex;

  margin-top: 10px;

  padding:
    9px 13px;

  border-radius: 10px;

  color: #06100a;

  background: #43e88a;

  text-decoration: none;

  font-size: 10px;
  font-weight: 850;
}


@media (max-width: 700px) {

  .site-ad-slot {
    margin: 10px 0;
  }

  .site-ad-card {
    gap: 11px;

    padding: 12px;

    border-radius: 15px;
  }

  .site-ad-image {
    width: 86px;
    min-width: 86px;

    height: 86px;

    border-radius: 11px;
  }

  .site-ad-title {
    font-size: 14px;
  }

  .site-ad-text {
    font-size: 9.5px;
  }

}



/* ==========================================================
   ГОЛ МОМЕНТ · MOBILE V4
   ЕДИНАЯ СТАТИСТИКА
   ========================================================== */

/* Старый дублирующий блок гарантированно скрыт */
.site-home .mobile-stats-strip {
  display: none !important;
}


@media (max-width: 700px) {

  /* --------------------------------------------------------
     HERO ЧУТЬ КОМПАКТНЕЕ
     -------------------------------------------------------- */

  .site-home .hero {
    padding-top:
      14px !important;
  }

  .site-home .hero-shell {
    padding:
      16px !important;

    border-radius:
      20px !important;
  }


  /* --------------------------------------------------------
     FEATURE PILLS
     -------------------------------------------------------- */

  .site-home .features {
    gap:
      8px !important;

    margin-top:
      14px !important;
  }

  .site-home .feature {
    min-height:
      48px !important;

    padding:
      10px 13px !important;

    border-radius:
      14px !important;

    font-size:
      10px !important;
  }


  /* --------------------------------------------------------
     ГЛАВНАЯ КАРТОЧКА ПРОХОДИМОСТИ
     -------------------------------------------------------- */

  .site-home .rate-card {
    margin-top:
      16px !important;

    padding:
      17px !important;

    border-radius:
      18px !important;
  }

  .site-home .rate-top {
    gap:
      12px !important;
  }

  .site-home .rate-label {
    font-size:
      10px !important;

    letter-spacing:
      .65px !important;
  }

  .site-home .rate-number {
    margin-top:
      6px !important;

    font-size:
      clamp(
        46px,
        15vw,
        66px
      ) !important;

    line-height:
      .96 !important;

    letter-spacing:
      -2px !important;
  }

  .site-home .rate-caption {
    margin-top:
      7px !important;

    font-size:
      10px !important;
  }


  /* --------------------------------------------------------
     КРУГ ПРОХОДИМОСТИ
     -------------------------------------------------------- */

  .site-home .rate-circle {
    width:
      92px !important;

    height:
      92px !important;

    min-width:
      92px !important;
  }

  .site-home .rate-circle::before {
    width:
      68px !important;

    height:
      68px !important;
  }


  /* --------------------------------------------------------
     4 МИНИ-СТАТИСТИКИ
     -------------------------------------------------------- */

  .site-home .mini-stats {
    gap:
      6px !important;

    margin-top:
      15px !important;
  }

  .site-home .mini-stat {
    min-height:
      68px !important;

    padding:
      10px 6px !important;

    border-radius:
      13px !important;
  }

  .site-home .mini-stat strong,
  .site-home .mini-value {
    font-size:
      19px !important;

    line-height:
      1 !important;
  }

  .site-home .mini-stat span,
  .site-home .mini-label {
    margin-top:
      5px !important;

    font-size:
      6.5px !important;

    line-height:
      1.15 !important;
  }


  /* --------------------------------------------------------
     ПРОГНОЗЫ ПОДНИМАЕМ БЛИЖЕ
     -------------------------------------------------------- */

  .site-home #forecastView {
    margin-top:
      22px !important;
  }

  .site-home .section-head {
    margin-bottom:
      14px !important;
  }

  .site-home .section-title {
    font-size:
      30px !important;

    line-height:
      1 !important;
  }

}


@media (max-width: 390px) {

  .site-home .rate-circle {
    width:
      82px !important;

    height:
      82px !important;

    min-width:
      82px !important;
  }

  .site-home .rate-circle::before {
    width:
      60px !important;

    height:
      60px !important;
  }

  .site-home .rate-number {
    font-size:
      50px !important;
  }

}



/* ==========================================================
   ADMIN V2 AD STYLES
   ========================================================== */

.site-ad-slot {
  margin:
    12px 0;
}

.site-ad-slot:empty {
  display: none;
}

.site-ad-card {
  display: flex;

  gap: 14px;

  padding: 14px;

  overflow: hidden;

  border:
    1px solid
    rgba(67,232,138,.16);

  border-radius: 17px;

  background:
    linear-gradient(
      135deg,
      rgba(67,232,138,.06),
      rgba(255,255,255,.01)
    ),
    #101914;
}

.site-ad-image {
  width: 110px;
  height: 95px;

  flex:
    0 0 110px;

  object-fit: cover;

  border-radius: 12px;
}

.site-ad-body {
  min-width: 0;

  flex: 1;
}

.site-ad-label {
  color:
    rgba(255,255,255,.38);

  font-size: 7px;

  font-weight: 850;

  letter-spacing: 1.2px;
}

.site-ad-title {
  margin-top: 5px;

  font-size: 15px;

  font-weight: 850;
}

.site-ad-text {
  margin-top: 5px;

  color: #8d9b94;

  font-size: 10px;

  line-height: 1.4;
}

.site-ad-button {
  display: inline-flex;

  margin-top: 9px;

  padding:
    9px 12px;

  border-radius: 9px;

  background: #43e88a;

  color: #06100a;

  text-decoration: none;

  font-size: 9px;

  font-weight: 850;
}


@media (
  max-width: 700px
) {

  .site-ad-card {
    gap: 10px;

    padding: 11px;
  }

  .site-ad-image {
    width: 78px;
    height: 78px;

    flex-basis: 78px;
  }

  .site-ad-title {
    font-size: 13px;
  }

}


/* ===== MOBILE BOTTOM FIX ===== */
@media (max-width:700px){

.site-contact-hub{
  margin-top:18px!important;
  margin-bottom:18px!important;
  gap:10px!important;
}

.site-contact-card{
  padding:17px!important;
  border-radius:18px!important;
}

.site-contact-card-title{
  font-size:18px!important;
}

.site-contact-card-text{
  margin-top:7px!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.site-contact-button{
  width:100%!important;
  margin-top:13px!important;
  padding:13px!important;
  font-size:14px!important;
}

footer{
  margin-top:14px!important;
  padding:22px 22px 28px!important;
  min-height:auto!important;
}

footer a[href*="prognozy-na-futbol"],
footer a[href*="tb-2-5"],
footer a[href*="rezultaty-prognozov"]{
  display:flex!important;
  width:100%!important;
  flex:1 1 100%!important;
  padding:11px 12px!important;
  margin:5px 0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.025)!important;
  white-space:nowrap!important;
  font-size:12px!important;
  text-decoration:none!important;
}

}

/* ===== COMPACT BOTTOM V2 ===== */
@media (max-width:700px){

.site-contact-hub{
  display:flex!important;
  gap:8px!important;
  margin:14px 20px!important;
}

.site-contact-card{
  flex:1!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}

.site-contact-card-title,
.site-contact-card-text{
  display:none!important;
}

.site-contact-button{
  width:100%!important;
  margin:0!important;
  padding:9px 8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  color:#8f9a94!important;
  font-size:11px!important;
  font-weight:600!important;
}

footer{
  margin-top:8px!important;
  padding:16px 20px 22px!important;
  min-height:auto!important;
}

footer a[href*="prognozy-na-futbol"],
footer a[href*="tb-2-5"],
footer a[href*="rezultaty-prognozov"]{
  display:inline!important;
  padding:0!important;
  margin:0 14px 0 0!important;
  border:0!important;
  background:none!important;
  color:#65716b!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:2!important;
  white-space:normal!important;
  text-decoration:none!important;
}

}

/* ===== FORECAST NUMBERING ===== */
.forecast-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:25px;
  height:20px;
  margin-right:7px;
  padding:0 5px;
  border:1px solid rgba(67,232,138,.25);
  border-radius:6px;
  color:#43e88a;
  background:rgba(67,232,138,.06);
  font-size:9px;
  font-weight:800;
}

.forecast-count{
  display:inline-flex;
  margin-left:10px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  color:#849189;
  background:rgba(255,255,255,.03);
  font-size:10px;
  font-weight:600;
  vertical-align:middle;
}

/* ===== FORECAST TOOLS V1 ===== */

.match-status{
  display:inline-flex;
  margin-left:8px;
  padding:3px 7px;
  border-radius:6px;
  background:rgba(67,232,138,.08);
  border:1px solid rgba(67,232,138,.15);
  color:#43e88a;
  font-size:9px;
  font-weight:700;
}

.forecast-share{
  margin-top:14px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:#89968f;
  font-size:10px;
  font-weight:600;
  cursor:pointer;
}

.history-search{
  width:100%;
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  outline:none;
  background:#0d1611;
  color:#f3f6f4;
  font-size:14px;
}

.history-search::placeholder{
  color:#66736c;
}

.forecast-highlight{
  border-color:rgba(67,232,138,.55)!important;
  box-shadow:0 0 0 2px rgba(67,232,138,.08)!important;
}


/* ===== WEB PUSH V1 ===== */
.site-push-control{
  display:flex;
  justify-content:center;
  margin:8px 0 12px;
}

#sitePushButton{
  padding:7px 12px;
  border:1px solid rgba(67,232,138,.18);
  border-radius:8px;
  background:rgba(67,232,138,.055);
  color:#9eaaa3;
  font-size:10px;
  font-weight:650;
  cursor:pointer;
}

#sitePushButton[data-state="on"]{
  color:#43e88a;
  border-color:rgba(67,232,138,.30);
  background:rgba(67,232,138,.08);
}

#sitePushButton:disabled{
  opacity:.55;
  cursor:default;
}

/* ===== SITE LIVE ===== */
.live-site-shell{
 margin:26px 0;
 padding:22px;
 border:1px solid rgba(255,102,116,.14);
 border-radius:22px;
 background:#101a16;
}

.live-site-head h2{
 margin:8px 0 5px;
 font-size:24px;
}

.live-site-head p{
 margin:0;
 color:#8e9b95;
 font-size:13px;
}

.live-site-label{
 display:flex;
 align-items:center;
 gap:7px;
 color:#ff6674;
 font-size:11px;
 font-weight:900;
 letter-spacing:1px;
}

.live-site-label span{
 width:8px;
 height:8px;
 border-radius:50%;
 background:#ff6674;
 box-shadow:0 0 12px rgba(255,102,116,.65);
}

.live-site-empty{
 margin-top:20px;
 padding:30px 18px;
 border:1px dashed rgba(255,255,255,.08);
 border-radius:16px;
 text-align:center;
 color:#718078;
 font-size:13px;
}

.live-now{
 color:#ff6674;
 font-size:11px;
 font-weight:900;
}

.live-match-card{
 border-color:rgba(255,102,116,.14);
}

.live-match-card .teams{
 margin-top:10px;
}