/* «Webivan» v3 advantages (restyle of the shared block): Card — radius 24,
   padding 32, surface-1, hairline border; the icon on a quiet violet tile;
   elevation only on hover. Three to a row on wide screens, no holes. */
.cms-block--features .cms-items { gap: 24px; }
@media (min-width: 64rem) { .cms-block--features .cms-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cms-block--features .cms-feature.cms-card {
    gap: 16px;
    padding: 32px;
    border: 1px solid var(--webivan-line);
    border-radius: var(--wi-r-lg);
    background: var(--webivan-deep);
    box-shadow: none;
    transition: var(--wi-hover-tr);
}
.cms-block--features .cms-badge-icon {
    display: grid; place-items: center;
    width: 48px; height: 48px; border-radius: var(--wi-r-sm);
    background: color-mix(in srgb, var(--webivan-cobalt-2) 14%, var(--webivan-deep));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--webivan-cobalt-2) 24%, transparent);
    color: var(--webivan-cobalt-2);
}
.cms-block--features .cms-badge-icon svg { width: 24px; height: 24px; }
.cms-block--features .cms-feature__body { gap: 8px; }
.wi-body .cms-block--features .cms-card__title { margin: 0; font-size: var(--wi-fs-card); line-height: 1.25; color: #fff; }
.cms-block--features .cms-card__text, .wi-body .cms-block--features .cms-card__text.cms-prose { color: var(--webivan-mute); font-size: 15px; line-height: 1.6; }
.cms-block--features .cms-card__text p { margin: 0; }
.cms-block--features .cms-badge-icon { transition: var(--wi-hover-tr); }
.cms-block--features .cms-feature.cms-card:has(:focus-visible) { translate: 0 var(--wi-hover-lift); border-color: var(--webivan-cobalt-2); background: var(--wi-hover-bg); box-shadow: var(--wi-hover-shadow); }
@media (hover: hover) and (pointer: fine) {
    .cms-block--features .cms-feature.cms-card:hover { translate: 0 var(--wi-hover-lift); border-color: var(--wi-hover-border); background: var(--wi-hover-bg); box-shadow: var(--wi-hover-shadow); }
    .cms-block--features .cms-feature.cms-card:hover .cms-badge-icon { background: color-mix(in srgb, var(--webivan-cobalt-2) 22%, var(--webivan-raise)); box-shadow: inset 0 0 0 1px var(--wi-hover-border); color: #fff; }
}
@media (max-width: 47.99rem) { .cms-block--features .cms-feature.cms-card { padding: 24px; } }