/* ==========================================================================
   font.html — блоки 1–2 как на sila-zhit.html
   ========================================================================== */

html body.page-font {
  --font-ink: #1c2426;
  --font-muted: #516166;
  --font-line: rgba(28, 36, 38, 0.1);
  --font-brand: #2f7085;
  --font-brand-mid: #3f93ad;
  --font-brand-light: #92cbdb;
  --font-brand-gradient: linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%);
  --font-block-radius: var(--blk-radius, 20px);
  --font-card-radius: 16px;
  --font-block-gap: clamp(16px, 2.5vw, 24px);
  --font-hero-btn-index-w: 251.875px;
  --font-hero-btn-index-h: 49.125px;
  --font-hero-block-height: 3cm;
  --font-hero-title-font-size: clamp(1rem, 2.75vw, 1.625rem);
  --font-index-font-logo: 1.08rem;
  --font-index-font-hero-lead: var(--font-index-font-logo);
  --font-index-sector-text-share: 54%;
  --font-index-sector-image-share: 46%;
  --font-index-sector-border-blue: #3f93ad;
  --font-index-sector-border-mid: #a8c4d0;
  --font-index-sector-border-text: #dde5eb;
  --font-header-to-first-block-gap: 6mm;
  --font-header-content-default-gap: 10px;
  background: var(--bg-main, #eef5ff) !important;
}

/* Ровно 6 мм от низа шапки до первого блока */
html.site-blocks body.page-font {
  padding-top: calc(
    var(--m-header-h, 76px)
    - var(--font-header-content-default-gap, 10px)
    + var(--font-header-to-first-block-gap, 6mm)
  ) !important;
}

@media (max-width: 768px) {
  html body.page-font {
    --font-header-content-default-gap: 6px;
  }
}

/* ── Блок 1: modern-hero — как на index.html ── */
html body.page-font .modern-hero,
html.site-blocks body.page-font .modern-hero,
html body.page-font section.modern-hero,
html.site-blocks body.page-font section.modern-hero {
  max-width: var(--m-content-w, 1240px) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
  height: var(--font-hero-block-height, 3cm) !important;
  min-height: var(--font-hero-block-height, 3cm) !important;
  max-height: var(--font-hero-block-height, 3cm) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: clamp(24px, 5vw, 56px) !important;
  padding-right: clamp(24px, 5vw, 56px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body.page-font .modern-hero-bg {
  background: var(--site-picture-blue-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%)) !important;
  background-image: var(--site-picture-blue-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%)) !important;
}

html body.page-font .modern-hero-bg::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

html.m-next-ready body.page-font .modern-hero-bg {
  background: var(--site-picture-blue-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%)) !important;
  background-image: var(--site-picture-blue-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%)) !important;
}

html.m-next-ready body.page-font .modern-hero-bg::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

html body.page-font .modern-hero-inner {
  max-width: min(960px, 100%) !important;
  width: 100% !important;
}

html body.page-font .modern-hero-title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(10px, 2vw, 18px) !important;
  margin: 0 !important;
  line-height: 1.05 !important;
}

html body.page-font .modern-hero-lead {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

html body.page-font .modern-hero-brand-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-width: 0 !important;
  width: max-content !important;
  max-width: min(100%, 920px) !important;
  flex: 0 1 auto !important;
}

html body.page-font .modern-hero-title .modern-hero-brand {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  white-space: nowrap !important;
  font-size: inherit !important;
}

html body.page-font .modern-hero-lead-spacer {
  display: none !important;
}

