/* positions.html — блоки 3–5: карточки как направления на laboratory.html */

html body.page-positions {
  --positions-history-ink: #1c2426;
  --positions-history-muted: #516166;
  --positions-history-brand-gradient: linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%);
  --positions-history-sector-radius: 22px;
  --positions-history-sector-text-share: 54%;
  --positions-history-sector-image-share: 46%;
  --positions-history-sector-border-blue: #b5cad3;
  --positions-history-sector-border-mid: #d8e3e8;
  --positions-history-sector-border-text: #edf1f4;
  --positions-history-title-font-size: var(--index-font-logo, 1.08rem);
  --positions-history-cell-pad: clamp(10px, 1.5vw, 14px);
  --positions-history-text-pad-x: clamp(20px, 2.8vw, 28px);
  --positions-history-text-pad-top: clamp(20px, 2.8vw, 28px);
  --positions-history-media-col-min-height: clamp(210px, 22vw, 270px);
  --positions-history-media-frame-min-height: clamp(190px, 20vw, 250px);
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory.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-positions main.container #positionsHistory#positionsHistory#positionsHistory.fund-photo-section::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .font-fund-pl-cards {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--positions-block-gap, clamp(16px, 2.5vw, 24px)) !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .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(--positions-history-sector-radius) !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(37, 84, 100, 0.06) !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .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(--positions-history-sector-border-blue) 0%,
    var(--positions-history-sector-border-blue) calc(var(--positions-history-sector-image-share) - 4%),
    var(--positions-history-sector-border-mid) var(--positions-history-sector-image-share),
    var(--positions-history-sector-border-text) calc(var(--positions-history-sector-image-share) + 2%),
    var(--positions-history-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-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-direction-sector:has(.home-activity-card--flip)::before,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-direction-sector--image-left::before {
  background: linear-gradient(
    90deg,
    var(--positions-history-sector-border-text) 0%,
    var(--positions-history-sector-border-text) calc(var(--positions-history-sector-text-share) - 2%),
    var(--positions-history-sector-border-mid) var(--positions-history-sector-text-share),
    var(--positions-history-sector-border-blue) calc(var(--positions-history-sector-text-share) + 4%),
    var(--positions-history-sector-border-blue) 100%
  ) !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .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;
}

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

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .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-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card--wide.home-activity-card--flip .home-activity-card-wide-inner {
  flex-direction: row-reverse !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card--wide:not(.home-activity-card--flip) .home-activity-card-text {
  border-radius: var(--positions-history-sector-radius) 0 0 var(--positions-history-sector-radius) !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card--wide:not(.home-activity-card--flip) .home-activity-card-media {
  border-radius: 0 var(--positions-history-sector-radius) var(--positions-history-sector-radius) 0 !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card--wide.home-activity-card--flip .home-activity-card-text {
  border-radius: 0 var(--positions-history-sector-radius) var(--positions-history-sector-radius) 0 !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card--wide.home-activity-card--flip .home-activity-card-media {
  border-radius: var(--positions-history-sector-radius) 0 0 var(--positions-history-sector-radius) !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .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;
  align-self: stretch !important;
  padding:
    var(--positions-history-text-pad-top)
    var(--positions-history-text-pad-x)
    var(--positions-history-cell-pad)
    var(--positions-history-text-pad-x) !important;
  background: #ffffff !important;
  color: var(--positions-history-ink) !important;
  order: 0 !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card-media {
  flex: 0 0 44% !important;
  width: auto !important;
  height: auto !important;
  min-height: var(--positions-history-media-col-min-height) !important;
  margin-top: 0 !important;
  padding: var(--positions-history-cell-pad) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #ffffff !important;
  aspect-ratio: auto !important;
  order: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card-title.section-logo-title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: var(--positions-history-title-font-size, var(--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(--positions-history-ink, #1c2426) !important;
  -webkit-text-fill-color: var(--positions-history-ink, #1c2426) !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  text-shadow: none !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .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;
}

/* #labs-333 — заголовок «77 омсп» строчными буквами */
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory #labs-333 .home-activity-card-title,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory #labs-333 .home-activity-card-title .section-logo-brand {
  text-transform: lowercase !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card-text p {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(0.88rem, 1.35vw, 0.96rem) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  color: var(--positions-history-muted) !important;
  -webkit-text-fill-color: var(--positions-history-muted) !important;
  text-shadow: none !important;
  text-indent: 1.5em !important;
  padding-inline-start: 0 !important;
  text-align: justify !important;
  text-align-last: left !important;
  text-justify: inter-word !important;
  hyphens: none !important;
}

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

/* #labs — основной текст на 1.25× меньше, чем у #labs-333 и #labs-111, затем увеличен в 1.1 раза */
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory #labs .home-activity-card-text p {
  font-size: clamp(calc(0.88rem / 1.25 * 1.1), calc(1.35vw / 1.25 * 1.1), calc(0.96rem / 1.25 * 1.1)) !important;
}

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

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card-media img {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: var(--positions-history-media-frame-min-height) !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: max(0px, calc(var(--positions-history-sector-radius) - var(--positions-history-cell-pad))) !important;
  filter: saturate(0.94) contrast(0.98) !important;
  transform: none !important;
  transition: none !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card:hover img,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card:focus-visible img,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card:hover .home-activity-card-media img,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card:focus-visible .home-activity-card-media img {
  transform: none !important;
  filter: saturate(0.94) contrast(0.98) !important;
  opacity: 1 !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .positions-video-wrap,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .positions-video-wrap.video-frame {
  flex: 1 1 auto !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: var(--positions-history-media-frame-min-height) !important;
  padding-bottom: 0 !important;
  border-radius: max(0px, calc(var(--positions-history-sector-radius) - var(--positions-history-cell-pad))) !important;
  overflow: hidden !important;
  background: #000 !important;
  box-shadow: none !important;
}

/* #labs-111: высота карточки = карточка #labs-333 (переменная выставляется в positions.js) */
@media (min-width: 769px) {
  html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory #labs-111.home-direction-sector {
    height: var(--positions-history-reference-card-height, auto) !important;
    min-height: var(--positions-history-reference-card-height, auto) !important;
    max-height: var(--positions-history-reference-card-height, none) !important;
  }

  html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory #labs-111 .home-activity-card--wide {
    flex: 1 1 auto !important;
    min-height: 100% !important;
    height: 100% !important;
  }

  html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory #labs-111 .home-activity-card-wide-inner {
    flex: 1 1 auto !important;
    min-height: 100% !important;
    height: 100% !important;
  }
}

/* #labs: высота рамки видео = рамка картинки в #labs-333 (переменная выставляется в positions.js) */
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory #labs .home-activity-card-media.positions-history-media--video {
  justify-content: flex-end !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory #labs .positions-video-wrap,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory #labs .positions-video-wrap.video-frame {
  flex: 0 0 var(--positions-history-reference-media-height, var(--positions-history-media-frame-min-height)) !important;
  height: var(--positions-history-reference-media-height, auto) !important;
  min-height: var(--positions-history-reference-media-height, var(--positions-history-media-frame-min-height)) !important;
  max-height: var(--positions-history-reference-media-height, none) !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .positions-video-wrap video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .positions-video-wrap .video-quality-menu {
  position: absolute !important;
  z-index: 3 !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card--wide:hover,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card--wide:focus-within {
  transform: none !important;
  border: none !important;
  box-shadow: none !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card-actions-mob.fund-action-row-mobile {
  display: none !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .fund-action-row-desktop {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  margin-top: auto !important;
  padding-top: 12px !important;
  padding-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-shrink: 0 !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .fund-action-row .contract-btn,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .fund-action-row .history-action-btn {
  width: var(--index-news-btn-width, 6.4cm) !important;
  min-width: var(--index-news-btn-width, 6.4cm) !important;
  max-width: var(--index-news-btn-width, 6.4cm) !important;
  inline-size: var(--index-news-btn-width, 6.4cm) !important;
  height: var(--index-news-btn-height, 1.3cm) !important;
  min-height: var(--index-news-btn-height, 1.3cm) !important;
  max-height: var(--index-news-btn-height, 1.3cm) !important;
  block-size: var(--index-news-btn-height, 1.3cm) !important;
  padding: 0 0.32cm !important;
  margin: 0 !important;
  border: none !important;
  border-radius: var(--index-news-btn-radius, 14px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.12 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-sizing: border-box !important;
  flex: 0 0 var(--index-news-btn-width, 6.4cm) !important;
  white-space: nowrap !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  background: var(--oai-picture-blue-gradient, var(--positions-history-brand-gradient)) !important;
  background-image: var(--oai-picture-blue-gradient, var(--positions-history-brand-gradient)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--oai-picture-blue-shadow, 0 12px 30px rgba(37, 84, 100, 0.28)) !important;
}

html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .fund-action-row .contract-btn:hover,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .fund-action-row .contract-btn:focus-visible,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .fund-action-row .history-action-btn:hover,
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .fund-action-row .history-action-btn:focus-visible {
  background: var(--oai-picture-blue-gradient-hover, linear-gradient(135deg, #1f4b5b 0%, #2f7892 52%, #75adbc 100%)) !important;
  background-image: var(--oai-picture-blue-gradient-hover, linear-gradient(135deg, #1f4b5b 0%, #2f7892 52%, #75adbc 100%)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--oai-picture-blue-shadow-hover, 0 16px 36px rgba(37, 84, 100, 0.36)) !important;
  transform: translateY(-2px) !important;
}

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

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

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

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

  html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card--wide .home-activity-card-media,
  html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card--wide.home-activity-card--flip .home-activity-card-media {
    border-radius: var(--positions-history-sector-radius) var(--positions-history-sector-radius) 0 0 !important;
    order: -1 !important;
    flex: none !important;
    width: 100% !important;
    min-height: 200px !important;
  }

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

  html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card-actions-mob.fund-action-row-mobile {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 0 18px 18px !important;
  }

  html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card-actions-mob .contract-btn,
  html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory .home-activity-card-actions-mob .history-action-btn {
    width: var(--index-news-btn-width, 6.4cm) !important;
    min-width: var(--index-news-btn-width, 6.4cm) !important;
    max-width: min(var(--index-news-btn-width, 6.4cm), 100%) !important;
    inline-size: var(--index-news-btn-width, 6.4cm) !important;
    height: var(--index-news-btn-height, 1.3cm) !important;
    min-height: var(--index-news-btn-height, 1.3cm) !important;
    max-height: var(--index-news-btn-height, 1.3cm) !important;
    block-size: var(--index-news-btn-height, 1.3cm) !important;
    padding: 0 0.28cm !important;
    font-size: 14px !important;
    flex: 0 0 var(--index-news-btn-width, 6.4cm) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.12 !important;
    border-radius: var(--index-news-btn-radius, 14px) !important;
  }
}