/* Mobile-first site-specific styles */

/* swipeable product carousel */
.swipe-carousel {
  position: relative;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.swipe-carousel::-webkit-scrollbar {
  display: none;
}
.swipe-carousel .slide {
  scroll-snap-align: center;
  flex: 0 0 100%;
}

/* bottom nav */
.bottom-nav {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.bottom-nav a.active {
  color: #adff2f;
}
.bottom-nav a.active svg {
  stroke: #adff2f;
}

/* accordion (FAQ / specs) */
.acc-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.28s ease;
}
.acc-panel.open {
  grid-template-rows: 1fr;
}
.acc-panel > div {
  overflow: hidden;
}

/* floating CTA */
.fab {
  box-shadow: 0 8px 30px rgba(173, 255, 47, 0.28);
}