html body.page-font .modern-hero-actions-spacer {
  display: inline-flex !important;
  width: var(--font-hero-btn-index-w, 251.875px) !important;
  min-width: var(--font-hero-btn-index-w, 251.875px) !important;
  max-width: var(--font-hero-btn-index-w, 251.875px) !important;
  height: var(--font-hero-btn-index-h, 49.125px) !important;
  min-height: var(--font-hero-btn-index-h, 49.125px) !important;
  max-height: var(--font-hero-btn-index-h, 49.125px) !important;
  flex: 0 0 var(--font-hero-btn-index-w, 251.875px) !important;
  visibility: hidden !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

html body.page-font .modern-hero-actions {
  display: inline-grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
}

html body.page-font .modern-hero-actions .modern-hero-btn {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
}

@media (max-width: 640px) {
  html body.page-font .modern-hero-title {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html body.page-font .modern-hero-brand-stack {
    width: max-content !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
  }

  html body.page-font .modern-hero-title .modern-hero-brand {
    white-space: nowrap !important;
    font-size: inherit !important;
  }
}

@media (max-width: 768px) {
  html body.page-font .modern-hero-actions {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  html body.page-font .modern-hero-actions-spacer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }
}

/* ── Блок 2: about-section ── */
html body.page-font main.container .about-section.about-section-placdarm {
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: clamp(24px, 4vw, 44px) clamp(20px, 3.5vw, 36px) !important;
  border-radius: var(--font-block-radius) !important;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.96) 0%, rgba(233, 248, 253, 0.88) 48%, rgba(255, 255, 255, 0.94) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  box-shadow:
    0 8px 32px rgba(37, 84, 100, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.page-font main.container .about-section.about-section-placdarm::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(233, 248, 253, 0.55)),
    url("../../images/font_2fon.JPG") center / cover no-repeat !important;
  opacity: 0.42 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  transform: none !important;
}

html body.page-font main.container .about-section.about-section-placdarm > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.page-font main.container .about-section.about-section-placdarm .section-eyebrow {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: var(--font-index-font-logo, 1.08rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  text-indent: 0 !important;
  color: var(--font-ink, #1c2426) !important;
  -webkit-text-fill-color: var(--font-ink, #1c2426) !important;
}

html body.page-font main.container .about-section.about-section-placdarm h2 {
  margin: 0 0 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  font-size: clamp(1.05rem, 2.2vw, 1.35rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  background: var(--oai-picture-blue-gradient, var(--font-brand-gradient)) !important;
  background-image: var(--oai-picture-blue-gradient, var(--font-brand-gradient)) !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-lead,
html body.page-font main.container .about-section.about-section-placdarm .about-lead p {
  margin: 0 0 clamp(18px, 3vw, 26px) !important;
  max-width: 820px !important;
  color: var(--font-muted) !important;
  -webkit-text-fill-color: var(--font-muted) !important;
  font-size: clamp(0.92rem, 1.5vw, 1rem) !important;
  line-height: 1.6 !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-grid.about-grid--with-feedback {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  grid-template-rows: none !important;
  row-gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-card-goals {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-self: stretch !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-card-action {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  align-self: start !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-card:not(.about-card-goals) {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(18px, 2.5vw, 24px) !important;
  border-radius: var(--font-card-radius) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(37, 84, 100, 0.1) !important;
  box-shadow: 0 10px 28px rgba(28, 36, 38, 0.08) !important;
  backdrop-filter: none !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-card:not(.about-card-goals)::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: var(--font-brand-gradient) !important;
  opacity: 0.92 !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-card h3 {
  margin: 4px 0 12px !important;
  font-size: clamp(0.95rem, 1.4vw, 1.08rem) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: var(--font-ink) !important;
  -webkit-text-fill-color: var(--font-ink) !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-card ul,
html body.page-font main.container .about-section.about-section-placdarm .about-card li,
html body.page-font main.container .about-section.about-section-placdarm .about-card p {
  color: var(--font-muted) !important;
  -webkit-text-fill-color: var(--font-muted) !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-card p {
  margin: 0 0 8px !important;
}

html body.page-font main.container .about-section.about-section-placdarm .about-card p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 900px) {
  html body.page-font main.container .about-section.about-section-placdarm .about-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-font main.container .about-section.about-section-placdarm .about-card-goals,
  html body.page-font main.container .about-section.about-section-placdarm .about-card-action {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ── Блок 3: #fundPl — карточки как на index.html (#fundSocialLegal) ── */
html body.page-font main.container #fundPl.fund-photo-section {
  position: relative !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.page-font main.container #fundPl.fund-photo-section::before {
  display: none !important;
  content: none !important;
}

html body.page-font main.container #fundPl .font-fund-pl-cards {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--font-block-gap) !important;
}

html body.page-font main.container #fundPl .home-direction-sector {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  isolation: isolate !important;
  border: none !important;
  background: #ffffff !important;
  border-radius: var(--font-index-sector-radius, 22px) !important;
  overflow: hidden !important;
  --font-index-sector-text-share: 54%;
  --font-index-sector-image-share: 46%;
  --font-index-sector-border-blue: #b5cad3;
  --font-index-sector-border-mid: #d8e3e8;
  --font-index-sector-border-text: #edf1f4;
  --font-index-sector-radius: 22px;
  box-shadow: 0 6px 18px rgba(37, 84, 100, 0.06) !important;
}

/* Рамка: светло-синяя у текстовой колонки (слева) */
html body.page-font main.container #fundPl .home-direction-sector::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1.5px !important;
  box-sizing: border-box !important;
  background: linear-gradient(
    90deg,
    var(--font-index-sector-border-blue) 0%,
    var(--font-index-sector-border-blue) calc(var(--font-index-sector-image-share) - 4%),
    var(--font-index-sector-border-mid) var(--font-index-sector-image-share),
    var(--font-index-sector-border-text) calc(var(--font-index-sector-image-share) + 2%),
    var(--font-index-sector-border-text) 100%
  ) !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Картинка слева — светло-синяя у текстовой колонки (справа) */
html body.page-font main.container #fundPl .home-direction-sector:has(.home-activity-card--flip)::before,
html body.page-font main.container #fundPl .home-direction-sector--image-left::before {
  background: linear-gradient(
    90deg,
    var(--font-index-sector-border-text) 0%,
    var(--font-index-sector-border-text) calc(var(--font-index-sector-text-share) - 2%),
    var(--font-index-sector-border-mid) var(--font-index-sector-text-share),
    var(--font-index-sector-border-blue) calc(var(--font-index-sector-text-share) + 4%),
    var(--font-index-sector-border-blue) 100%
  ) !important;
}

html body.page-font main.container #fundPl .home-activity-card--wide {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: default !important;
  text-decoration: none !important;
  color: inherit !important;
}

html body.page-font main.container #fundPl .home-activity-card--wide::before {
  display: none !important;
  content: none !important;
}

html body.page-font main.container #fundPl .home-activity-card-wide-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: inherit !important;
}

html body.page-font main.container #fundPl .home-activity-card--wide.home-activity-card--flip .home-activity-card-wide-inner {
  flex-direction: row-reverse !important;
}

html body.page-font main.container #fundPl .home-activity-card--wide:not(.home-activity-card--flip) .home-activity-card-text {
  border-radius: var(--font-index-sector-radius, 22px) 0 0 var(--font-index-sector-radius, 22px) !important;
}

html body.page-font main.container #fundPl .home-activity-card--wide:not(.home-activity-card--flip) .home-activity-card-media {
  border-radius: 0 var(--font-index-sector-radius, 22px) var(--font-index-sector-radius, 22px) 0 !important;
}

html body.page-font main.container #fundPl .home-activity-card--wide.home-activity-card--flip .home-activity-card-text {
  border-radius: 0 var(--font-index-sector-radius, 22px) var(--font-index-sector-radius, 22px) 0 !important;
}

html body.page-font main.container #fundPl .home-activity-card--wide.home-activity-card--flip .home-activity-card-media {
  border-radius: var(--font-index-sector-radius, 22px) 0 0 var(--font-index-sector-radius, 22px) !important;
}

html body.page-font main.container #fundPl .home-activity-card-text {
  flex: 1 1 54% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding-top: var(--font-card-text-pad-top, 18px) !important;
  padding-left: var(--font-card-text-pad-inline, 20px) !important;
  padding-right: var(--font-card-text-pad-inline, 20px) !important;
  padding-bottom: var(--font-fund-card-btn-gap-bottom, clamp(10px, 1.5vw, 14px)) !important;
  background: #ffffff !important;
  color: var(--font-ink) !important;
  text-shadow: none !important;
  order: 0 !important;
}

html body.page-font main.container #fundPl .home-activity-card-media {
  flex: 0 0 44% !important;
  width: auto !important;
  height: auto !important;
  min-height: clamp(210px, 22vw, 270px) !important;
  margin-top: 0 !important;
  padding: clamp(10px, 1.5vw, 14px) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #ffffff !important;
  aspect-ratio: auto !important;
  order: 0 !important;
}

