/* Полностью изолированная посадочная страница стеклопакетов. */
.vo-glass-units-redesign {
    --vo-peach: #ffa77d;
    --vo-peach-dark: #e9875f;
    --vo-ink: #29433d;
    --vo-ink-soft: #58706a;
    --vo-cream: #fff9f5;
    overflow: hidden;
    color: var(--vo-ink);
    font-family: MullerRegular, Arial, sans-serif;
    background: #fff;
    /* Шапка сайта фиксирована: оставляем для неё место, чтобы не обрезать первый экран. */
    padding-top: 226px;
}

.vo-glass-units-redesign * { box-sizing: border-box; }
.vo-glass-units-redesign .container { position: relative; }
.vo-glass-units-redesign h1,
.vo-glass-units-redesign h2,
.vo-glass-units-redesign h3,
.vo-glass-units-redesign p { margin-top: 0; }
.vo-glass-units-redesign h1,
.vo-glass-units-redesign h2,
.vo-glass-units-redesign h3 { font-family: MullerBold, Arial, sans-serif; }

.vo-glass-units-redesign .vo-g-hero {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: center;
    padding: 76px 0;
    background: linear-gradient(90deg, rgba(38,61,55,.97) 0%, rgba(38,61,55,.88) 35%, rgba(38,61,55,.25) 66%, rgba(38,61,55,.06) 100%), url('/images/products/steklopakety/glass-units-redesign-v1/hero-living-room-v1.png') center / cover no-repeat;
}

