/*
Theme Name: Ivchevski
Description: Продвижение сайтов и интернет маркетинг для малого бизнеса: Ивчевски Игор
Version: 1.0
*/

@import url('./fonts/montserrat.css');

/* CSS Variables для цветов и отступов */
:root {
    --primary-dark: #1a1a1a;
    --primary-light: #ffffff;
    --primary-light-30: #ffffff30;
    --primary-light-50: #ffffff80;
    --accent: #4a90e2;
    --gray-light: #f5f5f5;
    --gray-medium-light: #e0e0e0;
    --gray-medium-light-2: #D9D9D9;
    --gray-medium: #AEAEAE;
    --gray-medium-2: #9B9B9B;
    --gray-dark-2: #3B3B3B;
    --gray-dark-3: #5a5a5a;
    --gray-dark: #2F2F2F;
    --orange-light: #FF5A00;
    --orange-light-transp: #ff5900bf;
    --orange-light-transp-10: #ff59001f;
    --blue-light: #F6F7FF;
    --blue-light-2: #CCD1F5;
    --blue: #5E89DC;
    --blue-dark: #2B337C;
    --blue-dark2: #393F7C;
    --lilac: #434B9C;
    --lilac-middle-1: #9194B4;
    --lilac-middle: #7F87C3;
    --lilac-light: #EAEAFF;
    --text-dark: #2F2F2F;
    --text-medium: #5B5B5B;
    --text-light: #666666;
    --spacing-15: 0.938rem;
    --spacing-22: 1.375rem;
    --spacing-35: 2.188rem;
    --spacing-45: 2.813rem;
    --spacing-xs: 0.625rem;
    --spacing-sm: 1rem;
    --spacing-20: 1.25rem;
    --spacing-md: 6.063rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3.125rem;
    --spacing-xxl: 6.250rem;
    --border-radius-xs: 4px;
    --border-radius: 8px;
    --border-radius-13: 13px;
    --letter-spasing: 0.5px;
    --background-main: #454A7B;
    --background-second: #9EA3D7;
    --background-white-63: rgba(255, 255, 255, 0.63);
    --shadow: #2B337C;
    --shadow-footer: #2e367c;
    --hero-main-max-width: 370px;
    --hero-main-min-height: 469px;
    --hero-main-min-mob-height: 565px;
    --background-form-tabs: #606599;
    --telegram: #DCDFF9;
}

/* Reset и базовые стили */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', -apple-system, sans-serif;
    line-height: 1.6;
    color: var(--text-dark);
    background-color: var(--primary-light);
    letter-spacing: var(--letter-spasing);
}

main {
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}

.container-flex-oferflow {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.container-relative {
    position: relative;
}

button {
    font-family: 'Montserrat', -apple-system, sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
}

input {
    font-family: 'Montserrat', -apple-system, sans-serif;
}

.margin-bottom-42 {
    margin-bottom: 42px;
}

.position-relative {
    position: relative;
}

.height-0 {
    height: 0;
}

/* Header стили */
.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--background-main);
    /* padding: var(--spacing-md) 0; */
    box-shadow: inset 0 -15px 7px -5px var(--shadow);
    height: 92px;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    display: flex;
    color: var(--primary-dark);
    text-decoration: none;
}

.logo img {
    width: 196px;
    height: 39px;
}

.header__nav ul {
    display: flex;
    list-style: none;
    gap: var(--spacing-35);
    color: var(--primary-light);
    font-size: 16px;
    font-weight: 500;
}

.header__nav li {
    position: relative;
}

.header__nav ul li a {
    color: var(--primary-light);
    text-decoration: none;
    display: flex;
    align-items: baseline;
    gap: 3px;
    transition: color 0.3s ease;
}

.header__nav li.has-dropdown>a::after,
.header__nav li.menu-item-has-children>a::after {
    content: '';
    width: 11px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 6L10 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

/* Анимации при наведении */
.header__nav li.has-dropdown:hover>a::after,
.header__nav li.menu-item-has-children:hover>a::after {
    transform: rotate(180deg);
}

.header__nav li.has-dropdown:hover .dropdown,
.header__nav li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Выпадающее подменю */
.header__nav li.has-dropdown .dropdown,
.header__nav li.menu-item-has-children .sub-menu {
    position: absolute;
    flex-direction: column;
    gap: var(--spacing-xs);
    top: 100%;
    left: 0;
    background: var(--background-main);
    min-width: 200px;
    padding: 0.5rem 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    border-radius: 4px;
    z-index: 1;
}

.header__nav li.has-dropdown .dropdown li,
.header__nav li.menu-item-has-children .sub-menu li {
    width: 100%;
}

.header__nav li.has-dropdown .dropdown a,
.header__nav li.menu-item-has-children .sub-menu a {
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

.header__nav li.has-dropdown .dropdown a:hover,
.header__nav li.menu-item-has-children .sub-menu a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.header__contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.header__contacts div {
    border: 1px solid var(--orange-light);
    border-radius: var(--border-radius-xs);
}

.header__contacts div:nth-child(2) {
    border: 1px solid var(--telegram);
}

.header__contacts div a {
    display: flex;
    align-items: center;
    margin: 1px;
}

.header__mob-contacts {
    display: flex;
    gap: 14px;
}

.header__mob-contacts a {
    display: block;
    width: 32px;
    height: 32px;
}

.header__whatsapp,
.header__telegram {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xs);
    padding: 0 var(--spacing-xs);
    height: 31px;
    background-color: var(--orange-light);
    color: var(--primary-light);
    font-size: 16px;
    font-weight: 500;
    border-radius: var(--border-radius-xs);
    text-decoration: none;
    min-width: 251px;
}

.header__telegram {
    color: var(--background-main);
    background-color: var(--telegram);
}

.header__mob-menu {
    display: none;
    cursor: pointer;
}

.header__mob-menu ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    width: 28px;
    height: 23px;
    position: relative;
}

.header__mob-menu ul li {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 3px;
    left: 0;
    background-color: var(--orange-light);
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    transform-origin: center;
}

/* Стили для мобильного меню и анимации иконки */
.header__mob-menu ul li:nth-child(1) {
    top: 0;
}

.header__mob-menu ul li:nth-child(2) {
    top: 10px;
}

.header__mob-menu ul li:nth-child(3) {
    top: 20px;
}

/* Состояние когда меню открыто (крестик) */
.header__mob-menu.active ul li:nth-child(1) {
    transform: translateY(10px) rotate(45deg);
}

.header__mob-menu.active ul li:nth-child(2) {
    opacity: 0;
    transform: scale(0);
}

.header__mob-menu.active ul li:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
}

/* Hero секция */
.hero {
    padding: var(--spacing-xl) 0;
    background-color: var(--primary-light);
}

.hero__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xs);
    align-items: start;
}

.hero__main {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: var(--spacing-md);
    max-width: var(--hero-main-max-width);
    min-height: var(--hero-main-min-height);
    background-image: url("./img/bg-hero-main.png");
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    animation: fadeIn 0.8s ease-out;
}

.hero__title {
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--primary-dark);
    min-width: 300px;
    left: 215px;
    top: 115px;
}

.hero__experience {
    font-size: 16px;
    line-height: 18px;
    color: var(--blue);
    font-weight: 400;
    padding: 5px 7px;
    border: 2px solid var(--blue);
    border-radius: var(--border-radius-xs);
    width: fit-content;
    position: absolute;
    left: 215px;
    top: 165px;
}

.divider {
    height: 1px;
    background-color: var(--gray-medium-light);
    border: none;
    margin: var(--spacing-sm) 0;
}

.hero__profile {
    position: absolute;
    left: 215px;
    top: 10px;
    min-width: 300px;
}

.hero__profession {
    font-size: 35px;
    line-height: 42px;
    font-weight: 700;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero__name {
    font-size: 35px;
    line-height: 42px;
    font-weight: 700;
    color: var(--lilac);
}

.hero__buttons {
    display: flex;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
}

.btn {
    padding: var(--spacing-sm) var(--spacing-md);
    border: none;
    border-radius: var(--border-radius);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn--primary {
    position: absolute;
    left: 23px;
    bottom: 45px;
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 3px 0 #A93300;
    color: var(--primary-light);
    width: 271px;
    height: 74px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
}

.btn--about-expert {
    position: absolute;
    bottom: -45px;
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 3px 0 #A93300;
    color: var(--primary-light);
    width: 100%;
    height: 74px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
}

.btn--sign-up-consult {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 4px 0 #A93300;
    color: var(--primary-light);
    width: 100%;
    height: 88px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
}

.btn--sign-up-consult:hover,
.btn--about-expert:hover {
    transform: translateY(-2px);
}

.btn--primary:hover {
    background-color: #357abd;
    transform: translateY(-2px);
}

.btn--secondary {
    position: absolute;
    left: 23px;
    bottom: -12px;
    border: 1px solid var(--orange-light);
    border-radius: 4px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--orange-light);
    font-size: 24px;
    font-weight: 500;
    width: 271px;
    height: 46px;
}

.btn--secondary:hover {
    background-color: var(--orange-light-transp-10);
    transform: translateY(-2px);
}

/* Approach секция */
.approach {
    width: 715px;
    animation: fadeIn 0.8s ease-out;
}

.approach__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 17px;
    margin-top: 55px;
}

.approach__item {
    position: relative;
    padding: 22px 25px;
    color: var(--text-dark);
    background-color: var(--blue-light);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: height 0.3s ease;
    overflow: hidden;
}

.approach__item span {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
	max-width: 72%;
}

.approach__item span span {
    position: relative;
    padding-left: 30px;
}

.approach__item span span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.5' r='9.5' transform='rotate(90 10 10.5)' stroke='%23000000'/%3E%3Cpath d='M5 8.5L9.5 13.5L14 8.5' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.approach__item span span::before {
    transition: transform 0.3s ease-in-out;
}

.approach__item.approach__item--active span span::before {
    transform: translateY(-50%) rotate(180deg);
}

.approach__item p {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 0;
    margin: 0;
}

.approach__item--active p {
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    margin-left: 10px;
    padding: 10px 20px;
    border-left: 1px solid var(--text-medium);
    max-height: 500px;
    opacity: 1;
    margin: 8px 0 0 10px;
    padding: 10px 20px;
    max-width: 478px;
}

.approach__item--active {
    transition: all 0.3s ease;
}

.approach__item svg,
.approach__item img {
    position: absolute;
    right: 30px;
    bottom: 0;
}

/* Marketing section */
.marketing {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    min-height: 603px;
}

.marketing__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    padding-top: 95px;
}

.marketing__list {
    display: flex;
    gap: 160px;
    margin-top: 55px;
}

.marketing__list li {
    list-style: none;
    display: block;
    min-width: 270px;
}

.marketing__list li div {
    width: fit-content;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 2px solid var(--primary-light);
}

.marketing__list li p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0em;
}

/* Business section */
.business {
    background-color: var(--blue-light);
    padding: 120px 0;
    min-height: 588px;
}

.business__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.business__title span {
    -webkit-text-fill-color: var(--orange-light);
}

.business__subtitle {
    color: var(--text-dark);
    font-weight: 500;
    font-size: 32px;
    line-height: 2.8;
    letter-spacing: -0.02em;
    text-align: center;
}

.business__list {
    display: flex;
    gap: 60px;
    margin-top: 45px;
}

.business__list li {
    list-style: none;
    display: flex;
    min-width: 350px;
}

.business__list li span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: var(--orange-light);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
}

.business__list li span span {
    width: 2px;
    background-color: var(--orange-light);
    height: 100%;
}

.business__list li p {
    color: var(--text-dark);
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0em;
    padding-left: 30px;
}

/* Top 5 section */
.top {
    padding: 120px 0;
}

.top__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.top__title span {
    -webkit-text-fill-color: var(--orange-light);
}

.top__subtitle {
    color: var(--text-dark);
    font-weight: 500;
    font-size: 32px;
    line-height: 2.8;
    letter-spacing: -0.02em;
    text-align: center;
}

.top__masonry-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 10px;
    gap: 20px;
}

.top__masonry-item {
    position: relative;
    background: var(--blue-light);
    border-radius: 13px;
    padding: 40px 30px;
}

.top__masonry-item-pdng-top-10 {
    padding: 10px 30px;
}

.top__masonry-item-pdng-btm-0 {
    padding-bottom: 0;
}

.top__masonry-item-1 {
    grid-row-end: span 13;
}

.top__masonry-item-2 {
    position: relative;
    grid-row-end: span 23;
}

.top__masonry-item-3 {
    grid-row-end: span 15;
}

.top__masonry-item-4 {
    grid-row-end: span 10;
}

.top__masonry-item-5 {
    grid-row-end: span 11;
}

.top__masonry-item-6 {
    grid-row-end: span 7;
}

.top__masonry-item-header,
.top__masonry-item-header2 {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--blue-light-2);
}

.top__masonry-item-header2 {
    border-bottom: none;
}

.top__masonry-item-header span {
    font-size: 64px;
    color: var(--orange-light);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
}

.top__masonry-item-header h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.02em;

}

.top__masonry-item-content {
    padding: 20px 0 0 56px;
    color: var(--gray-dark);
    font-weight: normal;
}

.top__masonry-item-content p,
.top__masonry-item-content ul {
    padding-bottom: 30px;
}

.top__masonry-item-content p:last-of-type {
    padding-bottom: 0;
}

.top__masonry-item-content ul li {
    position: relative;
    list-style: none;
}

.top__masonry-item-content ul li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--lilac);
    font-weight: 400;
    font-size: 16px;
    line-height: 173%;
    letter-spacing: 0em;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 8%;
    text-decoration-skip-ink: auto;
    padding-left: 25px;
}

.top__masonry-item-content ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.5' r='9.5' transform='rotate(90 10 10.5)' stroke='%23000000'/%3E%3Cpath d='M5 8.5L9.5 13.5L14 8.5' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.top__masonry-item-content ul li a span {
    width: 20px;
    height: 21px;
}

.top__masonry-item-content ul li a span::before {
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.5' r='9.5' transform='rotate(90 10 10.5)' stroke='%23AAAAAA'/%3E%3Cpath d='M5 8.5L9.5 13.5L14 8.5' stroke='%23AAAAAA' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.top__masonry-item-content ul li a:hover span::before {
    transform: rotate(180deg);
}

.top__masonry-item-content ul li>ul {
    position: absolute;
    left: 25px;
    top: 10px;
    min-width: 200px;
    background: var(--blue-light);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    opacity: 0;
    padding: 20px;
    border-radius: 4px;
    visibility: hidden;
    transition: all 0.3s ease;
    transform: translateX(20px);
    z-index: 10;
}

/*Подсказка на странице Обо мне - начало*/
/* Контейнер для текста */
.combo-header__text {
    position: relative;
}

/* Слово с подсказкой */
.tooltip-word {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #434B9C;
    text-decoration: underline dotted;
    text-underline-offset: 4px;
    font-weight: 600;
}

/* Контейнер подсказки*/
.combo-header__text .tooltip-content,
.sistema-hero__description .tooltip-content, .page-template-seo-template .tooltip-content {
    position: absolute;
    left: 50%;
    top: 65%;
    margin-top: 15px;
    min-width: 320px;
    max-width: 400px;
    width: max-content;
    max-width: min(400px, 90vw);
    background: var(--blue-light, #f0f7ff);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    opacity: 0;
    padding: 20px;
    border-radius: 8px;
    visibility: hidden;
    transition: all 0.3s ease;
    transform: translateX(-50%) translateY(-10px) !important;
    z-index: 1000;
    pointer-events: none;
    border: 1px solid rgba(0, 102, 204, 0.1);
}

.sistema-hero__description .tooltip-content {
    left: 30%;
    top: 85%;
}

.page-template-seo-template .tooltip-content {
    left: 0%;
    top: 50%;
}

/* Появление подсказки при наведении на слово */
.tooltip-word:hover~.tooltip-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Появление подсказки при наведении на саму подсказку */
.tooltip-content.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Стили для заголовка внутри подсказки */
.tooltip-content .combo-what-can-i-do__title2 {
    font-size: 16px;
    margin: 0 0 12px 0;
    color: #333;
    font-weight: 700;
    line-height: 1.4;
}

/* Стили для параграфов внутри подсказки */
.tooltip-content p {
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    margin: 0 0 10px 0;
}

.tooltip-content p:last-child {
    margin-bottom: 0;
}

/* Стиль для жирного текста внутри подсказки */
.tooltip-content b {
    font-weight: 700;
}

/* Анимация появления */
@keyframes tooltipFadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*Подсказка на странице Обо мне - конец*/

.tooltip-word:hover~.tooltip-content,
.tooltip-content:hover {
    animation: tooltipFadeIn 0.3s ease forwards;
}

.top__masonry-item-content ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(30px);
}

.top__masonry-item-content ul li>ul li {
    white-space: nowrap;
}

.top__masonry-item-content ul li>ul li a {
    padding: 8px 15px;
    border-bottom: 1px solid #eee;
}

.top__masonry-item-footer {
    position: absolute;
    bottom: 0;
    background-color: var(--blue-dark);
    margin: 0 0 0 -30px;
    padding: 27px 40px;
    color: var(--primary-light);
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: 0em;
    border-radius: 0 0 13px 13px;
    display: flex;
    align-items: center;
    gap: 35px;
}

.top__masonry-item-footer svg {
    width: 15px;
}

.top__masonry-item-bg-arrow1::after,
.top__masonry-item-bg-arrow2::after,
.top__masonry-item-bg-arrow3::after,
.top__masonry-item-bg-arrow4::after,
.top__masonry-item-bg-arrow5::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 33px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='33' viewBox='0 0 20 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 16L6 1V32L20 16Z' fill='%23F6F7FF'/%3E%3Cpath d='M1 1L15 16L1 32' stroke='%239EA3D7' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.top__masonry-item-bg-arrow1::after {
    right: -14px;
    top: 60px;
}

.top__masonry-item-bg-arrow2::after {
    left: -14px;
    top: 440px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='33' viewBox='0 0 20 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16L14 1V32L0 16Z' fill='%23F6F7FF'/%3E%3Cpath d='M19 1L5 16L19 32' stroke='%239EA3D7' stroke-linecap='round'/%3E%3C/svg%3E");
}

.top__masonry-item-bg-arrow3::after {
    right: -14px;
    top: 350px;
}

.top__masonry-item-bg-arrow4::after {
    left: -14px;
    top: 200px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='33' viewBox='0 0 20 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16L14 1V32L0 16Z' fill='%23F6F7FF'/%3E%3Cpath d='M19 1L5 16L19 32' stroke='%239EA3D7' stroke-linecap='round'/%3E%3C/svg%3E");
}

.top__masonry-item-bg-arrow5::after {
    right: -14px;
    top: 170px;
}

/* Business2 section */
.business2 {
    background-color: var(--blue-light);
    padding: 120px 0;
    min-height: 588px;
}

.business2__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.business2__title span {
    -webkit-text-fill-color: var(--orange-light);
}

.business2__list {
    display: flex;
    gap: 60px;
    margin-top: 45px;
}

.business2__grid {
    margin-top: 45px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.business2__grid-item {
    background-color: var(--primary-light);
    border-radius: 13px;
    padding: 15px;
}

.business2__grid-item-img-wrapper {
    border: 1px solid var(--blue-light-2);
    border-radius: 8px;
    padding: 13px 0 0;
    height: 235px;
    display: flex;
    justify-content: center;
}

.business2__grid-item-img-wrapper2 {
    height: 150px;
    overflow: hidden;
}

.business2__grid-item-header {
    position: relative;
}

.business2__grid-item-header h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    max-width: 450px;
    padding: 10px;
    margin: -23px 0 0 20px;
    background-color: var(--primary-light);
}

.business2__grid-item-header-max-width-390 h3 {
    max-width: 390px;
}

.business2__grid-item-header-max-width-400 h3 {
    max-width: 400px;
}

.business2__grid-item-header-max-width-420 h3 {
    max-width: 420px;
}

.business2__grid-item-header span {
    display: none;
}

.business2__grid-item hr {
    margin: 20px 0 0 33px;
    padding: 0;
    height: 0;
    max-width: 350px;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.business2__grid-item ul {
    padding: 0;
    margin: 22px 30px;
    list-style: none;
}

.business2__grid-item ul li {
    display: flex;
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: 0em;
    margin-bottom: 20px;
}

.business2__grid-item ul li:before {
    content: "\2022";
    margin-right: 10px;
}

.business2__grid-item ul li span span {
    font-weight: 600;
}

.business2__footer {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.business2__footer h4 {
    color: var(--gray-dark);
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.02em;
    line-height: 1.25;
    text-align: center;
}

.business2__footer h4 span {
    color: var(--orange-light);
}

.business2__footer p {
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 18px;
    line-height: 133%;
    letter-spacing: 0em;
    text-align: center;
    margin: 20px 0;
}

.btn--business2-consult {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 4px 0 #A93300;
    color: var(--primary-light);
    width: 507px;
    height: 88px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
}

.btn--business2-consult:hover {
    transform: translateY(-2px);
}

/* Ads channels section */
.ads-channels {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 104px 0 88px;
    min-height: 603px;
}

.ads-channel {
    display: flex;
    gap: 35px;
    margin-bottom: 56px;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    transition: animation-play-state 0.6s ease;
    will-change: transform;
    backface-visibility: hidden;
}

.ads-channel h3,
.ads-channel h3.ads-channel-item-transparent {
    color: var(--background-main);
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0em;
    padding: 19px 31px;
    background-color: var(--background-white-63);
    white-space: nowrap;
    border-radius: 10px;
    border: 1px solid var(--background-white-63);
}

.ads-channel h3.ads-channel-item-transparent {
    color: var(--primary-light);
    border-color: var(--primary-light);
    background-color: transparent;
}

/* Первый блок - двигается слева направо */
.ads-channel:nth-child(1) {
    animation-name: moveLeftRight;
}

/* Второй блок - двигается справа налево */
.ads-channel:nth-child(2) {
    animation-name: moveRightLeft;
    animation-delay: 0.8s;
    /* Небольшая задержка для разнообразия */
}

/* Третий блок - двигается слева направо (как первый) */
.ads-channel:nth-child(3) {
    animation-name: moveLeftRight;
    animation-delay: 0.4s;
    /* Небольшая задержка */
}

/* Останавливаем анимацию при наведении на любой блок */
.ads-channel:hover {
    animation-play-state: paused;
}

/* Анимация движения слева направо */
@keyframes moveLeftRight {
    0% {
        transform: translateX(-160px);
    }

    25% {
        transform: translateX(80px);
    }

    50% {
        transform: translateX(120px);
    }

    75% {
        transform: translateX(40px);
    }

    100% {
        transform: translateX(-160px);
    }
}

/* Анимация движения справа налево */
@keyframes moveRightLeft {
    0% {
        transform: translateX(160px);
    }

    25% {
        transform: translateX(-80px);
    }

    50% {
        transform: translateX(-120px);
    }

    75% {
        transform: translateX(-40px);
    }

    100% {
        transform: translateX(160px);
    }
}

.btn--ads-channel-consult {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 4px 0 #A93300;
    color: var(--primary-light);
    width: 507px;
    height: 88px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 4px;
}

.btn--ads-channel-consult:hover {
    transform: translateY(-2px);
}

/* Troubleproof system section */
.troubleproof-system {
    padding: 143px 0;
}

.troubleproof-system__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.troubleproof-system__subtitle {
    color: var(--text-dark);
    font-weight: 500;
    font-size: 32px;
    line-height: 1.6;
    letter-spacing: -0.02em;
    text-align: center;
}

.troubleproof-system__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 150px 25px;
    margin-top: 82px;
}

.troubleproof-system__grid-item {
    position: relative;
    max-width: 395px;
}

.troubleproof-system__grid-item-colored {
    position: relative;
    padding: 22px 24px;
    background-color: var(--blue-light);
    border-radius: 10px;
}

.troubleproof-system__grid-item .svg-wrapper {
    position: relative;
    width: fit-content;
}

.troubleproof-system__grid-item .svg-wrapper::after {
    content: '';
    position: absolute;
    top: calc(50% - 16.5px);
    right: -34px;
    width: 17px;
    height: 33px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='33' viewBox='0 0 17 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L15 16L1 32' stroke='%23454A7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.troubleproof-system__grid-item h3 {
    color: var(--gray-dark);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-top: 21px;
    min-height: 58px;
}

.troubleproof-system__grid-item h3 span {
    color: var(--orange-light);
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
}

.troubleproof-system__grid-item hr {
    margin: 23px 0 23px;
    padding: 0;
    height: 0;
    max-width: 199px;
    border: none;
    border-top: 2px solid var(--background-main);
}

.troubleproof-system__grid-item p {
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0em;
    min-height: 224px;
}

.troubleproof-system__grid-item:nth-child(1) p,
.troubleproof-system__grid-item:nth-child(2) p,
.troubleproof-system__grid-item:nth-child(3) p {
    min-height: 124px;
}

.troubleproof-system__grid-item span {
    color: var(--gray-medium);
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: 0em;
}

.troubleproof-system__grid-item a {
    display: block;
    width: fit-content;
    color: var(--orange-light);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0em;
    text-align: center;
    padding: 15px 30px;
    border: 1px solid var(--orange-light);
    border-radius: 5px;
    text-decoration: none;
    margin-top: 50px;
    margin-bottom: 20px;
}

.troubleproof-system__grid-item:nth-child(3) a {
    margin-top: 22px;
}

.btn--troubleproof-system {
    position: absolute;
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 4px 0 #A93300;
    color: var(--primary-light);
    width: 347px;
    height: 64px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    bottom: 24px;
}

.btn--troubleproof-system:hover {
    transform: translateY(-2px);
}

/* About me section */
.about-me {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 90px 0 140px;
    min-height: 603px;
}

.about-me__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
}

.about-me__content {
    display: flex;
    gap: 53px;
}

.about-me__content-text {
    margin-top: 27px;
}

.about-me__content-text h4 {
    color: var(--primary-light);
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.02em;
}

.about-me__content-text hr {
    margin: 19px 0 19px;
    padding: 0;
    height: 0;
    max-width: 194px;
    border: none;
    border-top: 2px solid var(--primary-light);
}

.about-me__content-text p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0%;
    margin-bottom: 50px;
}

p.about-me__p-smal {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: 0%;
    margin-bottom: 22px;
}

.about-me__content-img {
    position: relative;
}

.about-me__content-img picture img {
    margin-top: -50px;
}

.about-me__content-img-h2 {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    position: absolute;
    top: 460px;
    left: 37px;
}

.about-me__content-img p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0em;
    position: absolute;
    top: 515px;
    left: 37px;
}

.btn--about-me {
    position: absolute;
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 4px 0 #A93300;
    color: var(--primary-light);
    width: 448px;
    height: 88px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    left: 34px;
    bottom: 4px;
}

.btn--about-me:hover {
    transform: translateY(-2px);
}

/* Cooperation options section*/
.cooperation-options {
    padding: 122px 0 174px;
}

.cooperation-options__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cooperation-options__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-20);
    margin-top: 84px;
}

.cooperation-options__grid-sta {
    grid-template-columns: repeat(3, 1fr);
    gap: 65px var(--spacing-20);
}

.cooperation-options__grid-item {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: var(--blue-light);
    border-radius: var(--border-radius-13);
    padding: 30px 25px 18px;
}

.cooperation-options__grid-item svg,
.cooperation-options__grid-item img {
    position: absolute;
    top: -100px;
}

.cooperation-options__grid-item h3,
.cooperation-options__grid-item h3 span {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-align: center;
}

.cooperation-options__grid-item h3 span {
    color: var(--primary-dark);
    font-size: 16px;
}

.cooperation-options__grid-item hr {
    margin: 34px 0 19px;
    padding: 0;
    width: 100%;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.cooperation-options__grid-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: auto;
}

.cooperation-options__grid-item span {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    padding-bottom: 15px;
}

.cooperation-options__grid-item span span {
    font-size: 20px;
}

.cooperation-options__grid-item a {
    color: var(--orange-light);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0em;
    text-align: center;
    padding: 15px 30px;
    background-color: var(--primary-light);
    border: 1px solid var(--orange-light);
    border-radius: 5px;
    text-decoration: none;
}

.cooperation-options__flex {
    display: flex;
    background-color: var(--blue-light);
    border-radius: var(--border-radius-13);
    padding-left: 24px;
    margin-top: 51px;
}

.cooperation-options__flex-img {
    width: 231px;
    position: relative;
}

.cooperation-options__flex-img img {
    position: absolute;
    bottom: 0;
}

.cooperation-options__flex-item {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 26px 24px 24px 76px;
}

.cooperation-options__flex-item h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.cooperation-options__flex-item hr {
    margin: 29px 0 26px;
    padding: 0;
    width: 100%;
    max-width: 564px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.cooperation-options__flex-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: 0em;
    padding-bottom: 30px;
    margin-bottom: auto;
}

.cooperation-options__flex-flex-item {
    display: flex;
    align-items: center;
    gap: 19px;
}

.cooperation-options__flex-item span {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
}

.cooperation-options__flex-item span span {
    font-size: 20px;
}

.cooperation-options__flex-item a {
    color: var(--orange-light);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0em;
    text-align: center;
    padding: 15px 30px;
    background-color: var(--primary-light);
    border: 1px solid var(--orange-light);
    border-radius: 5px;
    text-decoration: none;
}

/* FAQ Section */
.faq {
    padding: 122px 0 167px;
}

.faq__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.faq__flex {
    display: flex;
    flex-direction: column;
    gap: 17px;
    margin-top: 50px;
}

.faq__flex-item {
    background-color: var(--blue-light);
    border-radius: 13px;
    padding: 36px 33px;
}

.faq__flex-item h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.02em;

}

.faq__flex-item hr {
    margin: 30px 0 24px;
    padding: 0;
    width: 100%;
    max-width: 539px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.faq__flex-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: 0em;
}

/* Reviews Section*/
.reviews {
    padding: 122px 0 70px;
}

.reviews-blue {
    background-color: var(--blue-light);
}

.btn--want-the-same {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 3px 0 #A93300;
    color: var(--primary-light);
    width: 100%;
    max-width: 245px;
    height: 66px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
}

.btn--want-the-same:hover {
    transform: translateY(-2px);
}

.want-the-same__wrapper {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.reviews__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.reviews__flex {
    display: flex;
    margin-top: 30px;
    gap: 52px
}

.reviews__flex-author-mob {
    display: none;
    color: var(--gray-dark);
}

.reviews__flex-img {
    background-color: var(--blue-light);
    border-radius: 13px;
    padding: 15px;
}

.reviews__flex-img img {
    vertical-align: bottom;
}

.reviews__flex-text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 143%;
    letter-spacing: 0em;
    min-width: 688px;
}