html body.page-font main.container #fundPl .home-activity-card-title.section-logo-title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: var(--font-index-font-logo, 1.08rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  text-indent: 0 !important;
  color: var(--font-ink, #1c2426) !important;
  -webkit-text-fill-color: var(--font-ink, #1c2426) !important;
}

html body.page-font main.container #fundPl .home-activity-card-title .section-logo-brand {
  display: inline !important;
  max-width: 100% !important;
  white-space: normal !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  text-align: inherit !important;
  text-indent: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body.page-font main.container #fundPl .home-activity-card-text p {
  margin: 0 !important;
  text-indent: 1.5em !important;
  padding-inline-start: 0 !important;
  font-size: clamp(0.88rem, 1.35vw, 0.96rem) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  color: var(--font-muted) !important;
  -webkit-text-fill-color: var(--font-muted) !important;
}

html body.page-font main.container #fundPl .home-activity-card-text p:last-of-type {
  margin-bottom: 0 !important;
}

html body.page-font main.container #fundPl .home-activity-card-media::after {
  display: none !important;
  content: none !important;
}

html body.page-font main.container #fundPl .home-activity-card-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(190px, 20vw, 250px) !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: max(0px, calc(var(--font-index-sector-radius, 22px) - clamp(10px, 1.5vw, 14px))) !important;
  filter: saturate(0.94) contrast(0.98) !important;
  transform: none !important;
  transition: none !important;
}

