@charset "UTF-8";
@font-face {
    font-family: "Brutal Type";
    src: local("Brutal Type Light");
    src: url("/_new/assets/fonts/BrutalType/BrutalType-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Brutal Type";
    src: local("Brutal Type Regular");
    src: url("/_new/assets/fonts/BrutalType/BrutalType-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Brutal Type";
    src: local("Brutal Type Medium");
    src: url("/_new/assets/fonts/BrutalType/BrutalType-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Brutal Type";
    src: local("Brutal Type Bold");
    src: url("/_new/assets/fonts/BrutalType/BrutalType-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal
}

:root {
    --h1-font-size: 48px;
    --h2-font-size: 40px;
    --h3-font-size: 32px;
    --h4-font-size: 24px;
    --h5-font-size: 20px;
    --h6-font-size: 17px;
    --title-line-height: 1.25
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html, body {
    min-height: 100%
}

button, input, textarea {
    -webkit-appearance: none;
    outline: none
}

button {
    border: none
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input {
    border-radius: 0
}

input[type=number] {
    -moz-appearance: textfield
}

body.open-modal, html.open-modal {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1
}

a {
    background-color: transparent;
    outline: none;
    text-decoration: none
}

ul {
    list-style-type: none
}

img {
    -webkit-user-select: none;
    user-select: none;
    vertical-align: top
}

video {
    vertical-align: top
}

img.lazy-load {
    background-image: url(data:image/gif;base64,R0lGODlhCgAIAIABAN3d3f///yH5BAEAAAEALAAAAAAKAAgAAAINjAOnyJv2oJOrVXrzKQA7)
}

img.lazy-load--no-bg {
    background-image: none
}

img.lazy-load.loaded {
    background-image: none
}

h1 {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: var(--h1-font-size);
    line-height: var(--title-line-height)
}

h2 {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: var(--h2-font-size);
    line-height: var(--title-line-height)
}

h3 {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: var(--h3-font-size);
    line-height: var(--title-line-height)
}

h4 {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: var(--h4-font-size);
    line-height: var(--title-line-height)
}

h5 {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: var(--h5-font-size);
    line-height: var(--title-line-height)
}

h6 {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: var(--h6-font-size);
    line-height: var(--title-line-height)
}

.wrapper {
    width: 100%;
    margin: 0 auto
}

.container {
    width: 1200px;
    margin: 0 auto
}

.container--wide {
    width: calc(100% - 96px)
}

.section {
    padding: 96px 0;
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF
}

.section--gray {
    background-color: #FAFAFA;
    border-bottom: 1px solid #FAFAFA
}

.section--bordered {
    border-bottom: 1px solid #ECECEC
}

@media (max-width: 1280px) {
    .container {
        width: 95%
    }
}

@media (max-width: 960px) {
    :root {
        --h1-font-size: 42px;
        --h2-font-size: 36px;
        --h3-font-size: 28px;
        --h4-font-size: 23px
    }
}

@media (max-width: 768px) {
    :root {
        --h1-font-size: 38px;
        --h2-font-size: 33px;
        --h3-font-size: 27px
    }

    .container {
        width: 92%
    }

    h1 br, h2 br, h3 br, h4 br {
        display: none
    }
}

@media (max-width: 580px) {
    .container {
        width: 90%
    }
}

@keyframes mouseWheel {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(60%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes hand {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(35%)
    }
    to {
        transform: translateY(0)
    }
}

.header {
    background-color: transparent;
    width: 100%;
    min-height: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: var(--event-strip-offset, 48px);
    left: 0;
    z-index: 3;
    transition: background-color 0.65s ease, border-color 0.65s ease, backdrop-filter 0.65s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.header--light {
	background-color: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid #ececec;
	backdrop-filter: blur(12px);
}

.header--scrolled-dark {
	background-color: rgba(21, 21, 21, 0.97);
	border-bottom-color: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(12px);
	transition: background-color 0.65s ease, border-color 0.65s ease, backdrop-filter 0.65s ease;
}

/* Компактный анонс актуального события под фиксированной шапкой. */
.event-strip {
    position: absolute;
    bottom: 100%;
    left: 0;
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 6px 24px;
    color: #fff;
    background: #203d70;
    box-shadow: 0 8px 24px rgba(10, 25, 48, .18);
    font-family: "Brutal Type", sans-serif;
    opacity: var(--event-strip-opacity, 1);
    transform: translateY(var(--event-strip-shift, 0));
    will-change: transform, opacity;
    pointer-events: var(--event-strip-pointer-events, auto);
}

.event-strip__brand {
    display: flex;
    flex: 0 0 62px;
    height: 34px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #203d70;
    line-height: 0;
}

.event-strip__brand img {
    display: block;
    max-width: none;
    width: 62px;
    height: 62px;
    object-fit: cover;
    object-position: center;
}

.event-strip__content {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 16px;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
}

.event-strip__title {
    color: #d7ff00;
    font-size: 14px;
    font-weight: 700;
}

.event-strip__date { font-weight: 700; }
.event-strip__place { color: rgba(255, 255, 255, .82); }
.event-strip__place b { color: #fff; font-weight: 700; }

.event-strip__button {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    color: #151515;
    border-radius: 6px;
    background: #ffd73d;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .14);
    font-size: 13px;
    font-weight: 700;
    transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.event-strip__button:hover {
    color: #151515;
    background: #ffcc0a;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    transform: scale(1.035);
}

@media (max-width: 1100px) {
    .event-strip { gap: 14px; padding-inline: 16px; }
    .event-strip__content { gap: 12px; }
    .event-strip__place { display: none; }
}

@media (max-width: 670px) {
    .header { top: var(--event-strip-offset, 54px); }
    .event-strip {
        min-height: 54px;
        justify-content: space-between;
        gap: 8px;
        padding: 7px 10px;
    }
    .event-strip__brand { flex-basis: 44px; width: 44px; height: 40px; }
    .event-strip__brand img { width: 48px; height: 48px; }
    .event-strip__content { display: block; flex: 1 1 auto; white-space: normal; }
    .event-strip__title { display: block; font-size: 12px; }
    .event-strip__date { display: block; margin-top: 2px; font-size: 11px; }
    .event-strip__button { min-height: 34px; padding-inline: 11px; font-size: 11px; }
}

.header--light .header-nav__link a {
	color: #151515;
}

.header--light .header-phone__inner {
	color: #151515;
}

.header--light .header-phone__label {
	color: #808080;
	border-bottom-color: #c3c3c3;
}

.header--light .header__lang {
	color: #808080;
	border-right-color: #ececec;
	border-bottom-color: #ececec;
}

.header--light .header__lang--active {
	color: #151515;
}

.header--light .header__langs:hover .header__lang {
	color: #808080;
}

.header--light .header__lang:hover {
	color: #151515 !important;
}

.header--light .header__messenger {
	border-left-color: #ececec;
	border-bottom-color: #ececec;
}

.header--mohist-tech .header__logo {
    width: 242px
}

.header--mohist-tech .header__phone {
    width: 242px
}

.header--mohist-tech .header-nav__link:hover a {
    color: #DF0D26
}

.header-nav__link a[data-category="mohist-tech"]:hover {
    color: #DF0D26
}

.header--mohist-tech .header-phone__inner:hover {
    color: #DF0D26
}

.header--mohist-tech .header-phone__label:hover {
    color: #DF0D26;
    border-bottom: 1px dashed #DF0D26
}

.header__logo {
    width: 182px;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    transition: 0.365s opacity
}

.header__logo:hover {
    opacity: 0.6
}

.header__logo--disabled:hover {
    opacity: 1;
    cursor: default
}

.header__logo img {
    width: 100%;
    height: auto
}

.header-logo__dark {
    display: none
}

.header__langs {
    width: 60px;
    height: 82px;
    display: flex;
    flex-direction: column
}

.header__langs:hover .header__lang {
    color: rgba(255, 255, 255, 0.5)
}

.header__lang {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.25;
    letter-spacing: 0.1px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 41px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: 0.365s color
}

.header__lang:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.header__lang--active {
    cursor: default;
    color: white
}

.header__lang:hover {
    color: white !important
}

.header__body {
    width: calc(100% - 176px);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-nav__links {
    display: flex;
    align-items: center
}

.header-nav__link a {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1.25;
    color: #FFFFFF;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 16px;
    transition: 0.365s color;
    white-space: nowrap
}

.header-nav__link a:hover {
    color: #FFD73D
}
.header-nav__link_uniqu a{
    display:flex;
    align-items:center;
    justify-content:center;
   
    margin-left:20px;

    height:40px;
    padding:0 28px;

    background:#FFD43B;
    color:#111;

    border-radius:14px;

    font-family:"Brutal Type", sans-serif;
    font-weight:700;
    transition:.25s ease;
}
.header-nav__link_uniqu { display: flex; align-items: center }
.services__items--single { grid-template-columns: minmax(0, 1fr) }
.promo-social__icon--text { display: flex; align-items: center; justify-content: center; color: #fff; border: 2px solid currentColor; font-size: 14px; font-weight: 700 }

.contacts-partners {
    padding: 72px 0;
    background: #171717;
    color: #fff;
}

.contacts-partners__container {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
    gap: 64px;
    align-items: end;
}

.contacts-partners__eyebrow {
    margin: 0 0 14px;
    color: #ffd73d;
    font: 500 13px/1.2 "Brutal Type", sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.contacts-partners__title {
    max-width: 780px;
    margin: 0 0 20px;
    color: #fff;
    font: 500 clamp(38px, 4.4vw, 64px)/1.04 "Brutal Type", sans-serif;
}

.contacts-partners__text {
    max-width: 780px;
    margin: 0;
    color: #b5b5b5;
    font: 400 18px/1.55 "Brutal Type", sans-serif;
}

.contacts-partners__mail {
    min-height: 142px;
    padding: 28px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-content: center;
    gap: 9px 20px;
    color: #151515;
    background: #ffd73d;
    transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.contacts-partners__mail:hover {
    background: #ffcc0a;
    transform: scale(1.02);
    box-shadow: 0 16px 38px rgba(255, 204, 10, .25);
}

.contacts-partners__mail-label {
    grid-column: 1 / -1;
    color: #5e5100;
    font: 500 13px/1.2 "Brutal Type", sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.contacts-partners__mail strong {
    overflow-wrap: anywhere;
    font: 500 clamp(19px, 2vw, 27px)/1.2 "Brutal Type", sans-serif;
}

.contacts-partners__mail-arrow {
    align-self: center;
    font-size: 30px;
}

@media (max-width: 900px) {
    .contacts-partners__container { grid-template-columns: 1fr; gap: 36px }
    .contacts-partners__mail { max-width: 520px }
}

@media (max-width: 640px) {
    .contacts-partners { padding: 52px 0 }
    .contacts-partners__text { font-size: 16px }
    .contacts-partners__mail { min-height: 118px; padding: 22px }
}

.contacts-socials {
    padding: 72px 0;
    border-top: 1px solid #e6e6e6;
}

.contacts-socials__container {
    display: grid;
    grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.7fr);
    gap: 56px;
    align-items: end;
}

.contacts-socials__eyebrow {
    margin: 0 0 14px;
    color: #8b8b8b;
    font: 500 13px/1.2 "Brutal Type", sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.contacts-socials__title {
    margin: 0 0 18px;
    color: #151515;
    font: 500 clamp(36px, 4vw, 58px)/1.05 "Brutal Type", sans-serif;
}

.contacts-socials__text {
    max-width: 520px;
    margin: 0;
    color: #767676;
    font: 400 17px/1.5 "Brutal Type", sans-serif;
}

.contacts-socials__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.contacts-socials__card {
    min-height: 104px;
    padding: 22px;
    display: grid;
    grid-template-columns: 34px 1fr auto;
    gap: 14px;
    align-items: center;
    color: #151515;
    background: #fff;
    border: 1px solid #e2e2e2;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.contacts-socials__card:hover {
    transform: translateY(-3px);
    border-color: #ffd73d;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .1);
}

.contacts-socials__icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contacts-socials__icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.contacts-socials__icon--text {
    border: 2px solid #151515;
    font: 700 13px/1 "Brutal Type", sans-serif;
}

.contacts-socials__name {
    font: 500 17px/1.2 "Brutal Type", sans-serif;
}

.contacts-socials__arrow {
    color: #8b8b8b;
    font-size: 20px;
}

.contacts-socials__disclaimer {
    grid-column: 2;
    margin: 2px 0 0;
    color: #969696;
    font: 400 12px/1.45 "Brutal Type", sans-serif;
}

@media (max-width: 900px) {
    .contacts-socials__container { grid-template-columns: 1fr; gap: 36px }
    .contacts-socials__disclaimer { grid-column: 1 }
}

@media (max-width: 640px) {
    .contacts-socials { padding: 52px 0 }
    .contacts-socials__grid { grid-template-columns: 1fr 1fr }
    .contacts-socials__card { min-height: 82px; padding: 16px; grid-template-columns: 28px 1fr auto; gap: 10px }
    .contacts-socials__icon { width: 28px; height: 28px }
    .contacts-socials__icon img { width: 24px; height: 24px }
    .contacts-socials__name { font-size: 15px }
}

@media (max-width: 400px) {
    .contacts-socials__grid { grid-template-columns: 1fr }
}

.header-nav__link_uniqu a:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(255,212,59,.35);
}

.header__phone {
    min-width: 182px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.header-phone__inner {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 1.25;
    color: #FFFFFF;
    display: inline-block;
    transition: 0.365s color
}

.header-phone__inner:hover {
    color: #FFD73D
}

.header-phone__label {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #C3C3C3;
    font-size: 14px;
    line-height: 1;
    padding: 5px 0 1px;
    display: inline-block;
    transition: 0.365s color, 0.365s border;
    border-bottom: 1px dashed #C3C3C3
}

.header-phone__label:hover {
    color: #FFD73D;
    border-bottom: 1px dashed #FFD73D
}

.header__messengers {
    width: 60px;
    height: 72px;
    display: flex;
    flex-direction: column
}

.header__messenger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 41px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: 0.365s background, 0.365s border
}

.header__messenger:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.header__messenger img {
    width: 18px;
    height: auto;
    transition: 0.365s all
}

.header__messenger--telegram:hover {
    background-color: #0088cc;
    border-bottom: 1px solid #0088cc
}

.header__messenger--telegram:hover img {
    filter: invert(0%)
}

.header__messenger--whatsapp:hover {
    background-color: #25D366;
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.header__messenger--whatsapp:hover img {
    filter: invert(0%)
}

.header__messenger--max:hover {
    background-color: #7657FF;
    border-bottom-color: transparent
}

.header__messenger--max:hover img {
    filter: brightness(0) invert(1)
}

.header__menu-button {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFD73D;
    display: none;
    transition: 0.365s background
}

.header__menu-button:hover {
    background-color: #ffcc0a
}

.header__menu-button img {
    width: 32px;
    height: auto
}

@media (min-width: 1920px) {
    .header {
        justify-content: center
    }

    .header__langs {
        transform: translateX(-36px)
    }

    .header__lang {
        border-left: 1px solid rgba(255, 255, 255, 0.1)
    }

    .header__messengers {
        transform: translateX(36px)
    }

    .header__messenger {
        border-right: 1px solid rgba(255, 255, 255, 0.1)
    }

    .header__body {
        width: calc(100% - (100% - 1680px))
    }
}

@media (max-width: 1280px) {
    .header {
        justify-content: flex-start
    }

    .header__body {
        width: calc(100% - 202px);
        padding: 0 20px
    }

    .header__nav {
        display: none
    }

    .header__menu-button {
        display: block
    }
}

@media (max-width: 670px) {
    .header {
        height: 72px
    }

    .header__phone {
        display: none
    }

    .header__langs {
        display: none
    }

    .header__messengers {
        display: none
    }

    .header__body {
        width: calc(100% - 72px);
        padding: 0 0 0 4%
    }
}

@media (max-width: 580px) {
    .header__body {
        padding: 0 0 0 5%
    }
}

.promo {
    width: 100%;
    height: 90vh;
    height: calc(var(--vh, 1vh) * 90);
    min-height: 670px;
    max-height: 840px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.promo--internal {
    justify-content: flex-start;
    height: 80vh;
    height: calc(var(--vh, 1vh) * 80);
    min-height: 530px
}

.promo--internal .promo__container {
    padding-top: 208px
}

.promo--internal .promo__video:after {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px)
}

.promo--company {
    height: 100vh;
    min-height: 700px;
    max-height: 900px
}

.promo--company .promo__video:after {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-image: linear-gradient(90deg, rgba(8, 11, 13, .92) 0%, rgba(8, 11, 13, .72) 47%, rgba(8, 11, 13, .5) 100%)
}

.promo--company .promo__video img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.promo--company .promo__container {
    height: 100%;
    padding-top: 82px;
    display: flex;
    align-items: center
}

.company-hero__inner {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(390px, .75fr);
    align-items: center;
    gap: clamp(56px, 7vw, 112px)
}

.company-hero__title {
    max-width: 760px;
    font-size: clamp(44px, 4vw, 64px);
    line-height: 1.08;
    margin-bottom: 30px
}

.company-hero__text {
    max-width: 700px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, .78)
}

.company-hero__features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px
}

.company-hero__feature {
    min-height: 142px;
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: rgba(10, 13, 15, .7);
    border-top: 3px solid #FFD73D;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .18);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.company-hero__feature svg {
    width: 42px;
    height: 42px;
    fill: none;
    stroke: #FFD73D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.company-hero__feature span {
    max-width: 170px;
    font-family: "Brutal Type", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.25;
    color: #FFFFFF
}

@media (max-width: 1100px) {
    .company-hero__inner {
        grid-template-columns: minmax(0, 1.1fr) minmax(350px, .9fr);
        gap: 42px
    }

    .company-hero__title {
        font-size: 46px
    }
}

@media (max-width: 960px) {
    .promo--company {
        height: auto;
        max-height: none;
        padding: 128px 0 72px
    }

    .promo--company .promo__container {
        height: auto;
        padding-top: 0
    }

    .company-hero__inner {
        display: block
    }

    .company-hero__content {
        max-width: 720px;
        margin-bottom: 38px
    }

    .company-hero__features {
        max-width: 720px
    }
}

@media (max-width: 580px) {
    .promo--company {
        padding: 112px 0 56px
    }

    .company-hero__title {
        font-size: 34px;
        line-height: 1.12;
        margin-bottom: 22px
    }

    .company-hero__text {
        font-size: 16px
    }

    .company-hero__features {
        grid-template-columns: 1fr
    }

    .company-hero__feature {
        min-height: 96px;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 18px;
        padding: 16px 18px
    }
}

.promo--error {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100)
}

.promo--error .promo__video:after {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px)
}

.promo--mohist-tech .promo__button--primary {
    background-color: #DF0D26
}

.promo--mohist-tech .promo__button--primary:before {
    background-color: #c70c22
}

.promo--mohist-tech .promo__button--primary span {
    color: #FFFFFF
}

.promo--mohist-tech .promo-mouse__inner {
    background-color: #DF0D26
}

.promo--mohist-tech .promo-mouse__inner:after {
    background-color: #DF0D26
}

.promo--mohist-tech .promo__mouse:hover .promo-mouse__label {
    color: #FFFFFF
}

.promo__video {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #151515;
    overflow: hidden;
    z-index: -2
}

.promo__video:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #151515
}

.promo__video:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(16, 16, 16, 0.5) 9.32%, rgba(0, 0, 0, 0) 105.68%), linear-gradient(0deg, rgba(16, 16, 16, 0.5), rgba(16, 16, 16, 0.5))
}

.promo__video video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    opacity: 1
}

.promo__contacts {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 48px 24px
}

.promo__contact {
    width: calc(25% - 24px);
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.promo-contact__label {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1.25;
    color: #C3C3C3;
    display: inline-block;
    margin-bottom: 14px
}

.promo-contact__inner {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 26px;
    line-height: 1.25;
    color: #FFFFFF;
    transition: 0.365s color;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 8px
}

.promo-contact__inner:hover {
    color: #FFD73D
}

.promo__socials {
    position: absolute;
    left: auto;
    bottom: 32px
}

.promo__socials--contacts {
    position: static;
    margin-top: 24px
}

.promo__social {
    display: flex;
    align-items: center;
    padding: 6px 0
}

.promo__social:hover .promo-social__label {
    color: #FFD73D
}

.promo__social--youtube .promo-social__icon img {
    max-width: 24px
}

.promo-social__icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.promo-social__icon img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain
}

.promo-social__label {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.25;
    display: inline-block;
    transform: translateY(-0.5px);
    transition: 0.365s color
}

.promo__mouse {
    display: none !important;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 88px;
    display: flex;
    align-items: center
}

.promo__mouse:hover .promo-mouse__label {
    color: #FFD73D
}

.promo-mouse__inner {
    width: 56px;
    height: 56px;
    border-radius: 6px 6px 0 0;
    background-color: #FFD73D;
    margin-right: 16px;
    position: relative
}

.promo-mouse__inner:before {
    content: "";
    width: 20px;
    height: 32px;
    border-radius: 10px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1
}

.promo-mouse__inner:after {
    content: "";
    width: 2px;
    height: 7px;
    border-radius: 10px;
    background-color: #FFD73D;
    position: absolute;
    top: 19px;
    left: 27px;
    z-index: 2;
    animation: mouseWheel 1.75s infinite ease-in-out;
    animation-delay: 0.425s
}

.promo-mouse__hand {
    display: none;
    margin-right: 12px;
    animation: hand 2s infinite ease-in-out
}

.promo-mouse__hand img {
    max-width: 22px;
    width: 100%;
    height: auto;
    transform: translateY(-3px)
}

.promo-mouse__label {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    transition: 0.365s color;
    padding-right: 16px;
    display: inline-block
}

.promo__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    margin-bottom: 16px
}

.promo--home {
    height: 100vh;
    max-height: none
}

.promo--home .promo__content {
    width: 100%;
    max-width: none;
    display: grid;
    grid-template-columns: minmax(520px, 1.15fr) minmax(370px, .85fr);
    grid-template-rows: auto auto auto;
    column-gap: clamp(56px, 7vw, 120px);
    align-items: start
}

.promo--home .promo__title {
    grid-column: 1;
    grid-row: 1;
    max-width: 690px;
    font-size: clamp(42px, 3.4vw, 58px);
    line-height: 1.12;
    margin: 0 0 34px
}

.promo--home .promo__title span {
    color: #FFD73D
}

.promo-home__features {
    grid-column: 2;
    grid-row: 1 / 4;
    width: 100%;
    max-width: 470px;
    margin: 6px 0 0;
    justify-self: end
}

.promo-home__feature {
    display: flex;
    align-items: center;
    min-height: 104px;
    padding: 20px 22px;
    margin-bottom: 12px;
    background: rgba(12, 15, 17, .62);
    border-left: 3px solid #FFD73D;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.promo-home__feature:last-child {
    margin-bottom: 0
}

.promo-home__feature img {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    object-fit: contain;
    margin-right: 20px
}

.promo-home__feature p {
    max-width: 350px;
    font-family: "Brutal Type", sans-serif;
    font-size: 18px;
    line-height: 1.35;
    color: #FFFFFF
}

.promo-home__feature a {
    color: #FFD73D;
    border-bottom: 1px dashed #FFD73D;
    transition: color .25s ease, border-color .25s ease
}

.promo-home__feature a:hover {
    color: #ffcc0a;
    border-bottom-color: #ffcc0a
}

.promo--home .promo__buttons {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px
}

.promo--home .promo__button {
    margin-right: 0
}

.promo--home .promo__button--secondary {
    background: rgba(21, 21, 21, .25);
    border: 1px solid rgba(255, 255, 255, .75)
}

.promo--home .promo__button--secondary span {
    color: #FFFFFF
}

.promo--home .promo__button--secondary:before {
    background-color: rgba(255, 255, 255, .14)
}

.promo-home__note {
    grid-column: 1;
    grid-row: 3;
    margin-top: 18px;
    font-family: "Brutal Type", sans-serif;
    font-size: 13px;
    line-height: 1.35;
    color: #C3C3C3
}

@media (max-width: 1100px) {
    .promo--home .promo__content {
        grid-template-columns: minmax(470px, 1.1fr) minmax(340px, .9fr);
        column-gap: 38px
    }

    .promo--home .promo__title {
        font-size: 42px
    }

    .promo-home__feature {
        min-height: 96px;
        padding: 16px 18px
    }

    .promo-home__feature p {
        font-size: 16px
    }
}

@media (max-width: 960px) {
    .promo--home {
        height: auto;
        min-height: 780px;
        padding: 128px 0 110px
    }

    .promo--home .promo__content {
        display: block;
        max-width: 720px
    }

    .promo-home__features {
        max-width: 620px;
        margin: 0 0 28px
    }

    .promo-home__feature {
        min-height: 74px;
        padding: 12px 16px;
        margin-bottom: 8px
    }
}

.promo__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #C3C3C3;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 32px;
    max-width: 654px
}

.promo__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.promo-list__item {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 18px;
    color: #C3C3C3;
    padding-left: 14px;
    margin-bottom: 12px;
    position: relative;
    max-width: 500px
}

.promo-list__item:last-child {
    margin-bottom: 0
}

.promo-list__item:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #C3C3C3;
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 11px
}

.promo__price {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 1.25;
    color: #FFFFFF;
    display: inline-block;
    margin-bottom: 28px
}

.promo__button {
    margin-right: 16px
}

.promo__button--primary {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 6px;
    background-color: #FFD73D;
    padding: 18px 24px
}

.promo__button--primary span {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 1.25;
    color: #151515;
    letter-spacing: 0.1px;
    transition: 0.365s color;
    display: inline-block;
    z-index: 2
}

.promo__button--primary:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: #ffcc0a;
    border-radius: 6px;
    transition: 0.365s all;
    top: 0;
    left: -100%
}

.promo__button--primary:hover:before {
    left: 0
}

.promo__button--secondary {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 6px;
    background-color: #F7F7F7;
    padding: 18px 24px
}

.promo__button--secondary span {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 1.25;
    color: #151515;
    letter-spacing: 0.1px;
    transition: 0.365s color;
    display: inline-block;
    z-index: 2
}

.promo__button--secondary:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: #eaeaea;
    border-radius: 6px;
    transition: 0.365s all;
    top: 0;
    left: -100%
}

.promo__button--secondary:hover:before {
    left: 0
}

.promo__dev {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 14px;
    right: 88px;
    z-index: 1
}

.promo-dev__label {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.25;
    color: #FFFFFF;
    margin-right: 12px;
    transform: translateY(1.5px)
}

.promo-dev__img {
    width: 120px
}

.promo-dev__img img {
    width: 100%;
    height: auto
}

@media (min-width: 1920px) {
    .promo__mouse {
        left: calc((100% - 1680px) / 2)
    }

    .promo__dev {
        right: calc((100% - 1680px) / 2)
    }
}

@media (max-width: 1280px) {
    .promo__contact {
        width: calc(33.3333333333% - 24px)
    }

    .promo--internal {
        height: auto;
        min-height: calc(var(--vh, 1vh) * 85)
    }

    .promo--contacts {
        padding-bottom: 156px
    }

    .promo__mouse {
        left: 2.5%
    }
}

@media (max-width: 960px) {
    .promo__contact {
        width: calc(50% - 24px)
    }
}

@media (max-width: 768px) {
	.promo--home {
		height: auto;
		min-height: 780px;
		padding: 158px 0 110px
	}

	/* Фиксированная шапка состоит из меню (72px) и полосы события (54px).
	   Дополнительный безопасный зазор не даёт заголовкам заходить под неё. */
	.promo:not(.promo--home) .promo__container {
		box-sizing: border-box;
		padding-top: 158px
	}

	.promo--home .promo__title {
		font-size: clamp(34px, 8vw, 46px)
	}

	.promo--home .promo__title br {
		display: none
	}

    .promo--internal .promo__container {
        padding-top: 158px
    }

    .promo--mohist-tech .promo__dev {
        left: 4%;
        right: auto;
        bottom: 24px
    }

    .promo__mouse {
        left: calc(2.5% + 8px);
        bottom: 28px
    }

    .promo__socials {
        bottom: 92px
    }

    .promo-mouse__inner {
        display: none
    }

    .promo-mouse__hand {
        display: block
    }
}

@media (max-width: 520px) {
	.promo--home {
		padding-top: 158px
	}

	.promo--home .promo__title {
		font-size: 32px;
		margin-bottom: 22px
	}

	.promo-home__feature {
		align-items: flex-start;
		min-height: 0;
		padding: 12px 0
	}

	.promo-home__feature img {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
		margin-right: 14px
	}

	.promo-home__feature p {
		font-size: 16px
	}

	.promo--home .promo__buttons {
		align-items: stretch;
		flex-direction: column
	}

	.promo--home .promo__button {
		width: 100%
	}
}

@media (max-width: 640px) {
    .promo__contact {
        width: 100%
    }

    .promo--mohist-tech .promo__dev {
        left: 5%;
        bottom: 84px
    }
}

.advantages__title {
    color: #151515;
    margin-bottom: 28px
}

.advantages__content {
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    grid-gap: 24px;
    position: relative;
    overflow: hidden
}

.advantages__video {
    grid-column: 1/9;
    height: 460px
}

.advantages__video video {
    width: 100%;
    max-height: 100%;
    min-height: 460px;
    object-fit: cover
}

.advantages__items {
    grid-column: 9/13;
    display: flex;
    flex-direction: column;
    gap: 24px 0;
    position: absolute;
    top: 0;
    right: 0;
    counter-reset: advantagesCounter
}

.advantages__item {
    position: relative;
    border: 1px solid #ECECEC;
    background-color: #FAFAFA;
    padding: 28px;
    min-height: 218px
}

.advantages__item:before {
    content: "";
    width: 36px;
    height: 4px;
    background-color: #FFD73D;
    display: inline-block;
    position: absolute;
    left: 28px;
    bottom: 28px
}

.advantages__item:after {
    counter-increment: advantagesCounter;
    content: "0" counter(advantagesCounter);
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 56px;
    line-height: 1;
    color: #ECECEC;
    position: absolute;
    bottom: 18px;
    right: 28px;
    display: inline-block
}

.advantages-item__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #808080;
    line-height: 1.5;
    max-width: calc(100% - 70px)
}

@media (max-width: 960px) {
    .advantages__video {
        grid-column: 1/13;
        height: 400px
    }

    .advantages__video video {
        min-height: 400px
    }

    .advantages__items {
        grid-column: 1/13;
        position: static;
        top: auto;
        right: auto;
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        grid-gap: 24px
    }

    .advantages__item {
        padding: 24px 24px 48px
    }

    .advantages__item:before {
        left: 24px
    }

    .advantages__item:after {
        right: 24px;
        font-size: 48px
    }

    .advantages-item__text {
        width: calc(100% - 20px)
    }
}

@media (max-width: 768px) {
    .advantages__video {
        grid-column: 1/13;
        height: 310px
    }

    .advantages__video video {
        min-height: 310px
    }

    .advantages__items {
        grid-template-columns:repeat(2, 1fr)
    }

    .advantages__item {
        min-height: 0;
        padding: 24px 24px 64px
    }
}

@media (max-width: 590px) {
    .advantages__video {
        grid-column: 1/13;
        height: 240px
    }

    .advantages__video video {
        min-height: 240px
    }

    .advantages__items {
        grid-template-columns:1fr
    }
}

.goods {
    overflow-x: hidden
}

.goods__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #151515;
    margin-bottom: 16px
}

.goods__filter {
    display: flex;
    margin-bottom: 32px
}

.goods-filter__button {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.25;
    color: #151515;
    padding: 8px 16px 7px 16px;
    margin-left: 12px;
    margin-bottom: 12px;
    display: inline-block;
    cursor: pointer;
    border-radius: 6px;
    transition: 0.365s background, 0.365s opacity;
    background-color: #EFEFEF;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none
}

.goods-filter__button:first-child {
    margin-left: 0
}

.goods-filter__button:last-child {
    margin-left: 14px
}

.goods-filter__button:hover {
    background-color: #e7e7e7
}

.goods-filter__button--active {
    background-color: #FFD73D
}

.goods-filter__button--active:hover {
    background-color: #FFD73D
}

.goods-filter__button--reset {
    display: none;
    background-color: rgba(239, 239, 239, 0);
    padding: 8px 16px 7px 24px;
    position: relative
}

.goods-filter__button--reset:before {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("/_new/assets/images/icons/close-black.svg");
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    top: 9.5px;
    left: 0
}

.goods-filter__button--reset:hover {
    opacity: 0.6;
    background-color: rgba(239, 239, 239, 0)
}

.goods__items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.goods__item {
    width: calc(33.3333333333% - 24px);
    box-shadow: 0 0 12px 10px rgba(0, 0, 0, 0);
    transition: 0.365s box-shadow, 0.365s transform;
    border-radius: 6px;
    background-color: #FFFFFF;
    z-index: 2
}

.goods__item:hover {
    box-shadow: 0 0 12px 10px rgba(0, 0, 0, 0.05);
    transform: translateY(-7px)
}

.goods-item__link {
    text-decoration: none;
    display: block;
    height: 100%;
    position: relative
}

.goods-item__photo {
    position: relative;
    margin-bottom: 40px
}

.goods-item__dots {
    width: calc(100% - 56px);
    display: flex;
    justify-content: space-between;
    gap: 4px;
    position: absolute;
    left: 28px;
    bottom: -16px;
    z-index: 2
}

.goods-item__dot {
    width: auto;
    height: 2.5px;
    background-color: #EFEFEF;
    border-radius: 20px
}

.goods-item__dot--active {
    background-color: #FFD73D
}

.goods-item__parts {
    width: calc(100% - 60px);
    height: 100%;
    position: absolute;
    left: 30px;
    z-index: 3;
    display: flex
}

.goods-item__images {
    padding: 16px 28px 0 28px;
    overflow: hidden
}

.goods-item__images--desktop .goods-item__image {
    display: none;
    visibility: hidden;
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover
}

.goods-item__images--desktop .goods-item__image--active {
    display: block;
    visibility: visible
}

.goods-item__images--mobile {
    display: none
}

.goods-item__images--mobile img {
    display: block;
    width: 100%;
    height: auto
}

.goods-item__info {
    padding: 0 28px 28px
}

.goods-item__name {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #151515;
    margin-bottom: 8px
}

.goods-item__speed {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 1.25;
    color: #151515;
    padding: 4px 10px;
    border-radius: 3px;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 12px;
    background-color: #EFEFEF
}

.goods-item__speed--yellow {
    background-color: #FFD73D
}

.goods-item__desc {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    margin-bottom: 20px
}

.goods-item__params {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.goods-item__param-label {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #151515;
    margin-right: 12px
}

.goods-item__param {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #151515;
    padding: 7px 16px 6px 16px;
    border-radius: 20px;
    background-color: #EFEFEF;
    transition: 0.365s background;
    margin-right: 4px
}

.goods-item__param:hover {
    background-color: #e7e7e7
}

.goods-item__param:last-child {
    margin-right: 0
}

.goods-item__param--active {
    background-color: #FFD73D
}

.goods-item__param--active:hover {
    background-color: #FFD73D
}

.goods-item__price--inner {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 1.25;
    color: #151515
}

.goods__banner {
    width: calc(33.3333333333% - 24px);
    padding: 28px;
    height: auto;
    min-height: 490px;
    border-radius: 6px;
    overflow: hidden;
    transform: translateZ(0);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-size: 105% 105%;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.goods__banner--infoscan {
    background-image: url("/_new/assets/images/banners/infoscan.jpg")
}

.goods__banner--mohist-tech {
    background-image: url("/_new/assets/images/banners/mohist-tech.jpg")
}

.goods__banner--mohist-tech-2 {
    background-image: url("/_new/assets/images/tg.jpg")
}

.goods__banner--mohist-tech .goods-banner__logo {
    width: 64px;
    transform: translateY(16px)
}

.goods-banner__logo {
    width: 80px;
    margin-bottom: 32px
}

.goods-banner__logo img {
    width: 100%;
    height: auto
}

.goods-banner__title {
    font-size: calc(var(--h4-font-size) + 2px);
    color: #FFFFFF;
    margin-bottom: 8px
}

.goods-banner__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 19px;
    line-height: 1.5;
    color: #C3C3C3;
    padding-bottom: 8px
}

@media (max-width: 960px) {
    .goods__item {
        width: calc(50% - 24px)
    }

    .goods__banner {
        width: calc(50% - 24px)
    }

    .goods-item__photo {
        display: none
    }

    .goods-item__images {
        padding: 16px 28px 28px
    }

    .goods-item__images--desktop {
        display: none
    }

    .goods-item__images--mobile {
        max-width: 100%;
        display: block
    }

    .goods-item__info {
        padding: 16px 28px 28px
    }
}

@media (max-width: 620px) {
    .goods__item {
        width: 100%
    }

    .goods__banner {
        width: 100%;
        background-size: 100% auto
    }
}

.cpa--mohist-tech .cpa__button {
    background-color: #DF0D26
}

.cpa--mohist-tech .cpa__button:before {
    background-color: #c70c22
}

.cpa--mohist-tech .cpa__button span {
    color: #FFFFFF
}

.cpa__container {
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    grid-gap: 24px;
    align-items: center
}

.cpa__content {
    grid-column: 1/7
}

.cpa__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.25;
    color: #151515;
    margin-bottom: 16px
}

.cpa__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    color: #808080;
    max-width: 470px;
    margin-bottom: 32px
}

