@import url('./base/tokens.css');
@import url('./base/typography.css');
@import url('./components/button.css');
@import url('./components/header.css');
@import url('./components/hero.css');
@import url('./components/intro.css');
@import url('./components/gallery.css');
@import url('./components/footer.css');
@import url('./components/split.css');
@import url('./components/pricing-split.css');
@import url('./components/pricing-price-list.css');
@import url('./components/offer-highlight.css');
@import url('./components/pricing-discovery.css');
@import url('./components/pricing-packs.css');
@import url('./components/content-classic.css');
@import url('./components/app-badges.css');
@import url('./components/content-offers.css');
@import url('./components/subscriptions.css');
@import url('./components/pricing-subscriptions.css');
@import url('./components/content-testimonial.css');
@import url('./components/page-cta.css');
@import url('./components/content-accordion.css');
@import url('./components/content-steps.css');
@import url('./components/description-list.css');
@import url('./components/bsport.css');
@import url('./components/promo-bar.css');
@import url('./components/404.css');
@import url('./components/motion.css');

  /* Reset/Base */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

img,
picture,
video {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

.container {
  width: min(
    calc(100% - (var(--page-padding) * 2)),
    var(--container-width)
  );
  margin-inline: auto;
}
.container-hero {
  width: min(
    calc(100% - (var(--page-padding) * 2)),
    var(--container-width-hero)
  );
  margin-inline: auto;
}

.section {
  padding-block: var(--section-space);
}

@media (max-width: 768px) {
  .container {
    width: calc(100% - (var(--page-padding-mobile) * 2));
  }

  .section {
    padding-block: var(--section-space-mobile);
  }
}