/* ==========================================================================
   ПлАЦДАРМ — редизайн всех внутренних страниц (в духе index modern-hero)
   Подключается последним после site-redesign-fixes.css
   ========================================================================== */

/* ── Общий hero (как modern-hero на главной) ── */
html body:not(.page-index) section.hero {
  max-width: var(--m-content-w, 1240px) !important;
  margin: clamp(16px, 3vw, 28px) auto !important;
  padding: 0 clamp(12px, 2.5vw, 20px) !important;
}

html body:not(.page-index) section.hero .hero-content {
  border-radius: var(--m-radius-xl, 32px) !important;
  padding: clamp(32px, 5vw, 56px) clamp(24px, 4vw, 48px) !important;
  box-shadow: var(--m-shadow-lg, 0 24px 64px rgba(20, 56, 68, 0.16)) !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html body:not(.page-index) section.hero .hero-content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(
    125deg,
    rgba(13, 40, 51, 0.88) 0%,
    rgba(26, 85, 104, 0.82) 50%,
    rgba(42, 156, 184, 0.72) 100%
  ) !important;
}

html body:not(.page-index) section.hero .hero-content::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(ellipse 70% 55% at 100% 0%, rgba(94, 196, 216, 0.22), transparent 58%) !important;
}

html body:not(.page-index) section.hero .hero-text,
html body:not(.page-index) section.hero .hero-inner,
html body:not(.page-index) section.hero .info-grid,
html body:not(.page-index) section.hero .hero-cards,
html body:not(.page-index) section.hero .hero-services-cards,
html body:not(.page-index) section.hero .hero-action-grid,
html body:not(.page-index) section.hero .hero-search-wrap,
html body:not(.page-index) section.hero .social-guarantees-index-cards {
  position: relative !important;
  z-index: 1 !important;
}

/* Фоновые изображения hero по страницам */
html body.page-font section.hero .hero-content,
html body.page-fund-documents section.hero .hero-content,
html body.page-sila-zhit-documents section.hero .hero-content {
  background:
    url("../../images/bg-fund-placdarm1.JPG") center / cover no-repeat !important;
}

html body.page-social section.hero .hero-content,
html body.page-social .social-guarantees-hero .hero-content {
  background:
    url("../../images/social.JPG") center / cover no-repeat !important;
}

html body.page-sila-zhit section.hero .hero-content {
  background:
    url("../../images/bg-2fund-sila-zhit1232.JPG") center / cover no-repeat !important;
}

html body.page-laboratory section.hero .hero-content,
html body.page-laboratory-fpv section.hero .hero-content,
html body.page-laboratory-optovolokno section.hero .hero-content,
html body.page-laboratory-bpla-kt section.hero .hero-content,
html body.page-laboratory-r18-babayaga section.hero .hero-content,
html body .lab-content-scope section.hero .hero-content {
  background:
    url("../../images/ind_4bl_os.JPG") center / cover no-repeat !important;
}

html body.page-school section.hero .hero-content,
html body.page-school .school-hero .hero-content {
  background:
    url("../../images/bg-ШКОЛА.JPG") center / cover no-repeat !important;
}

html body.page-positions section.hero .hero-content,
html body.page-positions .positions-choice-hero .hero-content {
  background:
    url("../../images/position.JPG") center / cover no-repeat !important;
}

html body.page-privacy-policy section.hero .hero-content,
html body.page-personal-data-consent section.hero .hero-content,
html body.page-payment-acceptance-terms section.hero .hero-content {
  background:
    url("../../images/bg-index-placdarm1.JPG") center / cover no-repeat !important;
}

/* ── sila-zhit: строки заголовка ── */
html body.page-sila-zhit .hero-main-title .sila-hero-mobile-line {
  display: none !important;
}