.cpa__choice-note {
    max-width: 500px;
    margin: -12px 0 18px;
    color: #808080;
    font-family: "Brutal Type", sans-serif;
    font-size: 14px;
    line-height: 1.45
}

.cpa__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px
}

.cpa__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px
}

.cpa-list__item {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    color: #808080;
    font-size: 16px;
    padding-left: 14px;
    margin-bottom: 12px;
    position: relative;
    max-width: 470px
}

.cpa-list__item:last-child {
    margin-bottom: 0
}

.cpa-list__item:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #808080;
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 10px
}

.cpa__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 6px;
    background-color: #FFD73D;
    padding: 18px 24px
}

.cpa__button span {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 1.25;
    color: #151515;
    letter-spacing: 0.1px;
    transition: 0.365s color;
    display: inline-block;
    z-index: 2
}

.cpa__button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: #ffcc0a;
    border-radius: 6px;
    transition: 0.365s all;
    top: 0;
    left: -100%
}

.cpa__button:hover:before {
    left: 0
}

.cpa__button--secondary {
    border: 1px solid #d8d8d8;
    background: transparent !important
}

.cpa__button--secondary:hover {
    border-color: #151515;
    background: #fff !important
}

.cpa__messengers {
    display: flex;
    align-items: center;
    gap: 8px
}

.cpa__messengers-label {
    margin-right: 4px;
    color: #808080;
    font-family: "Brutal Type", sans-serif;
    font-size: 14px
}

.cpa__messenger {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #151515;
    transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease
}

.cpa__messenger img { width: 20px; max-height: 20px; object-fit: contain }
.cpa__messenger:hover { transform: scale(1.04); box-shadow: 0 8px 18px rgba(0,0,0,.18) }
.cpa__messenger--telegram:hover { background: #0088cc }
.cpa__messenger--max:hover { background: #7b3ff2 }

/* Вторичная кнопка CTA не должна наследовать общий жёлтый фон. */
.cpa__button.cpa__button--secondary {
    border: 1px solid #d8d8d8;
    background: transparent !important;
    box-shadow: none !important
}

.cpa__button.cpa__button--secondary:hover {
    border-color: #151515;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.10) !important
}

.cpa__img {
    grid-column: 7/13;
    display: flex;
    justify-content: center;
    align-items: center
}

.cpa__img img {
    width: 100%;
    height: auto
}

.cpa--demo .cpa__img img {
    max-width: 570px
}

.cpa--questions .cpa__img img {
    max-width: 450px
}

.cpa--integration .cpa__img img {
    max-width: 430px
}

.cpa--test .cpa__img img {
    max-width: 520px
}

@media (max-width: 768px) {
    .cpa--questions .cpa__img {
        padding: 0 32px
    }

    .cpa__container {
        grid-gap: 48px 24px
    }

    .cpa__content {
        grid-column: 1/13;
        order: 2
    }

    .cpa__img {
        grid-column: 1/13;
        order: 1
    }

    .cpa__actions { align-items: flex-start }
    .cpa__messengers { width: 100%; margin-top: 4px }
}

.services__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.25;
    color: #151515;
    margin-bottom: 24px
}

.services__items {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 24px
}

.services__item {
    background-color: #FAFAFA;
    border-radius: 6px;
    border: 1px solid #ECECEC;
    padding: 32px 28px;
    position: relative
}

.services-item__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    color: #151515;
    margin-bottom: 4px
}

.services-item__count {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    color: #808080;
    line-height: 1.25;
    margin-bottom: 12px;
    display: inline-block
}

.services-item__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    margin-bottom: 12px
}

.services-item__params {
    margin-bottom: 89px
}

.services-item__param {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    position: relative;
    margin-left: 12px
}

.services-item__param:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #808080;
    position: absolute;
    top: 11px;
    left: -12px
}

.services-item__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 6px;
    background-color: #FFD73D;
    padding: 18px 24px;
    text-decoration: none;
    position: absolute;
    left: 30px;
    bottom: 35px
}

.services-item__button span {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 1.25;
    color: #151515;
    letter-spacing: 0.1px;
    transition: 0.365s color;
    display: inline-block;
    z-index: 2
}

.services-item__button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: #ffcc0a;
    border-radius: 6px;
    transition: 0.365s all;
    top: 0;
    left: -100%
}

.services-item__button:hover:before {
    left: 0
}

@media (max-width: 960px) {
    .services__items {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 768px) {
    .services__item {
        padding: 24px
    }
}

@media (max-width: 560px) {
    .services__items {
        grid-template-columns:1fr
    }
}

.comparison__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.25;
    margin-bottom: 24px
}

.comparison-data__header {
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    grid-gap: 0 24px;
    margin-bottom: 24px
}

.comparison-data__header-title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 19px;
    line-height: 1.25;
    color: #151515
}

.comparison-data__header-title:first-child {
    grid-column: 1/4
}

.comparison-data__header-title:nth-child(2) {
    grid-column: 4/13
}

.comparison__group {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px
}

.comparison__group:last-child {
    margin-bottom: 0
}

.comparison-group__name {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    width: 100%;
    display: block;
    margin-bottom: 16px
}

.comparison-group__item {
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    grid-gap: 24px;
    align-items: center;
    min-height: 32px;
    margin-bottom: 16px
}

.comparison-group__item:last-child {
    margin-bottom: 0
}

.comparison-group-item__name {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 19px;
    line-height: 1.25;
    color: #151515;
    grid-column: 1/4
}

.comparison-group-item__count {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 19px;
    line-height: 1.25;
    color: #151515;
    grid-column: 4/5
}

.comparison-group-item__line {
    grid-column: 5/13
}

.comparison-group-item__line span {
    height: 28px;
    background-color: #FFD73D;
    display: inline-block
}

@media (max-width: 960px) {
    .comparison-data__header-title:first-child {
        grid-column: 1/7
    }

    .comparison-data__header-title:nth-child(2) {
        grid-column: 7/13
    }

    .comparison-group-item__name {
        grid-column: 1/6
    }

    .comparison-group-item__count {
        grid-column: 6/7
    }

    .comparison-group-item__line {
        grid-column: 7/13
    }
}

@media (max-width: 610px) {
    .comparison-data__header {
        display: none
    }

    .comparison__group {
        margin-bottom: 56px
    }

    .comparison-group__item {
        grid-gap: 12px 24px;
        margin-bottom: 36px
    }

    .comparison-group-item__name {
        grid-column: 1/13
    }

    .comparison-group-item__count {
        grid-column: 1/13
    }

    .comparison-group-item__count:after {
        content: " " attr(data-hint);
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        color: #C3C3C3
    }

    .comparison-group-item__line {
        grid-column: 1/13
    }
}

.clients--marquee {
    padding: 30px 0;
    overflow: hidden;
    background-color: #FFFFFF;
    border-bottom: 1px solid #ECECEC
}

.clients__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.25;
    color: #151515;
    margin-bottom: 26px
}

.clients-marquee {
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent)
}

.clients-marquee + .clients-marquee {
    margin-top: 12px
}

.clients-marquee__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: clientsMarquee 72s linear infinite
}

.clients-marquee--2 .clients-marquee__track {
    animation-name: clientsMarqueeReverse;
    animation-duration: 76s
}

.clients-marquee--3 .clients-marquee__track {
    animation-duration: 80s
}

.clients-marquee__group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 38px;
    padding-right: 38px
}

.clients-marquee__item {
    flex: 0 0 160px;
    width: 160px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center
}

.clients-marquee__item img {
    display: block;
    width: 100%;
    max-width: 150px;
    max-height: 52px;
    object-fit: contain
}

@keyframes clientsMarquee {
    from { transform: translate3d(0, 0, 0) }
    to { transform: translate3d(-50%, 0, 0) }
}

@keyframes clientsMarqueeReverse {
    from { transform: translate3d(-50%, 0, 0) }
    to { transform: translate3d(0, 0, 0) }
}

@media (prefers-reduced-motion: reduce) {
    .clients-marquee__track {
        animation-play-state: paused
    }
}

@media (max-width: 768px) {
    .clients--marquee {
        padding: 24px 0
    }

    .clients-marquee__group {
        gap: 26px;
        padding-right: 26px
    }

    .clients-marquee__item {
        flex-basis: 132px;
        width: 132px;
        height: 48px
    }

    .clients-marquee__item img {
        max-width: 124px;
        max-height: 44px
    }
}

.about {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    position: relative
}

.about__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.25;
    color: #FFFFFF;
    margin-bottom: 16px
}

.about__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #C3C3C3;
    margin-bottom: 8px
}

.about__text:last-child {
    margin-bottom: 0
}

.about__desc {
    max-width: 480px;
    margin-bottom: 32px
}

.about__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 6px;
    background-color: #FFD73D;
    padding: 18px 24px
}

.about__button span {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 1.25;
    color: #151515;
    letter-spacing: 0.1px;
    transition: 0.365s color;
    display: inline-block;
    z-index: 2
}

.about__button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: #ffcc0a;
    border-radius: 6px;
    transition: 0.365s all;
    top: 0;
    left: -100%
}

.about__button:hover:before {
    left: 0
}

.about__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #151515;
    overflow: hidden;
    z-index: -2
}

.about__video:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #151515
}

.about__video:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #151515;
    opacity: 0.65
}

.about__video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    opacity: 1
}

.menu-button {
    position: fixed;
    right: 15px;
    top: 20px;
    width: 54px;
    height: 54px;
    z-index: 3;
    border-radius: 6px;
    background-color: #FFD73D;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(200%);
    transition: 0.365s transform, 0.365s background
}

.menu-button img {
    max-width: 28px;
    width: 100%;
    height: auto
}

.menu-button--active {
    transform: translateX(0%)
}

.menu-button:hover {
    background-color: #ffcc0a
}

.overlay {
    width: 100%;
    height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow-y: scroll
}

.overlay__popup {
    padding: 48px 56px;
    display: none;
    max-width: 650px;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    border-radius: 6px;
    background-color: #FFFFFF;
    margin-top: 60px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto
}

.overlay__popup--single-service .overlay__desc {
    margin-bottom: 45px
}

.overlay__popup--video {
    max-width: 860px;
    width: 860px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.overlay__popup--video .overlay__close-button {
    right: -60px;
    background-color: #FFFFFF;
    border-radius: 0 6px 6px 0
}

.overlay__popup--video .overlay__video {
    width: 100%;
    min-height: 484.0000011256px
}

.overlay__popup--thanks {
    align-items: center;
    justify-content: center;
    min-height: 420px;
    text-align: center
}

.overlay__popup--red .overlay__checkbox input[type=checkbox]:checked + .overlay-checkbox__fake {
    background-color: #DF0D26;
    border: 2px solid #DF0D26
}

.overlay__popup--red .overlay-checkbox__fake:before {
    /* filter: invert(100%); */
}

.overlay__popup--red .overlay-checkbox__text a:hover {
    color: #DF0D26;
    border-bottom: 1px dashed #DF0D26
}

.overlay__popup--red .overlay__button {
    background-color: #DF0D26
}

.overlay__popup--red .overlay__button span {
    color: #FFFFFF
}

.overlay__popup--red .overlay__button:before {
    background-color: #c70c22
}

.overlay__close-button {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 0 6px 0 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.365s background;
    cursor: pointer
}

.overlay__close-button img {
    width: 100%;
    height: auto;
    max-width: 28px
}

.overlay__close-button:hover {
    background-color: #FAFAFA
}

.overlay__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #151515;
    margin-bottom: 4px
}

.overlay__desc {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    margin-bottom: 30px;
    padding-right: 20px
}

.overlay-form__group {
    margin-bottom: 45px
}

.overlay-form__title {
    color: #151515;
    margin-bottom: 15px
}

.overlay__input {
    position: relative;
    width: 380px;
    margin-bottom: 18px
}

.overlay__input input {
    width: 100%;
    height: 62px;
    border-radius: 6px;
    background-color: #f5f5f5;
    padding: 36px 20px 13px;
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #151515;
    line-height: 1;
    border: none
}

.overlay__input--focus .overlay__label {
    font-size: 13px;
    top: 12px
}

.overlay__input--required:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: absolute;
    background-color: #c7c7c7;
    top: 10px;
    right: 10px;
    transition: 0.365s background
}

.overlay__input--error .overlay__label {
    color: #DF0D26
}

.overlay__input--error:after {
    background-color: #DF0D26
}

.overlay__label {
    position: absolute;
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #808080;
    line-height: 1;
    left: 20px;
    top: 23px;
    transition: 0.165s all
}

.overlay__hint {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    color: #808080;
    display: block;
    margin-top: 8px
}

.overlay__accept {
    margin-top: 24px;
    margin-bottom: 32px
}

.overlay__checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.overlay__checkbox input[type=checkbox] {
    display: none
}

.overlay__checkbox input[type=checkbox]:checked + .overlay-checkbox__fake:before {
    opacity: 1
}

.overlay__checkbox input[type=checkbox]:checked + .overlay-checkbox__fake {
    background-color: #FFD73D;
    border: 2px solid #FFD73D
}

.overlay__checkbox--error .overlay-checkbox__fake {
    border: 2px solid #DF0D26
}

.overlay-checkbox__fake {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #f3f3f3;
    border: 2px solid #f3f3f3;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    transition: 0.185s border, 0.185s background;
    z-index: 2;
    margin-right: 12px
}

.overlay-checkbox__fake:before {
    content: "";
    width: 85%;
    height: 85%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.165s opacity;
    background-image: url("/_new/assets/images/icons/check-black-bold.svg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0
}

.overlay-checkbox__fake--error {
    border: 2px solid #DF0D26
}

.overlay-checkbox__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: #808080
}

.overlay-checkbox__text a {
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #151515;
    text-decoration: none;
    border-bottom: 1px dashed #151515;
    transition: 0.365s border, 0.365s color
}

.overlay-checkbox__text a:hover {
    color: #FFD73D;
    border-bottom: 1px dashed #FFD73D
}

