:root {
  --dt-bg: #f4f7fb !important;
  --dt-bg-2: #ffffff !important;
  --dt-card: #ffffff !important;
  --dt-card-2: #f0f4fa !important;
  --dt-line: rgba(19, 35, 52, .10) !important;
  --dt-text: #132334 !important;
  --dt-muted: rgba(19, 35, 52, .64) !important;
  --dt-blue: #2368ad !important;
  --dt-blue-2: #0f4f8d !important;
  --dt-blue-3: #3b8cff !important;
}

html,
body,
.app {
  background: #f4f7fb !important;
  color: #132334 !important;
}

/* HEADER */
.dt-headers {
  background: rgba(255, 180, 130, 0.158) !important;
  border-bottom: 1px solid rgba(52, 37, 19, 0.1) !important;
  box-shadow: 0 10px 30px rgba(52, 37, 19, 0.06) !important;
}

.dt-header,
.navbar {
  background: rgba(255, 180, 130, 0.158) !important;
  border-bottom: 1px solid rgba(52, 37, 19, 0.1) !important;
  box-shadow: 0 10px 30px rgba(52, 37, 19, 0.06) !important;
}

.dt-logo,
.dt-logo-text b,
.dt-logo-text span,
.logo__name,
.navbar-link,
.dt-mobile-btn {
  color: #342313 !important;
  -webkit-text-fill-color: #342713 !important;
}

.dt-nav a,
.navbar-link {
  color: rgba(52, 35, 19, 0.62) !important;
}

.dt-nav a.active,
.dt-nav a:hover,
.navbar-link.active,
.navbar-link:hover {
  color: #db7807 !important;
}

.dt-mobile-menu {
  background: rgba(255, 255, 255, .98) !important;
  border-top: 1px solid rgba(52, 37, 19, 0.1) !important;
  border-bottom: 1px solid rgba(52, 34, 19, 0.1) !important;
}

.dt-mobile-menu a {
  color: #132334 !important;
  border-bottom: 1px solid rgba(19, 35, 52, .08) !important;
}

.dt-hero {
  background: #f4f7fb !important;
}

.dt-hero::after {
  background:
    linear-gradient(90deg, rgba(244, 247, 251, .96) 0%, rgba(244, 247, 251, .84) 44%, rgba(244, 247, 251, .42) 100%),
    radial-gradient(circle at 24% 48%, rgba(43, 112, 190, .20), transparent 34%) !important;
}

.dt-online,
.dt-title,
.dt-subtitle,
.dt-section-title,
.dt-news-title,
.dt-card-title,
.dt-footer,
.dt-footer a,
.dt-footer .dt-logo-text b,
.dt-footer .dt-logo-text span {
  color: #132334 !important;
  -webkit-text-fill-color: #132334 !important;
}

.dt-title {
  background: none !important;
  letter-spacing: -4px !important;
}

.dt-subtitle,
.dt-news-text,
.dt-card-text,
.dt-footer-links a {
  color: rgba(19, 35, 52, .66) !important;
  -webkit-text-fill-color: rgba(19, 35, 52, .66) !important;
}

.dt-dots-top span,
.dt-dots-bottom span {
  background: rgba(19, 35, 52, .16) !important;
}

section,
.dt-section,
.dt-news,
.dt-info,
.money-packs-section,
.cars-showcase,
.shop-page {
  background: #f4f7fb !important;
  color: #132334 !important;
}

.shop-page {
  background:
    linear-gradient(90deg, rgba(244,247,251,.93), rgba(244,247,251,.72)),
    url('../img/backshop.png') center/cover no-repeat !important;
}

.shop-header__title,
.shop-header__subtitle,
.money-packs-title,
.money-packs-subtitle,
.money-pack-name,
.money-pack-name span,
.money-pack-amount,
.money-packs-note,
.cars-showcase::before,
.car-showcase-content h3 {
  color: #132334 !important;
  -webkit-text-fill-color: #132334 !important;
  text-shadow: none !important;
}

.shop-header__title span,
.money-packs-title span {
  color: #2368ad !important;
  -webkit-text-fill-color: #2368ad !important;
  -webkit-text-stroke: 0 !important;
}

.money-packs-subtitle,
.money-packs-note,
.shop-header__subtitle {
  color: rgba(19, 35, 52, .66) !important;
  -webkit-text-fill-color: rgba(19, 35, 52, .66) !important;
}

.money-packs-section::before,
.money-pack-card::before {
  background:
    radial-gradient(circle at 0 0, rgba(35, 104, 173, .12), transparent 30%),
    radial-gradient(circle at 100% 70%, rgba(35, 104, 173, .10), transparent 24%) !important;
}

