/* SRG V2 — static red trust strip. Copy comes from the CMS-enabled DOM. */
.v2-trust {
  position: relative !important;
  min-height: 64px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
  background: #ef233c !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.08) !important;
}

/* Kill the legacy pseudo-marquee completely. This keeps one real CMS-driven strip only. */
.v2-trust::before,
.v2-trust::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  transform: none !important;
}

.v2-trust > .v2-trust-inner {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  width: min(1500px, calc(100% - 32px)) !important;
  min-height: 64px !important;
  margin: 0 auto !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  text-align: center !important;
  color: #fff !important;
  font-size: clamp(9px, .68vw, 11px) !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  animation: none !important;
  transform: none !important;
}

.v2-trust > .v2-trust-inner > span {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 10px !important;
  color: #fff !important;
}

.v2-trust > .v2-trust-inner > span:not([aria-hidden="true"]) + span:not([aria-hidden="true"]) {
  border-left: 1px solid rgba(255,255,255,.16) !important;
}

.v2-trust > .v2-trust-inner > span[aria-hidden="true"] {
  display: none !important;
}

/* Dark V2 theme — no white/light section backgrounds. */
.v2-form-section,
.v2-changes,
.v2-interest {
  background: #080809 !important;
  color: #fff !important;
}

.v2-form-section {
  padding-bottom: 48px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.v2-changes {
  padding-top: 48px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.v2-interest {
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* Early Access form section. */
.v2-form-section h2,
.v2-form-section h3,
.v2-form-section strong,
.v2-form-section legend,
.v2-form-section label {
  color: #fff !important;
}

.v2-form-section p,
.v2-form-section label,
.v2-form-section legend {
  color: rgba(255,255,255,.58) !important;
}

.v2-form-section > div > div:first-child > div:last-child {
  border-color: rgba(255,255,255,.10) !important;
}

.v2-form-section > div > div:first-child > div:last-child > div {
  border-color: rgba(255,255,255,.10) !important;
}

.v2-form-section > div > div:first-child > div:last-child > div > span {
  background: #ef233c !important;
  color: #fff !important;
}

.v2-form-section > div > div:first-child > div:last-child p {
  color: rgba(255,255,255,.58) !important;
}

.v2-form-section > div > div:last-child {
  border-color: rgba(255,255,255,.10) !important;
  background: #111216 !important;
  box-shadow: 0 32px 90px -58px rgba(0,0,0,.9) !important;
}

.v2-form-section form > div:first-child {
  border-color: rgba(255,255,255,.10) !important;
}

.v2-form-section input {
  border-color: rgba(255,255,255,.11) !important;
  background: #0b0c0f !important;
  color: #fff !important;
}

.v2-form-section input::placeholder {
  color: rgba(255,255,255,.30) !important;
}

.v2-form-section input:focus {
  border-color: rgba(239,35,60,.72) !important;
  box-shadow: 0 0 0 4px rgba(239,35,60,.10) !important;
}

.v2-form-section fieldset button[aria-pressed="false"] {
  border-color: rgba(255,255,255,.10) !important;
  background: #0b0c0f !important;
  color: rgba(255,255,255,.64) !important;
}

.v2-form-section fieldset button[aria-pressed="false"]:hover {
  border-color: rgba(239,35,60,.45) !important;
  background: #111216 !important;
}

.v2-form-section label span {
  color: rgba(255,255,255,.34) !important;
}

.v2-form-section form > p,
.v2-form-section form > label {
  color: rgba(255,255,255,.42) !important;
}

/* Changes section. */
.v2-changes h2,
.v2-changes h3 {
  color: #fff !important;
}

.v2-changes article {
  border-color: rgba(255,255,255,.09) !important;
  background: #111216 !important;
  box-shadow: 0 28px 80px -58px rgba(0,0,0,.9) !important;
}

.v2-changes article > div:first-child > span:first-child {
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.025) !important;
  color: rgba(255,255,255,.50) !important;
}

.v2-changes article p {
  color: rgba(255,255,255,.55) !important;
}

/* Final interest section. */
.v2-interest h2,
.v2-interest h3,
.v2-interest strong {
  color: #fff !important;
}

.v2-interest > div > div:first-child p {
  color: rgba(255,255,255,.50) !important;
}

.v2-interest button[aria-pressed="false"] {
  border-color: rgba(255,255,255,.10) !important;
  background: #111216 !important;
  color: #fff !important;
  box-shadow: 0 24px 70px -55px rgba(0,0,0,.9) !important;
}

.v2-interest button[aria-pressed="false"]:hover {
  border-color: rgba(239,35,60,.45) !important;
  background: #15161b !important;
}

.v2-interest button[aria-pressed="false"] > div > span:first-child {
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.035) !important;
  color: rgba(255,255,255,.48) !important;
}

.v2-interest button[aria-pressed="false"] > div > span:last-child {
  border-color: rgba(255,255,255,.24) !important;
  background: transparent !important;
}

.v2-interest button[aria-pressed="false"] > span:last-child {
  color: rgba(255,255,255,.52) !important;
}

.v2-interest > div > div:last-child {
  border-color: rgba(255,255,255,.09) !important;
  background: #111216 !important;
}

.v2-interest > div > div:last-child p {
  color: rgba(255,255,255,.52) !important;
}

.v2-interest > div > div:last-child button {
  color: #fff !important;
}

/* Finished V2 footer — brand, location, status and direct contact. */
.v2-shell footer {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  background:
    radial-gradient(circle at 14% 30%, rgba(239,35,60,.12), transparent 28%),
    linear-gradient(180deg,#0a0a0c 0%,#060607 100%) !important;
}

.v2-shell footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 52px 52px;
  -webkit-mask-image: linear-gradient(to bottom, black, transparent 88%);
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}

.v2-shell footer > div {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  width: min(1120px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr) !important;
  gap: 38px 64px !important;
  align-items: end !important;
  padding: 62px 0 26px !important;
}

.v2-shell footer > div::before {
  content: "V2.0  ·  PRE-LAUNCH";
  position: absolute;
  top: 24px;
  left: 0;
  color: #ef233c;
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .18em;
}

.v2-shell footer > div > div {
  min-width: 0;
}

.v2-shell footer .srg-live-logo-video,
.v2-shell footer .v2-white-logo {
  display: block !important;
  width: clamp(155px, 15vw, 205px) !important;
  max-width: 205px !important;
  height: auto !important;
  object-fit: contain !important;
}

.v2-shell footer > div > div > span {
  display: block !important;
  max-width: 540px !important;
  margin-top: 18px !important;
  color: rgba(255,255,255,.52) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
}

.v2-shell footer > div > div::after {
  content: "6 ПРЕМИУМ СИМУЛАТОРА  ·  2 ЗОНИ";
  display: block;
  margin-top: 14px;
  color: rgba(255,255,255,.28);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
}

.v2-shell footer a[href^="tel:"] {
  position: relative !important;
  display: flex !important;
  min-height: 92px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  justify-self: stretch !important;
  padding: 18px 58px 18px 22px !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.035) !important;
  color: #fff !important;
  font-size: clamp(1.35rem,2.2vw,1.9rem) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  text-decoration: none !important;
  box-shadow: 0 24px 70px -55px rgba(239,35,60,.7) !important;
  transition: border-color .25s ease, background-color .25s ease, transform .25s ease !important;
}