.reviews__flex-text hr {
    margin: 38px 0 29px;
    padding: 0;
    width: 100%;
    max-width: 249px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.reviews__flex-text span {
    color: var(--gray-dark);
    font-weight: 700;
    font-size: 20px;
    line-height: 133%;
    letter-spacing: 0em;
}

.reviews__flex-pager {
    margin-top: 37px;
}

.reviews__flex-pager ul {
    display: flex;
    justify-content: center;
    gap: 13px;
    list-style: none;
}

.reviews__flex-pager ul li.active,
.reviews__flex-pager ul li a {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.reviews__flex-pager ul li.active {
    background-color: var(--gray-dark-2);
}

.reviews__flex-pager ul li a {
    background-color: var(--gray-medium-light-2);
}

.reviews__flex-pager-btns {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    gap: 17px;
}

.reviews__flex-pager-btn-previus,
.reviews__flex-pager-btn-next {
    position: relative;
    background-color: var(--blue-light);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
}

.reviews__flex-pager-btn-previus::before,
.reviews__flex-pager-btn-next::before {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    transform: translateY(-50%);
    width: 14px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.631 24.9189L2.08274 13.6173L12.631 1.56213' stroke='%23454A7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.reviews__flex-pager-btn-next::before {
    left: calc(50% - 6px);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.84985 24.9189L12.3981 13.6173L1.84985 1.56213' stroke='%23454A7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Cases section */
.cases {
    padding: 118px 0 151px;
    background-color: var(--blue-light);
}

.cases-white {
    background-color: var(--primary-light);
}

.cases__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cases__title span {
    -webkit-text-fill-color: var(--orange-light);
}

.cases__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-22);
    margin-top: 37px;
}

.cases__grid-item {
    background-color: var(--primary-light);
    border-radius: 13px;
    padding: 30px 35px;
}

.cases__grid-item-img img {
    vertical-align: bottom;
}

.cases__grid-item h3, .cases__grid-item p.h3,
.cases__grid-item h3.cases__grid-item-title-time, .cases__grid-item .h3.cases__grid-item-title-time {
    color: var(--gray-dark);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.02em;
	padding-bottom: 0px;
}

.cases__grid-item h3.cases__grid-item-title-time, .cases__grid-item .h3.cases__grid-item-title-time {
    color: var(--lilac);
}

.cases__grid-item hr {
    margin: 28px 0 28px;
    padding: 0;
    width: 100%;
    max-width: 349px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.cases__grid-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: 0em;
    padding-bottom: 26px;
}

.cases__grid-item p:last-child {
    padding-bottom: 0;
}

.cases__grid-item p b {
    display: block;
}

.cases__flex-pager-btns {
    width: 100%;
    position: absolute;
    top: calc(50% + 25px);
    max-width: 1246px;
    display: flex;
    justify-content: space-between;
}

.cases__flex-pager-btn-previus,
.cases__flex-pager-btn-next {
    position: relative;
    background-color: var(--primary-light);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
}

.cases__flex-pager-btn-previus {
    left: -25px;
}

.cases__flex-pager-btn-next {
    right: -25px;
}

.cases__flex-pager-btn-previus::before,
.cases__flex-pager-btn-next::before {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    transform: translateY(-50%);
    width: 14px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.631 24.9189L2.08274 13.6173L12.631 1.56213' stroke='%23454A7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.cases__flex-pager-btn-next::before {
    left: calc(50% - 6px);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.84985 24.9189L12.3981 13.6173L1.84985 1.56213' stroke='%23454A7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Experience section */
.experience {
    padding: 118px 0 40px;
    background-color: var(--blue-light);
}

.experience__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.experience__title span {
    -webkit-text-fill-color: var(--orange-light);
}

.experience__subtitle {
    color: var(--gray-dark);
    font-weight: 500;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
}

.experience__grid {
    display: grid;
    grid-template-columns: repeat(100, 1fr);
    gap: var(--spacing-20);
    margin-top: 68px;
    overflow: hidden;
}

.experience__grid-item {
    background-color: var(--primary-light);
    border-radius: 13px;
    padding: 17px 25px 25px;
    width: 296px;
}

.experience__grid-item div {
    display: flex;
    justify-content: center;
}

.experience__grid-item img {
    display: block;
}

.experience__grid-item hr {
    margin: 17px 0 17px;
    padding: 0;
    width: 100%;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.experience__grid-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: 0em;
}

.experience__grid-item p b {
    display: block;
}

.experience__flex-pager {
    margin-top: 23px;
}

.experience__flex-pager ul {
    display: flex;
    justify-content: center;
    gap: 13px;
    list-style: none;
}

.experience__flex-pager ul li.active,
.experience__flex-pager ul li a {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.experience__flex-pager ul li.active {
    background-color: var(--gray-dark-2);
}

.experience__flex-pager ul li a {
    background-color: var(--gray-medium-light-2);
}

.experience__flex-pager-btns {
    display: flex;
    justify-content: center;
    margin-top: 23px;
    gap: 17px;
}

.experience__flex-pager-btn-previus,
.experience__flex-pager-btn-next {
    position: relative;
    background-color: var(--primary-light);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
}

.experience__flex-pager-btn-previus::before,
.experience__flex-pager-btn-next::before {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    transform: translateY(-50%);
    width: 14px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.631 24.9189L2.08274 13.6173L12.631 1.56213' stroke='%23454A7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.experience__flex-pager-btn-next::before {
    left: calc(50% - 6px);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.84985 24.9189L12.3981 13.6173L1.84985 1.56213' stroke='%23454A7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.experience__flex-pager-btn-previus:hover,
.experience__flex-pager-btn-next:hover {
    background-color: var(--primary-light-50);
}

/* Start section */
.start {
    padding: 65px 0 101px;
    background-color: var(--blue-light);
}

.start__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.start__subtitle {
    color: var(--gray-dark);
    font-weight: 500;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
}

.start__flex {
    display: flex;
    flex-direction: column;
    margin: 30px 35px 0;
    background-image: url("./img/bg-start.png");
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.start__flex-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--primary-light);
    border-radius: 13px;
    margin: 20px -35px 0;
}

.start__flex-item div {
    padding: 42px;
}

.start__flex-item p {
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0em;
    padding-bottom: 42px;
}

.start__flex-item p:last-child {
    padding-bottom: 0;
}

.start__flex-item p a {
    color: var(--gray-dark);
    text-decoration: none;
}

.start__flex-item p a:hover {
    color: var(--gray-dark-2);
}

.start__flex-item img {
    padding-right: 23px;
}

.start__flex-item-btns {
    display: flex;
    gap: 17px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.start__flex-item-btns-2,
.start__flex-item-btns-3 {
    margin-top: 10px;
}

.btn--start {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 3px 0 #A93300;
    color: var(--primary-light);
    width: 353px;
    height: 75px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
}

.btn--start:hover,
.btn--start-transparent:hover {
    transform: translateY(-2px);
}

.btn--start-transparent {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 306px;
    height: 75px;
    line-height: 75px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 500;
    color: var(--orange-light);
    background-color: transparent;
    border: 1px solid var(--orange-light);
    padding: 0;
}

/* Approach section */
.approach-difference {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 90px 0 230px;
}

.approach-difference__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
}

.approach-difference__title span {
    color: var(--orange-light);
}

.approach-difference__content {
    display: flex;
    margin-top: 164px;
    justify-content: space-between;
}

.approach-difference__content-text h3 {
    color: var(--primary-light);
    font-weight: 800;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -0.02em;
}

.approach-difference__content-text hr {
    margin: 14px 0 14px;
    padding: 0;
    height: 0;
    max-width: 194px;
    border: none;
    border-top: 2px solid var(--primary-light);
}

.approach-difference__content-text p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0em;
    max-width: 420px;
    margin-bottom: 65px;
}

.approach-difference__content-text p:last-child {
    margin-bottom: 0;
}

.approach-difference__content-img {
    position: relative;
}

.approach-difference__content-img picture img {
    margin-top: -122px;
    position: relative;
    z-index: 100;
    pointer-events: none;
    /* Разрешает событиям мыши проходить сквозь изображение */
}

.approach-difference__content-img p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    letter-spacing: 0em;
    text-align: center;
    max-width: 460px;
    position: absolute;
    top: 500px;
    left: 23px;
}

.btn--approach-difference {
    position: absolute;
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 4px 0 #A93300;
    color: var(--primary-light);
    width: 448px;
    height: 88px;
    line-height: 88px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    left: 30px;
    bottom: -32px;
}

.btn--approach-difference:hover {
    transform: translateY(-2px);
}

/* Уплотнение блока approach-difference на странице Обо мне (ID = 552) */
.page-id-552 .approach-difference {
    padding: 50px 0 70px;
}

.page-id-552 .approach-difference__content {
    gap: 30px;
    align-items: center;
    justify-content: space-around;
}

.page-id-552 .approach-difference__content-text p {
    font-size: 20px;
    margin-bottom: 12px;
    line-height: 1.4;
}

.page-id-552 .approach-difference__content-img img {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.page-id-552 .btn--approach-difference {
    width: 300px;
    height: 55px;
    font-size: 16px;
    line-height: 55px;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}


/* Subcribe to TG section */
.subcribe-to-tg {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 90px 0 65px;
}

.subcribe-to-tg__content {
    display: flex;
    justify-content: space-between;
    gap: 67px;
}

.subcribe-to-tg__content-img {
    width: 320px;
}

.subcribe-to-tg__content-img-mob {
    display: none;
}

.subcribe-to-tg__content-text-h2 {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.subcribe-to-tg__content-text p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
    margin: 19px 0 31px;
}

.btn--subcribe-to-tg-transparent {
    text-align: center;
    width: 306px;
    height: 75px;
    line-height: 75px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 500;
    color: var(--orange-light);
    background-color: transparent;
    border: 1px solid var(--orange-light);
    padding: 0;
}

.btn--subcribe-to-tg-transparent:hover {
    transform: translateY(-2px);
}

/* Footer */
.footer {
    background-color: var(--blue-dark);
    box-shadow: inset 0 15px 15px var(--shadow-footer);
    padding: 95px;
}

.footer__content {
    display: flex;
    justify-content: space-between;
}

.footer__content-h3 {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.footer__content p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 22px;
    line-height: 1.33;
    letter-spacing: 0em;
    margin-top: 17px;
    max-width: 375px;
}

.footer__content p a {
    color: var(--primary-light);
    text-decoration: none;
}

.footer__content p a:hover {
    color: var(--primary-light-30);
}

.footer__messengers {
    display: flex;
    gap: 15px;
    margin-top: 18px;
}

.btn--footer {
    text-align: center;
    width: 228px;
    height: 49px;
    border-radius: 4px;
    color: var(--primary-light);
    background-color: var(--orange-light);
    border: none;
    padding: 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0em;
    margin-top: 16px;
}

.btn--footer:hover {
    transform: translateY(-2px);
}

.footer__copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--primary-light);
    font-size: 16px;
    margin-top: 25px;
    font-weight:300;
}

.footer__copyright a {
    color: var(--orange-light);
    text-decoration: none;
}

.footer__copyright a:hover {
    color: var(--orange-light-transp);
}

.footer__copyright-warning {
    max-width: 650px;
}

.footer-menu {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    font-weight:300;
}

.footer-menu ul {
    display: flex;
    gap: 15px;
    list-style: none;
    font-size: 16px;
}

.footer-menu ul li a {
    color: var(--orange-light);
    text-decoration: none;
}

.footer-menu ul li a:hover {
    color: var(--orange-light-transp);
}

/* Popups
--------------------------------------------- */
.custom-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.custom-popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.custom-popup {
    color: var(--primary-light);
    background: linear-gradient(0deg, var(--blue-dark) 0%, var(--background-main) 14.5%);
    padding: 64px 61px 66px;
    width: 90%;
    max-width: 633px;
    position: relative;
    transform: translateY(50px);
    transition: transform 0.4s ease;
}

.custom-popup-padding {
    padding: 64px 25px 66px;
    max-width: 1033px;
}

.custom-popup-overlay.active .custom-popup {
    transform: translateY(0);
}

.popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #777;
    background: none;
    border: none;
    padding: 0;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-close svg {
    transform: rotate(0deg);
    transition: transform 0.5s ease-in-out;
}

.popup-close:hover svg {
    transform: rotate(180deg);
}

.popup-title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 10px 0 40px;
}

.popup-title span {
    color: var(--orange-light);
}

.popup-form,
.popup-tabs-form,
.blog-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.popup-input,
.popup-textarea {
    padding: 0 20px !important;
    border-radius: 4px !important;
    background: var(--primary-light);
    border: none !important;
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3;
    height: 55px;
    letter-spacing: 0em;
}

.popup-input:focus {
    outline: none;
}

.popup-textarea {
    height: 149px;
}

.popup-label {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0em;
    margin: 10px 0 0;
}

.popup-checkbox-container {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0em;
    margin: 5px 0 10px;
}

.popup-checkbox-container a {
    color: var(--orange-light);
}

.popup-checkbox-container a:hover {
    text-decoration: none;
}

.popup-tabs {
    position: relative;
    padding: 0 183px;
}

.popup-tab {
    position: absolute;
    left: 0;
    cursor: pointer;
    color: var(--primary-light);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0em;
    padding-left: 39px;
    display: flex;
    align-items: center;
    width: 183px;
    height: 46px;
    border-radius: 4px 0 0 4px;
    border: 1px solid var(--background-form-tabs);
}

.popup-tab.active {
    background-color: var(--background-form-tabs);
}

.popup-tab.email,
.popup-tab.email-blog,
.popup-tab.email-combo,
.popup-tab.email-contacts,
.popup-tab.email-seo {
    top: 45px;
}

.popup-tab.telegram,
.popup-tab.telegram-blog,
.popup-tab.telegram-combo,
.popup-tab.telegram-contacts,
.popup-tab.telegram-seo {
    top: 90px;
}

.popup-tab.max,
.popup-tab.max-blog,
.popup-tab.max-combo,
.popup-tab.max-contacts,
.popup-tab.max-seo {
    top: 135px;
}

.popup-tabs-form,
.blog-form {
    padding: 10px 25px 29px;
    border-radius: 0 4px 4px 4px;
    background-color: var(--background-form-tabs);
    transition: opacity 0.3s ease, display 0.3s ease;
}

.blog-form {
    width: 100%;
    max-width: 820px;
    padding: 30px 43px 34px;
    border-radius: 4px;
}

.blog-form--wrapper {
    display: flex;
    justify-content: center;
}

.form-fleld-flex {
    display: flex;
    gap: 29px;
}

.form-fleld-flex div {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 9px;
}

.popup-tabs-free-features {
    margin: 25px 0;
    display: flex;
    flex: 1;
    gap: 20px;
}

.popup-tabs-free-features>* {
    flex: 1;
}

.popup-tabs-free-features div {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    border-radius: 4px;
    border: 1px solid var(--background-form-tabs);
    padding: 16px 25px;
}

.popup-btn,
.blog-form-btn {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 4px 0 #A93300;
    color: var(--primary-light);
    width: 100%;
    height: 66px;
    border-radius: 6px;
    border: 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0em;
    padding: 0;
}

/* .blog-form-btn {
    max-width: 333px;
    align-self: center;
} */

.blog-form-btn {
    align-self: center;
}

.popup-btn:hover,
.blog-form-btn:hover {
    transform: translateY(-2px);
}

.popup-btn:active {
    transform: translateY(0);
}

.checkbox-container {
    position: relative;
    padding-left: 35px;
}

.checkbox-container input {
    position: absolute;
    cursor: pointer;
    height: 1px;
    width: 1px;
    display: block;
    left: 13px;
    top: 26px;
}

/* Checkbox styling */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 26px;
    background-color: var(--primary-light);
    border: none;
    border-radius: 4px;
    transition: all 0.3s;
}

.checkbox-container:hover input~.checkmark {
    border-color: none;
}

.checkbox-container input:checked~.checkmark {
    background-color: var(--primary-light);
    border-color: none;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked~.checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 3px;
    top: -2px;
    width: 25px;
    height: 12px;
    border: solid 3px var(--orange-light);
    border-width: 0 3px 3px 0;
    transform: rotate(-45deg) scaleX(-1);
}

/* Страница Блога */
.custom-blocks-page {
    padding: 40px 0;
}

.block-section {
    margin-bottom: 60px;
}

.section-title {
    font-size: 2rem;
    margin-bottom: 30px;
    color: #333;
    border-bottom: 2px solid #007cba;
    padding-bottom: 10px;
}

.posts-grid,
.guides-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.decoration-none {
    text-decoration: none;
}

a.decoration-dotted b {
    color: #434b9c;
    text-decoration: underline;
    text-decoration-style: dotted;
}

a.decoration-dotted-blue {
    color: #434b9c !important;
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
}

.post-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.post-card:hover {
    transform: translateY(-5px);
}

.post-card__image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.post-card__content {
    padding: 20px;
}

.post-card__title {
    margin: 0 0 15px 0;
    font-size: 1.25rem;
}

.post-card__title a {
    text-decoration: none;
    color: #333;
}

.post-card__excerpt {
    color: #666;
    margin-bottom: 15px;
}

.post-card__meta {
    color: #999;
    font-size: 0.9rem;
}

.guide-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 25px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #007cba;
}

.guide-card__icon {
    flex-shrink: 0;
}

.guide-card__content {
    flex: 1;
}

.guide-card__title {
    margin: 0 0 10px 0;
    font-size: 1.1rem;
}

.guide-card__description {
    color: #666;
    margin-bottom: 15px;
}

.guide-card__link {
    color: #007cba;
    text-decoration: none;
    font-weight: 500;
}

/***.      .***/
.debriefing {
    padding: 31px 0 130px;
}

.debriefing__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.debriefing__flex {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.debriefing__flex-left {
    background-color: var(--blue-light);
    border-radius: 13px;
    padding: 24px 42px;
    width: 925px;
    min-height: 545px;
}

.debriefing__flex-container {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, 1fr);
    padding: 25px 0 25px;
    gap: 17px 32px;
}

.debriefing__flex-container div {
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0em;
    max-width: 400px;
}

.debriefing__flex-container div a {
    color: var(--gray-dark);
    text-decoration: none;
}

.debriefing__flex-container div a:hover {
    color: var(--gray-dark-3);
}

.debriefing__flex-container div hr {
    margin-top: 25px;
    padding: 0;
    width: 100%;
    max-width: 349px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.debriefing__flex-right {
    background: linear-gradient(to bottom,
            var(--background-main) 0%,
            var(--background-main) 85%,
            var(--blue-dark) 95%,
            var(--blue-dark) 100%);
    margin: 0;
    min-height: 100vh;
    border-radius: 13px;
    padding: 50px 21px 22px;
    width: 295px;
    min-height: 545px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.debriefing__flex-right-title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 45px 0 45px;
}

.debriefing__flex-right-title span {
    color: var(--orange-light);
}

.btn--debriefing {
    background: linear-gradient(#FFBA94 0%, #FF5A00 3%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 2px 0 #A93300;
    color: var(--primary-light);
    width: 100%;
    height: 54px;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
}

.btn--debriefing:hover {
    transform: translateY(-2px);
}

.btn--debriefing-transparent {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 232px;
    height: 52px;
    line-height: 52px;
    border-radius: 4px;
    font-size: 24px;
    font-weight: 500;
    color: var(--orange-light);
    background-color: transparent;
    border: 1px solid var(--orange-light);
    padding: 0;
}

.btn--debriefing-transparent:hover {
    transform: translateY(-2px);
}

/* Cases blog */
.cases-blog {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 97px 0 103px;
}

.cases-blog__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 49px;
}

.cases-blog__flex {
    display: flex;
    gap: 20px;
    overflow: hidden;
}

.cases-blog__item {
    background-color: var(--primary-light);
    padding: 24px 22px 55px;
    border-radius: 13px;
    position: relative;
    /*min-width: 400px;*/
    /*max-height: 355px;*/
}

.cases-blog__item-chips {
    display: flex;
    gap: 16px;
    justify-content: flex-start !important;
}

.cases-blog__item-chip {
    padding: 5px 15px;
    height: 34px;
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0em;
    background-color: var(--lilac-light);
    border-radius: 17px;
    white-space: nowrap;
}

.cases-blog__item-title,
.cases-blog__item-title a {
    color: var(--gray-dark) !important;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0em;
    margin-top: 43px;
    text-align: left;
}

.cases-blog__item-title span,
.cases-blog__item-title a span {
    display: block;
    font-weight: 700;
    font-size: 24px;
}

.cases-blog__item-title a:hover {
    color: var(--text-dark) !important;
}

.cases-blog__item-read-more {
    position: absolute;
    bottom: 20px;
    right: 22px;
}

.cases-blog__item-read-more a {
    color: var(--lilac);
    text-decoration: none;
}

.cases-blog__item-read-more a:hover {
    color: var(--lilac-middle);
}

/* Guides blog */
.guides-blog {
    padding: 103px 0 126px;
}

.guides-blog__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    margin-bottom: 46px;
}

.guides-blog__flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
}

.guides-blog__item {
    display: flex;
    align-items: center;
    height: 130px;
    padding-right: 29px;
    background-color: var(--blue-light);
    border-radius: 13px;
}

.guides-blog__item-img {
    background-color: var(--lilac-middle);
    width: 130px;
    height: 130px;
    border-radius: 13px 0 0 13px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.guides-blog__item-img img {
    width: auto;
    max-height: 94px;
}

.guides-blog__item-right-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 40px;
    flex: 1;
}

.guides-blog__item-right-side a {
    color: var(--gray-dark);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0em;
    flex-grow: 1;
    text-decoration: none;
}

.guides-blog__item-right-side a:hover {
    color: var(--gray-dark-2)
}

.guides-blog__item-chip {
    padding: 5px 15px;
    height: 34px;
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0em;
    background-color: var(--primary-light);
    border-radius: 17px;
    white-space: nowrap;
}

/* New posts */
.new-posts {
    padding: 15px 0 126px;
}

.new-posts__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    margin-bottom: 37px;
}

.new-posts__content {
    padding: 42px;
    background-color: var(--blue-light);
    border-radius: 13px;
}

.new-posts__content div {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0em;
}

.new-posts__content div b {
    font-weight: 700;
    font-size: 24px;
    display: block;
}

.new-posts__content div hr {
    margin: 27px 0;
    padding: 0;
    width: 100%;
    max-width: 349px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.new-posts__content div a {
    color: var(--gray-dark);
}

.new-posts__content div a:hover {
    color: var(--text-dark);
}

.btn--new-posts-transparent {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 232px;
    height: 52px;
    line-height: 52px;
    border-radius: 4px;
    font-size: 24px;
    font-weight: 500;
    color: var(--orange-light);
    background-color: transparent;
    border: 1px solid var(--orange-light);
    padding: 0;
    margin-top: 29px;
}

.btn--new-posts-transparent:hover {
    transform: translateY(-2px);
}

/* Blog's form */
.form-blog {
    background-color: var(--background-main);
    padding: 97px 0 126px;
}

.form-blog__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 36px;
}

.form-blog__title span {
    display: block;
    color: var(--orange-light);
}

.form-blog__subtitle {
    color: var(--primary-light);
    font-weight: 500;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 30px;
}

/* Страница поста/записи */
.subscribe-to-my-telegram {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 44px 0 0;
    min-height: 630px;

    /*max-width: none !important;*/
    /*width: 100vw !important;*/
    /*margin-left: calc(-56vw + 50%) !important;*/
    /* width: 100vw; */
    margin-left: calc(-53vw + 50%);
    margin-right: calc(-50vw + 50%);

}

.subscribe-to-my-telegram__content {
    display: flex;
    position: relative;
}

.subscribe-to-my-telegram__content-text {
    position: absolute;
    left: 42%;
    top: 97px;
}

.subscribe-to-my-telegram__content-text-h3 {
    color: var(--primary-light) !important;
    font-weight: 700 !important;
    font-size: 50px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
}

.subscribe-to-my-telegram__content-text-h3 span {
    color: var(--orange-light);
    display: block;
}

.subscribe-to-my-telegram__content-text p {
    color: var(--primary-light) !important;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
    margin-top: 25px;
    max-width: 664px;
}

.btn--subscribe-to-my-telegram {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 4px 0 #A93300;
    color: var(--primary-light);
    width: 100%;
    max-width: 175px;
    height: 79px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    margin-top: 57px;
}

.btn--subscribe-to-my-telegram:hover {
    transform: translateY(-2px);
}

.btn--subscribe-to-my-telegram a {
    color: var(--primary-light);
    text-decoration: none;
}

/* Post header */
.post-header {
    /*padding: 42px 0 126px;*/
}

.post-header__content {
    display: flex;
    gap: 20px;
}

.post-header__img {
    position: relative;
    width: 100%;
    max-width: 413px;
}

.post-header__experience {
    position: absolute;
    left: 274px;
    top: 54px;
    font-size: 24px;
    line-height: 24px;
    color: var(--blue);
    font-weight: 400;
    padding: 5px 7px;
    border: 2px solid var(--blue);
    border-radius: var(--border-radius-xs);
    text-wrap: nowrap;
    width: fit-content;
}

.post-header__profile {
    position: absolute;
    display: flex;
    gap: 31px;
    align-items: center;
    left: 274px;
    top: 103px;
}

.post-header__name {
    color: var(--lilac);
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-wrap: nowrap;
}

.post-header__profession {
    color: var(--gray-dark);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 0em;
    min-width: 525px;
}

.post-header__text {
    flex: 1;
    padding-top: 172px;
}

.post-header__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.33;
    letter-spacing: -0.02em;
}

.post-header__title p {
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
}

.post-header__title span {
    color: var(--lilac);
}

/* Table of contents */
.table-of-contents {
    /* padding: 97px 0 126px;
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);*/
    visibility: hidden;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.table-of-contents__title {
    color: var(--primary-light);
    font-size: 50px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 37px;
    cursor: pointer;
    user-select: none;
}

.table-of-contents__title::after {
    content: url("data:image/svg+xml,%3Csvg width='33' height='17' viewBox='0 0 33 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 15.3477L17 1.34772L1 15.3477' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    display: inline-block;
    margin-left: 20px;
    transform: translateY(20%) rotate(180deg);
    transition: transform 0.3s ease;
}

.table-of-contents__title.active::after {
    transform: translateY(-20%) rotate(0deg);
}

.table-of-contents__content {
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.table-of-contents__content.active {
    max-height: 1000px;
    opacity: 1;
}

.table-of-contents__content a {
    color: var(--primary-light);
    display: block;
    text-decoration: none;
}

.table-of-contents__title1 {
    font-weight: 700;
}

.table-of-contents__title2 {
    font-weight: 400;
    margin-left: 15px;
}

/*.table-of-contents__title2::before {*/
/*    content: "\2022";*/
/*    margin: 0 15px 0 0;*/
/*}*/
/* Post content */
.post-content {
    /*padding: 97px 0 62px;*/
    padding: 50px 0 0;
}

.post-content__container {
    /*display: flex;
    align-items: flex-start;
    gap: 20px;*/
}

.post-content__content {
    padding: 0;
}

.post-content__additional-paddings {
    padding: 0 210px 0 315px;
}

.post-content__content h3 {
    color: var(--gray-dark);
    font-weight: 700;
    /*font-size: 50px;*/
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 25px;
}

.post-content__content ul {
    margin-left: 15px;
    list-style: none;
}

.post-content__content ul li::before {
    content: "\2022";
    margin-right: 10px;
}

.post-content__content p,
.post-content__content ul li {
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
}

.post-content__content p {
    margin-bottom: 28px;
}

.post-content__list {
    min-width: 295px;
    width: 100%;
    max-width: 295px;
    min-height: 100px;
    padding: 25px 28px;
    background-color: var(--blue-light);
    border-radius: 13px;
    z-index: 9999;
    display: none;
}

.post-content__list a {
    color: var(--text-medium);
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0;
    display: block;
    text-decoration: none;
}

.post-content__list .lwptoc_i {
    padding: 0;
    background-color: unset !important;
}

.post-content__list a.lwptoc_toggle_label {
    display: inline-block
}

.post-content__list hr {
    margin: 15px 0;
    padding: 0;
    width: 100%;
    max-width: 256px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.post-content__list-title {
    font-weight: 700;
    position: relative;
}

/*.post-content__list-title::after*/
.post-content__list-title_after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L10.2903 10L1 0.999999' stroke='%232F367C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    display: inline-block;
    position: absolute;
    /*top: 0;*/
    right: 9px;
    transform: translateY(-50px);
    transition: transform 0.3s ease;
}

.post-content__list-title_after:hover {
    cursor: pointer;
}

/*.post-content__list-title.active::after*/
.post-content__list-title_after.active {
    transform: translateY(-40px) rotate(180deg);
}

.post-content__list-subtitle {
    font-weight: 400;
    margin-left: 10px;
}

.post-content__list-subtitle::before {
    content: "\2022";
    margin: 0 10px 0 0;
}

.post-content__list a:hover {
    color: var(--text-dark);
}

.post-content__list-subtitles-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.post-content__list-subtitles-content.active {
    opacity: 1;
}

.post-content__tg {
    width: 100%;
    max-width: 190px;
    min-height: 100px;
    padding: 16px 12px 14px;
    background: linear-gradient(0deg, var(--blue-dark) 0%, var(--background-main) 30%);
    border-radius: 13px;
    z-index: 9999;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    display: none;
}

.post-content__tg-h4 {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-align: center;
}

.post-content__tg img {
    width: 100%;
    max-width: 116px;
}

.post-content__list,
.post-content__tg {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.post-content__list.hidden,
.post-content__tg.hidden {
    opacity: 0;
    visibility: hidden;
}

.post-content__list.fixed,
.post-content__tg.fixed {
    position: fixed;
    top: 100px;
    display: block;
}

@media screen and (max-width: 768px) {

    #fixContentLeftHi,
    .post-content__tg.fixed {
        display: none;
    }
}

/* SEO Header */
.seo-header {
    padding: 42px 0 126px;
}

.seo-header__content {
    display: flex;
    gap: 65px;
}

.seo-header__img {
    position: relative;
    width: 100%;
    max-width: 565px;
}

.seo-header__experience {
    position: absolute;
    left: 331px;
    top: 240px;
    font-size: 24px;
    line-height: 24px;
    color: var(--blue);
    font-weight: 400;
    padding: 5px 7px;
    border: 2px solid var(--blue);
    border-radius: var(--border-radius-xs);
    text-wrap: nowrap;
    width: fit-content;
}

.seo-header__profile {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    left: 256px;
    top: 90px;
}

.seo-header__name {
    color: var(--lilac);
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-wrap: nowrap;
}

.seo-header__profession {
    color: var(--gray-dark);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 0em;
    min-width: 325px;
}

.seo-header__text {
    flex: 1;
}

.seo-header__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    margin-top: 41px;
}

.seo-header__title p {
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
}

.seo-header__title span {
    color: var(--lilac);
}

.seo-header__text-text {
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 38px 0 40px;
}

.seo-header__text-bold {
    color: var(--gray-dark);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    max-width: 367px;
    display: block;
}

.seo-header__text-bold span {
    color: var(--orange-light);
}

.btn--seo-header {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 3px 0 #A93300;
    color: var(--primary-light);
    width: 100%;
    max-width: 358px;
    height: 82px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15;
    padding: 0;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.btn--seo-header span {
    display: block;
}

.btn--seo-header:hover {
    transform: translateY(-2px);
}

/* Site doesn't work section */
.seo-dsnt-work {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 97px 0 135px;
}

.seo-dsnt-work__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
}

.seo-dsnt-work__title span {
    color: var(--orange-light);
}

.seo-dsnt-work__list {
    display: flex;
    gap: 30px;
    margin-top: 60px;
}

.seo-dsnt-work__list li {
    list-style: none;
    display: block;
    min-width: 280px;
}

.seo-dsnt-work__list li div {
    width: fit-content;
    margin-bottom: 32px;
}

.seo-dsnt-work__list li hr {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    max-width: 199px;
    height: 0;
    border: none;
    border-top: 1px solid var(--primary-light);
}

.seo-dsnt-work__list li span {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.02em;
    min-width: 270px;
}

.seo-dsnt-work__list li p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0em;
    margin-top: 15px;
}

/* Seo main goal section */
.seo-main-goal {
    background-color: var(--blue-light);
    padding: 0 0 120px;
    min-height: 588px;
}

.seo-main-goal__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    padding-top: 161px;
    text-align: center;
}

.seo-main-goal__title p {
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
}

.seo-main-goal__title span {
    display: block;
    color: var(--orange-light);
}

.seo-main-goal__list {
    display: flex;
    gap: 60px;
    margin-top: 45px;
}

.seo-main-goal__list li {
    list-style: none;
    display: flex;
    min-width: 350px;
}

.seo-main-goal__list li span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: var(--orange-light);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
}

.seo-main-goal__list li span span {
    width: 2px;
    background-color: var(--orange-light);
    height: 100%;
}

.seo-main-goal__list li p {
    color: var(--text-dark);
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0em;
    padding-left: 30px;
}

/* How to promote */
.how-to-promote {
    background-color: var(--blue-light);
    padding: 105px 0 133px;
}

.how-to-promote-bg {
    min-height: 360px;
    background-image: url("./img/how-to-promote-bg.svg");
    background-position: 19px center;
    background-repeat: no-repeat;
    background-size: 337px 306px;
}

.how-to-promote__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    margin-top: 41px;
    text-align: center;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.how-to-promote__list {
    display: flex;
    align-items: center;
    gap: 100px;
    margin: 64px 0 0 220px;
}

.how-to-promote__list li {
    list-style: none;
    color: var(--gray-medium-2);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
    max-width: 250px;
    min-height: 56px;
    position: relative;
    display: flex;
    align-items: center;
}

.how-to-promote__list li::after {
    content: '';
    position: absolute;
    top: calc(50% - 17px);
    right: -50px;
    width: 17px;
    height: 33px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAxNyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxTDE1IDE2TDEgMzIiIHN0cm9rZT0iIzlCOUI5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");
}

.how-to-promote__list li:last-child::after {
    content: initial;
}

.how-to-promote__text {
    background-color: var(--primary-light);
    padding: 30px 50px;
    border-radius: 13px;
    max-width: 703px;
    margin: 50px 220px 0;
    display: flex;
    gap: 50px;
    align-items: center;
}

.how-to-promote__text p {
    color: #484849;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.how-to-promote__text span {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
}

/* Seo problem */
.seo-problem {
    padding: 105px 0 0;
}

.seo-problem__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    margin-top: 41px;
    text-align: center;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seo-problem__title span {
    -webkit-text-fill-color: var(--orange-light);
}

.seo-problem__list {
    margin-top: 43px;
    display: flex;
    list-style: none;
    gap: 30px;
    position: relative;
    z-index: 2;
}

.seo-problem__list li {
    color: var(--gray-dark);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
    flex: 1;
    padding: 3px 36px;
    border-left: 2px solid var(--lilac-middle-1);
}

.seo-problem__list li hr {
    display: none;
}

.seo-problem__text {
    margin-top: 37px;
    padding: 35px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    border-top: 1px solid var(--orange-light);
    border-bottom: 1px solid var(--orange-light);
}

.seo-problem__text p {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
    padding: 0;
    margin: 0;
}

.seo-problem__gap {
    min-height: 132px;
}

.seo-problem__bg {
    position: relative;
}

.seo-problem__bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./img/seo-problem-bg-1.svg");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 351px 334px;
    z-index: 1;
    pointer-events: none;
}

.seo-problem__bg-2 {
    background-image: url("./img/seo-problem-bg-2.svg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 218px 96px;
}

/* Seo How I do it */
.seo-how-i-do-it {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 97px 0 135px;
}

.seo-how-i-do-it__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
}

.seo-how-i-do-it__list {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 65px 30px;
}

.seo-how-i-do-it__list li {
    list-style: none;
    display: block;
    min-width: 280px;
}

