/* Generated from resources/sass/template-overrides.scss by scripts/build-preview-css.mjs - do not edit. */
:is(.hero__media, .text-info__media, .opening-hours__media, .app-banner__media) video {
  pointer-events: none;
  visibility: visible;
}
:is(.hero__media, .text-info__media, .opening-hours__media, .app-banner__media) video::-webkit-media-controls, :is(.hero__media, .text-info__media, .opening-hours__media, .app-banner__media) video::-webkit-media-controls-panel, :is(.hero__media, .text-info__media, .opening-hours__media, .app-banner__media) video::-webkit-media-controls-start-playback-button, :is(.hero__media, .text-info__media, .opening-hours__media, .app-banner__media) video::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

.text-info__copy p:not(:last-child) {
  margin-bottom: 1rem;
}

.mobile-menu__nav a {
  padding: 8px 12px;
  border-radius: var(--radius-8);
}

.site-header__nav > a[aria-current=page],
.site-header__more-menu a[aria-current=page],
.mobile-menu__nav a[aria-current=page] {
  background: color-mix(in srgb, var(--color-main) 10%, transparent);
  text-decoration-color: color-mix(in oklab, var(--color-main) 100%, transparent);
}

.bg-primary a {
  color: var(--color-on-primary);
  text-decoration-color: color-mix(in oklab, var(--color-on-primary) 20%, transparent) !important;
}
.bg-primary a:hover {
  text-decoration-color: color-mix(in oklab, var(--color-on-primary) 100%, transparent) !important;
}

a[href^="tel:"],
a[href^="mailto:"] {
  text-decoration-color: transparent;
}
a[href^="tel:"]:hover,
a[href^="mailto:"]:hover {
  text-decoration-color: color-mix(in oklab, var(--color-main) 100%, transparent);
}

.testimonials__eyebrow,
.cta-banner__pretitle,
.products__pretitle,
.text-info__pretitle {
  color: var(--color-main);
}

.mobile-menu__phone.btn {
  justify-content: center;
  text-align: center;
}

body.invert-c :is(.mobile-menu__phone, .floating-contact__phone).btn-secondary {
  color: var(--color-on-primary) !important;
}

a[href^="tel:"] {
  display: inline-block;
  white-space: nowrap;
}

.app-banner {
  color: var(--color-header);
  background-color: var(--bg-surface-elevate);
}
.app-banner__pretitle {
  color: var(--color-primary);
}
.app-banner__text > :is(h1, h2, h3, h4, h5, h6) {
  color: var(--color-header);
}

.pricelists {
  min-width: 0;
}
.pricelists .pricelist-sticky-navigation {
  flex-shrink: 0;
  top: var(--site-header-height, 0px);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pricelists .pricelist-sticky-navigation::-webkit-scrollbar {
  display: none;
}

.app-banner__store-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.app-banner__store-link {
  display: inline-flex;
  flex: 0 0 auto;
  border-radius: 8px;
  box-shadow: 0 0 0 0 var(--color-border);
  transition: box-shadow 0.25s ease;
}
.app-banner__store-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .app-banner__store-link:hover {
    box-shadow: 0 0 0 2px var(--color-border);
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-banner__store-link {
    transition: none;
  }
}
.app-banner__store-badge {
  width: 160px;
  height: 48px;
  display: block;
}
.app-banner__store-badge--dark {
  display: none;
}

[data-theme=dark] .app-banner__store-badge--light {
  display: none;
}
[data-theme=dark] .app-banner__store-badge--dark {
  display: block;
}

:root:has(.site-header-sticky, .site-header-fixed) :is(main > [id], .site-footer[id]) {
  scroll-margin-top: var(--site-header-height, 0px);
}

.floating-contact,
.floating-contact-space {
  display: none;
}

@media (max-width: 767px) {
  .floating-contact-space {
    display: var(--floating-contact-display, none);
    height: calc(80px + env(safe-area-inset-bottom, 0px));
  }
  .floating-contact {
    display: var(--floating-contact-display, none);
    position: fixed;
    inset: auto 0 0;
    z-index: 90;
    flex-wrap: nowrap;
    gap: var(--gap-8);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  }
  .floating-contact .btn {
    min-height: 56px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(11, 27, 77, 0.55) 0px 14px 30px -12px;
    backdrop-filter: blur(10px);
  }
  .floating-contact__order {
    flex: 1;
    min-width: 0;
  }
  .floating-contact__phone {
    flex: 0 0 56px;
    padding: 0;
    font-size: 24px;
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
  }
}
.embed-code__container iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: var(--radius-12);
}