/* ─── Fluid base ─────────────────────────────────────────── */
html, body { overflow-x: hidden; }
img, video { max-width: 100%; height: auto; }

/* ─── Tablet (768px – 1024px) ───────────────────────────── */
@media (max-width: 1024px) {
  /* Hero slider */
  .elementor-2 .elementor-element.elementor-element-bd64bca .swiper-slide {
    height: 360px;
  }

  /* Search: trim oversized left padding */
  .elementor-3375 .elementor-element.elementor-element-a3534ab > .elementor-widget-container {
    padding-left: 30px;
  }
}

/* ─── Mobile (< 768px) ───────────────────────────────────── */
@media (max-width: 767px) {
  /* Hero slider */
  .elementor-2 .elementor-element.elementor-element-bd64bca .swiper-slide {
    height: 200px;
  }

  /* Category icons: 7-col → 3-col grid */
  .elementor-column.elementor-col-14 {
    width: 33.333%;
  }

  /* Footer 3-col → full-width stacked */
  .elementor-3434 .elementor-column.elementor-col-33 {
    width: 100%;
  }

  /* Footer bottom bar 2-col → full-width stacked */
  .elementor-3434 .elementor-column.elementor-col-50 {
    width: 100%;
  }

  /* Header: keep hamburger + logo in one row */
  .elementor-3375 .elementor-element.elementor-element-862b673 {
    --flex-wrap-mobile: nowrap;
    --justify-content: space-between;
    --align-items: center;
    --padding-left: 10px;
    --padding-right: 10px;
  }

  /* Header right container: reduce left padding */
  .elementor-3375 .elementor-element.elementor-element-af2091a {
    --padding-left: 10px;
    --padding-right: 10px;
  }

  /* Fix containers with margin-left that overflow the viewport */
  .elementor-2 .elementor-element.elementor-element-3779387 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .elementor-2 .elementor-element.elementor-element-2d086ec {
    --margin-left: 0px;
    --margin-right: 0px;
  }

  /* Search form: full width + reset padding */
  .elementor-3375 .elementor-element.elementor-element-a3534ab {
    --container-widget-width: 100% !important;
    max-width: 100% !important;
  }
  .elementor-3375 .elementor-element.elementor-element-a3534ab > .elementor-widget-container {
    padding: 8px 10px !important;
  }
}