.seo-how-i-do-it__list li div {
    width: fit-content;
    margin-bottom: 32px;
    min-height: 110px;
    position: relative;
}

.seo-how-i-do-it__list li div::after {
    content: '';
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 33px;
    background-color: white;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAxNyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxTDE1IDE2TDEgMzIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.seo-how-i-do-it__list li:last-child div::after {
    content: initial;
}

.seo-how-i-do-it__list li hr {
    margin: 20px 0 20px;
    padding: 0;
    width: 100%;
    max-width: 199px;
    height: 0;
    border: none;
    border-top: 2px solid var(--primary-light);
}

.seo-how-i-do-it__list li span {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.02em;
    min-width: 270px;
}

.seo-how-i-do-it__list li p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.seo-how-i-do-it__text {
    margin-top: 75px;
    padding: 35px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    border-top: 1px solid var(--orange-light);
    border-bottom: 1px solid var(--orange-light);
}

.seo-how-i-do-it__text p {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
    padding: 0;
    margin: 0;
    max-width: 640px;
    text-align: center;
}

.seo-how-i-do-it__text span {
    color: var(--orange-light);
}

/* Seo a growth strategy */
.seo-a-growth-strategy {
    background-color: var(--blue-light);
    padding: 50px 0 135px;
}

.seo-a-growth-strategy__bg {
    min-height: 385px;
    background-image: url("./img/seo-a-growth-strategy-bg.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 356px 385px;
}

.seo-a-growth-strategy__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    margin-top: 41px;
    text-align: center;
}

.seo-a-growth-strategy__title p {
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
    margin: 0;
}

.seo-a-growth-strategy__text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 25px 0 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.seo-a-growth-strategy__text p {
    max-width: 870px;
    text-align: center;
    margin: 0;
    padding: 0 0 10px;
}

/* Seo how match */
.seo-how-much {
    padding: 122px 0 135px;
}

.seo-how-much__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    text-align: center;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seo-how-much__flex {
    margin-top: 98px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.seo-how-much__flex-item {
    background-color: var(--blue-light);
    border-radius: 13px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.seo-how-much__flex-item img {
    position: absolute;
    top: -82px;
}

.seo-how-much__flex-item h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    margin-top: 55px;
    max-width: 375px;
}

.seo-how-much__flex-item hr {
    margin: 15px 0 15px;
    padding: 0;
    width: 100%;
    max-width: 249px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.seo-how-much__flex-item span {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 35px;
}

.seo-how-much__flex-item span span {
    font-size: 24px;
}

.seo-how-much__text {
    border: 1px solid var(--blue-light-2);
    border-radius: 13px;
    padding: 31px 0;
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.seo-how-much__text-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
}

.seo-how-much__text hr {
    margin: 23px 0 23px;
    padding: 0;
    width: 100%;
    max-width: 564px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.seo-how-much__text-flex {
    display: flex;
    gap: 95px;
}

.seo-how-much__text-flex ul li {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.93;
    letter-spacing: 0em;
    list-style: none;
}

.seo-how-much__text-flex ul li:before {
    content: "\2022";
    margin-right: 10px;
}

.seo-how-much__footer {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 29px;
}

.seo-how-much__footer h4 {
    color: var(--gray-dark);
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.02em;
    line-height: 1.25;
    text-align: center;
    max-width: 755px;
}

.seo-how-much__footer h4 span {
    color: var(--orange-light);
}

.btn--seo-how-much-consult {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 3px 0 #A93300;
    color: var(--primary-light);
    width: 100%;
    max-width: 647px;
    height: 66px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
}

.btn--seo-how-much-consult:hover {
    transform: translateY(-2px);
}

/* Seo do more */
.seo-do-more {
    background-color: var(--blue-light);
    padding: 84px 0 129px;
}

.seo-do-more__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    text-align: center;
}

.seo-do-more__title p {
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
    margin: 0;
}

.seo-do-more__title span {
    -webkit-text-fill-color: var(--orange-light);
}

.seo-do-more h4, .seo-do-more h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
    margin-top: 60px;
}

.seo-do-more__text {
    width: 100%;
    max-width: 920px;
    margin: 25px 0 0 265px;
}

.seo-do-more__text div {
    display: flex;
    align-items: center;
    gap: 26px;
    padding-left: 42px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.seo-do-more__text hr {
    margin: 10px 0 10px;
    padding: 0;
    width: 100%;
    max-width: 646px;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

/* Seo budget and result */
.seo-budget-and-result {
    padding: 84px 0 129px;
}

.seo-budget-and-result__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    text-align: center;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seo-budget-and-result__list {
    display: flex;
    gap: 84px;
    margin-top: 60px;
}

.seo-budget-and-result__list li {
    list-style: none;
    display: block;
    min-width: 350px;
}

.seo-budget-and-result__list li div {
    width: fit-content;
}

.seo-budget-and-result__list li hr {
    margin: 26px 0 26px;
    padding: 0;
    width: 100%;
    max-width: 121px;
    height: 0;
    border: none;
    border-top: 2px solid var(--background-main);
}

.seo-budget-and-result__list li p {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
}

/* Seo form */
.seo-form {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 97px 0 135px;
}

.seo-form__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.seo-form__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 28px;
}

.seo-form__title span {
    color: var(--orange-light);
}

.seo-form__tabs {
    max-width: 977px;
}

/* Seo make site */
.seo-make-site {
    padding: 122px 0 55px;
}

.seo-make-site__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    text-align: center;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seo-make-site__text {
    margin-top: 28px;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.seo-make-site__flex {
    margin-top: 28px;
    display: flex;
    gap: 20px;
}

.seo-make-site__flex div {
    flex: 1;
    border-radius: 10px;
    border: 1px solid var(--blue-light-2);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 11px;
    padding: 26px 0 22px;
}

.seo-make-site__flex div h4, .seo-make-site__flex div h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 10px;
}

.seo-make-site__flex div img {
    max-width: 322px;
}

/* Seo want make self  */
.seo-main-goal__list li div h4, .seo-main-goal__list li div h3 {
    padding-left: 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.seo-main-goal__list li div hr {
    margin: 21px 0 19px 30px;
    padding: 0;
    width: 100%;
    max-width: 191px;
    height: 0;
    border: none;
    border-top: 2px solid var(--background-main);
}

.seo-main-goal__list li div p {
    font-size: 20px;
}

/* Seo how change */
.seo-how-change {
    padding: 122px 0 132px;
}

.seo-how-change__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.seo-how-change__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 10px;
}

.seo-how-change__title p {
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
}

.seo-how-change__title span {
    color: var(--orange-light);
}

/* Combo block */
.combo-form {
    background-color: var(--background-main);
    box-shadow: none;
    padding: 97px 0 135px;
}

.combo-form__tabs {
    max-width: 820px;
    padding: 0;
    margin-top: 37px;
}

.combo-form__tabs-wrapper {
    display: flex;
}

.combo-form__tabs .popup-tab {
    position: initial;
    flex: 1;
    height: 62px;
    border-radius: 4px 4px 0 0;
    padding: 0;
    justify-content: center;
}

.combo-form__tabs .popup-tabs-form {
    border-radius: 0 0 4px 4px;
}

/* Combo header */
.combo-header {
    padding: 67px 0 57px;
}

.combo-header__content {
    display: flex;
    gap: 50px;
}

.combo-header__img {
    position: relative;
    width: 100%;
    max-width: 371px;
}

.combo-header__text {
    flex: 1;
    padding-top: 41px;
}

.combo-header__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    margin-bottom: 61px;
}

.combo-header__title p {
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
}

.combo-header__title span {
    color: var(--orange-light);
    display: block;
}

.combo-header__text-bold {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
}

.combo-header__text-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
    margin-top: 15px;
}

/* Combo What can I do */
.combo-what-can-i-do {
    padding: 0 0 53px;
}

.combo-what-can-i-do__title,
.combo-what-can-i-do__title2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    margin-bottom: 28px;
}

.combo-what-can-i-do__title2 {
    margin-top: 90px;
}

.combo-what-can-i-do__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 18px;
}

.combo-what-can-i-do__grid-item {
    background-color: var(--blue-light);
    border-radius: 13px;
    padding: 23px 27px;
}

.combo-what-can-i-do__grid-item h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
}

.combo-what-can-i-do__grid-item hr {
    margin: 15px 0 17px;
    padding: 0;
    width: 100%;
    max-width: 199px;
    height: 0;
    border: none;
    border-top: 2px solid var(--background-main);
}

.combo-what-can-i-do__grid-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.57;
    letter-spacing: 0em;
}

.combo-what-can-i-do__text {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
}

.combo-what-can-i-do__text b {
    font-weight: 700;
}

.combo-what-can-i-do__text p {
    margin-bottom: 30px;
    max-width: 920px;
}

.combo-what-can-i-do__text ul {
    list-style: none;
    max-width: 920px;
}

.combo-what-can-i-do__text ul li {
    padding-left: 25px;
    line-height: 1.33;
    margin-bottom: 20px;
}

.combo-what-can-i-do__text ul li:before {
    content: "•";
    margin-right: 5px;
}

.combo-what-can-i-do__text-resume {
    margin-top: 30px;
    padding: 38px 46px;
    border-radius: 13px;
    background-color: var(--blue-light);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
}

/* Combo product and positioning */
.combo-product-and-positioning {
    padding: 53px 0 61px;
}

.combo-product-and-positioning__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    text-align: center;
}

.combo-product-and-positioning__title p {
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
}

.combo-product-and-positioning__title span {
    color: var(--orange-light);
    display: block;
}

.combo-product-and-positioning__subtitle {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    margin: 33px 0 41px;
}

.combo-product-and-positioning__flex {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.combo-product-and-positioning__flex {
    display: flex;
    gap: 25px;
}

.combo-product-and-positioning__flex-item {
    min-width: 229px;
}

.combo-product-and-positioning__flex-item div {
    display: flex;
    gap: 34px;
    justify-content: flex-start;
    align-items: center;
    min-height: 71px;
    margin-bottom: 10px;
}

.combo-product-and-positioning__flex-item hr {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 121px;
    height: 0;
    border: none;
    border-top: 2px solid var(--background-main);
}

.combo-product-and-positioning__flex-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.57;
    letter-spacing: 0em;
}

/* Combo solve problems */
.combo-solve-problems {
    padding: 105px 0 46px;
    background-color: var(--blue-light);
}

.combo-solve-problems__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    margin: 33px 0 41px;
}

.combo-solve-problems__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    max-width: 1100px;
}

.combo-solve-problems__grid-item {
    padding: 26px 0 26px;
    min-height: 123px;
    border-bottom: 1px solid var(--blue-light-2);
}

.combo-solve-problems__grid-item:last-child {
    border-bottom: none;
}

.combo-solve-problems__grid-item--header-left,
.combo-solve-problems__grid-item--header-right {
    min-height: 80px;
}

.combo-solve-problems__grid-item--header-right {
    background-color: var(--primary-light);
    border-radius: 13px 13px 0 0;
    padding-left: 69px;
}

.combo-solve-problems__grid-item--header-left h3,
.combo-solve-problems__grid-item--header-right h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.57;
    letter-spacing: 0;
}

.combo-solve-problems__grid-item--header-right h3 {
    color: var(--orange-light);
}

.combo-solve-problems__grid-item--left,
.combo-solve-problems__grid-item--right {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0;
}

.combo-solve-problems__grid-item--left {
    padding: 26px 59px 16px 0;
}

.combo-solve-problems__grid-item--right {
    background-color: var(--primary-light);
    padding: 26px 59px 16px 69px;
}

.combo-solve-problems__grid-item--left:nth-last-child(2) {
    border-bottom: none;
}

.combo-solve-problems__grid-item--right:last-child {
    border-radius: 0 0 13px 13px;
}

/* Isolated styles for Marketing Foundation V3 (Narrower left column) */
.marketing-foundation-v3 .combo-solve-problems__grid {
    grid-template-columns: 35% 65%;
}

@media screen and (max-width: 768px) {
    .marketing-foundation-v3 .combo-solve-problems__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* combo what different */
.combo-what-diff {
    padding: 64px 0 59px;
}

.combo-what-diff__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
}

.combo-what-diff__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 35px;
    margin-top: 45px;
}

.combo-what-diff__list li {
    list-style: none;
    display: flex;
    min-width: 350px;
}

.combo-what-diff__list li span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: var(--orange-light);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
}

.combo-what-diff__list li span span {
    width: 2px;
    background-color: var(--orange-light);
    height: 100%;
}

.combo-what-diff__list li p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
    margin-left: 20px;
}

/* combo results */
.combo-results {
    padding: 64px 0 59px;
}

.combo-results__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
}

.combo-results__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 35px;
    margin-top: 45px;
}

.combo-results__list li {
    list-style: none;
    display: flex;
    min-width: 350px;
}

.combo-results__list li span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: var(--orange-light);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
}

.combo-results__list li span span {
    width: 2px;
    background-color: var(--orange-light);
    height: 100%;
}

.combo-results__list li p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
    margin-left: 20px;
}

/* Combo how results */
.combo-how-results {
    padding: 59px 0 62px;
}

.combo-how-results__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
}

.combo-how-results p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
}

.combo-how-results__flex {
    margin-top: 41px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.combo-how-results__flex div {
    padding: 11px 20px;
}

.combo-how-results__flex div,
.combo-how-results__flex div p {
    background-color: var(--blue-light);
    border-radius: 13px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0em;
}

.combo-how-results__flex div ul {
    list-style: none;
    margin: 15px 0;
}

.combo-how-results__flex div p,
.combo-how-results__flex div ul {
    max-width: 880px;
}

.combo-how-results__flex div ul li {
    margin-left: 35px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0em;
    margin-bottom: 15px;
}

.combo-how-results__flex div ul li:before {
    content: "\2022";
    margin-right: 10px;
}

/* Combo-ready-to-dispel-doubts */
.combo-ready-to-dispel-doubts {
    padding: 80px 0 101px;
}

.combo-ready-to-dispel-doubts__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    margin-bottom: 19px;
}

.combo-ready-to-dispel-doubts p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
    margin-bottom: 37px;
}

.combo-ready-to-dispel-doubts p b {
    font-weight: 700;
    margin-bottom: 0;
}

/* Combo response of client */
.combo-response-of-client {
    padding: 112px 0 126px;
    background-color: var(--blue-light);
}

.combo-response-of-client__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    margin-bottom: 37px;
}

.combo-response-of-client img {
    width: 100%;
    border-radius: 16px;
}

/* Combo what was done */
.combo-what-was-done {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 97px 0 135px;
}

.combo-what-was-done__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    margin-bottom: 37px;
}

.combo-what-was-done__title span {
    color: var(--orange-light);
}

.combo-what-was-done__list {
    display: flex;
    gap: 40px;
    margin-top: 60px;
}

.combo-what-was-done__list li {
    list-style: none;
    display: block;
    min-width: 395px;
}

.combo-what-was-done__list li div {
    width: fit-content;
    margin-bottom: 32px;
}

.combo-what-was-done__list li hr {
    margin: 23px 0 20px;
    padding: 0;
    width: 100%;
    max-width: 199px;
    height: 0;
    border: none;
    border-top: 2px solid var(--primary-light);
}

.combo-what-was-done__list li span {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.02em;
    min-width: 270px;
}

.combo-what-was-done__list li p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0em;
    margin-top: 15px;
}

/* Combo portfolio */
.combo-portfolio {
    background-color: var(--blue-light);
    padding: 73px 0 44px;
}

.combo-portfolio__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 59px;
}

.combo-portfolio hr {
    margin: 0 0 32px;
    padding: 0;
    width: 100%;
    height: 0;
    border: none;
    border-top: 1px solid var(--blue-light-2);
}

.combo-portfolio__subtitle {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.combo-portfolio__flex {
    display: flex;
    gap: 50px;
}

.combo-portfolio__flex-table {
    min-width: 495px;
}

.combo-portfolio__flex-table div {
    display: flex;
    padding: 11px 0;
}

.combo-portfolio__flex-table div span {
    width: 95px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.combo-portfolio__flex-table div p {
    width: 95px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0em;
    flex: 1;
}

.combo-portfolio__flex-table div p b {
    font-weight: 700;
}

.combo-portfolio__flex img {
    width: auto;
    height: 331px;
    border-radius: 13px;
}

/* why is it worth working? */
.why-is-it-worth-working {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 125px 0 120px;
}

.why-is-it-worth-working__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 57px;
}

.why-is-it-worth-working__title span {
    color: var(--orange-light);
    display: block;
}

.why-is-it-worth-working__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.why-is-it-worth-working__list li {
    display: flex;
}

.why-is-it-worth-working__list li div {
    min-width: 93px;
}

.why-is-it-worth-working__list li p {
    color: var(--primary-light);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0em;
    padding-left: 43px;
    border-left: 1px solid var(--primary-light);
}

.why-is-it-worth-working__list li p b {
    font-weight: 700;
    color: var(--orange-light);
}

/* Combo services */
.combo-services {
    padding: 90px 0 102px;
}

.combo-services-2 {
    padding: 90px 0 0;
}

.combo-services__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.combo-services__list {
    margin-top: 110px;
    margin-bottom: 190px;
    border: 1px solid var(--blue-dark2);
    border-radius: 8px;
    padding: 59px 55px;
    position: relative;
}

.combo-services__list-flex {
    display: flex;
    gap: 30px;
}

.combo-services__list-flex div {
    flex: 1;
}

.combo-services__list--title {
    padding: 0 20px;
    background-color: var(--primary-light);
    position: absolute;
    top: -23px;
    left: 55px;
}

.combo-services__list--title h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.combo-services__list p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
    margin-bottom: 30px;
}

.combo-services__list p:last-child {
    margin-bottom: 0;
}

.combo-services__list ul {
    list-style: none;
    margin: 15px 0 15px 30px;
}

.combo-services__list ul li {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.57;
    letter-spacing: 0em;
    margin-bottom: 15px;
}

.combo-services__list ul li::before {
    content: "\2022";
    margin-right: 10px;
}

.combo-services__list-item-btns {
    display: flex;
    align-items: center;
    gap: 18px;
    background-color: var(--primary-light);
    padding: 0 20px;
    position: absolute;
    bottom: -27px;
    left: 55px;
}

.btn--combo-services {
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 3px 0 #A93300;
    color: var(--primary-light);
    width: 269px;
    height: 55px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
}

.btn--combo-services:hover,
.btn--combo-services:hover {
    transform: translateY(-2px);
}

.btn--combo-services-transparent {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 55px;
    line-height: 75px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: var(--orange-light);
    background-color: transparent;
    border: 1px solid var(--orange-light);
    padding: 0 10px 0 10px;
}

/* Theme <-> WP fixies */
.post-content__list .lwptoc_item {
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid var(--blue-light-2) !important;
}

.post-content__list .lwptoc_item div.post-content__list-subtitles-content .lwptoc_item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

.lwptoc_header {
    text-align: center;
    margin-bottom: 37px !important;
}

.lwptoc.post-content__list .lwptoc_header {
    margin-bottom: 10px !important;
}

.lwptoc_itemWrap .lwptoc_itemWrap {
    margin-left: 4px !important;
}

.lwptoc_item:last-child {
    margin-bottom: 42px !important;
}

.lwptoc {
    margin: 0 !important;
}

.lwptoc-notInherit .lwptoc_i div a.post-content__list-title,
.lwptoc-light .lwptoc_i a {
    color: var(--text-medium) !important;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0;
    display: block;
    text-decoration: none;
}

.lwptoc-light .lwptoc_i a {
    font-weight: 700;
}

.lwptoc-notInherit .lwptoc_i div a.post-content__list-title:hover,
.lwptoc-light .lwptoc_i a:hover {
    border-bottom: none !important;
}

.post-content__list-subtitles-content .lwptoc_item a {
    color: var(--text-medium) !important;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0;
    display: block;
    text-decoration: none;
    font-weight: 400;
    margin-left: 10px;
}

.lwptoc-notInherit .lwptoc_i div.lwptoc_item a:hover,
.post-content__list-subtitles-content .lwptoc_item a:hover,
.lwptoc-light .lwptoc_i a:hover {
    border-bottom: none !important;
    color: var(--text-dark) !important;
}

.add—custom-margin-4-tg-block {
    margin: 62px calc(-50vw + 50%) 97px calc(-53vw + 50%);
}

.blog__flex-pager-btns {
    width: 100% !important;
}

@media screen and (min-width: 1024px) and (max-width: 1299px) {
    .post-content__list.fixed {
        left: 25px;
    }

    .post-content__tg.fixed {
        right: 25px;
    }
}

@media screen and (min-width: 1300px) {
    .post-content__list.fixed {
        left: calc(50% - 625px);
    }

    .post-content__tg.fixed {
        right: calc(50% - 625px);
    }
}

.btn--post-content__subscribe-to-tg {
    color: var(--orange-light);
    background-color: transparent;
    border: 1px solid var(--orange-light);
    padding: 13px 0;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0em;
    text-align: center;
}

/* Мобильные стили */
@media (max-width: 768px) {
    .hero__grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-xs);
    }

    .hero__buttons {
        flex-direction: column;
    }

    .btn {
        width: 100%;
    }

    .approach {
        padding: var(--spacing-md);
    }

    .container {
        padding: 0 var(--spacing-sm);
    }
}

/* Дополнительные улучшения */
@media (min-width: 769px) {
    .hero__main {
        padding-right: var(--spacing-xs);
    }
}

/* Мобильное меню */
@media (max-width: 1023px) {
    .header__nav {
        display: none;
        position: absolute;
        left: 0;
        top: 92px;
        width: 100%;
        z-index: 100;
    }

    .header__nav.active {
        display: block;
    }

    .mob-topmenu-has-under-wpadminbar {
        top: 138px;
    }

    .header__nav nav {
        background-color: var(--background-main);
    }

    .header__nav nav ul {
        flex-direction: column;
        padding: 25px 15px;
        gap: var(--spacing-15);
    }

    .header__nav li.has-dropdown .dropdown,
    .header__nav li.menu-item-has-children .sub-menu {
        position: relative;
        transform: none;
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }

    /* Анимация при клике */
    .header__nav li.has-dropdown>a::after,
    .header__nav li.menu-item-has-children>a::after {
        transform: rotate(0deg) !important;
    }

    .header__nav li.has-dropdown.active>a::after,
    .header__nav li.menu-item-has-children.active>a::after {
        transform: rotate(180deg) !important;
    }

    .header__nav li.has-dropdown.active .dropdown,
    .header__nav li.menu-item-has-children.active .sub-menu {
        max-height: 500px;
        /* Достаточно для размещения всех пунктов */
        opacity: 1;
        visibility: visible;
    }
}

/* Base middle mobile */
@media screen and (min-width: 500px) and (max-width: 1024px) {
    .container {
        padding: 0 var(--spacing-35);
    }

    .header__whatsapp,
    .header__telegram {
        font-size: 13px;
    }

    .hero__main {
        min-width: 450px;
        min-height: 680px;
    }

    .hero__title {
        font-size: 20px;
        left: 228px;
        top: 65px;
    }

    .hero__experience {
        font-size: 20px;
        left: 228px;
        top: 145px;
    }

    .hero__profile {
        left: 25px;
        bottom: 155px;
    }

    .hero__profession,
    .hero__name {
        font-size: 45px;
    }

    .btn--primary {
        left: 25px;
        width: 272px;
    }

    .btn--primary,
    .btn--secondary {
        left: 25px;
        width: 272px;
    }

    .approach {
        max-width: 500px;
    }

    .approach__item span {
        font-size: 18px;
    }

    .marketing {
        padding-bottom: 35px;
    }

    .marketing__list,
    .business__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .marketing__list {
        gap: 35px;
    }

    .top__masonry-item-header h3 {
        font-size: 22px;
    }

    .top__masonry-item-content ul,
    .top__masonry-item-header,
    .top__masonry-item-header2 {
        padding-bottom: 10px;
    }

    .top__masonry-item-content {
        padding: 10px 0 0 0;
    }

    .btn--sign-up-consult {
        height: 78px;
    }

    .top__masonry-item-content p {
        padding-bottom: 15px;
    }

    .top__masonry-item-content ul li>ul li {
        white-space: wrap;
    }

    .business2__grid-item-header h3 {
        font-size: 20px;
        max-width: 375px;
    }

    .cooperation-options__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .btn--troubleproof-system {
        width: 100%;
        font-size: 18px;
        max-width: 253px;
    }

    .btn--about-me {
        bottom: 240px;
    }

    .cooperation-options__grid {
        gap: 80px 20px;
    }

    .cases__grid-item-img {
        text-align: center;
    }

    .cases__flex-pager-btns {
        max-width: 950px;
    }

    .reviews__flex-text p {
        min-width: 344px;
        font-size: 18px;
    }

    .btn--start {
        font-size: 20px;
    }

    .btn--start-transparent {
        font-size: 18px;
    }

    .footer {
        padding: var(--spacing-15);
    }
}

