/* NIKA Premium 2.5.7 — clean responsive layout based on the stable 1.9 mobile experience. */
:root{--nika-mobile-shadow:0 14px 36px rgba(38,61,75,.12)}
body.nika-mobile-editor-preview{margin-top:0!important}
.site-header{z-index:120;overflow:visible}
.desktop-nav{align-self:stretch}
.desktop-menu{height:100%;display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}
.desktop-menu>li{height:100%;display:flex;align-items:center}
.desktop-nav .desktop-menu>li>a{font-size:11px!important;font-weight:750;line-height:1;letter-spacing:.075em}
.header-services{position:relative;height:100%;display:flex;align-items:center}
.header-services__trigger{height:100%;display:inline-flex!important;align-items:center;gap:6px}
.header-services__trigger span{font-size:11px;transition:transform .18s ease}
.header-services__panel{position:absolute!important;top:100%!important;left:50%;z-index:130;width:620px;min-width:520px;max-width:calc(100vw - 32px);display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:0!important;background:#fbfcfc!important;border:1px solid #d9e1e5!important;border-top:2px solid #e85d2a!important;border-radius:0!important;box-shadow:0 22px 48px rgba(45,55,64,.14)!important;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-43%,0)!important;transition:opacity .16s ease,visibility 0s linear .24s}
.header-services__panel:before{position:absolute;right:0;bottom:100%;left:0;height:2px;content:""}
.header-services__panel a{min-height:76px;display:flex!important;flex-direction:column;justify-content:center;padding:16px 28px!important;border-right:1px solid #e3e8eb;border-bottom:1px solid #e3e8eb;border-radius:0!important;background:#fbfcfc!important;text-transform:none!important}
.header-services__panel a:nth-child(2n){border-right:0}
.header-services__panel a:nth-last-child(-n+2){border-bottom:0}
.header-services__panel a:hover,.header-services__panel a:focus-visible{color:#344b5b!important;background:#f1f5f7!important}
.header-services__panel b{display:block;color:#344b5b;font:400 17px/1.18 Georgia,"Times New Roman",serif;letter-spacing:0;text-transform:none}
.header-services__panel small{margin-top:7px;color:#6b7780;font:700 8px/1.2 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.header-services:hover .header-services__panel,.header-services:focus-within .header-services__panel,.header-services.is-submenu-open .header-services__panel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s ease,visibility 0s;transform:translate(-43%,0)!important}
.header-services:hover .header-services__trigger span,.header-services:focus-within .header-services__trigger span,.header-services.is-submenu-open .header-services__trigger span{transform:rotate(180deg)}

/* The application-style controls introduced after 1.9 are intentionally removed. */
.nika-app-nav,.nika-mobile-section-nav,.nika-angle-toggle{display:none!important}
.nika-copy-mobile,.nika-media-mobile{display:none!important}
.nika-managed-project__image img+img,.nika-managed-work__media img+img{display:none!important}
.nika-managed-hero>picture{grid-area:1/1;display:block;min-height:inherit}
.nika-managed-hero>picture img{width:100%;height:100%;min-height:inherit;object-fit:cover}
.nika-managed-content>picture{display:block}
.nika-managed-content>picture img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;box-shadow:0 18px 48px rgba(31,53,65,.12)}
.nika-managed-article-list{margin-right:calc((100vw - 100%)/-2);margin-left:calc((100vw - 100%)/-2)}
.nika-managed-article-list>.shell{width:min(100% - 40px,1180px)}

@media(max-width:1180px) and (min-width:1001px){
  .desktop-menu{gap:16px}
  .desktop-nav .desktop-menu>li>a{font-size:9.5px!important}
  .header-services__panel{width:580px;transform:translate(-39%,0)!important}
  .header-services:hover .header-services__panel,.header-services:focus-within .header-services__panel,.header-services.is-submenu-open .header-services__panel{transform:translate(-39%,0)!important}
}

@media(max-width:1000px){
  html{scroll-padding-top:82px;overflow-x:hidden}
  body{padding-bottom:0!important;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
  body.menu-open{overflow:hidden}
  .shell{width:min(100% - 40px,940px)}
  .site-utility{display:none!important}
  .desktop-nav{display:none!important}
  .site-header{position:sticky!important;top:0!important;z-index:800!important;min-height:72px!important;height:72px!important;padding:0 20px!important;gap:18px!important;border-bottom:1px solid #dbe4e8!important;background:rgba(255,255,255,.98)!important;box-shadow:0 8px 24px rgba(38,61,75,.08)!important;backdrop-filter:blur(14px)}
  .site-header .brand-logo{width:195px;min-width:150px}
  .site-header .brand-logo img{width:auto;height:48px!important;max-width:100%;object-fit:contain}
  .site-header>.button{display:none!important}
  .site-header .header-phone{display:none!important}
  .site-header .menu-toggle{width:44px!important;height:44px!important;min-width:44px;display:grid!important;margin-left:auto;border:1px solid #d4dee3!important;border-radius:0!important;color:#344b5b!important;background:#f7f9fa!important}
  .mobile-menu{z-index:1000;width:min(88vw,370px);height:100dvh;min-height:100dvh;padding:20px!important;color:#304551;background:#fff!important;overflow-y:auto;overscroll-behavior:contain;border-radius:0;box-shadow:-20px 0 60px rgba(38,61,75,.22)}
  .mobile-menu:not([hidden]){display:flex!important;flex-direction:column}
  .mobile-menu::before{inset:0 min(88vw,370px) 0 0;background:rgba(27,43,53,.38)}
  .mobile-menu__head{padding-bottom:16px;border-color:#dce5e9}
  .mobile-menu__head .brand-logo{width:190px;min-width:0}
  .mobile-menu__head .brand-logo img{width:auto;height:44px!important;max-width:100%;object-fit:contain}
  .mobile-menu__close{color:#344b5b!important}
  .mobile-menu__label{margin:20px 0 5px}
  .mobile-menu__list{margin:0 0 24px}
  .mobile-menu__list li{border-color:#e1e8eb}
  .mobile-menu__list a{min-height:52px;padding:0;color:#304551;font:700 17px/1.25 Arial,"Helvetica Neue",sans-serif}
  .mobile-menu__list .sub-menu{margin:0 0 8px;padding:0 0 0 14px;border-left:2px solid #e85d2a;background:transparent}
  .mobile-menu__list .sub-menu a{min-height:42px;padding:7px 0;color:#607580;font-size:14px;font-weight:600}
  .mobile-menu__contact{margin-top:auto;padding-top:18px;border-top:1px solid #e1e8eb}
  .mobile-menu__contact>a:not(.button){color:#304551;font-size:21px}
  .mobile-menu__contact .button{width:100%;min-height:50px;border-radius:0!important}
  main,main>section,main .shell,main article,main div{min-width:0}
  a,button,input,select,textarea,summary,label{pointer-events:auto;touch-action:auto}
  main>section:not(:first-child),.nika-managed-article-list .seo-article{content-visibility:visible!important;contain:none!important}
  img,svg,video,iframe{max-width:100%;height:auto}
  .nika-managed-content.has-image,.nika-managed-cta,.home-estimate__grid,.karkas-intro__grid,.karkas-selection__grid,.karkas-technology__grid,.karkas-quality__grid,.karkas-cost__grid,.karkas-calc__grid,.unified-hero__grid,.unified-content-grid,.catalog-choice,.catalog-adapt__grid,.about-position,.about-control,.articles-index{grid-template-columns:1fr!important}
  .nika-managed-content>picture{order:-1}
  .nika-contact-form,.home-estimate form,.karkas-calc__form form{max-width:100%;grid-template-columns:1fr!important}
  .nika-contact-form>*,.home-estimate form>*,.karkas-calc__form form>*{grid-column:1!important;min-width:0}
}

@media(max-width:760px){
  html{scroll-padding-top:72px}
  .shell{width:calc(100% - 32px)}
  .site-header{padding:0 16px!important}
  .site-header .brand-logo{width:178px;max-width:calc(100% - 62px)}
  .site-header .brand-logo img{height:43px!important}
  .nika-managed-block{padding:54px 0}
  .nika-managed-block--hero{padding:0}
  .nika-managed-hero{min-height:590px}
  .nika-managed-hero__content{align-self:end;width:calc(100% - 32px);padding:96px 0 44px}
  .nika-managed-hero__content h1{font-size:clamp(36px,11vw,48px)}
  .nika-managed-head{display:block;margin-bottom:28px}
  .nika-managed-head h2{font-size:clamp(32px,9vw,42px)}
  .nika-managed-head__text{margin-top:14px}
  .nika-managed-items,.nika-managed-projects,.nika-managed-works,.nika-managed-article-previews,.home-project-grid,.home-service-grid,.home-pain-grid,.home-before-grid,.home-process ol,.karkas-scenario-grid,.karkas-pain-grid,.karkas-benefit-grid,.karkas-project-grid,.karkas-fit-grid,.karkas-objection-grid,.karkas-option-grid,.foundation-solution-grid,.foundation-data-grid,.gas-material__grid,.roofing-system-grid,.roofing-process-grid,.catalog-choice__grid,.about-service-grid,.about-work-grid,.articles-preview-grid{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:1fr!important;gap:20px!important;margin-right:0!important;margin-left:0!important;padding-right:0!important;padding-left:0!important;overflow:visible!important;scroll-snap-type:none!important}
  .nika-managed-items article,.nika-managed-project,.nika-managed-works article,.home-project-card,.home-service-card,.article-preview-card{width:100%;max-width:none;scroll-snap-align:none;border-radius:0}
  .home-hero,.home-hero__content,.karkas-hero,.karkas-hero__content{min-height:620px!important}
  .home-hero__content,.karkas-hero__content{padding-top:64px!important;padding-bottom:36px!important}
  .home-hero h1,.karkas-hero h1{font-size:clamp(38px,11vw,48px)!important}
  .home-section-head{display:block;margin-bottom:30px}
  .home-section-head>p{margin-top:14px}
  .nika-contact-form,.home-estimate form,.karkas-calc__form form{padding:24px 20px!important;border-radius:0!important;box-shadow:var(--nika-mobile-shadow)!important}
  .nika-contact-form input:not([type=checkbox]),.nika-contact-form select,.nika-contact-form textarea,.home-estimate form input:not([type=checkbox]),.home-estimate form select,.home-estimate form textarea,.karkas-calc__form input:not([type=checkbox]),.karkas-calc__form select,.karkas-calc__form textarea{min-height:50px!important;font-size:16px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .back-to-top{display:none!important}
}

@media(max-width:380px){
  .shell{width:calc(100% - 24px)}
  .site-header{padding:0 12px!important}
  .site-header .brand-logo{width:158px}
  .site-header .brand-logo img{height:39px!important}
  .mobile-menu{width:94vw;padding:16px!important}
  .mobile-menu::before{inset:0 94vw 0 0}
  .nika-managed-hero__content{width:calc(100% - 24px)}
  .nika-managed-hero__content h1,.home-hero h1,.karkas-hero h1{font-size:35px!important}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-menu,.site-header{transition:none!important}}
