/* Oplata v lyubom otdelenii Sberbanka — requisites table accents. */
.pcontent .payment-page-section,
.block-tpl .payment-page-section,
.page-content .payment-page-section {
  border-color: rgba(143, 181, 214, 0.85);
  box-shadow: 0 12px 28px rgba(11, 63, 111, 0.1);
}

.pcontent .payment-page-section--intro .spec-v1-section-content,
.block-tpl .payment-page-section--intro .spec-v1-section-content,
.page-content .payment-page-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 .payment-page-section--requisites .spec-v1-section-content,
.block-tpl .payment-page-section--requisites .spec-v1-section-content,
.page-content .payment-page-section--requisites .spec-v1-section-content {
  background:
    radial-gradient(circle at 100% 0, rgba(31, 103, 178, 0.1), rgba(255, 255, 255, 0) 45%),
    linear-gradient(145deg, #e5f1fa 0%, #f8fbff 55%, #edf5fc 100%);
}

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

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

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

.pcontent .payment-page-section--requisites .spec-v1-table-wrap,
.block-tpl .payment-page-section--requisites .spec-v1-table-wrap,
.page-content .payment-page-section--requisites .spec-v1-table-wrap {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(11, 63, 111, 0.1);
}

.pcontent .payment-page-section--requisites .spec-v1-table--requisites,
.block-tpl .payment-page-section--requisites .spec-v1-table--requisites,
.page-content .payment-page-section--requisites .spec-v1-table--requisites {
  border-color: #9ec3e3;
}

.pcontent .payment-page-section--requisites .spec-v1-table--requisites tbody tr:nth-child(odd) td,
.block-tpl .payment-page-section--requisites .spec-v1-table--requisites tbody tr:nth-child(odd) td,
.page-content .payment-page-section--requisites .spec-v1-table--requisites tbody tr:nth-child(odd) td {
  background: linear-gradient(135deg, #f7fbff 0%, #e8f3fc 100%);
}

.pcontent .payment-page-section--requisites .spec-v1-table--requisites tbody tr:nth-child(even) td,
.block-tpl .payment-page-section--requisites .spec-v1-table--requisites tbody tr:nth-child(even) td,
.page-content .payment-page-section--requisites .spec-v1-table--requisites tbody tr:nth-child(even) td {
  background: linear-gradient(135deg, #eef6fd 0%, #dcecfb 100%);
}

.pcontent .payment-page-section--requisites .spec-v1-table--requisites td:first-child,
.block-tpl .payment-page-section--requisites .spec-v1-table--requisites td:first-child,
.page-content .payment-page-section--requisites .spec-v1-table--requisites td:first-child {
  background: linear-gradient(135deg, #eaf3fb 0%, #d4e8f8 100%);
  color: #0b3f6f;
  font-weight: 600;
}

.pcontent .payment-page-section--requisites .spec-v1-table--requisites td:last-child,
.block-tpl .payment-page-section--requisites .spec-v1-table--requisites td:last-child,
.page-content .payment-page-section--requisites .spec-v1-table--requisites td:last-child {
  color: #25364a;
}

.pcontent .payment-page-section .spec-v1-perks__item,
.block-tpl .payment-page-section .spec-v1-perks__item,
.page-content .payment-page-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);
}

.pcontent .payment-page-section--intro .spec-v1-cta-box,
.block-tpl .payment-page-section--intro .spec-v1-cta-box,
.page-content .payment-page-section--intro .spec-v1-cta-box {
  padding: 0;
  border: 0;
  background: transparent;
}

.pcontent .payment-page-section--intro .spec-v1-cta-box a,
.block-tpl .payment-page-section--intro .spec-v1-cta-box a,
.page-content .payment-page-section--intro .spec-v1-cta-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  min-height: 52px;
  padding: 12px 18px;
  border-radius: 12px;
  border: 2px solid #1f67b2;
  background: #ffffff;
  color: #1f67b2;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 8px 18px rgba(11, 63, 111, 0.1);
  transition:
    background 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    transform 0.28s ease;
}

.pcontent .payment-page-section--intro .spec-v1-cta-box a:hover,
.block-tpl .payment-page-section--intro .spec-v1-cta-box a:hover,
.page-content .payment-page-section--intro .spec-v1-cta-box a:hover {
  background:
    radial-gradient(circle at 18% 0%, rgba(220, 232, 248, 0.72), rgba(255, 255, 255, 0) 50%),
    radial-gradient(circle at 82% 100%, rgba(148, 168, 198, 0.28), rgba(255, 255, 255, 0) 54%),
    linear-gradient(135deg, #c2cede 0%, #a8b9ce 30%, #8fa3bb 58%, #b5c3d4 100%);
  border-color: #8fa3bb;
  color: #1e3350;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    inset 0 -8px 18px rgba(72, 92, 122, 0.1),
    0 12px 24px rgba(30, 49, 79, 0.14);
  transform: translateY(-1px);
}

.pcontent .payment-page-section--intro .spec-v1-cta-box a:focus-visible,
.block-tpl .payment-page-section--intro .spec-v1-cta-box a:focus-visible,
.page-content .payment-page-section--intro .spec-v1-cta-box a:focus-visible {
  outline: 2px solid rgba(31, 103, 178, 0.45);
  outline-offset: 2px;
}
