/* Infopages — секции информационной страницы */
.infopage {
    --ip-bg: #0f0f10;
    --ip-surface: #1b1b1f;
    --ip-surface-2: #242428;
    --ip-text: var(--black);
    --ip-muted: rgba(37, 36, 36, 0.50);
    --ip-border: rgba(255, 255, 255, 0.12);
    --ip-accent: #247cff;
    --ip-danger: #ff2f2f;
    --ip-radius: 0;
    --ip-gap: var(--24px);
    color: var(--black);
    font-family: "Inter Tight";
}

/*.infopage .container {
    max-width: 1500px;
}*/

.ip-section {
    padding: var(--100px) 0;
}

.ip-section__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--36px);
    font-weight: 600;
    margin: 0 0 var(--24px);
}

.ip-section__lead {
    max-width: 60%;
    color: var(--ip-muted);
    margin: 0 0 var(--48px);
}


.ip-link {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: 14px;
}

.ip-link:hover {
    color: var(--ip-accent);
}

@media (max-width: 575.98px) {
    .ip-section {
        padding: var(--48px) 0;
    }

    .ip-section__lead {
        max-width: 100%;
    }
}

/* Hero */
.ip-hero {
    position: relative;
    min-height: var(--600px);
    display: flex;
    align-items: center;
    background: #111;
    overflow: hidden;
    color: white;
}

.ip-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    margin: 0;
}

.ip-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ip-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .35) 55%, rgba(0, 0, 0, .15) 100%);
}

.ip-hero__content {
    position: relative;
    z-index: 1;
    max-width: 50%;
    padding: var(--80px) 0;
}

.ip-hero__eyebrow {
    font-size: var(--12px);
    font-weight: 600;
    letter-spacing: .36px;
    text-transform: uppercase;
    color: var(--accent_light);
    font-family: "Wix Madefor Display", sans-serif;
    margin-bottom: var(--24px);
}



.ip-hero__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--48px);
    font-weight: 600;
    margin: 0 0 var(--24px);
}

.ip-hero__desc {
    margin: 0 0 var(--48px);
}

@media (max-width: 575.98px) {
    .ip-hero {
        height: 100vh;
        align-items: flex-end;
    }

    .ip-hero__content {
        max-width: 100%;
        padding: var(--24px) 0;
    }

    .ip-hero__title {
        font-size: var(--36px);
    }
}

/* Text split */
.ip-text-split__cols {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: var(--24px);
}

.ip-text-split__col {
    color: var(--ip-muted);
}
.ip-text-split__right {
    color: var(--accent_light);
}

@media (max-width: 575.98px) {
    .ip-text-split__cols {
        grid-template-columns: auto;
        gap: 0;
    }
}

/* Card grid */
.ip-card-grid__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--ip-gap);
}

.ip-step-card {
    position: relative;
    min-height: var(--500px);
    overflow: hidden;
    background: var(--ip-surface);
}

.ip-step-card__media,
.ip-step-card__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ip-step-card__media_empty {
    background: linear-gradient(180deg, #2a2a30 0%, #151518 100%);
}

.ip-step-card__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--24px);
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .85) 55%);
}

.ip-step-card__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--24px);
    font-weight: 600;
    margin: 0 0 var(--16px);
    color: white;
}

.ip-step-card__desc {
    margin: 0;
    font-size: var(--14px);
    color: white;
}

@media (max-width: 575.98px) {
    .ip-card-grid__list {
        grid-template-columns: auto;
    }
}

/* Feature grid */
.ip-feature-grid__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--24px);
}

.ip-feature-card {
    background: var(--gray_bg, #F5F5F5);
    padding: var(--24px);
    min-height: var(--150px);
}

.ip-feature-card__num {
    font-size: var(--12px);
    font-weight: 600;
    letter-spacing: .36px;
    text-transform: uppercase;
    color: var(--accent_light);
    font-family: "Wix Madefor Display", sans-serif;
    margin-bottom: var(--12px);
}

.ip-feature-card__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--24px);
    font-weight: 600;
    margin: 0 0 var(--16px);
}

.ip-feature-card__desc {
    color: var(--ip-muted);
    font-size: var(--18px);
}

