/* Общая оболочка BankGra для статических страниц блога. */
.bankgra-header,
.bankgra-header *,
.bankgra-menu,
.bankgra-menu *,
.bankgra-footer,
.bankgra-footer * { box-sizing: border-box; }

.bankgra-header {
  position: sticky;
  z-index: 1000;
  top: 0;
  border-bottom: 1px solid transparent;
  background: rgba(255, 255, 255, .94);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  backdrop-filter: saturate(180%) blur(12px);
  transition: border-color .35s ease, box-shadow .35s ease;
}
.bankgra-header.is-scrolled {
  border-bottom-color: rgba(0, 0, 0, .06);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .06);
}
.bankgra-header__inner {
  width: 100%;
  max-width: 1360px;
  height: 80px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.bankgra-header__identity { display: flex; align-items: center; gap: 18px; min-width: 0; }
.bankgra-header__logo {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  color: inherit;
  text-decoration: none;
}
.bankgra-header__logo img { display: block; width: auto; height: 46px; }
.bankgra-header__since-mobile { display: none; color: #8a8a84; font: 12px/1 Inter, sans-serif; white-space: nowrap; }
.bankgra-header__tagline { display: flex; align-items: center; gap: 16px; }
.bankgra-header__tagline::before { width: 1px; height: 38px; background: #e2e2de; content: ""; }
.bankgra-header__tagline span { max-width: 180px; color: #666; font: 14px/1.3 Inter, sans-serif; }
.bankgra-header__actions { display: flex; flex-shrink: 0; align-items: center; gap: 24px; }
.bankgra-header__account {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1f1f1f;
  font: 500 15px/1 Inter, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease;
}
.bankgra-header__account-icon {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f5f5f2;
}
.bankgra-header__phone {
  display: flex;
  align-items: center;
  color: #1f1f1f;
  font: 700 18px/1 Manrope, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  transition: color .3s ease;
}
.bankgra-header__call {
  padding: 13px 24px;
  border-radius: 12px;
  background: #f58220;
  box-shadow: 0 6px 18px rgba(245, 130, 32, .28);
  color: #fff;
  font: 700 15px/1 Manrope, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
}
.bankgra-header__mobile-account { display: none; }
.bankgra-header__account:hover,
.bankgra-header__phone:hover { color: #f58220; }
.bankgra-header__call:hover { background: #e0740f; box-shadow: 0 10px 24px rgba(245, 130, 32, .36); transform: translateY(-2px); }
.bankgra-header__menu-button {
  width: 46px;
  height: 46px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.bankgra-header__menu-button span { display: block; width: 26px; height: 2.5px; border-radius: 2px; background: #1f1f1f; }

.bankgra-menu[hidden] { display: none; }
.bankgra-menu { position: fixed; z-index: 2000; inset: 0; background: rgba(31, 31, 31, .5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.bankgra-menu__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(88vw, 360px);
  height: 100%;
  padding: 20px 24px 32px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background: #fff;
  box-shadow: -12px 0 40px rgba(0, 0, 0, .15);
  animation: bankgra-menu-in .35s ease;
}
@keyframes bankgra-menu-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
.bankgra-menu__close-row { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.bankgra-menu__close {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #f7f7f5;
  color: #1f1f1f;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.bankgra-menu nav { display: flex; flex-direction: column; gap: 2px; font: 600 19px/1.25 Manrope, sans-serif; }
.bankgra-menu nav a { padding: 14px 8px; border-bottom: 1px solid #f0f0ee; color: #1f1f1f; text-decoration: none; }
.bankgra-menu__phone { margin-top: 20px; color: #1f1f1f; font: 700 22px/1.2 Manrope, sans-serif; text-decoration: none; }
.bankgra-menu__phone-note { margin-top: 4px; color: #666; font: 14px/1.4 Inter, sans-serif; }
.bankgra-menu__cta { margin-top: 22px; padding: 16px; border-radius: 14px; background: #f58220; color: #fff; font: 700 17px/1.2 Manrope, sans-serif; text-align: center; text-decoration: none; }
body.bankgra-menu-open { overflow: hidden; }

.bankgra-footer {
  padding: 72px 40px 40px;
  background: #1f1f1f;
  color: #ededed;
  font-family: Inter, sans-serif;
}
.bankgra-footer__container { max-width: 1360px; margin: 0 auto; }
.bankgra-footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.1fr; gap: 48px; }
.bankgra-footer__brand { margin-bottom: 18px; color: #fff; font: 800 36px/1.1 Manrope, sans-serif; letter-spacing: -.02em; }
.bankgra-footer p { margin: 0; }
.bankgra-footer__details { margin-bottom: 6px !important; color: #b8b8b8; font-size: 15px; line-height: 1.55; }
.bankgra-footer__address { margin-bottom: 16px !important; }
.bankgra-footer__phone { color: #fff; font: 700 22px/1.2 Manrope, sans-serif; text-decoration: none; }
.bankgra-footer h2 { margin: 0 0 18px; color: #fff; font: 700 15px/1.25 Manrope, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.bankgra-footer nav { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; font-size: 15px; }
.bankgra-footer nav a,
.bankgra-footer nav button {
  padding: 0;
  border: 0;
  background: none;
  color: #b8b8b8;
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: color .3s;
}
.bankgra-footer nav a:hover,
.bankgra-footer nav button:hover { color: #f58220; }
.bankgra-footer__social-title { margin-top: 28px !important; margin-bottom: 14px !important; }
.bankgra-footer__socials { display: flex; gap: 12px; }
.bankgra-footer__socials a {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #2a2a2a;
  color: #fff;
  font: 700 15px/1 Manrope, sans-serif;
  text-decoration: none;
  transition: background .3s;
}
.bankgra-footer__socials a:hover { background: #f58220; }
.bankgra-footer__warning {
  margin-top: 48px;
  padding: 20px 24px;
  border: 1px solid rgba(245, 130, 32, .25);
  border-radius: 16px;
  background: rgba(245, 130, 32, .1);
  color: #cfcfcf;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.bankgra-footer__bottom { margin-top: 32px; padding-top: 28px; border-top: 1px solid rgba(255, 255, 255, .1); text-align: center; }
.bankgra-footer__copyright { margin-bottom: 12px !important; color: #fff; font: 600 15px/1.45 Manrope, sans-serif; }
.bankgra-footer__legal { max-width: 900px; margin: 0 auto !important; color: #8c8c8c; font-size: 13px; line-height: 1.65; }

@media (min-width: 1360px) {
  .bankgra-header__inner { max-width: 1600px; padding-right: 32px; padding-left: 32px; }
  .bankgra-footer { padding: 72px 32px 40px; }
  .bankgra-footer__container { max-width: 1600px; }
}
@media (max-width: 1080px) {
  .bankgra-header__account { display: none; }
  .bankgra-header__mobile-account {
    height: 44px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: #f5f5f2;
    color: #1f1f1f;
    font: 700 14px/1 Manrope, sans-serif;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media (max-width: 960px) {
  .bankgra-header__inner { padding-right: 20px; padding-left: 20px; }
  .bankgra-footer { padding: 64px 20px 36px; }
}
@media (max-width: 860px) {
  .bankgra-header__inner { height: 64px; }
  .bankgra-header__logo img { height: 34px; }
  .bankgra-header__since-mobile { display: block; }
  .bankgra-header__tagline { display: none; }
  .bankgra-footer__grid { grid-template-columns: 1fr 1fr; gap: 36px 24px; text-align: center; }
  .bankgra-footer nav { align-items: center; }
  .bankgra-footer nav a,
  .bankgra-footer nav button { width: 100%; text-align: center; }
  .bankgra-footer__socials { justify-content: center; }
}
@media (max-width: 680px) {
  .bankgra-header__phone,
  .bankgra-header__call { display: none; }
}
@media (max-width: 520px) {
  .bankgra-footer__grid { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .bankgra-header__mobile-account { width: 44px; padding: 0; justify-content: center; }
  .bankgra-header__mobile-account-text { display: none; }
}
@media print {
  .bankgra-header,
  .bankgra-menu,
  .bankgra-footer { display: none !important; }
}