.overlay__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 6px;
    background-color: #FFD73D;
    padding: 18px 24px;
    border: none;
    cursor: pointer
}

.overlay__button span {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 1.25;
    color: #151515;
    letter-spacing: 0.1px;
    transition: 0.365s color;
    display: inline-block;
    z-index: 2
}

.overlay__button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: #ffcc0a;
    border-radius: 6px;
    transition: 0.365s all;
    top: 0;
    left: -100%
}

.overlay__button:hover:before {
    left: 0
}

.overlay__price {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px
}

.overlay__price--active {
    display: flex
}

.overlay-price__value {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #151515;
    display: block;
    margin-bottom: 5px
}

.overlay-price__hint {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.5;
    color: #C3C3C3
}

.overlay__menu {
    width: 50%;
    max-width: 570px;
    min-height: 100%;
    background-color: #FFFFFF;
    border-radius: 6px 0 0 6px;
    padding: 30px 45px;
    display: none;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0
}

.overlay-menu__close-button {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 6px;
    right: 15px;
    top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.365s background;
    cursor: pointer
}

.overlay-menu__close-button img {
    width: 100%;
    height: auto;
    max-width: 28px
}

.overlay-menu__close-button:hover {
    background-color: #FAFAFA
}

.overlay-menu__logo {
    width: 168px;
    text-decoration: none;
    display: block;
    transition: 0.365s opacity
}

.overlay-menu__logo img {
    width: 100%;
    height: auto
}

.overlay-menu__logo:hover {
    opacity: 0.6
}

.overlay-menu__links-title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    color: #151515;
    margin-bottom: 7.5px;
    margin-top: 60px
}

.overlay-menu__links {
    list-style-type: none
}

.overlay-menu__link a {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 21px;
    color: #151515;
    text-decoration: none;
    transition: 0.365s color;
    display: inline-block;
    padding: 12px 0;
    position: relative
}

.overlay-menu__link a:hover {
    color: #FFD73D
}

.overlay-menu__contact {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start
}

.menu-contact__link {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 21px;
    line-height: 1.25;
    color: #151515;
    text-decoration: none;
    transition: 0.365s color
}

.menu-contact__link:hover {
    color: #ffcc0a
}

.menu-contact__action {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    color: #808080;
    text-decoration: none;
    border-bottom: 1px dashed #808080;
    display: inline-block;
    padding: 7px 0 1px;
    transition: 0.365s border, 0.365s color
}

.menu-contact__action:hover {
    color: #FFD73D;
    border-bottom: 1px dashed #FFD73D
}

.menu-contact__desc {
    color: #F7F7F7;
    font-size: 13px;
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    padding: 7px 0 1px;
    display: inline-block
}

.overlay-menu__bottom {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.overlay-menu__contact {
    margin-bottom: 30px
}

.overlay-menu__languages {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    right: -3px;
    display: flex
}

.overlay-menu__language {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 1;
    color: #151515;
    padding: 8px 0;
    width: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    z-index: 2;
    margin-right: 8px
}

.overlay-menu__language-bg {
    width: 40px;
    height: 29px;
    border-radius: 6px;
    background-color: #FFD73D;
    transition: 0.365s transform;
    transform: translateX(0%) rotate(0deg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: inline-block
}

.overlay-menu__socials {
    display: flex
}

.menu-social__link {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    margin-right: 12px;
    text-decoration: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.365s box-shadow
}

.menu-social__link img {
    max-width: 22px;
    width: 100%;
    height: auto
}

.menu-social__link--whatsapp {
    background-color: #25D366;
    box-shadow: 0 0 0 0 #25D366
}

.menu-social__link--whatsapp:hover {
    box-shadow: 0 0 0 2px #25D366
}

.menu-social__link--max {
    background-color: #7657FF;
    box-shadow: 0 0 0 0 #7657FF
}

.menu-social__link--max:hover {
    box-shadow: 0 0 0 2px #7657FF
}

.menu-social__link--telegram {
    background-color: #0088CC;
    box-shadow: 0 0 0 0 #0088CC
}

.menu-social__link--telegram img {
    max-width: 18px
}

.menu-social__link--telegram:hover {
    box-shadow: 0 0 0 2px #0088CC
}

.menu-social__link--youtube {
    background-color: #FF0000;
    box-shadow: 0 0 0 0 #FF0000
}

.menu-social__link--youtube:hover {
    box-shadow: 0 0 0 2px #FF0000
}

.menu-social__link--facebook:hover {
    background-color: #4367b2;
    border: 1px solid #4367b2
}

.menu-social__link--youtube:hover {
    background-color: #ff0000;
    border: 1px solid #ff0000
}

.menu-social__link--instagram:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-image: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: 0.365s opacity
}

.menu-social__link--instagram:hover {
    border: 1px solid rgba(0, 0, 0, 0)
}

.menu-social__link--instagram:hover:before {
    opacity: 1
}

@media (max-width: 960px) {
    .overlay__menu {
        max-width: 100%;
        width: 70%
    }

    .overlay__popup {
        width: 80%
    }

    .overlay__menu {
        width: 80%
    }

    .overlay__popup--video {
        width: 80%;
        max-width: 80%
    }
}

@media (max-width: 560px) {
    .overlay__desc br {
        display: none
    }

    .overlay__input {
        width: 100%
    }

    .overlay__menu {
        width: 90%;
        padding: 64px 24px 96px
    }

    .overlay__popup {
        width: 90%;
        padding: 36px 24px
    }

    .overlay__popup--video {
        width: calc(90% - 60px);
        max-width: 100%;
        padding: 0;
        margin-left: 5%
    }

    .overlay__popup--video .overlay__video {
        min-height: 390px
    }
}

.footer {
    background-color: #151515
}

.footer-top {
    padding: 32px 0 44px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.footer-top__items {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    grid-gap: 24px
}

.footer-top__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1.25;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 5px
}

.footer-top__adress {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #C3C3C3;
    padding: 5px 0
}

.footer-top__link a {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #C3C3C3;
    padding: 5px 0;
    display: inline-block;
    transition: 0.365s color
}

.footer-top__link a:hover {
    color: #FFD73D
}

.footer-top__links--office .footer-top__link a {
    padding: 2px 0
}

.footer-bottom {
    padding: 28px 0
}

.footer-bottom .container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer__copy {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.5;
    color: #C3C3C3;
    position: relative;
    padding-left: 16px;
    margin-bottom: 4px
}

.footer__copy:before {
    content: "®";
    font-family: inherit;
    font-size: 32px;
    line-height: 19.5px;
    color: inherit;
    position: absolute;
    left: -1px;
    top: 5.5px
}

.footer__offer {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.5;
    color: #C3C3C3
}

.footer-bottom__county-tag {
    width: 84px
}

.footer-bottom__legal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin: 0 32px;
}

.footer-bottom__legal a {
    font-family: "Brutal Type", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    color: #808080;
    transition: color .25s ease;
}

.footer-bottom__legal a:hover {
    color: #C3C3C3;
}

.footer-bottom__county-tag img {
    width: 100%;
    height: auto
}

@media (max-width: 1080px) {
    .footer-top__items {
        grid-template-columns:repeat(4, 1fr);
        grid-gap: 40px 24px
    }
}

@media (max-width: 768px) {
    .footer-top__items {
        grid-template-columns:repeat(3, 1fr)
    }

    .footer-bottom .container {
        flex-wrap: wrap;
        gap: 20px;
    }

    .footer-bottom__legal {
        margin: 0;
    }
}

@media (max-width: 580px) {
    .footer-top__items {
        grid-template-columns:repeat(2, 1fr)
    }

    .footer-bottom .container {
        align-items: flex-start;
        flex-direction: column
    }

    .footer-bottom__text {
        margin-bottom: 20px
    }

    .footer-bottom__legal {
        margin: 0 0 24px;
    }

    .footer__offer br {
        display: none
    }
}

@media (max-width: 340px) {
    .footer-top__items {
        grid-template-columns:1fr
    }
}

/* Footer 2026 */
.footer {
    overflow: hidden;
    background: #0c0f0e;
    color: #fff;
}

.footer a { color: inherit; }

.footer-cta {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 48px;
    padding: 76px 0 64px;
    border-bottom: 1px solid rgba(255,255,255,.14);
}

.footer-cta__eyebrow {
    display: block;
    margin-bottom: 18px;
    color: #FFD73D;
    font: 500 12px/1.2 "Brutal Type", sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.footer-cta h2 {
    max-width: 720px;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.04;
    letter-spacing: -.035em;
}

.footer-cta__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 270px;
}

.footer-cta__button {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 20px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 6px;
    font: 500 15px/1 "Brutal Type", sans-serif;
    transition: border-color .25s, background .25s, color .25s;
}

.footer-cta__button:hover { border-color: #fff; }
.footer-cta__button--primary { border-color: #FFD73D; background: #FFD73D; color: #151515 !important; }
.footer-cta__button--primary:hover { border-color: #ffcc0a; background: #ffcc0a; }
.footer-cta__button span { font-size: 20px; }

.footer-main {
    display: grid;
    grid-template-columns: 1.45fr 1fr 1.05fr 1fr;
    gap: 52px;
    padding: 58px 0 52px;
}

.footer-brand__logo { display: block; width: 176px; margin-bottom: 26px; }
.footer-brand__logo img { width: 100%; height: auto; }
.footer-brand p { max-width: 280px; margin-bottom: 30px; color: #8f9693; font: 400 14px/1.55 "Brutal Type", sans-serif; }
.footer-brand__phone { display: block; margin-bottom: 7px; font: 500 21px/1.25 "Brutal Type", sans-serif; }
.footer-brand__mail { color: #a9afad !important; font: 400 14px/1.4 "Brutal Type", sans-serif; transition: color .25s; }
.footer-brand__mail:hover { color: #FFD73D !important; }

.footer-nav { display: flex; flex-direction: column; align-items: flex-start; }
.footer-nav h3 { margin-bottom: 21px; color: #777e7b; font: 500 11px/1.2 "Brutal Type", sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.footer-nav a { position: relative; margin: 0 0 11px; color: #d4d7d6; font: 400 14px/1.35 "Brutal Type", sans-serif; transition: color .25s, transform .25s; }
.footer-nav a:hover { color: #FFD73D; transform: translateX(3px); }
.footer-nav--ecosystem a { width: 100%; padding: 13px 0; margin: 0; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 15px; }
.footer-nav--ecosystem a span { float: right; color: #6e7472; }

.footer-meta {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 25px 0;
    border-top: 1px solid rgba(255,255,255,.14);
}

.footer-socials { display: flex; flex-wrap: wrap; gap: 8px; }
.footer-socials a { padding: 8px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 100px; color: #b6bcba; font: 400 12px/1 "Brutal Type", sans-serif; transition: color .25s, border-color .25s; }
.footer-socials a:hover { border-color: #FFD73D; color: #FFD73D; }
.footer-meta address { max-width: 450px; color: #777e7b; font: normal 400 12px/1.5 "Brutal Type", sans-serif; text-align: right; }

.footer-bottom { padding: 22px 0; background: #070908; }
.footer-bottom .container { display: grid; grid-template-columns: auto 1fr minmax(250px,auto) 58px; gap: 28px; align-items: center; }
.footer__copy, .footer__offer { margin: 0; padding: 0; color: #646a68; font: 400 11px/1.4 "Brutal Type", sans-serif; }
.footer__copy:before { display: none; }
.footer-bottom__legal { flex-direction: row; flex-wrap: wrap; gap: 8px 18px; margin: 0; }
.footer-bottom__legal a { color: #777e7b; font-size: 11px; }
.footer-bottom__made-in-russia { width: 58px; height: auto; opacity: .72; }

@media (max-width: 1080px) {
    .footer-main { grid-template-columns: 1.2fr repeat(3,1fr); gap: 30px; }
    .footer-bottom .container { grid-template-columns: auto 1fr 58px; }
    .footer__offer { grid-column: 1 / 3; grid-row: 2; }
    .footer-bottom__made-in-russia { grid-column: 3; grid-row: 1 / 3; }
}

@media (max-width: 820px) {
    .footer-cta { align-items: flex-start; flex-direction: column; }
    .footer-cta__actions { width: 100%; min-width: 0; flex-direction: row; }
    .footer-cta__button { flex: 1; }
    .footer-main { grid-template-columns: 1fr 1fr; gap: 48px 32px; }
    .footer-brand { grid-column: 1 / 3; }
    .footer-meta { align-items: flex-start; flex-direction: column; }
    .footer-meta address { text-align: left; }
}

@media (max-width: 580px) {
    .footer-cta { padding: 56px 0 48px; gap: 32px; }
    .footer-cta h2 br { display: none; }
    .footer-cta__actions { flex-direction: column; }
    .footer-main { grid-template-columns: 1fr; padding: 45px 0; }
    .footer-brand { grid-column: auto; }
    .footer-bottom .container { display: flex; align-items: flex-start; flex-direction: column; gap: 14px; }
    .footer-bottom__legal { order: 2; }
    .footer__offer { order: 3; }
    .footer-bottom__made-in-russia { order: 4; margin-top: 10px; }
}

.product--mohist-tech .product-config__checkbox input[type=checkbox]:checked + .product-config__fake {
    background-color: #DF0D26;
    border: 2px solid #DF0D26
}

.product--mohist-tech .product-certificate__name a:hover {
    color: #c70c22;
    border-bottom: 1px dashed #c70c22
}

.product--mohist-tech .product-photo__dot--active {
    background-color: #DF0D26
}

.product--mohist-tech .product__advantage a:hover {
    color: #DF0D26;
    border-bottom: 1px dashed #DF0D26
}

.product--mohist-tech .product__param--active {
    background-color: #DF0D26
}

.product--mohist-tech .product__param--active:hover {
    background-color: #DF0D26
}

.product--mohist-tech .product-config__text a:hover {
    color: #c70c22;
    border-bottom: 1px dashed #c70c22
}

.product--mohist-tech .product-order__button {
    background-color: #DF0D26
}

.product--mohist-tech .product-order__button:before {
    background-color: #c70c22
}

.product--mohist-tech .product-order__button span {
    color: #FFFFFF
}

.product--mohist-tech .product-individual__button {
    background-color: #DF0D26
}

.product--mohist-tech .product-individual__button:before {
    background-color: #c70c22
}

.product--mohist-tech .product-individual__button span {
    color: #FFFFFF
}

.product--mohist-tech .configuration-item__param a:hover, .product--mohist-tech .product-component__param a:hover {
    color: #DF0D26;
    border-bottom: 1px dashed #DF0D26
}

.product--mohist-tech .component-button__icon {
    background-color: #DF0D26;
    box-shadow: 0 0 0 0px #DF0D26
}

.product--mohist-tech .component-button__icon img {
    filter: invert(100%)
}

.product--mohist-tech .product-component__button:hover .component-button__icon {
    box-shadow: 0 0 0 3px #DF0D26
}

.product--mohist-tech .product-video__button {
    background-color: #DF0D26
}

.product--mohist-tech .product-video__button img {
    filter: invert(100%)
}

.product--mohist-tech .product-config__fake:before {
    background-image: url("/_new/assets/images/icons/check-white-bold.svg")
}

.product__photo-and-info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 40px;
    gap: 24px;
    position: relative
}

.product__photo {
    width: calc(50% - 24px)
}

.product__info {
    width: calc(50% - 24px)
}

.product__photo {
    position: sticky;
    top: 30px
}

.product-photo__dots {
    width: calc(100% - 56px);
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 28px;
    bottom: 16px;
    z-index: 2
}

.product-photo__dot {
    height: 3px;
    background-color: #EFEFEF;
    border-radius: 10px
}

.product-photo__dot--active {
    background-color: #FFD73D
}

.product-photo__parts {
    width: calc(100% - 56px);
    height: 100%;
    position: absolute;
    left: 28px;
    z-index: 3;
    display: flex
}

.product__images--mobile {
    display: none
}

.product__images--desktop {
    display: block
}

.product__images--desktop .product__image {
    display: none;
    visibility: hidden
}

.product__images--desktop .product__image--active {
    display: block;
    visibility: visible
}

.product__image {
    width: 100%;
    height: auto
}

.product__name {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #151515;
    margin-top: 24px;
    margin-bottom: 8px
}

.product__tag {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 1.25;
    color: #151515;
    padding: 6px 12px;
    border-radius: 3px;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 12px;
    background-color: #EFEFEF;
    margin-bottom: 20px
}

.product__tag--yellow {
    background-color: #FFD73D
}

.product__tag--red {
    color: #FFFFFF;
    background-color: #DF0D26
}

.product__certificate {
    margin-top: 4px;
    margin-bottom: 24px;
    display: flex;
    align-items: center
}

.product-certificate__img {
    height: 32px;
    border-radius: 4px;
    background-color: rgba(239, 239, 239, 0);
    margin-right: 8px;
    display: flex;
    align-items: flex-start
}

.product-certificate__img img {
    max-width: 24px;
    width: 100%;
    height: auto
}

.product-certificate__name {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.25;
    color: #151515;
    display: inline-block
}

.product-certificate__name a {
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #151515;
    text-decoration: none;
    border-bottom: 1px dashed #151515;
    transition: 0.365s border, 0.365s color
}

.product-certificate__name a:hover {
    color: #ffcc0a;
    border-bottom: 1px dashed #ffcc0a
}

.product-photo__name {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #151515;
    margin: 30px 0 20px;
    display: none
}

.product__advantage {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    margin-bottom: 12px
}

.product__advantage a {
    font-family: inherit;
    font-size: inherit;
    color: #151515;
    line-height: inherit;
    border-bottom: 1px dashed #151515;
    transition: 0.365s color, 0.365s border;
    text-decoration: none
}

.product__advantage a:hover {
    color: #FFD73D;
    border-bottom: 1px dashed #FFD73D
}

.product__params {
    margin-top: 40px
}

.product__param {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #151515;
    padding: 8px 16px 7px 16px;
    border-radius: 20px;
    background-color: #EFEFEF;
    transition: 0.365s background;
    margin-right: 2px
}

.product__param:hover {
    background-color: #e7e7e7
}

.product__param:last-child {
    margin-right: 0
}

.product__param--active {
    background-color: #FFD73D;
    cursor: default
}

.product__param--active:hover {
    background-color: #FFD73D
}

.product__config {
    margin-top: 48px
}

.product-info__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    color: #151515;
    line-height: 1.25;
    margin-bottom: 15px
}

.product-config__checkbox {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    margin-bottom: 15px
}

.product-config__checkbox input[type=checkbox] {
    display: none
}

.product-config__checkbox input[type=checkbox]:checked + .product-config__fake:before {
    opacity: 1
}

.product-config__checkbox input[type=checkbox]:checked + .product-config__fake {
    background-color: #FFD73D;
    border: 2px solid #FFD73D
}

.product-config__checkbox--error .product-config__fake {
    border: 2px solid #DF0D26
}

.product-config__fake {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #f3f3f3;
    border: 2px solid #f3f3f3;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    transition: 0.185s border, 0.185s background;
    z-index: 2;
    margin-right: 12px
}

.product-config__fake:before {
    content: "";
    width: 85%;
    height: 85%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.165s opacity;
    background-image: url("/_new/assets/images/icons/check-black-bold.svg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0
}

.product-config__fake--error {
    border: 2px solid #DF0D26
}

.product-config__label {
    display: flex;
    flex-direction: column;
    padding-top: 2px
}

.product-config__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.25;
    color: #808080
}

.product-config__text a {
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #151515;
    text-decoration: none;
    border-bottom: 1px dashed #151515;
    transition: 0.365s border, 0.365s color
}

.product-config__text a:hover {
    color: #ffcc0a;
    border-bottom: 1px dashed #ffcc0a
}

.product-config__subtext {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.25;
    color: #808080;
    display: inline-block;
    margin-top: 3px
}

.product__order {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
    margin-bottom: 60px
}

.product-order__price {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    color: #151515;
    line-height: 1;
    margin-bottom: 2px;
    display: block
}

.product-order__hint {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #808080;
    display: block;
    margin-bottom: 16px
}

.product-order__button {
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 6px;
    background-color: #FFD73D;
    padding: 18px 24px
}

.product-order__button span {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 1.25;
    color: #151515;
    letter-spacing: 0.1px;
    transition: 0.365s color;
    display: inline-block;
    z-index: 2
}

.product-order__button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: #ffcc0a;
    border-radius: 6px;
    transition: 0.365s all;
    top: 0;
    left: -100%
}

.product-order__button:hover:before {
    left: 0
}

.product__specs .product-info__title {
    margin-bottom: 7px
}

.product-specs__table {
    border-collapse: collapse;
    margin-bottom: 30px
}

.product-specs__td {
    width: 50%;
    min-width: 300px;
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #808080;
    padding: 8px 0
}

.product-specs__td:nth-child(2) {
    padding: 8px 0 8px 10px
}

.product-specs__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    color: #151515;
    line-height: 1;
    margin-bottom: 12px;
    margin-top: 45px
}

.product__individual {
    margin-top: 60px
}

.product__individual .product-info__title {
    margin-bottom: 8px
}

.product-individual__desc {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    margin-bottom: 24px
}

.product-individual__button {
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 6px;
    background-color: #FFD73D;
    padding: 18px 24px
}

.product-individual__button span {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 1.25;
    color: #151515;
    letter-spacing: 0.1px;
    transition: 0.365s color;
    display: inline-block;
    z-index: 2
}

.product-individual__button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: #ffcc0a;
    border-radius: 6px;
    transition: 0.365s all;
    top: 0;
    left: -100%
}

.product-individual__button:hover:before {
    left: 0
}

.product__components {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 80px
}

.product__component {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 40px
}

.product-component__content {
    width: calc(50% - 12px);
    margin-top: 30px
}

.product-component__image {
    width: calc(50% - 12px);
    border-radius: 6px
}

.product-component__image img {
    width: 100%;
    height: auto;
    margin-bottom: -4px;
    border-radius: 6px
}

.configuration-item__title, .product-component__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #151515;
    line-height: 1.25;
    margin-bottom: 12px
}

.configuration-item__params, .product-component__params {
    list-style-type: none
}

.configuration-item__param, .product-component__param {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    margin-bottom: 12px;
    max-width: 500px
}

.configuration-item__param a, .product-component__param a {
    font-family: inherit;
    font-size: inherit;
    color: #151515;
    line-height: inherit;
    border-bottom: 1px dashed #151515;
    transition: 0.365s color, 0.365s border;
    text-decoration: none
}

.configuration-item__param a:hover, .product-component__param a:hover {
    color: #FFD73D;
    border-bottom: 1px dashed #FFD73D
}

.product__configuration {
    margin-top: 80px
}

.product-configuration__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -12px
}

.product-components__subtitle {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #151515;
    margin: 40px 0 45px
}

.product-component__button {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    margin-top: 15px
}

.product-component__button:hover .component-button__icon {
    box-shadow: 0 0 0 3px #FFD73D
}

.component-button__icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #FFD73D;
    box-shadow: 0 0 0 0 #FFD73D;
    transition: 0.365s transform, 0.365s box-shadow;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px
}

.component-button__icon img {
    max-width: 16px;
    width: 100%;
    height: auto;
    transform: translate(2px, 0px)
}

.component-button__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.component-button__video-name {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    color: #151515;
    display: block;
    margin-bottom: 3px
}

.component-button__time {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    color: #808080;
    display: block
}

.product__about {
    margin-top: 100px
}

.product__video {
    position: relative;
    width: 100%;
    height: 540px;
    background-color: #151515;
    overflow: hidden;
    border-radius: 6px;
    z-index: 1;
    cursor: pointer
}

.product__video:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #151515
}

.product__video:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #151515;
    opacity: 0.2
}

.product__video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    opacity: 1;
    border-radius: 6px
}

.product__video:hover .product-video__button {
    transform: scale(1.08) translate(-50%, -50%);
    box-shadow: 0 2px 10px 5px rgba(254, 211, 48, 0.45)
}

.product-video__button {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #FFD73D;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    box-shadow: 0 2px 10px 5px rgba(254, 211, 48, 0.2);
    transition: 0.365s transform, 0.365s box-shadow
}

.product-video__button img {
    max-width: 20px;
    transform: translate(2px, 1px);
    width: 100%;
    height: auto
}

.product-about__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 34px;
    color: #151515;
    line-height: 1.3;
    margin-bottom: 45px
}

.videos--mohist-tech .videos-item__cover:hover .videos-item__cover-play {
    box-shadow: 0 0 0 3px #DF0D26
}

.videos--mohist-tech .videos-item__cover-play {
    background-color: #DF0D26;
    box-shadow: 0 0 0 0 #DF0D26
}

.videos--mohist-tech .videos-item__cover-play {
    background-color: #DF0D26;
    box-shadow: 0 0 0 0 #DF0D26
}

.videos--mohist-tech .videos-item__cover-play img {
    filter: invert(100%)
}

.videos__title {
    margin-bottom: 28px
}

.videos__items {
    display: flex;
    flex-wrap: wrap;
    gap: 28px
}

.videos__item {
    width: calc(33.3333333333% - 24px);
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 6px 6px 0 0;
    position: relative
}

@media (min-width: 960px) {
    .videos__item--shorts {
        border-radius: 6px
    }

    .videos__item--shorts .videos-item__cover {
        height: 100%;
        min-height: 380px;
        border-radius: 6px;
        overflow: hidden;
        transform: translateZ(0)
    }

    .videos__item--shorts .videos-item__cover-img {
        height: 100% !important;
        min-height: 380px !important
    }

    .videos__item--shorts .videos-item__cover-img:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        display: inline-block;
        background-image: linear-gradient(180deg, rgba(21, 21, 21, 0) 32.43%, rgba(21, 21, 21, 0.7) 108.01%);
        top: 0;
        left: 0;
        z-index: 1
    }

    .videos__item--shorts .videos-item__cover-img img {
        height: 100% !important;
        min-height: 380px !important
    }

    .videos__item--shorts .videos-item__video {
        height: 100%
    }

    .videos__item--shorts .videos-item__video iframe {
        height: 100%
    }

    .videos__item--shorts .videos-item__name {
        color: #FFFFFF;
        position: absolute;
        bottom: 24px;
        left: 0;
        z-index: 3;
        padding: 0 24px
    }
}

.videos-item__cover {
    width: 100%;
    height: 220px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer
}

.videos-item__cover:hover .videos-item__cover-play {
    box-shadow: 0 0 0 3px #FFD73D
}

.videos-item__cover .videos-item__cover-img {
    height: 220px
}

.videos-item__cover .videos-item__cover-img img {
    width: 100%;
    height: 220px;
    object-fit: cover
}

.videos-item__cover-play {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #FFD73D;
    box-shadow: 0 0 0 0 #FFD73D;
    transition: 0.365s box-shadow;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.videos-item__cover-play img {
    width: 20px;
    height: auto;
    transform: translateX(2px)
}

.videos-item__video {
    margin-bottom: 12px
}

.videos-item__video iframe {
    width: 100%;
    height: 220px
}

.videos-item__name {
    color: #151515
}

@media (max-width: 960px) {
    .product__photo {
        width: 100%;
        position: static;
        top: auto
    }

    .product__info {
        width: 100%
    }

    .product-photo__name {
        display: block
    }

    .product__name {
        display: none
    }

    .product__images--mobile {
        display: block
    }

    .product__images--desktop {
        display: none
    }

    .product-photo__parts {
        display: none
    }

    .product-photo__dots {
        display: none
    }

    .videos__item {
        width: calc(50% - 24px)
    }
}

@media (max-width: 768px) {
    .product-component__content {
        width: 100%
    }

    .product-component__image {
        width: 100%
    }

    .product__tag {
        white-space: normal
    }

    .product-specs__td {
        min-width: 0
    }
}

@media (max-width: 620px) {
    .videos__item {
        width: 100%
    }

    .videos-item__video iframe {
        height: 250px
    }

    .videos-item__cover {
        height: 250px
    }

    .videos-item__cover .videos-item__cover-img {
        height: 250px
    }

    .videos-item__cover .videos-item__cover-img img {
        height: 250px
    }
}

.company-expertise {
    background-color: #FFFFFF
}

.company-expertise__container {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    align-items: stretch;
    gap: clamp(48px, 6vw, 88px)
}

.company-expertise__image {
    min-height: 430px;
    overflow: hidden;
    background-color: #F3F3F3
}

.company-expertise__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center
}

.company-expertise__content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.company-expertise__title {
    max-width: 650px;
    color: #151515;
    margin-bottom: 16px
}

.company-expertise__subtitle {
    max-width: 650px;
    color: #151515;
    font-size: 28px;
    margin-bottom: 22px
}

.company-expertise__text {
    max-width: 690px;
    font-family: "Brutal Type", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.55;
    color: #606060
}

.company-expertise__text strong {
    font-weight: 500;
    color: #151515
}

.company-expertise__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 38px;
    border-top: 1px solid #ECECEC;
    padding-top: 26px
}

.company-expertise__stat {
    min-height: 76px;
    padding: 0 22px;
    border-right: 1px solid #ECECEC;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.company-expertise__stat:first-child {
    padding-left: 0
}

.company-expertise__stat:last-child {
    padding-right: 0;
    border-right: 0
}

.company-expertise__stat strong {
    font-family: "Brutal Type", sans-serif;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.15;
    color: #FFD02A;
    margin-bottom: 8px
}

.company-expertise__stat span {
    max-width: 150px;
    font-family: "Brutal Type", sans-serif;
    font-size: 14px;
    line-height: 1.3;
    color: #606060
}

@media (max-width: 1080px) {
    .company-expertise__container {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .company-expertise__image {
        min-height: 340px
    }

    .company-expertise__image img {
        object-position: center
    }
}

@media (max-width: 640px) {
    .company-expertise__image {
        min-height: 240px
    }

    .company-expertise__subtitle {
        font-size: 24px
    }

    .company-expertise__text {
        font-size: 16px
    }

    .company-expertise__stats {
        grid-template-columns: 1fr;
        gap: 18px;
        padding-top: 22px
    }

    .company-expertise__stat,
    .company-expertise__stat:first-child,
    .company-expertise__stat:last-child {
        min-height: 0;
        padding: 0 0 18px;
        border-right: 0;
        border-bottom: 1px solid #ECECEC
    }

    .company-expertise__stat:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }
}

.company-developments {
    background-color: #F5F5F5
}

.company-developments__intro {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    column-gap: clamp(44px, 7vw, 110px);
    align-items: start;
    margin-bottom: 48px
}

.company-developments__eyebrow {
    grid-column: 1 / -1;
    margin-bottom: 16px;
    font-family: "Brutal Type", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8A8A8A
}

.company-developments__title {
    max-width: 610px;
    color: #151515
}

.company-developments__lead {
    max-width: 720px;
    padding-top: 5px;
    font-family: "Brutal Type", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.55;
    color: #606060
}

.company-developments__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background-color: #DCDCDC;
    border: 1px solid #DCDCDC
}

