/* Targeted presentation for the myWiFi Social pages. */
.product-hero .product-visual.mwsc-hero-photo {
  display: block; padding: 0; min-height: 0; background: #35251d;
}
.product-hero .product-visual.mwsc-hero-photo img {
  display: block; width: 100%; height: 465px; max-height: none;
  object-fit: cover; object-position: center;
}
.section.mwsc-section { padding: 53px 0 43px; }
.section.mwsc-section + .section { padding-top: 74px; }
.mwsc-section .journey-grid { grid-template-columns: 1.08fr 1fr; gap: clamp(34px, 5vw, 72px); align-items: center; }
.mwsc-section .journey-grid > :last-child { max-width: 520px; }
.mwsc-section .journey-grid > :last-child p:last-child { margin-top: 20px !important; }
.social-carousel { min-width: 0; }
.social-carousel-window {
  width: 100%; aspect-ratio: 1.55; max-height: 376px; overflow: hidden;
  border: 1px solid #dee6eb; border-radius: 20px;
  background: linear-gradient(150deg, #f5f8fa, #e7eef3);
}
.social-carousel-track { display: flex; width: 100%; height: 100%; transform: translateX(0); transition: transform 660ms cubic-bezier(.34,.08,.2,1); will-change: transform; }
.social-carousel-slide { position: relative; flex: 0 0 100%; width: 100%; height: 100%; margin: 0; overflow: hidden; }
.social-carousel-slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
.social-carousel-slide--stats img { width: 98%; margin: 0 auto; }
.social-carousel-slide--viber img { transform: scale(1.12); transform-origin: 53% 54%; }
.social-carousel-slide--email img { object-fit: cover; }
.social-carousel-controls { display: flex; align-items: center; gap: 17px; min-height: 34px; margin-top: 13px; }
.social-carousel-caption { color: #4e5e6e; font-size: .78rem; font-weight: 650; white-space: nowrap; }
.social-carousel-dots { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.social-carousel-dot { border: 0; border-radius: 20px; width: 29px; height: 5px; padding: 0; background: #bac8d3; cursor: pointer; transition: background 220ms, width 220ms; }
.social-carousel-dot[aria-current="true"] { width: 41px; background: #1a3f5a; }
.social-carousel-pause { border: 1px solid #d8e0e6; border-radius: 50%; background: #fff; color: #193149; width: 32px; height: 32px; padding: 0; cursor: pointer; font: 700 14px/30px Arial, sans-serif; text-align: center; }
.social-carousel-pause:hover { background: #e8eff3; }
.social-carousel-pause:focus-visible, .social-carousel-dot:focus-visible { outline: 2px solid #2254ad; outline-offset: 4px; }
@media (max-width: 960px) {
  .mwsc-section .journey-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
}
@media (max-width: 720px) {
  .product-hero .product-visual.mwsc-hero-photo img { height: min(90vw, 370px); }
  .section.mwsc-section { padding: 42px 0 48px; }
  .section.mwsc-section + .section { padding-top: 56px; }
  .mwsc-section .journey-grid { grid-template-columns: 1fr; gap: 21px; }
  .mwsc-section .journey-grid > :last-child { max-width: none; }
  .mwsc-section .journey-grid > :last-child p:last-child { margin-top: 13px !important; }
  .social-carousel-window { aspect-ratio: 1.42; max-height: none; }
  .social-carousel-controls { margin-top: 8px; }
  .social-carousel-caption { font-size: .74rem; }
}
@media (prefers-reduced-motion: reduce) {
  .social-carousel-track, .social-carousel-dot { transition: none !important; }
  .social-carousel-pause { display: none; }
}