html body.page-font main.container #fundPl .home-activity-card-actions-mob,
html body.page-font main.container #fundPl .home-activity-card-actions-mob.fund-action-row,
html body.page-font main.container #fundPl .home-activity-card-actions-mob.fund-action-row-mobile {
  display: none !important;
  padding: 0 18px 18px !important;
}

@media (max-width: 768px) {
  html body.page-font main.container #fundPl .home-direction-sector {
    --font-index-sector-image-share: 42%;
  }

  html body.page-font main.container #fundPl .home-direction-sector::before,
  html body.page-font main.container #fundPl .home-direction-sector:has(.home-activity-card--flip)::before,
  html body.page-font main.container #fundPl .home-direction-sector--image-left::before {
    background: linear-gradient(
      180deg,
      var(--font-index-sector-border-text) 0%,
      var(--font-index-sector-border-text) calc(var(--font-index-sector-image-share) - 4%),
      var(--font-index-sector-border-mid) var(--font-index-sector-image-share),
      var(--font-index-sector-border-blue) calc(var(--font-index-sector-image-share) + 2%),
      var(--font-index-sector-border-blue) 100%
    ) !important;
  }

  html body.page-font main.container #fundPl .home-activity-card--wide .home-activity-card-text,
  html body.page-font main.container #fundPl .home-activity-card--wide.home-activity-card--flip .home-activity-card-text {
    border-radius: 0 !important;
  }

  html body.page-font main.container #fundPl .home-activity-card--wide .home-activity-card-media,
  html body.page-font main.container #fundPl .home-activity-card--wide.home-activity-card--flip .home-activity-card-media {
    border-radius: var(--font-index-sector-radius, 22px) var(--font-index-sector-radius, 22px) 0 0 !important;
  }

  html body.page-font main.container #fundPl .home-activity-card-wide-inner,
  html body.page-font main.container #fundPl .home-activity-card--wide.home-activity-card--flip .home-activity-card-wide-inner {
    flex-direction: column !important;
  }

  html body.page-font main.container #fundPl .home-activity-card-media {
    flex: none !important;
    width: 100% !important;
    order: -1 !important;
    min-height: 200px !important;
  }

  html body.page-font main.container #fundPl .home-activity-card-text .fund-action-row-desktop {
    display: none !important;
  }

  html body.page-font main.container #fundPl .home-activity-card-actions-mob,
  html body.page-font main.container #fundPl .home-activity-card-actions-mob.fund-action-row,
  html body.page-font main.container #fundPl .home-activity-card-actions-mob.fund-action-row-mobile {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.page-font main.container #fundPl .home-activity-card-actions-mob .contract-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
}