@media (max-width: 575.98px) {
    .ip-feature-grid__list {
        grid-template-columns: auto;
    }
}

/* Text + media */
.ip-text-media__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--48px);
    align-items: start;
}

.ip-text-media__desc {
    font-size: var(--18px);
    margin: 0;
    color: var(--ip-muted);
}

.ip-checklist__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-weight: 600;
    margin-bottom: var(--24px);
    font-size: var(--24px);
}

.ip-checklist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: var(--12px);
}

.ip-checklist__item {
    display: flex;
    gap: var(--12px);
    align-items: flex-start;
    
}

.ip-checklist__icon {
    flex: 0 0 var(--16px);
    width: var(--16px);
    height: var(--16px);
    margin-top: var(--2px);
    position: relative;
}

.ip-checklist__icon::after {
    content: "";
    position: absolute;
    left: var(--6px);
    top: var(--2px);
    width: var(--6px);
    height: var(--10px);
    border: solid #4D7C0F;
    border-width: 0 var(--2px) var(--2px) 0;
    transform: rotate(45deg);
}

.ip-media-card {
    position: relative;
    background: var(--gray_bg, #F5F5F5);
    border-radius: 0;
    padding: var(--40px);
    min-height: var(--400px);
}

.ip-checklist__wrapper {
    position: relative;
    background: var(--gray_bg, #F5F5F5);
    border-radius: 0;
    padding: var(--40px);
    width: 100%;
}

.ip-text-media__content {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.ip-media-card__eyebrow {
    font-size: var(--12px);
    font-weight: 600;
    letter-spacing: .36px;
    text-transform: uppercase;
    color: var(--accent_light);
    font-family: "Wix Madefor Display", sans-serif;
}

.ip-media-card__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--30px);
    font-weight: 600;
    margin-bottom: var(--16px);
}

.ip-media-card__image img {
    width: 100%;
    height: auto;
    display: block;
}

.ip-media-card__badge {
    color: #4D7C0F;
    font-weight: 500;
    text-align: right;
}

@media (max-width: 575.98px) {
    .ip-text-media__grid {
        display: grid;
        grid-template-columns: auto;
        gap: var(--24px);
    }
}

/* Defect cards */
.ip-defect-cards__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ip-gap);
}

.ip-defect-card {
    background: #FFF;
    box-shadow: 4px 4px 36px 0 rgba(0, 0, 0, 0.06);
    padding: var(--24px);
    text-align: center;
}

.ip-defect-card__badge {
    display: inline-block;
    font-size: var(--10px);
    letter-spacing: .04em;
    text-transform: uppercase;
    color: white;
    padding: var(--6px) var(--10px);
    margin-bottom: var(--16px);
    font-family: "Wix Madefor Display", sans-serif;
    background: var(--accent_light);
    border-radius: var(--12px);
}

.ip-defect-card__image {
    margin: 0 auto var(--16px);
    width: 100%;
    max-width: var(--300px);
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--ip-surface-2);
}

.ip-defect-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ip-defect-card__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--18px);
    font-weight: 600;
    margin: 0 0 var(--16px);
}

.ip-defect-card__desc {
    margin: 0;
    color: var(--ip-muted);
    font-size: var(--14px);
    line-height: 1.4;
}

@media (max-width: 575.98px) {
    .ip-defect-cards__list {
        grid-template-columns: auto;
    }
}

/* Process */
.ip-process__eyebrow {
    font-size: var(--12px);
    font-weight: 600;
    letter-spacing: .36px;
    text-transform: uppercase;
    color: var(--accent_light);
    font-family: "Wix Madefor Display", sans-serif;
    margin-bottom: var(--12px);
}

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

.ip-process-card {
    background: var(--gray_bg, #F5F5F5);
    padding: var(--24px);
    min-height: var(--150px);
}

.ip-process-card__num {
    font-size: var(--12px);
    font-weight: 600;
    letter-spacing: .36px;
    text-transform: uppercase;
    color: var(--accent_light);
    font-family: "Wix Madefor Display", sans-serif;
    margin-bottom: var(--12px);
}

.ip-process-card__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--24px);
    font-weight: 600;
    margin: 0 0 var(--16px);
}

.ip-process-card__desc {
    color: var(--ip-muted);
    font-size: var(--18px);
}

