/* ============ Wroffy Product Features (grid + groups + inline sections) ============ */
/* Quick-tweak variables */
:where(.wp-legacy) .wfx-card{
  --border: #e6e6e6;      /* card border color */
  --bg: #fff;             /* card background color */
  --radius: 8px;          /* card corner radius */
  --pad-v: 18px;          /* vertical padding */
  --pad-h: 22px;          /* horizontal padding */

  --gap-row: 10px;        /* main grid row gap */
  --gap-col: 18px;        /* main grid column gap */
  --head-size: 18px;      /* header font size */
  --text-size: 14px;      /* feature text font size */
  --text-color: #222;     /* active feature text color */
  --text-muted: #b7bcc5;  /* muted (grey) feature text color */
  --head-divider: #ebebeb;/* divider color */
  --hover-accent: #1f4b99;/* hover accent color */

  /* bullets (svg parts) */
  --dot: #1f73ff;         /* active bullet fill */
  --dot-muted: #d6dbe3;   /* muted bullet fill */
  --tick: #ffffff;        /* tick stroke */

  /* Groups (sectioned lists) */
  --group-title-size: 18px;   /* group title size */
  --group-title-weight: 600;  /* group title weight */
  --group-gap-row: 10px;      /* group grid row gap */
  --group-gap-col: 26px;      /* group grid column gap */

  /* Inline sections (below features) */
  --sub-top-gap: 14px;      /* space above sections block */
  --sub-item-gap: 12px;     /* space between items */
  --sub-title-size: 16px;   /* fs_title font size */
  --sub-title-color: #111;  /* fs_title color */
  --sub-text-size: 13.5px;  /* fs_content font size */
  --sub-text-color: #222;   /* fs_content color */
  --sub-sep: #f0f2f6;       /* separator line color */

  /* Note box variables */
  --note-bg: #f8fafc;     /* disclaimer bg */
  --note-border: #e8ecf3; /* disclaimer border */
  --note-text: #555;      /* disclaimer text */
}

/* Card container (border ON) */
:where(.wp-legacy) .wfx-card{
  background: var(--bg);
  border:1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--pad-v) var(--pad-h);
  margin:22px 0;
}

/* Card container (border OFF) */
:where(.wp-legacy) .wfx-card.wfx--borderless{
  border:0;
  background:transparent;
  padding:0;
  margin:0;
}

/* Header */
:where(.wp-legacy) .wfx-card-head{display:flex;align-items:center;gap:10px;font-size:var(--head-size);font-weight:600}
:where(.wp-legacy) .wfx-head-icon{display:inline-flex}
:where(.wp-legacy) .wfx-head-text strong{font-weight:700}
:where(.wp-legacy) .wfx-divider{height:1px;background:var(--head-divider);margin:12px 0 18px}

/* Main Features Grid */
:where(.wp-legacy) .wfx-grid{display:grid;gap:var(--gap-row) var(--gap-col)}
:where(.wp-legacy) .wfx-item{display:flex;align-items:center}
:where(.wp-legacy) .wfx-bullet{margin-right:10px;display:inline-flex}
:where(.wp-legacy) .wfx-dot{fill:var(--dot)}
:where(.wp-legacy) .wfx-tick{fill:none;stroke:var(--tick);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(.wp-legacy) .wfx-text{
  font-size:var(--text-size);
  font-weight:400;
  color:var(--text-color);
  transition:color .18s ease;
}
:where(.wp-legacy) .wfx-item:hover .wfx-text{color:var(--hover-accent)}
:where(.wp-legacy) .wfx-item:hover .wfx-bullet svg{transform:scale(1.06);filter:drop-shadow(0 1px 2px rgba(31,75,153,.25))}

/* === Grouped Sections (like your screenshot) === */
:where(.wp-legacy) .wfx-groups{margin-top:20px}
:where(.wp-legacy) .wfx-group-title{
  font-size:var(--group-title-size);       /* 👈 section heading size */
  font-weight:var(--group-title-weight);   /* 👈 section heading weight */
  color:#111;
  margin:24px 0 12px;                      /* spacing before/after title */
}
:where(.wp-legacy) .wfx-group-grid{display:grid;gap:var(--group-gap-row) var(--group-gap-col)}
:where(.wp-legacy) .wfx-group-item{display:flex;align-items:center}
:where(.wp-legacy) .wfx-group-item .wfx-dot{fill:var(--dot)}
:where(.wp-legacy) .wfx-group-item .wfx-tick{stroke:var(--tick)}
:where(.wp-legacy) .wfx-group-item .wfx-text{font-size:var(--text-size);color:var(--text-color)}
/* Muted/disabled item */
:where(.wp-legacy) .wfx-group-item.wfx--muted .wfx-dot{fill:var(--dot-muted)}
:where(.wp-legacy) .wfx-group-item.wfx--muted .wfx-text{color:var(--text-muted)}

/* Inline Feature Sections (stacked, shown after note) */
:where(.wp-legacy) .wfx-subsections{ margin-top: var(--sub-top-gap); }
:where(.wp-legacy) .wfx-subitem{ padding-top:10px; margin:0 0 var(--sub-item-gap); border-top:1px solid var(--sub-sep); }
:where(.wp-legacy) .wfx-subitem:first-child{ border-top:0; padding-top:0; }
:where(.wp-legacy) .wfx-subtitle{ font-size:var(--sub-title-size); font-weight:700; color:var(--sub-title-color); margin:0 0 6px; }
:where(.wp-legacy) .wfx-subcontent{ font-size:var(--sub-text-size); color:var(--sub-text-color); line-height:1.55; }
:where(.wp-legacy) .wfx-subcontent p{ margin:.5em 0; }
:where(.wp-legacy) .wfx-subcontent ul, :where(.wp-legacy) .wfx-subcontent ol{ margin:.5em 0 .5em 1.2em; }

/* Disclaimer/Note box */
:where(.wp-legacy) .wfx-note-box{
  margin-top: 12px;
  background: var(--note-bg);
  border: 1px solid var(--note-border);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--note-text);
}

/* Responsive */
@media (max-width:1100px){ :where(.wp-legacy) .wfx-group-grid{grid-template-columns:repeat(2,1fr)!important} }
@media (max-width:768px){  :where(.wp-legacy) .wfx-grid{grid-template-columns:repeat(2,1fr)!important} }
@media (max-width:600px){  :where(.wp-legacy) .wfx-grid, :where(.wp-legacy) .wfx-group-grid{grid-template-columns:1fr!important} }