/* ─── B2B White Label Weather App ──────────────────────────────── */

/* ─── Phone Rows ──────────────────────────────────────────────── */
.b2b-phones-row {
  display: flex;
  gap: 80px;
  align-items: center;
  padding: 24px 0;
}

.b2b-phones-row--last {
  padding-bottom: 64px;
}

.b2b-phone {
  width: 240px;
}

.b2b-phone img,
.b2b-phone video {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}

/* ─── Responsive ──────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .b2b-phones-row { gap: 40px; }
  .b2b-phone { width: auto; flex: 1; }
}

@media (max-width: 768px) {
  .b2b-phones-row { flex-direction: column; gap: 24px; align-items: center; }
  .b2b-phone { width: 240px; flex: none; }
}