@media (max-width: 575.98px) {
    .ip-process__list {
        grid-template-columns: auto;
    }
}


/* Process dark */
.ip-process_dark {
    background: #252424;
    color: #fff;
}

.ip-process_dark .ip-section__title,
.ip-process_dark .ip-section__lead {
    color: #fff;
}

.ip-process_dark .ip-process-card {
    background: #3a3a3a;
    color: #fff;
}

.ip-process_dark .ip-process-card__title {
    color: #fff;
}

.ip-process_dark .ip-process-card__desc {
    color: rgba(255, 255, 255, .72);
}

.ip-process_has-related .ip-process__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(var(--250px), var(--300px));
    grid-template-rows: auto auto;
    gap: var(--24px);
    align-items: stretch;
}

.ip-process_has-related .ip-process__header {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
}

.ip-process_has-related .ip-process__header .ip-section__title {
    margin-bottom: var(--16px);
}

.ip-process_has-related .ip-process__related {
    grid-column: 2;
    grid-row: 1 / -1;
    background: #fff;
    color: #1c1919;
    padding: var(--24px);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.ip-process_has-related .ip-process__related-eyebrow {
    font-size: var(--12px);
    font-weight: 600;
    letter-spacing: .36px;
    text-transform: uppercase;
    color: var(--accent_light, #92786b);
    margin-bottom: var(--24px);
}

.ip-process_has-related .ip-process__related-title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--24px);
    font-weight: 600;
    margin: 0 0 16px;
    color: #1c1919;
    white-space: pre-line;
}

.ip-process_has-related .ip-process__related-desc {
    color: #1c1919;
    font-size: var(--14px);
    margin-bottom: var(--24px);
    flex: 1;
}

.ip-process_has-related .ip-process__related .btn {
    align-self: flex-start;
    margin-top: auto;
}

.ip-process_has-related .ip-process__list {
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--24px);
    align-self: end;
}


@media (max-width: 575.98px) {
    .ip-process_has-related .ip-process__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .ip-process_has-related .ip-process__grid {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
    }

    .ip-process_has-related .ip-process__related {
        grid-column: 1;
        grid-row: 3 / -1;
    }
}

/* Services */
.ip-services__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ip-gap);
}

.ip-services__list .ip-service-card:nth-child(2) {
    background: var(--black);
}

.ip-services__list .ip-service-card:nth-child(2) .ip-service-card__title {
    color: white;
}
.ip-services__list .ip-service-card:nth-child(2) .ip-service-card__subtitle {
    color: rgba(255, 255, 255, 0.50);
}

.ip-service-card {
    background: var(--gray_bg, #F5F5F5);
    padding: var(--36px);
    min-height: var(--200px);
    display: flex;
    flex-direction: column;
}

.ip-service-card__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--24px);
    font-weight: 600;
    margin: 0 0 var(--16px);
}

.ip-service-card__subtitle {
    color: var(--ip-muted);
    margin: 0 0 auto;
    padding-bottom: var(--24px);
    font-size: var(--18px);
}

.ip-service-card__link {
    color: var(--accent_light);
    svg {
        fill: var(--accent_light);
    }
}


@media (max-width: 575.98px) {
    .ip-services__list {
        grid-template-columns: auto;
    }
}
/* FAQ */
.ip-faq__eyebrow {
    font-size: var(--12px);
    font-weight: 600;
    letter-spacing: .36px;
    text-transform: uppercase;
    color: var(--accent_light);
    font-family: "Wix Madefor Display", sans-serif;
    margin-bottom: var(--24px);
}
.ip-faq__list {
    border-top: 1px solid #D3D3D3;
    display: grid;
    gap: 0;
}

.ip-faq__item {
    padding: var(--48px) 0;
    border-bottom: 1px solid #D3D3D3;
    display: grid;
    grid-template-columns: 40% auto;
    gap: var(--24px);
}

.ip-faq__q {
    font-size: var(--22px);
    font-weight: 600;
    margin: 0 0 var(--16px);
}

.ip-faq__a {
    color: var(--ip-muted);
    font-size: var(--18px);
}
@media (max-width: 575.98px) {
    .ip-faq__item {
        grid-template-columns: auto;
    }
}

