/* ParsUptime Features Widget – base styles (front + editor) */
.parsu-features{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));}
.parsu-features.cols-1{grid-template-columns:1fr;}
.parsu-features.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.parsu-features.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width: 991.98px){.parsu-features{grid-template-columns:1fr;}}
@media (min-width:576px) and (max-width:991.98px){.parsu-features{grid-template-columns:repeat(2,1fr);}}

.parsu-features .feature-card{
  background:var(--bg-body,#fff);
  border:1px solid var(--border-color,#e9eef5);
  border-radius:var(--border-radius,16px);
  text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;gap:10px;
  box-shadow:0 6px 20px rgba(47,107,255,.06);
}
.parsu-features.has-shadow .feature-card{ box-shadow:0 18px 40px rgba(47,107,255,.08); }
.parsu-features .icon-wrap{
  width:72px;height:72px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;
  background:color-mix(in srgb, var(--primary-color,#2f6bff) 12%, #fff);color:var(--primary-color,#2f6bff);
}
/* Constrain SVG/IMG in both front-end and editor preview */
.parsu-features .icon-wrap svg,
.parsu-features .icon-wrap img{display:block;width:34px;height:34px;max-width:100%;max-height:100%;}
.elementor-editor-active .parsu-features .icon-wrap svg,
.elementor-editor-active .parsu-features .icon-wrap img{width:34px;height:34px}

/* Typography */
.parsu-features .feature-title{font-weight:900;font-size:20px;color:var(--primary-color,#2f6bff);margin:0}
.parsu-features .feature-desc{color:var(--text-muted,#6c757d);line-height:28px;margin:0}

/* === v1.0.3 Responsive & editor fixes === */
.parsu-features .icon-wrap svg,
.parsu-features .icon-wrap img{display:block;width:34px;height:34px;max-width:100%;max-height:100%;}
.elementor-editor-active .parsu-features .icon-wrap svg,
.elementor-editor-active .parsu-features .icon-wrap img{width:34px;height:34px}
@media (max-width: 575.98px){
  .parsu-features{ grid-template-columns:1fr; gap:16px; }
  .parsu-features .feature-card{ padding:16px; border-radius:14px; }
}

/* === v1.0.4 Robust grid & centering === */
.parsu-features{
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  justify-content: center !important;
  justify-items: center !important;
  gap: 20px;
}
.parsu-features .feature-card{
  width: 100%;
  max-width: 360px;
  margin-inline: auto;
}
/* Icon sizing stays consistent in editor + front */
.parsu-features .icon-wrap svg,
.parsu-features .icon-wrap img{
  display:block;width:34px;height:34px;max-width:100%;max-height:100%;
}
.elementor-editor-active .parsu-features .icon-wrap svg,
.elementor-editor-active .parsu-features .icon-wrap img{width:34px;height:34px}

/* Mobile stacking */
@media (max-width: 575.98px){
  .parsu-features{ grid-template-columns: 1fr !important; gap: 16px; }
  .parsu-features .feature-card{ padding: 16px; border-radius: 14px; }
}

/* === v1.0.5 Robust centering + breakpoints === */
.parsu-features{
  margin-inline:auto;
  max-width: 1200px;
  grid-template-columns: repeat(3, minmax(260px, 1fr)) !important;
  justify-content: center !important;
  justify-items: center !important;
  gap: 24px;
}
@media (max-width: 1199.98px){
  .parsu-features{ grid-template-columns: repeat(2, minmax(280px, 1fr)) !important; }
}
@media (max-width: 767.98px){
  .parsu-features{ grid-template-columns: 1fr !important; gap: 16px; }
  .parsu-features .feature-card{ padding: 16px; }
}
.parsu-features .feature-card{
  width: 100%; max-width: 420px; margin-inline: auto;
}
/* keep icon stable everywhere */
.parsu-features .icon-wrap svg,
.parsu-features .icon-wrap img{ display:block;width:34px;height:34px;max-width:100%;max-height:100%; }
.elementor-editor-active .parsu-features .icon-wrap svg,
.elementor-editor-active .parsu-features .icon-wrap img{ width:34px;height:34px }