.vo-glass-units-redesign .vo-g-hero__copy { width: 57%; color: #fff; }
.vo-glass-units-redesign .vo-g-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #ffd4bd;
    font-family: MullerBold, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.vo-glass-units-redesign .vo-g-kicker::before { width: 33px; height: 2px; content: ''; background: var(--vo-peach); }
.vo-glass-units-redesign .vo-g-hero h1 { max-width: 730px; margin-bottom: 20px; color: #fff !important; -webkit-text-fill-color: #fff !important; text-shadow: none !important; font-size: 48px; line-height: 1.08; }
.vo-glass-units-redesign .vo-g-lead { max-width: 590px; margin-bottom: 30px; color: rgba(255,255,255,.9); font-size: 19px; line-height: 1.55; }
.vo-glass-units-redesign .vo-g-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.vo-glass-units-redesign .vo-g-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 53px;
    padding: 14px 25px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff !important;
    background: var(--vo-peach);
    box-shadow: 0 12px 25px rgba(255,141,100,.25);
    font-family: MullerBold, Arial, sans-serif;
    text-decoration: none !important;
    transition: transform .3s ease, background-color .3s ease, box-shadow .3s ease;
}
.vo-glass-units-redesign .vo-g-button:hover { color: #fff !important; background: var(--vo-peach-dark); transform: translateY(-2px); box-shadow: 0 16px 30px rgba(255,141,100,.37); }
.vo-glass-units-redesign .vo-g-button--ghost { color: #fff !important; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.4); box-shadow: none; }
.vo-glass-units-redesign .vo-g-button--ghost:hover { background: rgba(255,255,255,.18); }

.vo-glass-units-redesign .vo-g-trust { position: relative; z-index: 2; margin-top: -38px; }
.vo-glass-units-redesign .vo-g-trust__inner { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(225,164,129,.26); border-radius: 20px; overflow: hidden; background: #fff; box-shadow: 0 18px 42px rgba(37,57,50,.11); }
.vo-glass-units-redesign .vo-g-trust__item { position: relative; padding: 25px 32px 24px 70px; min-height: 96px; }
.vo-glass-units-redesign .vo-g-trust__item + .vo-g-trust__item { border-left: 1px solid #f4e6dd; }
.vo-glass-units-redesign .vo-g-trust__item::before { position: absolute; left: 29px; top: 27px; display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: var(--vo-peach); font-family: Arial, sans-serif; font-weight: bold; content: '✓'; }
.vo-glass-units-redesign .vo-g-trust b { display: block; margin-bottom: 4px; color: var(--vo-ink); font-family: MullerBold, Arial, sans-serif; font-size: 16px; }
.vo-glass-units-redesign .vo-g-trust span { color: var(--vo-ink-soft); font-size: 14px; line-height: 1.35; }

.vo-glass-units-redesign .vo-g-section { padding: 82px 0; }
.vo-glass-units-redesign .vo-g-section--cream { background: linear-gradient(180deg, #fffaf7 0%, #fff 100%); }
.vo-glass-units-redesign .vo-g-heading { max-width: 765px; margin: 0 auto 40px; text-align: center; }
.vo-glass-units-redesign .vo-g-heading h2 { margin-bottom: 12px; color: var(--vo-ink); font-size: 34px; line-height: 1.18; }
.vo-glass-units-redesign .vo-g-heading p { max-width: 690px; margin: 0 auto; color: var(--vo-ink-soft); font-size: 17px; line-height: 1.55; }
.vo-glass-units-redesign .vo-g-heading::after { display: block; width: 52px; height: 3px; margin: 18px auto 0; border-radius: 4px; background: var(--vo-peach); content: ''; }

.vo-glass-units-redesign .vo-g-formula { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.vo-glass-units-redesign .vo-g-formula__card { position: relative; min-height: 285px; padding: 29px; border: 1px solid #f0d9cd; border-radius: 20px; background: #fff; box-shadow: 0 14px 32px rgba(57,42,30,.06); overflow: hidden; }
.vo-glass-units-redesign .vo-g-formula__number { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 18px; border-radius: 50%; color: #fff; background: var(--vo-peach); font-family: MullerBold, Arial, sans-serif; }
.vo-glass-units-redesign .vo-g-formula h3 { margin-bottom: 11px; color: var(--vo-ink); font-size: 22px; }
.vo-glass-units-redesign .vo-g-formula p { position: relative; z-index: 1; max-width: 280px; margin-bottom: 0; color: var(--vo-ink-soft); font-size: 15px; line-height: 1.53; }
.vo-glass-units-redesign .vo-g-formula__card::after { position: absolute; right: -12px; bottom: -52px; color: rgba(255,167,125,.15); font-family: MullerBold, Arial, sans-serif; font-size: 185px; line-height: 1; content: attr(data-number); }
.vo-glass-units-redesign .vo-g-formula__badge { display: inline-block; margin-top: 16px; padding: 7px 10px; border-radius: 7px; color: #b65b38; background: #fff0e8; font-size: 13px; }

.vo-glass-units-redesign .vo-g-solutions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.vo-glass-units-redesign .vo-g-solution { display: grid; grid-template-columns: 43% 57%; min-height: 300px; border: 1px solid #efddd3; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 14px 35px rgba(44,55,48,.07); }
.vo-glass-units-redesign .vo-g-photo { overflow: hidden; background: #f6ebe5; }
.vo-glass-units-redesign .vo-g-photo img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; transform: scale(1); transition: transform 1.3s cubic-bezier(.22, 1, .36, 1); }
.vo-glass-units-redesign .vo-g-solution:hover .vo-g-photo img { transform: scale(1.065); }
.vo-glass-units-redesign .vo-g-solution__copy { display: flex; flex-direction: column; align-items: flex-start; padding: 30px 28px; }
.vo-glass-units-redesign .vo-g-solution__label { display: inline-block; margin-bottom: 13px; color: #d97955; font-family: MullerBold, Arial, sans-serif; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.vo-glass-units-redesign .vo-g-solution h3 { margin-bottom: 12px; color: var(--vo-ink); font-size: 23px; line-height: 1.16; }
.vo-glass-units-redesign .vo-g-solution p { margin-bottom: 0; color: var(--vo-ink-soft); font-size: 15px; line-height: 1.52; }
.vo-glass-units-redesign .vo-g-solution__check { display: flex; gap: 8px; margin-top: auto; padding-top: 19px; color: var(--vo-ink); font-family: MullerBold, Arial, sans-serif; font-size: 13px; }
.vo-glass-units-redesign .vo-g-solution__check::before { color: var(--vo-peach); content: '✓'; }

.vo-glass-units-redesign .vo-g-feature { display: grid; grid-template-columns: 43% 1fr; align-items: stretch; max-width: 1060px; margin: 0 auto; border-radius: 24px; overflow: hidden; color: #fff; background: var(--vo-ink); }
.vo-glass-units-redesign .vo-g-feature .vo-g-photo img { min-height: 390px; }
.vo-glass-units-redesign .vo-g-feature__copy { padding: 53px 56px; }
.vo-glass-units-redesign .vo-g-feature__copy h2 { margin-bottom: 16px; color: #fff; font-size: 33px; line-height: 1.15; }
.vo-glass-units-redesign .vo-g-feature__copy > p { margin-bottom: 23px; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.55; }
.vo-glass-units-redesign .vo-g-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px 20px; padding: 0; margin: 0; list-style: none; }
.vo-glass-units-redesign .vo-g-list li { position: relative; padding-left: 24px; color: #fff; font-size: 14px; line-height: 1.4; }
.vo-glass-units-redesign .vo-g-list li::before { position: absolute; left: 0; top: 2px; display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; color: var(--vo-ink); background: var(--vo-peach); font-size: 11px; font-weight: bold; content: '✓'; }

.vo-glass-units-redesign .vo-g-cta { padding: 82px 0; background: linear-gradient(125deg, #ffb18c, #ff9a71); }
.vo-glass-units-redesign .vo-g-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 34px; }
.vo-glass-units-redesign .vo-g-cta h2 { max-width: 700px; margin-bottom: 10px; color: #fff; font-size: 34px; line-height: 1.16; }
.vo-glass-units-redesign .vo-g-cta p { max-width: 710px; margin-bottom: 0; color: rgba(255,255,255,.89); font-size: 17px; line-height: 1.52; }
.vo-glass-units-redesign .vo-g-cta .vo-g-button { flex: 0 0 auto; color: var(--vo-ink) !important; background: #fff; box-shadow: 0 12px 24px rgba(145,66,36,.16); }
.vo-glass-units-redesign .vo-g-cta .vo-g-button:hover { color: var(--vo-ink) !important; background: #fff8f4; }

.vo-glass-units-redesign .vo-g-faq { max-width: 970px; margin: 0 auto; }
.vo-glass-units-redesign .vo-g-faq__item { display: grid; grid-template-columns: 45px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid #eedfd7; }
.vo-glass-units-redesign .vo-g-faq__item:first-child { border-top: 1px solid #eedfd7; }
.vo-glass-units-redesign .vo-g-faq__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #fff; background: var(--vo-peach); font-family: MullerBold, Arial, sans-serif; }
.vo-glass-units-redesign .vo-g-faq h3 { margin-bottom: 7px; color: var(--vo-ink); font-size: 19px; }
.vo-glass-units-redesign .vo-g-faq p { margin-bottom: 0; color: var(--vo-ink-soft); font-size: 15px; line-height: 1.55; }

@media (max-width: 991px) {
    .vo-glass-units-redesign { padding-top: 178px; }
    .vo-glass-units-redesign .vo-g-hero { min-height: 520px; padding: 60px 0; background: linear-gradient(90deg, rgba(38,61,55,.96), rgba(38,61,55,.70)), url('/images/products/steklopakety/glass-units-redesign-v1/hero-living-room-v1.png') center / cover no-repeat; }
    .vo-glass-units-redesign .vo-g-hero__copy { width: 100%; }
    .vo-glass-units-redesign .vo-g-hero h1 { font-size: 42px; }
    .vo-glass-units-redesign .vo-g-trust__item { padding: 22px 20px 22px 56px; }
    .vo-glass-units-redesign .vo-g-trust__item::before { left: 19px; }
    .vo-glass-units-redesign .vo-g-solutions { grid-template-columns: 1fr; }
    .vo-glass-units-redesign .vo-g-feature { grid-template-columns: 40% 60%; }
    .vo-glass-units-redesign .vo-g-feature__copy { padding: 36px; }
}

@media (max-width: 767px) {
    .vo-glass-units-redesign { padding-top: 126px; }
    .vo-glass-units-redesign .vo-g-hero { min-height: 500px; padding: 55px 0; }
    .vo-glass-units-redesign .vo-g-hero h1 { font-size: 33px; }
    .vo-glass-units-redesign .vo-g-lead { font-size: 16px; }
    .vo-glass-units-redesign .vo-g-actions { align-items: stretch; flex-direction: column; }
    .vo-glass-units-redesign .vo-g-button { width: 100%; }
    .vo-glass-units-redesign .vo-g-trust { margin-top: -18px; }
    .vo-glass-units-redesign .vo-g-trust__inner { grid-template-columns: 1fr; }
    .vo-glass-units-redesign .vo-g-trust__item + .vo-g-trust__item { border-top: 1px solid #f4e6dd; border-left: 0; }
    .vo-glass-units-redesign .vo-g-section { padding: 58px 0; }
    .vo-glass-units-redesign .vo-g-heading h2 { font-size: 27px; }
    .vo-glass-units-redesign .vo-g-heading p { font-size: 15px; }
    .vo-glass-units-redesign .vo-g-formula { grid-template-columns: 1fr; }
    .vo-glass-units-redesign .vo-g-formula__card { min-height: 210px; }
    .vo-glass-units-redesign .vo-g-solution { grid-template-columns: 1fr; }
    .vo-glass-units-redesign .vo-g-photo img { min-height: 250px; max-height: 310px; }
    .vo-glass-units-redesign .vo-g-feature { grid-template-columns: 1fr; }
    .vo-glass-units-redesign .vo-g-feature__copy { padding: 34px 25px; }
    .vo-glass-units-redesign .vo-g-feature__copy h2 { font-size: 27px; }
    .vo-glass-units-redesign .vo-g-list { grid-template-columns: 1fr; }
    .vo-glass-units-redesign .vo-g-cta { padding: 58px 0; }
    .vo-glass-units-redesign .vo-g-cta__inner { align-items: stretch; flex-direction: column; }
    .vo-glass-units-redesign .vo-g-cta h2 { font-size: 27px; }
    .vo-glass-units-redesign .vo-g-faq__item { grid-template-columns: 38px 1fr; gap: 13px; }
}

@media (prefers-reduced-motion: reduce) {
    .vo-glass-units-redesign .vo-g-photo img { transition: none; }
    .vo-glass-units-redesign .vo-g-solution:hover .vo-g-photo img { transform: none; }
}