/*
 * Laptop Responsive Optimizations
 * Targeted rules for hero section on laptop resolutions.
 * IMPORTANT: Do NOT add broad rules targeting .e-con-inner or .elementor-section
 * as these override Elementor's per-element CSS variables.
 */

/* Low-height laptop screens - reduce hero spacing */
@media (min-width: 1024px) and (max-height: 900px) {
  .elementor-23 .elementor-element-4495999 {
    height: auto !important;
    min-height: auto !important;
    padding-top: 60px !important;
    padding-bottom: 40px !important;
  }
  .elementor-23 .elementor-element-8a4032d .title-wrapper .title {
    font-size: 36px !important;
    line-height: 1.15 !important;
    margin-bottom: 10px !important;
  }
  .elementor-23 .elementor-element-c80b612 p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 16px !important;
  }
  .elementor-23 .elementor-element-4ae3924 .tm-ele-floating-objects {
    min-height: 400px !important;
  }
}

/* Very low-height laptop screens (768px height) */
@media (min-width: 1024px) and (max-height: 768px) {
  .elementor-23 .elementor-element-4495999 {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
  }
  .elementor-23 .elementor-element-8a4032d .title-wrapper .title {
    font-size: 32px !important;
    margin-bottom: 8px !important;
  }
  .elementor-23 .elementor-element-c80b612 p {
    font-size: 13px !important;
    margin-bottom: 12px !important;
  }
  .elementor-23 .elementor-element-4ae3924 .tm-ele-floating-objects {
    min-height: 350px !important;
  }
}

/* Laptop - Medium screens (1024px - 1280px) */
@media (min-width: 1024px) and (max-width: 1280px) {
  .elementor-23 .elementor-element-4495999 {
    height: auto !important;
    min-height: 85vh !important;
  }
  .elementor-23 .elementor-element-33dea06 {
    width: 92% !important;
    max-width: 92% !important;
  }
  .elementor-23 .elementor-element-8a4032d .title-wrapper .title {
    font-size: 50px !important;
    line-height: 1.05 !important;
    margin-bottom: 10px !important;
  }
  .elementor-23 .elementor-element-c80b612 p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
  }
  .elementor-23 .elementor-element-d254d3d {
    flex: 0 0 52% !important;
    max-width: 52% !important;
  }
  .elementor-23 .elementor-element-4ae3924 {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }
}

/* Laptop - Large screens (1281px - 1440px) */
@media (min-width: 1281px) and (max-width: 1440px) {
  .elementor-23 .elementor-element-4495999 {
    height: auto !important;
    min-height: 88vh !important;
  }
  .elementor-23 .elementor-element-33dea06 {
    width: 87% !important;
    max-width: 87% !important;
  }
  .elementor-23 .elementor-element-8a4032d .title-wrapper .title {
    font-size: 50px !important;
    line-height: 1.05 !important;
    margin-bottom: 12px !important;
  }
  .elementor-23 .elementor-element-c80b612 p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
  }
  .elementor-23 .elementor-element-d254d3d {
    flex: 0 0 53% !important;
    max-width: 53% !important;
  }
  .elementor-23 .elementor-element-4ae3924 {
    flex: 0 0 44% !important;
    max-width: 44% !important;
  }
}