/* ========================================
   MODERN LAYOUT STYLES
   ======================================== */
.public-content.layout-modern {
  display: flex;
  flex-direction: column;
}

.public-content.layout-modern .hero {
  order: 1;
}

.public-content.layout-modern .slots-section {
  order: 2;
  background: linear-gradient(
    135deg,
    rgba(102, 126, 234, 0.05) 0%,
    rgba(118, 75, 162, 0.05) 100%
  );
  padding: 4rem 1.5rem;
}

.public-content.layout-modern .services-section {
  order: 3;
  padding: 3rem 1.5rem;
}

.public-content.layout-modern .contact-section {
  order: 4;
  padding: 3rem 1.5rem;
}

.public-content.layout-modern .map-section {
  order: 5;
}

.public-content.layout-modern .custom-html-section {
  order: 6;
}

.public-content.layout-modern .custom-html-section:first-of-type {
  order: 6;
}

.public-content.layout-modern .custom-html-section:last-of-type {
  order: 7;
}

.public-content.layout-modern footer {
  order: 100;
}