.company-development {
    min-width: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #FFFFFF
}

.company-development__external-link { position: absolute; inset: 0; z-index: 2; }
.company-development:has(.company-development__external-link) { cursor: pointer; transition: transform .25s ease, box-shadow .25s ease; }
.company-development:has(.company-development__external-link):hover { z-index: 1; transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0,0,0,.12); }

.company-development__media {
    height: clamp(210px, 18vw, 300px);
    padding: clamp(22px, 2.4vw, 38px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #FFFFFF;
    border-bottom: 1px solid #ECECEC
}

.company-development__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center
}

.company-development__content {
    min-height: 180px;
    padding: 30px 32px 34px
}

.company-development__brand {
    margin-bottom: 15px;
    font-family: "Brutal Type", sans-serif;
    font-size: clamp(23px, 1.8vw, 29px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #151515
}

.company-development__brand:after {
    content: "";
    width: 34px;
    height: 3px;
    display: block;
    margin-top: 14px;
    background-color: #FFD02A
}

.company-development__brand--image {
    height: 38px;
    display: flex;
    align-items: center
}

.company-development__brand--image img {
    width: auto;
    max-width: min(100%, 230px);
    max-height: 38px;
    display: block;
    object-fit: contain;
    object-position: left center
}

.company-development__brand--image:after {
    display: none
}

.company-development__description {
    max-width: 390px;
    font-family: "Brutal Type", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    color: #606060
}

.company-development__description strong {
    font-weight: 500;
    color: #151515
}

.company-developments__note {
    max-width: 1160px;
    margin-top: 30px;
    padding-left: 18px;
    border-left: 3px solid #FFD02A;
    font-family: "Brutal Type", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #777777
}

@media (max-width: 1024px) {
    .company-developments__intro {
        grid-template-columns: 1fr;
        gap: 22px
    }

    .company-developments__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 640px) {
    .company-developments__intro {
        margin-bottom: 34px
    }

    .company-developments__lead {
        font-size: 16px
    }

    .company-developments__grid {
        grid-template-columns: 1fr
    }

    .company-development__media {
        height: 240px;
        padding: 24px
    }

    .company-development__content {
        min-height: 0;
        padding: 26px 24px 30px
    }

    .company-developments__note {
        margin-top: 24px;
        font-size: 13px
    }
}

.company-evolution {
    overflow: hidden;
    background-color: #FFFFFF
}

@media (min-width: 901px) {
    .company-evolution {
        overflow: visible;
        padding-top: 0;
        padding-bottom: 0
    }

    .company-evolution__container {
        min-height: calc(100vh - 82px);
        position: sticky;
        top: 82px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 28px;
        padding-bottom: 28px;
        overflow: hidden;
        background-color: #FFFFFF
    }

    .company-evolution__intro {
        margin-bottom: 30px
    }

    .company-evolution__viewport {
        overflow: hidden;
        padding-bottom: 18px;
        scrollbar-width: none;
        scroll-snap-type: none
    }

    .company-evolution__viewport::-webkit-scrollbar {
        display: none
    }
}

.company-evolution__intro {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    column-gap: clamp(44px, 7vw, 110px);
    margin-bottom: 48px
}

.company-evolution__eyebrow {
    grid-column: 1 / -1;
    margin-bottom: 16px;
    font-family: "Brutal Type", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8A8A8A
}

.company-evolution__title {
    grid-column: 1;
    grid-row: 1 / span 2;
    max-width: 560px;
    color: #151515
}

.company-evolution__subtitle {
    max-width: 720px;
    margin-bottom: 16px;
    font-size: 27px;
    line-height: 1.2;
    color: #151515
}

.company-evolution__lead {
    max-width: 720px;
    font-family: "Brutal Type", sans-serif;
    font-size: 17px;
    line-height: 1.55;
    color: #606060
}

.company-evolution__viewport {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 18px 0 22px;
    scrollbar-width: thin;
    scrollbar-color: #FFD02A #ECECEC;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain
}

.company-evolution__viewport::-webkit-scrollbar {
    height: 5px
}

.company-evolution__viewport::-webkit-scrollbar-track {
    background-color: #ECECEC
}

.company-evolution__viewport::-webkit-scrollbar-thumb {
    background-color: #FFD02A
}

.company-evolution__track {
    width: max-content;
    display: flex;
    align-items: stretch;
    gap: 16px;
    position: relative
}

.company-evolution__track:before {
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #D9D9D9
}

.evolution-card {
    width: 282px;
    min-height: 300px;
    flex: 0 0 auto;
    position: relative;
    padding: 34px 26px 28px;
    border: 1px solid #E2E2E2;
    background-color: #F7F7F7;
    scroll-snap-align: start
}

.evolution-card:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    top: -6px;
    left: 25px;
    background-color: #FFD02A
}

.evolution-card--wide {
    width: 350px
}

.evolution-card__year {
    display: block;
    margin-bottom: 23px;
    font-family: "Brutal Type", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #8A8A8A
}

.evolution-card__title {
    margin-bottom: 14px;
    font-family: "Brutal Type", sans-serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.15;
    color: #151515
}

.evolution-card__text,
.evolution-card__list,
.evolution-card__today-list {
    font-family: "Brutal Type", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.48;
    color: #646464
}

.evolution-card__list,
.evolution-card__today-list {
    display: grid;
    gap: 9px
}

.evolution-card__list li {
    position: relative;
    padding-left: 15px
}

.evolution-card__list li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    top: .55em;
    left: 0;
    background-color: #FFD02A
}

.evolution-card--today {
    width: 330px;
    border-color: #151515;
    background-color: #151515
}

.evolution-card--today:before {
    background-color: #FFFFFF
}

.evolution-card--today .evolution-card__year {
    color: #FFD02A
}

.evolution-card--today .evolution-card__title {
    color: #FFFFFF
}

.evolution-card__today-list {
    color: #C9C9C9
}

.evolution-card__today-list li {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

.company--legacy {
    display: none !important
}

@media (max-width: 900px) {
    .company-evolution__intro {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 36px
    }

    .company-evolution__title {
        grid-column: auto;
        grid-row: auto
    }
}

@media (max-width: 640px) {
    .company-evolution__subtitle {
        font-size: 23px
    }

    .company-evolution__lead {
        font-size: 16px
    }

    .evolution-card,
    .evolution-card--wide,
    .evolution-card--today {
        width: min(82vw, 310px);
        min-height: 300px
    }
}

.company {
    padding-top: 64px;
    padding-bottom: 80px
}

.media-page {
    min-height: 100vh;
    background-color: #FFFFFF
}

.media-hero {
    min-height: 520px;
    padding-top: 190px;
    display: flex;
    align-items: center
}

.media-hero__container {
    width: 100%
}

.media-hero__eyebrow {
    margin-bottom: 18px;
    font-family: "Brutal Type", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8A8A8A
}

.media-hero__title {
    max-width: 900px;
    margin-bottom: 22px;
    font-family: "Brutal Type", sans-serif;
    font-size: clamp(58px, 7vw, 108px);
    font-weight: 500;
    line-height: .95;
    letter-spacing: -.035em;
    color: #151515
}

.media-hero__text {
    max-width: 620px;
    font-family: "Brutal Type", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.45;
    color: #606060
}

.media-content {
    min-height: 520px;
    padding-top: 88px;
    padding-bottom: 112px
}

.media-content__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 48px
}

.media-content__eyebrow {
    margin-bottom: 14px;
    color: #8a8a8a;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase
}

.media-content__title {
    max-width: 850px;
    font-size: clamp(36px, 4vw, 64px);
    line-height: 1.02;
    letter-spacing: -.025em
}

.media-content__vk-link {
    flex: 0 0 auto;
    padding-bottom: 6px;
    color: #151515;
    border-bottom: 1px solid #151515
}

.media-clips {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px
}

.media-clip {
    min-width: 0;
    color: #151515
}

.media-clip__visual {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 9 / 16;
    margin-bottom: 16px;
    background: #e9e9e9
}

.media-clip__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease
}

.media-clip:hover .media-clip__visual img {
    transform: scale(1.025)
}

.media-clip__play {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    padding-left: 3px;
    color: #151515;
    border-radius: 50%;
    background: #ffcf32;
    box-shadow: 0 10px 24px rgba(0,0,0,.2)
}

