/* Steel perks — по макету Knopki (вариант B: иконка слева, белые карточки) */
.page-content .spec-v1-section--benefits-steel,
.pcontent .spec-v1-section--benefits-steel,
.block-tpl .spec-v1-section--benefits-steel {
  border-color:#D7E1E8;
  background:#FFFFFF;
}
.page-content .spec-v1-section--benefits-steel .spec-v1-section-title,
.pcontent .spec-v1-section--benefits-steel .spec-v1-section-title,
.block-tpl .spec-v1-section--benefits-steel .spec-v1-section-title {
  background:linear-gradient(90deg, #0B3F6F 0%, #0F4D86 100%);
  border-bottom:0;
  border-radius:12px 12px 0 0;
  padding:14px 20px;
  font-size:18px;
  line-height:1.25;
}
.page-content .spec-v1-section--benefits-steel .spec-v1-section-content,
.pcontent .spec-v1-section--benefits-steel .spec-v1-section-content,
.block-tpl .spec-v1-section--benefits-steel .spec-v1-section-content {
  background:#E9EFF5;
  border-top:none;
  border-radius:0 0 12px 12px;
  padding:20px;
}
.page-content .spec-v1-section--benefits-steel .spec-v1-section-content--compact,
.pcontent .spec-v1-section--benefits-steel .spec-v1-section-content--compact,
.block-tpl .spec-v1-section--benefits-steel .spec-v1-section-content--compact {
  padding:20px;
}
.page-content .spec-v1-perks--steel,
.pcontent .spec-v1-perks--steel,
.block-tpl .spec-v1-perks--steel {
  gap:12px;
  margin:0;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__item,
.pcontent .spec-v1-perks--steel .spec-v1-perks__item,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__item {
  display:grid;
  grid-template-columns:40px 1fr;
  grid-template-rows:auto auto;
  column-gap:12px;
  row-gap:3px;
  align-items:start;
  justify-items:start;
  min-height:0;
  padding:14px 14px 14px 12px;
  text-align:left;
  color:#25364A;
  border-radius:12px;
  border:1px solid #DDE5EC;
  border-top:1px solid #DDE5EC;
  box-shadow:0 2px 8px rgba(26, 52, 80, 0.06);
  background:#FFFFFF;
  transition:box-shadow .2s ease, border-color .2s ease;
  filter:none;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__item:nth-child(odd),
.pcontent .spec-v1-perks--steel .spec-v1-perks__item:nth-child(odd),
.block-tpl .spec-v1-perks--steel .spec-v1-perks__item:nth-child(odd),
.page-content .spec-v1-perks--steel .spec-v1-perks__item:nth-child(even),
.pcontent .spec-v1-perks--steel .spec-v1-perks__item:nth-child(even),
.block-tpl .spec-v1-perks--steel .spec-v1-perks__item:nth-child(even),
.page-content .spec-v1-perks--steel .spec-v1-perks__item:nth-child(3n+1),
.pcontent .spec-v1-perks--steel .spec-v1-perks__item:nth-child(3n+1),
.block-tpl .spec-v1-perks--steel .spec-v1-perks__item:nth-child(3n+1),
.page-content .spec-v1-perks--steel .spec-v1-perks__item:nth-child(3n),
.pcontent .spec-v1-perks--steel .spec-v1-perks__item:nth-child(3n),
.block-tpl .spec-v1-perks--steel .spec-v1-perks__item:nth-child(3n) {
  color:#25364A;
  border:1px solid #DDE5EC;
  border-top:1px solid #DDE5EC;
  background:#FFFFFF;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__item:hover,
.pcontent .spec-v1-perks--steel .spec-v1-perks__item:hover,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__item:hover {
  filter:none;
  border-color:#C9D4DF;
  box-shadow:0 4px 12px rgba(26, 52, 80, 0.1);
}
.page-content .spec-v1-perks--steel .spec-v1-perks__item:last-child:nth-child(odd),
.pcontent .spec-v1-perks--steel .spec-v1-perks__item:last-child:nth-child(odd),
.block-tpl .spec-v1-perks--steel .spec-v1-perks__item:last-child:nth-child(odd) {
  grid-column:auto;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__icon,
.pcontent .spec-v1-perks--steel .spec-v1-perks__icon,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__icon {
  grid-column:1;
  grid-row:1 / 3;
  align-self:start;
  width:40px;
  height:40px;
  margin:0;
  border-radius:50%;
  background:#EEF2F6;
  border:1px solid #DDE5EC;
  color:#0B3F6F;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__icon svg,
.pcontent .spec-v1-perks--steel .spec-v1-perks__icon svg,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__icon svg {
  width:18px;
  height:18px;
  stroke-width:1.6;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__title,
.pcontent .spec-v1-perks--steel .spec-v1-perks__title,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__title {
  grid-column:2;
  grid-row:1;
  font-size:15px;
  line-height:1.3;
  margin:0;
  padding-top:2px;
  text-align:left;
  display:block;
  font-weight:700;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__title strong,
.pcontent .spec-v1-perks--steel .spec-v1-perks__title strong,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__title strong {
  color:#1A3A5C;
  font-weight:700;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__note,
.pcontent .spec-v1-perks--steel .spec-v1-perks__note,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__note {
  grid-column:2;
  grid-row:2;
  font-size:13px;
  line-height:1.4;
  color:#5A6B7D;
  font-weight:400;
  text-align:left;
  display:block;
  margin:0;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__note strong,
.pcontent .spec-v1-perks--steel .spec-v1-perks__note strong,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__note strong {
  color:#0F5F9F;
  font-weight:700;
}
@media (max-width:900px) {
.page-content .spec-v1-perks--steel.spec-v1-perks--cols-3,
.pcontent .spec-v1-perks--steel.spec-v1-perks--cols-3,
.block-tpl .spec-v1-perks--steel.spec-v1-perks--cols-3 {
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media (max-width:700px) {
.page-content .spec-v1-perks--steel.spec-v1-perks--cols-3,
.pcontent .spec-v1-perks--steel.spec-v1-perks--cols-3,
.block-tpl .spec-v1-perks--steel.spec-v1-perks--cols-3 {
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media (max-width:560px) {
.page-content .spec-v1-section--benefits-steel .spec-v1-section-title,
.pcontent .spec-v1-section--benefits-steel .spec-v1-section-title,
.block-tpl .spec-v1-section--benefits-steel .spec-v1-section-title {
  font-size:16px;
  padding:12px 16px;
}
.page-content .spec-v1-section--benefits-steel .spec-v1-section-content,
.pcontent .spec-v1-section--benefits-steel .spec-v1-section-content,
.block-tpl .spec-v1-section--benefits-steel .spec-v1-section-content,
.page-content .spec-v1-section--benefits-steel .spec-v1-section-content--compact,
.pcontent .spec-v1-section--benefits-steel .spec-v1-section-content--compact,
.block-tpl .spec-v1-section--benefits-steel .spec-v1-section-content--compact {
  padding:14px;
}
.page-content .spec-v1-perks--steel,
.pcontent .spec-v1-perks--steel,
.block-tpl .spec-v1-perks--steel {
  gap:10px;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__item,
.pcontent .spec-v1-perks--steel .spec-v1-perks__item,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__item {
  padding:12px;
  column-gap:10px;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__icon,
.pcontent .spec-v1-perks--steel .spec-v1-perks__icon,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__icon {
  width:36px;
  height:36px;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__icon svg,
.pcontent .spec-v1-perks--steel .spec-v1-perks__icon svg,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__icon svg {
  width:16px;
  height:16px;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__title,
.pcontent .spec-v1-perks--steel .spec-v1-perks__title,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__title {
  font-size:14px;
}
.page-content .spec-v1-perks--steel .spec-v1-perks__note,
.pcontent .spec-v1-perks--steel .spec-v1-perks__note,
.block-tpl .spec-v1-perks--steel .spec-v1-perks__note {
  font-size:12.5px;
}
.page-content .spec-v1-perks--steel.spec-v1-perks--cols-3,
.pcontent .spec-v1-perks--steel.spec-v1-perks--cols-3,
.block-tpl .spec-v1-perks--steel.spec-v1-perks--cols-3 {
  grid-template-columns:1fr;
}
}