/* Info bar — ряд из 4 пунктов */
.ip-info-bar {
    padding: 0;
}

.ip-info-bar__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.ip-info-bar__item {
    display: flex;
    flex-direction: column;
    gap: var(--12px);
    border-right: 1px solid rgba(37, 36, 36, 0.40);
    background: var(--gray_bg, #F5F5F5);
    padding: var(--48px);
    min-height: var(--150px);
}

.ip-info-bar__title {
    font-size: var(--14px);
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Wix Madefor Display", sans-serif;
    color: var(--accent_light);
    margin-bottom: var(--8px);
}

.ip-info-bar__desc {
    color: var(--ip-muted);
    font-size: var(--14px);
    line-height: 1.4;
    flex: 1;
}

@media (max-width: 575.98px) {
    .ip-info-bar__item {
        padding: var(--24px);
        min-height: auto;
    }

    .ip-info-bar__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .ip-info-bar__item {
        border-top: 1px solid rgba(37, 36, 36, 0.40);
    }
}


/* Lead */
.ip-lead__text {
    font-size: var(--18px);
    line-height: 1.5;
    max-width: 900px;
    margin-bottom: var(--16px);
}

.ip-lead__secondary {
    color: var(--ip-muted);
    max-width: 700px;
    line-height: 1.5;
}


.ip-catalog-teaser__products {
    margin-top: 8px;
}

/* Benefits */
.ip-benefits {
    background: #252424;
    color: #fff;
}
.ip-benefits__eyebrow {
    font-size: var(--12px);
    font-weight: 600;
    letter-spacing: .36px;
    text-transform: uppercase;
    color: var(--accent_light);
    font-family: "Wix Madefor Display", sans-serif;
    margin-bottom: var(--12px);
}

.ip-benefits__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--ip-gap);
}


.ip-benefit-card__media {
    margin-bottom: var(--16px);
}

.ip-benefit-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ip-benefit-card__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--24px);
    font-weight: 600;
    margin: 0 0 var(--16px);
}

.ip-benefit-card__desc {
    color: white;
    font-size: var(--14px);
}

@media (max-width: 575.98px) {
    .ip-benefits__list {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* IconText — иконка и краткие тезисы */
.ip-photo-text__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--48px) var(--24px);
}

.ip-photo-text__item {
    display: flex;
    flex-direction: column;
    gap: var(--16px);
}

.ip-photo-text__media {
    width: var(--56px);
    height: var(--56px);
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.ip-photo-text__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ip-photo-text__media img[src$=".svg"],
.ip-photo-text__media img[src*=".svg?"] {
    object-fit: contain;
    box-sizing: border-box;
}

.ip-photo-text__media_empty {
    background: #1c1919;
}

.ip-photo-text__desc {
    font-size: var(--16px);
    color: #1c1919;
}

.ip-photo-text__desc p {
    margin: 0 0 0.4em;
}

.ip-photo-text__desc p:last-child {
    margin-bottom: 0;
}

.ip-photo-text__desc strong,
.ip-photo-text__desc b {
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .ip-photo-text__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* Loyalty — программа лояльности */
.ip-loyalty {
    background: #252424;
    color: #fff;
}

.ip-loyalty__inner {
    max-width: 900px;
}

.ip-loyalty__badge {
    font-size: var(--12px);
    font-weight: 600;
    letter-spacing: .36px;
    text-transform: uppercase;
    color: var(--accent_light, #92786b);
    font-family: "Wix Madefor Display", sans-serif;
    margin-bottom: var(--16px);
}

.ip-loyalty__title {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: var(--36px);
    font-weight: 700;
    color: #fff;
    margin: 0 0 var(--20px);
    line-height: 1.2;
}

.ip-loyalty__desc {
    font-size: var(--16px);
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.65);
    max-width: 720px;
}

.ip-loyalty__desc p {
    margin: 0 0 0.5em;
}

.ip-loyalty__desc p:last-child {
    margin-bottom: 0;
}

/* Loyalty statuses — карточка бонусов */


/* CTA */
.ip-cta {
    text-align: center;
    padding-top: var(--24px);
    padding-bottom: var(--24px);
}

@media (max-width: 575.98px) {

}