/** Shopify CDN: Minification failed

Line 81:47 Expected "]" to go with "["
Line 81:56 Unterminated string token
Line 82:64 Unterminated string token
Line 141:0 Expected "]" to go with "["

**/
/*
 * air-airpro-motion.css — Sleek-style scroll reveals for the converted Air PRO PDP.
 * Mirrors air-home-motion.css (opacity + translateY, stagger via --air-reveal-delay).
 */
[id^='replo-section-'] {
  --air-reveal-distance: 24px;
  --air-reveal-duration: 700ms;
  --air-reveal-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

[id^='replo-section-'] .air-reveal-pending {
  opacity: 0;
  transform: translate3d(0, var(--air-reveal-distance), 0);
  transition:
    opacity var(--air-reveal-duration) var(--air-reveal-ease),
    transform var(--air-reveal-duration) var(--air-reveal-ease);
  transition-delay: var(--air-reveal-delay, 0ms);
  will-change: opacity, transform;
}

[id^='replo-section-'] .air-reveal-pending.air-reveal--fade {
  transform: none;
}

[id^='replo-section-'] .air-reveal-pending.air-reveal--fade-up {
  transform: translate3d(0, var(--air-reveal-distance), 0);
}

[id^='replo-section-'] .air-reveal-visible {
  opacity: 1;
  transform: none;
  will-change: auto;
}

[id^='replo-section-'] .air-reveal--alchemy-override {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  [id^='replo-section-'] .air-reveal-pending {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/*
 * Segmented tab toggles (Power/Weight, Pulsio Guns/Competitors, attachment tabs).
 * Replo desktop CSS uses flex-basis:auto on some pill classes, which shrink-wraps
 * the active pill inside the grey track. Force equal-width segments + remove focus ring.
 */
[id^='replo-section-'] .r-1c1rttn,
[id^='replo-section-'] .r-k9ht53,
[id^='replo-section-'] .r-9dajxu {
  align-items: stretch !important;
  --replo-flex-min-dimension: 0px;
}

[id^='replo-section-'] .r-1c1rttn > [role='tablist'] > [data-replo-tabs-trigger] > div,
[id^='replo-section-'] .r-k9ht53 > [role='tablist'] > [data-replo-tabs-trigger] > div,
[id^='replo-section-'] .r-9dajxu > [role='tablist'] > [data-replo-tabs-trigger] > div,
[id^='replo-section-'] .r-1c1rttn [data-replo-tabs-trigger] > div,
[id^='replo-section-'] .r-k9ht53 [data-replo-tabs-trigger] > div,
[id^='replo-section-'] .r-9dajxu [data-replo-tabs-trigger] > div {
  flex: 1 1 0% !important;
  flex-basis: 0 !important;
  min-width: 0 !important;
  align-self: stretch !important;
}

/* Suppress browser focus ring (#005fcc) on segmented tab pills — Replo uses filled black active state. */
[id^='replo-section-'] [data-replo-tabs-trigger],
[id^='replo-section-'] [data-replo-tabs-trigger']:focus,
[id^='replo-section-'] [data-replo-tabs-trigger']:focus-visible,
[id^='replo-section-'] [data-replo-tabs-trigger] > div,
[id^='replo-section-'] [data-replo-tabs-trigger] > div:focus,
[id^='replo-section-'] [data-replo-tabs-trigger] > div:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Hide inactive tab panels until native tab JS runs (fixes duplicate 14mm copy + chart). */
[id^='replo-section-'] [role='tabpanel'][data-state='inactive'],
[id^='replo-section-'] [role='tabpanel'][hidden] {
  display: none !important;
}

/* Amplitude section: one copy stack per breakpoint (desktop b19 vs mobile b21). */
@media (min-width: 641px) {
  [id^='replo-section-'] [data-rid='667dd26a-870c-4ddd-abd5-0f78fab825f0'] {
    display: none !important;
  }
}

@media (max-width: 640px) {
  [id^='replo-section-'] [data-rid='eb76aae4-1dbe-4aa7-88a2-971515ac7dc1'] {
    display: none !important;
  }
}

/* Amplitude depth chart — ensure background video fills the card once wired. */
[id^='replo-section-'] [data-rid='01c3ead5-3e6b-4d0f-90f2-144f189d65ce'] video,
[id^='replo-section-'] [data-rid='f0db6c4f-110e-4895-87be-3d76d31f7c55'] video {
  object-fit: cover;
}

/* Addon tab row (buy box) — equal segments + no browser focus ring on inner pills. */
[id^='replo-section-'] .r-9xrkbj {
  align-items: stretch !important;
  --replo-flex-min-dimension: 0px;
}

[id^='replo-section-'] .r-9xrkbj [data-replo-tabs-trigger] > div {
  flex: 1 1 0% !important;
  flex-basis: 0 !important;
  min-width: 0 !important;
  align-self: stretch !important;
}

[id^='replo-section-'] .r-9xrkbj [data-replo-tabs-trigger]:focus,
[id^='replo-section-'] .r-9xrkbj [data-replo-tabs-trigger]:focus-visible,
[id^='replo-section-'] .r-9xrkbj [data-replo-tabs-trigger] > div:focus,
[id^='replo-section-'] .r-9xrkbj [data-replo-tabs-trigger] > div:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/*
 * Heated attachment card styles are injected by air-airpro.js (injectAccessoryCardStyles)
 * because Replo :not(# )×3 inline CSS beats static overrides in this file.
 */