/* Page-specific visual accents for Sberbank Online payment page. */
.pcontent .sber-online-section,
.block-tpl .sber-online-section,
.page-content .sber-online-section {
  border-color: rgba(143, 181, 214, 0.85);
  box-shadow: 0 12px 28px rgba(11, 63, 111, 0.1);
}

.pcontent .sber-online-section--intro .spec-v1-section-content,
.block-tpl .sber-online-section--intro .spec-v1-section-content,
.page-content .sber-online-section--intro .spec-v1-section-content {
  background:
    radial-gradient(circle at 0 0, rgba(143, 196, 235, 0.55), rgba(255, 255, 255, 0) 58%),
    linear-gradient(135deg, #e8f3fc 0%, #ffffff 55%, #f0f7fd 100%);
}

.pcontent .sber-online-section--qr .spec-v1-section-content,
.block-tpl .sber-online-section--qr .spec-v1-section-content,
.page-content .sber-online-section--qr .spec-v1-section-content {
  background:
    radial-gradient(circle at 100% 0, rgba(31, 103, 178, 0.14), rgba(255, 255, 255, 0) 42%),
    radial-gradient(circle at 0 100%, rgba(15, 95, 159, 0.12), rgba(255, 255, 255, 0) 48%),
    linear-gradient(145deg, #dbeaf8 0%, #f3f9ff 42%, #e3f0fb 100%);
}

.pcontent .sber-online-section--details .spec-v1-section-content,
.block-tpl .sber-online-section--details .spec-v1-section-content,
.page-content .sber-online-section--details .spec-v1-section-content {
  background:
    radial-gradient(circle at 100% 0, rgba(31, 103, 178, 0.12), rgba(255, 255, 255, 0) 45%),
    linear-gradient(145deg, #e0eef9 0%, #f5faff 50%, #dcecfb 100%);
}

.pcontent .sber-online-section--links .spec-v1-section-content,
.block-tpl .sber-online-section--links .spec-v1-section-content,
.page-content .sber-online-section--links .spec-v1-section-content {
  background: linear-gradient(135deg, #e5f1fa 0%, #ffffff 54%, #edf5fc 100%);
}

.pcontent .sber-online-section--contact .spec-v1-section-content,
.block-tpl .sber-online-section--contact .spec-v1-section-content,
.page-content .sber-online-section--contact .spec-v1-section-content {
  background: linear-gradient(135deg, #edf5fc 0%, #ffffff 54%, #e8f2fa 100%);
}

.pcontent .sber-online-section--related .spec-v1-section-content,
.block-tpl .sber-online-section--related .spec-v1-section-content,
.page-content .sber-online-section--related .spec-v1-section-content {
  background: linear-gradient(135deg, #eaf3fb 0%, #ffffff 48%, #e3eef8 100%);
}

.pcontent .sber-online-section .spec-v1-perks__item,
.block-tpl .sber-online-section .spec-v1-perks__item,
.page-content .sber-online-section .spec-v1-perks__item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(228, 240, 251, 0.95) 100%);
  border-color: rgba(143, 181, 214, 0.65);
}