@media screen and (min-width: 500px) and (max-width: 1023px) {

    /* Post content */
    .post-content__additional-paddings {
        padding: 0;
    }

    .post-content__list,
    .post-content__tg {
        display: none;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1350px) {
    .container {
        padding: 0 var(--spacing-35);
    }

    .header__whatsapp,
    .header__telegram {
        font-size: 14px;
    }

    .hero {
        padding: var(--spacing-xxl) 0;
    }

    .hero__main {
        min-width: 450px;
        min-height: 680px;
    }

    .hero__title {
        font-size: 22px;
        left: 288px;
        top: 82px;
    }

    .hero__experience {
        font-size: 22px;
        left: 288px;
        top: 170px;
    }

    .hero__profile {
        left: 40px;
        bottom: 85px;
    }

    .hero__profession,
    .hero__name {
        font-size: 45px;
    }

    .btn--primary,
    .btn--secondary {
        left: 40px;
        width: 292px;
        bottom: -24px;
    }

    .btn--secondary {
        bottom: -80px;
    }

    .approach {
        max-width: 500px;
    }

    .approach__item span {
        font-size: 18px;
    }

    .marketing {
        padding-bottom: 35px;
    }

    .marketing__list,
    .business__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .marketing__list {
        gap: 60px;
    }

    .top__masonry-item-header h3 {
        font-size: 22px;
    }

    .top__masonry-item-content ul,
    .top__masonry-item-header,
    .top__masonry-item-header2 {
        padding-bottom: 10px;
    }

    .top__masonry-item-content {
        padding: 10px 0 0 0;
    }

    .btn--sign-up-consult {
        height: 78px;
    }

    .top__masonry-item-content p {
        padding-bottom: 15px;
    }

    .top__masonry-item-content ul li>ul li {
        white-space: wrap;
    }

    .business2__grid-item-header h3 {
        font-size: 20px;
        max-width: 375px;
    }

    .cooperation-options__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .btn--troubleproof-system {
        width: 100%;
        font-size: 18px;
        max-width: 313px;
    }

    .btn--about-me {
        bottom: 5px;
    }

    .cooperation-options__grid {
        gap: 80px 20px;
    }

    .cases__grid-item-img {
        text-align: center;
    }

    .cases__flex-pager-btns {
        max-width: 1130px;
    }

    .reviews__flex-text p {
        min-width: 344px;
        font-size: 20px;
    }

    .start__flex-item p {
        font-size: 22px;
        padding-bottom: 12px;
    }

    .btn--start {
        font-size: 20px;
        width: 303px;
    }

    .btn--start-transparent {
        font-size: 18px;
        width: 286px;
    }

    .footer {
        padding: var(--spacing-15);
    }
}

@media screen and (min-width: 1367px) and (max-width: 1400px) {
    .btn--troubleproof-system {
        width: 340px;
    }

    .cases__flex-pager-btns {
        max-width: 1205px;
    }

    .start__flex-item p {
        padding-bottom: 22px;
    }

    /* Страница поста/записи */
    .btn--subscribe-to-my-telegram {
        margin-top: 60px;
    }
}

@media screen and (min-width: 1351px) and (max-width: 1366px) {
    .hero__title {
        left: 200px;
        top: 90px;
    }

    .hero__experience {
        font-size: 20px;
        left: 200px;
        top: 135px;
    }

    .hero__profile {
        left: 200px;
        bottom: auto;
        top: auto;
    }

    .hero__profession,
    .hero__name {
        font-size: 30px;
        line-height: 35px;
    }

    .btn--primary,
    .btn--secondary {
        left: 28px;
        width: 260px;
        bottom: 45px;
    }

    .btn--secondary {
        bottom: -10px;
    }

    .btn--sign-up-consult {
        height: 60px;
    }

    .btn--troubleproof-system {
        max-width: 330px;
    }

    .cases__flex-pager-btns {
        max-width: 1160px;
    }

    .cases__grid-item-img {
        text-align: center;
    }

    .start__flex-item p {
        font-size: 22px;
        padding-bottom: 12px;
    }

    .start__flex-item-btns {
        margin-top: 38px;
    }

    .btn--start {
        font-size: 20px;
        width: 303px;
    }

    .btn--start-transparent {
        font-size: 18px;
        width: 300px;
    }

    /* Страница поста/записи */
    .btn--subscribe-to-my-telegram {
        margin-top: 45px;
    }

    /* SEO */
    .seo-do-more__text {
        margin: 25px 0 0 190px;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1350px) {
    .btn--troubleproof-system {
        max-width: 345px;
    }

    .btn--about-me {
        bottom: -30px;
    }

    .cases__flex-pager-btns {
        max-width: 1280px;
    }

    .start__flex-item p {
        font-size: 24px;
        padding-bottom: 32px;
    }

    .start__flex-item-btns {
        margin-top: 38px;
    }

    .btn--start {
        font-size: 22px;
        width: 353px;
    }

    .btn--start-transparent {
        font-size: 20px;
        width: 316px;
    }

    /* Страница поста/записи */
    .btn--subscribe-to-my-telegram {
        margin-top: 85px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1300px) {
    .btn--troubleproof-system {
        max-width: 333px;
    }

    .cases__flex-pager-btns {
        max-width: 1230px;
    }

    .start__flex-item p {
        font-size: 22px;
        padding-bottom: 32px;
    }

    /* Страница поста/записи */
    .btn--subscribe-to-my-telegram {
        margin-top: 65px;
    }
}

@media screen and (min-width: 1220px) and (max-width: 1250px) {
    .cases__flex-pager-btns {
        max-width: 1180px;
    }

    /* Страница поста/записи */
    .btn--subscribe-to-my-telegram {
        margin-top: 50px;
    }
}

@media screen and (min-width: 1351px) and (max-width: 1410px) {
    .hero__title {
        font-size: 15px;
        left: 190px;
        top: 80px;
    }

    .hero__experience {
        font-size: 17px;
        left: 190px;
        top: 130px;
    }

    .hero__profile {
        bottom: auto;
        top: auto;
        left: 190px;
    }

    .hero__profession,
    .hero__name {
        font-size: 30px;
        line-height: 33px;
    }

    .btn--primary,
    .btn--secondary {
        left: 30px;
        width: 260px;
        bottom: 45px;
    }

    .btn--secondary {
        bottom: -10px;
    }
}

@media screen and (min-width: 1181px) and (max-width: 1350px) {
    .hero__title {
        font-size: 17.5px;
        left: 280px;
    }

    .hero__experience {
        font-size: 17px;
        left: 280px;
        top: 150px;
    }

    .hero__profile {
        bottom: auto;
        top: auto;
        left: 280px;
    }

    .hero__profession,
    .hero__name {
        font-size: 33px;
        line-height: 36px;
    }

    .btn--primary,
    .btn--secondary {
        left: 40px;
        width: 330px;
        bottom: 135px;
    }

    .btn--secondary {
        bottom: 75px;
    }
}

@media screen and (min-width: 1151px) and (max-width: 1180px) {
    .cases__flex-pager-btns {
        max-width: 1110px;
    }

    .btn--start {
        width: 290px;
    }

    .btn--start-transparent {
        width: 276px;
    }

    /* Страница поста/записи */
    .btn--subscribe-to-my-telegram {
        margin-top: 25px;
        max-width: 335px;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1150px) {
    .btn--troubleproof-system {
        max-width: 303px;
    }

    .btn--about-me {
        bottom: 65px;
    }

    .cases__flex-pager-btns {
        max-width: 1080px;
    }

    .start__flex-item p {
        font-size: 20px;
    }

    .start__flex-item-btns {
        margin-top: 12px;
    }

    .btn--start {
        width: 280px;
    }

    .btn--start-transparent {
        width: 270px;
    }

    /* Страница поста/записи */
    .btn--subscribe-to-my-telegram {
        margin-top: 15px;
        max-width: 325px;
    }
}

@media screen and (min-width: 1050px) and (max-width: 1100px) {
    .hero__title {
        font-size: 21px;
    }

    .btn--troubleproof-system {
        max-width: 283px;
    }

    .cases__flex-pager-btns {
        max-width: 1030px;
    }

    .btn--about-me {
        bottom: 125px;
    }

    .start__flex-item p {
        font-size: 20px;
        padding-bottom: 12px;
    }

    .start__flex-item-btns {
        margin-top: 10px;
    }

    .btn--start {
        font-size: 19px;
        width: 280px;
    }

    .btn--start-transparent {
        font-size: 17px;
        width: 256px;
    }

    /* Post header */
    .post-header__profession {
        min-width: 425px;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram__content-text {
        top: 67px;
    }

    .btn--subscribe-to-my-telegram {
        margin-top: 25px;
        font-size: 22px;
        max-width: 308px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1050px) {
    .hero__title {
        font-size: 17.5px;
        left: 280px;
    }

    .hero__experience {
        font-size: 17px;
        left: 280px;
        top: 150px;
    }

    .hero__profile {
        bottom: 135px;
    }

    .btn--primary,
    .btn--secondary {
        left: 25px;
        width: 292px;
        bottom: 35px;
    }

    .btn--secondary {
        bottom: -25px;
    }

    .btn--troubleproof-system {
        max-width: 265px;
    }

    .btn--about-me {
        bottom: 200px;
    }

    .cases__flex-pager-btns {
        max-width: 980px;
    }

    .btn--about-me {
        bottom: 200px;
    }

    .start__flex-item p {
        font-size: 18px;
        padding-bottom: 12px;
    }

    .start__flex-item-btns {
        margin-top: 8px;
    }

    .btn--start {
        font-size: 16px;
        width: 250px;
    }

    .btn--start-transparent {
        font-size: 16px;
        width: 250px;
    }

    /* Post header */
    .post-header {
        padding: 84px 0;
    }

    .post-header__profile {
        top: 93px;
    }

    .post-header__name {
        font-size: 34px;
    }

    .post-header__profession {
        font-size: 18px;
        min-width: 395px;
        max-width: 395px;
    }

    .post-header__title {
        font-size: 45px;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram {
        min-height: fit-content;
    }

    .subscribe-to-my-telegram__content-text {
        left: 41%;
        top: 45px;
    }

    .subscribe-to-my-telegram__content-text h3 {
        font-size: 50px;
        line-height: 1.3;
    }

    .subscribe-to-my-telegram__content-text p {
        max-width: 570px;
        font-size: 24px;
        margin-top: 5px;
    }

    .btn--subscribe-to-my-telegram {
        margin-top: 12px;
        max-width: 300px;
        font-size: 22px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1024px) {
    .hero__title {
        left: 250px;
        top: 35px;
    }

    .hero__experience {
        font-size: 20px;
        left: 250px;
        top: 115px;
    }

    .hero__profile {
        left: 25px;
        bottom: 130px;
        top: auto;
    }

    .hero__profession,
    .hero__name {
        font-size: 45px;
        line-height: 50px;
    }

    .btn--primary,
    .btn--secondary {
        left: 28px;
        width: 350px;
        bottom: 55px;
    }

    .btn--secondary {
        bottom: -5px;
    }

    .start__flex-item p {
        font-size: 18px;
        padding-bottom: 12px;
    }

    .start__flex-item-btns {
        margin-top: 7px;
    }

    .btn--start {
        font-size: 18px;
        width: 260px;
        height: 57px;
    }

    .btn--start-transparent {
        font-size: 15px;
        width: 230px;
        height: 57px;
    }

    /* Post header */
    .post-header {
        padding: 84px 0;
    }

    .post-header__profile {
        gap: 20px;
    }

    .post-header__name {
        font-size: 34px;
    }

    .post-header__profession {
        font-size: 18px;
        min-width: 395px;
        max-width: 395px;
    }

    .post-header__title {
        font-size: 45px;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram {
        min-height: fit-content;
    }

    .subscribe-to-my-telegram__content-text {
        left: 41%;
        top: 45px;
    }

    .subscribe-to-my-telegram__content-text h3 {
        font-size: 50px;
        line-height: 1.3;
    }

    .subscribe-to-my-telegram__content-text p {
        max-width: 500px;
        font-size: 24px;
        margin-top: 10px;
    }

    .btn--subscribe-to-my-telegram {
        margin-top: 8px;
        max-width: 285px;
        height: 45px;
        font-size: 20px;
    }

    .header__contacts {
        display: none;
    }

    .header__mob-contacts {
        display: flex;
        gap: 14px;
    }

    .header__whatsapp {
        background: none;
        padding: 0;
    }

    .header__mob-menu {
        display: block;
    }

    .header__nav {
        display: none;
        position: absolute;
        left: 0;
        top: 92px;
        width: 100%;
        z-index: 100;
    }

    .header__nav.active {
        display: block;
    }

    .mob-topmenu-has-under-wpadminbar {
        top: 138px;
    }

    .mob-topmenu-has-under-wpadminbar-32 {
        top: 124px;
    }

    .header__nav nav {
        background-color: var(--background-main);
    }

    .header__nav nav ul {
        flex-direction: column;
        padding: 25px 15px;
        gap: var(--spacing-15);
    }

    .header__nav li.has-dropdown .dropdown,
    .header__nav li.menu-item-has-children .sub-menu {
        position: relative;
        transform: none;
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }

    /* Анимация при клике */
    .header__nav li.has-dropdown>a::after,
    .header__nav li.menu-item-has-children>a::after {
        transform: rotate(0deg) !important;
    }

    .header__nav li.has-dropdown.active>a::after,
    .header__nav li.menu-item-has-children.active>a::after {
        transform: rotate(180deg) !important;
    }

    .header__nav li.has-dropdown.active .dropdown,
    .header__nav li.menu-item-has-children.active .sub-menu {
        max-height: 500px;
        opacity: 1;
        visibility: visible;
    }

    /* Combo */
    .combo-product-and-positioning__flex {
        gap: 15px;
    }

    .combo-product-and-positioning__flex-item {
        min-width: 180px;
    }

    .combo-what-diff__list li {
        min-width: 250px;
    }

    .combo-portfolio__flex-table {
        min-width: 385px;
    }

    .combo-portfolio__flex img {
        height: 260px;
    }

    .combo-what-was-done__list li,
    .combo-results__list li {
        min-width: 300px;
    }

    /* SEO */
    .seo-header__content {
        gap: 50px;
    }

    .seo-header__profile {
        left: 260px;
        top: 70px;
        gap: 10px;
    }

    .seo-header__name {
        font-size: 28px;
    }

    .seo-header__profession {
        font-size: 16px;
    }

    .seo-header__experience {
        left: 260px;
        top: 175px;
        font-size: 22px;
    }

    .seo-header__text {
        min-width: 350px;
    }

    .seo-header__title {
        font-size: 30px;
        margin-top: 20px;
    }

    .seo-header__text-text {
        font-size: 20px;
        max-width: 10px 0 10px;
    }

    .seo-dsnt-work__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .how-to-promote__text {
        margin: 100px 150px 0;
    }

    .seo-main-goal__list {
        gap: 30px;
    }

    .seo-main-goal__list li {
        min-width: 280px;
    }

    .seo-how-much__text-flex {
        gap: 50px;
        padding: 0 25px;
    }

    .seo-do-more__text {
        margin: 25px;
    }

    .seo-budget-and-result__list {
        gap: 35px;
    }

    .seo-budget-and-result__list li {
        min-width: 315px;
    }

    .seo-make-site__flex div img {
        max-width: 305px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1180px) {
    .subscribe-to-my-telegram {
        width: 100vw;
    }

    .subscribe-to-my-telegram__content-text h3 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .subscribe-to-my-telegram__content-text p {
        margin-bottom: 10px;
    }

    /* Combo */
    .combo-product-and-positioning__flex {
        gap: 15px;
    }

    .combo-product-and-positioning__flex-item {
        min-width: 180px;
    }

    .combo-what-diff__list li {
        min-width: 250px;
    }

    .combo-portfolio__flex-table {
        min-width: 450px;
    }

    .combo-portfolio__flex img {
        height: 220px;
    }

    .combo-what-was-done__list li,
    .combo-results__list li {
        min-width: 300px;
    }

    /* SEO */
    .seo-dsnt-work__list li {
        min-width: 260px;
    }

    .seo-main-goal__list {
        gap: 30px;
    }

    .seo-budget-and-result__list {
        gap: 40px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {

    /* Hero */
    .hero__title {
        left: 250px;
        top: 35px;
    }

    .hero__experience {
        font-size: 20px;
        left: 250px;
        top: 115px;
    }

    .hero__profile {
        left: 25px;
        bottom: 130px;
        top: auto;
    }

    .hero__profession,
    .hero__name {
        font-size: 45px;
        line-height: 50px;
    }

    .btn--primary,
    .btn--secondary {
        left: 28px;
        width: 350px;
        bottom: 55px;
    }

    .btn--secondary {
        bottom: -5px;
    }

    /* SEO */
    .seo-do-more__text {
        margin: 25px 0 0 165px;
    }
}

@media screen and (min-width: 667px) and (max-width: 932px) {
    .header__contacts {
        display: none;
    }

    .header__mob-contacts {
        display: flex;
        gap: 14px;
    }

    .header__whatsapp {
        background: none;
        padding: 0;
    }

    .header__mob-menu {
        display: block;
    }

    .hero__grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-xxl);
    }

    .hero__main {
        min-width: 700px;
        min-height: 900px;
    }

    .hero__title {
        font-size: 24px;
        top: 115px;
        left: 355px;
    }

    .hero__experience {
        font-size: 20px;
        left: auto;
        top: 215px;
        right: 80px;
    }

    .hero__profile {
        left: 315px;
        bottom: 105px;
    }

    .hero__profession,
    .hero__name {
        font-size: 35px;
    }

    .btn--primary,
    .btn--secondary {
        left: 55px;
        width: 392px;
        bottom: -20px;
    }

    .btn--secondary {
        bottom: -85px;
    }

    .approach {
        max-width: max-content;
        width: 100%;
        padding: var(--spacing-20);
    }

    .business__list {
        gap: 15px;
    }

    .top__masonry-item {
        padding: 15px 20px;
    }

    .top__masonry-item-header h3 {
        font-size: 18px;
    }

    .top__masonry-item-footer {
        padding: 20px;
        margin: 0 0 0 -20px;
    }

    .top__masonry-item-content p,
    .top__masonry-item-content ul {
        padding-bottom: 10px;
        line-height: 1.3;
    }

    .business2__grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .troubleproof-system__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .btn--troubleproof-system {
        max-width: 289px;
    }

    .about-me__content {
        flex-direction: column-reverse;
    }

    .about-me__content-img picture img {
        margin-top: 50px;
    }

    .btn--about-me {
        bottom: -35px;
        width: 448px;
    }

    .about-me__content-img-h2 {
        top: auto;
        bottom: 185px;
    }

    .about-me__content-img p {
        max-width: 460px;
        top: auto;
        bottom: 80px;
        font-size: 22px;
    }

    .cases__flex-pager-btns {
        max-width: 700px;
    }

    .slider-r__item {
        flex-direction: column;
    }

    .slider-r__item img {
        width: 100%;
    }

    .approach-difference__content {
        flex-direction: column-reverse;
    }

    .approach-difference__content-img picture img {
        width: 100%;
    }

    .btn--approach-difference {
        width: 82%;
        left: 45px;
    }

    .approach-difference__content-img p {
        left: 110px;
        bottom: -110px;
        top: auto;
    }

    .approach-difference__content-text {
        margin-top: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .approach-difference__content-text hr {
        width: 100%;
    }

    .start__flex {
        background-image: url(./img/bg-start-mob.png);
        background-size: 80%;
    }

    .start__flex-item img {
        width: 152px;
        padding-right: 0;
        margin-top: -50px;
    }

    .start__flex-item {
        flex-direction: column-reverse;
    }

    .start__flex-item div {
        padding: 22px;
    }

    .start__flex-item-btns {
        flex-direction: column;
        margin-top: 80px;
    }

    .btn--start,
    .btn--start-transparent {
        width: 70%;
    }

    .subcribe-to-tg__content {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .subcribe-to-tg__content-text {
        text-align: center;
    }

    .footer__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 55px;
    }

    .footer__content a.logo {
        justify-content: center;
    }

    .footer__content-h3,
    .footer__content p {
        text-align: center;
    }

    .footer__messengers {
        margin-top: 28px;
        justify-content: center;
    }

    .footer__copyright {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .footer-menu ul {
        flex-direction: column;
        align-items: center;
    }

    /* Post header */
    .post-header {
        padding: 42px 0;
    }

    .post-header__experience {
        top: 24px;
        left: 270px;
    }

    .post-header__profile {
        left: 270px;
        top: 70px;
        gap: 15px;
    }

    .post-header__name {
        font-size: 26px;
    }

    .post-header__profession {
        font-size: 18px;
        min-width: 250px;
        max-width: 390px;
    }

    .post-header__text {
        padding-top: 140px;
    }

    .post-header__title {
        font-size: 36px;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram {
        min-height: fit-content;
    }

    .subscribe-to-my-telegram__content-text {
        left: 41%;
        top: 45px;
    }

    .subscribe-to-my-telegram__content-text h3 {
        font-size: 36px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .subscribe-to-my-telegram__content-text p {
        max-width: 500px;
        font-size: 22px;
        margin: 0 0 5px;
    }

    .btn--subscribe-to-my-telegram {
        margin-top: 8px;
        max-width: 260px;
        height: 45px;
        font-size: 18px;
    }

    /* Post content */
    .post-content__additional-paddings {
        padding: 0;
    }

    .post-content__list,
    .post-content__tg {
        display: none;
    }

    /* Combo */
    .combo-product-and-positioning__flex {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .combo-what-diff__list {
        gap: 30px 15px;
    }

    .combo-what-diff__list li {
        min-width: 200px;
    }

    .combo-portfolio__flex {
        flex-direction: column;
        gap: 25px;
    }

    .combo-what-was-done__list,
    .combo-results__list {
        gap: 20px;
    }

    .combo-what-was-done__list li,
    .combo-results__list li {
        min-width: 200px;
    }

    .combo-services__list--title {
        left: 15px;
    }

    .combo-services__list--title h2 {
        font-size: 34px;
        max-width: 730px;
    }

    .btn--combo-services-transparent,
    .btn--combo-services {
        width: 260px;
    }

    /* SEO */
    .seo-header__content {
        gap: 25px;
    }

    .seo-header__profile {
        left: 245px;
        top: 85px;
        gap: 10px;
    }

    .seo-header__name {
        font-size: 24px;
    }

    .seo-header__profession {
        font-size: 16px;
    }

    .seo-header__experience {
        left: 245px;
        top: 185px;
        font-size: 22px;
    }

    .seo-header__text {
        min-width: 290px;
    }

    .seo-header__title {
        font-size: 28px;
        margin-top: 10px;
    }

    .seo-header__text-text {
        font-size: 20px;
        max-width: 10px 0 10px;
    }

    .seo-dsnt-work__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .how-to-promote__list {
        margin: 55px 0 0 0;
    }

    .how-to-promote__text {
        margin: 50px 0 0;
        max-width: 100%;
    }

    .seo-problem__list {
        margin-top: 32px;
        flex-direction: column;
        gap: 34px;
        align-items: center;
    }

    .seo-problem__bg::before {
        background-image: url("./img/seo-problem-mob-bg-1.svg");
        background-size: 152px 128px;
    }

    .seo-problem__bg-2 {
        background-image: url("./img/seo-problem-mob-bg-2.svg");
        background-position: right top;
        background-size: 75px 123px;
    }

    .seo-main-goal__list {
        flex-direction: column;
        gap: 55px;
        margin-top: 53px;
    }

    .seo-main-goal__list li {
        list-style: none;
        display: flex;
        min-width: initial;
        margin: 0 30px;
    }

    .seo-how-i-do-it__list {
        margin-top: 76px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 65px 30px;
    }

    .seo-how-i-do-it__list li {
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 280px;
    }

    .seo-how-i-do-it__list li p {
        text-align: center;
    }

    .seo-how-much__text-flex {
        gap: 20px;
        padding: 0 20px;
    }

    .seo-do-more__text {
        margin-left: 0;
    }

    .seo-budget-and-result__list {
        gap: 20px;
        flex-direction: column;
    }

    .seo-budget-and-result__list li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .seo-budget-and-result__list li p {
        text-align: center;
    }

    .seo-make-site__flex {
        margin-top: 27px;
        flex-direction: column;
        gap: 35px;
    }
}

@media screen and (min-width: 667px) and (max-width: 768px) {
    .hero__title {
        left: 455px;
    }

    .hero__profile {
        left: 55px;
        bottom: 100px;
        top: auto;
    }

    .hero__profession,
    .hero__name {
        font-size: 55px;
        line-height: 60px;
    }

    .subscribe-to-my-telegram__content-text h3 {
        font-size: 30px;
        line-height: 1.3;
    }

    .subscribe-to-my-telegram__content-text p {
        font-size: 20px;
        margin-top: 5px;
    }

    .btn--subscribe-to-my-telegram {
        margin-top: 1px;
        max-width: 215px;
        height: 45px;
        font-size: 16px;
    }

    .form-fleld-flex {
        flex-direction: column;
    }

    /* SEO */
    .seo-header__content {
        gap: 25px;
    }

    .seo-header__profile {
        left: 175px;
        top: 60px;
        gap: 10px;
    }

    .seo-header__name {
        font-size: 24px;
    }

    .seo-header__profession {
        font-size: 16px;
    }

    .seo-header__experience {
        left: 175px;
        top: 155px;
        font-size: 22px;
    }

    .seo-header__text {
        min-width: 290px;
    }

    .seo-header__title {
        font-size: 28px;
        margin-top: -20px;
    }

    .seo-header__text-text {
        font-size: 20px;
        max-width: 10px 0 10px;
    }

    .seo-dsnt-work__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .how-to-promote__list {
        margin: 55px 0 0 0;
    }

    .how-to-promote__text {
        margin: 50px 20px 0;
    }

    .seo-problem__list {
        margin-top: 32px;
        flex-direction: column;
        gap: 34px;
        align-items: center;
    }

    .seo-problem__bg::before {
        background-image: url("./img/seo-problem-mob-bg-1.svg");
        background-size: 152px 128px;
    }

    .seo-problem__bg-2 {
        background-image: url("./img/seo-problem-mob-bg-2.svg");
        background-position: right top;
        background-size: 75px 123px;
    }

    .seo-main-goal__list {
        flex-direction: column;
        gap: 55px;
        margin-top: 53px;
    }

    .seo-main-goal__list li {
        list-style: none;
        display: flex;
        min-width: initial;
        margin: 0 30px;
    }

    .seo-how-i-do-it__list {
        margin-top: 76px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 65px 30px;
    }

    .seo-how-i-do-it__list li {
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 280px;
    }

    .seo-how-i-do-it__list li p {
        text-align: center;
    }

    .seo-how-much__text-flex {
        gap: 20px;
        padding: 0 20px;
    }

    .seo-do-more__text {
        margin-left: 0;
    }

    .seo-budget-and-result__list {
        gap: 20px;
        flex-direction: column;
    }

    .seo-budget-and-result__list li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .seo-budget-and-result__list li p {
        text-align: center;
    }

    .seo-make-site__flex {
        margin-top: 27px;
        flex-direction: column;
        gap: 35px;
    }
}

@media screen and (min-width: 800px) and (max-width: 820px) {
    .cases__flex-pager-btns {
        max-width: 745px;
    }

    .start__flex-item-btns {
        margin-top: 130px;
    }

    /* Post header */
    .post-header {
        padding: 42px 0;
    }

    .post-header__experience {
        top: 24px;
        left: 270px;
    }

    .post-header__profile {
        left: 270px;
        top: 70px;
        gap: 15px;
    }

    .post-header__name {
        font-size: 24px;
    }

    .post-header__profession {
        font-size: 18px;
        min-width: 300px;
        max-width: 370px;
    }

    .post-header__text {
        padding-top: 140px;
    }

    .post-header__title {
        font-size: 36px;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram {
        min-height: fit-content;
    }

    .subscribe-to-my-telegram__content-text {
        left: 41%;
        top: 45px;
    }

    .subscribe-to-my-telegram__content-text h3 {
        font-size: 36px;
        line-height: 1.2;
    }

    .subscribe-to-my-telegram__content-text p {
        max-width: 430px;
        font-size: 20px;
        margin-top: 10px;
    }

    .btn--subscribe-to-my-telegram {
        margin-top: 8px;
        max-width: 227px;
        height: 45px;
        font-size: 14px;
    }

    /* Post content */
    .post-content__additional-paddings {
        padding: 0;
    }

    .post-content__list,
    .post-content__tg {
        display: none;
    }
}

@media screen and (min-width: 667px) and (max-width: 844px) {
    .subscribe-to-my-telegram__content-text p {
        max-width: 500px;
        font-size: 20px;
        margin: 0;
    }
}

@media screen and (min-width: 800px) and (max-width: 844px) {
    .cases__flex-pager-btns {
        max-width: 770px;
    }

    .hero__title {
        left: 435px;
    }

    .hero__profile {
        left: 45px;
        bottom: 90px;
        top: auto;
    }

    .hero__profession,
    .hero__name {
        font-size: 55px;
        line-height: 60px;
    }
}

@media screen and (min-width: 845px) and (max-width: 896px) {
    .cases__flex-pager-btns {
        max-width: 830px;
    }

    .hero__title {
        left: 455px;
    }

    .hero__profile {
        left: 45px;
        bottom: 90px;
        top: auto;
    }

    .hero__profession,
    .hero__name {
        font-size: 55px;
        line-height: 60px;
    }
}

@media screen and (min-width: 897px) and (max-width: 932px) {
    .cases__flex-pager-btns {
        max-width: 860px;
    }

    .hero__title {
        left: 455px;
    }

    .hero__profile {
        left: 55px;
        bottom: 100px;
        top: auto;
    }

    .hero__profession,
    .hero__name {
        font-size: 55px;
        line-height: 60px;
    }
}

@media screen and (min-width: 600px) and (max-width: 667px) {
    .hero__main {
        min-width: 600px;
        min-height: 800px;
    }

    .hero__profile {
        left: 25px;
        bottom: 80px;
        top: auto;
    }

    .hero__profession,
    .hero__name {
        font-size: 55px;
        line-height: 60px;
    }

    .cases__flex-pager-btns {
        max-width: 590px;
    }

    .marketing__list,
    .business__list {
        grid-template-columns: repeat(1, 1fr);
    }

    /* Post header */
    .post-header {
        padding: 42px 0;
    }

    .post-header__experience {
        top: 24px;
        left: 235px;
    }

    .post-header__profile {
        left: 235px;
        top: 70px;
        gap: 7px;
    }

    .post-header__name {
        font-size: 20px;
    }

    .post-header__profession {
        font-size: 14px;
        min-width: 250px;
        max-width: 295px;
    }

    .post-header__text {
        padding-top: 120px;
    }

    .post-header__title {
        font-size: 31px;
    }

    /* Guide blog */
    .guides-blog__item-right-side a {
        font-size: 20px;
        line-height: 1.3;
    }

    /* Post content */
    .post-content {
        /*padding: 85px 0;*/
        padding: 40px 0 0;
    }

    .post-content__content {
        padding: 0 var(--spacing-xs);
    }

    .post-content__additional-paddings {
        padding: 0;
    }

    .post-content__content h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .post-content__content ul {
        margin-left: 17px;
    }

    .post-content__content p {
        font-size: 16px;
    }

    .post-content__container {
        gap: 0;
    }

    .post-content__list,
    .post-content__tg {
        display: none;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram {
        min-height: fit-content;
    }

    .subscribe-to-my-telegram__content-text {
        left: 39%;
        top: 25px;
    }

    .subscribe-to-my-telegram__content-text h3 {
        font-size: 34px;
        line-height: 1.1;
        margin-bottom: 0;
    }

    .subscribe-to-my-telegram__content-text p {
        max-width: 370px;
        font-size: 16px;
        margin-top: 5px;
    }

    .btn--subscribe-to-my-telegram {
        margin-top: 8px;
        max-width: 200px;
        height: 45px;
        font-size: 14px;
    }

    /* Forms */
    .popup-tabs-free-features {
        flex-direction: column;
        width: 100%;
    }

    .popup-tabs {
        padding: 0;
        margin-top: 80px;
    }

    .popup-tab {
        top: -43px;
        font-size: 14px;
        width: 25%;
        height: 43px;
        padding: 0;
        justify-content: center;
        border-radius: 4px 4px 0 0;
    }

    .popup-tab.email,
    .popup-tab.email-blog,
    .popup-tab.email-combo,
    .popup-tab.email-contacts,
    .popup-tab.email-seo {
        left: 25%;
        top: -43px;
    }

    .popup-tab.telegram,
    .popup-tab.telegram-blog,
    .popup-tab.telegram-combo,
    .popup-tab.telegram-contacts,
    .popup-tab.telegram-seo {
        left: 50%;
        top: -43px;
    }

    .popup-tab.max,
    .popup-tab.max-blog,
    .popup-tab.max-combo,
    .popup-tab.max-contacts,
    .popup-tab.max-seo {
        left: 75%;
        top: -43px;
    }

    /* Combo */
    .combo-what-can-i-do__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .combo-product-and-positioning__flex {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .combo-what-diff__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 15px;
    }

    .combo-what-diff__list li {
        min-width: 250px;
    }

    .combo-portfolio__flex {
        flex-direction: column;
        gap: 25px;
    }

    .combo-what-was-done__list,
    .combo-results__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .combo-what-was-done__list li,
    .combo-results__list li {
        min-width: 255px;
    }

    .combo-services__list--title {
        left: 15px;
    }

    .combo-services__list--title h2 {
        font-size: 24px;
        max-width: 490px;
    }

    .btn--combo-services-transparent,
    .btn--combo-services {
        width: 220px;
    }

    /* SEO */
    .seo-header__content {
        gap: 25px;
    }

    .seo-header__profile {
        left: 135px;
        top: 45px;
        gap: 10px;
        flex-direction: row;
    }

    .seo-header__name {
        font-size: 24px;
    }

    .seo-header__profession {
        font-size: 16px;
    }

    .seo-header__experience {
        left: 135px;
        top: 75px;
        font-size: 17px;
    }

    .seo-header__text {
        min-width: 290px;
    }

    .seo-header__title {
        font-size: 26px;
        margin-top: 110px;
    }

    .seo-header__text-text {
        font-size: 20px;
        max-width: 10px 0 10px;
    }

    .seo-dsnt-work__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .how-to-promote__list {
        margin: 55px 0 0 0;
    }

    .how-to-promote__text {
        margin: 50px 20px 0;
    }

    .seo-problem__list {
        margin-top: 32px;
        flex-direction: column;
        gap: 34px;
        align-items: center;
    }

    .seo-problem__bg::before {
        background-image: url("./img/seo-problem-mob-bg-1.svg");
        background-size: 152px 128px;
    }

    .seo-problem__bg-2 {
        background-image: url("./img/seo-problem-mob-bg-2.svg");
        background-position: right top;
        background-size: 75px 123px;
    }

    .seo-main-goal__list {
        flex-direction: column;
        gap: 55px;
        margin-top: 53px;
    }

    .seo-main-goal__list li {
        list-style: none;
        display: flex;
        min-width: initial;
        margin: 0 30px;
    }

    .seo-how-i-do-it__list {
        margin-top: 76px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 65px 30px;
    }

    .seo-how-i-do-it__list li {
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 280px;
    }

    .seo-how-i-do-it__list li p {
        text-align: center;
    }

    .seo-how-much__text-flex {
        gap: 20px;
        padding: 0 20px;
    }

    .seo-do-more__text {
        margin-left: 0;
    }

    .seo-budget-and-result__list {
        gap: 20px;
        flex-direction: column;
    }

    .seo-budget-and-result__list li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .seo-budget-and-result__list li p {
        text-align: center;
    }

    .seo-make-site__flex {
        margin-top: 27px;
        flex-direction: column;
        gap: 35px;
    }
}

/* Base mobile */
@media screen and (min-width: 320px) and (max-width: 480px) {
    .logo img {
        width: 119px;
        height: 24px;
    }

    .header__contacts {
        display: none;
    }

    .header__mob-contacts {
        display: flex;
        gap: 14px;
    }

    .header__mob-menu {
        display: block;
    }

    .header .container {
        padding: 0 var(--spacing-sm);
    }

    .header__whatsapp {
        background: none;
        padding: 0;
    }

    .header__telegram {
        padding: 0;
    }

    .container {
        padding: 0 var(--spacing-xs);
    }

    .hero {
        padding: var(--spacing-15) 0;
    }

    .hero__main {
        margin: 0 var(--spacing-xs);
        background-image: url("./img/bg-hero-main-mob.png");
        min-height: var(--hero-main-min-mob-height);
        max-width: 100%;
		margin-top: 2vh;
    }

    .hero__title {
        position: absolute;
        font-size: 16px;
        min-width: 170px;
        max-width: 170px;
        left: 205px;
        top: 65px;
    }

    .hero__experience {
        font-size: 16px;
        line-height: 16px;
        padding: 5px 7px;
        left: 205px;
        top: 135px;
    }

    .hero__profile {
        bottom: 135px;
        left: 20px;
        top: auto;
    }

    .hero__profession,
    .hero__name {
        font-size: 36px;
        line-height: 42px;
    }

    .btn--primary {
        width: 348px;
        height: 63px;
        font-size: 16px;
        border-radius: 6px;
        box-shadow: 0 3px 0 #A93300;
        left: 20px;
        bottom: 60px;
    }

    .btn--about-expert {
        bottom: -75px;
    }

    .sistema-author__grid-expert {
        gap: 90px !important;
    }

    .btn--sign-up-consult {
        width: 100%;
        height: 63px;
        font-size: 16px;
        border-radius: 6px;
        box-shadow: 0 3px 0 #A93300;
    }

    .btn--secondary {
        width: 348px;
        height: 44px;
        font-size: 16px;
        border-radius: 4px;
        left: 20px;
        bottom: 5px;
    }

    .approach {
        width: 100%;
        padding: var(--spacing-xs);
    }

    .approach__list {
        gap: 10px;
        margin-top: 3px;
    }

    .approach__item {
        padding: 22px 14px;
    }

    .approach__item span {
        font-size: 16px;
		max-width: 72%;
    }

    .approach__item svg,
    .approach__item img {
        right: 10px;
        bottom: 0;
    }

    .approach__item:nth-child(1) svg {
        width: 35px;
        height: 23px;
    }

    .approach__item:nth-child(2) svg {
        width: 40px;
        height: 27px;
    }

    .approach__item:nth-child(3) svg {
        width: 40px;
        height: 23px;
    }

    .approach__item:nth-child(4) svg {
        width: 40px;
        height: 29px;
    }

    .approach__item:nth-child(5) svg {
        width: 47px;
        height: 39px;
    }

    /* Marketing section */
    .marketing__title {
        font-size: 36px;
        line-height: 1.3;
        padding-top: 88px;
    }

    .marketing__list {
        display: flex;
        flex-direction: column;
        gap: 80px;
        margin-top: 55px;
        padding-bottom: 150px;
    }

    .marketing__list li {
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .marketing__list li div {
        display: flex;
        justify-content: center;
        width: fit-content;
        padding: 0 25px 25px;
        margin-bottom: 25px;
        border-bottom: 2px solid var(--primary-light);
    }

    .marketing__list li div svg {
        width: 75%;
    }

    .marketing__list li p {
        font-size: 20px;
        text-align: center;
        max-width: 315px;
    }

    /* Business section */
    .business {
        padding: 95px 0;
    }

    .business__title {
        font-size: 36px;
        line-height: 1.3;
    }

    .business__subtitle {
        font-size: 24px;
        line-height: 1.2;
        padding: 20px 0;
    }

    .business__list {
        display: flex;
        flex-direction: column;
        gap: 60px;
        margin-top: 55px;
        padding-bottom: 10px;
    }

    .business__list li {
        list-style: none;
        display: flex;
        justify-content: center;
    }

    .business__list li span {
        font-size: 40px;
    }

    .business__list li span span {
        width: 2px;
        background-color: var(--orange-light);
        height: 100%;
    }

    .business__list li p {
        font-size: 20px;
        padding-left: 18px;
        max-width: 300px;
    }

    /* Top section */
    .top {
        padding: 95px 0;
    }

    .top__title {
        font-size: 36px;
        line-height: 1.3;
    }

    .top__subtitle {
        font-size: 24px;
        line-height: 1.2;
        padding: 20px 0;
    }

    .top__title span {
        display: block;
    }

    .top__masonry-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: 10px;
        gap: 17px;
    }

    .top__masonry-item {
        padding: 22px;
    }

    .top__masonry-item-1 {
        grid-row-end: span 15;
    }

    .top__masonry-item-2 {
        grid-row-end: span 29;
    }

    .top__masonry-item-3 {
        grid-row-end: span 20;
    }

    .top__masonry-item-4 {
        grid-row-end: span 11;
    }

    .top__masonry-item-5 {
        grid-row-end: span 15;
    }

    .top__masonry-item-6 {
        grid-row-end: span 8;
    }

    .top__masonry-item-header,
    .top__masonry-item-header2 {
        gap: 17px;
        padding-bottom: 18px;
    }

    .top__masonry-item-header2 {
        text-align: center;
    }

    .top__masonry-item-header span {
        font-size: 40px;
    }

    .top__masonry-item-header h3 {
        font-size: 20px;
        line-height: 1.2;
    }

    .top__masonry-item-content {
        padding: 17px 0 0 0;
    }

    .top__masonry-item-content p,
    .top__masonry-item-content ul {
        padding-bottom: 30px;
    }

    .top__masonry-item-content p:last-of-type {
        padding-bottom: 0;
    }

    .top__masonry-item-content ul li {
        position: relative;
        list-style: none;
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .top__masonry-item-content ul li>ul li {
        white-space: wrap;
    }

    .top__masonry-item-footer {
        padding: 18px 30px;
        gap: 10px;
    }

    .top__masonry-item-footer svg {
        width: 25px;
    }

    .top__masonry-item-bg-arrow1::after,
    .top__masonry-item-bg-arrow2::after,
    .top__masonry-item-bg-arrow3::after,
    .top__masonry-item-bg-arrow4::after,
    .top__masonry-item-bg-arrow5::after {
        width: 33px;
        height: 20px;
        right: inherit;
        top: inherit;
        left: calc(50% - 16.5px);
        bottom: -14px;
        background-image: url("data:image/svg+xml,%3Csvg width='33' height='20' viewBox='0 0 33 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 20L32 6L1 6L17 20Z' fill='%23F6F7FF'/%3E%3Cpath d='M32 1L17 15L1 1' stroke='%239EA3D7' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    /* Business2 section */
    .business2 {
        padding: 95px 0;
    }

    .business2__grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .business2__title {
        font-size: 36px;
    }

    .business2__grid-item-img-wrapper {
        height: 188px;
    }

    .business2__grid-item-img-wrapper img {
        width: auto;
        height: 120px;
    }

    .business2__grid-item-header h3 {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
        margin-left: 0;
        max-width: 350px;
        background-color: transparent;
        position: relative;
        z-index: 2;
    }

    .business2__grid-item-header span {
        top: 0;
        position: absolute;
        display: block;
        text-align: center;
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
        max-width: 350px;
        font-weight: 700;
        letter-spacing: -0.02em;
        padding: 10px;
        -webkit-text-stroke-width: 15px;
        -webkit-text-stroke-color: #ffffff;
        z-index: 1;
    }

    .business2__grid-item-header-mt--73 {
        margin-top: -73px;
    }

    .business2__grid-item hr {
        margin: 15px 0 0 0;
        max-width: 100%;
    }

    .business2__grid-item ul {
        margin: 15px 0 0 0;
    }

    .business2__grid-item ul li {
        display: inline-block;
        text-align: center;
    }

    .business2__footer {
        margin-top: 30px;
    }

    .business2__footer h4 {
        font-size: 20px;
    }

    .business2__footer p {
        font-size: 16px;
        margin: 15px 0;
    }

    .btn--business2-consult {
        width: 100%;
        height: 63px;
        font-size: 16px;
        border-radius: 6px;
        box-shadow: 0 3px 0 #A93300;
    }

    /* Ads channels section */
    .ads-channel {
        gap: 16px;
        margin-bottom: 31px;
        transition: animation-play-state 3s ease;
		animation-duration: 68s;
    }

    .ads-channel h3,
    .ads-channel h3.ads-channel-item-transparent {
        font-size: 16px;
        padding: 19px 31px;
    }

    @keyframes moveLeftRight {
        0% {
            transform: translateX(-480px);
        }

        25% {
            transform: translateX(240px);
        }

        50% {
            transform: translateX(360px);
        }

        75% {
            transform: translateX(160px);
        }

        100% {
            transform: translateX(-480px);
        }
    }

    @keyframes moveRightLeft {
        0% {
            transform: translateX(480px);
        }

        25% {
            transform: translateX(-240px);
        }

        50% {
            transform: translateX(-360px);
        }

        75% {
            transform: translateX(-160px);
        }

        100% {
            transform: translateX(480px);
        }
    }

    .btn--ads-channel-consult {
        width: 100%;
        height: 63px;
        font-size: 16px;
        border-radius: 6px;
        box-shadow: 0 3px 0 #A93300;
        margin-top: 18px;
    }

    /* Troubleproof system section*/
    .troubleproof-system {
        padding: 82px 0;
    }

    .troubleproof-system__title {
        font-size: 36px;
        line-height: 1.2;
    }

    .troubleproof-system__subtitle {
        font-size: 24px;
        line-height: 1.3;
        margin-top: 7px;
    }

    .troubleproof-system__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 94px 25px;
    }

    .troubleproof-system__grid-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 430px;
    }

    .troubleproof-system__grid-item .svg-wrapper::after {
        content: none;
    }

    .troubleproof-system__grid-item::after {
        content: '';
        position: absolute;
        bottom: -22px;
        left: 50%;
        transform: translateX(-50%);
        width: 33px;
        height: 17px;
        background-image: url("data:image/svg+xml,%3Csvg width='33' height='17' viewBox='0 0 33 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 1L17 15L1 0.999999' stroke='%23454A7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
    }

    .troubleproof-system__grid-item h3,
    .troubleproof-system__grid-item h3 span {
        font-size: 20px;
    }

    .troubleproof-system__grid-item h3 {
        margin-top: 19px;
        text-align: center;
        min-height: fit-content;
    }

    .troubleproof-system__grid-item-colored h3 {
        margin-top: 0;
    }

    .troubleproof-system__grid-item hr {
        margin: 18px 0;
        min-width: 199px;
    }

    .troubleproof-system__grid-item p {
        font-size: 20px;
        text-align: center;
        min-height: fit-content;
    }

    .troubleproof-system__grid-item a {
        margin-top: 18px;
        font-size: 16px;
        margin-bottom: 0;
    }

    .troubleproof-system__grid-item-colored p {
        padding-bottom: 27px;
    }

    .btn--troubleproof-system {
        position: static;
        width: 100%;
        height: 63px;
        font-size: 16px;
    }

    /* About me section*/
    .about-me {
        padding: 85px 0 91px;
    }

    .about-me__title {
        font-size: 36px;
    }

    .about-me__content {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .about-me__content-text {
        margin-top: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .about-me__content-text h4 {
        font-size: 20px;
    }

    .about-me__content-text hr {
        margin: 18px 0 18px;
        min-width: 194px;
    }

    .about-me__content-text p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    p.about-me__p-smal {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .about-me__content-img {
        position: relative;
        margin-top: 20px;
    }

    .about-me__content-img picture img {
        margin-top: 0;
        width: 100%;
    }

    .about-me__content-img-h2 {
        font-size: 36px;
        position: absolute;
        top: 435px;
        left: calc(50% - 140px);
    }

    .about-me__content-img p {
        font-size: 20px;
        position: absolute;
        top: 480px;
        left: calc(50% - 195px);
        text-align: center;
    }

    .btn--about-me {
        position: absolute;
        width: 85%;
        height: 63px;
        font-size: 16px;
        border-radius: 6px;
        box-shadow: 0 3px 0 #A93300;
        left: 30px;
        bottom: -22px;
    }

    /* Cooperation options section*/
    .cooperation-options {
        padding: 87px 0 98px;
    }

    .cooperation-options__title {
        font-size: 36px;
    }

    .cooperation-options__grid {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 90px;
        gap: 75px;
    }

    .cooperation-options__grid-item {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        background-color: var(--blue-light);
        border-radius: var(--border-radius-13);
        padding: 30px 25px 18px;
    }

    .cooperation-options__grid-item svg,
    .cooperation-options__grid-item img {
        position: absolute;
        width: 110px;
        top: -100px;
    }

    .cooperation-options__grid-item h3 {
        font-size: 20px;
    }

    .cooperation-options__grid-item h3 span {
        font-size: 16px;
    }

    .cooperation-options__grid-item hr {
        margin: 19px 0 19px;
        width: 249px;
    }

    .cooperation-options__grid-item p {
        padding-bottom: 15px;
    }

    .cooperation-options__grid-item a {
        width: 100%;
        font-size: 16px;
    }

    .cooperation-options__flex {
        padding-left: 0;
        margin-top: 49px;
    }

    .cooperation-options__flex-2 {
        flex-direction: column;
    }

    .cooperation-options__flex-img {
        width: 0px;
        position: relative;
    }

    .cooperation-options__flex-img img {
        position: absolute;
        top: 11px;
        left: -5px;
        width: 151px;
    }

    .cooperation-options__flex-2 .cooperation-options__flex-img img {
        position: relative;
        top: auto;
        left: auto;
        width: 231px;
    }

    .cooperation-options__flex-item {
        padding: 26px 22px 20px;
    }

    .cooperation-options__flex-item h3 {
        font-size: 20px;
        margin-left: 146px;
    }

    .cooperation-options__flex-2 .cooperation-options__flex-item h3 {
        margin-left: 0;
    }

    .cooperation-options__flex-item hr {
        margin: 13px 0 13px 131px;
        width: 100%;
        max-width: 230px;
    }

    .cooperation-options__flex-2 .cooperation-options__flex-item hr {
        margin: 13px 0 13px 0;
        max-width: 100%;
    }

    .cooperation-options__flex-2 .cooperation-options__flex-item p {
        margin-left: 0;
    }

    .cooperation-options__flex-item p {
        margin-left: 146px;
    }

    .cooperation-options__flex-flex-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .cooperation-options__flex-item a {
        width: 100%;
        font-size: 16px;
    }

    /* FAQ Section */
    .faq {
        padding: 82px 0 99px;
    }

    .faq__title {
        font-size: 36px;
    }

    .faq__flex {
        margin-top: 25px;
    }

    .faq__flex-item {
        padding: 20px 23px;
    }

    .faq__flex-item h3 {
        font-size: 20px;
    }

    .faq__flex-item hr {
        margin: 15px 0 17px;
    }

    /* Reviews Section*/
    .reviews {
        padding: 87px 0 98px;
    }

    .reviews__title {
        font-size: 36px;
    }

    .reviews__flex {
        display: flex;
        margin-top: 21px;
        gap: 19px;
        flex-direction: column;
    }

    .reviews__flex-img {
        padding: 11px;
    }

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

    .reviews__flex-text p {
        font-size: 16px;
        text-align: center;
        min-width: 100%;
    }

    .reviews__flex-text hr {
        display: none;
    }

    .reviews__flex-text span {
        display: none;
    }

    .reviews__flex-author-mob {
        display: inline-block;
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        line-height: 133%;
        letter-spacing: 0em;
        text-align: center;
    }

    .reviews__flex-pager {
        margin-top: 37px;
    }

    .reviews__flex-pager-btns {
        margin-top: 23px;
    }

    /* Cases section */
    .cases {
        padding: 84px 0 98px;
    }

    .cases__title {
        font-size: 36px;
        text-align: left;
    }

    .cases__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--spacing-15);
        margin-top: 28px;
    }

    .cases__grid-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .cases__grid-item-img img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    .cases__grid-item h3,
    .cases__grid-item h3.cases__grid-item-title-time, .cases__grid-item .h3.cases__grid-item-title-time {
        font-size: 20px;
        text-align: left;
    }

    .cases__grid-item hr {
        margin: 22px 0 19px;
        max-width: 232px;
    }

    .cases__grid-item p {
        text-align: left;
    }

    .cases__flex-pager-btns {
        width: 100%;
        position: relative;
        top: initial;
        display: flex;
        justify-content: center;
        gap: 22px;
        margin-top: 7px;
    }

    .cases__flex-pager-btn-previus {
        left: auto;
    }

    .cases__flex-pager-btn-next {
        right: auto;
    }

    /* Experience section */
    .experience {
        padding: 84px 0 103px;
    }

    .experience__title {
        font-size: 36px;
    }

    .experience__title span {
        display: block;
    }

    .experience__subtitle {
        font-size: 24px;
    }

    .experience__grid {
        width: 100%;
        max-width: 264px;
        overflow: hidden;
        padding-top: 38px;
        margin: 0 auto;
    }

    .experience__grid-item {
        width: 100%;
    }

    .experience__flex-pager-btns {
        position: absolute;
        top: calc(50% - 7px);
        width: calc(100% - 20px);
        display: flex;
        justify-content: space-between;
    }

    .blog__flex-pager-btns {
        justify-content: center;
    }

    /* Start section */
    .start {
        padding: 84px 0 99px;
    }

    .start__title {
        font-size: 36px;
        line-height: 1.3;
        text-align: center;
    }

    .start__subtitle {
        font-size: 24px;
        line-height: 1.3;
    }

    .start__flex {
        margin: 78px 13px 0;
        background-image: url("./img/bg-start-mob.png");
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .start__flex-item {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 25px;
        margin: 11px -13px 0;
    }

    .start__flex-item div {
        padding: 0 28px 22px;
    }

    .start__flex-item p {
        font-size: 16px;
        text-align: center;
        padding-bottom: 22px;
    }

    .start__flex-item img {
        width: 151px;
        padding-right: 0;
        margin-top: -50px;
    }

    .start__flex-item-btns {
        display: flex;
        gap: 14px;
        flex-direction: column;
        margin-top: 14px;
    }

    .start__flex-item-btns-2 {
        margin-top: 45px;
    }

    .start__flex-item-btns-3 {
        margin-top: 25px;
    }

    .btn--start {
        width: 348px;
        height: 63px;
        font-size: 16px;
    }

    .btn--start-transparent {
        width: 348px;
        height: 63px;
        line-height: 63px;
        border-radius: 4px;
        font-size: 16px;
        color: var(--orange-light);
        background-color: transparent;
        border: 1px solid var(--orange-light);
        padding: 0;
    }

    /* Approach section */
    .approach-difference {
        padding: 85px 0 99px;
    }

    .approach-difference__title {
        font-size: 36px;
    }

    .approach-difference__content {
        display: flex;
        margin-top: 30px;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 130px;
    }

    .approach-difference__content-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .approach-difference__content-text h3 {
        font-size: 20px;
        text-align: center;
    }

    .approach-difference__content-text hr {
        width: 194px;
        text-align: center;
    }

    .approach-difference__content-text p {
        font-size: 16px;
        text-align: center;
        margin-bottom: 50px;
    }

    .approach-difference__content-img {
        position: relative;
    }

    .approach-difference__content-img picture img {
        margin-top: 0;
        width: 100%;
        position: relative;
        z-index: 100;
    }

    .approach-difference__content-img p {
        font-size: 14px;
        top: 545px;
        left: 0;
    }

    .btn--approach-difference {
        position: absolute;
        position: absolute;
        width: 83%;
        height: 63px;
        line-height: 63px;
        font-size: 16px;
        border-radius: 6px;
        box-shadow: 0 3px 0 #A93300;
        left: 35px;
        bottom: -20px;
    }

    /* Subcribe to TG section */
    .subcribe-to-tg {
        padding: 85px 0 99px;
    }

    .subcribe-to-tg__content {
        display: flex;
        justify-content: center;
        gap: 0;
    }

    .subcribe-to-tg__content-img {
        display: none;
    }

    .subcribe-to-tg__content-img-mob {
        display: block;
        width: 230px;
        margin-top: 29px;
    }

    .subcribe-to-tg__content-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .subcribe-to-tg__content-text h2 {
        font-size: 36px;
        text-align: center;
    }

    .subcribe-to-tg__content-text p {
        font-size: 16px;
        text-align: center;
        margin: 22px 0 22px;
        max-width: 330px;
    }

    .btn--subcribe-to-tg-transparent {
        width: 333px;
        height: 63px;
        line-height: 63px;
        border-radius: 4px;
        font-size: 16px;
        color: var(--orange-light);
        background-color: transparent;
        border: 1px solid var(--orange-light);
        padding: 0;
    }

    /* Footer */
    .footer {
        padding: 50px 0 79px;
    }

    .footer__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 55px;
    }

    .footer__content a.logo {
        justify-content: center;
    }

    .footer__content a.logo img {
        width: 196px;
        height: auto;
    }

    .footer__content-h3 {
        font-size: 20px;
        text-align: center;
    }

    .footer__content p {
        font-size: 20px;
        text-align: center;
    }

    .footer__messengers {
        margin-top: 28px;
        justify-content: center;
    }

    .footer__messengers svg {
        width: 31px;
    }

    .btn--footer {
        text-align: center;
        width: 200px;
        height: 43px;
        font-size: 20px;
        margin-top: 11px;
    }

    .footer__copyright {
        flex-direction: column;
        gap: 15px;
        font-size: 14px;
        text-align: center;
    }

    .footer-menu ul {
        flex-direction: column;
        font-size: 14px;
    }

    /* Popups
    --------------------------------------------- */
    .custom-popup {
        width: 100%;
        padding: 31px 18px;
    }

    .popup-title {
        font-size: 24px;
        line-height: 1;
        margin: 0 40px 0 0;
    }

    .popup-form {
        gap: 7px;
    }

    .popup-input,
    .popup-textarea {
        padding: 0 20px !important;
        border-radius: 4px !important;
        background: var(--primary-light);
        border: none !important;
        color: var(--gray-dark);
        font-weight: 400;
        font-size: 24px;
        line-height: 1.3;
        height: 50px;
        letter-spacing: 0em;
    }

    .popup-input:focus {
        outline: none;
    }

    .popup-textarea {
        height: 100px;
    }

    .popup-label {
        font-size: 16px;
        margin: 10px 0 0;
        /* text-align: center; */
    }

    .popup-checkbox-container {
        font-size: 14px;
    }

    .popup-tabs {
        padding: 0;
        margin-top: 80px;
    }

    .popup-tabs-free-features {
        flex-direction: column;
        width: 100%;
    }

    .popup-tabs-free-features div {
        font-size: 14px;
    }

    .popup-tab {
        top: -43px;
        font-size: 14px;
        width: 25%;
        height: 43px;
        padding: 0;
        justify-content: center;
        border-radius: 4px 4px 0 0;
    }

    .popup-tab.email,
    .popup-tab.email-blog,
    .popup-tab.email-combo,
    .popup-tab.email-contacts,
    .popup-tab.email-seo {
        left: 25%;
        top: -43px;
    }

    .popup-tab.telegram,
    .popup-tab.telegram-blog,
    .popup-tab.telegram-combo,
    .popup-tab.telegram-contacts,
    .popup-tab.telegram-seo {
        left: 50%;
        top: -43px;
    }

    .popup-tab.max,
    .popup-tab.max-blog,
    .popup-tab.max-combo,
    .popup-tab.max-contacts,
    .popup-tab.max-seo {
        left: 75%;
        top: -43px;
    }

    .popup-btn,
    .blog-form-btn {
        height: 63px;
        font-size: 16px;
    }

    .blog-form-btn {
        max-width: 100%;
    }

    .checkbox-container {
        position: relative;
        padding-left: 35px;
        line-height: 23px;
    }

    .checkbox-container-lh26 {
        line-height: 26px;
    }

    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .blog-form {
        padding: 30px 23px 22px;
    }

    .form-fleld-flex {
        flex-direction: column;
        gap: 15px;
    }

    .form-fleld-flex div {
        gap: 8px;
    }

    /* Blog page */
    .debriefing {
        padding: 32px 0 92px;
    }

    .debriefing__title {
        font-size: 36px;
    }

    .debriefing__flex {
        flex-direction: column;
        gap: 16px;
    }

    .debriefing__flex-left {
        padding: 20px;
        width: 100%;
        min-height: initial;
    }

    .debriefing__flex-container {
        display: grid;
        grid-auto-flow: initial;
        grid-template-columns: 1fr;
        grid-template-rows: initial;
        padding: 25px 0 40px;
        gap: 16px;
    }

    .debriefing__flex-container div {
        color: var(--gray-dark);
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0em;
        text-align: center;
    }

    .debriefing__flex-container div hr {
        margin-top: 23px;
        max-width: 100%;
    }

    .debriefing__flex-right {
        padding: 44px 19px 17px;
        width: 100%;
        min-height: auto;
    }

    .btn--debriefing {
        width: 100%;
    }

    .btn--debriefing-transparent {
        width: 100%;
    }

    /* Case blog */
    .cases-blog__title {
        font-size: 36px;
    }

    .cases-blog__item {
        min-width: 100%;
    }

    /* Guide blog */
    .guides-blog__title {
        font-size: 36px;
    }

    .guides-blog__item,
    .guides-blog__item-img {
        height: 159px;
    }

    .guides-blog__item-right-side {
        margin-left: 25px;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .guides-blog__item-right-side a {
        font-size: 16px;
    }

    /* New posts */
    .new-posts {
        padding: 15px 0 92px;
    }

    .new-posts__title {
        font-size: 36px;
    }

    .new-posts__content {
        padding: 20px;
    }

    .new-posts__content div {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .new-posts__content div hr {
        margin: 27px 0;
        max-width: 271px;
    }

    .btn--new-posts-transparent {
        width: 100%;
    }

    /* Blog's form */
    .form-blog {
        background-color: var(--background-main);
        padding: 88px 0 92px;
    }

    .form-blog__title {
        font-size: 36px;
        margin-bottom: 31px;
        text-align: left;
    }

    .form-blog__title span {
        display: inline;
    }

    .form-blog__subtitle {
        font-size: 24px;
        margin-bottom: 17px;
        text-align: left;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram {
        padding: 0 var(--spacing-xs) 56px;
        min-height: inherit;
    }

    .subscribe-to-my-telegram__content picture {
        margin-top: -24px;
    }

    .subscribe-to-my-telegram__content-text {
        left: auto;
        top: auto;
        bottom: -22px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .subscribe-to-my-telegram__content-text h3 {
        font-size: 36px;
        margin-bottom: 0;
    }

    .subscribe-to-my-telegram__content-text p {
        max-width: 330px;
        font-size: 20px;
        margin-top: 9px;
        text-align: center;
        margin-bottom: 0;
    }

    .btn--subscribe-to-my-telegram {
        width: 100%;
        max-width: 85%;
        height: 63px;
        margin-top: 28px;
        font-size: 16px;
    }

    /* Post header */
    .post-header {
        padding: 11px 0 0;
    }

    .post-header__content {
        flex-direction: column;
        gap: 15px;
        margin: 0 var(--spacing-xs);
    }

    .post-header__experience {
        left: 55%;
        top: 45%;
        font-size: 16px;
        line-height: 16px;
        padding: 5px 7px;
    }

    .post-header__profile {
        flex-direction: column;
        gap: 1px;
        align-items: flex-start;
        left: 55%;
        top: 8%;
    }

    .post-header__name {
        font-size: 20px;
    }

    .post-header__profession {
        font-size: 16px;
        min-width: fit-content;
    }

    .post-header__text {
        padding-top: 0;
    }

    .post-header__title {
        font-size: 36px;
        line-height: 1.33;
        text-align: center;
    }

    /* Table of contents */
    .table-of-contents {
        /* padding: 70px 0 35px;*/
        padding: 0;
    }

    .table-of-contents__title {
        font-size: 36px;
        margin-bottom: 16px;
    }

    .table-of-contents__title.active::after {
        transform: translateY(-10%) rotate(0deg);
    }

    .table-of-contents__content {
        font-size: 16px;
        margin: 0 var(--spacing-xs);
    }

    .margin-bottom-42 {
        margin-bottom: 35px;
    }

    /* Post content */
    .post-content {
        /*padding: 85px 0;*/
        padding: 40px 0 0;
    }

    .post-content__content {
        padding: 0 var(--spacing-xs);
    }

    .post-content__additional-paddings {
        padding: 0;
    }

    .post-content__content h3 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .post-content__content ul {
        margin-left: 17px;
    }

    .post-content__content p {
        font-size: 16px;
    }

    .subscribe-to-my-telegram__content-text p {
        font-size: 20px;
        line-height: 1.45;
    }

    .post-content__container {
        gap: 0;
    }

    .post-content__list,
    .post-content__tg {
        display: none !important;
    }

    /* SEO header */
    .seo-header {
        padding: 11px 0 91px;
    }

    .seo-header__content {
        flex-direction: column;
        gap: 13px;
    }

    .seo-header__img {
        position: relative;
        width: 100%;
        max-width: 565px;
    }

    .seo-header__experience {
        left: 230px;
        top: 167px;
        font-size: 16px;
        line-height: 16px;
        padding: 5px 12px;
    }

    .seo-header__profile {
        gap: 5px;
        left: 230px;
        top: 30px;
    }

    .seo-header__name {
        font-size: 20px;
    }

    .seo-header__profession {
        font-size: 16px;
        min-width: 175px;
    }

    .seo-header__text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .seo-header__title {
        font-size: 36px;
        margin-top: 0px;
        text-align: center;
    }

    .seo-header__text-text {
        font-size: 20px;
        margin: 28px 0 25px;
        text-align: center;
    }

    .seo-header__text-bold {
        font-size: 20px;
        text-align: center;
        max-width: 100%;
    }

    .seo-header__text-bold span {
        color: var(--orange-light);
    }

    .btn--seo-header {
        width: 100%;
        max-width: 347px;
        height: 63px;
        font-size: 16px;
        margin-top: 7px;
    }

    .btn--seo-header span {
        display: contents;
    }

    /* Site doesn't work section */
    .seo-dsnt-work {
        padding: 88px 0;
    }

    .seo-dsnt-work__title {
        font-size: 36px;
    }

    .seo-dsnt-work__list {
        flex-direction: column;
        gap: 82px;
        margin-top: 75px;
        align-items: center;
    }

    .seo-dsnt-work__list li {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: fit-content;
    }

    .seo-dsnt-work__list li div {
        width: fit-content;
        margin-bottom: 28px;
    }

    .seo-dsnt-work__list li hr {
        margin: 0 0 19px;
    }

    .seo-dsnt-work__list li span {
        max-width: 290px;
        text-align: center;
    }

    .seo-dsnt-work__list li p {
        text-align: center;
    }

    /* Seo main goal section */
    .seo-main-goal {
        padding: 0 0 90px;
        min-height: initial;
    }

    .seo-main-goal__title {
        font-size: 36px;
        padding-top: 80px;
    }

    .seo-main-goal__list {
        flex-direction: column;
        gap: 55px;
        margin-top: 53px;
    }

    .seo-main-goal__list li {
        list-style: none;
        display: flex;
        min-width: initial;
        margin: 0 30px;
    }

    .seo-main-goal__list li span {
        font-size: 40px;
    }

    .seo-main-goal__list li div h4, .seo-main-goal__list li div h3 {
        font-size: 20px;
    }

    .seo-main-goal__list li p {
        font-size: 20px;
        padding-left: 19px;
    }

    /* How to promote */
    .how-to-promote {
        padding: 84px 0 92px;
    }

    .how-to-promote-bg {
        background-position: -169px 30px;
    }

    .how-to-promote__title {
        font-size: 36px;
        margin-top: 0;
    }

    .how-to-promote__list {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 50px;
        margin: 30px 0 0 0;
    }

    .how-to-promote__list li {
        text-align: center;
    }

    .how-to-promote__list li::after {
        content: '';
        position: absolute;
        top: 65px;
        right: 0;
        left: calc(50% - 15px);
        width: 17px;
        height: 33px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAxNyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxTDE1IDE2TDEgMzIiIHN0cm9rZT0iIzlCOUI5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");
        transform: rotate(90deg);
    }

    .how-to-promote__list li:last-child::after {
        content: initial;
    }

    .how-to-promote__text {
        margin: 34px 0 0 0;
        padding: 25px 22px;
        gap: 30px;
        align-items: flex-start;
    }

    .how-to-promote__text p {
        font-size: 20px;
        text-align: center;
    }

    .how-to-promote__text span {
        font-size: 20px;
        text-align: center;
        display: block;
        width: 100%;
    }

    /* Seo problem */
    .seo-problem {
        padding: 84px 0 0;
    }

    .seo-problem__title {
        font-size: 36px;
        margin-top: 0;
    }

    .seo-problem__title span {
        -webkit-text-fill-color: var(--orange-light);
        display: block;
    }

    .seo-problem__list {
        margin-top: 32px;
        flex-direction: column;
        gap: 34px;
        align-items: center;
    }

    .seo-problem__list li {
        font-size: 20px;
        text-align: center;
        border-left: none;
        justify-items: center;
    }

    .seo-problem__list li hr {
        display: block;
        margin: 0 0 30px;
        padding: 0;
        width: 100%;
        max-width: 128px;
        height: 0;
        border: none;
        border-top: 2px solid var(--lilac-middle-1);
    }

    .seo-problem__text {
        margin-top: 37px;
        padding: 31px 0;
        gap: 19px;
    }

    .seo-problem__text p {
        color: var(--orange-light);
        font-weight: 700;
        font-size: 20px;
        line-height: 1.33;
        letter-spacing: 0em;
        padding: 0;
        margin: 0;
    }

    .seo-problem__gap {
        min-height: 90px;
    }

    .seo-problem__bg {
        position: relative;
    }

    .seo-problem__bg::before {
        background-image: url("./img/seo-problem-mob-bg-1.svg");
        background-size: 152px 128px;
    }

    .seo-problem__bg-2 {
        background-image: url("./img/seo-problem-mob-bg-2.svg");
        background-position: right top;
        background-size: 75px 123px;
    }

    /* Seo How I do it */
    .seo-how-i-do-it {
        padding: 88px 0 92px;
    }

    .seo-how-i-do-it__title {
        font-size: 36px;
    }

    .seo-how-i-do-it__list {
        margin-top: 76px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 65px 30px;
    }

    .seo-how-i-do-it__list li {
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 280px;
    }

    .seo-how-i-do-it__list li div {
        width: fit-content;
        margin-bottom: 32px;
    }

    .seo-how-i-do-it__list li div::after {
        content: initial;
    }

    .seo-how-i-do-it__list li hr {
        margin: 20px 0 20px;
        padding: 0;
        width: 100%;
        max-width: 199px;
        height: 0;
        border: none;
        border-top: 2px solid var(--primary-light);
    }

    .seo-how-i-do-it__list li span {
        font-size: 20px;
        min-width: 100%;
        text-align: center;
    }

    .seo-how-i-do-it__list li p {
        font-size: 20px;
        margin: 0 25px;
        text-align: center;
        position: relative;
    }

    .seo-how-i-do-it__list li p::after {
        content: '';
        position: absolute;
        bottom: -40px;
        left: calc(50% - 15px);
        width: 31px;
        height: 14px;
        background-color: white;
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAzMyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzIgMUwxNyAxNUwxIDAuOTk5OTk5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
    }

    .seo-how-i-do-it__list li:last-child p::after {
        content: initial;
    }

    .seo-how-i-do-it__text {
        margin-top: 35px;
        padding: 31px 0;
    }

    .seo-how-i-do-it__text p {
        font-size: 20px;
    }

    /* Seo a growth strategy */
    .seo-a-growth-strategy {
        padding: 0 0 94px;
    }

    .seo-a-growth-strategy__bg {
        min-height: 251px;
        background-image: url("./img/seo-a-growth-strategy-bg.svg");
        background-position: -80px 42px;
        background-size: 232px 251px;
    }

    .seo-a-growth-strategy__title {
        font-size: 36px;
        margin-top: 0;
        padding-top: 84px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .seo-a-growth-strategy__title p {
        background: -webkit-linear-gradient(#999, #000);
        background-clip: text;
        -webkit-text-fill-color: transparent;
        padding: 0;
        margin: 0;
        max-width: 320px;
    }

    .seo-a-growth-strategy__text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0;
        font-size: 20px;
    }

    .seo-a-growth-strategy__text p {
        max-width: 870px;
        text-align: center;
        margin: 33px 0 30px;
        padding: 0;
    }

    /* Seo how match */
    .seo-how-much {
        padding: 87px 0 92px;
    }

    .seo-how-much__title {
        font-size: 36px;
    }

    .seo-how-much__flex {
        margin-top: 100px;
        flex-direction: column;
        justify-content: center;
        gap: 100px;
    }

    .seo-how-much__flex-item {
        background-color: var(--blue-light);
        border-radius: 13px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
    }

    .seo-how-much__flex-item img {
        position: absolute;
        top: -82px;
        width: 90px;
    }

    .seo-how-much__flex-item h3 {
        font-size: 20px;
    }

    .seo-how-much__flex-item hr {
        margin: 15px 0 15px;
        padding: 0;
        width: 100%;
        max-width: 249px;
        height: 0;
        border: none;
        border-top: 1px solid var(--blue-light-2);
    }

    .seo-how-much__flex-item span {
        margin-bottom: 24px;
    }

    .seo-how-much__flex-item span span {
        font-size: 20px;
    }

    .seo-how-much__text {
        padding: 27px 10px;
        margin-top: 16px;
    }

    .seo-how-much__text-title {
        font-size: 20px;
    }

    .seo-how-much__text hr {
        margin: 27px 0 19px;
        max-width: 249px;
    }

    .seo-how-much__text-flex {
        flex-direction: column;
        gap: 25px;
    }

    .seo-how-much__text-flex ul li {
        font-size: 20px;
    }

    .seo-how-much__text-flex ul li:before {
        content: "\2022";
        margin-right: 10px;
    }

    .seo-how-much__footer {
        margin-top: 29px;
        gap: 22px;
    }

    .seo-how-much__footer h4 {
        font-size: 20px;
    }

    .btn--seo-how-much-consult {
        max-width: 348px;
        height: 83px;
        font-size: 16px;
    }

    /* Seo do more */
    .seo-do-more {
        padding: 84px 0 86px;
    }

    .seo-do-more__title {
        font-size: 36px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .seo-do-more__title span {
        max-width: 350px;
        display: block;
    }

    .seo-do-more h4, .seo-do-more h3 {
        font-size: 24px;
        margin-top: 33px;
    }

    .seo-do-more__text {
        width: 100%;
        margin: 33px 0 20px;
    }

    /* Seo budget and result */
    .seo-budget-and-result {
        padding: 88px 0 91px;
    }

    .seo-budget-and-result__title {
        font-size: 36px;
    }

    .seo-budget-and-result__list {
        gap: 79px;
        margin-top: 49px;
        flex-direction: column;
    }

    .seo-budget-and-result__list li {
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 300px;
    }

    .seo-budget-and-result__list li div {
        width: fit-content;
    }

    .seo-budget-and-result__list li hr {
        margin: 23px 0 18px;
    }

    .seo-budget-and-result__list li p {
        font-size: 20px;
        max-width: 350px;
        text-align: center;
    }

    /* Seo form */
    .seo-form__title {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .seo-form__title span {
        display: block;
    }

    /* Seo make site */
    .seo-make-site {
        padding: 88px 0 92px;
    }

    .seo-make-site__title {
        font-size: 36px;
    }

    .seo-make-site__text {
        font-size: 20px;
    }

    .seo-make-site__flex {
        margin-top: 27px;
        flex-direction: column;
        gap: 27px;
    }

    .seo-make-site__flex div {
        gap: 14px;
        padding: 24px 0 22px;
    }

    .seo-make-site__flex div h4, .seo-make-site__flex div h3 {
        font-size: 20px;
    }

    .seo-make-site__flex div img {
        max-width: 285px;
    }

    /* Seo how change */
    .seo-how-change {
        padding: 84px 0 92px;
    }

    .seo-how-change__title {
        font-size: 36px;
    }

    /* Combo header */
    .combo-header {
        padding: 22px 0 60px;
    }

    .combo-header__content {
        flex-direction: column;
        gap: 25px;
        align-items: center;
    }

    .combo-header__img {
        position: relative;
        width: 100%;
        max-width: 100%;
    }

    .combo-header__text {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .combo-header__title {
        font-size: 36px;
        text-align: center;
        margin-bottom: 35px;
    }

    .combo-header__text-bold {
        font-size: 20px;
        text-align: center;
    }

    .combo-header__text-text {
        font-size: 16px;
        margin-top: 5px;
    }

    /* Combo What can I do */
    .combo-what-can-i-do {
        padding: 0 0 40px;
    }

    .combo-what-can-i-do__title,
    .combo-what-can-i-do__title2 {
        font-size: 20px;
        text-align: center;
    }

    .combo-what-can-i-do__title2 {
        margin-top: 90px;
    }

    .combo-what-can-i-do__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .combo-what-can-i-do__grid-item {
        padding: 21px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .combo-what-can-i-do__grid-item h4 {
        font-size: 16px;
        text-align: center;
    }

    .combo-what-can-i-do__grid-item hr {
        margin: 16px 0 16px;
    }

    .combo-what-can-i-do__grid-item p {
        text-align: center;
    }

    .combo-what-can-i-do__text {
        font-size: 16px;
    }

    .combo-what-can-i-do__text p {
        margin-bottom: 20px;
    }

    .combo-what-can-i-do__text ul {
        list-style: none;
    }

    .combo-what-can-i-do__text ul li {
        padding-left: 25px;
        line-height: 1.33;
        margin-bottom: 20px;
    }

    .combo-what-can-i-do__text ul li:before {
        content: "•";
        margin-right: 5px;
    }

    .combo-what-can-i-do__text-resume {
        margin-top: 23px;
        padding: 22px 25px;
        font-size: 16px;
    }

    /* Combo product and positioning */
    .combo-product-and-positioning {
        padding: 37px 0 85px;
    }

    .combo-product-and-positioning__title {
        font-size: 36px;
    }

    .combo-product-and-positioning__subtitle {
        font-size: 20px;
        margin: 39px 0;
        text-align: center;
    }

    .combo-product-and-positioning__flex {
        flex-direction: column;
        gap: 49px;
    }

    .combo-product-and-positioning__flex-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 229px;
    }

    .combo-product-and-positioning__flex-item hr {
        display: none;
    }

    .combo-product-and-positioning__flex-item p {
        padding: 0 25px;
        text-align: center;
    }

    /* Combo solve problems */
    .combo-solve-problems {
        padding: 86px 0 37px;
    }

    .combo-solve-problems__title {
        font-size: 20px;
        margin: 0 0 40px;
    }

    .combo-solve-problems__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }

    .combo-solve-problems__grid-item {
        padding: 26px 0 26px;
        min-height: 123px;
        border-bottom: 1px solid var(--blue-light-2);
    }

    .combo-solve-problems__grid-item:last-child {
        border-bottom: none;
    }

    .combo-solve-problems__grid-item--header-left,
    .combo-solve-problems__grid-item--header-right {
        min-height: 80px;
    }

    .combo-solve-problems__grid-item--header-right {
        background-color: var(--primary-light);
        border-radius: 13px 13px 0 0;
        padding-left: 69px;
    }

    .combo-solve-problems__grid-item--header-left h3,
    .combo-solve-problems__grid-item--header-right h3 {
        font-size: 20px;
    }

    .combo-solve-problems__grid-item--header-right h3 {
        color: var(--orange-light);
    }

    .combo-solve-problems__grid-item--left,
    .combo-solve-problems__grid-item--right {
        font-size: 14px;
    }

    .combo-solve-problems__grid-item--left {
        padding: 20px 15px 20px 0;
    }

    .combo-solve-problems__grid-item--right {
        padding: 20px 15px 20px 20px;
    }

    .combo-solve-problems__grid-item--left:nth-last-child(2) {
        border-bottom: none;
    }

    .combo-solve-problems__grid-item--right:last-child {
        border-radius: 0 0 13px 13px;
    }

    /* combo what different */
    .combo-what-diff {
        padding: 92px 0 41px;
    }

    .combo-what-diff__title {
        font-size: 20px;
        text-align: center;
    }

    .combo-what-diff__list {
        grid-template-columns: repeat(1, 1fr);
        gap: 47px;
        margin: 25px 20px;
    }

    .combo-what-diff__list li {
        list-style: none;
        display: flex;
        min-width: 300px;
    }

    .combo-what-diff__list li span {
        font-size: 40px;
    }

    /* combo results */
    .combo-results {
        padding: 41px 0;
    }

    .combo-results__title {
        font-size: 20px;
        text-align: center;
    }

    .combo-results__list {
        grid-template-columns: repeat(1, 1fr);
        gap: 52px;
        margin: 25px 20px;
    }

    .combo-results__list li {
        list-style: none;
        display: flex;
        min-width: 300px;
    }

    .combo-results__list li span {
        font-size: 40px;
    }

    .combo-results__list li p {
        margin-left: 27px;
    }

    /* Combo how results */
    .combo-how-results {
        padding: 41px 0;
    }

    .combo-how-results__title {
        font-size: 20px;
        padding: 0 30px;
        text-align: center;
    }

    .combo-how-results p {
        font-size: 16px;
        text-align: center;
    }
	
    .page-id-552 .combo-how-results p {
        font-size: 16px;
        text-align: left;
    }

    .combo-how-results__flex {
        margin-top: 37px;
        gap: 4px;
    }

    .combo-how-results__flex div {
        padding: 11px;
        font-size: 16px;
    }

    .combo-how-results__flex div ul {
        list-style: none;
        margin: 15px 0;
    }

    .combo-how-results__flex div ul li {
        margin-left: 25px;
        font-size: 16px;
    }

    /* Combo-ready-to-dispel-doubts */
    .combo-ready-to-dispel-doubts {
        padding: 92px 0;
    }

    .combo-ready-to-dispel-doubts__title {
        font-size: 20px;
        margin-bottom: 24px;
        text-align: center;
    }

    .combo-ready-to-dispel-doubts p {
        font-size: 16px;
        margin-bottom: 24px;
    }

    /* Combo response of client */
    .combo-response-of-client {
        padding: 50px 0 46px;
    }

    .combo-response-of-client__title {
        font-size: 20px;
        text-align: center;
    }

    /* Combo what was done */
    .combo-what-was-done {
        padding: 69px 0 124px;
    }

    .combo-what-was-done__title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 63px;
    }

    .combo-what-was-done__list {
        flex-direction: column;
        gap: 80px;
        margin-top: 0;
    }

    .combo-what-was-done__list li {
        list-style: none;
        display: flex;
        min-width: 300px;
        flex-direction: column;
        align-items: center;
    }

    .combo-what-was-done__list li div {
        margin-bottom: 58px;
    }

    .combo-what-was-done__list li hr {
        margin: 18px 0;
    }

    .combo-what-was-done__list li span {
        font-size: 20px;
        text-align: center;
    }

    .combo-what-was-done__list li p {
        font-size: 16px;
        text-align: center;
    }

    /* Combo portfolio */
    .combo-portfolio {
        padding: 44px 0;
    }

    .combo-portfolio__title {
        font-size: 36px;
        margin-bottom: 45px;
        text-align: center;
    }

    .combo-portfolio hr {
        margin: 0 0 28px;
    }

    .combo-portfolio__subtitle {
        font-size: 20px;
        text-align: center;
    }

    .combo-portfolio__flex {
        flex-direction: column;
        gap: 16px;
    }

    .combo-portfolio__flex-table {
        min-width: 300px;
    }

    .combo-portfolio__flex-table div {
        display: flex;
        padding: 11px 0;
    }

    .combo-portfolio__flex-table div span {
        width: 95px;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.33;
        letter-spacing: 0em;
    }

    .combo-portfolio__flex-table div p {
        font-size: 16px;
    }

    .combo-portfolio__flex img {
        height: 191px;
    }

    /* why is it worth working? */
    .why-is-it-worth-working {
        padding: 83px 0 87px;
    }

    .why-is-it-worth-working__title {
        font-size: 36px;
        text-align: left;
    }

    .why-is-it-worth-working__list {
        gap: 82px;
    }

    .why-is-it-worth-working__list li {
        flex-direction: column;
        align-items: center;
    }

    .why-is-it-worth-working__list li div {
        min-width: 125px;
        display: flex;
        justify-content: center;
        padding-bottom: 22px;
        margin-bottom: 22px;
        border-bottom: 1px solid var(--primary-light);
    }

    .why-is-it-worth-working__list li p {
        font-size: 16px;
        padding: 0 20px;
        border-left: none;
        text-align: left;
    }

    /* Combo services */
    .combo-services {
        padding: 80px 0 41px;
    }

    .combo-services__title {
        font-size: 36px;
        margin-bottom: 25px;
    }

    .combo-services__list {
        margin: 0 0 155px;
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .combo-services__list-flex {
        flex-direction: column;
        gap: 15px;
    }

    .combo-services__list--title {
        padding: 0;
        background-color: var(--primary-light);
        position: relative;
        top: -20px;
        left: initial;
        text-align: center;
        width: 280px;
    }

    .combo-services__list--title h2 {
        font-size: 16px;
    }

    .combo-services__list p {
        font-size: 16px;
        margin-bottom: 25px;
        text-align: center;
    }

    .combo-services__list p:last-child {
        margin-bottom: 0;
    }

    .combo-services__list ul {
        list-style: none;
        margin: 10px 0 10px 20px;
    }

    .combo-services__list ul li {
        font-size: 16px;
    }

    .combo-services__list-item-btns {
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        background-color: var(--primary-light);
        padding: 0 12px;
        bottom: -93px;
        left: initial;
    }

    .btn--combo-services {
        width: 344px;
    }

    .btn--combo-services:hover,
    .btn--combo-services:hover {
        transform: translateY(-2px);
    }

    .btn--combo-services-transparent {
        width: 344px;
    }
}

/* Fine Tuning for small & medium devices */
@media screen and (min-width: 320px) and (max-width: 375px) {
    .hero__title {
        font-size: 14px;
        top: 55px;
        left: 175px;
    }

    .hero__experience {
        top: 110px;
        left: 175px;
    }

    .hero__profile {
        bottom: 185px;
        left: 17px;
    }

    .btn--primary {
        width: 290px;
        bottom: 120px;
    }

    .btn--secondary {
        width: 290px;
        bottom: 65px;
    }

    .approach__item img {
        right: 3px;
    }

    .top__masonry-item-header h3 {
        font-size: 17px;
    }

    .business2__grid-item-header h3,
    .business2__grid-item-header span,
    .business2__footer h4 {
        font-size: 18px;
    }

    .about-me__content-img-h2 {
        top: 390px;
    }

    .about-me__content-img p {
        font-size: 18px;
        top: 440px;
        left: calc(50% - 180px);
    }

    .btn--about-me {
        left: 27px;
    }

    .btn--approach-difference {
        width: 81%;
    }

    .approach-difference__content-img p {
        top: 480px;
    }

    .cooperation-options__flex-item hr {
        margin: 13px 0 13px 110px;
        width: 100%;
        max-width: 200px;
    }

    /* Popups
    --------------------------------------------- */
    .popup-title {
        font-size: 22px;
    }

    .popup-checkbox-container {
        font-size: 13px;
    }

    /* Post header */
    .post-header__experience {
        left: 53%;
    }

    .post-header__profile {
        left: 53%;
    }

    .post-header__name {
        font-size: 18px;
    }

    .post-header__profession {
        font-size: 14px;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram__content-text h3 {
        font-size: 34px;
        line-height: 1.1;
        margin-bottom: 10px;
    }

    .subscribe-to-my-telegram__content-text p {
        font-size: 17px;
        margin-bottom: 0;
    }

    /* Guide blog */
    .guides-blog__item-right-side a {
        font-size: 10px;
        line-height: 1.4;
		font-weight: 400;
    }
	
	.cases-blog__item-chip {
		padding: 5px 10px;
		font-size: 14px;
	}

    /* Combo section */
    .btn--combo-services {
        width: 304px;
    }

    .btn--combo-services-transparent {
        width: 304px;
    }

    .combo-product-and-positioning__title {
        font-size: 33px;
    }

    /* Seo */
    .seo-header__experience {
        left: 180px;
        top: 167px;
    }

    .seo-header__profile {
        left: 180px;
    }
}

@media screen and (min-width: 376px) and (max-width: 395px) {
    .hero__title {
        top: 55px;
        left: 185px;
        font-size: 15px;
    }

    .hero__experience {
        top: 115px;
        left: 185px;
    }

    .hero__profile {
        bottom: 175px;
        left: 24px;
    }

    .btn--primary {
        width: 308px;
        height: 63px;
        font-size: 16px;
        border-radius: 6px;
        box-shadow: 0 3px 0 #A93300;
        left: 20px;
        bottom: 105px;
    }

    .btn--secondary {
        width: 308px;
        height: 44px;
        font-size: 16px;
        border-radius: 4px;
        left: 20px;
        bottom: 45px;
    }

    .approach__item img {
        right: 6px;
    }

    .top__masonry-item-header h3 {
        font-size: 18px;
    }

    .business2__grid-item-header h3,
    .business2__grid-item-header span,
    .business2__footer h4 {
        font-size: 19px;
    }

    .about-me__content-img-h2 {
        top: 400px;
    }

    .about-me__content-img p {
        font-size: 19px;
        top: 455px;
        left: calc(50% - 185px);
    }

    .btn--about-me {
        left: 29px;
    }

    .btn--approach-difference {
        width: 81%;
    }

    .approach-difference__content-img p {
        top: 500px;
    }

    .cooperation-options__flex-item hr {
        margin: 13px 0 13px 110px;
        width: 100%;
        max-width: 215px;
    }

    /* Post header */
    .post-header__experience {
        left: 53%;
    }

    .post-header__profile {
        left: 53%;
    }

    .post-header__name {
        font-size: 19px;
    }

    .post-header__profession {
        font-size: 15px;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram__content-text h3 {
        font-size: 35px;
        line-height: 1.15;
    }

    .subscribe-to-my-telegram__content-text p {
        font-size: 17px;
        margin-bottom: 0;
    }

    /* Guide blog */
    .guides-blog__item-right-side a {
        font-size: 18px;
        line-height: 1.4;
    }

    /* Combo section */
    .btn--combo-services {
        width: 324px;
    }

    .btn--combo-services-transparent {
        width: 324px;
    }

    .combo-product-and-positioning__title {
        font-size: 33px;
    }

    /* Seo */
    .seo-header__experience {
        left: 195px;
    }

    .seo-header__profile {
        left: 195px;
    }
}

@media screen and (min-width: 396px) and (max-width: 415px) {
    .hero__title {
        top: 55px;
        left: 180px;
    }

    .hero__experience {
        top: 120px;
        left: 180px;
    }

    .hero__profile {
        bottom: 145px;
    }

    .btn--primary {
        width: 335px;
        height: 63px;
        font-size: 16px;
        border-radius: 6px;
        box-shadow: 0 3px 0 #A93300;
        left: 17px;
        bottom: 75px;
    }

    .btn--secondary {
        width: 335px;
        height: 44px;
        font-size: 16px;
        border-radius: 4px;
        left: 20px;
        bottom: 20px;
    }

    .approach__item img {
        right: 6px;
    }

    .top__masonry-item-header h3 {
        font-size: 18px;
    }

    .cooperation-options__flex-item hr {
        margin: 13px 0 13px 110px;
        width: 100%;
        max-width: 215px;
    }

    .start__flex-item p {
        padding-bottom: 12px;
    }

    .btn--start,
    .btn--start-transparent {
        width: 335px;
    }

    /* Post header */
    .post-header__experience {
        left: 54%;
    }

    .post-header__profile {
        left: 54%;
    }

    /* Страница поста/записи */
    .subscribe-to-my-telegram__content-text h3 {
        font-size: 36px;
        line-height: 1.2;
    }

    /* Guide blog */
    .guides-blog__item-right-side a {
        font-size: 13px;
        line-height: 1.4;
        font-weight: 400;
    }

    /* Seo */
    .seo-header__experience {
        left: 200px;
    }

    .seo-header__profile {
        left: 200px;
    }
}

@media screen and (min-width: 414px) and (max-width: 480px) {
    .popup-title {
        margin-top: 25px;
    }
}

@media screen and (max-height: 1104px) {

    /* Popups
    --------------------------------------------- */
    .custom-popup {
        height: 100%;
        overflow-y: auto;
    }
}

/* Mobile UI Fixies */
@media screen and (min-width: 344px) and (max-width: 360px) {
    .post-header__experience {
        top: 48%;
    }

    .hero__experience {
        top: 110px;
        left: 165px;
        font-size: 14px;
    }

    .hero__title {
        font-size: 12px;
        top: 55px;
        left: 165px;
    }

    .hero__profile {
        bottom: 205px;
        left: 13px;
    }

    .btn--primary {
        width: 265px;
        bottom: 135px;
    }

    .btn--secondary {
        width: 265px;
        bottom: 75px;
    }

    .hero__profession,
    .hero__name {
        font-size: 34px;
        line-height: 39px;
    }

    .about-me__content-img p {
        font-size: 16px;
        padding: 0 10px;
        top: 430px;
    }

    .combo-product-and-positioning__title {
        font-size: 30px;
    }

    .btn--start,
    .btn--start-transparent {
        width: 300px;
    }

    .seo-header__profile {
        left: 160px;
        top: 20px;
    }

    .seo-header__experience {
        left: 183px;
        top: 147px;
    }

    .popup-tabs {
        max-width: 340px;
    }

    .table-of-contents__title {
        font-size: 34px;
    }

    .subscribe-to-my-telegram__content-text p {
        font-size: 14px;
    }

    .seo-header__name {
        font-size: 19px;
    }

    .seo-header__profession {
        font-size: 15px;
    }
}

/* Анимации */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.orange_button {
    display: block;
    font-family: 'Roboto', sans-serif;
    background: #FF5A00;
    color: #fff;
    margin: 0 auto;
    font-size: 20px;
    padding: 25px 20px;
    width: 90%;
    max-width: 490px;
    border-bottom: 5px solid #bd5703;
}

.orange_button:hover {
    text-decoration: none;
    color: #FF5A00;
    background: #ffffff;
    border-bottom: 5px solid #FF5A00;
    border-right: 1px solid #FF5A00;
    border-left: 1px solid #FF5A00;
    border-top: 1px solid #FF5A00;
}

/* Контейнер дропдауна */
.header__channel-dropdown {
    position: relative;
    display: inline-block;
}

/* Основная кнопка (канал) */
.main-channel {
    display: inline-block;
    transition: background 0.3s;
    cursor: pointer;
}


/* Добавляем стрелочку, чтобы было понятно, что есть выбор */
.main-channel::after {
    content: "▼";
    font-size: 10px;
    margin-left: 6px;
    display: inline-block;
    transition: transform 0.3s;
}

/* Поворот стрелки при наведении */
.header__channel-dropdown:hover .main-channel::after {
    transform: rotate(180deg);
}

/* Выпадающее меню */
.dropdown-channels {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    margin-top: 5px;
    overflow: hidden;
}

/* Показываем при наведении */
.header__channel-dropdown:hover .dropdown-channels {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Элементы выпадающего меню */
.dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s;
    white-space: nowrap;
    border-left: 3px solid transparent;
}

/* Telegram элемент */
.dropdown-item.tg-item {
    border-left-color: #27A6E5;
}

.dropdown-item.tg-item:hover {
    background: #e6f3fc;
}

/* Макс элемент */
.dropdown-item.max-item {
    border-left-color: #7B5196;
    /* или другой цвет для Макс */
}

.dropdown-item.max-item:hover {
    background: #f0eaf5;
}

/* Иконки можно добавить через псевдоэлементы или отдельные теги */
.dropdown-item::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.dropdown-item.tg-item::before {
    background-image: url('http://new.ivchevski.ru/wp-content/uploads/2026/03/Telegram_Messenger.png');
    /* или используйте font-awesome */
}

.dropdown-item.max-item::before {
    background-image: url('http://new.ivchevski.ru/wp-content/uploads/2026/03/Max_logotip.png');
}

/* Для случая, если нет иконок - просто текст */
.dropdown-item span {
    display: inline-block;
}

/* Стрелочка-указатель сверху (опционально) */
.dropdown-channels::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
}


/* Кнопка на верх  */
.back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: none;
    /* Скрыта по умолчанию */
    width: 50px;
    height: 50px;
    background: #ff5a00;
    color: white;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: all 0.3s ease;
}

.back-to-top:hover {
    background: #ff5a00;
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
    color: white;
}

.back-to-top.show {
    display: block;
    /* Показываем, когда нужно */
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .back-to-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }
}


/* Category Page Styles - Modern Version
--------------------------------------------- */

/* Header секция */
.category-header {
    padding: 80px 0 60px;
    background: linear-gradient(180deg, var(--blue-light) 0%, rgba(246, 247, 255, 0.5) 100%);
    position: relative;
    overflow: hidden;
}

.category-header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(67, 75, 156, 0.03) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.category-header__content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.category-header__title {
    font-weight: 800;
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    background: linear-gradient(135deg, var(--text-dark) 0%, var(--lilac) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: fadeInUp 0.8s ease-out;
}

.category-header__description {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    color: var(--text-medium);
    max-width: 700px;
    margin: 0 auto;
    animation: fadeInUp 0.8s ease-out 0.2s both;
}

/* Сетка постов */
.category-posts {
    padding: 60px 0 100px;
    background-color: var(--primary-light);
}

.category-posts__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}

/* Карточка поста */
.category-post-card {
    background: var(--primary-light);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    border: 1px solid rgba(158, 163, 215, 0.2);
}

.category-post-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(67, 75, 156, 0.15);
    border-color: var(--blue-light-2);
}

.category-post-card__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Изображение */
.category-post-card__image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: linear-gradient(45deg, var(--blue-light), var(--lilac-light));
}

.category-post-card__image a {
    display: block;
    height: 100%;
}

.category-post-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.category-post-card:hover .category-post-card__image img {
    transform: scale(1.08);
}

/* Чипсы (метки) */
.category-post-card__chips {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    z-index: 2;
}

.category-post-card__chip {
    padding: 6px 14px;
    background: var(--orange-light);
    color: var(--primary-light);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(255, 90, 0, 0.3);
    backdrop-filter: blur(4px);
    animation: fadeIn 0.5s ease-out;
    text-transform: lowercase;
}

.category-post-card__chip::first-letter {
    text-transform: uppercase;
}

/* Контент карточки */
.category-post-card__content {
    padding: 28px 24px 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--primary-light);
}

.category-post-card__title {
    margin: 0 0 16px 0;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.02em;
}

.category-post-card__title a {
    color: var(--text-dark);
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
}

.category-post-card__title a:hover {
    color: var(--orange-light);
}

/* Эксперт (отрывок) */
.category-post-card__excerpt {
    color: var(--text-medium);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 24px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Кнопка "Читать далее" */
.category-post-card__read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lilac);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: auto;
    padding: 8px 0;
    border-top: 1px solid transparent;
    position: relative;
}

.category-post-card__read-more::after {
    content: '→';
    font-size: 18px;
    transition: transform 0.3s ease;
}

.category-post-card__read-more:hover {
    color: var(--orange-light);
    gap: 12px;
}

.category-post-card__read-more:hover::after {
    transform: translateX(4px);
}

/* Пустое состояние */
.category-posts__empty {
    text-align: center;
    padding: 100px 0;
    background: var(--blue-light);
    border-radius: 30px;
    font-size: 20px;
    color: var(--text-medium);
    border: 2px dashed var(--blue-light-2);
}

/* Пагинация */
.category-pagination {
    margin-top: 60px;
}

.category-pagination--simple .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.category-pagination--simple .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 8px;
    border-radius: 12px;
    background-color: var(--primary-light);
    color: var(--text-dark);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid var(--blue-light-2);
}

.category-pagination--simple .page-numbers:hover {
    background-color: var(--blue-light);
    border-color: var(--lilac);
    transform: translateY(-2px);
}

.category-pagination--simple .page-numbers.current {
    background: linear-gradient(135deg, var(--orange-light), #FF8A4C);
    color: var(--primary-light);
    border-color: var(--orange-light);
    box-shadow: 0 4px 15px rgba(255, 90, 0, 0.3);
}

.category-pagination--simple .page-numbers.prev,
.category-pagination--simple .page-numbers.next {
    padding: 0 16px;
    gap: 8px;
    font-size: 0;
}

.category-pagination--simple .page-numbers.prev svg,
.category-pagination--simple .page-numbers.next svg {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.category-pagination--simple .page-numbers.prev:hover svg {
    transform: translateX(-3px);
}

.category-pagination--simple .page-numbers.next:hover svg {
    transform: translateX(3px);
}

.category-pagination--simple .page-numbers.dots {
    border: none;
    background: transparent;
    color: var(--text-light);
}

/* Анимации */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Адаптивность */
@media (max-width: 1200px) {
    .category-posts__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .category-header__title {
        font-size: 48px;
    }
}

@media (max-width: 992px) {
    .category-header {
        padding: 60px 0 40px;
    }

    .category-header__title {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .category-header__description {
        font-size: 18px;
    }

    .category-post-card__title {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .category-header__title {
        font-size: 36px;
    }

    .category-header__description {
        font-size: 16px;
        line-height: 1.5;
    }

    .category-posts {
        padding: 40px 0 60px;
    }

    .category-posts__grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .category-post-card__content {
        padding: 22px 20px 24px;
    }

    .category-post-card__title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .category-post-card__excerpt {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .category-pagination--simple .page-numbers {
        min-width: 40px;
        height: 40px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .category-header {
        padding: 40px 0 30px;
    }

    .category-header__title {
        font-size: 32px;
        margin-bottom: 16px;
    }

    .category-header__description {
        font-size: 15px;
    }

    .category-posts__grid {
        gap: 20px;
    }

    .category-post-card__image {
        aspect-ratio: 16 / 9;
    }

    .category-post-card__chip {
        padding: 4px 12px;
        font-size: 12px;
    }

    .category-post-card__title {
        font-size: 18px;
    }

    .category-post-card__excerpt {
        font-size: 14px;
        -webkit-line-clamp: 3;
    }

    .category-post-card__read-more {
        font-size: 14px;
    }

    .category-pagination--simple .nav-links {
        gap: 5px;
    }

    .category-pagination--simple .page-numbers {
        min-width: 36px;
        height: 36px;
        font-size: 13px;
    }
}

/* Темная тема (если поддерживается) */
@media (prefers-color-scheme: dark) {
    .category-post-card {
        background: var(--background-main);
        border-color: var(--blue-dark);
    }

    .category-post-card__content {
        background: var(--background-main);
    }

    .category-post-card__title a {
        color: var(--primary-light);
    }

    .category-post-card__excerpt {
        color: var(--gray-medium);
    }

    .category-pagination--simple .page-numbers {
        background-color: var(--background-main);
        color: var(--primary-light);
        border-color: var(--blue-dark);
    }

    .category-pagination--simple .page-numbers:hover {
        background-color: var(--blue-dark);
    }
}

/* Улучшения для accessibility */
.category-post-card__read-more:focus-visible,
.category-pagination--simple .page-numbers:focus-visible {
    outline: 2px solid var(--orange-light);
    outline-offset: 2px;
}

/* Анимация при загрузке страницы */
.category-post-card {
    animation: fadeInUp 0.6s ease-out;
    animation-fill-mode: both;
}

.category-post-card:nth-child(3n+1) {
    animation-delay: 0.1s;
}

.category-post-card:nth-child(3n+2) {
    animation-delay: 0.2s;
}

.category-post-card:nth-child(3n+3) {
    animation-delay: 0.3s;
}

@media (max-width: 1200px) {
    .category-post-card:nth-child(2n+1) {
        animation-delay: 0.1s;
    }

    .category-post-card:nth-child(2n+2) {
        animation-delay: 0.2s;
    }
}

@media (max-width: 768px) {
    .category-post-card:nth-child(n) {
        animation-delay: 0.1s;
    }
}




/* Author Page Styles
--------------------------------------------- */

/* Header секция автора */
.author-header {
    padding: 60px 0 40px;
    background: linear-gradient(135deg, var(--background-main) 0%, var(--blue-dark) 100%);
    position: relative;
    overflow: hidden;
    color: var(--primary-light);
}

.author-header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.author-header__grid {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 60px;
    align-items: start;
    position: relative;
    z-index: 2;
}

/* Аватар */
.author-header__avatar {
    position: relative;
    text-align: center;
}

.author-header__avatar-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 30px;
    border: 4px solid var(--primary-light);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.author-header__avatar-img:hover {
    transform: scale(1.02);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.4);
}

/* Социальные сети */
.author-header__social {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.author-header__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: all 0.3s ease;
    backdrop-filter: blur(4px);
}

.author-header__social-link:hover {
    background: var(--orange-light);
    transform: translateY(-3px);
}

.author-header__social-link svg {
    width: 22px;
    height: 22px;
}

.author-header__social-link svg path,
.author-header__social-link svg rect,
.author-header__social-link svg circle {
    transition: stroke 0.3s ease;
}

.author-header__social-link:hover svg path,
.author-header__social-link:hover svg rect,
.author-header__social-link:hover svg circle {
    stroke: var(--primary-light);
}

/* Информация об авторе */
.author-header__info {
    padding-top: 20px;
}

.author-header__badge {
    display: inline-block;
    padding: 6px 16px;
    background: var(--orange-light);
    color: var(--primary-light);
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.author-header__name {
    font-weight: 800;
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    color: var(--primary-light);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Статистика */
.author-header__stats {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.author-header__stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.author-header__stat-value {
    font-weight: 700;
    font-size: 28px;
    line-height: 1;
    color: var(--orange-light);
}

.author-header__stat-label {
    font-size: 14px;
    opacity: 0.8;
}

.author-header__stat-link {
    color: var(--primary-light);
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.author-header__stat-link:hover {
    color: var(--orange-light);
}

/* Описание */
.author-header__description {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 1.7;
    opacity: 0.9;
}

.author-header__description p {
    margin-bottom: 16px;
}

.author-header__description p:last-child {
    margin-bottom: 0;
}

/* Кнопка связи */
.author-header__contact-btn {
    padding: 16px 32px;
    background: var(--orange-light);
    color: var(--primary-light);
    font-size: 18px;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 90, 0, 0.3);
}

.author-header__contact-btn:hover {
    background: #FF6B1A;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 90, 0, 0.4);
}

/* Секция с постами */
.author-posts {
    padding: 80px 0;
    background: var(--primary-light);
}

.author-posts__title {
    font-weight: 700;
    font-size: 42px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 50px;
    text-align: center;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.author-posts__title span {
    -webkit-text-fill-color: var(--orange-light);
    display: inline-block;
}

.author-posts__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}

/* Карточка поста */
.author-post-card {
    background: var(--primary-light);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    border: 1px solid rgba(158, 163, 215, 0.2);
}

.author-post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(67, 75, 156, 0.15);
    border-color: var(--blue-light-2);
}

.author-post-card__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.author-post-card__image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
}

.author-post-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.author-post-card:hover .author-post-card__image img {
    transform: scale(1.05);
}

.author-post-card__category {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 16px;
    background: var(--orange-light);
    color: var(--primary-light);
    font-size: 13px;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(255, 90, 0, 0.3);
    z-index: 2;
    text-transform: lowercase;
}

.author-post-card__category::first-letter {
    text-transform: uppercase;
}

.author-post-card__content {
    padding: 25px 25px 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.author-post-card__meta {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    color: var(--text-light);
    font-size: 14px;
}

.author-post-card__date {
    position: relative;
    padding-left: 20px;
}

.author-post-card__date::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6' stroke='%239B9B9B' stroke-width='0.5'/%3E%3Cpath d='M7 3V7L9 9' stroke='%239B9B9B' stroke-width='0.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.author-post-card__reading-time {
    position: relative;
    padding-left: 22px;
}

.author-post-card__reading-time::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='6' stroke='%239B9B9B' stroke-width='0.5'/%3E%3Cpath d='M8 4V8L10 10' stroke='%239B9B9B' stroke-width='0.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.author-post-card__title {
    margin: 0 0 16px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.02em;
}

.author-post-card__title a {
    color: var(--text-dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.author-post-card__title a:hover {
    color: var(--orange-light);
}

.author-post-card__excerpt {
    color: var(--text-medium);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 24px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Кнопка "Читать статью" */
.author-post-card__read-more {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lilac);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: auto;
    padding: 8px 0;
    border-top: 1px solid transparent;
    position: relative;
}

.author-post-card__read-more::after {
    content: '→';
    font-size: 18px;
    transition: transform 0.3s ease;
}

.author-post-card__read-more:hover {
    color: var(--orange-light);
    gap: 12px;
}

.author-post-card__read-more:hover::after {
    transform: translateX(4px);
}

/* Популярные статьи */
.author-popular {
    padding: 0 0 100px;
    background: var(--primary-light);
}

.author-popular__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 40px;
    color: var(--text-dark);
}

.author-popular__title::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--orange-light);
    margin: 16px auto 0;
    border-radius: 2px;
}

.author-popular__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.author-popular-card {
    display: flex;
    gap: 20px;
    background: var(--blue-light);
    border-radius: 16px;
    padding: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.author-popular-card:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 20px rgba(67, 75, 156, 0.1);
}

.author-popular-card__image {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 12px;
    overflow: hidden;
}

.author-popular-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.author-popular-card:hover .author-popular-card__image img {
    transform: scale(1.05);
}

.author-popular-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.author-popular-card__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.author-popular-card__title a {
    color: var(--text-dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.author-popular-card__title a:hover {
    color: var(--orange-light);
}

.author-popular-card__meta {
    color: var(--text-light);
    font-size: 13px;
}

/* Пустое состояние */
.author-posts__empty {
    text-align: center;
    padding: 80px 0;
    background: var(--blue-light);
    border-radius: 30px;
    font-size: 18px;
    color: var(--text-medium);
}

/* Пагинация (как в рубриках) */
.author-pagination {
    margin-top: 60px;
}

.author-pagination--simple .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.author-pagination--simple .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 8px;
    border-radius: 12px;
    background-color: var(--primary-light);
    color: var(--text-dark);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid var(--blue-light-2);
}

.author-pagination--simple .page-numbers:hover {
    background-color: var(--blue-light);
    border-color: var(--lilac);
    transform: translateY(-2px);
}

.author-pagination--simple .page-numbers.current {
    background: linear-gradient(135deg, var(--orange-light), #FF8A4C);
    color: var(--primary-light);
    border-color: var(--orange-light);
    box-shadow: 0 4px 15px rgba(255, 90, 0, 0.3);
}

.author-pagination--simple .page-numbers.prev,
.author-pagination--simple .page-numbers.next {
    padding: 0 16px;
    font-size: 0;
}

.author-pagination--simple .page-numbers.prev svg,
.author-pagination--simple .page-numbers.next svg {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.author-pagination--simple .page-numbers.prev:hover svg {
    transform: translateX(-3px);
}

.author-pagination--simple .page-numbers.next:hover svg {
    transform: translateX(3px);
}

/* Адаптивность */
@media (max-width: 1200px) {
    .author-posts__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .author-popular__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .author-header__grid {
        grid-template-columns: 250px 1fr;
        gap: 40px;
    }

    .author-header__avatar-img {
        height: 250px;
    }

    .author-header__name {
        font-size: 40px;
    }

    .author-posts__title {
        font-size: 36px;
    }

    .author-popular__title {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .author-header {
        padding: 40px 0 30px;
    }

    .author-header__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .author-header__avatar {
        max-width: 250px;
        margin: 0 auto;
    }

    .author-header__info {
        text-align: center;
    }

    .author-header__stats {
        justify-content: center;
    }

    .author-header__name {
        font-size: 36px;
    }

    .author-header__description {
        font-size: 16px;
        text-align: left;
    }

    .author-posts {
        padding: 60px 0;
    }

    .author-posts__title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .author-posts__grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .author-post-card__content {
        padding: 20px 20px 25px;
    }

    .author-post-card__title {
        font-size: 18px;
    }

    .author-post-card__excerpt {
        font-size: 14px;
    }

    .author-popular {
        padding: 0 0 60px;
    }

    .author-popular__title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .author-popular__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .author-popular-card {
        padding: 12px;
    }

    .author-popular-card__image {
        width: 80px;
        height: 80px;
    }

    .author-popular-card__title {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .author-header__name {
        font-size: 32px;
    }

    .author-header__stats {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .author-header__stat {
        align-items: center;
    }

    .author-header__contact-btn {
        width: 100%;
        padding: 14px 20px;
        font-size: 16px;
    }

    .author-posts__title {
        font-size: 28px;
    }

    .author-post-card__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .author-pagination--simple .nav-links {
        gap: 5px;
    }

    .author-pagination--simple .page-numbers {
        min-width: 36px;
        height: 36px;
        font-size: 14px;
    }
}

/* Анимации */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.author-header__avatar,
.author-header__info,
.author-post-card,
.author-popular-card {
    animation: fadeInUp 0.6s ease-out forwards;
}

.author-post-card:nth-child(3n+1) {
    animation-delay: 0.1s;
}

.author-post-card:nth-child(3n+2) {
    animation-delay: 0.2s;
}

.author-post-card:nth-child(3n+3) {
    animation-delay: 0.3s;
}

/* --- Система-1: Hero Section --- */
.sistema-hero {
    padding: 21px 0 65px;
    overflow: hidden;
}

.sistema-hero__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 60px;
}

.sistema-hero__content {
    flex: 1;
}

.sistema-hero__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.23;
    color: var(--text-dark);
    margin: 40px 0 16px;
    letter-spacing: -0.02em;
}

.sistema-hero__buttons button {
    position: absolute;
    left: 23px;
    bottom: 55px;
    background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
    box-shadow: 0 3px 0 #A93300;
    color: var(--primary-light);
    width: 87%;
    height: 74px;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
}

.sistema-hero__buttons a {
    position: absolute;
    left: 23px;
    bottom: -28px;
    border: 1px solid var(--orange-light);
    background-color: var(--primary-light);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--orange-light);
    font-size: 20px;
    font-weight: 500;
    width: 87%;
    height: 74px;
    padding: 0;
}

.sistema-hero__buttons button:hover,
.sistema-hero__buttons a:hover {
    transform: translateY(-2px);
}

.sistema-hero__title p {
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
}

.sistema-hero__title span {
    color: var(--lilac);
}

.sistema-hero__title-2 {
    font-size: 50px;
    line-height: 1.2;
}

.sistema-hero__title-2 span {
    font-size: 28px;
    display: block;
    line-height: 1.33;
}

.sistema-hero__description {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--text-dark);
    margin-bottom: 15px;
    max-width: 600px;
    position: relative;
}

.sistema-hero__list {
    list-style: none;
    border-radius: 8px;
    background-color: var(--blue-light);
    padding: 10px 18px;
}

.sistema-hero__item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-dark);
    display: flex;
    align-items: center;
    gap: 15px;
}

/* .sistema-hero__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url("./img/sistema/img_7_24.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
} */

.sistema-hero__item:last-child {
    margin-bottom: 0;
}

/* .sistema-hero__item:nth-child(2)::before {
    background-image: url("./img/sistema/img_7_24-2.svg");
}

.sistema-hero__item:last-child::before {
    background-image: url("./img/sistema/img_7_24-3.svg");
} */

.sistema-hero__img {
    position: relative;
    width: 100%;
    max-width: 565px;
}

.sistema-hero__experience {
    position: absolute;
    left: 331px;
    top: 240px;
    font-size: 24px;
    line-height: 24px;
    color: var(--blue);
    font-weight: 400;
    padding: 5px 7px;
    border: 2px solid var(--blue);
    border-radius: var(--border-radius-xs);
    text-wrap: nowrap;
    width: fit-content;
}

.sistema-hero__profile {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    left: 256px;
    top: 90px;
}

.sistema-hero__name {
    color: var(--lilac);
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-wrap: nowrap;
}

.sistema-hero__profession {
    color: var(--gray-dark);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 0em;
    min-width: 325px;
}

/* --- Isolated styles for Create Sites Hero --- */
.sistema-hero__create-sites .sistema-hero__buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 90px;
}

.sistema-hero__create-sites .sistema-hero__buttons button,
.sistema-hero__create-sites .sistema-hero__buttons a {
    position: static;
    width: 440px;
    max-width: 100%;
    margin: 0;
}

.sistema-hero__create-sites .sistema-hero__buttons a {
    height: 74px;
}

.mr-btn-70-nomob {
    margin-bottom: 70px;
}

@media (max-width: 1024px) {
    .sistema-hero__create-sites .sistema-hero__buttons {
        margin: 30px auto 0;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .sistema-hero__create-sites .sistema-hero__buttons {
        margin-top: 20px;
        gap: 10px;
    }

    .sistema-hero__create-sites .sistema-hero__buttons button,
    .sistema-hero__create-sites .sistema-hero__buttons a {
        width: 100%;
        height: 64px;
        font-size: 18px;
    }
}

/* Кнопки */
.btn--orange {
    background-color: var(--orange-light);
    color: #fff;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.3s;
}

.btn--orange:hover {
    background-color: #e65100;
}

.btn--outline {
    border: 2px solid var(--blue);
    color: var(--blue);
    padding: 18px 40px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s;
}

.btn--outline:hover {
    background-color: var(--blue);
    color: #fff;
}

.btn__icon {
    width: 20px;
}

@media (max-width: 1024px) {
    .sistema-hero__wrapper {
        flex-direction: column;
        align-items: center;
    }

    .sistema-hero__content {
        /* text-align: center; */
    }

    .sistema-hero__list {
        display: inline-block;
        text-align: left;
    }

    .btn--orange,
    .btn--outline {
        width: 100%;
        justify-content: center;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .mr-btn-70-nomob {
        margin-bottom: 0;
    }

    .sistema-hero {
        padding: 21px 0 145px;
    }

    .sistema-hero__wrapper {
        flex-direction: column-reverse;
        align-items: center;
    }

    .sistema-hero__title {
        font-size: 30px;
        margin-top: 15px;
    }

    .sistema-hero__title-2 span {
        font-size: 26px;
    }

    .sistema-hero__profile {
        left: 190px;
        top: 25px;
    }

    .sistema-hero__profile {
        gap: 5px;
    }

    .sistema-hero__name {
        font-size: 20px;
    }

    .sistema-hero__profession {
        font-size: 16px;
        min-width: 185px;
    }

    .sistema-hero__experience {
        font-size: 16px;
        line-height: 16px;
        padding: 5px 7px;
        left: 190px;
        top: 165px;
    }

    .sistema-hero__buttons button {
        left: 0;
        bottom: -73px;
        width: 100%;
        font-size: 20px;
    }

    .sistema-hero__buttons a {
        left: 0;
        bottom: -155px;
        width: 100%;
        font-size: 16px;
    }
}

@media (min-width: 320px) and (max-width: 360px) {
    .sistema-hero__profile {
        left: 165px;
    }

    .sistema-audience__box-title {
        font-size: 18px !important;
    }
}

/* --- Система-1: Marketing Section --- */
.sistema-marketing {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 100px 0;
}

.sistema-marketing__title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 70px;
}

.sistema-marketing__grid {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.sistema-marketing__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.sistema-marketing__icon {
    width: 60px;
    height: 60px;
    background-color: var(--orange-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.sistema-marketing__icon img {
    width: 30px;
    height: 30px;
    filter: brightness(0) invert(1);
}

.sistema-marketing__text {
    font-size: 24px;
    line-height: 1.33;
    font-weight: 500;
}

@media (max-width: 991px) {
    .sistema-marketing__grid {
        flex-direction: column;
        gap: 50px;
    }

    .sistema-marketing__title {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

@media (max-width: 1024px) {
    .sistema-hero__description {
        max-width: 100%;
    }

    .sistema-audience__list li {
        min-height: 150px !important;
    }
}

/* --- Система-1: Ideal Section --- */
.sistema-ideal {
    padding: 120px 0;
    background-color: var(--blue-light);
}

.sistema-ideal__title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 80px;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sistema-ideal__title span {
    display: block;
    font-size: 32px;
    font-weight: 500;
    -webkit-text-fill-color: var(--text-medium);
    margin-top: 15px;
}

.sistema-ideal__grid {
    display: flex;
    gap: 60px;
}

.sistema-ideal__item {
    flex: 1;
    display: flex;
    gap: 30px;
}

.sistema-ideal__number {
    font-size: 64px;
    font-weight: 700;
    color: var(--orange-light);
    line-height: 1;
    position: relative;
}

.sistema-ideal__number::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--orange-light);
}

.sistema-ideal__text {
    font-size: 24px;
    line-height: 1.33;
    color: var(--text-dark);
}

@media (max-width: 991px) {
    .sistema-ideal__grid {
        flex-direction: column;
        gap: 50px;
    }

    .sistema-ideal__title {
        font-size: 32px;
    }

    .sistema-ideal__title span {
        font-size: 24px;
    }
}

/* --- Система-1: Top Holes Section --- */
.sistema-top-holes {
    padding: 100px 0;
}

.sistema-top-holes__title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 80px;
}

.sistema-top-holes__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}

.sistema-top-holes__card {
    background-color: var(--blue-light);
    padding: 40px;
    border-radius: 13px;
    position: relative;
    border: 1px solid var(--blue-light-2);
}

.sistema-top-holes__card-num {
    font-size: 40px;
    font-weight: 700;
    color: var(--orange-light);
    margin-bottom: 20px;
}

.sistema-top-holes__card-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    color: var(--text-dark);
}

.sistema-top-holes__card-content {
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-light);
}

.sistema-top-holes__cta-card {
    grid-column: span 2;
    padding: 40px;
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sistema-top-holes__cta-card p {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-light);
    margin-bottom: 30px;
}

.sistema-top-holes__phases {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.sistema-top-holes__phases span {
    color: var(--primary-light-50);
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.sistema-top-holes__phases span::after {
    content: '→';
    margin-left: 10px;
}

.sistema-top-holes__phases span:last-child::after {
    content: '';
}

.sistema-top-holes__cta-card .btn--primary {
    position: static;
    width: 320px;
    height: 70px;
}

.sistema-top-holes__note {
    max-width: 900px;
    margin: 0 auto;
    font-size: 16px;
    color: var(--text-medium);
    line-height: 1.5;
}

@media (max-width: 1200px) {
    .sistema-top-holes__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sistema-top-holes__grid {
        grid-template-columns: 1fr;
    }

    .sistema-top-holes__cta-card {
        grid-column: span 1;
    }

    .sistema-top-holes__title {
        font-size: 32px;
    }

    .sistema-top-holes__phases {
        flex-direction: column;
        gap: 10px;
    }
}

/* --- Система-2: Problems Section --- */
.sistema-problems {
    background-color: var(--background-main);
    box-shadow: inset 0 -45px 75px 5px var(--shadow);
    padding: 100px 0;
    color: #fff;
}

.sistema-problems__title {
    color: var(--primary-light);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 42px;
}

.sistema-problems__title span {
    color: var(--orange-light);
}

.sistema-problems__subtitle {
    color: var(--primary-light);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 30px;
}

.sistema-problems__wrapper {
    background-color: rgba(246, 247, 255, 1);
    padding: 31px 43px;
    display: flex;
    gap: 37px;
    border-radius: 13px;
    justify-content: space-between;
    margin-bottom: 21px;
}

.sistema-problems__problems {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sistema-problems__problems-title {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -2%;
    color: var(--text-dark);
    padding-bottom: 20px;
    border-bottom: 1px solid var(--blue-light-2);
    width: 540px;
    margin-bottom: 25px;
}

.sistema-problems__problems-text {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    color: var(--text-dark);
    line-height: 133%;
    letter-spacing: 0%;
    max-width: 1000px;
}

.sistema-problems__problems-text b {
    font-weight: 700;
}

.sistema-problems__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 35px;
    margin-bottom: 21px;
    max-width: 1000px;
}

.sistema-problems__grid li {
    list-style: none;
    display: flex;
    min-width: 250px;
}

.sistema-problems__grid li span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: var(--orange-light);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
}

.sistema-problems__grid li span span {
    width: 2px;
    background-color: var(--orange-light);
    height: 100%;
}

.sistema-problems__grid li p {
    color: var(--text-dark);
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    letter-spacing: 0em;
    padding-left: 15px;
}

@media (min-width: 320px) and (max-width: 480px) {
    .sistema-problems__title {
        font-size: 36px;
        text-align: left;
        padding-left: 10px;
    }

    .sistema-problems__wrapper {
        flex-direction: column-reverse;
        padding: 24px 20px;
        gap: 16px;
        align-items: center;
    }

    .sistema-problems__problems-title {
        font-size: 20px;
        width: 100%;
        /* text-align: center; */
    }

    .sistema-problems__grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .sistema-problems__grid li span {
        font-size: 40px;
    }

    .sistema-problems__problems-text {
        /* text-align: center; */
    }
}


@media (max-width: 1024px) {
    .sistema-problems__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sistema-problems__grid {
        grid-template-columns: 1fr;
    }

    .sistema-problems__solution-intro {
        padding: 30px;
    }

    .sistema-problems__number {
        font-size: 48px;
    }

    .sistema-problems__text {
        font-size: 18px;
    }
}

/* --- Система-3: Methodology Section --- */
.sistema-method {
    background-color: var(--blue-light);
    padding: 100px 0;
}

.sistema__title {
    background: linear-gradient(180deg, #999 0%, #000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
    font-weight: 700;
    font-size: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 12px;
}

.sistema__title p {
    background: linear-gradient(180deg, #999 0%, #000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sistema__title span {
    -webkit-text-fill-color: var(--orange-light);
}

.sistema__subtitle {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -2%;
    text-align: center;
    margin-bottom: 42px;
    text-align: center;
}

.sistema-method__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
    margin-bottom: 60px;
}

.sistema-method__card {
    background: #fff;
    padding: 60px;
    border-radius: 13px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.sistema-method__card-title-flex {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.sistema-method__card-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-dark);
}

.sistema-method__card-title-flex span {
    flex: 1;
    height: 1px;
    background-color: var(--blue-light-2);
    width: 100%;
}

.sistema-method__card-text {
    font-size: 18px;
    line-height: 1.5;
    color: var(--text-dark);
    font-weight: 500;
}

.sistema-method__footer {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: var(--text-dark);
}

@media (max-width: 991px) {
    .sistema-method__grid {
        grid-template-columns: 1fr;
    }

    .sistema-method__card {
        padding: 40px;
    }

    .sistema__title {
        font-size: 32px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .sistema__title {
        font-size: 36px;
        text-align: left;
    }

    .sistema__subtitle {
        font-size: 24px;
        text-align: left;
    }

    .container-mob-nopadding .sistema__title,
    .container-mob-nopadding .sistema__subtitle {
        padding-left: 10px;
    }

    .sistema-method__card {
        padding: 35px 20px;
    }

    .sistema-method__card-title-flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sistema-method__card-title-flex span {
        flex: auto;
    }

    .sistema-method__card-title {
        font-size: 20px;
    }

    .sistema-method__card-text {
        /* text-align: center; */
    }
}

/* --- Система-4 & 5: Steps Section --- */
.sistema-steps {
    padding: 106px 0 126px;
}

.sistema-step {
    background: var(--blue-light);
    padding: 40px 30px;
    border-radius: 13px;
    margin-bottom: 21px;
    position: relative;
}

.sistema-step::after {
    content: '';
    position: absolute;
    width: 31px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='20' viewBox='0 0 33 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 20L32 6L1 6L17 20Z' fill='%23F6F7FF'/%3E%3Cpath d='M32 1L17 15L1 1' stroke='%239EA3D7' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    left: calc(50% - 15.5px);
    bottom: -13px;
}

.sistema-step__header {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid var(--blue-light-2);
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.sistema-step__number {
    font-size: 64px;
    font-weight: 700;
    color: var(--orange-light);
    line-height: 1;
}

.sistema-step__title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-dark);
    line-height: 1.2;
}

.sistema-step__content {
    /*padding-left: 94px;*/
}

.sistema-step__text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-dark);
    margin-bottom: 30px;
}

.sistema-step__text ul {
    margin: 20px 0 0 20px;
    list-style: none;
}

.sistema-step__text li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}

.sistema-step__text li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: var(--gray-dark);
    border-radius: 50%;
}

.sistema-step__result {
    padding: 25px 0;
    border-top: 1px solid var(--blue-light-2);
    display: flex;
    align-items: center;
    gap: 8px;
}

.sistema-step__result-text {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-dark);
}

.sistema-step__result-text b {
    font-weight: 700;
}

/* Сравнение в шаге 2 */
.sistema-comparison {
    padding: 36px 0 0;
    margin-bottom: 25px;
    border-top: 1px solid var(--blue-light-2);
}

.sistema-comparison__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}

.sistema-comparison__table-wrapper {
    overflow-x: auto;
}

.sistema-comparison__table {
    width: 100%;
    border-collapse: collapse;
}

.sistema-comparison__table th,
.sistema-comparison__table td {
    padding: 15px 30px;
    text-align: left;
    border-bottom: 1px solid var(--blue-light-2);
}

.sistema-comparison__table th {
    font-weight: 700;
    color: var(--gray-dark);
}

.sistema-comparison__table th:last-child {
    color: var(--orange-light);
}

.sistema-comparison__table tr:last-child td {
    border-bottom: none;
}

.sistema-comparison__table tr th:last-child,
.sistema-comparison__table tr td:last-child {
    background-color: var(--primary-light);
}

.sistema-comparison__table tr th:last-child {
    border-radius: 13px 13px 0 0;
}

.sistema-comparison__table tr:last-child td:last-child {
    border-radius: 0 0 13px 13px;
}

@media (max-width: 768px) {
    .sistema-step {
        padding: 30px;
    }

    .sistema-step__header {
        align-items: flex-start;
        gap: 10px;
    }

    .sistema-step__content {
        padding-left: 0;
    }

    .sistema-step__number {
        font-size: 40px;
    }

    .sistema-step__title {
        font-size: 20px;
    }

    .sistema-step__result {
        align-items: flex-start;
    }

    .sistema-comparison {
        padding: 20px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .sistema-comparison {
        padding: 0;
    }

    .sistema-comparison__title {
        font-size: 20px;
    }
}

/* --- Система-5: Математика результата --- */
.sistema-math {
    padding: 100px 0;
    background-color: var(--blue-light);
    overflow: hidden;
}

.sistema-math .container-relative {
    position: relative;
}


.sistema-math__header {
    position: relative;
    z-index: 3;
}

.sistema-math .sistema__subtitle {
    margin-bottom: 0;
}

.sistema-math__subsubtitle {
    font-size: 20px;
    font-weight: 500;
    color: var(--text-dark);
    text-align: center;
    margin-bottom: 42px;
}

.sistema-math__list {
    position: relative;
    z-index: 3;
    list-style: none;
    margin: 0 35px 30px;
}

.sistema-math__list li {
    font-size: 20px;
    font-weight: 500;
    color: var(--text-dark);
    line-height: 1.33;
    padding: 8px 0;
}

.sistema-math__img {
    position: absolute;
    bottom: 190px;
    right: -40px;
    z-index: 2;
    pointer-events: none;
}

.sistema-math__img img {
    width: 432px;
    height: 392px;
}

.sistema-math__simple {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    padding: 20px 35px;
    background-color: var(--background-main);
    box-shadow: inset 0 -15px 27px -5px var(--blue-dark);
    color: var(--primary-light);
}

.sistema-math__simple p {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.33;
    margin: 15px 0;
}

p.sistema-math__simple-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.57;
    margin-top: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
    .sistema-math {
        padding: 84px 10px;
    }

    .sistema-math .sistema__subtitle {
        margin-bottom: 15px;
    }

    .sistema-math__subsubtitle {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 1;
    }

    .sistema-math__list {
        margin: 20px 20px 80px;
    }

    .sistema-math__list li {
        font-size: 16px;
        padding: 5px 0;
    }

    .sistema-math__simple {
        padding: 20px;
        margin: 0 20px;
    }

    .sistema-math__simple p {
        font-size: 16px;
    }

    p.sistema-math__simple-title {
        font-size: 20px;
    }

    .sistema-math__img {
        top: auto;
        bottom: 25% !important;
        right: -80px !important;
    }

    .sistema-math__img img {
        width: 214px;
        height: 194px;
    }
}

/* --- Система-6: Audience Section --- */
.sistema-audience {
    padding: 100px 0;
    background-color: #fff;
}

.sistema-audience__header {
    text-align: center;
    margin-bottom: 60px;
}

.sistema-audience__title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    background: linear-gradient(180deg, #999 0%, #000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sistema-audience__subtitle {
    font-size: 32px;
    font-weight: 500;
    color: var(--text-dark);
}

.sistema-audience__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 80px;
}

.sistema-audience__box {
    padding: 30px 0;
    border-radius: 13px;
}

.sistema-audience__box--yes {
    background-color: var(--blue-light);
}

.sistema-audience__box--no {
    /* background-color: #f8f8f8; */
}

.sistema-audience__box-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.57;
    padding: 0 45px;
    margin-bottom: 15px;
    color: var(--text-dark);
}

.sistema-audience__box--yes .sistema-audience__box-title {
    color: var(--orange-light);
}

.sistema-audience__list {
    list-style: none;
}

.sistema-audience__list li {
    position: relative;
    padding: 0 45px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.33;
    font-weight: 500;
    min-height: 130px;
    border-bottom: 1px solid var(--blue-light-2);
}

.sistema-audience__box--yes .sistema-audience__list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .sistema-audience__grid {
        /* grid-template-columns: 1fr; */
    }

    .sistema-audience__title {
        font-size: 32px;
    }

    .sistema-audience__list li {
        min-height: 250px !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .sistema-audience__box-title {
        font-size: 18px !important;
        padding: 0 15px;
    }

    .sistema-audience__list li {
        font-size: 14px;
        padding: 0 15px;
        min-height: 200px;
    }

    .sistema-audience__box--yes {
        border-radius: 0 13px 13px 0;
    }

    .container-mob-nopadding {
        padding: 0 !important;
    }

    .sistema-prices__table-wrapper {
        overflow-x: scroll;
    }
}

/* --- Система 7-16: Final Styles --- */


/* Prices Table */
.sistema-prices {
    padding: 100px 0;
}

.sistema-prices__table {
    width: 100%;
    border-collapse: collapse;
    background: var(--blue-light);
    border-radius: 13px;
    overflow: hidden;
}

.sistema-prices__table th,
.sistema-prices__table td {
    padding: 25px 45px;
    text-align: left;
    border-bottom: 1px solid var(--blue-light-2);
}

.sistema-prices__table td {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.33;
}

.sistema-prices__table td.last-child {
    border-bottom: none;
}

.sistema-prices__table td:last-child {
    min-width: 390px;
}

.sistema-prices__table th {
    background-color: var(--blue-light);
    color: var(--text-dark);
    font-weight: 700;
    font-size: 24px;
}

.sistema-price {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 20px;
}

.sistema-prices__note {
    margin-top: 30px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.33;
}

.sistema-prices__table th:nth-child(4),
.sistema-prices__table td:nth-child(4) {
    display: none;
}

@media (max-width: 768px) {

    .sistema-prices__table th:nth-child(2),
    .sistema-prices__table td:nth-child(2) {
        display: none;
    }

    .sistema-prices__table th {
        font-size: 20px;
    }

    .sistema-math__img {
        bottom: 220px;
        right: -160px;
    }
}

@media (max-width: 991px) {
    .sistema-prices__table td:last-child {
        min-width: 200px;
    }

    .sistema-prices__table th {
        font-size: 20px;
    }

    .sistema-prices__table td,
    .sistema-price {
        font-size: 16px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .sistema-prices__table {
        border-radius: 0;
    }

    .sistema-prices__table th,
    .sistema-prices__table td {
        padding: 15px;
    }

    .sistema-prices__table td:last-child {
        min-width: none;
    }

    .sistema-prices__table th {
        font-size: 20px;
    }

    .sistema-prices__table td,
    .sistema-price {
        font-size: 14px;
    }

    .sistema-prices__table th:nth-child(4),
    .sistema-prices__table td:nth-child(4) {
        display: table-cell;
    }

    .sistema-prices__note {
        padding: 15px;
    }
}

/* Cases */
.sistema-cases {
    padding: 100px 0;
    background-color: var(--blue-light);
}

.sistema-cases__title {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.sistema-cases__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.sistema-case {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
}

.sistema-case__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    border-left: 4px solid var(--orange-light);
    padding-left: 20px;
}

.sistema-case__block {
    margin-bottom: 20px;
}

.sistema-case__block strong {
    display: block;
    margin-bottom: 5px;
    color: var(--lilac);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.sistema-case__block--after p {
    font-weight: 700;
    color: var(--text-dark);
}

/* Comparison Big */
.sistema-comparison-big {
    padding: 100px 0;
    background: linear-gradient(135deg, #282f72 0%, #434b9c 100%);
    color: #fff;
}

.sistema-comparison-big__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 60px;
}

.sistema-comparison-big__box {
    padding: 30px 0;
    border-radius: 13px;
}

.sistema-comparison-big__box--system {
    background: var(--primary-light);
}

.sistema-comparison-big__box-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--primary-light);
    padding-left: 45px;
    margin-bottom: 15px;
}

.sistema-comparison-big__grid-2 .sistema-comparison-big__box-title {
    font-size: 26px;
    line-height: 1.15;
}

.sistema-comparison-big__grid-2 .sistema-comparison-big__list li {
    display: flex;
    align-items: center;
    min-height: 112px;
}


.sistema-comparison-big__box--system .sistema-comparison-big__box-title {
    color: var(--orange-light);
}

.sistema-comparison-big__list {
    list-style: none;
}

.sistema-comparison-big__list li {
    color: var(--primary-light);
    padding: 15px 0 15px 45px;
    font-size: 20px;
    line-height: 1.33;
    font-weight: 500;
    border-bottom: 1px solid var(--blue-light-2);
}

.sistema-comparison-big__box--system .sistema-comparison-big__list li {
    color: var(--text-dark);
}

.sistema-comparison-big__list li:first-child {
    border-top: 1px solid var(--blue-light-2);
}

.sistema-comparison-big__list li:last-child {
    border-bottom: none;
}

@media (min-width: 320px) and (max-width: 480px) {
    .sistema-comparison-big__box {
        padding: 15px 0;
    }

    .sistema-comparison-big__box-title {
        font-size: 20px;
        padding-left: 15px;
        min-height: 64px;
    }

    .sistema-comparison-big__grid-2 .sistema-comparison-big__box-title {
        font-size: 17px;
        line-height: 1.15;
        min-height: 100px;
    }

    .sistema-comparison-big__list li {
        font-size: 14px;
        padding: 15px 0 15px 15px;
        min-height: 87px;
    }

    .sistema-comparison-big__grid-2 .sistema-comparison-big__list li {
        min-height: 145px;
    }


    .sistema-comparison-big__box--system {
        border-radius: 13px 0 0 13px;
    }
}

@media (min-width: 520px) and (max-width: 991px) {
    .sistema-comparison-big__grid-2 .sistema-comparison-big__box-title {
        min-height: 150px;
    }

    .sistema-comparison-big__grid-2 .sistema-comparison-big__list li {
        min-height: 165px;
    }
}

@media (min-width: 1000px) and (max-width: 1024px) {
    .sistema-comparison-big__grid-2 .sistema-comparison-big__box-title {
        min-height: 150px;
    }

    .sistema-comparison-big__grid-2 .sistema-comparison-big__list li {
        min-height: 165px;
    }
}

@media (min-width: 1100px) and (max-width: 1366px) {
    .sistema-comparison-big__grid-2 .sistema-comparison-big__box-title {
        min-height: 100px;
    }

    .sistema-comparison-big__grid-2 .sistema-comparison-big__list li {
        min-height: 125px;
    }
}

/* Author */
.sistema-author {
    padding: 100px 0;
}

.sistema-author__title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 60px;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sistema-author__grid {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 60px;
    align-items: start;
}

.sistema-author__image-wrapper {
    position: relative;
    padding-bottom: 60px;
    min-width: 514px;
}

.sistema-author__image {
    position: relative;
}

.sistema-author__image img {
    width: 100%;
    border-radius: 10px;
    display: block;
}

.sistema-author__name {
    position: absolute;
    bottom: 40px;
    left: 20px;
    font-size: 50px;
    font-weight: 700;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    z-index: 2;
    padding: 0 20px;
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: 'Montserrat';
    text-align: center;
}

.sistema-author__bio {
    margin-bottom: 30px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.sistema-author__credo {
    background: var(--blue-light);
    padding: 30px;
    border-radius: 6px;
    margin-bottom: 30px;
    position: relative;
    color: #767991;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.sistema-author__credo::after {
    content: '';
    position: absolute;
    right: -15px;
    top: 30%;
    transform: translateY(-50%);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid var(--blue-light);
}

.sistema-author__principles h4,
.sistema-author__contacts h4, .sistema-author__principles p.h4 {
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.02em;
    width: fit-content;
    border-bottom: 2px solid #CCD0F5;
    padding: 15px 0;
    margin-bottom: 15px;
}

.sistema-author__principles ul {
    list-style: none;
    padding-left: 0;
}

.sistema-author__principles li {
    padding-left: 25px;
    position: relative;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0em;
}

.sistema-author__principles li::before {
    content: '•';
    color: var(--text-dark);
    position: absolute;
    left: 5px;
    font-size: 24px;
    line-height: 1;
    top: 0;
}

.sistema-author__contacts {
    margin-top: 40px;
}

.sistema-author__contacts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.sistema-author__contacts-col p {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0em;
    margin-bottom: 0;
}

.sistema-author__contacts-col a {
    color: var(--text-dark);
    text-decoration: none;
    transition: color 0.3s;
}

.sistema-author__contacts-col a:hover {
    color: var(--orange-light);
}

/* Lead Magnet */
.sistema-lead-magnet__subtext {
    color: var(--primary-light);
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    max-width: 770px;
    margin: 0 auto;
    margin-top: 22px;
}

/* FAQ */
.sistema-faq {
    padding: 120px 0;
    background-color: var(--primary-light);
}

.sistema-faq__title {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
    letter-spacing: -0.02em;
    background: linear-gradient(180deg, #999 0%, #000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sistema-faq__grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
}

.sistema-faq__item {
    background-color: var(--blue-light);
    padding: 40px 60px;
    border-radius: 13px;
    border: none;
}

.sistema-faq__question {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: var(--text-dark);
    line-height: 1.2;
    position: relative;
    padding-bottom: 25px;
}

.sistema-faq__question::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 450px;
    height: 1px;
    background-color: var(--blue-light-2);
}

.sistema-faq__answer {
    font-size: 18px;
    line-height: 1.5;
    color: var(--text-dark);
    opacity: 0.9;
}

/* Bonus */
.sistema-bonus {
    padding: 120px 0;
    background-color: rgba(246, 247, 255, 1);
    text-align: center;
}

.sistema-bonus__header {
    margin-bottom: 50px;
}

.sistema-bonus__title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.23;
    letter-spacing: -0.02em;
    text-align: center;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
    color: #000;
}

.sistema-bonus__subtitle {
    margin-top: 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.33;
    letter-spacing: 0em;
    color: #1D1D1F;
    opacity: 1;
    margin-bottom: 60px;
}

.sistema-bonus__box {
    position: relative;
    padding: 20px 20px 50px;
    margin: 0 auto 60px;
    max-width: 1240px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sistema-bonus__border-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 1;
    object-fit: fill;
}

.sistema-bonus__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    position: relative;
    z-index: 2;
    width: 100%;
}

.sistema-bonus__card-item {
    background: #fff;
    padding: 40px 35px;
    /* Увеличил внутренний паддинг карточек */
    border-radius: 13px;
    display: flex;
    align-items: center;
    gap: 25px;
    text-align: left;
    box-shadow: 0 10px 40px rgba(0, 52, 148, 0.05);
}

.sistema-bonus__icon img {
    width: 130px;
    height: auto;
}

.sistema-bonus__text {
    font-size: 17px;
    /* Немного уменьшил текст */
    line-height: 1.3;
    color: #1D1D1F;
}

.sistema-bonus__main-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%) !important;
    /* Строго по центру линии */
    white-space: nowrap;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 809px;
    height: 74px;
    min-width: 809px;
    transition: all 0.3s ease;
}

.sistema-bonus__main-btn:hover {
    transform: translate(-50%, calc(50% - 2px)) !important;
    /* Только легкий подъем вверх, без уездов вбок */
    box-shadow: 0 5px 15px rgba(221, 40, 16, 0.4);
}

.sistema-bonus__sub-note {
    font-size: 20px;
    margin-bottom: 60px;
    margin-top: 20px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.sistema-bonus__footer-title {
    font-size: 32px;
    font-weight: 400;
    max-width: 880px;
    margin: 0 auto 60px;
    line-height: 1.4;
    color: #444;
}

.sistema-bonus__footer-box {
    position: relative;
    max-width: 1240px;
    display: flex;
    justify-content: center;
}

.sistema-bonus__footer-item-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.sistema-bonus__footer-item-btn--left {
    justify-content: flex-end;
}

.sistema-bonus__footer-item-btn--center {
    justify-content: center;
}

.sistema-bonus__footer-item-btn--right {
    justify-content: flex-start;
}

.sistema-bonus .sistema-bonus__footer-item-btn span {
    display: block !important;
    flex-grow: 1;
    min-width: 50px;
    height: 1px;
    background-color: var(--blue-light-2);
    z-index: 1;
}

.sistema-bonus .sistema-bonus__footer-item-btn span.mobile-only {
    display: none !important;
}

.sistema-bonus__footer-grid {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 30px !important;
    position: relative;
    width: 100%;
}

.sistema-bonus__footer-item {
    position: relative;
    flex: 0 0 auto;
}

.sistema-bonus__footer-item:first-child,
.sistema-bonus__footer-item:last-child {
    flex: 1 !important;
}



.sistema-bonus .sistema-bonus__btn,
.sistema-bonus .sistema-bonus__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 390px !important;
    max-width: 100% !important;
    flex-shrink: 0 !important;
    height: 74px !important;
    border: 1px solid #FF5A00 !important;
    border-radius: 5px !important;
    color: #FF5A00 !important;
    text-decoration: none !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-align: center !important;
}

.sistema-bonus .sistema-bonus__btn:hover,
.sistema-bonus .sistema-bonus__link:hover {
    transform: translateY(-2px);
}

.sistema-bonus .sistema-bonus__btn--tg img,
.sistema-bonus .sistema-bonus__link--tg img {
    width: 24px;
    height: auto;
    margin: 0;
}

.sistema-bonus__footer-item-text-after-btn {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.sistema-bonus__footer-item-text-left {
    justify-content: flex-end;
    padding-right: 55px;
}

.sistema-bonus__footer-item-text-right {
    justify-content: flex-start;
    padding-left: 55px;
}

.sistema-bonus__footer-item-text-center {
    justify-content: center;
    padding: 0;
}

.sistema-bonus .sistema-bonus__footer-grid {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 30px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
}

.sistema-bonus .sistema-bonus__footer-item {
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 0 !important;
}

/* Fallback для отступа, если gap не поддерживается или перекрыт */
.sistema-bonus .sistema-bonus__footer-item:not(:last-child) {
    margin-right: 0 !important;
    /* Reset, gap handle it */
}

/* Принудительная симметрия линий */
.sistema-bonus .sistema-bonus__footer-item:nth-child(1) .sistema-bonus__footer-item-btn {
    justify-content: flex-end;
}

.sistema-bonus .sistema-bonus__footer-item:nth-child(2) .sistema-bonus__footer-item-btn {
    justify-content: center !important;
}

.sistema-bonus .sistema-bonus__footer-item:nth-child(3) .sistema-bonus__footer-item-btn {
    justify-content: flex-start;
}

.sistema-bonus .sistema-bonus__footer-item-btn span {
    display: block !important;
    flex-grow: 1 !important;
    min-width: 30px !important;
    height: 1px !important;
    background-color: var(--blue-light-2) !important;
    z-index: 1 !important;
}

.sistema-bonus .sistema-bonus__footer-item p {
    font-size: 16px !important;
    color: #666 !important;
    line-height: 1.4 !important;
    margin: 10px 0 0 !important;
    opacity: 1 !important;
    max-width: 250px;
}

/* Скрытие иконок по умолчанию */
.mobile-only {
    display: none !important;
}



.sistema-bonus__list {
    list-style: none;
    display: inline-block;
    text-align: left;
    margin-bottom: 50px;
}

.sistema-bonus__list li {
    font-size: 20px;
    margin-bottom: 15px;
    padding-left: 40px;
    position: relative;
    font-weight: 600;
}

.sistema-bonus__list li::before {
    content: '🎁';
    position: absolute;
    left: 0;
}

.sistema-bonus__btns {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.sistema-bonus__note {
    opacity: 0.7;
    font-size: 16px;
}

/* Telegram */
.sistema-telegram {
    padding: 100px 0;
}

.sistema-telegram__box {
    background: linear-gradient(90deg, #0088cc 0%, #00aaff 100%);
    padding: 80px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
}

.sistema-telegram__title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.sistema-telegram__text {
    font-size: 20px;
    margin-bottom: 40px;
    opacity: 0.9;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Footer */
.sistema-footer {
    background-color: #111;
    color: #fff;
    padding: 80px 0 40px;
}

.sistema-footer__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 60px;
}

.sistema-footer__label {
    font-size: 14px;
    text-transform: uppercase;
    opacity: 0.5;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}

.sistema-footer__contact {
    font-size: 18px;
    margin-bottom: 10px;
}

.sistema-footer__link {
    color: var(--orange-light);
    font-weight: 700;
    text-decoration: none;
}

.sistema-footer__tagline {
    font-size: 24px;
    font-weight: 500;
    opacity: 0.8;
}

.sistema-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 40px;
    text-align: center;
    opacity: 0.4;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .sistema-author {
        padding: 60px 0;
    }

    .sistema-author__title {
        font-size: 36px;
        margin-bottom: 40px;
        text-align: left;
    }

    .sistema-author__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .sistema-author__info {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: left;
    }

    .sistema-author__image-wrapper {
        order: -1;
        margin: 0 auto;
        min-width: unset;
        width: 100%;
        max-width: 440px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 40px;
    }

    .sistema-author__image {
        width: 100%;
    }

    .sistema-author__image img {
        border-radius: 8px;
    }

    .sistema-author__name {
        position: relative;
        bottom: 25px;
        left: 0;
        font-size: 36px;
        width: fit-content;
        margin: 0 auto -20px;
        padding: 0 15px;
        z-index: 2;
        line-height: 1;
        font-family: 'Montserrat';
        font-weight: 700;
        background: -webkit-linear-gradient(#999, #000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .sistema-author__bio {
        font-size: 16px;
        line-height: 1.4;
        max-width: 600px;
    }

    .sistema-author__credo {
        padding: 20px;
        font-size: 18px;
        border-radius: 8px;
        max-width: 600px;
    }

    .sistema-author__credo::after {
        right: 50%;
        top: -15px;
        transform: translateX(50%);
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid var(--blue-light);
        border-top: none;
    }

    .sistema-author__principles,
    .sistema-author__contacts {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .sistema-author__principles h4,
    .sistema-author__contacts h4, .sistema-author__principles p.h4 {
        /* margin: 0 auto 20px; */
        padding: 15px 20px 10px;
        font-weight: 700;
        border-bottom: 2px solid #CCD0F5;
        position: relative;
        text-align: left;
    }

    .sistema-author__principles li {
        padding-left: 0;
        text-align: left;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .sistema-author__principles li::before {
        display: none;
    }

    .sistema-author__contacts-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .sistema-author__contacts-col p {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {
    .sistema-author__image-wrapper {
        padding-bottom: 0;
    }

    .sistema-author__principles h4,
    .sistema-author__contacts h4 {
        font-size: 20px;
        padding: 15px 30px 10px;
        width: fit-content;
        font-weight: 700;
    }

    .sistema-author__credo {
        font-size: 16px;
    }

    .sistema-lead-magnet__subtext {
        text-align: left;
    }

    .sistema-faq__title {
        text-align: left;
    }

    .sistema-bonus .sistema-bonus__footer-grid {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .sistema-bonus .sistema-bonus__footer-item {
        width: 100% !important;
        padding: 0 20px !important;
        display: flex !important;
    }

    /* Гипер-специфичное скрытие для мобильных */
    .sistema-bonus .sistema-bonus__footer-item.desktop-only {
        display: none !important;
    }

    .sistema-bonus__footer-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }

    .sistema-bonus .sistema-bonus__footer-item {
        width: 100% !important;
        padding: 0 20px !important;
        display: flex !important;
        justify-content: center !important;
    }

    .sistema-bonus .sistema-bonus__footer-item-btn,
    .sistema-bonus .sistema-bonus__footer-item-btn--left,
    .sistema-bonus .sistema-bonus__footer-item-btn--right,
    .sistema-bonus .sistema-bonus__footer-item-btn--center {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 450px !important;
    }

    .sistema-bonus .sistema-bonus__footer-item-btn span {
        display: block !important;
        min-width: 15px !important;
        flex: 1 1 0% !important;
    }

    .sistema-bonus .sistema-bonus__footer-item-btn span.mobile-only {
        display: block !important;
    }

    .sistema-cases__grid,
    .sistema-footer__grid {
        grid-template-columns: 1fr;
    }

    .sistema-bonus .sistema-bonus__btn,
    .sistema-bonus .sistema-bonus__link {
        width: 310px !important;
    }
}

@media (max-width: 768px) {

    .sistema-cases__grid,
    .sistema-footer__grid {
        grid-template-columns: 1fr;
    }

    /* FAQ Mobile */
    .sistema-faq {
        padding: 60px 0;
    }

    .sistema-faq__title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .sistema-faq__item {
        padding: 30px 20px;
        border-radius: 10px;
    }

    .sistema-faq__question {
        font-size: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .sistema-faq__question::after {
        max-width: 100%;
    }

    .sistema-faq__answer {
        font-size: 16px;
    }

    .sistema-bonus__cards,
    .sistema-bonus__footer-grid {
        grid-template-columns: 1fr;
    }

    .sistema-bonus {
        padding: 60px 0;
    }

    .sistema-bonus__title {
        font-size: 36px;
        line-height: 1.2;
        text-align: left;
    }

    .sistema-bonus__subtitle {
        font-size: 20px;
        line-height: 1.4;
        margin-top: 5px;
        text-align: left;
        opacity: 1;
    }

    .sistema-bonus__box {
        padding: 15px;
        margin-bottom: 10px;
        min-height: auto;
    }

    .sistema-bonus__cards {
        gap: 20px;
        padding: 0;
    }

    .sistema-bonus__card-item {
        text-align: center;
        padding: 20px;
        gap: 20px;
    }

    .sistema-bonus__icon img {
        width: 80px;
    }

    .sistema-bonus__text {
        font-size: 14px;
    }

    .sistema-bonus__main-btn {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        white-space: normal;
        min-width: 0;
        width: 90%;
        margin-top: 10px;
        transform: none !important;
    }

    .sistema-bonus__sub-note {
        margin: 0 0 60px;
        font-size: 16px;
    }

    .sistema-bonus .sistema-bonus__footer-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }

    .sistema-bonus .sistema-bonus__footer-grid {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .sistema-bonus .sistema-bonus__footer-item {
        width: 100% !important;
        padding: 0 20px !important;
    }

    .sistema-bonus .sistema-bonus__footer-item-btn {
        justify-content: center !important;
    }

    .sistema-bonus__footer-item-btn span {
        width: 35px !important;
        flex-grow: 0 !important;
    }

    .sistema-bonus__footer-item-text-left,
    .sistema-bonus__footer-item-text-right {
        padding: 0 !important;
    }

    .sistema-bonus__footer-title {
        font-size: 24px !important;
        margin-bottom: 20px !important;
        text-align: left;
    }

    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    .sistema-audience__box-title {
        font-size: 24px;
    }
}

/* Portfolio Page Styles
--------------------------------------------- */

/* Header секция */
.portfolio-header {
    padding: 60px 0 40px;
    background: linear-gradient(135deg, var(--background-main) 0%, var(--blue-dark) 100%);
    position: relative;
    overflow: hidden;
}

.portfolio-header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.portfolio-header__content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.portfolio-header__title {
    font-weight: 800;
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    color: var(--primary-light);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.portfolio-header__description {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    max-width: 700px;
    margin: 0 auto;
}

/* Фильтр портфолио */
.portfolio-filter {
    padding: 40px 0 0;
    background: var(--primary-light);
    border-bottom: 1px solid var(--blue-light-2);
}

.portfolio-filter__wrapper {
    position: relative;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 5px 0 15px;
}

.portfolio-filter__list {
    display: flex;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
}

.portfolio-filter__item {
    margin: 0;
}

.portfolio-filter__btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: var(--blue-light);
    color: var(--text-dark);
    font-size: 14px;
    font-weight: 500;
    border-radius: 40px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.portfolio-filter__btn:hover {
    background: var(--blue-light-2);
    transform: translateY(-2px);
}

.portfolio-filter__btn.active {
    background: var(--orange-light);
    color: var(--primary-light);
}

.portfolio-filter__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.portfolio-filter__btn.active .portfolio-filter__count {
    background: rgba(255, 255, 255, 0.2);
}

.portfolio-filter__toggle {
    display: none;
    width: 100%;
    padding: 15px;
    background: var(--blue-light);
    border: 1px solid var(--blue-light-2);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-dark);
    text-align: left;
    cursor: pointer;
    position: relative;
}

.portfolio-filter__toggle::after {
    content: '▼';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform 0.3s ease;
}

.portfolio-filter__toggle.active::after {
    transform: translateY(-50%) rotate(180deg);
}

/* Секция проектов */
.portfolio-projects {
    padding: 60px 0;
    background: var(--primary-light);
}

.portfolio-projects__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* Карточка проекта */
.portfolio-project-card {
    background: var(--primary-light);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(158, 163, 215, 0.2);
    animation: fadeInUp 0.6s ease-out;
}

.portfolio-project-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(67, 75, 156, 0.15);
    border-color: var(--blue-light-2);
}

.portfolio-project-card__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.portfolio-project-card__image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: linear-gradient(45deg, var(--blue-light), var(--lilac-light));
}

.portfolio-project-card__image a {
    display: block;
    height: 100%;
}

.portfolio-project-card__image img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.portfolio-project-card:hover .portfolio-project-card__image img {
    transform: scale(1.08);
}

/* Бейджи на изображении */
.portfolio-project-card__year {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 14px;
    background: var(--orange-light);
    color: var(--primary-light);
    font-size: 13px;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(255, 90, 0, 0.3);
    z-index: 2;
}

.portfolio-project-card__category {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 6px 14px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    color: var(--primary-light);
    font-size: 12px;
    font-weight: 500;
    border-radius: 30px;
    z-index: 2;
}

/* Контент карточки */
.portfolio-project-card__content {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.portfolio-project-card__title {
    margin: 0 0 12px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.02em;
}

.portfolio-project-card__title a {
    color: var(--text-dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.portfolio-project-card__title a:hover {
    color: var(--orange-light);
}

.portfolio-project-card__client {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    padding: 4px 12px;
    background: var(--blue-light);
    border-radius: 20px;
    font-size: 12px;
    color: var(--text-medium);
    width: fit-content;
}

.portfolio-project-card__excerpt {
    color: var(--text-medium);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Скиллы */
.portfolio-project-card__skills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.portfolio-project-card__skill {
    padding: 4px 12px;
    background: var(--blue-light);
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    color: var(--lilac);
    letter-spacing: 0.3px;
}

/* Кнопки */
.portfolio-project-card__read-more,
.portfolio-project-card__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lilac);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: auto;
    padding: 8px 0;
}

.portfolio-project-card__link svg,
.portfolio-project-card__read-more::after {
    content: '→';
    font-size: 16px;
    transition: transform 0.3s ease;
}

.portfolio-project-card__link:hover,
.portfolio-project-card__read-more:hover {
    color: var(--orange-light);
    gap: 12px;
}

.portfolio-project-card__link:hover svg,
.portfolio-project-card__read-more:hover::after {
    transform: translateX(4px);
}

.portfolio-project-card__read-more::after {
    content: '→';
}

/* Статистика портфолио */
.portfolio-stats {
    padding: 60px 0 80px;
    background: var(--blue-light);
}

.portfolio-stats__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    text-align: center;
}

.portfolio-stats__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.portfolio-stats__number {
    font-weight: 800;
    font-size: 48px;
    line-height: 1;
    background: linear-gradient(135deg, var(--orange-light), #FF8A4C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.portfolio-stats__label {
    font-weight: 500;
    font-size: 16px;
    color: var(--text-medium);
}

/* Пустое состояние */
.portfolio-projects__empty {
    text-align: center;
    padding: 80px 0;
    background: var(--blue-light);
    border-radius: 30px;
    font-size: 18px;
    color: var(--text-medium);
    border: 2px dashed var(--blue-light-2);
}

/* Адаптивность */
@media (max-width: 1200px) {
    .portfolio-projects__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 992px) {
    .portfolio-header__title {
        font-size: 48px;
    }

    .portfolio-header__description {
        font-size: 18px;
    }

    .portfolio-stats__number {
        font-size: 42px;
    }
}

@media (max-width: 768px) {
    .portfolio-header {
        padding: 40px 0 30px;
    }

    .portfolio-header__title {
        font-size: 36px;
    }

    .portfolio-header__description {
        font-size: 16px;
    }

    .portfolio-projects {
        padding: 40px 0;
    }

    .portfolio-projects__grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .portfolio-project-card__title {
        font-size: 18px;
    }

    .portfolio-stats {
        padding: 40px 0 60px;
    }

    .portfolio-stats__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .portfolio-stats__number {
        font-size: 38px;
    }

    .portfolio-filter__list {
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding-bottom: 10px;
    }

    .portfolio-filter__item {
        flex-shrink: 0;
    }
}

@media (max-width: 480px) {
    .portfolio-header__title {
        font-size: 32px;
    }

    .portfolio-header__description {
        font-size: 15px;
    }

    .portfolio-project-card__content {
        padding: 20px;
    }

    .portfolio-project-card__year,
    .portfolio-project-card__category {
        font-size: 11px;
        padding: 4px 10px;
    }

    .portfolio-filter__btn {
        padding: 8px 16px;
        font-size: 13px;
    }
}

.price-table-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
	overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.price-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
    background: white;
}

/* Заголовки */
.price-table thead tr {
    /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
    background: #454a7b !important;
}

.price-table th {
    padding: 12px 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    letter-spacing: 0.5px;
    position: relative;
}

.price-table th:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 40%;
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
}

/* Ячейки */
.price-table td {
    padding: 12px !important;
    font-size: 12px;
    line-height: 1.6;
    color: #2d3748;
    border-bottom: 1px solid #e2e8f0 !important;
    vertical-align: top;
}

/* Последняя строка без границы */
.price-table tbody tr:last-child td {
    border-bottom: none;
}

/* Чередование цветов строк */
.price-table tbody tr:nth-child(even) {
    background-color: #f8fafc !important;
}

/* Эффект при наведении */
.price-table tbody tr:hover {
    background-color: #edf2f7 !important;
    transition: background-color 0.3s ease;
}

/* Выделение колонки "Максимально эффективный сайт" */
.price-table td:last-child {
    background-color: #f0f9ff;
    font-weight: 500;
    border-left: 3px solid #454a7b;
}

.price-table tr:hover td:last-child {
    background-color: #e0f2fe;
}

/* Адаптивность для мобильных устройств */
@media screen and (max-width: 768px) {

    .price-table,
    .price-table thead,
    .price-table tbody,
    .price-table tr,
    .price-table td,
    .price-table th {
/*         display: block; */
    }

    .price-table {
        box-shadow: none;
        background: transparent;
    }

    /* Прячем обычные заголовки */
    .price-table thead {
/*         position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden; */
    }

    /* Каждая строка становится карточкой */
    .price-table tbody tr {
        background: white;
        border-radius: 16px;
        margin-bottom: 20px;
        padding: 20px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }

    /* Каждая ячейка - элемент карточки */
    .price-table td {
        padding: 12px 0;
        border: none;
        position: relative;
/*         display: flex; */
        align-items: flex-start;
        gap: 10px;
    }

    /* Добавляем заголовки через data-label */
    .price-table td::before {
        content: attr(data-label);
        font-weight: 700;
        min-width: 140px;
        color: #4a5568;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* Содержимое ячейки */
    .price-table td {
        font-size: 15px;
    }

    /* Убираем градиент с последней колонки */
    .price-table td:last-child {
        background: transparent;
        border-left: none;
    }

    /* Анимация при наведении */
    .price-table tbody tr:hover {
        transform: translateY(-2px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
        transition: all 0.3s ease;
    }
}

/* Для очень маленьких экранов */
@media screen and (max-width: 480px) {
    .price-table td {
/*         flex-direction: column; */
        gap: 5px;
    }

    .price-table td::before {
        min-width: auto;
    }

    .price-table td {
        padding: 10px 0;
    }
}

/* Блок автора на страницах постов */
.author-box {
    margin: 40px 0;
    padding: 30px;
    background: var(--blue-light);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.author-box__inner {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.author-box__avatar {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #f8f8f8;
}

.author-box__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-box__content {
    flex: 1;
}

.author-box__label {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-medium);
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}

.author-box__name {
    margin: 0 0 12px 0;
    font-size: 22px;
    /* font-weight: 700; */
}

.author-box__name a {
    color: var(--lilac);
    text-decoration: none;
    transition: color 0.3s ease;
}

.author-box__name a:hover {
    color: var(--orange-light);
}

.author-box__description {
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-medium);
    margin-bottom: 15px;
}

.author-box__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--orange-light);
    text-decoration: none;
    transition: gap 0.3s ease;
}

.author-box__link::after {
    content: '→';
    font-size: 14px;
    transition: transform 0.3s ease;
}

.author-box__link:hover {
    gap: 10px;
}

.author-box__link:hover::after {
    transform: translateX(3px);
}

/* Адаптивность */
@media (max-width: 768px) {
    .author-box {
        padding: 20px;
    }

    .author-box__inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .author-box__avatar {
        width: 80px;
        height: 80px;
    }

    .author-box__name {
        font-size: 20px;
    }

    .author-box__description {
        font-size: 14px;
    }
}

/* --- Process Steps Section (Block 5) --- */
.process-steps {
    padding: 120px 0;
    background-color: #fff;
}

.process-steps-2 {
    padding: 20px 0 120px;
}

.process-steps__title {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: -webkit-linear-gradient(#999, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 900px;
    margin: 0 auto 68px;
}

.process-steps__title span {
    -webkit-text-fill-color: var(--orange-light);
}

.process-steps__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 60px;
}

.process-steps__item {
    background: var(--blue-light);
    border-radius: 13px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
}

.process-steps__item-header {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--blue-light-2);
}

.process-steps__item-header span {
    color: var(--orange-light);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
}

.process-steps__item-header h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.02em;
}

.process-steps__item-content {
    padding-top: 25px;
    flex-grow: 1;
}

.process-steps__item-content h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
    color: var(--text-dark);
}

.process-steps__item-content .h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
    color: var(--text-dark);
}

.process-steps__item-content p {
    color: var(--gray-dark);
    margin-bottom: 20px;
    line-height: 1.4;
    font-size: 16px;
}

.process-steps__item-content p:last-child {
    margin-bottom: 0;
}

.process-steps__footer {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.process-steps__footer-text {
    font-size: 20px;
    line-height: 1.5;
    color: var(--text-dark);
    margin-bottom: 45px;
}

.process-steps__btns {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.process-steps__btns .btn {
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 40px;
    min-height: 74px;
    width: auto;
    min-width: 320px;
}

/* Mobile Adaptation for Process Steps */
@media (max-width: 991px) {
    .process-steps {
        padding: 80px 0;
    }

    .process-steps__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .process-steps__title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .process-steps__item {
        padding: 30px 20px;
    }

    .process-steps__item-header span {
        font-size: 40px;
    }

    .process-steps__item-header h3 {
        font-size: 20px;
    }

    .process-steps__footer-text {
        font-size: 16px;
    }

    .process-steps__btns {
        flex-direction: column;
        gap: 15px;
    }

    .process-steps__btns .btn {
        width: 100%;
        height: auto;
        padding: 15px 20px;
    }
}

/* Arrow indicators for Process Steps with ZIGZAG flow */
.process-steps__item {
    position: relative;
}

/* Base arrow style */
.process-steps__item-arrow::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 33px;
    background-repeat: no-repeat;
    z-index: 2;
}

/* Desktop: Masonry Stagger and Zigzag Arrows */
@media (min-width: 992px) {

    /* Create staggered effect: move even blocks down */
    .process-steps__grid {
        align-items: start;
    }

    .process-steps__item:nth-child(even) {
        margin-top: 100px;
    }

    /* 1 -> 2, 3 -> 4, 5 -> 6, 7 -> 8 (Right and Slightly Down) */
    .process-steps__item:nth-child(odd).process-steps__item-arrow::after {
        right: -14px;
        top: 60px;
        /* pointing to the header of the next item which is shifted down */
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='33' viewBox='0 0 20 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 16L6 1V32L20 16Z' fill='%23F6F7FF'/%3E%3Cpath d='M1 1L15 16L1 32' stroke='%239EA3D7' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    /* 2 -> 3, 4 -> 5, 6 -> 7 (Left and Down to next row) */
    .process-steps__item:nth-child(even).process-steps__item-arrow::after {
        left: -14px;
        bottom: 20px;
        /* exit from bottom of even item */
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='33' viewBox='0 0 20 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16L14 1V32L0 16Z' fill='%23F6F7FF'/%3E%3Cpath d='M19 1L5 16L19 32' stroke='%239EA3D7' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    /* Remove arrow from the last item */
    .process-steps__item:last-child::after {
        display: none;
    }

    /* Extra space for footer since items are staggered */
    .process-steps__grid {
        margin-bottom: 120px;
    }
}

/* Mobile: down-pointing arrows remain centered */
@media (max-width: 991px) {
    .process-steps__item-arrow::after {
        width: 33px;
        height: 20px;
        left: 50%;
        bottom: -12px;
        top: auto;
        transform: translateX(-50%);
        background-image: url("data:image/svg+xml,%3Csvg width='33' height='20' viewBox='0 0 33 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 20L1 6L32 6L16 20Z' fill='%23F6F7FF'/%3E%3Cpath d='M1 1L16 15L32 1' stroke='%239EA3D7' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    .process-steps__item:last-child::after {
        display: none;
    }
}
a.seo.popmake-4421 {
	box-shadow: 0 3px 0 #ff5a00;
    border: 1px solid var(--orange-light);
    background-color: var(--primary-light);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--orange-light);
    font-size: 20px;
    font-weight: 500;
    width: 87%;
    height: 82px;
    padding: 5px;
    margin-top: 20px;
    line-height: 1.15;
}
a.seo.popmake-4421:hover {
    transform: translateY(-2px);
}
.seo-header .seo {
	display: flex;
    gap: 15px;
}
@media (max-width: 768px) {
    .seo-header .seo {
		flex-direction: column;
		align-items: center;
	}
}
.seo-header__text {
    position: relative;
}
.combo-services__list--title p.h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 0.4em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

/* ===== НОВЫЙ СТИЛЬ КНОПОК (как btn--seo-header) ===== */

.download-root {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
}

.download-group {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  flex-direction: row;
  width: 100%;
}

/* Базовая кнопка — заменяем полностью */
.download-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 100%;
  max-width: 358px;
  height: 82px;

  padding: 0;
  border-radius: 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;

  text-decoration: none;
  cursor: pointer;

  background: linear-gradient(#FFBA94 0%, #FF5A00 4%, #FF5A00 62%, #DD2810 100%);
  box-shadow: 0 3px 0 #A93300;
  color: #fff;

  transition: 0.15s ease;
}

.download-btn:hover {
  transform: translateY(-2px);
}

/* Иконки можно оставить как есть */
.download-btn-icon {
  font-size: 1.2rem;
  line-height: 1;
}

/* Адаптив */
@media (max-width: 480px) {
  .download-group {
    flex-direction: column;
    width: 100%;
  }
  .download-btn {
    width: 100%;
    height: 72px;
    font-size: 20px;
  }
}

.approach__item span font, .approach__item span #text {
    width: 72%;
}

.approach__list b {
	display: contents;
    margin-top: 3px;
}

/* Final mobile overrides for post content. The hero layout stays untouched. */
@media (max-width: 768px) {
    html body.single-post h1,
    html body.single-post h2,
    html body.single-post h3,
    html body.single-post h4,
    html body.single-post h5,
    html body.single-post h6,
    html body .post-content__content h1,
    html body .post-content__content h2,
    html body .post-content__content h3,
    html body .post-content__content h4,
    html body .post-content__content h5,
    html body .post-content__content h6,
    html body .post-header__title {
        margin-top: 1.5rem !important;
        margin-bottom: 0.875rem !important;
        line-height: 1.3 !important;
    }

    html body.single-post h1,
    html body .post-content__content h1,
    html body .post-header__title {
        font-size: clamp(1.75rem, 7vw, 2.25rem) !important;
        line-height: 1.15 !important;
    }

    html body.single-post h2,
    html body .post-content__content h2 {
        font-size: clamp(1.5rem, 6vw, 2rem) !important;
        line-height: 1.25 !important;
    }

    html body.single-post h3,
    html body .post-content__content h3 {
        font-size: clamp(1.25rem, 5vw, 1.6875rem) !important;
    }

    html body.single-post h4,
    html body .post-content__content h4 {
        font-size: clamp(1.125rem, 4vw, 1.4rem) !important;
        line-height: 1.35 !important;
    }

    html body.single-post h5,
    html body.single-post h6,
    html body .post-content__content h5,
    html body .post-content__content h6 {
        font-size: 1.0625rem !important;
        line-height: 1.4 !important;
    }

    html body .post-content__content ul li,
    html body .post-content__content ol li {
        margin-bottom: 10px !important;
        padding-left: 28px !important;
        position: relative !important;
        color: var(--gray-dark) !important;
        font-weight: 400 !important;
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }
}
img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
.post-content__content ol li::after {
    font-size: unset !important;
}