.media-clip__title {
    display: -webkit-box;
    overflow: hidden;
    font-size: 18px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.media-clips-placeholder {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 32px;
    padding: 38px 42px;
    background: #f2f2f2;
    border-left: 4px solid #ffcf32
}

.media-clips-placeholder__mark {
    display: flex;
    width: 74px;
    height: 74px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    background: #07f
}

.media-clips-placeholder h3 {
    margin-bottom: 6px;
    font-size: 25px
}

.media-clips-placeholder p {
    color: #707070;
    font-size: 17px
}

.media-clips-placeholder a {
    padding: 18px 24px;
    color: #151515;
    font-weight: 500;
    background: #ffcf32
}

@media (max-width: 640px) {
    .media-hero {
        min-height: 430px;
        padding-top: 140px
    }

    .media-hero__title {
        font-size: 58px
    }

    .media-hero__text {
        font-size: 17px
    }

    .media-content {
        min-height: 360px;
        padding-top: 56px;
        padding-bottom: 72px
    }

    .media-content__head {
        display: block;
        margin-bottom: 30px
    }

    .media-content__title {
        margin-bottom: 24px;
        font-size: 38px
    }

    .media-clips {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        margin-right: -20px;
        padding-right: 20px;
        scroll-snap-type: x mandatory
    }

    .media-clip {
        flex: 0 0 72vw;
        scroll-snap-align: start
    }

    .media-clips-placeholder {
        display: block;
        padding: 28px 24px
    }

    .media-clips-placeholder__mark {
        margin-bottom: 22px
    }

    .media-clips-placeholder p {
        margin-bottom: 22px
    }

    .media-clips-placeholder a {
        display: inline-block
    }
}

/* Media center */
.media-page [hidden] { display: none !important }
.media-page { overflow: hidden; color: #151515; background: #fff }
.media-page, .media-page button, .media-page input, .media-page textarea, .media-page select { font-family: "Brutal Type", Arial, sans-serif }
.media-page h1, .media-page h2, .media-page h3, .media-page p, .media-page span, .media-page strong, .media-page small, .media-page a { font-family: inherit }
.media-search .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap }
.media-hero { min-height: 470px; padding: 180px 0 74px; align-items: flex-end; background: #f3f3f3 }
.media-hero__container { display: flex; align-items: flex-end; justify-content: space-between; gap: 80px }
.media-hero__copy { max-width: 880px }
.media-hero__title { margin-bottom: 22px; font-size: clamp(68px, 7.2vw, 122px) }
.media-hero__text { max-width: 760px; font-size: 22px }
.media-hero__meta { display: grid; grid-template-columns: repeat(2, auto); gap: 12px 26px; padding-bottom: 6px; color: #777; font-size: 15px }
.media-hero__meta span:before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 9px; background: #ffcf32 }

.media-catalog { padding: 34px 0 90px }
.media-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 34px; padding-bottom: 28px; border-bottom: 1px solid #ddd }
.media-toolbar__filters { display: flex; flex-wrap: wrap; gap: 10px }
.media-filter { min-height: 48px; padding: 0 21px; color: #555; border: 1px solid #d7d7d7; background: #fff; font: 500 15px/1 "Brutal Type", sans-serif; transition: .25s ease; cursor: pointer }
.media-filter:hover, .media-filter.is-active { color: #151515; border-color: #ffcf32; background: #ffcf32; box-shadow: 0 8px 20px rgba(197,153,0,.16) }
.media-filter:hover { transform: translateY(-2px) scale(1.02) }
.media-search { display: flex; width: min(340px, 30vw); height: 48px; align-items: center; padding: 0 16px; border: 1px solid #d7d7d7; background: #fff }
.media-search input { width: 100%; color: #151515; border: 0; outline: 0; background: transparent; font: 400 15px/1 "Brutal Type", sans-serif }
.media-search span:last-child { font-size: 25px; transform: rotate(-20deg) }

.media-feature { display: grid; grid-template-columns: 1.5fr 1fr; min-height: 510px; background: #171717 }
.media-feature__visual { min-width: 0; overflow: hidden }
.media-feature__visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease }
.media-feature:hover .media-feature__visual img { transform: scale(1.025) }
.media-feature__body { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(42px, 5vw, 80px); color: #fff }
.media-labels { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 28px }
.media-labels span { padding: 8px 11px; color: #151515; background: #ffcf32; font-size: 12px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase }
.media-labels span + span { color: #aaa; border: 1px solid #555; background: transparent }
.media-feature h2 { max-width: 600px; margin-bottom: 22px; color: #fff; font-size: clamp(38px, 3.5vw, 62px); line-height: 1.04; letter-spacing: -.025em }
.media-feature p { max-width: 570px; margin-bottom: 38px; color: #aaa; font-size: 18px; line-height: 1.5 }
.media-action { display: inline-flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 34px; padding: 0 25px; color: #151515; background: #ffcf32; font-size: 16px; font-weight: 500; transition: .25s ease }
.media-action:hover { color: #151515; background: #f0bd16; box-shadow: 0 12px 28px rgba(255,207,50,.24); transform: translateY(-2px) scale(1.02) }
.media-action span { font-size: 23px }
.media-empty { padding: 70px 30px; color: #777; border: 1px solid #ddd; font-size: 20px; text-align: center }

.media-content, .media-feed, .media-gallery, .media-downloads { min-height: 0; padding: 105px 0 }
.media-content { background: #f4f4f4 }
.media-feed { background: #fff }
.media-gallery { color: #fff; background: #171717 }
.media-downloads { background: #f3f3f3 }
.media-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 48px }
.media-content__eyebrow { margin-bottom: 16px; color: #888; font-size: 14px; font-weight: 500; letter-spacing: .09em; text-transform: uppercase }
.media-content__title { max-width: 930px; margin: 0; font-size: clamp(44px, 5vw, 76px); line-height: .98; letter-spacing: -.03em }
.media-gallery .media-content__title { color: #fff }
.media-section-link { flex: 0 0 auto; padding-bottom: 5px; color: inherit; border-bottom: 1px solid currentColor; font-size: 16px }
.media-clips, .media-clips-preview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px }
.media-clip__visual { aspect-ratio: 9/14; background: #ddd }
.media-clip--preview:nth-child(2) .media-clip__visual img, .media-clip--preview:nth-child(4) .media-clip__visual img { object-position: center top }
.media-clip__title { font-size: 17px }
.media-connect-note { margin-top: 25px; color: #777; font-size: 14px }
.media-connect-note a { color: #151515; border-bottom: 1px solid }

.media-feed__grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 18px }
.media-card { display: flex; min-width: 0; padding: 0 0 26px; color: #151515; border-bottom: 1px solid #ccc; flex-direction: column }
.media-card__image { display: block; height: 270px; margin-bottom: 22px; overflow: hidden; background: #eee }
.media-card--large .media-card__image { height: 360px }
.media-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease }
.media-card:hover .media-card__image img { transform: scale(1.025) }
.media-card__type { margin-bottom: 13px; color: #8a8a8a; font-size: 13px; letter-spacing: .06em; text-transform: uppercase }
.media-card strong { margin-bottom: 13px; font-size: clamp(24px, 2vw, 34px); line-height: 1.12 }
.media-card__text { color: #777; font-size: 16px; line-height: 1.45 }

.media-gallery__grid { display: grid; grid-template-columns: 1.3fr .7fr .7fr 1.3fr; gap: 12px }
.media-gallery__item { height: 410px; margin: 0; overflow: hidden; background: #252525 }
.media-gallery__item img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.65); transition: .45s ease }
.media-gallery__item:hover img { filter: saturate(1); transform: scale(1.02) }
.media-gallery__item:nth-child(2) img, .media-gallery__item:nth-child(3) img { object-position: center 20% }

.media-downloads__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #ccc; border-left: 1px solid #ccc }
.media-download { display: grid; min-height: 132px; grid-template-columns: 58px 1fr auto; align-items: center; gap: 22px; padding: 25px 28px; color: #151515; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; transition: .25s ease }
.media-download:hover { color: #151515; background: #ffcf32 }
.media-download__format { display: flex; width: 58px; height: 68px; align-items: center; justify-content: center; color: #777; border: 1px solid #aaa; font-size: 12px; font-weight: 500 }
.media-download strong, .media-download small { display: block }
.media-download strong { margin-bottom: 7px; font-size: 20px }
.media-download small { color: #777; font-size: 14px }
.media-download i { font-size: 24px; font-style: normal }

.media-subscribe { padding: 0; color: #151515; background: #ffcf32 }
.media-subscribe__inner { display: flex; min-height: 310px; align-items: center; justify-content: space-between; gap: 60px }
.media-subscribe .media-content__eyebrow { color: #705a0b }
.media-subscribe h2 { max-width: 920px; font-size: clamp(42px, 4.8vw, 72px); line-height: 1; letter-spacing: -.03em }
.media-subscribe .media-action { flex: 0 0 auto; color: #fff; background: #151515 }
.media-subscribe .media-action:hover { background: #292929; box-shadow: 0 12px 28px rgba(0,0,0,.22) }

@media (max-width: 1100px) {
    .media-hero__meta { display: none }
    .media-feature { grid-template-columns: 1.2fr 1fr }
    .media-feed__grid { grid-template-columns: 1fr 1fr }
    .media-card--large { grid-column: 1 / -1 }
    .media-gallery__grid { grid-template-columns: 1fr 1fr }
    .media-gallery__item { height: 360px }
    .media-subscribe__inner { align-items: flex-start; padding-top: 70px; padding-bottom: 70px; flex-direction: column }
}

@media (max-width: 760px) {
    .media-hero { min-height: 390px; padding: 142px 0 54px }
    .media-hero__title { font-size: 64px }
    .media-hero__text { font-size: 17px }
    .media-catalog { padding: 20px 0 64px }
    .media-toolbar { align-items: stretch; flex-direction: column }
    .media-toolbar__filters { margin-right: -20px; padding-right: 20px; flex-wrap: nowrap; overflow-x: auto }
    .media-filter { flex: 0 0 auto }
    .media-search { width: 100% }
    .media-feature { display: block }
    .media-feature__visual { display: block; height: 280px }
    .media-feature__body { padding: 36px 24px 42px }
    .media-feature h2 { font-size: 38px }
    .media-feature p { font-size: 16px }
    .media-content, .media-feed, .media-gallery, .media-downloads { padding: 72px 0 }
    .media-section-head { display: block; margin-bottom: 32px }
    .media-content__title { margin-bottom: 24px; font-size: 42px }
    .media-clips, .media-clips-preview { display: flex; gap: 13px; margin-right: -20px; padding-right: 20px; overflow-x: auto; scroll-snap-type: x mandatory }
    .media-clip { flex: 0 0 72vw; scroll-snap-align: start }
    .media-feed__grid { display: block }
    .media-card { margin-bottom: 34px }
    .media-card__image, .media-card--large .media-card__image { height: 260px }
    .media-gallery__grid { grid-template-columns: 1fr 1fr; gap: 7px }
    .media-gallery__item { height: 220px }
    .media-gallery__item--wide { grid-column: 1 / -1; height: 260px }
    .media-downloads__grid { display: block; border-left: 1px solid #ccc }
    .media-download { min-height: 116px; grid-template-columns: 46px 1fr auto; gap: 15px; padding: 19px 16px }
    .media-download__format { width: 46px; height: 57px }
    .media-download strong { font-size: 17px }
    .media-subscribe__inner { min-height: 0; padding-top: 60px; padding-bottom: 60px; gap: 34px }
    .media-subscribe h2 { font-size: 42px }
}

/* Compact media administration */
.media-admin-open { overflow: hidden }
.media-admin [hidden] { display: none !important }
.media-admin-trigger { position: fixed; right: 9px; bottom: 9px; z-index: 80; width: 30px; height: 30px; padding: 0 0 8px; color: rgba(255,255,255,.24); border: 0; background: rgba(20,20,20,.16); font: 700 13px/1 Arial,sans-serif; letter-spacing: 1px; cursor: pointer; opacity: .24; transition: .25s ease }
.media-admin-trigger:hover, .media-admin-trigger:focus { color: #151515; background: #ffcf32; opacity: 1 }
.media-admin { position: fixed; inset: 0; z-index: 10000; font-family: "Brutal Type",Arial,sans-serif }
.media-admin__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.68); backdrop-filter: blur(5px) }
.media-admin__panel { position: absolute; inset: 24px; display: flex; overflow: hidden; color: #151515; background: #f4f4f4; box-shadow: 0 30px 90px rgba(0,0,0,.35); flex-direction: column }
.media-admin__header { display: flex; min-height: 88px; align-items: center; justify-content: space-between; padding: 18px 28px; color: #fff; background: #161616 }
.media-admin__header span { display: block; margin-bottom: 3px; color: #ffcf32; font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase }
.media-admin__header h2 { color: #fff; font-size: 24px; line-height: 1.1 }
.media-admin__header button, .media-admin__editor header button { width: 44px; height: 44px; padding: 0; color: inherit; border: 1px solid #555; background: transparent; font: 300 32px/1 Arial,sans-serif; cursor: pointer }
.media-admin__auth { display: grid; height: 100%; padding: 30px; place-items: center }
.media-admin__auth-card { width: min(480px,100%); padding: 44px; background: #fff; border-left: 5px solid #ffcf32 }
.media-admin__auth-card h3 { margin-bottom: 12px; font-size: 32px; line-height: 1.05 }
.media-admin__auth-card > p:not(.media-content__eyebrow) { margin-bottom: 28px; color: #777; line-height: 1.5 }
.media-admin__auth-card label { display: block; margin-bottom: 18px }
.media-admin__auth-card label span, .media-admin__field > span { display: block; margin-bottom: 8px; color: #555; font-size: 13px; font-weight: 500 }
.media-admin__auth-card input, .media-admin__field input, .media-admin__field select, .media-admin__field textarea { width: 100%; padding: 14px 15px; color: #151515; border: 1px solid #ccc; border-radius: 0; outline: 0; background: #fff; font: 16px/1.25 "Brutal Type",Arial,sans-serif }
.media-admin__auth-card input:focus, .media-admin__field input:focus, .media-admin__field select:focus, .media-admin__field textarea:focus { border-color: #151515; box-shadow: 0 0 0 2px #ffcf32 }
.media-admin__primary { min-height: 48px; padding: 0 22px; color: #151515; border: 0; background: #ffcf32; font: 500 15px/1 "Brutal Type",Arial,sans-serif; cursor: pointer; transition: .2s ease }
.media-admin__primary:hover { background: #efbd1a; box-shadow: 0 8px 20px rgba(178,132,0,.2); transform: translateY(-1px) }
.media-admin__error { margin: 0 0 16px; padding: 12px 14px; color: #9e2020; background: #ffe5e5; font-size: 14px }
.media-admin__workspace { display: flex; min-height: 0; flex: 1; flex-direction: column }
.media-admin__tabs { display: flex; min-height: 62px; align-items: center; gap: 20px; padding: 0 28px; border-bottom: 1px solid #d5d5d5; background: #fff }
.media-admin__tabs button { align-self: stretch; padding: 0 4px; color: #777; border: 0; border-bottom: 3px solid transparent; background: transparent; font: 500 15px/1 "Brutal Type",Arial,sans-serif; cursor: pointer }
.media-admin__tabs button.is-active { color: #151515; border-bottom-color: #ffcf32 }
.media-admin__tabs span { color: #999; font-size: 13px }
.media-admin__tabs button:last-child { height: 34px; margin-left: auto; align-self: center; padding: 0 14px; border: 1px solid #ccc }

/* Media center 2026 */
.media-page [hidden] { display: none !important }
.media-hero-feature { position: relative; min-height: 760px; overflow: hidden; color: #fff; background: #111 }
.media-hero-feature__image,.media-hero-feature__shade { position: absolute; inset: 0 }
.media-hero-feature__image img { width: 100%; height: 100%; object-fit: cover; object-position: center }
.media-hero-feature__shade { background: linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.12) 78%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%) }
.media-hero-feature__container { position: relative; z-index: 1; display: flex; min-height: 760px; flex-direction: column; justify-content: space-between; padding-top: 150px; padding-bottom: 74px }
.media-hero-feature__brand { margin: 0; color: #ffcf32; font-size: clamp(24px,2.3vw,42px); font-weight: 700; letter-spacing: -.03em }
.media-hero-feature__copy { max-width: 900px }
.media-hero-feature__copy h1 { max-width: 880px; margin: 18px 0 24px; color: #fff; font-size: clamp(52px,5.2vw,88px); line-height: .98; letter-spacing: -.035em }
.media-hero-feature__copy>p { max-width: 680px; margin: 0 0 34px; color: #d0d0d0; font-size: 20px; line-height: 1.5 }
.media-catalog { min-height: 0; padding: 34px 0; border-bottom: 1px solid #ddd; background: #fff }
.media-videos { padding: 105px 0; background: #f4f4f4 }
.media-video-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 18px }
.media-video-card { display: grid; min-width: 0; padding: 0; text-align: left; border: 0; background: transparent; cursor: pointer }
.media-video-card--lead { grid-row: span 2 }
.media-video-card__image { position: relative; display: block; height: 230px; overflow: hidden; background: #111 }
.media-video-card--lead .media-video-card__image { height: 540px }
.media-video-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease }
.media-video-card:hover img { transform: scale(1.025) }
.media-video-card__image i { position: absolute; left: 24px; bottom: 24px; display: grid; width: 58px; height: 58px; place-items: center; color: #111; border-radius: 50%; background: #ffcf32; font-style: normal }
.media-video-card strong { margin-top: 18px; font-size: 24px; line-height: 1.15 }
.media-video-card>span:last-child { margin-top: 8px; color: #777; font-size: 15px; line-height: 1.45 }
.media-content--clips { padding: 70px 0; background: #fff }
.media-content--clips .media-content__title { font-size: clamp(34px,3vw,50px) }
.media-content--clips .media-clips,.media-content--clips .media-clips-preview { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px }
.media-content--clips .media-clip__visual { aspect-ratio: 4/5 }
.media-content--clips .media-clip__title { font-size: 13px }
.media-gallery-slider { overflow: hidden }
.media-gallery-slider__viewport { overflow: hidden }
.media-gallery-slider__track { display: flex; gap: 18px; transition: transform .55s cubic-bezier(.22,.61,.36,1) }
.media-gallery-slide { position: relative; flex: 0 0 calc(50% - 9px); height: 520px; padding: 0; overflow: hidden; color: #fff; text-align: left; border: 0; background: #252525; cursor: zoom-in }
.media-gallery-slide img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease }
.media-gallery-slide:hover img { transform: scale(1.025) }
.media-gallery-slide>span { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; gap: 5px; padding: 70px 26px 24px; background: linear-gradient(transparent,rgba(0,0,0,.8)) }
.media-gallery-slide strong { font-size: 22px }.media-gallery-slide small { color: #ccc; font-size: 14px }
.media-gallery-slider__controls { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 24px }
.media-gallery-slider__controls button { width: 48px; height: 48px; color: #fff; border: 1px solid #555; background: transparent; cursor: pointer }.media-gallery-slider__controls button:hover { color: #111; border-color: #ffcf32; background: #ffcf32 }
.media-gallery-slider__controls span { min-width: 58px; color: #888; text-align: center }
.media-lightbox { position: fixed; z-index: 100000; inset: 0; display: flex; align-items: center; justify-content: center; padding: 70px; background: rgba(0,0,0,.94) }
.media-lightbox[hidden] { display: none !important }
.media-lightbox>button { position: absolute; top: 24px; right: 28px; color: #fff; border: 0; background: none; font-size: 48px; cursor: pointer }
.media-lightbox>div { width: min(1240px,90vw); height: min(74vh,800px) }.media-lightbox iframe,.media-lightbox img { width: 100%; height: 100%; object-fit: contain; border: 0 }
.media-lightbox>p { position: absolute; bottom: 24px; left: 50%; margin: 0; color: #ddd; transform: translateX(-50%) }.media-lightbox-open { overflow: hidden }
.media-admin__tabs { overflow-x: auto }.media-admin__tabs button { flex: 0 0 auto }.media-admin__tabs button[data-media-admin-logout] { margin-left: auto }

@media (max-width: 767px) {
	.media-hero-feature,.media-hero-feature__container { min-height: 690px }
	.media-hero-feature__container { padding-top: 125px; padding-bottom: 42px }.media-hero-feature__copy h1 { font-size: 48px }.media-hero-feature__copy>p { font-size: 16px }
	.media-hero-feature__shade { background: linear-gradient(0deg,rgba(0,0,0,.93),rgba(0,0,0,.15) 75%) }
	.media-video-grid { display: block }.media-video-card { margin-bottom: 34px }.media-video-card__image,.media-video-card--lead .media-video-card__image { height: 260px }.media-video-card strong { font-size: 20px }
	.media-content--clips .media-clips,.media-content--clips .media-clips-preview { display: flex }
	.media-gallery-slide { flex-basis: 100%; height: 420px }.media-lightbox { padding: 55px 12px }.media-lightbox>div { width: 100%; height: 70vh }
}

/* Media albums, direct video players */
.media-video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px 18px }
.media-video-card { display: block }
.media-video-card__player { width: 100%; overflow: hidden; aspect-ratio: 16/9; background: transparent }
.media-video-card__player iframe { display: block; width: 100%; height: 100%; border: 0 }
.media-video-card strong { display: block }.media-video-card>span { display: block }
.media-albums { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px }
.media-album { min-width: 0; padding: 0; overflow: hidden; color: #fff; text-align: left; border: 1px solid #333; background: #1d1d1d; cursor: pointer }
.media-album__cover { position: relative; display: block; overflow: hidden; aspect-ratio: 4/3 }
.media-album__cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease }.media-album:hover img { transform: scale(1.025) }
.media-album__cover i { position: absolute; right: 14px; bottom: 14px; padding: 7px 10px; color: #111; background: #ffcf32; font-size: 13px; font-style: normal; font-weight: 700 }
.media-album__copy { display: flex; min-height: 135px; flex-direction: column; gap: 9px; padding: 22px }.media-album__copy strong { font-size: 22px }.media-album__copy small { color: #aaa; font-size: 14px; line-height: 1.45 }
.media-lightbox__arrow { position: absolute; z-index: 2; top: 50%; width: 54px; height: 54px; color: #fff; border: 1px solid #666; background: rgba(0,0,0,.45); transform: translateY(-50%); cursor: pointer }.media-lightbox__arrow:hover { color: #111; border-color: #ffcf32; background: #ffcf32 }
.media-lightbox>.media-lightbox__close { top: 22px; right: 24px; width: auto; height: 40px; padding: 0 16px; color: #fff; border: 1px solid #666; background: rgba(0,0,0,.55); font-size: 14px; font-weight: 600 }.media-lightbox>.media-lightbox__close:hover { color: #111; border-color: #ffcf32; background: #ffcf32 }
.media-lightbox__arrow--prev { left: 24px }.media-lightbox__arrow--next { right: 24px }
.media-lightbox.is-album-browser { align-items: flex-start; overflow-y: auto; padding-top: 90px; padding-bottom: 100px }
.media-lightbox.is-album-browser>div { width: min(1240px,90vw); height: auto }
.media-lightbox__album-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px }
.media-lightbox__album-grid button { padding: 0; overflow: hidden; aspect-ratio: 4/3; border: 0; background: #222; cursor: zoom-in }
.media-lightbox__album-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease }.media-lightbox__album-grid button:hover img { transform: scale(1.035) }
.media-lightbox.is-album-browser .media-lightbox__arrow { display: none }
.media-admin__editor-toolbar { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 8px }
.media-admin__editor-toolbar button { min-height: 36px; padding: 0 12px; border: 1px solid #bbb; border-radius: 7px; background: #fff; cursor: pointer }
.media-admin__editor-toolbar button:hover { border-color: #ffcf32; background: #ffcf32 }
.media-admin__richtext { min-height: 260px; padding: 18px; overflow: auto; color: #151515; border: 1px solid #ccc; background: #fff; font: 16px/1.55 "Brutal Type",Arial,sans-serif }
.media-admin__richtext:focus { border-color: #151515; outline: 2px solid #ffcf32 }
.media-admin__album-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px }
.media-admin__album-list>span { position: relative; display: block; width: 86px; height: 64px; overflow: hidden; border: 1px solid #ddd }
.media-admin__album-list img { width: 100%; height: 100%; object-fit: cover }.media-admin__album-list button { position: absolute; top: 2px; right: 2px; width: 22px; height: 22px; padding: 0; color: #fff; border: 0; border-radius: 50%; background: rgba(0,0,0,.75); cursor: pointer }
.media-admin__album-list i { position: absolute; left: 3px; bottom: 3px; padding: 2px 4px; color: #151515; border-radius: 4px; background: #ffd73d; font-size: 9px; font-style: normal }
@media (max-width: 767px) {
	.media-video-grid,.media-albums { grid-template-columns: 1fr }.media-video-card { margin-bottom: 0 }
	.media-lightbox__arrow { top: auto; bottom: 18px; transform: none }.media-lightbox__arrow--prev { left: calc(50% - 65px) }.media-lightbox__arrow--next { right: calc(50% - 65px) }.media-lightbox>p { bottom: 82px }
	.media-lightbox__album-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px }
}
/* Compact public media center. Admin styles below remain unchanged. */
.media-dashboard { padding: 142px 0 70px; background: #f7f7f5 }
.media-dashboard__container { width: min(1480px, calc(100% - 48px)) }
.media-dashboard__intro { margin-bottom: 22px }
.media-dashboard__intro h1 { margin-bottom: 8px; color: #151515; font-size: clamp(44px, 4vw, 64px); line-height: 1 }
.media-dashboard__intro p { color: #626262; font-size: 15px; line-height: 1.4 }
.media-dashboard .media-toolbar { margin-bottom: 18px; padding-bottom: 0; border: 0 }
.media-dashboard .media-filter { min-height: 46px; border: 0; background: transparent }
.media-dashboard .media-filter { display: inline-flex; align-items: center; gap: 10px; border-radius: 12px }
.media-dashboard .media-filter>span { display: grid; width: 22px; height: 22px; place-items: center; color: #555; border: 1px solid #bdbdbd; border-radius: 6px; font-size: 12px; line-height: 1 }
.media-dashboard .media-filter.is-active>span { color: #151515; border-color: #151515 }
.media-dashboard .media-filter.is-active { background: #ffd73d }
.media-dashboard .media-search { background: #fff }
.media-dashboard__feature { position: relative; height: 390px; overflow: hidden; border: 1px solid #e1e1de; background: #fff }
.media-latest-slide { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(380px, 1fr); opacity: 0; visibility: hidden; transition: opacity .35s ease }
.media-latest-slide.is-active { opacity: 1; visibility: visible }
.media-dashboard__feature-image { position: relative; min-width: 0; overflow: hidden }
.media-dashboard__feature-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease }
.media-dashboard__feature-image:hover img { transform: scale(1.02) }
.media-dashboard__feature-play { position: absolute; left: 50%; top: 50%; display: grid; width: 68px; height: 68px; place-items: center; padding-left: 4px; color: #151515; border-radius: 50%; background: #ffd73d; box-shadow: 0 12px 30px rgba(0,0,0,.25); transform: translate(-50%,-50%); transition: .25s ease }
.media-dashboard__feature-image:hover .media-dashboard__feature-play { background: #ffcc0a; transform: translate(-50%,-50%) scale(1.06) }
.media-dashboard__feature-copy { display: flex; min-width: 0; align-items: stretch; justify-content: space-between; padding: 30px 34px; flex-direction: column }
.media-latest-copy-top { min-width: 0 }
.media-dashboard__feature-copy h2 { max-width: 560px; margin-bottom: 12px; font-size: clamp(30px, 2.5vw, 43px); line-height: 1.04 }
.media-dashboard__feature-copy p { max-width: 560px; margin-bottom: 19px; color: #727272; font-size: 14px; line-height: 1.45 }
.media-card__type b { display: inline-block; margin-right: 8px; padding: 5px 8px; color: #151515; border-radius: 6px; background: #ffd73d; font-size: 11px }
.media-dashboard .media-action { min-height: 48px; padding-inline: 20px; border-radius: 14px }
.media-latest-actions { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px }
.media-latest-controls { display: flex; align-items: center; gap: 8px }.media-latest-controls>span { margin-right: 8px; color: #999; font-size: 12px }
.media-latest-controls button { width: 42px; height: 42px; color: #151515; border: 1px solid #d8d8d8; border-radius: 12px; background: #fff; font-size: 20px; cursor: pointer; transition: .25s ease }
.media-latest-controls button:hover { border-color: #ffd73d; background: #ffd73d; transform: scale(1.03); box-shadow: 0 7px 16px rgba(0,0,0,.12) }
.media-dashboard__grid { display: grid; grid-template-columns: .85fr 1.3fr .85fr; gap: 14px; margin-top: 14px }
.media-panel { min-width: 0; padding: 18px; border: 1px solid #e1e1de; background: #fff }
.media-panel__head { display: flex; min-height: 34px; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 14px; border-bottom: 1px solid #e5e5e2 }
.media-panel__head h2 { padding-bottom: 12px; font-size: 22px; line-height: 1 }
.media-panel__head button,.media-panel__head a { padding: 0 0 12px; color: #7b6500; border: 0; background: none; font: 500 13px/1 "Brutal Type",sans-serif; cursor: pointer }
.media-panel__placeholder { padding: 28px 4px; color: #999; font-size: 14px; line-height: 1.5 }
.media-panel__list { display: grid; gap: 10px }
.media-panel-news { display: grid; min-height: 79px; grid-template-columns: 105px 1fr; gap: 14px; color: #151515 }
.media-panel-news img { width: 105px; height: 72px; object-fit: cover }
.media-panel-news span,.media-panel-news strong,.media-panel-news small { display: block }
.media-panel-news small { margin: 4px 0 5px; color: #999; font-size: 11px }
.media-panel-news strong { font-size: 14px; line-height: 1.25 }
.media-panel--video { display: grid; grid-template-columns: 1.35fr .85fr; gap: 10px }
.media-panel--video .media-panel__head { grid-column: 1/-1 }
.media-panel-video { min-width: 0 }
.media-panel-video--lead { grid-row: span 2 }
.media-panel-video__player { overflow: hidden; aspect-ratio: 16/9; background: #151515 }
.media-panel-video__player iframe { display: block; width: 100%; height: 100%; border: 0 }
.media-panel-video strong,.media-panel-video small { display: block }
.media-panel-video strong { margin-top: 8px; font-size: 13px; line-height: 1.25 }
.media-panel-video small { margin-top: 4px; color: #999; font-size: 11px }
.media-panel-video:not(.media-panel-video--lead) { display: grid; grid-template-columns: 115px 1fr; gap: 10px }
.media-panel-video:not(.media-panel-video--lead) strong { margin-top: 2px }
.media-panel-photos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px }
.media-panel-photos button { height: 105px; padding: 0; overflow: hidden; border: 0; background: #eee; cursor: zoom-in }
.media-panel-photos img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease }
.media-panel-photos button:hover img { transform: scale(1.035) }
.media-dashboard__social-row { display: grid; grid-template-columns: 1fr 2fr; gap: 14px; margin-top: 14px }
.media-vk-clips { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px }
.media-vk-clips a { min-width: 0; color: #151515 }.media-vk-clips a>span { position: relative; display: block; overflow: hidden; aspect-ratio: 4/5; background: #eee }
.media-vk-clips img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease }.media-vk-clips a:hover img { transform: scale(1.035) }
.media-vk-clips i { position: absolute; left: 10px; bottom: 10px; display: grid; width: 32px; height: 32px; place-items: center; color: #151515; border-radius: 50%; background: #ffd73d; font-size: 11px; font-style: normal }
.media-vk-clips strong { display: block; margin-top: 8px; overflow: hidden; font-size: 12px; line-height: 1.25 }
.media-dashboard__bottom { display: block; margin-top: 14px }
.media-dashboard-downloads { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px }
.media-dashboard-downloads a { display: grid; min-height: 86px; grid-template-columns: 42px 1fr; grid-template-rows: auto auto; gap: 3px 12px; padding: 13px; color: #151515; background: #f3f3f3 }
.media-dashboard-downloads a>span { display: grid; width: 42px; height: 52px; grid-row: 1/3; place-items: center; color: #8b1d1d; border: 1px solid #d7d7d7; background: #fff; font-size: 10px; font-weight: 700 }
.media-dashboard-downloads strong { align-self: end; font-size: 13px; line-height: 1.15 }
.media-dashboard-downloads small { color: #999; font-size: 10px }
.media-dashboard-subscribe { display: flex; min-height: 108px; align-items: center; gap: 16px; margin-top: 14px; padding: 24px 34px; color: #151515; border-radius: 16px; background: #ffd73d; transition: .25s ease }
.media-dashboard-subscribe:hover { color: #151515; background: #ffcc0a; transform: scale(1.006); box-shadow: 0 10px 22px rgba(191,145,0,.22) }
.media-dashboard-subscribe>span { font-size: 38px }.media-dashboard-subscribe div { flex: 1 }.media-dashboard-subscribe strong,.media-dashboard-subscribe small { display: block }
.media-dashboard-subscribe strong { margin-bottom: 8px; font-size: 17px }.media-dashboard-subscribe small { color: #777; font-size: 13px; line-height: 1.35 }.media-dashboard-subscribe i { font-size: 24px; font-style: normal }

.media-catalogs { margin-top: 14px }
.media-catalog[hidden],.media-dashboard__overview[hidden],.media-dashboard__feature[hidden] { display: none !important }
.media-catalog__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px }
.media-catalog-card { display: flex; min-width: 0; overflow: hidden; color: #151515; border: 1px solid #dededb; background: #fff; flex-direction: column; transition: transform .25s ease,box-shadow .25s ease }
.media-catalog-card:hover { color: #151515; transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.09) }
.media-catalog-card__image { display: block; overflow: hidden; aspect-ratio: 16/9; background: #ececea }
.media-catalog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease }
.media-catalog-card:hover .media-catalog-card__image img { transform: scale(1.025) }
.media-catalog-card__copy { display: flex; min-height: 230px; padding: 24px; flex-direction: column }
.media-catalog-card__copy>span { margin-bottom: 12px; color: #8a8a8a; font-size: 12px; text-transform: uppercase }
.media-catalog-card__copy h2 { margin-bottom: 12px; font-size: clamp(23px,2vw,31px); line-height: 1.08 }
.media-catalog-card__copy p { margin-bottom: 24px; color: #777; font-size: 14px; line-height: 1.48 }
.media-catalog-card__copy b { margin-top: auto; color: #765f00; font-size: 13px }
.media-catalog-video__player { overflow: hidden; aspect-ratio: 16/9; background: #151515 }
.media-catalog-video__player iframe { display: block; width: 100%; height: 100%; border: 0 }
.media-catalog__empty { padding: 90px 30px; color: #888; border: 1px solid #dededb; background: #fff; font-size: 18px; text-align: center }
.media-catalog__more { display: block; min-width: 190px; min-height: 52px; margin: 28px auto 0; padding: 0 24px; color: #151515; border: 0; border-radius: 14px; background: #ffd73d; font: 600 15px/1 "Brutal Type",sans-serif; cursor: pointer; transition: .25s ease }
.media-catalog__more:hover { background: #ffcc0a; transform: scale(1.025); box-shadow: 0 9px 20px rgba(191,145,0,.22) }
.media-album-catalog { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px }
.media-album-card { min-width: 0; padding: 0; overflow: hidden; color: #151515; border: 1px solid #dededb; background: #fff; text-align: left; cursor: pointer; transition: transform .25s ease,box-shadow .25s ease }
.media-album-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.09) }
.media-album-card__cover { position: relative; display: block; overflow: hidden; aspect-ratio: 4/3; background: #eee }
.media-album-card__cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease }
.media-album-card:hover img { transform: scale(1.025) }
.media-album-card__cover i { position: absolute; right: 14px; bottom: 14px; padding: 7px 10px; color: #151515; border-radius: 8px; background: #ffd73d; font-size: 12px; font-style: normal; font-weight: 600 }
.media-album-card__copy { display: flex; min-height: 155px; padding: 22px; flex-direction: column }
.media-album-card__copy strong { margin-bottom: 8px; font-size: 22px }.media-album-card__copy small { color: #777; font-size: 13px; line-height: 1.4 }.media-album-card__copy b { margin-top: auto; color: #765f00; font-size: 13px }
.media-doc-catalog { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px }
.media-doc-catalog a { display: grid; min-height: 160px; grid-template-columns: 55px 1fr; grid-template-rows: auto auto 1fr; gap: 7px 16px; padding: 24px; color: #151515; border: 1px solid #dededb; background: #fff; transition: transform .25s ease,box-shadow .25s ease }
.media-doc-catalog a:hover { color: #151515; transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.09) }
.media-doc-catalog a>span { display: grid; width: 55px; height: 68px; grid-row: 1/4; place-items: center; color: #922727; border: 1px solid #d8d8d8; background: #fafafa; font-size: 11px; font-weight: 700 }
.media-doc-catalog strong { font-size: 18px; line-height: 1.15 }.media-doc-catalog small { color: #888; font-size: 13px }.media-doc-catalog b { align-self: end; color: #765f00; font-size: 13px }
.media-article-page { padding: 180px 0 90px; background: #f7f7f5 }.media-article-page__container { max-width: 1060px }.media-article-page__back { display: inline-block; margin-bottom: 36px; color: #765f00 }.media-article-page header>span { display: inline-block; margin-bottom: 18px; padding: 7px 10px; border-radius: 7px; background: #ffd73d; font-size: 12px; font-weight: 600 }.media-article-page h1 { margin-bottom: 22px; font-size: clamp(44px,6vw,78px); line-height: 1.02 }.media-article-page header>p { max-width: 800px; color: #777; font-size: 20px; line-height: 1.5 }.media-article-page__cover { width: 100%; max-height: 590px; margin: 48px 0; object-fit: cover }.media-article-page__body { max-width: 820px; color: #242424; font-size: 18px; line-height: 1.72 }.media-article-page__body h2 { margin: 52px 0 20px; font-size: 38px }.media-article-page__body h3 { margin: 38px 0 16px; font-size: 28px }.media-article-page__body p,.media-article-page__body ul,.media-article-page__body ol { margin-bottom: 24px }.media-article-page__body a { color: #765f00; text-decoration: underline }

@media (max-width: 1100px) {
    .media-latest-slide { grid-template-columns: 1.2fr 1fr }
    .media-dashboard__grid { grid-template-columns: 1fr 1fr }
    .media-panel--article { grid-column: 1/-1 }.media-dashboard__social-row { grid-template-columns: 1fr }.media-panel-photos { grid-template-columns: repeat(4,1fr) }
    .media-dashboard__bottom { grid-template-columns: 1fr }.media-dashboard-downloads { grid-template-columns: repeat(2,1fr) }
    .media-catalog__grid,.media-album-catalog,.media-doc-catalog { grid-template-columns: repeat(2,minmax(0,1fr)) }
}
@media (max-width: 720px) {
    .media-dashboard { padding-top: 145px }.media-dashboard__container { width: 92% }
    .media-dashboard__intro h1 { font-size: 46px }.media-dashboard__intro p br { display: none }
    .media-dashboard .media-toolbar { align-items: stretch; flex-direction: column }.media-dashboard .media-toolbar__filters { overflow-x: auto; flex-wrap: nowrap }.media-dashboard .media-filter { flex: 0 0 auto }.media-dashboard .media-search { width: 100% }
    .media-dashboard__feature { height: auto; min-height: 0 }.media-latest-slide,.media-latest-slide.is-active { position: relative; display: block }.media-latest-slide:not(.is-active) { display: none }.media-dashboard__feature-image { display: block; height: 220px }.media-dashboard__feature-copy { padding: 25px 20px }.media-dashboard__feature-copy h2 { font-size: 30px }.media-latest-actions { align-items: flex-start; flex-direction: column }.media-latest-controls { align-self: flex-end }
    .media-dashboard__grid { display: block }.media-panel { margin-top: 12px }.media-panel--video { display: block }.media-panel-video { margin-bottom: 18px }.media-panel-video:not(.media-panel-video--lead) { display: grid }
    .media-panel-photos { grid-template-columns: 1fr 1fr }.media-dashboard-downloads { grid-template-columns: 1fr }.media-dashboard__bottom { display: block }.media-dashboard-subscribe { margin-top: 12px }
    .media-catalog__grid,.media-album-catalog,.media-doc-catalog { grid-template-columns: 1fr }.media-catalog-card__copy { min-height: 200px }.media-doc-catalog a { min-height: 145px }
}

.media-admin__content { min-height: 0; padding: 28px; overflow: auto; flex: 1 }
.media-admin__table-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px }
.media-admin__table-head h3 { margin-bottom: 4px; font-size: 30px }
.media-admin__table-head p { color: #888; font-size: 14px }
.media-admin__table-wrap { overflow: auto; border: 1px solid #d5d5d5; background: #fff }
.media-admin__table { width: 100%; border-collapse: collapse; font-size: 14px }
.media-admin__table th { padding: 15px 18px; color: #777; border-bottom: 1px solid #ddd; background: #fafafa; font-weight: 500; text-align: left }
.media-admin__table td { padding: 14px 18px; border-bottom: 1px solid #e5e5e5; vertical-align: middle }
.media-admin__material { display: flex; min-width: 330px; align-items: center; gap: 15px }
.media-admin__material > span { display: block; width: 72px; height: 48px; overflow: hidden; background: #eee; flex: 0 0 auto }
.media-admin__material img { width: 100%; height: 100%; object-fit: cover }
.media-admin__material strong, .media-admin__material small { display: block }
.media-admin__material strong { max-width: 440px; margin-bottom: 4px; font-size: 15px }
.media-admin__material small { color: #888 }
.media-admin__tag { display: inline-block; padding: 7px 9px; background: #eee; font-size: 12px }
.media-admin__status:before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #aaa }
.media-admin__status.is-live:before { background: #22a05a }
.media-admin__row-actions { display: flex; justify-content: flex-end; gap: 8px }
.media-admin__row-actions button { padding: 8px 10px; color: #555; border: 1px solid #ccc; background: #fff; cursor: pointer }
.media-admin__row-actions button:last-child { color: #a32b2b }
.media-admin__no-items { padding: 60px !important; color: #888; text-align: center }
.media-admin__editor { position: absolute; inset: 88px 0 0; z-index: 3; overflow: auto; background: rgba(0,0,0,.58) }
.media-admin__editor form { width: min(820px,calc(100% - 40px)); min-height: 100%; margin-left: auto; padding: 0 34px 30px; background: #f7f7f7; box-shadow: -20px 0 50px rgba(0,0,0,.18) }
.media-admin__editor header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; margin: 0 -34px 30px; padding: 24px 34px; color: #fff; background: #1b1b1b }
.media-admin__editor header h3 { color: #fff; font-size: 28px }
.media-admin__form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px }
.media-admin__field--wide { grid-column: 1/-1 }
.media-admin__field textarea { min-height: 120px; resize: vertical; line-height: 1.45 }
.media-admin__field input[type=file] { padding: 11px; background: #fff }
.media-admin__field small { display: block; margin-top: 7px; color: #888; font-size: 12px; word-break: break-all }
.media-admin__check { display: flex; align-items: center; gap: 9px; font-size: 14px; cursor: pointer }
.media-admin__check input { width: 18px; height: 18px; accent-color: #ffcf32 }
.media-admin__editor footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 30px; padding-top: 22px; border-top: 1px solid #ddd }
.media-admin__editor footer button:not(.media-admin__primary) { min-height: 48px; padding: 0 22px; border: 1px solid #bbb; background: #fff; cursor: pointer }

@media (max-width: 720px) {
    .media-admin__panel { inset: 0 }
    .media-admin__header { min-height: 72px; padding: 14px 16px }
    .media-admin__header h2 { font-size: 19px }
    .media-admin__auth { padding: 15px }
    .media-admin__auth-card { padding: 30px 22px }
    .media-admin__tabs { padding: 0 16px }
    .media-admin__tabs span { display: none }
    .media-admin__content { padding: 18px 14px }
    .media-admin__table-head { align-items: stretch; flex-direction: column }
    .media-admin__table-head .media-admin__primary { width: 100% }
    .media-admin__editor { inset: 72px 0 0 }
    .media-admin__editor form { width: 100%; padding: 0 18px 24px }
    .media-admin__editor header { margin: 0 -18px 24px; padding: 18px }
    .media-admin__form-grid { display: block }
    .media-admin__field, .media-admin__check { display: block; margin-bottom: 18px }
    .media-admin__check { display: flex }
}

.company__title {
    color: #151515;
    margin-bottom: 24px
}

.company__timeline {
    position: relative
}

.company__timeline:after {
    content: "";
    width: 1px;
    height: calc(100% - 8px);
    background-color: rgba(255, 255, 255, 0);
    border-right: 1px dashed rgba(128, 128, 128, 0.3);
    position: absolute;
    left: 64px;
    top: 5px;
    z-index: -1
}

.timeline__item {
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    grid-gap: 24px;
    align-items: start;
    margin-bottom: 80px
}

.timeline-item__age {
    grid-column: 1/2;
    position: sticky;
    left: 0;
    top: 16px;
    display: inline-block;
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: var(--h5-font-size);
    color: #C3C3C3;
    line-height: 1.25;
    transform: translateX(2px)
}

.timeline-item__age:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FFD73D;
    display: inline-block;
    position: absolute;
    left: 59.5px;
    top: 10px;
    z-index: 2
}

.timeline-item__content {
    grid-column: 2/13;
    display: flex;
    flex-direction: column
}

.timeline-item__content .goods__items {
    margin-top: 24px
}

.timeline-item__title {
    color: #151515;
    margin-bottom: 6px
}

.timeline-item__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    max-width: 500px;
    margin-bottom: 16px
}

.timeline-item__text:last-of-type {
    margin-bottom: 0
}

.timeline-item__images {
    display: grid;
    grid-gap: 24px;
    margin-top: 24px
}

.timeline-item__images--grid-1 {
    grid-template-columns:1fr
}

.timeline-item__images--grid-2 {
    grid-template-columns:repeat(2, 1fr)
}

.timeline-item__images--grid-3 {
    grid-template-columns:repeat(3, 1fr)
}

.timeline-item__images--grid-4 {
    grid-template-columns:repeat(4, 1fr)
}

.timeline-item__image img {
    width: 100%;
    height: auto
}

@media (max-width: 768px) {
    .company__timeline:after {
        left: 54px
    }

    .timeline-item__age:after {
        left: 49.5px
    }

    .timeline-item__images--grid-1, .timeline-item__images--grid-2, .timeline-item__images--grid-3, .timeline-item__images--grid-4 {
        grid-template-columns:1fr
    }

    .timeline__item {
        grid-template-columns:54px minmax(0, 1fr);
        grid-gap:16px
    }

    .timeline-item__age {
        grid-column:1
    }

    .timeline-item__content {
        grid-column:2;
        min-width:0
    }
}

.noncubic {
    border-bottom: 1px solid #ECECEC;
    overflow: hidden
}

.noncubic__good {
    padding-top: 64px;
    padding-bottom: 80px;
    position: relative
}

.noncubic__good:after {
    content: "";
    width: 200%;
    height: 1px;
    left: -50%;
    bottom: 0;
    background-color: #ECECEC;
    position: absolute
}

.noncubic__good:last-of-type:after {
    opacity: 0
}

.noncubic__title {
    margin-bottom: 24px;
    color: #151515
}

.contacts {
    padding-top: 64px;
    padding-bottom: 80px;
    background-color: #FFFFFF
}

.contacts-legal__title {
    color: #151515;
    margin-bottom: 20px
}

.contacts-legal__items {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 24px;
    margin-bottom: 28px
}

.contacts-legal-item__title {
    color: #151515;
    margin-bottom: 8px
}

.contacts-legal-item__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 8px
}

.contacts-legal-item__text:last-of-type {
    margin-bottom: 0
}

.contacts-legal__links {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 24px;
    justify-items: start
}

.contacts-legal__link {
    display: inline-flex;
    align-items: center;
    background-color: #FAFAFA;
    border-radius: 6px;
    border: 1px solid #ECECEC;
    transition: 0.365s background
}

.contacts-legal__link:hover {
    background-color: whitesmoke
}

.contacts-legal__link--requisites .contacts-legal-link__img img {
    max-width: 30px
}

.contacts-legal__link--rusprofile .contacts-legal-link__img img {
    max-width: 25px
}

.contacts-legal__link--sbis .contacts-legal-link__img img {
    max-width: 23px
}

.contacts-legal-link__img {
    width: 52px;
    height: 52px;
    border-right: 1px solid #ECECEC;
    display: flex;
    justify-content: center;
    align-items: center
}

.contacts-legal-link__img img {
    width: 100%;
    height: auto
}

.contacts-legal-link__label {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    color: #151515;
    text-transform: uppercase;
    white-space: nowrap;
    transform: translateY(1px);
    border-radius: 0 6px 6px 0;
    padding: 0 20px
}

.contacts__offices {
    margin-top: 80px
}

.contacts-offices__items {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 24px
}

.contacts-offices__title {
    color: #151515;
    margin-bottom: 20px
}

.offices-item__header {
    display: flex;
    align-items: flex-start
}

.contacts-offices-item__title {
    color: #151515;
    margin-bottom: 8px;
    margin-right: 8px
}

.offices-item__time {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: var(--h4-font-size);
    line-height: 1.25;
    color: #C3C3C3;
    display: inline-block
}

.contacts-offices-item__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    line-height: 1.5;
    color: #808080;
    margin-bottom: 12px
}

.contacts-offices-item__text strong {
    font-family: inherit;
    font-weight: 500;
    line-height: inherit;
    color: #151515
}

.contacts-offices-item__text nobr {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit
}

.contacts-offices-item__routes {
    margin-top: 28px
}

.routes__title {
    color: #151515;
    margin-bottom: 12px
}

.routes__button {
    width: 52px;
    height: 52px;
    border-radius: 6px;
    background-color: #FAFAFA;
    border: 1px solid #ECECEC;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.365s background;
    margin-right: 8px
}

.routes__button:hover {
    background-color: whitesmoke
}

.routes__button img {
    max-width: 28px;
    max-height: 28px;
    width: 100%;
    height: auto
}

.contacts__map {
    width: 100%;
    height: 600px;
    margin-top: 40px
}

.contacts__map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0
}

ymaps[class$="-ground-pane "], ymaps[class$=-ground-pane] {
    filter: grayscale(92%)
}

.balloon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 25px 15px 15px;
    min-width: 280px
}

.balloon__title {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 1.25;
    color: #151515;
    margin-bottom: 4px
}

.balloon__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #808080;
    margin-bottom: 24px
}

.balloon__link {
    font-family: "Brutal Type", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    color: #151515;
    transition: 0.365s color;
    text-decoration: none;
    display: block;
    margin-bottom: 10px
}

.balloon__link:hover {
    color: #FFD73D
}

@media (max-width: 960px) {
    .contacts-legal__items {
        grid-template-columns:repeat(2, 1fr)
    }

    .contacts-legal__links {
        display: flex;
        flex-wrap: wrap;
        gap: 24px
    }

    .contacts-offices__items {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 560px) {
    .contacts-legal__items {
        grid-template-columns:1fr
    }

    .contacts-offices__items {
        grid-template-columns:1fr;
        grid-gap: 48px 24px
    }

    .contacts__map {
        height: 420px
    }
}

@media (max-width: 480px) {
    .contacts__map {
        height: 370px
    }
}

.policy {
    max-width: 780px;
    padding: 48px 32px;
    margin: 0 auto
}

.policy--legal {
    padding-top: 128px;
    padding-bottom: 80px
}

.policy--legal .policy-group__subtitle {
    margin: 42px 0 16px;
    font-size: 24px
}

.policy--legal .policy-group__text {
    margin-bottom: 16px
}

.policy__title {
    margin-bottom: 32px
}

.policy__group {
    margin-bottom: 40px
}

.policy__group:last-of-type {
    margin-bottom: 0
}

.policy-group__li {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #808080
}

.policy-group__li::marker {
    content: ""
}

.policy-group__link {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    color: #151515;
    border-bottom: 1px dashed #151515;
    transition: 0.365s color, 0.365s border;
    overflow-wrap:anywhere;
    word-break:break-word
}

.policy-group__link:hover {
    color: #FFD73D;
    border-bottom: 1px dashed #FFD73D
}

.policy-group__text {
    font-family: "Brutal Type", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #808080
}

.cookie-consent {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 12000;
    display: flex;
    align-items: center;
    gap: 24px;
    width: min(620px, calc(100% - 48px));
    padding: 20px 22px;
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: 0 14px 44px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .3s ease, transform .3s ease
}

.cookie-consent[hidden] { display: none }
.cookie-consent.is-visible { opacity: 1; transform: translateY(0) }
.cookie-consent__text {
    margin: 0;
    font-family: "Brutal Type", sans-serif;
    font-size: 14px;
    line-height: 1.45;
    color: #515151
}
.cookie-consent__text a { color: #151515; border-bottom: 1px solid #151515 }
.cookie-consent__button {
    flex: 0 0 auto;
    padding: 13px 22px;
    background: var(--button-yellow, #FFD73D);
    color: #151515;
    font-family: "Brutal Type", sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease
}
.cookie-consent__button:hover {
    background: var(--button-yellow-hover, #ffcc0a);
    transform: scale(1.025);
    box-shadow: var(--button-yellow-shadow, 0 10px 24px rgba(255, 204, 10, .34))
}

@media (max-width: 620px) {
    .cookie-consent { right: 12px; bottom: 12px; width: calc(100% - 24px); align-items: stretch; flex-direction: column; gap: 14px }
    .cookie-consent__button { width: 100% }
}

/* Правки от ДЕ 16.10.2024 */
.js-open-popup {
    cursor: pointer;
}

.overlay__popup--red .overlay__button {
    background-color: #FFD73D !important;
}
.overlay__button:hover {
    background-color: #ffcc0a
}
.overlay__popup--red .overlay__button:before {
    background-color: #FFD73D !important;
}
.overlay__popup--red .overlay__checkbox input[type=checkbox]:checked + .overlay-checkbox__fake {
    background-color: #FFD73D !important;
    border: 2px solid #FFD73D !important;
}
.overlay__popup--red .overlay__button span {
    color: #000 !important;
}
.videos--mohist-tech .videos-item__cover-play {
    background-color: #49a2a7 !important;
    box-shadow: 0 0 0 0 #49a2a7 !important;
}
.videos-item__cover-play {
    border-radius: 37% !important;
}

/* Единая система желтых CTA-кнопок */
:root {
    --button-yellow: #FFD73D;
    --button-yellow-hover: #ffcc0a;
    --button-yellow-shadow: 0 10px 24px rgba(255, 204, 10, 0.34);
}

:is(
    .header-nav__link_uniqu a,
    .header__menu-button,
    .promo__button--primary,
    .cpa__button,
    .services-item__button,
    .clients__button,
    .about__button,
    .menu-button--active,
    .overlay__button,
    .product-order__button,
    .product-individual__button,
    .research-hero__label
) {
    background: var(--button-yellow) !important;
    transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
    transform-origin: center;
}

:is(
    .header-nav__link_uniqu a,
    .header__menu-button,
    .promo__button--primary,
    .cpa__button,
    .services-item__button,
    .clients__button,
    .about__button,
    .menu-button--active,
    .overlay__button,
    .product-order__button,
    .product-individual__button,
    .research-hero__label
):hover {
    background: var(--button-yellow-hover) !important;
    transform: scale(1.025) !important;
    box-shadow: var(--button-yellow-shadow) !important;
}

:is(
    .promo__button--primary,
    .cpa__button,
    .services-item__button,
    .clients__button,
    .about__button,
    .overlay__button,
    .product-order__button,
    .product-individual__button
)::before {
    display: none !important;
}

.product-video__button,
.videos-item__cover-play,
.component-button__icon {
    background: var(--button-yellow) !important;
    transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}

.product__video:hover .product-video__button {
    background: var(--button-yellow-hover) !important;
    transform: translate(-50%, -50%) scale(1.025) !important;
    box-shadow: var(--button-yellow-shadow) !important;
}

.videos-item__cover:hover .videos-item__cover-play {
    background: var(--button-yellow-hover) !important;
    transform: translate(-50%, -50%) scale(1.025) !important;
    box-shadow: var(--button-yellow-shadow) !important;
}

.product-component__button:hover .component-button__icon {
    background: var(--button-yellow-hover) !important;
    transform: scale(1.025) !important;
    box-shadow: var(--button-yellow-shadow) !important;
}

/* Антиспам: скрытое поле-ловушка для ботов */
.form-trap {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Homepage 2026: единая система без градиентов и декоративного синего */
.home-v2 { padding: 80px 0; color: #151515; font-family: "Brutal Type", sans-serif; }
.home-v2 * { box-sizing: border-box; }
.home-v2 a, .home-v2 p, .home-v2 span, .home-v2 small, .home-v2 strong, .home-v2 b, .home-v2 li,
.home-production-v2, .home-production-v2 * { font-family: "Brutal Type", sans-serif; }
.home-v2--light { background: #fff; }
.home-v2--gray { background: #f2f2f2; }
.home-v2--dark { background: #151515; color: #fff; }
.home-v2__eyebrow { display: block; margin-bottom: 16px; color: #777; font-size: 14px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.home-v2--dark .home-v2__eyebrow, .home-production-v2 .home-v2__eyebrow { color: #ffd73d; }
.home-v2 h2, .home-production-v2 h2 { margin: 0; font-size: clamp(34px, 3.35vw, 64px); line-height: 1.02; font-weight: 700; letter-spacing: -.025em; }
.home-v2 h3 { margin: 0; font-size: 20px; line-height: 1.2; }
.home-v2 p, .home-production-v2 p { margin: 0; font-size: 18px; line-height: 1.5; }
.home-v2__heading { display: block; margin-bottom: 46px; }
.home-v2__heading h2 { max-width: 900px; }
.home-v2__heading > p { max-width: 720px; margin-top: 20px; color: #666; }
.home-v2__heading--row { display: flex; justify-content: space-between; gap: 50px; align-items: flex-end; }
.home-v2__heading--row h2 { max-width: 1000px; }
.home-v2__heading--light p { color: #aaa; }
.home-v2__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.home-v2__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.home-v2__button { display: inline-flex; min-height: 54px; padding: 0 28px; align-items: center; justify-content: center; border: 1px solid #ffd73d; border-radius: 6px; background: #ffd73d; color: #151515 !important; font-family: "Brutal Type", sans-serif; font-size: 17px; font-weight: 500; line-height: 1; letter-spacing: .1px; text-decoration: none !important; transition: background-color .25s, color .25s, border-color .25s, box-shadow .25s, transform .25s; }
.home-v2__button:hover { background: #efc62b; box-shadow: 0 10px 24px rgba(0,0,0,.2); transform: translateY(-2px); }
.home-v2__button--dark { border-color: #151515; background: #151515; color: #fff !important; }
.home-v2__button--dark:hover { border-color: #ffd73d; background: #ffd73d; color: #151515 !important; }
.home-v2__button--mohist { border-color: #bd1e2d; background: #bd1e2d; color: #fff !important; }
.home-v2__button--mohist:hover { border-color: #a31522; background: #a31522; color: #fff !important; }
.home-v2__button--outline { background: transparent; }
.home-v2__button--outline-light { border-color: #fff; color: #fff !important; }
.home-v2__button.is-disabled { cursor: default; opacity: .45; pointer-events: none; }
.home-v2__text-link { color: #151515; font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; }

.home-v2__story { display: grid; grid-template-columns: .92fr 1.08fr; gap: 42px 60px; align-items: start; }
.home-v2__story .home-v2__copy p { max-width: 660px; color: #bbb; }
.home-v2__video { min-width: 0; border: 1px solid #454545; background: #000; }
.home-v2__video video { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.home-v2__video--feature { align-self: center; width: 100%; }
.home-v2__dimension-image { display: flex; min-height: 535px; align-items: center; justify-content: center; overflow: hidden; }
.home-v2__dimension-image img { display: block; width: 100%; height: 535px; object-fit: contain; }
.home-v2__dimension-image--compact { width: 230px; min-height: 0; margin: -6px 0 -2px; }
.home-v2__dimension-image--compact img { width: 230px; height: 145px; object-fit: contain; object-position: left center; }
.home-v2__story .home-v2__actions { flex-wrap: nowrap; }
.home-v2__facts { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #424242; border-bottom: 1px solid #424242; }
.home-v2__facts > div { padding: 26px 28px; border-right: 1px solid #424242; }
.home-v2__facts > div:first-child { padding-left: 0; }
.home-v2__facts > div:last-child { border: 0; padding-right: 0; }
.home-v2__facts h3 { margin-bottom: 10px; color: #ffd73d; }
.home-v2__facts p { color: #aaa; font-size: 15px; }

.home-process-v2 { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #dedede; }
.home-process-v2 article { position: relative; display: flex; min-height: 390px; padding: 28px; flex-direction: column; border-right: 1px solid #dedede; }
.home-process-v2 article:last-child { border: 0; }
.home-process-v2__image { display: flex; height: 172px; align-items: center; justify-content: center; margin-bottom: 22px; }
.home-process-v2__image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.home-process-v2 b { display: inline-block; margin-bottom: 12px; color: #151515; font-size: 14px; }
.home-process-v2 h3 { margin-bottom: 10px; }
.home-process-v2 p { color: #777; font-size: 15px; }
.home-process-v2__link { display: inline-block; margin-top: 28px; }

.home-mohist-v2 { display: grid; grid-template-columns: .9fr 1.1fr; gap: 54px; align-items: stretch; border-left: 6px solid #bd1e2d; }
.home-mohist-v2 .home-v2__copy { padding: 34px 0 34px 42px; justify-content: center; }
.home-mohist-v2 .home-v2__eyebrow { color: #bd1e2d; }
.home-mohist-v2__logo { width: 190px; max-height: 55px; object-fit: contain; object-position: left center; }
.home-mohist-v2__image { min-height: 440px; background: transparent; }
.home-mohist-v2__image img { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: contain; }

.home-selector-v2 { border-top: 1px solid #d8d8d8; }
.home-selector-v2__row { display: grid; grid-template-columns: 330px minmax(200px,1fr) 260px; gap: 30px; align-items: center; min-height: 102px; border-bottom: 1px solid #d8d8d8; }
.home-selector-v2__row h3 { margin-bottom: 6px; }
.home-selector-v2__row p { color: #777; font-size: 14px; }
.home-selector-v2__track { height: 12px; background: #e5e5e5; }
.home-selector-v2__track i { display: block; width: 0; min-width: 0; height: 100%; background: #ffd73d; transition: width 2.2s cubic-bezier(.2,.7,.2,1); }
.home-selector-v2.is-visible .home-selector-v2__track i { width: var(--bar-width); min-width: 12px; }
.home-selector-v2__row strong { font-size: 32px; text-align: right; }
.home-selector-v2__row strong > span { font: inherit; }
.home-selector-v2__row small { display: block; margin-top: 5px; color: #777; font-size: 13px; font-weight: 400; line-height: 1.2; }
.home-selector-v2__footer { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 36px; }
.home-selector-v2__footer p { max-width: 720px; color: #666; }

.home-economy-v2 { display: grid; grid-template-columns: 2fr 1fr; border: 1px solid #444; }
.home-economy-v2__inputs { display: grid; grid-template-columns: repeat(4,1fr); }
.home-economy-v2__inputs > div { display: flex; min-height: 170px; padding: 24px; flex-direction: column; justify-content: space-between; border-right: 1px solid #444; }
.home-economy-v2 small, .home-economy-v2 span { display: block; color: #999; font-size: 13px; }
.home-economy-v2 strong { font-size: 30px; line-height: 1; white-space: nowrap; }
.home-economy-v2__value { display: flex; align-items: baseline; gap: 8px; margin-top: 26px !important; font-size: inherit !important; }
.home-economy-v2__value span { white-space: nowrap; }
.home-economy-v2__results { display: grid; grid-template-columns: repeat(2,1fr); background: #ffd73d; color: #151515; }
.home-economy-v2__results > div { display: flex; min-height: 170px; padding: 24px; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(0,0,0,.2); }
.home-economy-v2__results small, .home-economy-v2__results span { color: #5b4a00; }
.home-economy-v2__footer { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 30px; }
.home-economy-v2__footer p { color: #999; font-size: 15px; }

.home-rent-v2 { padding: 30px 0; background: #ffd73d; color: #151515; }
.home-rent-v2__layout { display: grid; grid-template-columns: minmax(340px,1.35fr) minmax(300px,1fr) auto; gap: 46px; align-items: center; }
.home-rent-v2 .home-v2__eyebrow { margin-bottom: 8px; color: #6a5700; }
.home-rent-v2 h2 { font-size: clamp(28px,2.25vw,42px); }
.home-rent-v2 p { margin-top: 7px; color: #534600; font-size: 14px; }
.home-rent-v2 ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.home-rent-v2 li:first-child { font-size: 16px; }
.home-rent-v2 .home-v2__button { border-color: #151515; background: #151515; color: #fff !important; }
.home-rent-v2 .home-v2__button:hover { border-color: #fff; background: #fff; color: #151515 !important; }

.home-test-float { position: fixed; z-index: 90; left: 24px; bottom: 24px; display: grid; width: 430px; min-height: 92px; padding: 16px 50px 16px 18px; grid-template-columns: 1fr auto; gap: 4px 16px; align-items: center; border: 1px solid #d0d0d0; border-radius: 8px; background: #fff; color: #151515; box-shadow: 0 10px 28px rgba(0,0,0,.16); font-family: "Brutal Type", sans-serif; transition: opacity .25s, transform .25s; }
.home-test-float.is-hidden { opacity: 0; pointer-events: none; transform: translateY(25px); }
.home-test-float > span { display: block; grid-column: 1; margin: 0; color: #777; font-size: 11px; text-transform: uppercase; }
.home-test-float h2 { grid-column: 1; margin: 0; font-family: "Brutal Type", sans-serif; font-size: 21px; line-height: 1.08; }
.home-test-float .home-v2__button { grid-column: 2; grid-row: 1/3; min-height: 46px; padding: 0 18px; white-space: nowrap; }
.home-test-float__close { position: absolute; top: 10px; right: 12px; width: 32px; height: 32px; border: 0; background: transparent; color: #777; cursor: pointer; font-family: "Brutal Type", sans-serif; font-size: 27px; line-height: 1; }

.home-certified-v2, .home-certified-v2 * { font-family: "Brutal Type", sans-serif; }
.home-certified-v2 { padding-top: 68px; padding-bottom: 68px; background: #f2f2f2; }
.home-certified-v2__card { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 54px; align-items: stretch; }
.home-certified-v2__visual { position: relative; min-height: 550px; overflow: hidden; background: #fff; }
.home-certified-v2__visual > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 62% center; }
.home-certified-v2__specs { position: absolute; z-index: 2; top: 22px; left: 22px; display: grid; width: calc(100% - 44px); grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 0; }
.home-certified-v2__specs > div { display: grid; min-height: 62px; padding: 8px 12px; grid-template-columns: 40px 1fr; gap: 10px; align-items: center; background: rgba(255,255,255,.94); border-bottom: 2px solid #ffd73d; }
.home-certified-v2__specs i { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; color: #d9a900; font-style: normal; font-size: 18px; font-weight: 700; }
.home-certified-v2__specs strong, .home-certified-v2__specs small { display: block; white-space: nowrap; }
.home-certified-v2__specs strong { font-size: 13px; text-transform: uppercase; }
.home-certified-v2__specs small { margin-top: 3px; color: #666; font-size: 12px; }
.home-certified-v2__content { display: flex; padding: 18px 0 0; flex-direction: column; align-items: flex-start; }
.home-certified-v2__label { display: inline-flex; min-height: 42px; padding: 0 20px; align-items: center; border-radius: 6px; background: #ffd73d; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.home-certified-v2__content h2 { margin-top: 26px; font-size: clamp(36px,2.8vw,52px); line-height: 1.03; }
.home-certified-v2__content > p { margin-top: 24px; color: #555; font-size: 16px; }
.home-certified-v2__benefits { display: grid; width: 100%; margin-top: auto; grid-template-columns: repeat(3,1fr); border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.home-certified-v2__benefits span { display: flex; min-height: 82px; padding: 14px 16px; align-items: center; gap: 12px; border-right: 1px solid #ddd; font-family: "Brutal Type", sans-serif; }
.home-certified-v2__benefits span:last-child { border-right: 0; }
.home-certified-v2__benefits i { display: inline-flex; flex: 0 0 38px; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; color: #8b6b00; background: #ffd73d; font-style: normal; font-size: 20px; font-weight: 700; }
.home-certified-v2__benefits b { font-size: 14px; line-height: 1.25; font-weight: 700; }
.home-certified-v2__button { display: flex; width: 100%; min-height: 62px; margin-top: 20px; padding: 0 24px; align-items: center; justify-content: space-between; border: 1px solid #ffd73d; border-radius: 6px; background: #ffd73d; color: #151515 !important; font-size: 16px; font-weight: 700; text-decoration: none !important; transition: background-color .25s, box-shadow .25s, transform .25s; }
.home-certified-v2__button:hover { background: #efc62b; box-shadow: 0 10px 24px rgba(0,0,0,.18); transform: translateY(-2px); }
.home-certified-v2__button b { font-size: 26px; }

.clients__more { display: flex; justify-content: center; padding: 20px 0 36px; }

.home-media-v2 { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.home-media-v2 > a { display: flex; min-width: 0; min-height: 350px; padding: 18px; flex-direction: column; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #151515; text-decoration: none; }
.home-media-v2__image { overflow: hidden; height: 155px; margin-bottom: 18px; background: #eee; }
.home-media-v2 img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.home-media-v2 a:hover img { transform: scale(1.025); }
.home-media-v2 small { color: #666; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.home-media-v2 h3 { min-height: 58px; margin: 12px 0 22px; font-size: 18px; }
.home-media-v2 a > span { margin-top: auto; font-size: 14px; font-weight: 700; }
.home-media-v2 > .home-media-v2__all { align-items: flex-start; justify-content: center; background: #ffd73d; }
.home-media-v2__all strong { max-width: 210px; font-family: "Brutal Type", sans-serif; font-size: 34px; line-height: 1.05; }
.home-media-v2__all span { margin-top: 24px !important; }

.home-production-v2 { position: relative; min-height: 700px; display: flex; align-items: center; overflow: hidden; background: #151515; color: #fff; }
.home-production-v2 > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.home-production-v2__shade { position: absolute; inset: 0; background: rgba(0,0,0,.68); }
.home-production-v2__content { position: relative; z-index: 1; }
.home-production-v2 h2 { max-width: 900px; }
.home-production-v2 p { max-width: 700px; margin-top: 26px; color: #ddd; }
.home-production-v2__facts { display: flex; flex-wrap: wrap; margin: 34px 0; border-top: 1px solid rgba(255,255,255,.35); border-bottom: 1px solid rgba(255,255,255,.35); }
.home-production-v2__facts span { padding: 18px 32px; border-right: 1px solid rgba(255,255,255,.35); font-weight: 700; }
.home-production-v2__facts span:first-child { padding-left: 0; }

@media (max-width: 1100px) {
  .home-v2__story, .home-mohist-v2 { grid-template-columns: 1fr; }
  .home-certified-v2__card { grid-template-columns: 1fr; gap: 32px; }
  .home-certified-v2__visual { min-height: 540px; }
  .home-certified-v2__content { padding: 0; }
  .home-v2__facts { grid-template-columns: repeat(2,1fr); }
  .home-v2__facts > div:nth-child(2) { border-right: 0; }
  .home-process-v2 { grid-template-columns: repeat(2,1fr); }
  .home-process-v2 article:nth-child(2) { border-right: 0; }
  .home-process-v2 article:nth-child(-n+2) { border-bottom: 1px solid #dedede; }
  .home-economy-v2 { grid-template-columns: 1fr; }
  .home-rent-v2__layout { grid-template-columns: 1fr auto; }
  .home-rent-v2 ul { grid-column: 1; }
  .home-media-v2 { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 767px) {
  .home-v2 { padding: 58px 0; }
  .home-v2 h2, .home-production-v2 h2 { font-size: 36px; }
  .home-v2__heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 32px; }
  .home-v2__facts { grid-template-columns: 1fr; }
  .home-certified-v2__visual { min-height: 500px; }
  .home-certified-v2__visual > img { inset: 0; width: 100%; height: 100%; object-position: 64% center; }
  .home-certified-v2__specs { top: 12px; left: 12px; width: calc(100% - 24px); grid-template-columns: repeat(2,1fr); gap: 6px; padding: 0; }
  .home-certified-v2__specs > div { grid-template-columns: 40px 1fr; gap: 9px; }
  .home-certified-v2__specs i { width: 40px; height: 40px; }
  .home-certified-v2__specs strong { font-size: 10px; }
  .home-certified-v2__specs small { font-size: 11px; }
  .home-certified-v2__content { padding: 28px 0 0; }
  .home-certified-v2__content h2 { margin-top: 22px; font-size: 34px; }
  .home-certified-v2__content > p { margin-top: 20px; font-size: 15px; }
  .home-certified-v2__benefits { grid-template-columns: 1fr; margin-top: 28px; }
  .home-certified-v2__benefits span { min-height: 58px; border-right: 0; border-bottom: 1px solid #ddd; }
  .home-certified-v2__benefits span:last-child { border-bottom: 0; }
  .home-v2__facts > div, .home-v2__facts > div:first-child, .home-v2__facts > div:last-child { padding: 22px 0; border-right: 0; border-bottom: 1px solid #424242; }
  .home-v2__facts > div:last-child { border-bottom: 0; }
  .home-process-v2 { grid-template-columns: 1fr; }
  .home-process-v2 article { min-height: 0; border-right: 0; border-bottom: 1px solid #dedede !important; }
  .home-process-v2 article:last-child { border-bottom: 0 !important; }
  .home-mohist-v2__image, .home-mohist-v2__image img { min-height: 260px; height: 260px; }
  .home-selector-v2__row { grid-template-columns: 1fr auto; gap: 14px; padding: 22px 0; }
  .home-selector-v2__track { grid-column: 1/-1; grid-row: 2; }
  .home-selector-v2__row strong { grid-column: 2; grid-row: 1; font-size: 24px; }
  .home-selector-v2__row small { display: block; }
  .home-selector-v2__footer, .home-economy-v2__footer { align-items: flex-start; flex-direction: column; }
  .home-economy-v2__inputs { grid-template-columns: repeat(2,1fr); }
  .home-economy-v2__inputs > div { border-bottom: 1px solid #444; }
  .home-economy-v2__results { grid-template-columns: 1fr; }
  .home-rent-v2__layout { grid-template-columns: 1fr; }
  .home-rent-v2 ul { grid-column: auto; }
  .home-test-float { left: 12px; right: 12px; bottom: 12px; width: auto; min-height: 82px; padding: 13px 44px 13px 14px; }
  .home-test-float h2 { font-size: 18px; }
  .home-test-float .home-v2__button { min-height: 44px; padding: 0 14px; font-size: 14px; }
  .home-media-v2 { grid-template-columns: 1fr; }
  .home-production-v2 { min-height: 740px; }
  .home-production-v2__facts { display: grid; }
  .home-production-v2__facts span, .home-production-v2__facts span:first-child { padding: 14px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.35); }
  .home-production-v2__facts span:last-child { border-bottom: 0; }
}

/* Единое поведение CTA по всему сайту */
:is(.home-v2__button,.promo__button,.cpa__button,.services-item__button,.clients__button,.about__button,.overlay__button,.product-order__button,.product-individual__button,.event-strip__button) {
  border-radius: 6px !important;
  transition: background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease !important;
  transform-origin: center;
}
:is(.promo__button,.cpa__button,.services-item__button,.clients__button,.about__button,.overlay__button,.product-order__button,.product-individual__button)::before { display: none !important; }
:is(.promo__button--primary,.cpa__button:not(.cpa__button--secondary),.services-item__button,.clients__button,.about__button,.overlay__button,.product-order__button,.product-individual__button,.event-strip__button) {
  border-color: #ffd73d !important;
  background: #ffd73d !important;
  color: #151515 !important;
}
:is(.promo__button--primary,.cpa__button:not(.cpa__button--secondary),.services-item__button,.clients__button,.about__button,.overlay__button,.product-order__button,.product-individual__button,.event-strip__button) span { color: #151515 !important; }
:is(.home-v2__button,.promo__button,.cpa__button,.services-item__button,.clients__button,.about__button,.overlay__button,.product-order__button,.product-individual__button,.event-strip__button):hover {
  border-color: #ffcc0a !important;
  background: #ffcc0a !important;
  color: #151515 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.2) !important;
  transform: scale(1.025) !important;
}
:is(.home-v2__button,.promo__button,.cpa__button,.services-item__button,.clients__button,.about__button,.overlay__button,.product-order__button,.product-individual__button):hover span { color: #151515 !important; }
.home-v2__button--outline { background: transparent !important; }
.home-v2__button--outline-light { border-color: #fff !important; color: #fff !important; }
.home-v2__button--dark { border-color: #151515 !important; background: #151515 !important; color: #fff !important; }
.home-v2__button--mohist,.home-v2__button--mohist:hover { border-color: #df0d26 !important; background: #df0d26 !important; color: #fff !important; }
.home-v2__button--mohist:hover { background: #bd0a20 !important; box-shadow: 0 10px 24px rgba(223,13,38,.24) !important; }

/* Интерактивный каталог оборудования */
.catalog-showcase {
    --catalog-accent: #ffd73d;
    font-family: "Brutal Type", sans-serif;
    background: #f4f4f2;
    color: #151515;
}
.catalog-showcase *, .catalog-showcase *::before, .catalog-showcase *::after { box-sizing: border-box; }
.catalog-showcase button, .catalog-showcase a { font-family: inherit; }
.catalog-showcase__scene {
    position: relative;
    display: grid;
    height: 100svh;
    min-height: 100svh;
    padding-top: 138px;
    grid-template-rows: auto minmax(0,1fr) auto;
    overflow: hidden;
    background:
        radial-gradient(circle at 55% 49%, rgba(255,255,255,.98) 0, rgba(255,255,255,.78) 28%, rgba(238,238,235,.7) 68%, rgba(225,225,221,.82) 100%);
}
.catalog-showcase__noise {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .24;
    background-image: linear-gradient(115deg, transparent 48%, rgba(255,255,255,.46) 50%, transparent 52%);
    background-size: 32px 32px;
    mask-image: linear-gradient(to bottom, transparent, #000 32%, #000 78%, transparent);
}
.catalog-brand-tabs {
    position: relative;
    z-index: 2;
    display: grid;
    width: 330px;
    min-height: 48px;
    margin: 0 auto 16px;
    grid-template-columns: repeat(2,1fr);
    border: 1px solid #d4d4d1;
    border-radius: 7px;
    background: rgba(255,255,255,.72);
    overflow: hidden;
}
.catalog-brand-tabs__button {
    border: 0;
    background: transparent;
    color: #5d5d59;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: color .3s ease, background-color .3s ease;
}
.catalog-brand-tabs__button[data-brand="infoscan"].is-active { background: #ffd73d; color: #151515; }
.catalog-brand-tabs__button[data-brand="mohist"].is-active { background: #df0d26; color: #fff; }
.catalog-brand-tabs__button + .catalog-brand-tabs__button { border-left: 1px solid #d4d4d1; }
.catalog-showcase__body {
    position: relative;
    z-index: 1;
    display: grid;
    width: calc(100% - 96px);
    min-height: 0;
    margin: 0 auto;
    padding: 12px 0 22px;
    grid-template-columns: minmax(310px,.86fr) minmax(420px,1.45fr) minmax(250px,.64fr);
    gap: clamp(24px,3vw,60px);
    align-items: center;
}
.catalog-copy, .catalog-action { position: relative; z-index: 2; transition: opacity .26s ease, transform .26s ease; }
.catalog-copy.is-changing { opacity: 0; transform: translateY(12px); }
.catalog-action.is-changing { opacity: 0; transform: translateY(-10px); }
.catalog-copy__eyebrow {
    display: inline-flex;
    min-height: 30px;
    margin-bottom: 18px;
    padding: 0 11px;
    align-items: center;
    border-left: 3px solid var(--catalog-accent);
    background: rgba(255,255,255,.68);
    color: #666;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.catalog-copy__title {
    max-width: 570px;
    margin: 0;
    color: #151515;
    font-size: clamp(42px,4.15vw,70px);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    text-transform: uppercase;
}
.catalog-copy__title span { display: block; color: var(--catalog-accent); font: inherit; transition: color .35s ease; }
.catalog-copy__lead {
    max-width: 470px;
    margin: 24px 0 0;
    color: #3e3e3c;
    font-size: clamp(18px,1.5vw,25px);
    font-weight: 400;
    line-height: 1.28;
}
.catalog-variants { display: flex; flex-wrap: wrap; gap: 10px 24px; min-height: 43px; margin-top: 25px; }
.catalog-variants__group { display: flex; align-items: center; gap: 6px; }
.catalog-variants__group > span { margin-right: 3px; color: #7a7a76; font-size: 11px; text-transform: uppercase; }
.catalog-variants button {
    min-width: 48px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #c8c8c4;
    border-radius: 5px;
    background: rgba(255,255,255,.6);
    color: #555;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    transition: background .25s, border-color .25s, color .25s, transform .25s;
}
.catalog-variants button:hover { transform: translateY(-1px); border-color: #888; }
.catalog-variants button.is-active { border-color: #151515; background: #151515; color: #fff; }
.catalog-variants__software { display: inline-flex; align-items: center; color: #666; font-size: 13px; }
.catalog-variants__software::before { width: 8px; height: 8px; margin-right: 9px; border-radius: 50%; background: var(--catalog-accent); content: ""; }
.catalog-specs { display: grid; max-width: 620px; margin-top: 26px; grid-template-columns: 1fr 1.25fr 1fr 1fr; border-top: 1px solid #cfcfcb; }
.catalog-specs > div { min-width: 0; padding: 16px 10px 0 0; border-right: 1px solid #cfcfcb; }
.catalog-specs > div:not(:first-child) { padding-left: 10px; }
.catalog-specs > div:last-child { border-right: 0; }
.catalog-specs strong, .catalog-specs span { display: block; }
.catalog-specs strong { margin-bottom: 6px; font-size: 14px; font-weight: 700; line-height: 1.1; white-space: nowrap; }
.catalog-specs span { color: #777; font-size: 11px; line-height: 1.25; }
.catalog-visual {
    position: relative;
    align-self: stretch;
    min-height: 390px;
    transition: opacity .38s ease, transform .58s cubic-bezier(.22,.8,.2,1), filter .4s ease;
    will-change: transform, opacity;
}
.catalog-visual.is-leaving-left { opacity: 0; filter: blur(5px); transform: translateX(-14%) scale(.97); }
.catalog-visual.is-leaving-right { opacity: 0; filter: blur(5px); transform: translateX(14%) scale(.97); }
.catalog-visual.is-entering-left { opacity: 0; transform: translateX(-12%) scale(.97); }
.catalog-visual.is-entering-right { opacity: 0; transform: translateX(12%) scale(.97); }
.catalog-visual__halo {
    position: absolute;
    inset: 14% 2% 2%;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(255,255,255,.98), rgba(255,255,255,.45) 46%, transparent 72%);
    filter: blur(12px);
}
.catalog-visual__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
    filter: drop-shadow(0 26px 18px rgba(0,0,0,.15));
}
.catalog-showcase[data-catalog-brand="mohist"] .catalog-visual__image { inset: 9%; width: 82%; height: 82%; }
.catalog-action { align-self: center; padding-left: clamp(0px,1vw,18px); }
.catalog-price__prefix, .catalog-price small { display: block; color: #6c6c68; }
.catalog-price__prefix { margin-bottom: 7px; color: var(--catalog-accent); font-size: 13px; font-weight: 700; text-transform: uppercase; }
.catalog-price strong { display: block; font-size: clamp(31px,2.7vw,48px); font-weight: 700; line-height: 1; white-space: nowrap; }
.catalog-price small { margin-top: 9px; font-size: 12px; line-height: 1.25; }
.catalog-action__details {
    display: flex;
    width: 100%;
    max-width: 275px;
    min-height: 55px;
    margin-top: 28px;
    padding: 0 18px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--catalog-accent);
    border-radius: 6px;
    background: var(--catalog-accent);
    color: var(--catalog-accent-contrast);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: color .25s, background .25s, transform .25s;
}
.catalog-action__details span { font-size: 22px; }
.catalog-action__details:hover { color: var(--catalog-accent-contrast); filter: brightness(.94); transform: translateY(-2px); }
.catalog-counter { margin-top: clamp(28px,5vh,62px); }
.catalog-counter__value { display: flex; align-items: baseline; gap: 6px; color: #aaa; font-size: 21px; }
.catalog-counter__value strong { color: #151515; font-size: 25px; }
.catalog-counter__buttons { display: flex; gap: 12px; margin-top: 13px; }
.catalog-counter__buttons button {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    border: 1px solid #c9c9c5;
    border-radius: 50%;
    background: rgba(255,255,255,.42);
    color: #777;
    cursor: pointer;
    font-size: 20px;
    transition: border-color .25s, color .25s, background .25s, transform .25s;
}
.catalog-counter__buttons button:last-child { border-color: var(--catalog-accent); color: #151515; }
.catalog-counter__buttons button:hover { border-color: #151515; background: #fff; color: #151515; transform: scale(1.06); }
.catalog-counter > small { display: block; margin-top: 10px; color: #999; font-size: 10px; }
.catalog-rail {
    position: relative;
    z-index: 3;
    display: grid;
    min-height: 74px;
    grid-template-columns: 72px minmax(0,1fr) 72px;
    border-top: 1px solid #d3d3cf;
    background: rgba(248,248,246,.92);
    backdrop-filter: blur(12px);
}
.catalog-rail__arrow {
    border: 0;
    border-right: 1px solid #ddd;
    background: transparent;
    color: #555;
    cursor: pointer;
    font-size: 20px;
    transition: background .25s;
}
.catalog-rail__arrow:hover { background: #fff; }
.catalog-rail__items { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(140px,1fr); overflow-x: auto; scrollbar-width: none; }
.catalog-rail__items::-webkit-scrollbar { display: none; }
.catalog-rail__item {
    position: relative;
    border: 0;
    border-right: 1px solid #ddd;
    background: transparent;
    color: #383836;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background .25s, color .25s;
}
.catalog-rail__item::after {
    position: absolute;
    right: 28%;
    bottom: 0;
    left: 28%;
    height: 3px;
    background: var(--catalog-accent);
    content: "";
    opacity: 0;
    transform: scaleX(.2);
    transition: opacity .25s, transform .35s cubic-bezier(.2,.8,.2,1);
}
.catalog-rail__item:hover { background: #fff; }
.catalog-rail__item.is-active { color: #151515; font-weight: 700; }
.catalog-rail__item.is-active::after { opacity: 1; transform: scaleX(1); }
@keyframes catalogNavHint{0%,100%{box-shadow:0 0 0 0 rgba(255,215,61,0)}18%,58%{box-shadow:0 -10px 34px rgba(255,215,61,.38)}36%{box-shadow:0 -7px 24px rgba(255,215,61,.2)}}
@keyframes catalogArrowHint{0%,100%{transform:translateX(0)}30%{transform:translateX(5px)}60%{transform:translateX(-2px)}}
.catalog-showcase.is-nav-hint .catalog-rail{animation:catalogNavHint 1.35s ease 2}
.catalog-showcase.is-nav-hint .catalog-rail__arrow:last-child{animation:catalogArrowHint .9s ease 3;background:var(--catalog-accent);color:var(--catalog-accent-contrast)}
.catalog-showcase.is-nav-hint .catalog-counter__buttons button{animation:catalogCounterBlink .9s ease 3}

/* Button system 2026: final normalization layer */
:root {
    --cta-height: 54px;
    --cta-padding-x: 28px;
    --cta-radius: 6px;
    --cta-font-size: 17px;
    --cta-yellow: #FFD73D;
    --cta-yellow-hover: #ffcc0a;
    --cta-ink: #151515;
}

:is(
    .home-v2__button,
    .home-certified-v2__button,
    .promo__button,
    .cpa__button,
    .services-item__button,
    .clients__button,
    .about__button,
    .overlay__button,
    .product-order__button,
    .product-individual__button,
    .footer-cta__button
) {
    min-height: var(--cta-height) !important;
    padding: 0 var(--cta-padding-x) !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--cta-yellow) !important;
    border-radius: var(--cta-radius) !important;
    font-family: "Brutal Type", sans-serif !important;
    font-size: var(--cta-font-size) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: .1px !important;
    text-align: center;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

:is(
    .home-v2__button:not(.home-v2__button--outline):not(.home-v2__button--dark):not(.home-v2__button--mohist),
    .home-certified-v2__button,
    .promo__button--primary,
    .cpa__button:not(.cpa__button--secondary),
    .services-item__button,
    .clients__button,
    .about__button,
    .overlay__button,
    .product-order__button,
    .product-individual__button,
    .footer-cta__button--primary
) {
    background: var(--cta-yellow) !important;
    color: var(--cta-ink) !important;
}

:is(
    .home-v2__button:not(.home-v2__button--outline):not(.home-v2__button--dark):not(.home-v2__button--mohist),
    .home-certified-v2__button,
    .promo__button--primary,
    .cpa__button:not(.cpa__button--secondary),
    .services-item__button,
    .clients__button,
    .about__button,
    .overlay__button,
    .product-order__button,
    .product-individual__button,
    .footer-cta__button--primary
) span { color: var(--cta-ink) !important; }

:is(
    .home-v2__button:not(.home-v2__button--outline):not(.home-v2__button--dark):not(.home-v2__button--mohist),
    .home-certified-v2__button,
    .promo__button--primary,
    .cpa__button:not(.cpa__button--secondary),
    .services-item__button,
    .clients__button,
    .about__button,
    .overlay__button,
    .product-order__button,
    .product-individual__button,
    .footer-cta__button--primary
):hover {
    border-color: var(--cta-yellow-hover) !important;
    background: var(--cta-yellow-hover) !important;
    color: var(--cta-ink) !important;
    box-shadow: 0 8px 20px rgba(151,115,0,.2) !important;
    transform: translateY(-2px) !important;
}

/* Framed buttons: the reference treatment supplied by the client. */
:is(
    .home-v2__button--outline,
    .promo__button--secondary,
    .cpa__button--secondary,
    .footer-cta__button:not(.footer-cta__button--primary)
) {
    border-color: var(--cta-yellow) !important;
    background: transparent !important;
    color: var(--cta-ink) !important;
    box-shadow: none !important;
}

:is(
    .home-v2--dark .home-v2__button--outline,
    .home-production-v2 .home-v2__button--outline,
    .promo .promo__button--secondary,
    .footer .footer-cta__button:not(.footer-cta__button--primary)
) { color: #fff !important; }

.promo .promo__button--secondary,
.promo .promo__button--secondary:hover,
.promo .promo__button--secondary span,
.promo .promo__button--secondary:hover span {
    color: #fff !important;
}

:is(
    .home-v2__button--outline,
    .promo__button--secondary,
    .cpa__button--secondary,
    .footer-cta__button:not(.footer-cta__button--primary)
) span { color: inherit !important; }

:is(
    .home-v2__button--outline,
    .promo__button--secondary,
    .cpa__button--secondary,
    .footer-cta__button:not(.footer-cta__button--primary)
):hover {
    border-color: var(--cta-yellow-hover) !important;
    background: rgba(255,215,61,.08) !important;
    color: inherit !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.14) !important;
    transform: translateY(-2px) !important;
}

.home-v2__button--dark {
    border-color: var(--cta-ink) !important;
    background: var(--cta-ink) !important;
    color: #fff !important;
}
.home-v2__button--dark:hover {
    border-color: var(--cta-yellow) !important;
    background: var(--cta-yellow) !important;
    color: var(--cta-ink) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
    transform: translateY(-2px) !important;
}
.home-v2__button--mohist {
    border-color: #df0d26 !important;
    background: #df0d26 !important;
    color: #fff !important;
}
.home-v2__button--mohist:hover {
    border-color: #bd0a20 !important;
    background: #bd0a20 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}

.home-certified-v2__button { justify-content: space-between !important; }

@media (max-width: 580px) {
    :root { --cta-height: 52px; --cta-padding-x: 20px; --cta-font-size: 15px; }
    :is(.home-v2__button,.promo__button,.cpa__button,.services-item__button,.clients__button,.about__button,.product-order__button,.product-individual__button,.footer-cta__button) {
        max-width: 100%;
    }
}
@keyframes catalogCounterBlink{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--catalog-accent) 0%,transparent)}45%{box-shadow:0 0 0 8px color-mix(in srgb,var(--catalog-accent) 24%,transparent);background:var(--catalog-accent);color:var(--catalog-accent-contrast)}}
.catalog-showcase.is-nav-hint .catalog-rail__item:not(.is-active){background:rgba(255,255,255,.7)}
.catalog-admin__repeater{display:grid;gap:8px;margin:10px 0}.catalog-admin__row{display:grid;grid-template-columns:1fr 1fr 1.3fr 36px;gap:7px}.catalog-admin__row input,.catalog-admin__gallery-item input{min-width:0;padding:10px;border:1px solid #ddd;border-radius:4px}.catalog-admin__row button,.catalog-admin__gallery-item button{border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.catalog-admin__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.catalog-admin__gallery-item{display:grid;grid-template-columns:58px 1fr 32px 32px 32px;gap:5px;align-items:center;padding:7px;border:1px solid #e5e5e5;border-radius:6px}.catalog-admin__gallery-item img{width:58px;height:48px;object-fit:cover;border-radius:4px}.catalog-admin .media-admin__editor{position:relative;inset:auto}.catalog-admin [data-catalog-add]{justify-self:start;padding:9px 12px;border:1px dashed #aaa;border-radius:4px;background:#fff;cursor:pointer}@media(max-width:760px){.catalog-admin__row{grid-template-columns:1fr}.catalog-admin__gallery{grid-template-columns:1fr}}
@media (max-width: 1180px) {
    .catalog-showcase__scene { padding-top: 132px; }
    .catalog-showcase__body { width: calc(100% - 48px); grid-template-columns: minmax(280px,.8fr) minmax(350px,1.2fr) minmax(220px,.58fr); gap: 18px; }
    .catalog-copy__title { font-size: clamp(39px,5vw,58px); line-height: 1.02; }
    .catalog-specs { grid-template-columns: repeat(2,1fr); }
    .catalog-specs > div:nth-child(2) { border-right: 0; }
    .catalog-specs > div:nth-child(n+3) { margin-top: 12px; padding-top: 12px; border-top: 1px solid #d6d6d2; }
}

@media (max-width: 900px) {
    .catalog-showcase__scene { height: auto; min-height: auto; padding-top: 142px; }
    .catalog-brand-tabs { margin-bottom: 22px; }
    .catalog-showcase__body { grid-template-columns: 1fr 1fr; gap: 12px 24px; padding-bottom: 30px; }
    .catalog-copy { align-self: start; }
    .catalog-copy__title { font-size: clamp(40px,7.5vw,58px); line-height: 1.02; }
    .catalog-copy__lead { font-size: 18px; }
    .catalog-visual { min-height: 470px; grid-column: 2; grid-row: 1/3; }
    .catalog-action { grid-column: 1; align-self: start; }
    .catalog-counter { margin-top: 24px; }
    .catalog-counter > small { display: none; }
    .catalog-rail { grid-template-columns: 52px minmax(0,1fr) 52px; }
}

@media (max-width: 670px) {
    .catalog-showcase__scene { display: block; min-height: 100svh; padding-top: 142px; overflow: visible; }
    .catalog-brand-tabs { width: calc(100% - 32px); max-width: 360px; margin-bottom: 28px; }
    .catalog-showcase__body { display: flex; width: calc(100% - 32px); padding: 0 0 26px; flex-direction: column; }
    .catalog-copy { width: 100%; }
    .catalog-copy__eyebrow { margin-bottom: 14px; }
    .catalog-copy__title { font-size: clamp(39px,12vw,54px); line-height: 1.03; }
    .catalog-copy__lead { margin-top: 18px; font-size: 17px; }
    .catalog-variants { margin-top: 18px; }
    .catalog-specs { margin-top: 20px; }
    .catalog-visual { order: 2; width: 100%; min-height: 390px; margin: 6px 0; }
    .catalog-action { order: 3; width: 100%; padding: 0; }
    .catalog-price { display: grid; grid-template-columns: 1fr auto; align-items: end; }
    .catalog-price__prefix { grid-column: 1/-1; }
    .catalog-price small { max-width: 140px; margin: 0; text-align: right; }
    .catalog-action__details { max-width: none; }
    .catalog-counter { display: flex; align-items: center; justify-content: space-between; }
    .catalog-counter__buttons { margin: 0; }
    .catalog-counter__buttons button { width: 48px; height: 48px; }
    .catalog-rail { position: sticky; bottom: 0; grid-template-columns: 46px minmax(0,1fr) 46px; }
    .catalog-rail__items { grid-auto-columns: minmax(135px,1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .catalog-showcase *, .catalog-showcase *::before, .catalog-showcase *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Public-page CTA alignment for bespoke Clients and Media layouts. */
.founder-meeting__submit,
.client-story__final-actions a,
.media-action,
.media-catalog__more {
    min-height: var(--cta-height) !important;
    padding: 0 var(--cta-padding-x) !important;
    border: 1px solid var(--cta-yellow) !important;
    border-radius: var(--cta-radius) !important;
    font-family: "Brutal Type", sans-serif !important;
    font-size: var(--cta-font-size) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    box-shadow: none !important;
    transform: none !important;
}
.founder-meeting__submit,
.client-story__final-actions a:first-child,
.media-action,
.media-catalog__more {
    border-color: var(--cta-yellow) !important;
    background: var(--cta-yellow) !important;
    color: var(--cta-ink) !important;
}
.founder-meeting__submit:hover,
.client-story__final-actions a:first-child:hover,
.media-action:hover,
.media-catalog__more:hover {
    border-color: var(--cta-yellow-hover) !important;
    background: var(--cta-yellow-hover) !important;
    color: var(--cta-ink) !important;
    box-shadow: 0 8px 20px rgba(151,115,0,.2) !important;
    transform: translateY(-2px) !important;
}
.client-story__final-actions a:not(:first-child) {
    border-color: var(--cta-yellow) !important;
    background: transparent !important;
    color: #fff !important;
}
.client-story__final-actions a:not(:first-child):hover {
    background: rgba(255,215,61,.08) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.14) !important;
    transform: translateY(-2px) !important;
}
.media-subscribe .media-action {
    border-color: var(--cta-ink) !important;
    background: var(--cta-ink) !important;
    color: #fff !important;
}
.media-subscribe .media-action:hover {
    border-color: var(--cta-yellow) !important;
    background: var(--cta-yellow) !important;
    color: var(--cta-ink) !important;
}

/* Книга Кирилла */
.home-book-v2 { position: relative; width: 100%; min-height: 450px; display: flex; align-items: center; overflow: hidden; background: #151515; color: #fff; }
.home-book-v2, .home-book-v2 * { font-family: "Brutal Type", sans-serif; }
.home-book-v2__background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
.home-book-v2__shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.7) 44%,rgba(0,0,0,.38) 70%,rgba(0,0,0,.2) 100%); }
.home-book-v2__layout { position: relative; z-index: 1; padding-top: 58px; padding-bottom: 58px; }
.home-book-v2__copy { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(430px,.92fr); gap: clamp(55px,7vw,120px); align-items: center; }
.home-book-v2__intro { padding-left: 0; }
.home-book-v2 .home-v2__eyebrow { color: #ffd73d; }
.home-book-v2 h2 { max-width: 690px; margin: 16px 0 0; font-size: clamp(40px,3.8vw,62px); font-weight: 500; letter-spacing: -.04em; line-height: .96; }
.home-book-v2__intro > p { max-width: 610px; margin: 22px 0 0; font-size: 17px; line-height: 1.45; }
.home-book-v2__meta { align-self: stretch; display: flex; padding: 5px 0; flex-direction: column; justify-content:center; }
.home-book-v2__details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.35); border-bottom: 1px solid rgba(255,255,255,.35); }
.home-book-v2__details span { min-height: 86px; padding: 18px 16px 15px 0; border-right: 1px solid rgba(255,255,255,.35); }
.home-book-v2__details span:last-child { padding-left: 18px; border-right: 0; }
.home-book-v2__details b, .home-book-v2__details small { display: block; }
.home-book-v2__details b { font-size: 16px; }
.home-book-v2__details small { margin-top: 8px; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.35; }
.home-book-v2__stores { margin-top: 24px; }
.home-book-v2__stores > span { display: block; margin-bottom: 12px; color: rgba(255,255,255,.62); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.home-book-v2__stores > div { display: flex; flex-wrap: wrap; gap: 9px; }
.home-book-v2__stores a { display: inline-flex; min-height: 38px; padding: 0 13px; align-items: center; border: 1px solid rgba(255,255,255,.42); color: #fff; font-size: 13px; font-weight: 700; transition: border-color .2s,background .2s,color .2s; }
.home-book-v2__stores a:hover { border-color: #ffd73d; background: #ffd73d; color: #151515; }
@media (max-width: 960px) {
    .home-book-v2 { min-height: 0; }
    .home-book-v2__layout { padding-top: 58px; padding-bottom: 58px; }
    .home-book-v2__copy { grid-template-columns: 1fr; gap: 40px; }
    .home-book-v2__intro { max-width: 700px; padding-left: 0; }
    .home-book-v2__meta { max-width: 700px; }
    .home-book-v2__shade { background: linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.35)); }
}
@media (max-width: 620px) {
    .home-book-v2 { min-height: 0; }
    .home-book-v2__background { object-position: 62% 35%; }
    .home-book-v2__shade { background: linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.42)); }
    .home-book-v2__layout { padding-top: 50px; padding-bottom: 50px; }
    .home-book-v2__copy { gap: 30px; }
    .home-book-v2 h2 { font-size: 38px; letter-spacing: -.035em; }
    .home-book-v2__intro > p { margin-top: 20px; font-size: 16px; }
    .home-book-v2__details { grid-template-columns: 1fr; }
    .home-book-v2__details span, .home-book-v2__details span:last-child { min-height: 82px; padding: 17px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.35); }
    .home-book-v2__details span:last-child { border-bottom: 0; }
    .home-book-v2__stores { margin-top: 24px; }
    .home-book-v2__stores a { min-height: 36px; padding: 0 11px; font-size: 12px; }
}

/* Более спокойная типографика и заполненные бренд-плашки проектов. */
.client-story__eyebrow { letter-spacing: .055em !important; }
.client-story__case-copy h2 { font-size: clamp(38px,4.4vw,64px) !important; font-weight: 500 !important; letter-spacing: -.025em !important; line-height: 1 !important; }
.client-story__case-brand-meta { display: flex; width: 100%; padding-top: 18px; flex-direction: column; gap: 8px; border-top: 1px solid #ddd; }
.client-story__case-brand-meta span { color: #888; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.client-story__case-brand-meta strong { max-width: 290px; font-size: 16px; font-weight: 500; line-height: 1.3; }
.client-story__final h2 { max-width: 1500px !important; font-size: clamp(52px,6.4vw,100px) !important; text-wrap: balance; }
@media (max-width: 620px) {
    .client-story__final h2 { font-size: clamp(27px,8vw,40px) !important; }
}
@media (max-width: 620px) {
    .client-story__hero { padding-top: 150px !important; }
    .client-story__eyebrow { font-size: 12px !important; letter-spacing: .035em !important; }
    .client-story__hero h1 { font-size: 48px !important; letter-spacing: -.035em !important; line-height: .94 !important; }
    .client-story__case-copy h2, .client-story__cases-pair .client-story__case-copy h2 { font-size: 34px !important; letter-spacing: -.02em !important; line-height: 1.04 !important; }
}

/* Clients and projects */
.client-story,.client-story *{font-family:"Brutal Type",sans-serif}.client-story{overflow:hidden;background:#f7f7f4;color:#151515}.client-story__hero{padding:190px 0 105px;background:#fff;border-bottom:1px solid #deded9}.client-story__eyebrow{color:#9c7600;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.client-story__hero h1{max-width:1050px;margin-top:24px;font-size:clamp(64px,8.2vw,126px);font-weight:500;letter-spacing:-.055em;line-height:.88}.client-story__lead{max-width:650px;margin:42px 0 0 auto;color:#555;font-size:clamp(20px,2vw,28px);line-height:1.3}.client-story__facts{display:grid;margin-top:90px;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7d7d2;border-bottom:1px solid #d7d7d2}.client-story__facts>div{min-height:128px;padding:24px;border-right:1px solid #d7d7d2}.client-story__facts>div:last-child{border-right:0}.client-story__facts strong,.client-story__facts span{display:block}.client-story__facts strong{font-size:30px;line-height:1}.client-story__facts span{max-width:210px;margin-top:13px;color:#777;font-size:14px;line-height:1.35}.client-story__flow{padding:70px 0 120px}.client-story__logo-cloud{display:grid;width:calc(100% + 160px);margin-left:-80px;grid-template-columns:repeat(9,minmax(160px,1fr));transform:rotate(-2.2deg)}.client-story__logo-cloud--two{margin:120px 0 100px -60px;transform:rotate(2deg) translateX(-4%)}.client-story__logo-cloud--three{margin-bottom:100px;transform:rotate(-1.5deg) translateX(-3%)}.client-story__logo{display:flex;height:138px;padding:30px;align-items:center;justify-content:center;border:1px solid #deded9;background:#fff}.client-story__logo img{width:100%;max-width:145px;max-height:62px;object-fit:contain;filter:grayscale(1)}.client-story__case{position:relative;display:grid;min-height:460px;margin-top:100px;padding:48px;grid-template-columns:.8fr 1.2fr;grid-template-rows:1fr auto;gap:35px 70px;border:1px solid #d7d7d2;background:#fff;opacity:0;transform:translateY(45px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.8,.2,1)}.client-story__case.is-visible{opacity:1;transform:none}.client-story__case-number{position:absolute;top:32px;right:38px;color:#d5d5cf;font-size:58px;font-weight:500;line-height:1}.client-story__case-brand{display:flex;min-height:190px;padding:34px;flex-direction:column;align-items:flex-start;justify-content:space-between;background:#f5f5f2}.client-story__case-brand img{width:100%;max-width:230px;max-height:82px;object-fit:contain;object-position:left center}.client-story__case-brand span{color:#888;font-size:12px;font-weight:700;text-transform:uppercase}.client-story__case-copy{align-self:center;padding-right:60px}.client-story__case-copy h2{margin:13px 0 20px;font-size:clamp(42px,5vw,72px);letter-spacing:-.04em;line-height:.95}.client-story__case-copy>p:last-child{max-width:580px;color:#555;font-size:18px;line-height:1.5}.client-story__case dl{grid-column:1/-1;border-top:1px solid #ddd}.client-story__case dl>div{display:grid;padding-top:24px;grid-template-columns:.8fr 1.2fr;gap:70px}.client-story__case dt{color:#888;font-size:13px;text-transform:uppercase}.client-story__case dd{font-size:20px;font-weight:500}.founder-meeting{padding:110px 0;background:#ffd73d}.founder-meeting__layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(500px,1.22fr);gap:80px}.founder-meeting__intro{position:sticky;top:130px;align-self:start}.founder-meeting__intro .client-story__eyebrow{color:#735a00}.founder-meeting__intro h2{max-width:560px;margin-top:24px;font-size:clamp(46px,5vw,76px);letter-spacing:-.05em;line-height:.96}.founder-meeting__intro>p{max-width:510px;margin-top:28px;font-size:18px;line-height:1.5}.founder-meeting__promise{display:flex;margin-top:55px;padding-top:22px;align-items:baseline;gap:20px;border-top:1px solid rgba(21,21,21,.28)}.founder-meeting__promise strong{font-size:28px}.founder-meeting__promise span{font-size:14px}.founder-meeting__form{display:grid;padding:42px;grid-template-columns:1fr 1fr;gap:20px;background:#fff;box-shadow:0 20px 55px rgba(80,61,0,.14)}.founder-meeting__form-head{display:flex;grid-column:1/-1;margin-bottom:12px;align-items:center;justify-content:space-between}.founder-meeting__form-head span{font-size:25px;font-weight:500}.founder-meeting__form-head b{color:#aaa;font-size:13px}.founder-meeting__form label{display:flex;min-width:0;flex-direction:column}.founder-meeting__form label>span{margin-bottom:8px;color:#555;font-size:13px}.founder-meeting__form input,.founder-meeting__form textarea,.founder-meeting__form select{width:100%;min-height:54px;padding:14px 15px;border:1px solid #d8d8d3;border-radius:0;background:#fafaf8;color:#151515;font:16px "Brutal Type",sans-serif;resize:vertical}.founder-meeting__form input:focus,.founder-meeting__form textarea:focus,.founder-meeting__form select:focus{border-color:#151515;background:#fff;outline:none}.founder-meeting__wide{grid-column:1/-1}.founder-meeting__accept{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px}.founder-meeting__accept input{width:20px!important;min-height:20px!important;margin-top:1px;accent-color:#151515}.founder-meeting__accept span{margin:0!important;font-size:12px!important}.founder-meeting__accept a{color:#151515;border-bottom:1px solid #151515}.founder-meeting__submit{display:flex;min-height:70px;padding:0 22px;align-items:center;justify-content:space-between;border:1px solid #151515;background:#151515;color:#fff;cursor:pointer;font-size:17px;font-weight:700;transition:background .25s,color .25s,transform .25s}.founder-meeting__submit b{font-size:25px}.founder-meeting__submit:hover{background:#ffd73d;color:#151515;transform:translateY(-2px)}.founder-meeting__success{display:flex;min-height:430px;grid-column:1/-1;flex-direction:column;align-items:flex-start;justify-content:center}.founder-meeting__success span{color:#8a6b00;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.founder-meeting__success strong{max-width:560px;margin-top:22px;font-size:42px;line-height:1.05}.founder-meeting__success p{max-width:480px;margin-top:20px;color:#666;font-size:17px;line-height:1.5}.client-story__flow--after{padding-top:120px}.client-story__cases-pair{display:grid;margin-top:110px;grid-template-columns:1fr 1fr;gap:24px}.client-story__cases-pair .client-story__case{display:flex;min-height:590px;margin:0;padding:36px;flex-direction:column}.client-story__cases-pair .client-story__case-brand{min-height:145px}.client-story__cases-pair .client-story__case-copy{padding:0}.client-story__cases-pair .client-story__case-copy h2{font-size:46px}.client-story__cases-pair .client-story__case dl{width:100%;margin-top:auto}.client-story__cases-pair .client-story__case dl>div{display:block}.client-story__cases-pair .client-story__case dd{margin-top:10px}.client-story__final{padding:130px 0;background:#151515;color:#fff}.client-story__final .client-story__eyebrow{color:#ffd73d}.client-story__final h2{max-width:900px;margin-top:24px;font-size:clamp(58px,7vw,100px);letter-spacing:-.05em;line-height:.92}.client-story__final>div>p:not(.client-story__eyebrow){max-width:640px;margin:36px 0 0 auto;color:#bbb;font-size:20px;line-height:1.45}.client-story__final-actions{display:flex;margin-top:70px;gap:14px}.client-story__final-actions a{display:flex;min-height:66px;padding:0 25px;align-items:center;justify-content:space-between;border:1px solid #555;color:#fff;font-size:16px;min-width:240px}.client-story__final-actions a:first-child{border-color:#ffd73d;background:#ffd73d;color:#151515}.client-story__final-actions b{font-size:24px}@media(max-width:900px){.client-story__hero{padding-top:155px}.client-story__facts{grid-template-columns:1fr}.client-story__facts>div{min-height:90px;border-right:0;border-bottom:1px solid #d7d7d2}.client-story__facts>div:last-child{border-bottom:0}.client-story__logo-cloud{grid-template-columns:repeat(5,minmax(150px,1fr))}.client-story__case{grid-template-columns:1fr;padding:30px}.client-story__case dl>div{grid-template-columns:1fr;gap:10px}.founder-meeting__layout{grid-template-columns:1fr}.founder-meeting__intro{position:static}.client-story__cases-pair{grid-template-columns:1fr}.client-story__cases-pair .client-story__case{min-height:520px}}@media(max-width:620px){.client-story__hero{padding:130px 0 70px}.client-story__hero h1{font-size:55px}.client-story__lead{margin-top:30px}.client-story__facts{margin-top:55px}.client-story__flow{padding:45px 0 80px}.client-story__logo-cloud{width:180%;grid-template-columns:repeat(5,1fr)}.client-story__logo{height:100px;padding:20px}.client-story__case{min-height:0;margin-top:70px;padding:22px}.client-story__case-number{top:20px;right:20px;font-size:36px}.client-story__case-brand{min-height:130px;padding:22px}.client-story__case-copy{padding:0}.client-story__case-copy h2{font-size:39px}.founder-meeting{padding:75px 0}.founder-meeting__layout{gap:45px}.founder-meeting__form{padding:22px;grid-template-columns:1fr}.founder-meeting__form>*{grid-column:1!important}.client-story__cases-pair{margin-top:70px}.client-story__cases-pair .client-story__case-copy h2{font-size:38px}.client-story__final{padding:90px 0}.client-story__final h2{font-size:52px}.client-story__final-actions{flex-direction:column}.client-story__final-actions a{width:100%}}

.catalog-admin__gallery-item{grid-template-columns:68px minmax(100px,1fr) 88px 32px 32px 32px!important}.catalog-admin__gallery-preview{position:relative;display:block}.catalog-admin__gallery-item.is-catalog-main{border-color:#e0ae00;background:#fff9dd;box-shadow:inset 3px 0 #ffd43b}.catalog-admin__gallery-item img{width:68px;height:54px}.catalog-admin__gallery-preview i{display:none;position:absolute;left:3px;bottom:3px;padding:2px 5px;border-radius:3px;background:#ffd43b;color:#171717;font-size:9px;font-style:normal;font-weight:700;text-transform:uppercase}.catalog-admin__gallery-item.is-catalog-main .catalog-admin__gallery-preview i{display:block}.catalog-admin__gallery-item [data-gallery-catalog]{min-height:36px;padding:5px;font-size:11px}.catalog-admin__gallery-item [data-gallery-catalog]:disabled{border-color:#e0ae00;background:#ffd43b;font-weight:700}