/* Shop3 — секция «Инфо-блоки» (ADR 0007, спецификация §8; plan-0.3 §1 п. 14). Подключается, только если такая секция есть на странице
   (render.php, assets()). Только токены var(--s3-*) и логические свойства (canon §6.2, docs/dev/rtl.md); общая обёртка — base.css. */

.s3-features { display: grid; grid-template-columns: repeat(var(--s3x-cols, var(--s3-columns-features)), minmax(0, 1fr)); gap: var(--s3-space-5); margin: 0; padding: 0; list-style: none; }
.s3-features__item { display: flex; gap: var(--s3-space-3); align-items: flex-start; }
.s3-features--boxed .s3-features__item { padding: var(--s3-space-5); border-radius: var(--s3-radius-lg); background: var(--s3-surface-alt); }
/* в рамке (R03-14): линия без заливки — на любой палитре секции; тонкая, как у карточек и плиток брендов (VD #3), на фоне секции с текстом
   ролью on-* — цветом этого текста (--s3-border там уже on-*: base.css) */
.s3-features--bordered .s3-features__item { padding: var(--s3-space-5); border: var(--s3-border-width-thin) solid var(--s3-border-subtle); border-radius: var(--s3-radius-lg); }
.s3-section--on .s3-features--bordered .s3-features__item { border-color: var(--s3-border); }
.s3-features__icon { flex: none; width: var(--s3-size-icon-lg); height: var(--s3-size-icon-lg); color: var(--s3-section-features-icon-accent); }
/* фон секции и текст ролью on-*: значок её цветом, как текст; у блока с заливкой — свои роли */
.s3-section--on .s3-features:not(.s3-features--boxed) .s3-features__icon { color: var(--s3x-on); }
.s3-features__title { margin: 0 0 var(--s3-space-1); font-weight: var(--s3-font-weight-bold); }
.s3-features__title a { color: inherit; text-decoration: none; }
.s3-features__title a:hover, .s3-features__title a:focus-visible { text-decoration: underline; }
.s3-features__text { margin: 0; color: var(--s3-text-muted); font-size: var(--s3-font-size-sm); }

@media (max-width: 991.98px) {
  .s3-features { grid-template-columns: repeat(var(--s3-columns-features), minmax(0, 1fr)); }
}
@media (max-width: 600.98px) {
  .s3-features { gap: var(--s3-space-4); }
}