html body.page-sila-zhit .hero-main-title .sila-hero-desktop-line {
  display: block !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (max-width: 768px) {
  html body.page-sila-zhit .hero-main-title .sila-hero-desktop-line {
    display: none !important;
  }
  html body.page-sila-zhit .hero-main-title .sila-hero-mobile-line {
    display: block !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}

/* ── font.html: about + контент ── */
html body.page-font main.container .about-section {
  margin-top: 0 !important;
}

html body.page-font .about-section-placdarm {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(8px) !important;
}

/* ── social.html: hero mega-block ── */
html body.page-social .social-guarantees-hero {
  max-width: var(--m-content-w, 1240px) !important;
  margin: clamp(16px, 3vw, 28px) auto !important;
  padding: 0 clamp(12px, 2.5vw, 20px) !important;
}

html body.page-social .social-guarantees-hero .hero-content {
  padding-bottom: clamp(28px, 4vw, 40px) !important;
}

html body.page-social main.container {
  padding-top: clamp(8px, 2vw, 16px) !important;
}

/* ── laboratory ── */
html body.page-laboratory .lab-content-scope,
html body .lab-content-scope {
  max-width: var(--m-content-w, 1240px) !important;
  margin: 0 auto !important;
  padding: 0 clamp(12px, 2.5vw, 20px) clamp(24px, 4vw, 40px) !important;
}

html body .lab-content-scope section.hero {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: clamp(16px, 3vw, 28px) !important;
}

html body .lab-content-scope .hero-cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

@media (max-width: 1100px) {
  html body .lab-content-scope .hero-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  html body .lab-content-scope .hero-cards {
    grid-template-columns: 1fr !important;
  }
}

html body .lab-content-scope .key-directions-section,
html body .lab-content-scope .section {
  background: var(--m-surface, #fff) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-lg, 24px) !important;
  box-shadow: var(--m-shadow-sm) !important;
  padding: clamp(24px, 4vw, 40px) !important;
  margin-bottom: clamp(16px, 2.5vw, 24px) !important;
}

html body .lab-content-scope .intro-card h3,
html body .lab-content-scope .intro-card p {
  color: var(--m-ink) !important;
}

html body .lab-content-scope .intro-card p {
  color: var(--m-muted) !important;
}

/* ── school ── */
html body.page-school section.hero {
  margin-bottom: clamp(8px, 2vw, 16px) !important;
}

html body.page-school .hero-cards.hero-info-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

@media (max-width: 640px) {
  html body.page-school .hero-cards.hero-info-grid {
    grid-template-columns: 1fr !important;
  }
}

html body.page-school main.container .fund-photo-section {
  margin-top: 0 !important;
}

html body.page-school .school-hero-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 800 !important;
}

/* ── positions ── */
html body.page-positions .positions-choice-hero .hero-action-grid {
  margin-top: 24px !important;
}

html body.page-positions main.container .history-section {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(6px) !important;
}

html body.page-positions .history-section h2,
html body.page-positions .history-section h3 {
  color: var(--m-ink) !important;
}

html body.page-positions .hero-action-cta {
  color: var(--m-brand-300, #8edae8) !important;
  font-weight: 700 !important;
}

/* ── sila-zhit: info-grid + fundLife ── */
html body.page-sila-zhit .hero-info-grid,
html body.page-sila-zhit .info-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

@media (max-width: 640px) {
  html body.page-sila-zhit .hero-info-grid,
  html body.page-sila-zhit .info-grid {
    grid-template-columns: 1fr !important;
  }
}

html body.page-sila-zhit main.container .about-section-life {
  background: rgba(255, 255, 255, 0.92) !important;
  border-radius: var(--m-radius-lg, 24px) !important;
  border: 1px solid var(--m-border) !important;
  box-shadow: var(--m-shadow-sm) !important;
  padding: clamp(24px, 4vw, 40px) !important;
  margin-bottom: clamp(16px, 2.5vw, 24px) !important;
}

html body.page-sila-zhit #fundLife {
  background: rgba(255, 255, 255, 0.88) !important;
}

/* ── Документы и legal ── */
html body.page-fund-documents .container .section,
html body.page-sila-zhit-documents .container .section,
html body.page-privacy-policy .container .section,
html body.page-personal-data-consent .container .section,
html body.page-payment-acceptance-terms .container .section {
  background: var(--m-surface, #fff) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-lg, 24px) !important;
  box-shadow: var(--m-shadow-sm) !important;
  padding: clamp(24px, 4vw, 40px) !important;
  margin-bottom: clamp(16px, 2.5vw, 24px) !important;
}

html body.page-fund-documents .hero-subtitle,
html body.page-fund-documents .hero-subtitle-line,
html body.page-sila-zhit-documents .hero-subtitle,
html body.page-sila-zhit-documents .hero-subtitle-line {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: clamp(0.95rem, 1.8vw, 1.05rem) !important;
  line-height: 1.6 !important;
}

html body.page-fund-documents .download-box,
html body.page-sila-zhit-documents .download-box,
html body.page-fund-documents .doc-section,
html body.page-sila-zhit-documents .doc-section {
  border-radius: var(--m-radius-md, 18px) !important;
  border: 1px solid var(--m-border) !important;
  background: var(--m-surface-2, #f3f6f9) !important;
  padding: 16px 20px !important;
  margin-bottom: 10px !important;
  transition: box-shadow var(--m-dur, 0.28s) ease, transform var(--m-dur) ease !important;
}

html body.page-fund-documents .download-box:hover,
html body.page-sila-zhit-documents .download-box:hover {
  box-shadow: var(--m-shadow-sm) !important;
  transform: translateY(-2px) !important;
}

html body.page-fund-documents .doc-btn,
html body.page-sila-zhit-documents .doc-btn {
  min-height: 44px !important;
}

/* ── Новости сайта ── */
html body.page-novosti-sayta main.main-shell,
html body.page-novosti-sayta-admin main.main-shell {
  max-width: var(--m-content-w, 1240px) !important;
  margin: clamp(16px, 3vw, 28px) auto 0 !important;
  padding: 0 clamp(12px, 2.5vw, 20px) !important;
}

html body.page-novosti-sayta .user-news-hero,
html body.page-novosti-sayta-admin .user-news-hero {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--m-radius-xl, 32px) !important;
  padding: clamp(28px, 5vw, 48px) !important;
  margin-bottom: clamp(20px, 3vw, 28px) !important;
  background:
    linear-gradient(125deg, rgba(13, 40, 51, 0.94) 0%, rgba(26, 85, 104, 0.9) 55%, rgba(42, 156, 184, 0.85) 100%),
    url("../../images/bg-index-placdarm1.JPG") center / cover no-repeat !important;
  box-shadow: var(--m-shadow-lg) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html body.page-novosti-sayta .user-news-hero-inner,
html body.page-novosti-sayta-admin .user-news-hero-inner {
  position: relative !important;
  z-index: 1 !important;
}

html body.page-novosti-sayta .vk-feed-title,
html body.page-novosti-sayta-admin .vk-feed-title {
  color: #fff !important;
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 10px !important;
}

html body.page-novosti-sayta .vk-feed-subtitle,
html body.page-novosti-sayta-admin .vk-feed-subtitle {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: clamp(0.95rem, 1.6vw, 1.05rem) !important;
  line-height: 1.6 !important;
  max-width: 640px !important;
}

html body.page-novosti-sayta .user-search-card--hero,
html body.page-novosti-sayta-admin .user-search-card--hero {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 24px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-md, 18px) !important;
  box-shadow: var(--m-shadow-sm) !important;
  padding: 20px !important;
}

html body.page-novosti-sayta .vk-feed-card,
html body.page-novosti-sayta-admin .vk-feed-card {
  background: var(--m-surface, #fff) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-md, 18px) !important;
  box-shadow: var(--m-shadow-xs) !important;
  overflow: hidden !important;
  transition: transform var(--m-dur) ease, box-shadow var(--m-dur) ease !important;
}

html body.page-novosti-sayta .vk-feed-card:hover,
html body.page-novosti-sayta-admin .vk-feed-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--m-shadow-md) !important;
}

html body.page-novosti-sayta .vk-tab,
html body.page-novosti-sayta-admin .vk-tab {
  border-radius: var(--m-radius-pill, 999px) !important;
  font-family: var(--m-font, "Manrope", sans-serif) !important;
  font-weight: 600 !important;
  transition: background var(--m-dur) ease, color var(--m-dur) ease !important;
}

html body.page-novosti-sayta .vk-tab.active,
html body.page-novosti-sayta-admin .vk-tab.active {
  background: var(--m-gradient) !important;
  color: #fff !important;
}

html body.page-novosti-sayta .vk-btn,
html body.page-novosti-sayta-admin .vk-btn {
  border-radius: var(--m-radius-pill, 999px) !important;
  font-family: var(--m-font) !important;
  font-weight: 700 !important;
  min-height: 42px !important;
}

html body.page-novosti-sayta .vk-btn.primary,
html body.page-novosti-sayta-admin .vk-btn.primary {
  background: var(--m-gradient) !important;
  color: #fff !important;
  border: none !important;
}

/* ── Отзывы ── */
html body.page-otzyvy main.main-shell,
html body.page-otzyvy-reviews-footer-admin main.main-shell,
html body.page-otzyvy-reviews-no-numbers-admin-safe main.main-shell {
  max-width: var(--m-content-w, 1240px) !important;
  margin: clamp(16px, 3vw, 28px) auto clamp(24px, 4vw, 40px) !important;
  padding: 0 clamp(12px, 2.5vw, 20px) !important;
}

html body.page-otzyvy .feedback-page,
html body.page-otzyvy-reviews-footer-admin .feedback-page,
html body.page-otzyvy-reviews-no-numbers-admin-safe .feedback-page {
  background: var(--m-surface, #fff) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-xl, 32px) !important;
  box-shadow: var(--m-shadow-sm) !important;
  padding: clamp(28px, 5vw, 48px) !important;
  margin-bottom: clamp(20px, 3vw, 28px) !important;
}

html body.page-otzyvy .feedback-page > h1,
html body.page-otzyvy-reviews-footer-admin .feedback-page > h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
  font-weight: 800 !important;
  color: var(--m-ink) !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.02em !important;
}

html body.page-otzyvy .feedback-page > p,
html body.page-otzyvy-reviews-footer-admin .feedback-page > p {
  color: var(--m-muted) !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
}

html body.page-otzyvy .feedback-benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 32px !important;
}

@media (max-width: 768px) {
  html body.page-otzyvy .feedback-benefits {
    grid-template-columns: 1fr !important;
  }
}

html body.page-otzyvy .feedback-benefit {
  background: var(--m-surface-2, #f3f6f9) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-md, 18px) !important;
  padding: 18px 20px !important;
}

html body.page-otzyvy .feedback-benefit strong {
  display: block !important;
  color: var(--m-brand-700, #1a5568) !important;
  font-size: 1rem !important;
  margin-bottom: 6px !important;
}

html body.page-otzyvy .feedback-benefit span {
  color: var(--m-muted) !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}

html body.page-otzyvy .latest-reviews-block {
  background: var(--m-surface-2, #f3f6f9) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-lg, 24px) !important;
  padding: clamp(20px, 3vw, 32px) !important;
}

html body.page-otzyvy .latest-reviews-head h2 {
  color: var(--m-ink) !important;
  font-weight: 800 !important;
}

html body.page-otzyvy .latest-reviews-list .review-card,
html body.page-otzyvy .latest-reviews-list > article,
html body.page-otzyvy .latest-reviews-list > div {
  background: var(--m-surface, #fff) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-md, 18px) !important;
  padding: 18px 20px !important;
  margin-bottom: 12px !important;
  box-shadow: var(--m-shadow-xs) !important;
}

html body.page-otzyvy .btn,
html body.page-otzyvy .feedback-open-modal-btn {
  background: var(--m-gradient) !important;
  background-image: var(--m-gradient) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--m-radius-pill, 999px) !important;
  font-family: var(--m-font) !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 0 22px !important;
  min-height: 48px !important;
  box-shadow: var(--m-shadow-glow) !important;
  cursor: pointer !important;
  transition: transform var(--m-dur) ease, box-shadow var(--m-dur) ease !important;
}

html body.page-otzyvy .btn:hover,
html body.page-otzyvy .feedback-open-modal-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 36px rgba(42, 156, 184, 0.38) !important;
}

html body.page-otzyvy .latest-reviews-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

html body.page-otzyvy .vk-rightbar .vk-card,
html body.page-otzyvy .user-side-card {
  border-radius: var(--m-radius-md, 18px) !important;
  border: 1px solid var(--m-border) !important;
  box-shadow: var(--m-shadow-xs) !important;
  overflow: hidden !important;
}

/* ── Вакансии ── */
html body.page-vakansii main.image-sheet-page {
  max-width: var(--m-content-w, 1240px) !important;
  margin: clamp(16px, 3vw, 28px) auto clamp(24px, 4vw, 40px) !important;
  padding: 0 clamp(12px, 2.5vw, 20px) !important;
}

html body.page-vakansii .image-sheet-block {
  background: var(--m-surface, #fff) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-xl, 32px) !important;
  box-shadow: var(--m-shadow-md) !important;
  overflow: hidden !important;
  padding: clamp(12px, 2vw, 16px) !important;
}

html body.page-vakansii .image-sheet-picture {
  width: 100% !important;
  height: auto !important;
  border-radius: var(--m-radius-lg, 24px) !important;
  display: block !important;
}

/* ── Combat unit pages ── */
html body[class*="page-combat"] main,
html body.page-panama main {
  max-width: var(--m-content-w, 1240px) !important;
  margin: clamp(16px, 3vw, 28px) auto !important;
  padding: 0 clamp(12px, 2.5vw, 20px) !important;
}

html body[class*="page-combat"] .section,
html body.page-panama .section {
  border-radius: var(--m-radius-lg, 24px) !important;
  box-shadow: var(--m-shadow-sm) !important;
}

/* ── children_help_section ── */
html body.page-children-help-section .container,
html body.page-children-help-section main {
  max-width: var(--m-content-w, 1240px) !important;
  margin: 0 auto !important;
  padding: clamp(16px, 3vw, 28px) clamp(12px, 2.5vw, 20px) !important;
}

/* ── Hero subtitle на legal ── */
html body section.hero .hero-subtitle,
html body section.hero .hero-subtitle-line {
  color: rgba(255, 255, 255, 0.82) !important;
  display: block !important;
}

/* ── Унификация main.container ── */
html body main.container {
  padding-top: clamp(8px, 2vw, 16px) !important;
  padding-bottom: clamp(24px, 4vw, 40px) !important;
}

html body:not(.page-index) main.container:first-of-type {
  margin-top: 0 !important;
}

/* ── Старый голубой фон legacy ── */
html body:not(.page-index) {
  background: var(--m-bg-page, linear-gradient(180deg, #f5f8fb 0%, #e9eef3 100%)) !important;
  background-color: var(--m-bg, #edf1f5) !important;
}

/* ── Лаборатории: подстраницы (FPV, оптоволокно…) ── */
html body .lab-detail-scope section.hero,
html body .lab-content-scope.lab-detail-scope section.hero {
  max-width: 100% !important;
  padding: 0 !important;
  margin: clamp(16px, 3vw, 28px) 0 !important;
}

html body .lab-detail-scope section.hero .hero-content,
html body.page-laboratory-fpv section.hero .hero-content,
html body.page-laboratory-optovolokno section.hero .hero-content,
html body.page-laboratory-bpla-kt section.hero .hero-content,
html body.page-laboratory-r18-babayaga section.hero .hero-content {
  background-image:
    linear-gradient(125deg, rgba(13, 40, 51, 0.88) 0%, rgba(26, 85, 104, 0.82) 50%, rgba(42, 156, 184, 0.72) 100%),
    var(--lab-hero-image, url("../../images/ind_4bl_os.JPG")) !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
}

html body .lab-detail-scope .lab-detail-hero-cards,
html body .lab-detail-scope .hero-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

@media (max-width: 640px) {
  html body .lab-detail-scope .lab-detail-hero-cards,
  html body .lab-detail-scope .hero-cards {
    grid-template-columns: 1fr !important;
  }
}

html body .lab-detail-scope .lab-detail-info-section,
html body .lab-detail-scope .section {
  background: var(--m-surface, #fff) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-lg, 24px) !important;
  box-shadow: var(--m-shadow-sm) !important;
  padding: clamp(24px, 4vw, 40px) !important;
  margin-bottom: clamp(16px, 2.5vw, 24px) !important;
}

html body .lab-detail-scope .lab-detail-lead,
html body .lab-detail-scope .lab-detail-info-text p {
  color: var(--m-muted) !important;
  line-height: 1.65 !important;
}

html body .lab-detail-scope .hero-subtitle {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: clamp(0.95rem, 1.6vw, 1.05rem) !important;
  line-height: 1.6 !important;
  margin-top: 12px !important;
}

/* ── privacy-policy: hero без hero-content ── */
html body.page-privacy-policy section.hero,
html body.page-personal-data-consent section.hero,
html body.page-payment-acceptance-terms section.hero {
  max-width: var(--m-content-w, 1240px) !important;
  margin: clamp(16px, 3vw, 28px) auto !important;
  padding: 0 clamp(12px, 2.5vw, 20px) !important;
}

html body.page-privacy-policy section.hero > .hero-card,
html body.page-personal-data-consent section.hero > .hero-card,
html body.page-payment-acceptance-terms section.hero > .hero-card {
  display: block !important;
  width: 100% !important;
  border-radius: var(--m-radius-xl, 32px) !important;
  padding: clamp(32px, 5vw, 56px) clamp(24px, 4vw, 48px) !important;
  background:
    linear-gradient(125deg, rgba(13, 40, 51, 0.92) 0%, rgba(26, 85, 104, 0.88) 55%, rgba(42, 156, 184, 0.82) 100%),
    url("../../images/bg-index-placdarm1.JPG") center / cover no-repeat !important;
  box-shadow: var(--m-shadow-lg) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  position: relative !important;
  overflow: hidden !important;
}

html body.page-privacy-policy section.hero > .hero-card h1,
html body.page-privacy-policy section.hero > .hero-card .badge,
html body.page-privacy-policy section.hero > .hero-card .intro,
html body.page-personal-data-consent section.hero > .hero-card h1,
html body.page-payment-acceptance-terms section.hero > .hero-card h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.page-privacy-policy .doc-section,
html body.page-personal-data-consent .doc-section,
html body.page-payment-acceptance-terms .doc-section {
  background: var(--m-surface, #fff) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-lg, 24px) !important;
  box-shadow: var(--m-shadow-sm) !important;
  padding: clamp(24px, 4vw, 36px) !important;
  margin-bottom: clamp(14px, 2vw, 20px) !important;
}

html body.page-privacy-policy .doc-section h2,
html body.page-personal-data-consent .doc-section h2 {
  color: var(--m-ink) !important;
  font-weight: 800 !important;
  font-size: clamp(1.2rem, 2.5vw, 1.5rem) !important;
  margin-bottom: 14px !important;
}

html body.page-privacy-policy .privacy-policy-8-content,
html body.page-personal-data-consent .privacy-policy-8-content {
  max-width: var(--m-content-w, 1240px) !important;
  margin: 0 auto !important;
}

html body.page-privacy-policy main.container,
html body.page-personal-data-consent main.container {
  padding-top: clamp(8px, 2vw, 16px) !important;
}