.sale-page { --sale-green:#003928; --sale-deep:#002d20; --sale-mint:#b9e4d7; }
.sale-hero{position:relative;min-height:790px;height:min(880px,calc(100svh - 88px));max-height:980px;overflow:hidden;background:#123e31;color:#fff;isolation:isolate}
.sale-hero-image {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            90deg,
            rgba(0, 38, 27, 0.88) 0%,
            rgba(0, 47, 33, 0.62) 38%,
            rgba(0, 47, 33, 0.12) 78%
        ),
        linear-gradient(
            0deg,
            rgba(0, 32, 22, 0.55),
            transparent 48%
        ),
        url("/images/%D0%9F%D1%80%D0%BE%D0%B4%D0%B0%D0%B6%D0%B0.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    z-index: -2;
}
.sale-hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 20%,rgba(191,222,204,.12),transparent 36%);z-index:-1}
.sale-hero-copy{position:absolute;left:clamp(26px,8vw,132px);top:13%;max-width:680px;z-index:2}
.sale-eyebrow{display:flex;align-items:center;gap:10px;color:#b9e4d7;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.sale-eyebrow i,.sale-live-dot{width:7px;height:7px;background:#a6e5c9;border-radius:50%;box-shadow:0 0 0 5px #a6e5c922}
.sale-hero h1{font-size:clamp(42px,5.1vw,76px);line-height:1.04;letter-spacing:-3px;font-weight:600;margin:24px 0 22px}
.sale-hero h1 em,.sale-intro h2 em,.sale-trust h2 em{font-style:normal;color:#a7e4c9}
.sale-hero-copy>p{max-width:490px;font-size:15px;line-height:1.85;color:#ffffffd9;margin:0}
.sale-hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}
.sale-text-link{font-size:12px;font-weight:700;color:white}.sale-text-link span{margin-left:8px;color:#a7e4c9}
.sale-hero-stamp{position:absolute;right:clamp(30px,8vw,130px);top:13%;width:110px;height:110px;border:1px solid #ffffff70;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;transform:rotate(10deg)}
.sale-hero-stamp>span{font-size:24px;font-weight:800;letter-spacing:-1px}.sale-hero-stamp i{width:28px;height:1px;background:#a7e4c9}.sale-hero-stamp small{font-size:9px;text-align:center;line-height:1.4}
.sale-benefits{position:absolute;left:clamp(26px,8vw,132px);right:clamp(26px,8vw,132px);bottom:88px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff54;border-bottom:1px solid #ffffff35;background:linear-gradient(90deg,#002d2070,#ffffff08);backdrop-filter:blur(8px)}
.sale-benefit{padding:21px 19px 23px;display:grid;grid-template-columns:54px 1fr;column-gap:13px;align-content:start;border-right:1px solid #ffffff35;min-width:0}
.sale-benefit:last-child{border-right:0}
.sale-icon-slot{grid-row:span 2;width:54px;height:54px;border:1px dashed #b9e4d7a8;border-radius:15px;display:flex;align-items:center;justify-content:center;text-align:center;color:#c6eadb;background:#ffffff0d;padding:4px}
.sale-icon-slot img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.sale-icon-slot img[src^="ВСТАВЬТЕ_"]{visibility:hidden}
.sale-benefit strong{font-size:clamp(12px,1.05vw,15px);line-height:1.3;margin:2px 0 7px}
.sale-benefit small{font-size:11px;line-height:1.5;color:#ffffffb9}
.sale-hero-bottom{position:absolute;bottom:26px;left:clamp(26px,8vw,132px);right:clamp(26px,8vw,132px);display:flex;justify-content:space-between;color:#ffffff9c;font-size:9px;letter-spacing:2px}
.section-shell{width:min(1260px,calc(100% - 64px));margin:0 auto}
.sale-intro{display:grid;grid-template-columns:1fr .8fr;gap:8%;padding-top:115px;padding-bottom:105px;align-items:center}
.sale-intro h2,.sale-trust h2{font-size:clamp(34px,4.4vw,58px);line-height:1.08;letter-spacing:-2px;font-weight:600;margin:17px 0 0;color:#123a2e}
.sale-intro-copy p{font-size:15px;line-height:1.9;color:#60716a;margin:0;max-width:520px}
.sale-handline{display:inline-block;margin-top:25px;font-size:clamp(20px,2.2vw,28px);font-weight:700;color:#00634e;letter-spacing:-1px;transform:rotate(-3deg);border-bottom:2px solid #78bca2;padding:0 10px 9px}
.sale-steps-section{padding:90px 0 105px;background:#f5f7f2;overflow:hidden}
.sale-section-heading{align-items:end;margin-bottom:48px}
.sale-section-heading .section-kicker{color:#43816d}
.sale-section-heading h2{color:#123a2e}.sale-section-heading h2 span{color:#00634e}
.sale-section-heading>p{max-width:390px;line-height:1.8;color:#6d7c75;font-size:13px}
.sale-progress{position:relative;height:28px;margin:0 5.5% 18px}
.sale-progress-track{position:absolute;top:12px;left:0;right:0;height:3px;background:linear-gradient(90deg,#e2eee6,#b7d9ca 28%,#72b89c 65%,#00634e);border-radius:10px;overflow:hidden}
.sale-progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#e7f0e8,#00634e);border-radius:10px;box-shadow:0 0 12px #00634e45}
.sale-progress-stops{position:absolute;left:0;right:0;top:3px;display:flex;justify-content:space-between}
.sale-progress-stops i{width:21px;height:21px;border-radius:50%;background:#e3eee6;border:4px solid #f5f7f2;box-shadow:0 0 0 1px #c3d9ce;transition:background .3s,box-shadow .3s}
.sale-progress-stops i.active{background:#00634e;box-shadow:0 0 0 4px #00634e20}
.sale-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}
.sale-step-card{position:relative;display:flex;flex-direction:column;min-height:420px;padding:25px 23px 21px;border:1px solid #dce6df;border-radius:19px;background:#fff;box-shadow:0 8px 25px #123a2e08;transition:transform .4s,border-color .4s,box-shadow .4s}
.sale-step-card.is-current{transform:translateY(-7px);border-color:#6cae93;box-shadow:0 20px 42px #00392816}
.step-card-top{display:flex;align-items:center;justify-content:space-between;color:#668176;font-size:9px;letter-spacing:1.6px;font-weight:800}
.step-mark{font-size:12px;color:#00634e}
.step-symbol{height:74px;width:74px;margin:28px 0 21px;border-radius:21px;background:#e7f1e8;border:1px dashed #8db8a3;display:flex;align-items:center;justify-content:center;color:#00634e;text-align:center;padding:8px}
.step-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.step-symbol img[src^="ВСТАВЬТЕ_"]{visibility:hidden}
.sale-step-card h3{font-size:20px;line-height:1.25;letter-spacing:-.5px;color:#123a2e;margin:0 0 12px}
.sale-step-card p{font-size:12px;line-height:1.8;color:#6a7972;margin:0 0 17px}
.sale-step-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.sale-step-card li{font-size:11px;line-height:1.5;color:#38584b;padding-left:18px;position:relative}
.sale-step-card li:before{content:"";position:absolute;left:0;top:5px;width:8px;height:5px;border-left:2px solid #0a8060;border-bottom:2px solid #0a8060;transform:rotate(-45deg)}
.step-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5ece7;padding-top:15px;margin-top:auto;color:#00634e;font-size:11px;font-weight:800}
.step-card-foot span{font-size:17px}
.sale-step-final{background:#003928;color:#fff;border-color:#003928}
.sale-step-final .step-card-top,.sale-step-final .step-mark{color:#a7e4c9}.sale-step-final h3{color:#fff}.sale-step-final p,.sale-step-final li{color:#d2e2da}.sale-step-final .step-symbol{background:#ffffff12;border-color:#8ac8ae;color:#c7efdd}.sale-step-final .step-card-foot{border-color:#ffffff35;color:#b9e4d7}
.sale-final-cta{margin-top:auto!important;width:100%;font-size:10px!important;line-height:1.5;padding:13px 14px!important;gap:10px!important;text-align:left}
.sale-progress-caption{display:flex;align-items:center;justify-content:center;gap:11px;margin:31px 0 0;color:#6e8077;font-size:11px;letter-spacing:.2px}
.sale-live-dot{width:6px;height:6px;display:inline-block;background:#00634e;box-shadow:0 0 0 4px #00634e18}
.sale-trust{padding:105px 32px;background:#eaf1e9}
.sale-trust-inner{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:190px 1fr 190px;gap:55px;align-items:center}
.sale-trust-orbit{width:165px;height:165px;border:1px solid #98b7a5;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#00634e;position:relative}
.sale-trust-orbit:before,.sale-trust-orbit:after{content:"";position:absolute;inset:13px;border:1px solid #b8d0c1;border-radius:50%}.sale-trust-orbit:after{inset:-9px;border-style:dashed;opacity:.8}.sale-trust-orbit span{font-size:39px;font-weight:800;letter-spacing:-3px}.sale-trust-orbit small{font-size:9px;letter-spacing:1px}
.sale-trust h2{font-size:clamp(32px,3.5vw,48px);margin:15px 0}
.sale-trust-copy p{max-width:570px;font-size:13px;line-height:1.9;color:#61756b;margin:0 0 24px}
.sale-trust-note{border-left:2px solid #73b99b;padding:13px 0 13px 18px;display:grid;gap:12px;color:#567367}.sale-trust-note b{font-size:10px;letter-spacing:2px;color:#00634e}.sale-trust-note span{font-size:12px;line-height:1.8}
.sale-page .button-green{background:#003928;color:#fff}
.sale-page .button-green:hover{background:#00634e}
.sale-page .button-light{color:#003928}
.sale-page button:focus-visible,.sale-page a:focus-visible{outline:3px solid #8ad6b7;outline-offset:4px}
@media(max-width:1000px){.sale-hero{height:auto;min-height:900px}.sale-hero-copy{top:10%;right:30px}.sale-benefits{grid-template-columns:repeat(2,minmax(0,1fr));bottom:72px}.sale-benefit:nth-child(2){border-right:0}.sale-benefit:nth-child(-n+2){border-bottom:1px solid #ffffff35}.sale-hero-bottom{bottom:22px}.sale-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-step-card{min-height:390px}.sale-trust-inner{grid-template-columns:140px 1fr;gap:35px}.sale-trust-orbit{width:130px;height:130px}.sale-trust-note{grid-column:2}}
@media(max-width:700px){.sale-hero{min-height:1050px;height:auto}.sale-hero-copy{left:25px;right:25px;top:65px}.sale-hero h1{font-size:clamp(39px,10vw,58px);letter-spacing:-2px}.sale-hero-copy>p{font-size:13px}.sale-hero-stamp{top:auto;right:27px;bottom:440px;width:83px;height:83px}.sale-hero-stamp>span{font-size:19px}.sale-benefits{left:20px;right:20px;bottom:60px}.sale-benefit{grid-template-columns:43px 1fr;padding:15px 10px;column-gap:9px}.sale-icon-slot{width:43px;height:43px;border-radius:12px}.sale-benefit strong{font-size:11px}.sale-benefit small{font-size:10px}.sale-hero-bottom{left:22px;right:22px;font-size:8px}.sale-hero-actions{gap:15px;flex-wrap:wrap}.sale-hero-actions .button{padding:13px 15px;gap:12px}.section-shell{width:calc(100% - 40px)}.sale-intro{grid-template-columns:1fr;gap:25px;padding-top:75px;padding-bottom:72px}.sale-intro h2{font-size:39px}.sale-intro-copy p{font-size:13px}.sale-steps-section{padding:70px 0}.sale-section-heading{display:block;margin-bottom:32px}.sale-section-heading>p{margin-top:17px}.sale-progress{margin:0 4% 20px}.sale-steps-grid{grid-template-columns:1fr;gap:13px}.sale-step-card{min-height:0;padding:22px}.step-symbol{margin:20px 0 17px}.sale-step-card h3{font-size:22px}.sale-step-card p{font-size:13px}.sale-step-card li{font-size:12px}.sale-step-final .sale-final-cta{margin-top:16px!important}.sale-progress-caption{font-size:10px;text-align:center;line-height:1.6}.sale-trust{padding:75px 20px}.sale-trust-inner{grid-template-columns:1fr;gap:27px}.sale-trust-orbit{width:112px;height:112px}.sale-trust-orbit span{font-size:30px}.sale-trust-note{grid-column:auto}.sale-trust h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.sale-step-card,.sale-progress-fill,.sale-progress-stops i{transition:none!important}}

/* FIX: ограничиваем логотипы в шапке, подвале и мобильном меню.
   В исходном styles.css стили рассчитаны на текстовый логотип, поэтому img без этих правил растягивается. */
.site-header > .brand,
.footer > .brand-footer,
.drawer-head > .brand {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.site-header > .brand {
  width: 82px;
  height: 82px;
  flex: 0 0 82px;
}
.footer > .brand-footer {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
}
.drawer-head > .brand {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
}
.site-header .brand-logo-img,
.footer .brand-logo-img,
.drawer-head .brand-logo-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}