/* Swipe video gallery inspired by the provided UI */
.swipe-section { padding: 12px 0 20px; background: #e6e6e6; }
.swipe-inner { max-width: 520px; margin: 0 auto; }
.swipe-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; padding: 8px 12px; }
.swipe-header .line { height: 2px; background: #5a5a5a; opacity: 0.7; }
.swipe-title { margin: 0; font-size: 36px; letter-spacing: 0.06em; text-align: center; font-weight: 800; color: #1f1f1f; }

.swipe-carousel { overflow: hidden; }
.swipe-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 80%; /* smaller, leaves more peek */
  gap: 12px; /* breathing room between slides */
  padding: 0 18px; /* keep whitespace at sides */
  touch-action: pan-y;
  will-change: transform;
}

.swipe-slide { margin: 0; }
.swipe-video {
  width: 100%;
  aspect-ratio: 9/16;
  border-radius: 10px;
  object-fit: cover;
  background: #d9d9d9;
}

.swipe-cta { padding: 12px 16px 0; }
.get-started-btn {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--color-primary); /* unified red */
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  padding: 14px 16px;
  border-radius: 8px;
}