/* One decorative design for all page openings; content section colours stay distinct. */
body[data-theme="yandex"] #main-content :is(.site-hero-background,.site-hero-cover-background) {
  background-color: #0f1827 !important;
  background-image: url('/assets/icons/floral-outline-v11.svg'), url('/assets/icons/leaf-outline-v11.svg'), url('/assets/icons/commerce-store-outline-v21.svg'), url('/assets/icons/commerce-cart-outline-v21.svg'), url('/assets/icons/commerce-growth-outline-v21.svg') !important;
  background-repeat: no-repeat !important;
  /* Each motif occupies its own vertical band. Percentage heights shrink
     short headings as well as narrow screens; fixed pixel caps keep tall
     service openings from enlarging the decoration. No layout measurement
     or extra script is needed. */
  background-size: auto min(60%,390px), auto min(35%,330px), auto min(25%,137px), auto min(28%,155px), auto min(22%,127px) !important;
  background-position: right -30px top 0, left -58px bottom 0, left 14px top 5%, right 14px bottom 4%, left -28px top 44% !important;
}
body[data-theme="yandex"] #main-content .site-hero-background h1 { color: #fff !important; }
body[data-theme="yandex"] #main-content .site-hero-light-origin {
  padding: clamp(28px,4vw,48px); border-radius: 24px; color: #fff;
}
body[data-theme="yandex"] #main-content .site-hero-light-origin > p { color: #c7d0de !important; }
body[data-theme="yandex"] #main-content .site-hero-light-origin h1 { hyphens: none !important; word-break: normal !important; }
body[data-theme="yandex"] #main-content .site-hero-light-origin .avf-legal__eyebrow { color: #ffd400 !important; }
/* The original map and slanted strip are decorative background layers. Keep
   their source markup and all presentation content, showing the common theme. */
body[data-theme="yandex"] #about-original .site-hero-presentation > .component-bg,
body[data-theme="yandex"] #about-original .site-hero-presentation > .free-area { display: none !important; }
@media (min-width:1800px) {
  body[data-theme="yandex"] #main-content :is(.site-hero-background,.site-hero-cover-background) {
    background-size: auto min(60%,390px), auto min(35%,330px), auto min(25%,167px), auto min(28%,187px), auto min(22%,152px) !important;
    background-position: right -30px top 0, left -58px bottom 0, left 64px top 5%, right 64px bottom 4%, left 56px top 44% !important;
  }
}
@media (max-width:980px) {
  body[data-theme="yandex"] #main-content :is(.site-hero-background,.site-hero-cover-background) {
    background-image: url('/assets/icons/floral-outline-v11.svg'), url('/assets/icons/leaf-outline-v11.svg'), url('/assets/icons/commerce-cart-outline-v21.svg') !important;
    background-size: auto min(60%,303px), auto min(35%,261px), auto min(22%,128px) !important;
    background-position: right -38px top 0, left -58px bottom 0, left -40px top 5% !important;
  }
}
@media (max-width:640px) {
  body[data-theme="yandex"] #main-content :is(.site-hero-background,.site-hero-cover-background) {
    background-size: auto min(60%,250px), auto min(35%,206px), auto min(22%,109px) !important;
    background-position: right -38px top 0, left -58px bottom 0, left -32px top 5% !important;
  }
  body[data-theme="yandex"] #main-content .site-hero-light-origin { padding: 28px 22px; border-radius: 22px; }
  body[data-theme="yandex"] #main-content .site-hero-light-origin h1 { font-size: 26px; line-height: 1.15; }
}