/* Mio Decor 8.64.13 — Why choose us: one component owner.
   Six cards driven by the existing Customizer values. No priority overrides. */
.reasons-section {background:#fff; min-width:0;}
.reasons-section > .container {width:min(var(--mio-container-max),calc(100% - 2 * var(--mio-container-gutter))); margin-inline:auto; min-width:0;}
.reasons-section .section-title {
  margin:0 0 27px; text-align:center;
  font:700 clamp(24px,2.65vw,34px)/1.26 var(--mio-font-heading);
  letter-spacing:-.025em; color:#121820; overflow-wrap:break-word;
}
.reasons-section .section-title .title-main {color:#121820;}
.reasons-section .section-title .title-accent {color:#5691b8;}
.reasons-section .reasons-grid {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px;
  width:100%; margin:0; align-items:stretch;
}
.reasons-section .reason-card {
  box-sizing:border-box; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:12px; min-width:0; min-height:156px;
  width:auto; height:auto; padding:16px 12px;
  border:1px solid #4d95cd; border-radius:12px; background:#fff;
  text-align:center; overflow-wrap:break-word;
}
.reasons-section .reason-card strong:not(.reason-number) {
  box-sizing:content-box; display:grid; place-items:center;
  width:20px; height:20px; margin:0; padding:0;
  border:0; border-radius:0; color:#418ac1;
}
.reasons-section .reason-card .mio-icon {display:block; width:18px; height:18px; max-width:none;}
.reasons-section .reason-card .mio-icon circle {fill:#438dc6; stroke:none;}
.reasons-section .reason-card .mio-icon path {stroke:#fff; stroke-width:2;}
.reasons-section .reason-card p {
  max-width:100%; margin:0; color:#52606e;
  font:400 12px/1.45 var(--mio-font-body);
  overflow-wrap:break-word; hyphens:auto;
}
.reasons-section .reason-card--lead .reason-number {
  display:block; width:auto; height:auto; margin:0;
  padding:0; border:0; border-radius:0;
  color:#07090d; font:400 54px/.98 var(--mio-font-heading);
  letter-spacing:-.055em;
}
@media (max-width:1100px) {
  .reasons-section .reasons-grid {grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;}
  .reasons-section .reason-card {min-height:145px;}
}
@media (max-width:760px) {
  .reasons-section > .container {
    width:calc(100% - 24px); max-width:none; margin-inline:auto;
  }
  .reasons-section .section-title {
    width:min(100%, 360px); margin:0 auto 26px;
    font-size:clamp(17px,5.15vw,20px); line-height:1.28; letter-spacing:-.032em;
    text-align:center;
  }
  .reasons-section .reasons-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
  }
  .reasons-section .reason-card {
    min-height:150px; width:auto; height:auto; padding:14px 10px; border-radius:12px;
    gap:13px;
  }
  .reasons-section .reason-card strong:not(.reason-number) {width:19px; height:19px; margin:0;}
  .reasons-section .reason-card .mio-icon {width:17px; height:17px;}
  .reasons-section .reason-card p {
    max-width:15ch; margin:0 auto; font-size:11.5px; line-height:1.44;
    text-align:center; text-wrap:balance;
  }
  .reasons-section .reason-card--lead .reason-number {font-size:60px;}
  .reasons-section .reason-card--lead p {max-width:14ch;}
}
@media (max-width:359px) {
  .reasons-section > .container {width:calc(100% - 20px);margin-right:10px;}
  .reasons-section .section-title {font-size:19px;}
  .reasons-section .reasons-grid {gap:9px;}
  .reasons-section .reason-card {padding:14px 8px;min-height:146px;}
  .reasons-section .reason-card p {font-size:11px;}
  .reasons-section .reason-card--lead .reason-number {font-size:49px;}
}