.v2-shell footer a[href^="tel:"]::before {
  content: "ДИРЕКТЕН КОНТАКТ";
  display: block;
  margin-bottom: 9px;
  color: #ef233c;
  font-size: 8px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .16em;
}

.v2-shell footer a[href^="tel:"]::after {
  content: "↗";
  position: absolute;
  right: 20px;
  top: 50%;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  transform: translateY(-50%);
  border-radius: 999px;
  background: #ef233c;
  color: #fff;
  font-size: 15px;
}

.v2-shell footer a[href^="tel:"]:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(239,35,60,.55) !important;
  background: rgba(239,35,60,.07) !important;
}

.v2-shell footer > div::after {
  content: "© 2026 SIMRACING GARAGE  ·  GRAND MALL VARNA · НИВО 2";
  grid-column: 1 / -1;
  display: block;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.25);
  font-size: 9px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: .08em;
}

@media (max-width: 1100px) {
  .v2-trust > .v2-trust-inner {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-height: 96px !important;
  }

  .v2-trust > .v2-trust-inner > span:not([aria-hidden="true"]) {
    border-left: 1px solid rgba(255,255,255,.13) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }
}

@media (max-width: 767px) {
  .v2-trust {
    min-height: 126px !important;
  }

  .v2-trust > .v2-trust-inner {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-height: 126px !important;
    padding: 0 !important;
    font-size: 9px !important;
    line-height: 1.42 !important;
    letter-spacing: .01em !important;
  }

  .v2-trust > .v2-trust-inner > span {
    padding: 10px 12px !important;
    border-left: 1px solid rgba(255,255,255,.13) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }

  .v2-form-section {
    padding-bottom: 42px !important;
  }

  .v2-changes {
    padding-top: 42px !important;
  }

  .v2-shell footer > div {
    width: calc(100% - 36px) !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 58px 0 118px !important;
  }

  .v2-shell footer > div::before {
    top: 22px;
  }

  .v2-shell footer .srg-live-logo-video,
  .v2-shell footer .v2-white-logo {
    width: 165px !important;
    max-width: 165px !important;
  }

  .v2-shell footer > div > div > span {
    margin-top: 15px !important;
    font-size: 11px !important;
  }

  .v2-shell footer a[href^="tel:"] {
    min-height: 84px !important;
    border-radius: 20px !important;
    font-size: 1.45rem !important;
  }

  .v2-shell footer > div::after {
    padding-top: 18px;
    font-size: 8px;
    line-height: 1.65;
  }
}

/* V2 transparent autoplay header logo */
.v2-header {
  background: transparent !important;
}

.v2-header-inner {
  justify-content: flex-start !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.v2-header-logo-video {
  display: block !important;
  width: 158px !important;
  height: 62px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.v2-header-logo-video::-webkit-media-controls,
.v2-header-logo-video::-webkit-media-controls-panel,
.v2-header-logo-video::-webkit-media-controls-play-button,
.v2-header-logo-video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none !important;
  opacity: 0 !important;
}

@media (max-width: 767px) {
  .v2-header-inner {
    width: calc(100% - 28px) !important;
    height: 92px !important;
    justify-content: center !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .v2-header-logo-video {
    width: 172px !important;
    height: 70px !important;
    margin-inline: auto !important;
  }

  .v2-pilot > div:last-child {
    padding-top: 112px !important;
  }
}