/* Shared spacing and readable content across the Madar home page. */
.madar-home {
  --home-width: min(1118px, calc(100% - 32px));
  --home-gap: 20px;
  --home-inset: 25px;
}
.madar-home #main > :is(.m-demo,.m-section-frame,.m-final,.m-directory),
.madar-home .m-footer > .m-container {
  width: var(--home-width);
  max-width: none;
  box-sizing: border-box;
}
.madar-home #main > :is(.m-demo,.m-section-frame,.m-final,.m-directory) {
  margin: var(--home-gap) auto 0;
}
.madar-home #main > .m-section-frame {
  padding: clamp(16px, 3vw, 32px);
}
.madar-home .ref-stage > :is(.v19-hero-stats,.coverage-unified) {
  width: calc(100% - var(--home-inset) * 2);
  margin: var(--home-gap) auto 0;
}
.madar-home .coverage-unified.m-section-frame::before {
  inset: 0;
}
.madar-home #main > .m-section-frame .v20-section-head {
  margin: 0 auto 22px;
}
.madar-home #main > .m-section-frame .v20-section-head h2 {
  margin: 0 0 8px;
  font-size: clamp(22px, 2.5vw, 30px) !important;
  line-height: 1.4;
}
.madar-home #main > .m-section-frame .v20-section-head .v20-sub {
  color: #405c73;
}
.madar-home .m-services .m-service-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.madar-home .m-services .v19-service-card p {
  color: #405c73;
}
.madar-home .m-final {
  padding: clamp(24px,4vw,40px) clamp(16px,4vw,40px);
}
.madar-home #main > .m-directory {
  margin-bottom: var(--home-gap);
  padding: 14px 18px;
  border: 1px solid #c4d7e7;
  border-radius: 14px;
  background: #f8fcff;
}
.madar-home .m-directory summary {
  line-height: 1.6;
  padding-block: 5px;
  color: #173b58;
}
.madar-home .m-footer > .m-container {
  gap: 24px;
  grid-template-columns: auto minmax(0,1fr) minmax(0,0.85fr) minmax(0,1fr);
}
.madar-home .m-footer > .m-container > .profix-business-identity {
  grid-column: auto;
}
.madar-home .m-footer .business-contact {
  line-height: 1.7;
}
.madar-home .m-footer nav {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px 14px;
  font-size: 13px;
}
.madar-home :is(#main,.m-header,.m-footer) :is(a,button,summary,select,input):focus-visible {
  outline: 2px solid #168bad;
  outline-offset: 3px;
}

@media (max-width: 1000px) {
  .madar-home .m-services .m-service-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .madar-home .m-footer > .m-container {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 760px) {
  .madar-home {
    --home-width: calc(100% - 22px);
    --home-gap: 16px;
    --home-inset: 11px;
  }
  .madar-home .v19-hero-stats {
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 0 7px;
  }
  .madar-home .v19-hero-stats > div {
    min-height: 68px;
    padding: 8px;
  }
  .madar-home .v19-hero-stats > div:nth-child(n+3) {
    border-top: 1px solid #d0e0ea;
  }
  .madar-home .v19-hero-stats > div:nth-child(odd) {
    border-inline-start: 0;
  }
  .madar-home .v19-hero-stats > div > span,
  .madar-home .v19-hero-stats .google-rating-trigger > span {
    font-size: 11px;
  }
  .madar-home .m-services .m-service-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .madar-home .m-services .v19-service-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
  .madar-home .m-footer > .m-container {
    padding-inline: 12px;
    gap: 18px;
    grid-template-columns: minmax(0,1fr);
  }
  .madar-home .m-footer > .m-container > :is(div,nav) {
    grid-column: auto;
    grid-row: auto;
  }
}