/* === WIDGET: choosing | scope .vr-choosing ================================ */
@layer widgets {
  .vr-choosing__features { margin-top: 20px; border: 1px solid var(--vr-border); border-radius: var(--vr-radius); background: white; }
  .vr-choosing__features-head { padding: 22px 24px 14px; }
  .vr-choosing__features-head p { color: var(--vr-muted); font-size: var(--vr-text-xs); margin-top: 5px; }
  .vr-choosing__feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0 10px 12px; }
  .vr-choosing__feature-grid details { margin: 4px; border-radius: 6px; background: var(--vr-canvas); }
  .vr-choosing__feature-grid summary { font-size: var(--vr-text-sm); font-weight: 650; padding: 13px 14px; }
  .vr-choosing__feature-grid details[open] summary { color: var(--vr-brand); }
  .vr-choosing__feature-grid p { font-size: var(--vr-text-xs); color: var(--vr-muted); padding: 0 14px 14px; }
  @media (max-width: 680px) { .vr-choosing__feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 380px) { .vr-choosing__feature-grid { grid-template-columns: 1fr; } }
}
/* === END WIDGET: choosing ================================================ */