/* 05-hr.html: дизайн поверх раскладки прототипа. Только токены из design.css. */
@media (max-width:1060px){.tabsbar{width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}}
/* вкладки «Что входит»: картинка v3 на каждую вкладку; полоса шире, чтобы объект не обрезался */
.tabpic.vimg{display:block;height:auto!important;aspect-ratio:2/1;padding:0}
@media (max-width:760px){.tabpic.vimg{aspect-ratio:4/3}}
/* 21.10: на телефоне все четыре вкладки видны сразу — сеткой 2×2, а не лентой со скрытой прокруткой */
@media (max-width:760px){
  .tabsbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;overflow:visible;border-bottom:0}
  .tabsbar button{white-space:normal;min-height:44px;padding:10px 12px;margin:0;border:1px solid var(--line);border-radius:12px;font-size:15px;line-height:1.25;text-align:center}
  .tabsbar button.on{border-color:var(--ink)}
}
/* 21.10: финальный блок того же цвета, что и «Частые вопросы», — без двойного отступа */
.cta{padding-top:56px}