/*
 * Pixel-reference layer for the original Elementor landing page.
 * Desktop geometry is based on the live page at a 1920px viewport.
 */

@media (min-width:1101px){
  body{font-size:16px;line-height:1.5}
  .site-header{border-bottom:0}

  /* Header: 70px trust row + 69px navigation row. */
  .header-topbar{height:70px;background:#f1f1f8;border:0}
  .topbar-inner{width:calc(100% - 100px);max-width:none;height:70px;min-height:70px;padding:0;display:grid;grid-template-columns:auto 1fr auto;gap:34px;font-size:16px;color:#26333d}
  .topbar-trust,.topbar-meta,.topbar-socials{display:flex;align-items:center}
  .topbar-trust{gap:32px}
  .topbar-trust span,.topbar-meta span{display:flex;align-items:center;gap:8px;white-space:nowrap}
  .topbar-trust span:before,.topbar-meta span:before{display:grid;place-items:center;width:22px;height:22px;color:#ff6900;font-weight:700}
  .topbar-trust span:nth-child(1):before{content:'✓';border:2px solid #8d9aab;border-radius:7px}
  .topbar-trust span:nth-child(2):before{content:'▥';color:#7d91a5;font-size:22px}
  .topbar-trust span:nth-child(3):before{content:'☆';color:#223a5a;font-size:25px}
  .topbar-socials{justify-content:flex-end;gap:8px}
  .topbar-socials img{width:28px;height:28px;object-fit:contain}
  .topbar-meta{gap:28px}
  .topbar-meta span:first-child:before{content:'⌖';font-size:23px}
  .topbar-meta span:last-child:before{content:'◷';font-size:23px;color:#34465b}
  .header-inner{width:calc(100% - 96px);max-width:none;height:69px;padding:0;gap:0}
  .site-logo{width:272px;flex:0 0 272px;height:69px}
  .site-logo img,.site-logo .custom-logo-link img{width:272px;max-width:272px;height:69px;object-fit:contain;object-position:left center}
  .main-nav{margin-left:0}
  .main-nav .menu{gap:0;justify-content:flex-start}
  .main-nav a{display:flex;align-items:center;height:69px;padding:0 25px;font-size:16px;font-weight:500}
  .header-contact{width:255px;margin-left:auto;padding-right:22px}
  .header-phone{font-size:23px;line-height:1.1}
  .header-contact small{font-size:11px}
  .header-inner>.bp-btn{min-width:240px;min-height:48px;border-radius:17px;font-size:14px;text-transform:uppercase}

  /* Hero: exact 700px visual card with a single full-bleed photograph. */
  .hero-section{height:800px;padding:20px 0 80px}
  .hero-card{position:relative;display:block;height:700px;min-height:700px;padding:10px;border-radius:18px;background:#eef3f5;overflow:hidden}
  .hero-visual{position:absolute;inset:0;z-index:0;min-height:0}
  .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
  .hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf3f5 0%,rgba(237,243,245,.97) 31%,rgba(237,243,245,.66) 47%,rgba(237,243,245,0) 64%)}
  .hero-copy{position:relative;z-index:2;width:696px;height:680px;padding:40px}
  .hero-copy h1{font-size:40px;line-height:40px;font-weight:600;margin:0 0 20px}
  .hero-copy h1 span{font-weight:700}
  .hero-lead{width:487px;max-width:none;font-size:17px;line-height:25.5px;font-weight:500;margin-bottom:20px;color:#4f5963}
  .check-list{margin-bottom:32.5px}
  .check-list li{font-size:16px;line-height:24px;margin:11px 0;padding-left:28px}
  .hero-offer{width:616px;min-height:322px;grid-template-columns:182px 1fr;gap:10px;padding:10px;border-radius:20px;background:rgba(255,255,255,.76)}
  .gift-box{min-height:300px;padding:18px 10px;border-radius:18px}
  .gift-box img{width:152px;height:152px}
  .gift-box b{font-size:16px;line-height:1.35}.gift-box small{font-size:13px}
  .hero-form-wrap{padding:0 10px}
  .hero-form-wrap h2{font-size:17px;line-height:17px;font-weight:600;margin:0 0 10px}
  .hero-form-wrap>p{font-size:15px;line-height:22.5px;margin:0 0 10px}
  .hero-form{grid-template-columns:224.8px 146.5px;gap:10px}
  .hero-form input,.hero-form select{height:40px;min-height:40px;padding:8px 12px;font-size:15px}
  .hero-form .form-policy-text{font-size:16px;line-height:24px;height:48px;margin:0;color:#8a8f96}
  .hero-form .bp-btn{height:40px;min-height:40px;padding:8px 16px;font-size:15px;font-weight:500}
  .hero-benefits{right:20px;top:92px;width:258px;gap:20px}
  .hero-benefits article{height:159px;padding:10px;border-left:4px solid #ff6800;border-radius:18px;align-items:center;background:rgba(255,255,255,.82)}
  .hero-benefits img{width:62px;height:62px}
  .hero-benefits b{font-size:16px;line-height:24px}.hero-benefits small{font-size:14px;line-height:21px}

  /* Services: 86px heading + 490px cards, four cards in the viewport. */
  #services.section-space{height:632px;min-height:632px;padding:10px 0 20px}
  #services .section-head{height:86px;min-height:86px;margin:0;align-items:flex-start}
  #services .section-head h2{width:560px;max-width:560px;font-size:28px;line-height:28px;font-weight:500}
  #services .section-head p{width:560px;max-width:560px;font-size:16px;line-height:24px;color:#8b8f96}
  #services .slider-track{height:516px;padding:19px 2px 7px;gap:20px}
  .service-card{flex:0 0 335px;min-width:335px;height:490px;border-radius:10px}
  .service-card:after{display:none}
  .service-card>img{height:100%}
  .service-card .card-bottom{left:15px;right:auto;bottom:15px;width:244px;height:110px;min-height:110px;padding:10px;display:block;background:rgba(255,255,255,.87);border-radius:16px;color:#26333d}
  .service-card .card-bottom h3{width:224px;height:44px;font-size:22px;line-height:22px;font-weight:600;color:#26333d;margin:0}
  .service-card .card-bottom b{position:absolute;left:10px;bottom:24px;font-size:17px;line-height:17px;color:#ff6800}
  .service-card .round-arrow{position:absolute;right:10px;bottom:16px;width:40px;height:40px}

  /* Full-width offer row from the Elementor layout. */
  .promo-products.section-space{height:540px;min-height:540px;padding:85px 10px}
  .promo-products-grid{height:370px;display:grid;grid-template-columns:750px minmax(0,1fr);gap:35px}
  .promo-products .promo-dark{height:370px;min-height:370px;padding:40px 40px 40px 200px;border-radius:0 14px 14px 0}
  .promo-products .promo-dark>img{left:0;right:auto;width:190px;max-height:260px}
  .promo-products .promo-dark h2{font-size:28px;line-height:28px;font-weight:500}
  .promo-products .promo-dark p{font-size:16px}
  .promo-products .glazing-slider{height:370px;overflow:hidden}
  .promo-products .glazing-track{height:370px;min-height:370px;padding:0;gap:55px}
  .promo-products .glazing-card{flex:0 0 333px;width:333px;height:320px;min-height:320px;margin-top:25px;padding:18px;border-radius:14px}
  .promo-products .glazing-card img{height:170px}
  .promo-products .glazing-card h3{font-size:15px;line-height:18px}

  /* Calculator + factors occupy exactly the two original Elementor rows. */
  .calculator-section{height:956px;min-height:956px;padding:0 0 50px}
  .calculator-grid{height:712px;min-height:712px;padding:0;gap:20px;grid-template-columns:7fr 3fr}
  .calculator-main{height:712px;padding:25px 10px 10px}
  .calculator-main h2{font-size:36px;line-height:36px;font-weight:500}
  .calculator-aside{height:712px;padding:10px}
  .calculator-aside>img{width:177px;height:177px}
  .calculator-aside h3{width:100%;font-size:22px;line-height:22px;font-weight:600;margin:10px 0}
  .calculator-aside>p{width:335px;font-size:17px;line-height:25.5px;font-weight:500;margin:0;color:#767d85}
  .calculator-aside .aside-points{width:394px;gap:32px;margin:21px 0 40.5px}
  .calculator-aside .aside-points span{position:relative;height:91px;padding:0 140px 0 50px;display:flex;align-items:center;text-align:left;font-size:15px;line-height:15px;font-weight:600;border:0}
  .calculator-aside .aside-points span:after{content:'';position:absolute;right:41px;top:0;width:91px;height:91px;background:center/contain no-repeat}
  .calculator-aside .aside-points span:first-child:after{background-image:url('../site/2026/03/dogovor-3.webp')}
  .calculator-aside .aside-points span:last-child:after{background-image:url('../site/2026/03/podarok.webp')}
  .calculator-aside>.bp-btn{width:301px;height:45px;min-height:45px;padding:15px 25px;font-size:15px;line-height:15px;font-weight:500}
  .factor-row{height:175px;margin-top:19px;padding:10px;gap:10px;grid-template-columns:257px repeat(4,1fr)}
  .factor-row article{height:155px;padding:23px 10px 10px;gap:10px;align-items:flex-start}
  .factor-row .factor-intro{padding:10px;align-items:center;justify-content:center}
  .factor-row .factor-intro img{width:135px;height:135px;transform:translateX(-6px)}
  .factor-row article:not(.factor-intro)>img{width:60px;height:60px}
  .factor-row article:not(.factor-intro)>div{padding-top:22px}
  .factor-row b{font-size:16px;line-height:24px;font-weight:600}.factor-row small{font-size:15px;line-height:22.5px}

  /* Project header, cards and following whitespace mirror three source rows. */
  #projects.section-space{height:747px;min-height:747px;padding:0 0 75px}
  #projects .section-head{height:128px;min-height:128px;margin:0;align-items:center}
  #projects .section-head h2{width:950px;max-width:950px;font-size:36px;line-height:36px;font-weight:500}
  #projects .bp-slider{height:544px}
  #projects .slider-track{height:544px;padding:10px 2px 26px;gap:10px}
  .project-card{flex:0 0 343px;min-width:343px;height:508px;min-height:508px}
  .project-card>img{height:300px}
  .project-info{height:208px;padding:20px 10px 10px}
  .project-info h3{width:303px;font-size:24px;line-height:29px;font-weight:500;margin-bottom:15px}
  .project-info li{font-size:16px;line-height:24px;margin:0;padding-left:30px}
  .project-info ul{margin-bottom:31px}
  .project-meta{height:50px;gap:18px;padding-top:0;border-top:0}
  .project-meta span{position:relative;min-width:132px;padding-left:50px;font-size:14px;line-height:21px;color:#888}
  .project-meta b{font-size:16px;line-height:20px;font-weight:600}
  .project-meta span:before{content:'';position:absolute;left:0;top:0;width:40px;height:40px;background:center/contain no-repeat}
  .project-meta span:first-child:before{background-image:url('../site/2026/03/myimage.webp')}
  .project-meta span:last-child:before{background-image:url('../site/2026/03/myimage-1-1.webp')}

  /* Window profiles are full-bleed on the left, with 75px before the next row. */
  .profiles-section.section-space{height:395px;min-height:395px;padding:0 0 75px}
  .profiles-wide{height:320px;display:grid;grid-template-columns:758px minmax(0,1fr);gap:35px}
  .profile-promo{height:320px;min-height:320px;padding:40px 40px 40px 200px;border-radius:0 14px 14px 0}
  .profile-promo>img{left:0;width:190px;height:100%}
  .profile-promo h2{font-size:28px;line-height:28px;font-weight:500}.profile-promo h2 span{color:#ff6800}
  .profile-promo p{font-size:16px}
  .profile-list{height:320px;display:flex;gap:35px;overflow:hidden}
  .profile-list article{flex:0 0 244px;height:270px;min-height:270px;margin-top:25px;padding:18px}
  .profile-list img{width:135px;height:135px;transform:translateY(-10px)}.profile-list b{margin-top:30px;padding:0 20px;font-size:22px;line-height:22px;font-weight:800;transform:translateY(-10px)}

  /* Exact lower-page vertical grid. */
  .hassle-section.section-space{height:386px;min-height:386px;padding:0}
  .hassle-grid{height:386px;min-height:386px;padding:10px;gap:10px}
  .hassle-copy,.estimate-card{padding:20px}
  .hassle-copy h2{font-size:28px;line-height:28px;font-weight:500}
  .bp-before-after{min-height:366px;height:366px}

  .steps-section.section-space{height:295px;min-height:295px;padding:0 0 100px}
  .steps-wrap{height:195px;padding:10px;display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:stretch}
  .steps-wrap>h2{height:175px;margin:0;padding:48px 20px;font-size:28px;line-height:28px;font-weight:500}
  .steps-grid{height:175px;grid-template-columns:repeat(4,1fr);gap:10px}
  .steps-grid article{height:175px;grid-template-columns:45px 24px 1fr;padding:10px;gap:7px}
  .steps-grid img{width:44px;height:44px}.steps-grid strong{font-size:13px}.steps-grid p{font-size:12px;line-height:18px}

  .contract-section.section-space{height:492px;min-height:492px;padding:0 0 50px}
  .contract-card{height:442px;min-height:442px;padding:28px 0 0 10px;grid-template-columns:384px 625px 1fr;gap:70px}
  .contract-master{align-self:start;width:384px;height:384px;max-height:384px}
  .contract-card>div{align-self:start;padding:22px 0 0}
  .contract-card h2{font-size:28px;line-height:28px;font-weight:500;margin-bottom:20px}
  .contract-card h2 span{color:#ff6800;font-weight:700}
  .contract-card p{width:580px;font-size:17px;line-height:25.5px;font-weight:500;margin-bottom:20px}
  .contract-card .check-list{margin-bottom:21px}
  .contract-card .check-list li{font-size:16px;line-height:24px;margin:11px 0;padding-left:31px}
  .contract-card .bp-btn{width:202px;height:45px;min-height:45px;padding:15px 25px;font-size:15px;line-height:15px;font-weight:500}
  .contract-doc{width:270px;max-height:330px}

  .reviews-section{height:507px;min-height:507px;padding:75px 0;background:#162f51}
  .reviews-grid{width:100%;max-width:none;height:357px;display:grid;grid-template-columns:757px minmax(0,1fr);gap:0}
  .reviews-brand{height:357px;padding:96px 40px 40px 200px}
  .reviews-brand h2{font-size:28px;line-height:28px;font-weight:500}
  .reviews-grid>.bp-slider{height:357px;padding:0 40px}
  .review-track{height:357px;padding:50px 10px 64px;gap:55px}
  .review-card{flex:0 0 489px;min-width:489px;height:auto;min-height:0;padding:20px;border-radius:14px}
  .review-author{align-items:center;gap:10px}.review-author img{width:135px;height:135px}.review-author b{font-size:17px;line-height:17px;font-weight:600}.review-author span{display:none}
  .review-card p{font-size:15px;line-height:22.5px;margin:0}

  .faq-section{height:538px;min-height:538px;padding:0 0 20px;background:#fff}
  .faq-box{width:1020px;max-width:1020px;height:518px;margin-left:calc((100% - 1400px)/2);margin-right:0;padding:30px 20px 10px;background:#fff}
  .faq-box h2{width:784px;font-size:28px;line-height:28px;font-weight:500;margin:0 0 20px}
  .faq-box details{width:784px;margin:0 0 10px;padding:0;border:0}
  .faq-box summary{height:46px;font-size:16px;line-height:24px;font-weight:400;padding:11px 22px 11px 34px}
  .faq-box details p{font-size:15px;line-height:22.5px}
  .faq-box details[open] p{height:104px;padding:15px 34px 16px;overflow:hidden}

  .contact-section.section-space{height:364px;min-height:364px;padding:10px 0}
  .contact-card{height:344px;grid-template-columns:553px 847px}
  .contact-card>div:first-child{padding:30px 40px 40px}
  .contact-card h2{font-size:28px;line-height:28px;font-weight:500}
  .contact-map{height:344px;background:#fff;border-left:1px solid #eceef1}

  .site-footer{height:355px;min-height:355px;padding:60px 0 18px}
  .footer-logo{width:210px}
}

/* v0.6.16 — window-profile carousel measured against the Elementor source at 1920px. */
@media (min-width:1101px){
  .profiles-wide{
    grid-template-columns:calc(40% - 6.5px) minmax(0,1fr);
    gap:20px;
    overflow:visible;
  }
  .profile-promo .bp-btn{
    width:276px;
    height:45px;
    min-height:45px;
    padding:15px 25px;
    gap:9px;
    border-radius:15px;
    font-size:15px;
    line-height:15px;
    font-weight:500;
    white-space:nowrap;
  }
  .profile-promo .button-arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    line-height:1;
    font-weight:400;
  }
  .profile-slider{
    box-sizing:border-box;
    height:320px;
    min-height:320px;
    padding:25px;
    display:flex;
    align-items:center;
    overflow:visible;
  }
  .profile-slider .profile-list{
    box-sizing:border-box;
    width:100%;
    height:226.55px;
    min-height:226.55px;
    padding:0;
    gap:35px;
    align-items:stretch;
    overflow-x:auto;
    overflow-y:hidden;
  }
  .profile-slider .profile-list article{
    box-sizing:border-box;
    flex:0 0 244.25px;
    width:244.25px;
    height:226.55px;
    min-height:226.55px;
    margin:0;
    padding:10px;
    gap:10px;
    justify-content:flex-start;
    overflow:hidden;
    border-radius:15px;
    background:#eaeaf4;
    box-shadow:none;
  }
  .profile-slider .profile-list img{
    flex:0 0 134.55px;
    width:134.55px;
    height:134.55px;
    margin:0;
    object-fit:fill;
    transform:none;
  }
  .profile-slider .profile-list b{
    box-sizing:border-box;
    flex:0 0 62px;
    width:157px;
    height:62px;
    margin:0;
    padding:20px 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:#fff;
    box-shadow:0 0 10px rgba(201,201,201,.5);
    color:#7a7a7a;
    font-size:22px;
    line-height:22px;
    font-weight:800;
    transform:none;
  }
  .profile-slider .slider-arrow{
    top:50%;
    width:46px;
    height:46px;
    border-radius:14px;
    background:rgba(255,255,255,.96);
  }
  .profile-slider .slider-arrow.prev{left:7px}
  .profile-slider .slider-arrow.next{right:7px}
}

@media (max-width:1100px){
  .site-header{position:sticky;top:0}
  .header-topbar{display:none}
  .header-inner{height:96px;gap:16px}
  .site-logo{width:180px;flex:0 0 180px}
  .mobile-menu-toggle{display:block;order:4;margin-left:0}
  .main-nav{display:none;position:absolute;left:20px;right:20px;top:92px;background:#fff;border-radius:14px;padding:15px;box-shadow:var(--shadow)}
  .main-nav.is-open{display:block}.main-nav .menu{display:block}.main-nav li{margin:8px 0}
  .header-contact{display:flex;order:2;margin-left:auto}.header-inner>.bp-btn{display:inline-flex;order:3}
  .promo-products-grid,.profiles-wide{width:min(var(--max),calc(100% - 40px));margin-inline:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:30px}
  .promo-products .promo-dark,.profile-promo{border-radius:14px}
  .reviews-grid{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
}

/* v0.6.2 — component-level parity pass against the Elementor source. */
@media (min-width:1101px){
  /* Shared controls and carousel indicators. */
  .bp-btn{border-radius:15px;font-weight:500;background:#ff6a00;box-shadow:none}
  .slider-dots{position:absolute;left:50%;bottom:0;z-index:5;display:flex;gap:7px;transform:translateX(-50%)}
  .slider-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#d8d9dc}
  .slider-dots i.is-active{background:#ff6a00}

  /* First screen: the source uses vertical benefit cards, not icon rows. */
  .hero-card{box-shadow:none}
  .hero-copy .check-list{margin-bottom:22.5px}
  .hero-copy .check-list li{font-size:17px;line-height:25.5px;font-weight:600}
  .hero-copy .check-list li:before{font-size:21px;line-height:24px;font-weight:900}
  .hero-offer{grid-template-columns:172px 1fr;gap:20px;padding:10px;border:1px solid #ddd;border-radius:25px;background:rgba(249,250,255,.58)}
  .hero-offer{height:322px;min-height:322px}
  .gift-box{width:172px;min-height:300px;padding:10px;border-radius:25px;background:rgba(228,76,29,.06)}
  .gift-box img{width:152px;height:152px}
  .gift-box b{font-size:16px;line-height:19px;font-weight:600}
  .gift-box small{font-size:15px;line-height:15px;font-weight:600;margin-top:17px}
  .hero-form-wrap{width:401px;padding:10px}
  .hero-form{grid-template-columns:225px 147px;gap:10px}
  .hero-form input,.hero-form select{border-radius:7px}
  .hero-form input[name=phone]{width:381px}
  .hero-form .form-policy-text{width:381px;font-size:10px;line-height:14px;height:48px;padding-top:2px}
  .hero-form .bp-btn{width:381px;border-radius:7px}
  .hero-benefits article{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;height:159px;padding:10px;border-left:5px solid #ff6a00;border-radius:15px;background:rgba(249,250,255,.82)}
  .hero-benefits img{width:62px;height:62px;margin:0}
  .hero-benefits b{font-size:16px;line-height:24px;font-weight:600}
  .hero-benefits small{font-size:15px;line-height:22.5px;margin:0}

  /* Service cards and their original pagination. */
  #services .section-head p{color:#7a7a7a}
  #services .bp-slider{height:526px}
  #services .slider-track{height:516px}
  #services .slider-dots{bottom:0}
  .service-card{box-shadow:0 4px 13px rgba(31,52,86,.16)}
  .service-card .card-bottom{background:rgba(255,255,255,.87)}

  /* Offer/product strip. */
  .promo-products .promo-dark{padding:40px 40px 40px 210px}
  .promo-products .promo-dark>img{left:-15px;width:220px;max-height:315px}
  .promo-products .promo-dark p{font-size:17px;line-height:25.5px;font-weight:500}
  .promo-products .glazing-card{background:#eaeaf4;box-shadow:0 6px 15px rgba(31,47,74,.10)}
  .promo-products .glazing-card .bp-btn{height:45px;min-height:45px;font-size:15px}

  /* Calculator shell and help cards. The quiz itself stays owned by ONQ Quiz. */
  .calculator-grid{grid-template-columns:966px 414px;background:transparent;border-radius:0}
  .calculator-main{height:712px;padding:25px 10px 10px;background:#e4e5e7;border-radius:15px}
  .calculator-aside{height:682px;padding:10px;background:#e6e6e6;border-radius:15px}
  .calculator-aside .aside-points span{height:91px;padding:0 140px 0 50px;border:0;border-radius:15px;background:#fff}
  .factor-row{background:linear-gradient(35deg,#eaeaf4 0%,#e6e6e6 100%);border-radius:15px}
  .factor-row article{background:rgba(255,255,255,.38);border-radius:15px}

  /* Project rating and metadata use the source artwork. */
  .rating-box{width:144px;height:86px;padding:10px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;border-radius:0;background:transparent;box-shadow:none}
  .rating-box>img{width:124px;height:42px;object-fit:contain}
  .rating-stars{display:flex;gap:0}
  .rating-stars img{width:25px;height:25px;object-fit:contain}
  #projects .slider-dots{bottom:2px}
  .project-card{background:linear-gradient(#fff 0%,#f1f1f2 100%)}
  .project-meta span:first-child:before{background-image:url('../site/2026/08/icon-2.webp')}
  .project-meta span:last-child:before{background-image:url('../site/2026/08/icon-3.webp')}

  /* Profile artwork was missing: this is the original cutaway window image. */
  .profile-promo{padding:40px 40px 40px 200px;background-color:#1f2f4a;background-image:url('../site/2026/08/icon-2-1.webp');background-repeat:no-repeat;background-size:42% auto;background-position:-85px 40px}
  .profile-promo>div{position:relative;z-index:1}
  .profile-list article{background:#eaeaf4;border-radius:15px}

  /* Before/after row consists of three separate cards. */
  .hassle-grid{grid-template-columns:409px 542px 409px;gap:20px;padding:0;background:transparent;border-radius:0}
  .hassle-copy{height:343px;margin-top:22px;padding:40px;border-radius:15px;background:linear-gradient(35deg,#eaeaf4 0%,#e6e6e6 100%)}
  .hassle-copy h2{font-size:28px;line-height:28px;font-weight:500;margin-bottom:20px}
  .hassle-copy p{font-size:17px;line-height:25.5px;font-weight:500;color:#28333c;margin-bottom:34px}
  .hassle-copy .bp-btn{width:200px;height:45px;min-height:45px;font-size:15px}
  .bp-before-after{width:542px;height:361px;min-height:361px;margin-top:13px;border-radius:16px;box-shadow:none}
  .estimate-card{height:366px;margin-top:10px;padding:40px;border-radius:15px;background-color:#1f2f4a;background-image:url('../site/2026/08/icon-6.webp');background-repeat:no-repeat;background-size:56% auto;background-position:232px 256px;color:#fff}
  .estimate-card h3{font-size:22px;line-height:22px;font-weight:600;color:#fff;margin:0 0 20px}
  .estimate-card .bp-lead-form{width:329px;gap:10px}
  .estimate-card .bp-lead-form input,.estimate-card .bp-lead-form select{height:40px;min-height:40px;padding:8px 16px;border-radius:7px;font-size:15px}
  .estimate-card .form-policy-text{height:43px;font-size:10px;line-height:14px;color:#fff;overflow:hidden}
  .estimate-card .form-policy-text a{color:#cc3366}
  .estimate-card .bp-btn{height:40px;min-height:40px;border-radius:7px;font-size:15px}

  /* Work steps: source cards are wider and their number is plain orange text. */
  .steps-wrap{grid-template-columns:246px 1fr;gap:20px;background:linear-gradient(35deg,#eaeaf4 0%,#e6e6e6 100%);border-radius:15px}
  .steps-wrap>h2{height:155px;padding:50px 69px}
  .steps-grid{grid-template-columns:repeat(4,264px);gap:19px;height:155px}
  .steps-grid article{height:155px;display:grid;grid-template-columns:60px 1fr;grid-template-rows:66px 1fr;column-gap:10px;row-gap:0;padding:10px;background:rgba(255,255,255,.38);border-radius:15px}
  .steps-grid img{grid-column:1;grid-row:1;width:60px;height:60px}
  .steps-grid article>div{display:contents}
  .step-num{grid-column:2;grid-row:1;align-self:start;display:block;width:auto;height:auto;margin-top:7px;background:none;color:#ff6a00;font-size:22px;line-height:22px;font-weight:800}
  .steps-grid strong{grid-column:2;grid-row:1;align-self:end;margin-bottom:7px;font-size:15px;line-height:15px;font-weight:600;color:#1f2f4a}
  .steps-grid p{grid-column:1/-1;grid-row:2;margin:0;font-size:15px;line-height:22.5px;color:#28333c}

  /* Contract: only the right panel has a background; the installer overlaps beside it. */
  .contract-card{height:442px;grid-template-columns:404px 976px;gap:20px;padding:10px 0;background:transparent;border:0;border-radius:0;overflow:visible}
  .contract-master{grid-column:1;width:384px;height:384px;margin-left:10px;align-self:center}
  .contract-card>div{grid-column:2;align-self:stretch;height:422px;padding:40px;background-color:#eaeaf4;background-image:url('../site/2026/03/dogovor-2.webp');background-repeat:no-repeat;background-size:contain;background-position:684px 109px;border-radius:30px}
  .contract-card h2{width:625px;margin-bottom:20px}
  .contract-card p{width:625px}
  .contract-card .check-list li:before{color:#38b86b;font-size:22px}
  .contract-doc{display:none}

  /* Reviews are two navy panels separated by a white 20px gutter. */
  .reviews-section{padding:75px 0;background:#fff}
  .reviews-grid{grid-template-columns:757px minmax(0,1fr);gap:20px}
  .reviews-brand{height:357px;padding:96px 40px 40px 200px;background-color:#1f2f4a;background-image:url('../site/2026/08/otzyv.webp');background-repeat:no-repeat;background-size:contain;background-position:-153px 17px;border-radius:0 15px 15px 0}
  .reviews-brand h2{color:#fff}
  .reviews-brand h2 span{color:#ffad00}
  .reviews-brand .stars{height:31px;margin:10px 0;display:flex;gap:0}
  .reviews-brand .stars img{width:31px;height:31px;object-fit:contain}
  .reviews-grid>.bp-slider{height:357px;padding:0 40px;background:#1f2f4a;border-radius:15px 0 0 15px;overflow:hidden}
  .review-track{height:357px;padding:50px 10px 50px;gap:55px}
  .review-card{flex:0 0 489px;min-width:489px;min-height:242px;padding:20px;background:linear-gradient(#fff 0%,#e4e5e7 100%);border-radius:15px;box-shadow:none}
  .review-author img{width:135px;height:135px}
  .review-author b{font-size:17px;line-height:17px}
  .review-card p{font-size:15px;line-height:22.5px;margin:0}

  /* FAQ is one full-width tinted panel, with separate white question/answer cards. */
  .faq-section{padding:0 0 20px;background:#fff}
  .faq-box{width:1400px;max-width:1400px;height:518px;margin:10px auto 0;padding:20px;background:linear-gradient(35deg,#eaeaf4 0%,#e6e6e6 100%);border-radius:15px}
  .faq-box h2{width:784px;margin:0 0 20px}
  .faq-box details{width:784px;margin:0 0 10px;padding:0;background:transparent;border-radius:0}
  .faq-box summary{height:46px;padding:11px 12px 11px 34px;background:#fff;border-radius:10px;font-size:16px;line-height:24px;font-weight:400;list-style:none}
  .faq-box summary::-webkit-details-marker{display:none}
  .faq-box summary::marker{content:''}
  .faq-box summary:before{content:'+';position:absolute;left:12px;top:11px;color:#1f2f4a;font-weight:700}
  .faq-box summary:after{display:none}
  .faq-box details[open] summary:before{content:'−'}
  .faq-box details p,.faq-box details[open] p{height:94px;margin:10px 0 0;padding:10px;background:#fff;border-radius:10px;font-size:15px;line-height:22.5px;overflow:hidden}

  /* Contacts. */
  .contact-card{box-shadow:0 7px 20px rgba(31,52,86,.08)}
  .contact-points{gap:10px}
  .contact-points p{position:relative;min-height:56px;padding-left:58px;justify-content:center}
  .contact-points p:before{content:'•';position:absolute;left:0;top:9px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ff6a00;color:#fff;font-size:22px}
  .contact-map{background:#fff}
}

/* Markup-backed artwork also needs safe defaults below desktop. */
.rating-stars,.reviews-brand .stars{display:flex;align-items:center;gap:0}
.rating-box>img{width:124px;height:42px;object-fit:contain}
.rating-stars img{width:25px;height:25px;object-fit:contain}
.reviews-brand .stars img{width:31px;height:31px;object-fit:contain}
@media (max-width:1100px){
  .profile-promo{background-image:url('../site/2026/08/icon-2-1.webp');background-repeat:no-repeat;background-size:42% auto;background-position:left bottom}
}

@media (max-width:860px){
  .promo-products-grid,.profiles-wide{grid-template-columns:1fr}
  .profiles-wide{height:auto}
  .steps-wrap{display:block}
}

@media (min-width:601px) and (max-width:1100px){
  .hero-section{height:620px;padding:0}
  .hero-section>.bp-container{width:100%;max-width:none}
  .hero-card{position:relative;display:block;height:620px;min-height:620px;border-radius:0;overflow:hidden}
  .hero-visual{position:absolute;inset:0;height:100%;min-height:0}
  .hero-bg{width:100%;height:100%;object-fit:cover}
  .hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,248,250,.98) 0%,rgba(247,248,250,.84) 48%,rgba(247,248,250,.08) 75%)}
  .hero-copy{position:relative;z-index:2;width:520px;height:620px;padding:42px 50px 18px}
  .hero-copy h1{font-size:40px;line-height:38px;margin-bottom:16px}
  .hero-lead{font-size:14px;line-height:20px;margin-bottom:12px}.check-list{margin-bottom:12px}
  .hero-offer{width:430px;grid-template-columns:130px 1fr;gap:9px;padding:9px}.gift-box{min-height:255px}
  .hero-form-wrap{padding:0}.hero-form-wrap h2{font-size:16px;line-height:20px}
  .hero-benefits{right:10px;top:120px;width:185px;gap:12px}.hero-benefits article{min-height:106px}
  #services .service-card{flex-basis:calc((100% - 54px)/4);min-width:220px;height:360px}
}

@media (max-width:600px){
  .header-topbar{display:block;height:30px;background:#f1f1f8}
  .topbar-inner{height:30px;min-height:30px;width:100%;padding:0 10px;display:flex;justify-content:center}
  .topbar-trust,.topbar-meta{display:none}.topbar-socials{display:flex;gap:6px}.topbar-socials img{width:20px;height:20px}
  .header-inner{height:44px;width:calc(100% - 20px);gap:8px}
  .site-logo{width:140px;flex-basis:140px}.site-logo img{width:140px;max-width:140px}
  .header-contact{display:flex;order:2;width:auto;margin-left:auto}.header-phone{font-size:13px}.header-contact small{display:none}
  .mobile-menu-toggle{order:3;margin:0}.header-inner>.bp-btn{display:none}
  .main-nav{top:42px;left:10px;right:10px}

  .hero-section{height:765px;padding:0}
  .hero-card{position:relative;display:block;width:100%;height:765px;min-height:765px;border-radius:0;overflow:hidden}
  .hero-visual{position:absolute;inset:0;height:100%;min-height:0;order:0}
  .hero-bg{width:100%;height:100%;object-fit:cover;object-position:center}
  .hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,248,250,.98) 0%,rgba(247,248,250,.88) 52%,rgba(247,248,250,.22) 100%)}
  .hero-copy{position:relative;z-index:2;width:100%;height:auto;padding:3px 14px 0}
  .hero-copy h1{font-size:29px;line-height:28px;margin:0 0 12px;max-width:330px}
  .hero-lead{font-size:12px;line-height:18px;max-width:285px;margin-bottom:10px}
  .check-list{margin-bottom:10px}.check-list li{font-size:12px;line-height:18px;margin:3px 0}
  .hero-offer{width:100%;min-height:0;grid-template-columns:125px 1fr;gap:8px;padding:8px;border-radius:16px}
  .gift-box{display:flex;min-height:250px;padding:8px;text-align:center}.gift-box img{width:52px;height:52px}.gift-box small{grid-column:auto}
  .hero-form-wrap{padding:0}.hero-form-wrap h2{font-size:14px;line-height:18px}.hero-form-wrap>p{font-size:10px;line-height:14px;margin-bottom:6px}
  .hero-form{grid-template-columns:1fr 1fr;gap:6px}.hero-form input,.hero-form select,.hero-form .bp-btn{min-height:36px;font-size:11px;padding:7px}
  .hero-form .form-policy-text{display:none}
  .hero-benefits{position:absolute;z-index:3;top:495px;left:10px;right:10px;width:auto;display:grid;gap:7px}
  .hero-benefits article{height:78px;padding:7px 10px;border-radius:14px}.hero-benefits img{width:42px;height:42px}.hero-benefits b{font-size:12px}.hero-benefits small{font-size:9px}
}

/* v0.6.1 — measured adaptive geometry from the live page. */
@media (min-width:601px) and (max-width:1100px){
  .site-header{height:131px}
  .header-inner{height:130px}
  .hero-section{height:908.5px;min-height:908.5px;padding:0}
  .hero-card{height:908.5px;min-height:908.5px}
  #services.section-space{height:656.5px;min-height:656.5px;padding:48px 0}
  .promo-products.section-space{height:618.5px;min-height:618.5px;padding:48px 0}
  .promo-products-grid{height:522.5px}
  .promo-products .promo-dark,.promo-products .glazing-slider{height:522.5px}
  .calculator-section{height:1269.5px;min-height:1269.5px;padding:0 0 50px}
  .calculator-grid{width:100%;max-width:none;height:1013px;min-height:1013px;padding:0;gap:0;grid-template-columns:68.6% 31.4%;border-radius:0}
  .calculator-main,.calculator-aside{height:1013px;min-height:0;padding:10px}
  .factor-row{width:calc(100% - 20px);max-width:none;height:186.5px;margin:20px 10px 0;padding:10px;grid-template-columns:repeat(5,1fr)}
  .factor-row article{height:166.5px}
  #projects.section-space{height:851.5px;min-height:851.5px;padding:0 0 75px}
  #projects>.bp-container{height:776.5px}
  .profiles-section.section-space{height:449px;min-height:449px;padding:0 0 75px}
  .profiles-wide{height:374px}
  .hassle-section.section-space{height:470px;min-height:470px;padding:0}
  .hassle-grid{height:470px;min-height:470px}
  .steps-section.section-space{height:337.5px;min-height:337.5px;padding:0 0 100px}
  .steps-wrap{height:237.5px}
  .contract-section.section-space{height:568.5px;min-height:568.5px;padding:0 0 50px}
  .contract-card{height:518.5px;min-height:518.5px}
  .reviews-section{height:546px;min-height:546px;padding:48px 0}
  .reviews-grid{height:450px}
  .faq-section{height:562px;min-height:562px;padding:0}
  .faq-box{height:562px}
  .contact-section.section-space{height:352.5px;min-height:352.5px;padding:0}
  .contact-card{height:352.5px}
  .site-footer{height:356px;min-height:356px}
}

@media (max-width:600px){
  .site-header{height:131px}
  .header-topbar{height:70px}
  .topbar-inner{height:70px;min-height:70px}
  .header-inner{height:60px}

  .hero-section{height:1743.5px;min-height:1743.5px;padding:0 0 80px}
  .hero-card{width:100%;height:1663.5px;min-height:1663.5px;padding:0}
  .hero-copy{position:relative;width:calc(100% - 20px);height:1064px;margin:10px;padding:20px}
  .hero-copy h1{width:320px;max-width:100%;height:200px;font-size:40px;line-height:40px;font-weight:600;margin:0 0 20px}
  .hero-lead{width:320px;max-width:100%;height:102px;font-size:17px;line-height:25.5px;font-weight:500;margin:0 0 20px}
  .hero-copy .check-list{margin:0 0 20px}
  .hero-copy .check-list li{width:320px;height:auto;min-height:25px;font-size:16px;line-height:24px;margin:5.5px 0;padding-left:28px}
  .hero-copy .check-list li:first-child{height:30.5px;min-height:30.5px}
  .hero-offer{display:grid;width:320px;height:601px;min-height:601px;grid-template-columns:1fr;grid-template-rows:168px 391px;gap:20px;margin:0;padding:10px}
  .gift-box{display:flex;width:298px;height:168px;min-height:168px;padding:10px;text-align:center}
  .gift-box img{width:83.5px;height:83.5px}.gift-box b{font-size:16px;line-height:24px}.gift-box small{font-size:15px;line-height:15px}
  .hero-form-wrap{width:298px;height:391px;padding:10px}
  .hero-form-wrap h2{height:34px;font-size:17px;line-height:17px;margin:0 0 10px}
  .hero-form-wrap>p{height:45px;font-size:15px;line-height:22.5px;margin:0 0 10px}
  .hero-form{grid-template-columns:1fr;gap:10px}
  .hero-form>*{grid-column:1!important}
  .hero-form input,.hero-form select{width:278px;height:40px;min-height:40px;padding:8px 12px;font-size:15px}
  .hero-form .form-policy-text{display:block;width:278px;height:72px;font-size:16px;line-height:24px;margin:0}
  .hero-form .bp-btn{width:278px;height:40px;min-height:40px;padding:8px 16px;font-size:15px}
  .hero-benefits{top:1094px;left:10px;right:auto;width:calc(100% - 20px);height:559.5px;padding:10px;display:grid;grid-template-columns:1fr;gap:20px;align-content:start}
  .hero-benefits article{width:100%;height:166.5px;padding:10px 15px;border-radius:14px;align-items:flex-start}
  .hero-benefits img{width:94.5px;height:94.5px}.hero-benefits b{font-size:16px;line-height:24px}.hero-benefits small{font-size:15px;line-height:22.5px}

  #services.section-space{height:660.5px;min-height:660.5px;padding:32px 0}
  .promo-products.section-space{height:805px;min-height:805px;padding:32px 0}
  .calculator-section{height:2358.5px;min-height:2358.5px;padding:32px 0}
  #projects.section-space{height:883px;min-height:883px;padding:32px 0}

  .profiles-section.section-space{height:710px;min-height:710px;padding:0 0 75px}
  .profiles-wide{display:block;width:100%;height:635px;margin:0}
  .profile-promo{width:100%;height:300px;min-height:300px;padding:60px 20px 20px}
  .profile-promo h2{font-size:28px;line-height:28px;font-weight:500;margin-bottom:10px}.profile-promo p{font-size:17px;line-height:25.5px}
  .profile-promo .bp-btn{position:absolute;left:52px;top:215px;width:276px;height:45px;min-height:45px;padding:15px 25px;font-size:15px;line-height:15px}
  .profile-list{display:flex;width:100%;height:270px;margin-top:50px;padding-left:20px;gap:25px;overflow:auto}
  .profile-list article{position:relative;flex:0 0 340px;width:340px;height:250px;min-height:250px;padding:25px 20px 20px;justify-content:flex-start}
  .profile-list img{width:155px;height:155px;transform:none}.profile-list b{position:absolute;top:79px;left:50%;margin:0;padding:0;font-size:25px;line-height:25px;transform:translateX(-50%)}

  .hassle-section.section-space{height:914.5px;min-height:914.5px;padding:0}
  .hassle-grid{position:relative;display:block;height:914.5px;min-height:914.5px;padding:0;overflow:hidden}
  .hassle-copy{position:absolute;z-index:3;left:10px;top:10px;width:calc(100% - 20px);height:376.5px;padding:40px 30px}
  .hassle-copy h2{width:280px;height:84px;font-size:28px;line-height:28px;margin:0 0 20px}
  .hassle-copy p{width:280px;height:127.5px;font-size:17px;line-height:25.5px;margin:0 0 40px}
  .hassle-copy .bp-btn{width:200px;height:45px;min-height:45px;margin:0 auto;padding:15px 25px;font-size:15px;line-height:15px}
  .bp-before-after{position:absolute;left:0;top:426.5px;width:calc(100% + 5px);height:270px;min-height:270px;aspect-ratio:auto}
  .estimate-card{position:absolute;z-index:3;left:10px;top:426.5px;width:calc(100% - 20px);height:438px;padding:60px 30px 20px;background:rgba(255,255,255,.9)}
  .estimate-card h3{width:280px;height:66px;font-size:22px;line-height:22px;margin:0 0 20px}
  .estimate-card .bp-lead-form{gap:10px}.estimate-card .bp-lead-form input,.estimate-card .bp-lead-form select{height:40px;min-height:40px;font-size:15px}
  .estimate-card .bp-btn{height:40px;min-height:40px;margin-top:82px;font-size:15px;line-height:15px}

  .steps-section.section-space{height:994px;min-height:994px;padding:0}
  .steps-wrap{height:994px;padding:20px 10px}
  .steps-wrap>h2{width:108px;height:56px;margin:0 auto;font-size:28px;line-height:28px;text-align:center}
  .steps-grid{height:877px;margin-top:21px;display:grid;grid-template-columns:1fr;grid-template-rows:237px repeat(3,213px);gap:0}
  .steps-grid article{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 20px;gap:0;text-align:center}
  .steps-grid img{width:111px;height:111px}.step-num{width:auto;height:22px;margin-top:-37px;background:none;color:#26333d;font-size:22px;line-height:22px}
  .steps-grid strong{margin-top:0;font-size:15px;line-height:16px}.steps-grid p{font-size:15px;line-height:22.5px}

  .contract-section.section-space{height:1011px;min-height:1011px;padding:0 0 30px}
  .contract-card{display:block;width:100%;height:981px;min-height:981px;padding:20px;border-radius:0}
  .contract-master{display:block;width:340px;height:340px;max-height:340px;margin:0 auto;object-fit:contain}
  .contract-card>div{padding:50px 10px 0}
  .contract-card h2{width:317px;height:112px;font-size:28px;line-height:28px;margin:0 0 142px}
  .contract-card>div>p{display:none}
  .contract-card .check-list{margin:0 0 20px}
  .contract-card .check-list li{width:317px;min-height:53px;font-size:16px;line-height:24px;margin:5px 0;padding-left:28px}
  .contract-card .check-list li:last-child{height:48px;min-height:48px}
  .contract-card .bp-btn{display:flex;width:202px;height:45px;min-height:45px;margin:15px auto 0;padding:15px 25px;font-size:15px;line-height:15px}
  .contract-doc{display:none}

  .reviews-section{height:738.5px;min-height:738.5px;padding:38px 0}
  .reviews-grid{position:relative;display:block;width:100%;height:662.5px;margin:0}
  .reviews-brand{position:absolute;left:20px;top:57px;width:calc(100% - 40px);height:167px;padding:0}
  .reviews-brand h2{height:68px;font-size:28px;line-height:38px;font-weight:500;margin:0}
  .stars{height:34px;margin:10px 0 10px;font-size:34px;line-height:34px;letter-spacing:0}
  .reviews-brand .bp-btn{display:flex;width:205px;height:45px;min-height:45px;margin:0 auto;padding:15px 25px;font-size:15px;line-height:15px}
  .reviews-grid>.bp-slider{position:absolute;left:20px;right:20px;top:314px;height:290px}
  .review-track{height:290px;padding:0;gap:20px}
  .review-card{flex:0 0 315px;min-width:315px;height:250px;min-height:250px;padding:20px}
  .review-author{height:72px;gap:10px}.review-author img{width:72px;height:72px}.review-author b{font-size:17px;line-height:17px}.review-author span{display:none}.review-card p{width:240px;font-size:15px;line-height:22.5px;margin:0}
  .faq-section{height:814px;min-height:814px;padding:0}
  .faq-box{height:814px}
  .contact-section.section-space{height:391px;min-height:391px;padding:0}
  .contact-card{height:391px}
  .contact-card>div:first-child{padding:40px}.contact-card h2{font-size:28px;line-height:28px;margin-bottom:20px}
  .site-footer{height:809px;min-height:809px}
}

/* v0.6.3 — measured header, navigation and footer parity. */
.logo-mobile,.topbar-social-label{display:none}

@media (min-width:1101px){
  .faq-section{display:flow-root}
  .topbar-inner{display:flex;width:calc(100% - 100px);max-width:none;gap:0}
  .topbar-trust{flex:0 0 1086px;gap:20px}
  .topbar-trust span,.topbar-meta span{gap:0;font-size:15px;line-height:22.5px}
  .topbar-trust span:before,.topbar-meta span:before{content:none!important}
  .topbar-trust img,.topbar-meta img{display:block;flex:0 0 30px;width:30px;height:30px;object-fit:contain}
  .topbar-socials{flex:0 0 181px;height:50px;align-self:center;justify-content:flex-end;gap:10px;padding:10px}
  .topbar-socials img{width:30px;height:30px}
  .topbar-meta{flex:1;justify-content:flex-end;gap:20px;padding-right:10px}

  .header-inner{display:flex;width:calc(100% - 95px);max-width:none;height:69px;gap:0;padding:0}
  .site-logo{flex:0 0 272px;width:272px;height:69px}
  .site-logo .logo-desktop{display:block;width:272px;max-width:272px;height:69px;object-fit:contain;object-position:left center}
  .site-logo .logo-mobile{display:none}
  .main-nav{flex:0 0 953px;width:953px;height:69px;margin:0}
  .main-nav .menu{height:69px;gap:0;justify-content:center}
  .main-nav a{height:46px;padding:13px 20px;font-size:15px;line-height:20px;font-weight:400}
  .header-contact{flex:0 0 272px;width:272px;height:69px;margin:0;padding:10px;align-items:center;justify-content:center}
  .header-phone{font-size:25px;line-height:25px}
  .header-contact small{font-size:12px;line-height:12px;margin-top:5px}
  .header-inner>.bp-btn{flex:0 0 238px;width:238px;min-width:238px;height:45px;min-height:45px;margin:0 40px;padding:15px 25px;border-radius:20px;font-size:15px;line-height:15px}

  .site-footer{height:356px;min-height:356px;padding:100px 0 0;background:#e4e5e7}
  .footer-grid{width:1400px;height:211px;grid-template-columns:220px 394px 383px 403px;gap:0}
  .footer-grid>div{padding:20px 20px 10px}
  .footer-logo{width:180px;height:46px;object-fit:contain;object-position:left center}
  .footer-social-label{margin:5px 0 0;font-size:16px!important;line-height:24px;color:#28333c!important}
  .footer-socials{gap:10px;margin-top:5px}
  .footer-socials a{display:flex;width:49px;height:39px;padding:0 5px}
  .footer-socials img{width:39px;height:39px}
  .site-footer h3{height:17px;margin:0 0 10px;font-size:17px;line-height:17px;font-weight:500}
  .footer-menu li{height:27px;margin:0;padding:0 0 3px}
  .footer-menu li+li{margin-top:3px}
  .footer-menu a{display:flex;height:24px;padding-left:9px;font-size:16px;line-height:24px;position:relative}
  .footer-menu a:before{content:'•';position:absolute;left:0;color:#ff6a00}
  .footer-contact-item{min-height:54px;padding-left:45px;position:relative}
  .footer-contact-item:before{position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ff6a00;color:#fff;font-size:16px;font-weight:700}
  .footer-contact-item:first-of-type:before{content:'☎'}
  .footer-contact-item:last-child:before{content:'⌖'}
  .footer-contact-item strong{display:block;margin:8px 0 0;font-size:17px;line-height:20px}
  .footer-contact-item p,.footer-contact-item a{display:block;margin:0;font-size:16px;line-height:24px;color:#667079}
  .footer-contact-item .footer-phone{font-size:17px;line-height:25.5px;color:#ff6a00}
  .footer-bottom{width:1400px;height:45px;margin:0;padding:10px;border:0;justify-content:flex-end;font-size:16px;line-height:24px}
  .footer-bottom>.bp-btn{position:fixed;left:25px;bottom:25px;z-index:100;width:239px;min-width:239px;height:48px;min-height:48px;padding:9px 25px 9px 11px;border-radius:16px 16px 16px 5px;background:#213a5c;font-size:17px;line-height:17px;text-transform:uppercase;box-shadow:0 8px 22px rgba(22,44,75,.22)}
  .footer-bottom>span{display:none}
  .footer-legal{justify-content:flex-end;gap:6px}
  .footer-legal a{font-size:16px;text-decoration:none}
  .footer-legal a:before{content:'•';margin-right:5px;color:#ff6a00}
}

@media (min-width:768px) and (max-width:1100px){
  .site-header{height:131px;position:relative}
  .header-topbar{display:block;height:40px;background:#eaeaf4}
  .topbar-inner{display:flex;width:100%;height:40px;min-height:40px;padding:0 20px;font-size:11px}
  .topbar-trust{display:flex;gap:14px}.topbar-trust span{display:flex;align-items:center;white-space:nowrap}.topbar-trust span:nth-child(2){display:flex}
  .topbar-trust img,.topbar-meta img{width:20px;height:20px;object-fit:contain}
  .topbar-trust span:before,.topbar-meta span:before{content:none!important}
  .topbar-socials{margin-left:auto;gap:7px}.topbar-socials img{width:22px;height:22px}
  .topbar-meta{display:none}
  .header-inner{width:100%;height:91px;padding:0 20px;gap:0}
  .site-logo{flex:0 0 180px;width:180px;height:91px}.site-logo .logo-desktop{display:block;width:180px}.site-logo .logo-mobile{display:none}
  .main-nav{display:block;position:static;flex:1;padding:0;background:none;box-shadow:none}
  .main-nav .menu{display:flex;justify-content:center;gap:0}.main-nav li{margin:0}.main-nav a{display:flex;height:46px;padding:13px 8px;font-size:11px;line-height:20px}
  .header-contact{display:flex;flex:0 0 175px;width:175px;margin:0;padding:0 8px}.header-phone{font-size:17px}.header-contact small{font-size:8px}
  .header-inner>.bp-btn{display:flex;flex:0 0 160px;width:160px;min-width:160px;height:45px;min-height:45px;padding:10px;font-size:11px}
  .mobile-menu-toggle{display:none}
}

@media (max-width:767px){
  .site-header{position:relative;top:auto;height:131px}
  .header-topbar{display:block;height:40px;background:#e4e5e7}
  .topbar-inner{display:flex;width:100%;height:40px;min-height:40px;padding:0;justify-content:center}
  .topbar-trust,.topbar-meta{display:none}
  .topbar-socials{display:flex;width:100%;height:40px;justify-content:center;align-items:center;gap:20px;padding:0}
  .topbar-social-label{display:block;font-size:15px;line-height:22.5px;color:#28333c;white-space:nowrap}
  .topbar-socials a,.topbar-socials img{display:block;width:30px;height:30px}
  .header-inner{display:flex;width:100%;height:91px;padding:0;gap:0}
  .site-logo{display:block;flex:0 0 84px;width:84px;height:91px}
  .site-logo .logo-desktop{display:none}.site-logo .logo-mobile{display:block;width:84px;max-width:84px;height:91px;object-fit:contain}
  .header-contact{display:flex;flex:1;order:2;width:auto;height:91px;margin:0;padding:0 16px 0 0;align-items:center;justify-content:center}
  .header-contact small{display:block;order:-1;height:18px;margin:0;font-size:0;line-height:18px;color:#28333c}
  .header-contact small:after{content:'Телефон:';font-size:15px}
  .header-phone{font-size:19px;line-height:23px}
  .mobile-menu-toggle{display:block;flex:0 0 33px;order:3;width:33px;height:33px;margin:0 18px 0 0;padding:5px;border-radius:8px;background:#e85f16}
  .mobile-menu-toggle span{width:23px;height:3px;margin:3px 0;border-radius:2px;background:#fff}
  .header-inner>.bp-btn{display:none}
  .main-nav{top:91px;left:10px;right:10px;z-index:20;padding:0;border-radius:0;background:#fff}
  .main-nav a{height:46px;padding:13px 20px;font-size:17px;line-height:20px}

  .site-footer{height:809px;min-height:809px;padding:70px 20px 20px;background:#e4e5e7}
  .footer-grid{display:grid;height:620px;grid-template-columns:1fr;gap:0}
  .footer-grid>div{padding:15px 20px}
  .footer-logo{width:180px}
  .footer-social-label{margin:5px 0 0;font-size:15px!important}
  .footer-socials{margin-top:8px;gap:10px}.footer-socials img{width:39px;height:39px}
  .site-footer h3{margin:0 0 12px;font-size:17px}
  .footer-menu{display:block}.footer-menu li{margin:6px 0}.footer-menu a{font-size:16px}
  .footer-contact-item{margin:12px 0}.footer-contact-item strong{display:block;font-size:16px}.footer-contact-item p,.footer-contact-item a{margin:0;font-size:15px}
  .footer-bottom{height:99px;margin:0;padding:15px 20px;border:0;display:block}
  .footer-bottom>.bp-btn{position:fixed;left:20px;bottom:20px;z-index:100;width:239px;min-width:239px;height:48px;min-height:48px;background:#213a5c;text-transform:uppercase;font-size:14px}
  .footer-bottom>span{display:none}.footer-legal{display:grid;justify-content:start;gap:8px}.footer-legal a{font-size:12px}
}

/* v0.6.4 — requested topbar states. */
.topbar-trust span:nth-child(3){color:#26333d!important}
.topbar-socials a,.footer-socials a{transition:transform .2s ease}
.topbar-socials a:hover,.topbar-socials a:focus-visible,
.footer-socials a:hover,.footer-socials a:focus-visible{transform:scale(1.15)}
.topbar-socials img,.footer-socials img{transform-origin:center}

/* v0.6.6 — equal card frame and arrow-only motion. */
.service-card{
  padding:0;
  border:5px solid #e4e5e7;
  border-radius:10px;
  box-shadow:none;
  transform:none!important;
  transition:border-color .3s ease;
}
.service-card:hover{transform:none!important}
.service-card .card-bottom{
  box-sizing:border-box;
  padding:10px;
  border-radius:15px;
}
.service-card .round-arrow{
  transition:transform .3s ease,background-color .3s ease;
  transform:translateY(0);
}
.service-card .round-arrow:hover,
.service-card .round-arrow:focus-visible{transform:translateY(-7px)}

/* Slider controls stay above adjacent cards and use real, clickable pagination. */
.bp-slider{overflow:visible}
.slider-track{position:relative;z-index:1}
.slider-arrow{
  z-index:50;
  display:grid;
  place-items:center;
  padding:0;
  font-size:0;
  line-height:0;
}
.slider-arrow svg{
  display:block;
  width:17px;
  height:17px;
  fill:currentColor;
}
.slider-dots{
  position:absolute;
  left:50%;
  bottom:-3px;
  z-index:55;
  min-width:108px;
  min-height:24px;
  padding:4px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  transform:translateX(-50%);
}
.slider-dot{
  flex:0 0 16px;
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}
.slider-dot:before{
  content:'';
  display:block;
  width:6px;
  height:6px;
  margin:auto;
  border-radius:50%;
  background:#d8d9dc;
  transition:background-color .2s ease,transform .2s ease;
}
.slider-dot:hover:before,
.slider-dot:focus-visible:before{transform:scale(1.35)}
.slider-dot.is-active:before{background:#ff6a00}
.slider-dot:focus-visible{outline:2px solid #ff6a00;outline-offset:1px}

.service-card .card-bottom h3,
.promo-products .glazing-card h3{white-space:normal}

@media (min-width:1101px){
  .footer-bottom>.bp-btn{font-weight:600;white-space:nowrap}
  #services.section-space{height:655px;min-height:655px}
  #services .bp-slider{height:549px}
  #services .slider-arrow{top:264px}
  #services .slider-dots{bottom:0}
  .slider-arrow{width:46px;height:46px;border-radius:14px}
  .promo-products.section-space{padding-left:0;padding-right:0}
  .promo-products-grid{width:100%;max-width:none;margin-left:0;margin-right:0}
  .promo-products .promo-dark{position:relative;z-index:1}
  .promo-products .glazing-slider{overflow:visible;z-index:10}
  .glazing-slider .slider-dots{bottom:-3px}
  .calculator-aside .aside-points{box-sizing:border-box}
  .calculator-aside .aside-points span{box-sizing:border-box;width:100%;padding-left:50px;padding-right:140px}
  .calculator-aside .aside-points span:after{right:40px}
}

/* v0.6.11 — promo/product row measured against the Elementor source at 1920px. */
@media (min-width:1101px){
  .promo-products.section-space{
    height:540px;
    min-height:540px;
    padding:85px 10px;
  }
  .promo-products-grid{
    width:100%;
    max-width:none;
    height:370px;
    margin:0;
    display:grid;
    grid-template-columns:750px minmax(0,1fr);
    gap:35px;
  }
  .promo-products .promo-dark{
    height:370px;
    min-height:370px;
    padding:40px 40px 40px 200px;
    border-radius:0 15px 15px 0;
    background-color:#1f2f4a;
    background-image:url('../site/2026/08/icon-4.webp');
    background-position:-165px 108px;
    background-repeat:no-repeat;
    background-size:contain;
  }
  .promo-products .promo-dark>img{display:none}
  .promo-products .promo-dark>div{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
  }
  .promo-products .promo-dark h2,
  .promo-products .promo-dark p,
  .promo-products .promo-dark .bp-timer{
    margin:0;
  }
  .promo-products .promo-dark h2{
    font-size:28px;
    line-height:28px;
    font-weight:500;
  }
  .promo-products .promo-dark p{
    font-size:17px;
    line-height:25.5px;
    font-weight:500;
  }
  .promo-products .promo-dark .bp-btn{
    width:205px;
    height:45px;
    min-height:45px;
    padding:15px 25px;
    gap:9px;
    border-radius:15px;
    font-size:15px;
    line-height:15px;
    font-weight:500;
    white-space:nowrap;
  }
  .promo-products .glazing-slider{
    height:370px;
    min-height:370px;
    overflow:visible;
  }
  .promo-products .glazing-track{
    width:100%;
    height:370px;
    min-height:370px;
    padding:0 20px;
    gap:55px;
    align-items:flex-start;
  }
  .promo-products .glazing-card{
    flex:0 0 313px;
    width:313px;
    height:auto;
    min-height:0;
    margin-top:35px;
    padding:20px 0;
    border-radius:15px;
    justify-content:flex-start;
    background:#eaeaf4;
    box-shadow:0 6px 15px rgba(31,47,74,.10);
  }
  .promo-products .glazing-card h3{
    width:235px;
    min-height:0;
    margin:0;
    color:#28333c;
    font-size:17px;
    line-height:17px;
    font-weight:600;
    text-align:center;
  }
  .promo-products .glazing-card h3 span{color:#ff6500}
  .promo-products .glazing-card img{
    width:219px;
    height:164px;
    margin:0;
    object-fit:fill;
  }
  .promo-products .glazing-card .bp-btn{
    width:209px;
    height:45px;
    min-height:45px;
    margin:0;
    padding:15px 25px;
    gap:9px;
    border-radius:15px;
    font-size:15px;
    line-height:15px;
    font-weight:500;
    white-space:nowrap;
  }
  .promo-products .button-arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    line-height:1;
    font-weight:400;
  }
}

/* v0.6.13 — calculator typography and aside cards matched to the source quiz row. */
@media (min-width:1101px){
  .calculator-main{
    padding:30px 10px 10px;
  }
  .calculator-main>h2{
    margin:0 0 20px;
    font-size:36px;
    line-height:36px;
    font-weight:500;
    text-align:center;
  }
  .calculator-main .onq-quiz{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  }
  .calculator-main .onq-title{
    margin:0 0 24px;
    font-family:inherit;
    font-size:26px;
    line-height:31.2px;
    font-weight:500;
  }
  .calculator-aside .aside-points{
    width:335px;
    gap:10px;
    margin:10px 0 30px;
  }
  .calculator-aside .aside-points span{
    width:335px;
    height:113px;
    padding:0 122px 0 20px;
  }
  .calculator-aside .aside-points span:after{
    top:11px;
    right:10px;
    width:91px;
    height:91px;
  }
}

@media (max-width:600px){
  .service-card{padding:0;border-width:5px}
  .service-card .card-bottom{padding:10px}
  .slider-dots{min-width:84px}
}

/* v0.6.14 — calculator factor strip matched to the Elementor source. */
@media (min-width:1101px){
  .factor-row{
    height:155px;
    margin-top:30px;
    padding:10px;
    gap:20px;
    grid-template-columns:245.5px repeat(4,minmax(0,1fr));
    align-items:center;
  }
  .factor-row .factor-intro{
    height:135px;
    padding:0;
    background:transparent;
    border-radius:0;
    align-items:center;
    justify-content:center;
  }
  .factor-row .factor-intro img{
    width:135px;
    height:135px;
    transform:none;
  }
  .factor-row article:not(.factor-intro){
    display:grid;
    grid-template-columns:60px minmax(0,1fr);
    grid-template-rows:60px 45px;
    column-gap:0;
    row-gap:6px;
    height:132.4px;
    padding:10px;
    align-self:center;
    align-items:stretch;
  }
  .factor-row article:not(.factor-intro)>img{
    grid-column:1;
    grid-row:1;
    width:60px;
    height:60px;
  }
  .factor-row article:not(.factor-intro)>div{
    display:contents;
    padding:0;
  }
  .factor-row b{
    grid-column:2;
    grid-row:1;
    align-self:center;
    padding:0 10px;
    font-size:15px;
    line-height:15px;
    font-weight:600;
  }
  .factor-row article:nth-child(2) b{
    font-size:16px;
    line-height:16px;
  }
  .factor-row small{
    grid-column:1/-1;
    grid-row:2;
    margin:0;
    font-size:15px;
    line-height:22.5px;
  }
}

/* v0.6.15 — project heading, Yandex badge and cards matched to the source carousel. */
@media (min-width:1101px){
  #projects .section-head{
    box-sizing:border-box;
    padding:0 10px;
  }
  #projects .section-head h2{
    transform:translateY(10px);
  }
  #projects .rating-box{
    flex:0 0 197px;
    width:197px;
    height:88px;
    padding:10px;
    display:grid;
    grid-template-columns:53px 124px;
    grid-template-rows:42px 26px;
    gap:0;
    align-items:center;
    justify-items:start;
    border-radius:15px;
    background:#f7f7f7;
    box-shadow:0 0 10px rgba(211,211,211,.5);
  }
  #projects .rating-box>strong{
    grid-column:1;
    grid-row:1/3;
    align-self:center;
    font-size:30px;
    line-height:30px;
    font-weight:800;
    color:#1f477d;
  }
  #projects .rating-box>img{
    grid-column:2;
    grid-row:1;
    width:124px;
    height:42px;
  }
  #projects .rating-stars{
    grid-column:2;
    grid-row:2;
    width:124px;
    height:26px;
  }
  #projects .rating-stars img{
    width:24.8px;
    height:24.8px;
  }
  #projects .project-card{
    position:relative;
    box-sizing:border-box;
    flex:0 0 343px;
    min-width:343px;
    height:508px;
    min-height:508px;
    padding:10px;
    overflow:visible;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  #projects .project-card>img{
    display:block;
    width:100%;
    height:300px;
    object-fit:cover;
    object-position:center bottom;
    border-radius:15px 15px 0 0;
    box-shadow:0 0 10px rgba(206,206,206,.5);
  }
  #projects .project-round-arrow{
    position:absolute;
    z-index:3;
    top:265px;
    right:20px;
    width:35px;
    height:35px;
    padding:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ff6a00;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:20px;
    line-height:1;
    transition:transform .3s ease;
  }
  #projects .project-round-arrow:hover{
    transform:translateY(-7px);
  }
  #projects .project-info{
    box-sizing:border-box;
    width:100%;
    height:187.8px;
    padding:10px;
    border-radius:0 0 15px 15px;
    background:#fbfbfb;
    box-shadow:0 0 10px rgba(206,206,206,.5);
  }
  #projects .project-info h3{
    width:100%;
    margin:0 0 15px;
    font-size:24px;
    line-height:28.8px;
    font-weight:500;
  }
  #projects .project-info ul{
    height:48px;
    margin:0 0 20px;
  }
  #projects .project-info li{
    height:24px;
    margin:0;
    padding-left:30px;
    font-size:16px;
    line-height:24px;
    white-space:nowrap;
  }
  #projects .project-info li:before{
    top:0;
    width:20px;
    height:20px;
    font-size:22px;
    line-height:20px;
  }
  #projects .project-meta{
    height:56px;
    gap:0;
    padding:0;
    border-top:1px solid #ddd;
  }
  #projects .project-meta span{
    box-sizing:border-box;
    flex:1 1 50%;
    min-width:0;
    height:56px;
    padding:10px 0 0 68px;
    font-size:14px;
    line-height:21px;
  }
  #projects .project-meta span+span{
    border-left:1px solid #ddd;
  }
  #projects .project-meta span:before{
    left:25px;
    top:11px;
    width:40px;
    height:40px;
  }
  #projects .project-meta b{
    font-size:16px;
    line-height:24px;
    font-weight:600;
  }
  #projects .slider-dots{
    width:360px;
    min-width:360px;
    height:24px;
    padding:4px 0;
    gap:0;
  }
  #projects .slider-dot{
    flex:0 0 36px;
    width:36px;
    height:16px;
  }
}

/* v0.6.17 — exact repair/estimate row and work-steps geometry from the live Elementor page. */
@media (min-width:1101px){
  .hassle-copy .bp-btn{
    padding:15px 25px;
    gap:5px;
    line-height:15px;
    font-weight:500;
    box-shadow:none;
  }
  .hassle-copy p{
    margin-bottom:40px;
  }
  .hassle-copy .button-arrow{
    display:inline-block;
    font-family:Arial,sans-serif;
    font-size:19px;
    line-height:15px;
  }
  .bp-before-after{
    box-shadow:0 10px 35px rgba(22,40,70,.10);
  }
  .bp-ba-divider{
    background:rgba(255,255,255,.95);
    box-shadow:0 0 8px rgba(0,0,0,.10);
  }
  .bp-ba-button{
    border:1px solid rgba(20,40,70,.06);
  }
  .bp-ba-button span{
    margin-top:-2px;
    color:#ff6500;
    font-family:Arial,sans-serif;
    font-size:27px;
    line-height:1;
    font-weight:700;
  }
  .bp-ba-label{
    bottom:12px;
    padding:7px 12px;
    border-radius:7px;
    background:rgba(20,38,65,.62);
    font-size:11px;
    line-height:1;
    font-weight:600;
    letter-spacing:.3px;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
  }
  .bp-ba-label.left{left:12px}
  .bp-ba-label.right{right:12px}
  .estimate-card .bp-lead-form{
    display:grid;
    grid-template-columns:193.406px 125.625px;
    gap:10px;
  }
  .estimate-card .bp-lead-form select{
    grid-column:1;
    padding:5px 20px 5px 14px;
  }
  .estimate-card .bp-lead-form input[name="area"]{
    grid-column:2;
  }
  .estimate-card .bp-lead-form input,
  .estimate-card .bp-lead-form select{
    border:1px solid #ddd;
    background:#fff;
  }
  .estimate-card .bp-lead-form input[name="phone"],
  .estimate-card .bp-lead-form .form-policy-text,
  .estimate-card .bp-lead-form .bp-btn,
  .estimate-card .bp-lead-form .bp-form-message{
    grid-column:1/-1;
  }
  .estimate-card .form-policy-text{
    height:72px;
    overflow:visible;
    color:#7a7a7a;
    font-size:16px;
    line-height:24px;
  }
  .estimate-card .bp-btn{
    line-height:15px;
    font-weight:500;
    box-shadow:none;
  }
  .steps-wrap{
    height:175px;
  }
  .steps-grid article{
    border:1px solid rgba(255,255,255,.35);
    box-shadow:0 14px 40px rgba(0,0,0,.08);
  }
}

/* v0.6.18 — original SVG arrows and two-tone check icons in project cards. */
#projects .project-round-arrow,
#projects .project-check-icon{
  display:none;
}
@media (min-width:1101px){
  #projects .project-round-arrow{
    display:flex;
    font-size:0;
    line-height:0;
  }
  #projects .project-round-arrow svg{
    display:block;
    width:25px;
    height:25px;
    flex:0 0 25px;
  }
  #projects .project-info li:before{
    display:none;
    content:none;
  }
  #projects .project-check-icon{
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:20px;
    height:20px;
  }
  #projects .project-check-icon svg{
    display:block;
    width:20px;
    height:20px;
  }
  #projects .slider-arrow{
    border:0;
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 25px rgba(20,42,72,.14),0 2px 6px rgba(20,42,72,.05);
  }
  #projects .slider-arrow.prev{left:-18px}
  #projects .slider-arrow.next{right:-18px}
}