.money-pack-card,
.car-showcase-card,
.dt-news-card,
.dt-card,
.check__wrapper {
  background: #ffffff !important;
  border: 1px solid rgba(19, 35, 52, .10) !important;
  box-shadow: 0 18px 45px rgba(19, 35, 52, .08) !important;
  color: #132334 !important;
}

.money-pack-card:hover,
.car-showcase-card:hover,
.dt-news-card:hover,
.dt-card:hover {
  background: #ffffff !important;
  border-color: rgba(35, 104, 173, .38) !important;
  box-shadow: 0 24px 65px rgba(35, 104, 173, .14) !important;
}

.car-showcase-image {
  background:
    radial-gradient(circle at center, rgba(35,104,173,.12), transparent 55%),
    #f0f4fa !important;
}

.car-showcase-image img,
.money-pack-image img {
  filter: drop-shadow(0 18px 22px rgba(19,35,52,.16)) !important;
}

.money-img-gray {
  filter: grayscale(1) drop-shadow(0 18px 18px rgba(19,35,52,.12)) !important;
}

.dt-hero-btn,
.shop-header__button,
.money-pack-btn,
.car-showcase-btn
.donatepackopen-btn,
#trademc-buyform-container button,
#trademc-buyform-container input[type="submit"],
.trademc-buyform-button {
  background: linear-gradient(90deg, #ff8800, #db7500) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(173, 109, 35, 0.22) !important;
}

.footer,
.dt-footer {
  background: #ffffff !important;
  border-top: 1px solid rgba(19, 35, 52, .10) !important;
  color: #132334 !important;
  box-shadow: 0 -10px 30px rgba(19, 35, 52, .04) !important;
  padding: 30px 0 !important;
  margin-top: 60px !important;
}

.footer .logo {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.footer .logo__image {
  width: 40px !important;
  height: 37px !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.footer .logo__name {
  font-weight: 800 !important;
  font-style: italic !important;
  font-size: 18px !important;
  margin-left: 8px !important;
}

.footer__container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.footer__links {
  display: flex !important;
  align-items: center !important;
  gap: 40px !important;
  flex-wrap: wrap !important;
}

.footer__link,
.dt-footer a,
.footer .logo__name {
  color: rgba(19, 35, 52, .72) !important;
}

.footer__link:hover,
.dt-footer a:hover {
  color: #2368ad !important;
}

@media (max-width: 576px) {
  .footer__container {
    flex-direction: column !important;
    text-align: center !important;
  }

  .footer__links {
    justify-content: center !important;
    gap: 20px !important;
  }
}

.modal {
  background: rgba(244, 247, 251, .78) !important;
}

.check__wrapper {
  width: min(480px, calc(100% - 24px)) !important;
  padding: 50px 36px 40px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(19,35,52,.08) !important;
  box-shadow: 0 30px 80px rgba(19,35,52,.12) !important;
}

.check__wrapper::before {
  background: radial-gradient(circle at 50% 0%, rgba(35,104,173,.13), transparent 42%) !important;
}

.check__logo {
  width: 80px !important;
  height: 80px !important;
  margin: 0 auto 26px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #e67f09 0%, #b8761f 100%) !important;
  box-shadow: 0 18px 34px rgba(47,110,219,.22) !important;
}

.check__logo img {
  width: 48px !important;
  height: 48px !important;
}

.form-title,
.trademc-notice,
.selected-product-name {
  color: #132334 !important;
  -webkit-text-fill-color: #132334 !important;
}

.form-title {
  margin-bottom: 26px !important;
  font-size: 28px !important;
}

.trade-summary {
  gap: 12px !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.trade-summary__label {
  color: rgba(19,35,52,.56) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.trade-summary__value {
  color: #132334 !important;
  -webkit-text-fill-color: #132334 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.trade-summary__value--price {
  font-size: 24px !important;
  font-weight: 900 !important;
}

.trade-amount-field {
  margin-bottom: 14px !important;
}

.trade-input-shell__icon {
  color: rgba(19,35,52,.30) !important;
}

.trade-amount-field__input {
  background: #f4f7fb !important;
  border: 0 !important;
  border-radius: 4px !important;
  height: 50px !important;
  padding: 0 46px 0 16px !important;
  box-shadow: none !important;
  color: #132334 !important;
  -webkit-text-fill-color: #132334 !important;
}

.trade-amount-field__input::placeholder {
  color: rgba(19,35,52,.46) !important;
  -webkit-text-fill-color: rgba(19,35,52,.46) !important;
}

.trademc-notice {
  color: rgba(19,35,52,.68) !important;
}

.modal-close-button {
  top: 20px !important;
  right: 20px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  background: #f0f4fa !important;
  border: 1px solid rgba(19,35,52,.12) !important;
  color: rgba(19,35,52,.72) !important;
}

.modal-close-button:hover {
  background: #e8eef7 !important;
  color: #132334 !important;
}

#trademc-buyform-container input,
#trademc-buyform-container select,
.trademc-buyform--input,
.trademc-buyform-select select {
  background: #f4f7fb !important;
  border: 1px solid rgba(19,35,52,.12) !important;
  color: #132334 !important;
  -webkit-text-fill-color: #132334 !important;
}

#trademc-buyform-container input::placeholder,
.trademc-buyform--input::placeholder {
  color: rgba(19,35,52,.46) !important;
  -webkit-text-fill-color: rgba(19,35,52,.46) !important;
}

.selected-product-name {
  background: rgba(35,104,173,.10) !important;
  border: 1px solid rgba(35,104,173,.28) !important;
}

#trademc-buyform-container .trade-coupon-toggle,
#trademc-buyform-container button,
#trademc-buyform-container input[type="submit"],
.trademc-buyform-button {
  min-height: 56px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #db6809 0%, #d67a11 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(47,110,219,.20) !important;
}

#trademc-buyform-container .trade-coupon-toggle:hover,
#trademc-buyform-container button:hover,
#trademc-buyform-container input[type="submit"]:hover,
.trademc-buyform-button:hover {
  background: linear-gradient(180deg, #e7890e 0%, #ce7706 100%) !important;
  box-shadow: 0 18px 38px rgba(47,110,219,.24) !important;
}

#trademc-buyform-container .trade-coupon-toggle {
  width: 100% !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #2f6edb !important;
  -webkit-text-fill-color: #df741c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

#trademc-buyform-container .trade-coupon-toggle::before,
#trademc-buyform-container .trade-coupon-toggle::after {
  content: "" !important;
  flex: 1 1 0 !important;
  height: 1px !important;
  background: rgba(47,110,219,.28) !important;
}

#trademc-buyform-container .trade-coupon-toggle span {
  padding: 0 16px !important;
  white-space: nowrap !important;
}

#trademc-buyform-container .trade-coupon-toggle:hover {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #245fca !important;
  -webkit-text-fill-color: #ca6f24 !important;
}

#trademc-buyform-container button:hover,
#trademc-buyform-container input[type="submit"]:hover,
.trademc-buyform-button:hover,
.shop-header__button:hover,
.hero-btn:hover {
  transform: scale(1.03) !important;
}

@media (max-width: 520px) {
  .check__wrapper {
    padding: 42px 20px 28px !important;
    border-radius: 16px !important;
  }

  .form-title {
    font-size: 24px !important;
  }

  .trade-summary__value--price {
    font-size: 20px !important;
  }
}

.terms-page,
.terms-container,
.policy-container,
.privacy-container {
  background: #ffffff !important;
  color: #132334 !important;
  border-color: rgba(19,35,52,.10) !important;
}

body,
html,
main,
.donate-page,
.shop-page,
.shop-wrapper,
.content,
section {
    background: linear-gradient(180deg, #f4f6f9 0%, #e8edf5 100%) !important;
    background-image: none !important;
}

body::before,
body::after,
section::before,
section::after {
    background-image: none !important;
}

.cars-showcase,
.money-packs,
.packs-section,
.shop-section {
    background: transparent !important;
}

.launcher-text,
.launcher-description,
.hero-description,
.download-description,
.main-description,
p {
    color: #6f7682 !important;
}

.launcher-btn,
.download-btn,
.hero-btn,
a.download-btn,
button.download-btn {
    background: linear-gradient(135deg, #db7c2f 0%, #ce810f 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 18px 32px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    box-shadow: 0 10px 30px rgba(47,110,219,.18) !important;
    transition: all .25s ease !important;
}

.launcher-btn:hover,
.download-btn:hover,
.hero-btn:hover {
    transform: scale(1.03) !important;
    box-shadow: 0 14px 35px rgba(47,110,219,.24) !important;
    background: linear-gradient(135deg, #eb9d37 0%, #d8700e 100%) !important;
}

.launcher-btn img,
.download-btn img {
    filter: brightness(100) !important;
}

.download-links a,
.small-downloads a {
    color: #4c5563 !important;
    font-weight: 600 !important;
}