:root {
    --canvas-width: 1400px;
}

@media (max-width: 1280px) {
    :root {
        --canvas-width: 1280px;
    }
}

@media (max-width: 1024px) {
    :root {
        --canvas-width: 1024px;
    }
}

@media (max-width: 768px) {
    :root {
        --canvas-width: 100%;
    }
}


.l-subheader-h {
    max-width: var(--canvas-width) !important;
}

.header_logo .w-image-h {
    border-radius: 0;
}

.header_button {
    display: inline-block;
    padding: 1rem 1rem !important;
    height: 100%;
    vertical-align: middle;
}

header .fa-maxcdn::before {
    content: "";
    background: url(https://fp.dsolo.ru/wp-content/uploads/2025/12/max.svg) no-repeat;
    background-size: cover;
    width: 1em;
    height: 1em;
    display: block;
}

header .fa-whatsapp::before {
    content: "";
    background: url(https://fp.dsolo.ru/wp-content/uploads/2025/12/whatsapp.svg) no-repeat;
    background-size: cover;
    width: 1em;
    height: 1em;
    display: block;
}

header .fa-telegram::before {
    content: "";
    background: url(https://fp.dsolo.ru/wp-content/uploads/2025/12/telegram.svg) no-repeat;
    background-size: cover;
    width: 1em;
    height: 1em;
    display: block;
}

/* Голубое фоновое пятно */
.bg_blured_blue {
    position: absolute;
    right: -12%;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: #009CF3;
    filter: blur(50px);
    pointer-events: none;
}

/* Обёртка с макетом iPad */
.style_ipad_mock .w-image-h,
.style_iphone_mock .w-image-h {
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 1218;
    overflow: hidden;
}

.style_ipad_mock .w-image-h {
    aspect-ratio: 1920 / 1218;
    border-radius: 5% / 7%;
    box-shadow: 0 0.5rem 1rem 0 #00000080;
}
.style_iphone_mock .w-image-h {
    aspect-ratio: 929 / 1920;
    border-radius: 14% / 8%;
    box-shadow: 0 0.5rem 1rem 0 #00000080;
}

.style_ipad_mock .w-image-h img,
.style_iphone_mock .w-image-h img {
    position: absolute;
    object-fit: cover;
    display: block;
}

.style_ipad_mock .w-image-h img {
    top: 5.54%;
    left: 3.52%;
    width: 92.97%;
    height: 88.92%;
    border-radius: 1% / 2%;
}
.style_iphone_mock .w-image-h img {
    top: 1.41%;
    left: 3.55%;
    width: 92.9%;
    height: 97.19%;
    border-radius: 13% / 6%;
}

.style_ipad_mock .w-image-h::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url(https://fp.dsolo.ru/wp-content/uploads/2025/12/ipad.png) no-repeat center center;
    background-size: 100% 100%;
    pointer-events: none;
}

.style_iphone_mock .w-image-h::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url(https://fp.dsolo.ru/wp-content/uploads/2025/12/iphone.png) no-repeat center center;
    background-size: 100% 100%;
    pointer-events: none;
}

/* Главная */
.mockups_iphone {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.mockups_glow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -25%;
}


