.firstscreen-oklejka{padding-bottom:48rem;}
.firstscreen-oklejka-cta{max-width:765rem;}
.firstscreen-oklejka-cta__btn{
    width:100%;
    max-width:560rem;
    text-transform:uppercase;
    white-space:normal;
    line-height:1.25;
    height:auto;
    padding:16rem 28rem;
}

/* Callibri/Envybox: текст галочек только из data-text, text nodes игнорируем */
.firstscreen-oklejka .firstscreen-point__title--locked{
    font-size:0;
    line-height:0;
}
.firstscreen-oklejka .firstscreen-point__title--locked::before{
    content:attr(data-text);
    font-weight:600;
    font-size:20rem;
    line-height:130%;
    font-family:"Euclid Square",sans-serif;
    color:inherit;
    white-space:normal;
}
@media (max-width:991px){
    .firstscreen-oklejka .firstscreen-point__title--locked::before{font-size:16rem;}
}

/* Modal: wider + fits viewport without page scroll */
.oklejka-calc.fancybox__content,
.popup.oklejka-calc.fancybox__content{
    max-width:640rem !important;
    width:min(640rem, calc(100vw - 24rem)) !important;
    max-height:calc(100dvh - 24rem) !important;
    max-height:calc(100svh - 24rem) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    text-align:left;
    padding:22rem 28rem !important;
    box-sizing:border-box !important;
/* место под крестик справа от заголовка */
    padding-right:56rem !important;
}
/* Fancybox ставит крестик top:-38px — его режет overflow; держим внутри модалки */
.oklejka-calc.fancybox__content > .f-button.is-close-btn,
.popup.oklejka-calc.fancybox__content > .f-button.is-close-btn{
    top:12rem !important;
    right:12rem !important;
    width:36rem;
    height:36rem;
    opacity:1 !important;
    color:#fff !important;
    background:rgba(255,255,255,0.08) !important;
    border-radius:50%;
    z-index:50;
}
.oklejka-calc.fancybox__content > .f-button.is-close-btn:hover,
.popup.oklejka-calc.fancybox__content > .f-button.is-close-btn:hover{
    background:rgba(255,255,255,0.16) !important;
}
.oklejka-calc.fancybox__content > .f-button.is-close-btn svg,
.popup.oklejka-calc.fancybox__content > .f-button.is-close-btn svg{
    width:18rem;
    height:18rem;
    stroke:#fff !important;
    color:#fff !important;
}
.oklejka-calc.fancybox__content > .f-button.is-close-btn svg path,
.popup.oklejka-calc.fancybox__content > .f-button.is-close-btn svg path{
    stroke:#fff !important;
    stroke-width:2.5;
}
.oklejka-calc__intro{margin-bottom:12rem;}
.oklejka-calc .popup-title,
.oklejka-calc__title{
    font-weight:700;
    font-size:28rem;
    line-height:115%;
    font-family:"Euclid Square",sans-serif;
    margin-bottom:8rem;
    color:#fff;
    text-align:left;
    text-transform:uppercase;
}
.oklejka-calc__text{
    font-size:14rem;
    line-height:135%;
    color:rgba(255,255,255,0.8);
}
.oklejka-calc .row.g-3{
    --bs-gutter-y:10rem;
    --bs-gutter-x:10rem;
    margin-top:0;
}
.oklejka-calc .form-control{
    min-height:44rem;
    padding-top:10rem;
    padding-bottom:10rem;
    font-size:16rem;
}
.oklejka-calc__wish{
    min-height:64rem;
    max-height:90rem;
    border-radius:16rem;
    padding:12rem 16rem;
    font-size:16rem;
    line-height:130%;
    resize:none;
}
.oklejka-calc .car-messengers__title{
    color:rgba(255,255,255,0.9);
    margin-bottom:10rem;
    font-size:15rem;
}
.oklejka-calc .car-messengers__list{gap:12rem 18rem;}
/* отступ между чекбоксами связи и полем «вопрос/пожелание» */
.oklejka-calc__wish-wrap{margin-top:14rem;}
.oklejka-calc__note{
    font-style:italic;
    font-size:12rem;
    line-height:130%;
    color:rgba(255,255,255,0.6);
    text-align:center;
}
.oklejka-calc .form-error{margin-bottom:4rem;color:#ef3739;font-size:13rem;line-height:120%;}
.oklejka-calc .form-checkbox .form-label,
.oklejka-calc .form-checkbox a{color:rgba(255,255,255,0.75);font-size:13rem;line-height:130%;}
.oklejka-calc .form-checkbox a{text-decoration:underline;}
.oklejka-calc .button.button--max{
    height:auto;
    min-height:48rem;
    padding:12rem 18rem;
    white-space:normal;
    line-height:1.25;
}

@media (max-width:991px){
    .firstscreen-oklejka-cta__btn{max-width:none;font-size:14rem;padding:14rem 18rem;}
    .oklejka-calc.fancybox__content,
    .popup.oklejka-calc.fancybox__content{
        max-width:none !important;
        width:calc(100vw - 16rem) !important;
        max-height:calc(100dvh - 16rem) !important;
        max-height:calc(100svh - 16rem) !important;
        padding:16rem 48rem 16rem 16rem !important;
    }
    .oklejka-calc .popup-title,
    .oklejka-calc__title{font-size:22rem;margin-bottom:6rem;}
    .oklejka-calc__text{font-size:13rem;line-height:130%;}
    .oklejka-calc__intro{margin-bottom:10rem;}
    .oklejka-calc .row.g-3{--bs-gutter-y:8rem;}
    .oklejka-calc__wish-wrap{margin-top:16rem;}
    .oklejka-calc .car-messengers__list{gap:12rem 16rem;}
    .oklejka-calc .form-control{min-height:42rem;font-size:15rem;padding-top:9rem;padding-bottom:9rem;}
    .oklejka-calc__wish{min-height:56rem;max-height:72rem;font-size:15rem;padding:10rem 14rem;}
    .oklejka-calc .button.button--max{min-height:44rem;padding:11rem 16rem;font-size:14rem;}
    .oklejka-calc__note{font-size:11rem;}
}

/* Very short screens: squeeze harder so form fits */
@media (max-height:760px){
    .oklejka-calc.fancybox__content,
    .popup.oklejka-calc.fancybox__content{padding:14rem 48rem 14rem 18rem !important;}
    .oklejka-calc__intro{margin-bottom:8rem;}
    .oklejka-calc .popup-title,
    .oklejka-calc__title{font-size:22rem;margin-bottom:6rem;}
    .oklejka-calc__text{font-size:12rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
    .oklejka-calc .row.g-3{--bs-gutter-y:6rem;}
    .oklejka-calc__wish-wrap{margin-top:12rem;}
    .oklejka-calc__wish{min-height:48rem;max-height:56rem;}
    .oklejka-calc .form-control{min-height:40rem;}
    .oklejka-calc .button.button--max{min-height:42rem;padding:10rem 14rem;}
    .oklejka-calc__note{display:block;font-size:11rem;margin-top:8rem;}
}

/* === oklejka-page gaps (inlined) === */
/* Новая страница оклейки: меньше зазоров между блоками.
   body + double class — чтобы перебить базовые el.*.css (100rem), даже если этот файл грузится раньше. */

body .firstscreen.firstscreen-oklejka{padding-bottom:48rem;}

body .not-film{padding:52rem 0 32rem;}

body .varieties.varieties-results{padding-top:56rem;padding-bottom:28rem;}

body .service.service-levels{padding-top:56rem;padding-bottom:36rem;}

body .advantages.advantages-trust{padding-top:56rem;}
body .advantages.advantages-trust .advantages-title{padding-bottom:28rem;}
body .advantages-trust-cta{margin-top:28rem;}

body .steps.fear-points{padding-top:56rem;padding-bottom:28rem;}

body .round.steps-oklejka{padding-top:56rem;}

body .advantages-roi.membrane{padding-top:56rem;padding-bottom:28rem;}
body .advantages-roi__section-title{margin-bottom:28rem;}

body .works.works-cases{padding-top:56rem;padding-bottom:36rem;}
body .works-cases__grid{margin-top:28rem;}
body .works-cases__cta{margin-top:28rem;}

body .works.works-done{padding-top:56rem;}
body .works.works-done .works-items,
body .works-done__items{padding-top:28rem;}

body .steps.guarantee{padding-top:56rem;padding-bottom:28rem;}

body .faq.faq-oklejka{padding-top:56rem;}

body .map{padding-top:56rem;}

@media (max-width:991px){
  body .firstscreen.firstscreen-oklejka{padding-bottom:28rem;}
  body .not-film{padding:32rem 0 24rem;}
  body .varieties.varieties-results{padding-top:32rem;padding-bottom:20rem;}
  body .service.service-levels{padding-top:32rem;padding-bottom:24rem;}
  body .advantages.advantages-trust{padding-top:32rem;}
  body .advantages.advantages-trust .advantages-title{padding-bottom:18rem;}
  body .advantages-trust-cta{margin-top:20rem;}
  body .steps.fear-points{padding-top:32rem;padding-bottom:20rem;}
  body .round.steps-oklejka{padding-top:32rem;}
  body .advantages-roi.membrane{padding-top:32rem;padding-bottom:20rem;}
  body .advantages-roi__section-title{margin-bottom:18rem;}
  body .works.works-cases{padding-top:32rem;padding-bottom:24rem;}
  body .works-cases__grid{margin-top:20rem;}
  body .works-cases__cta{margin-top:20rem;}
  body .works.works-done{padding-top:32rem;}
  body .works.works-done .works-items,
  body .works-done__items{padding-top:20rem;}
  body .steps.guarantee{padding-top:32rem;padding-bottom:20rem;}
  body .faq.faq-oklejka{padding-top:32rem;}
  body .map{padding-top:32rem;}
}

@media (max-width:575px){
  body .firstscreen.firstscreen-oklejka{padding-bottom:24rem;}
  body .not-film{padding:28rem 0 20rem;}
  body .varieties.varieties-results,
  body .service.service-levels,
  body .advantages.advantages-trust,
  body .steps.fear-points,
  body .round.steps-oklejka,
  body .advantages-roi.membrane,
  body .works.works-cases,
  body .works.works-done,
  body .steps.guarantee,
  body .faq.faq-oklejka,
  body .map{padding-top:28rem;}
  body .service.service-levels,
  body .works.works-cases{padding-bottom:20rem;}
}

/* === oklejka fonts === */
/* Шрифты: default.css ставит Open Sans на * — h2/h3 внутри .*-title не наследуют Euclid.
   На этой странице выравниваем заголовки под остальной сайт. */
body .firstscreen-oklejka :is(h1, h2, h3),
body .not-film :is(h2, h3),
body .varieties-results :is(h2, h3),
body .service-levels :is(h2, h3),
body .advantages-trust :is(h2, h3),
body .fear-points :is(h2, h3),
body .steps-oklejka :is(h2, h3),
body .advantages-roi :is(h2, h3),
body .works-cases :is(h2, h3),
body .works-done :is(h2, h3),
body .guarantee :is(h2, h3),
body .faq-oklejka :is(h2, h3),
body .map :is(h2, h3),
body .not-film .advantages-item__title,
body .advantages-trust .advantages-item__title,
body .varieties-results .tplvarieties-title,
body .fear-points .tplsteps-title,
body .guarantee .tplsteps-title,
body .service-levels .service-title,
body .service-levels .tplservice-title,
body .advantages-trust .advantages-title,
body .steps-oklejka .round-title,
body .steps-oklejka .round-item__title,
body .advantages-roi .membrane-title,
body .advantages-roi__section-title{
  font-family: "Euclid Square", sans-serif;
}