/* Custom CSS rules for decrash */
/* These are NOT tokens - they are custom overrides */

:root[data-product="decrash"] [data-copy-cards="true"][data-size="full-screen"][data-swiper="true"] {
  --copy-cards-full-width: calc(100vw - 20px - 10px - var(--swiper-gap, 6px));
  --copy-cards-full-max-width: calc(640px - 20px - 10px - var(--swiper-gap, 6px));
  --swiper-slide-width: var(--copy-cards-full-width);
  --swiper-slide-max-width: var(--copy-cards-full-max-width);
  --swiper-gap: 30px;
}

:root[data-product="decrash"] [data-copy-cards="true"][data-swiper="true"] {
  --swiper-gap: 10px;
}

:root[data-product="decrash"] .content-intro-copy {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  background-color: rgba(0, 0, 0, 0.2);
}

:root[data-product="decrash"] section.text-content > .space-y-12 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}