/* Essential interaction styles for the static landing page runtime. */
.static-carousel {
  display: flex;
  overflow-x: auto !important;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: auto;
  -webkit-overflow-scrolling: touch;
}
.static-carousel::-webkit-scrollbar { display: none; }
.static-carousel > .swiper-wrapper {
  display: flex !important;
  gap: var(--static-carousel-gap, 24px);
  width: max-content !important;
  min-width: 100%;
}
.static-carousel .swiper-slide { scroll-snap-align: start; }
.static-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  margin-top: .75rem;
}
.static-carousel-controls button {
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: inherit;
  background: transparent;
  font: 700 1.6rem/1 sans-serif;
  cursor: pointer;
}
.static-carousel-controls button:focus-visible,
.static-carousel:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.static-carousel-status { min-width: 4.5rem; text-align: center; font-size: .875rem; }
.elementor-widget-accordion .elementor-tab-content:not([hidden]) { display: block !important; }
.static-whatsapp-link {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 9999;
  padding: .7rem 1rem;
  border-radius: 999px;
  background: #25d366;
  color: #fff;
  font: 700 .9rem/1 sans-serif;
  text-decoration: none;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .3);
}
.static-mobile-nav { display: none; }
@media (max-width: 999px) {
  .static-mobile-nav { display: flex; position: relative; z-index: 100; align-items: center; justify-content: center; gap: 1rem; padding: .85rem 1rem; background: #111518; }
  .static-mobile-nav a { color: #fff; font: 700 .9rem/1 Arial, sans-serif; text-decoration: none; }
  h1.elementor-heading-title { font-size: clamp(2rem, 9vw, 2.5rem) !important; line-height: 1.15; }
  .e-con-inner { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 767px) { .static-carousel-controls { margin-top: .5rem; } }
