:root {
  --dg-global-bg-color: #09090b;
  --dg-global-color-neutral-10: #fafafa;
  --dg-global-color-neutral-10-hover: rgba(250, 250, 250, 0.75);
}
.bg-gray,
.white {
  --dg-global-color-neutral-10: #242221;
}
.bg-lighten-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

/*! CSS Used from: https://ds-assets.cupra.com/20.8.1/styles/cupra-diagonal/theme.css */
.bg-dark-2026 {
  background-color: var(--dg-global-bg-color);
  background-repeat: repeat-y;
  background-size: 100% auto;
  color: var(--dg-global-color-neutral-10, #fafafa);
}
@media (min-width: 0px) {
  .bg-dark-2026 {
    background-image: url(./ds-bg/default-xs.svg);
    background-position: 0 0;
  }
}
@media (min-width: 480px) {
  .bg-dark-2026 {
    background-image: url(./ds-bg/default-s.svg);
  }
}
@media (min-width: 768px) {
  .bg-dark-2026 {
    background-image: url(./ds-bg/default-m.svg);
    background-position: left -21.125rem;
  }
}
@media (min-width: 1024px) {
  .bg-dark-2026 {
    background-image: url(./ds-bg/default-l.svg);
  }
}
@media (min-width: 1440px) {
  .bg-dark-2026 {
    background-image: url(./ds-bg/default-xl.svg);
    background-position: left -37.1875rem;
  }
}
@media (min-width: 1920px) {
  .bg-dark-2026 {
    background-image: url(./ds-bg/default-xxl.svg);
  }
}

.bg-dark-2026 .main-navigation-options .tab-pane .nav-section-list .nav-section-link a {
  color: var(--dg-global-color-neutral-10-hover);
}
.bg-dark-2026 .main-navigation-options .tab-pane .nav-section-list .nav-section-link a:hover {
  color: var(--dg-global-color-neutral-10, #fafafa);
}
.bg-dark-2026 .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content {
  background-color: transparent;
}
.bg-dark-2026 .b-top {
  border-color: rgba(255, 255, 255, 0.2);
}
.bg-dark-2026 .main-navigation-options {
  background-color: var(--dg-global-bg-color);
}
.bg-dark-2026 .main-navigation .main-nav-wrap {
  color: var(--dg-global-color-neutral-10, #fafafa);
}
.bg-dark-2026 .main-navigation {
  background-color: var(--dg-global-bg-color);
}
.bg-dark-2026 .main-navigation .main-nav-wrap {
  background-color: var(--dg-global-bg-color);
}
.bg-dark-2026.ds-home:not(.scroll-down) .main-navigation {
  background-color: transparent;
}
.bg-dark-2026.ds-home:not(.scroll-down) .main-navigation .main-nav-wrap {
  background-color: transparent;
}
.bg-dark-2026 .main-navigation .main-nav-wrap .main-nav-links ul li a {
  color: var(--dg-global-color-neutral-10, #fafafa);
}
.bg-dark-2026 .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu span {
  background-color: var(--dg-global-color-neutral-10, #fafafa);
}

.bg-dark-2026 .cuprafooter section {
  background-color: var(--dg-global-bg-color);
  color: var(--dg-global-color-neutral-10, #fafafa);
}
.cupra-gallery-cta-zone {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .cupra-gallery-cta-zone {
    flex-direction: row;
  }
}
.cupra-gallery-cta-zone .btn-cta {
  text-align: center;
  transition: background-color 0.3s ease-in;
  font-family: "CupraMedium", serif;
  padding: 0.55rem 1.1rem;
  display: block;
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 0.375rem;
  border: 2px solid #fff;
  text-transform: uppercase;
  width: auto;
  background-color: rgb(255, 255, 255);
  color: #000;
}
.cupra-gallery-cta-zone .btn-cta:hover {
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.82);
}

.cupra-gallery-cta-zone .btn-cta:first-child {
  background-color: #000000b2;
  color: #fff;
}
.cupra-gallery-cta-zone .btn-cta:first-child:hover {
  background-color: #00000071;
  border-color: #fff;
}