/* ========================================
   MOBILE RESPONSIVE - MINIMAL
   Only touches ZARA rows and images
   NEVER touches header/menu
   ======================================== */

/* ===== MOBILE: Up to 767px ===== */
@media screen and (max-width: 767px) {

  /* ---- ZARA ROW 1: elementor-element-0b03413 ---- */
  .elementor-element-0b03413,
  .elementor-element-0b03413 > .e-con-inner {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .elementor-element-0b03413 > .e-con-inner > .e-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* ---- ZARA ROW 2: elementor-element-04259bd ---- */
  .elementor-element-04259bd,
  .elementor-element-04259bd > .e-con-inner {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .elementor-element-04259bd > .e-con-inner > .e-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* ---- IMAGES: Responsive everywhere ---- */
  img, video {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ---- FOOTER: Stack ---- */
  .elementor-element-6edb489f,
  .elementor-element-6edb489f > .e-con-inner {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .elementor-element-6edb489f > .e-con-inner > .e-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* ===== TABLET: 768px - 1023px ===== */
@media screen and (min-width: 768px) and (max-width: 1023px) {

  .elementor-element-0b03413,
  .elementor-element-0b03413 > .e-con-inner,
  .elementor-element-04259bd,
  .elementor-element-04259bd > .e-con-inner {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .elementor-element-0b03413 > .e-con-inner > .e-child,
  .elementor-element-04259bd > .e-con-inner > .e-child {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-element-6edb489f > .e-con-inner {
    flex-wrap: wrap !important;
  }
  .elementor-element-6edb489f > .e-con-inner > .e-child {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}