/* Manrope (variable, 400–800), self-hosted. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Roboto (variable, 400–700), self-hosted: headings, as on ipower.com.ua. */
@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/roboto-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
;}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/roboto-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
;}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/roboto-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF
;}
h1,h2,h3,h4,h5,h6{font-family:"Roboto",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif!important;font-weight:500!important;}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/roboto-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Heading sizes as on ipower.com.ua (Elementor: desktop/tablet same, mobile <=767px). :not(#_) lifts specificity over theme rules. */
h1:not(#_){font-size:48px!important;line-height:1.06!important;letter-spacing:normal!important;}
.h-section:not(#_){font-size:36px!important;line-height:1.11!important;letter-spacing:normal!important;}
h3.text-\[22px\]:not(#_){font-size:26px!important;line-height:1.15!important;letter-spacing:normal!important;}
h3.text-lg.sm\:text-xl.leading-snug:not(#_){font-size:28px!important;line-height:1.3!important;letter-spacing:normal!important;}
@media (max-width:767px){
h1:not(#_){font-size:36px!important;line-height:1.1!important;}
.h-section:not(#_){font-size:30px!important;line-height:1.1!important;}
}

/* Home hero: leave ~60px of the next section visible on first screen. */
.ipower-site .hm-hero:not(#_){min-height:clamp(440px,calc(100svh - 270px),720px);}
@media (max-width:639px){.ipower-site .hm-hero:not(#_){min-height:clamp(380px,calc(100svh - 230px),600px);}}
@media (min-width:1024px){.ipower-site .hm-hero:not(#_){padding-top:3.5rem;padding-bottom:3rem;}}
@media (max-width:639px){.ipower-site .hm-hero:not(#_){min-height:0;padding:1.5rem 1rem 1.25rem;}}

/* Home split sections: photo no longer dictates row height; text card does. */
@media (min-width:1280px){
.ipower-site .hm-split > div:has(> img.hm-cover):not(#_){position:relative;height:auto;min-height:420px;}
.ipower-site .hm-split > div:has(> img.hm-cover) > img.hm-cover{position:absolute;inset:0;height:100%;width:100%;}
}

/* Section spacing: 52px from tablet up (was 64 desktop / 52 tablet); mobile stays 36. Crumbs offset follows the gap. */
@media (min-width:640px){
.ipower-site main.sheet:not(#_){gap:52px;}
.ipower-site .hm-crumbs:not(#_){margin-bottom:calc(20px - 52px)!important;}
}

/* "Детально" in direction cards: lime outline, lime fill sweeps in on hover. */
.btn.btn-dir{position:relative;isolation:isolate;overflow:hidden;border:2px solid #b5ee3b;background:transparent;color:inherit;transition:color .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s cubic-bezier(.2,.7,.2,1),border-color .35s;}
.btn.btn-dir::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#b5ee3b;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1);}
.btn.btn-dir .btn-ico{background:#b5ee3b;color:#0b121c;transition:transform .45s cubic-bezier(.2,.7,.2,1),background-color .35s;}
@media (hover:hover) and (pointer:fine){
.btn.btn-dir:hover{color:#0b121c;transform:translateY(-2px);box-shadow:0 14px 32px -12px rgba(181,238,59,.75);}
.btn.btn-dir:hover::before{transform:scaleX(1);}
.btn.btn-dir:hover .btn-ico{background:#fff;transform:rotate(45deg);}
}
.btn.btn-dir:active{transform:translateY(0) scale(.98);}
.btn.btn-dir:focus-visible{outline:2px solid #b5ee3b;outline-offset:3px;}
@media (prefers-reduced-motion:reduce){.btn.btn-dir,.btn.btn-dir::before,.btn.btn-dir .btn-ico{transition:none;}}

/* Category offer cards: "Отримати пропозицію" pinned to card bottom so buttons line up. */
article a.btn[data-model]:not(#_){margin-top:auto;}

/* Questionnaire CTA restyled as a regular section (no dark panel). */
.ipower-site .hm-quest .eyebrow:not(#_){color:rgb(95 107 120);}

/* Questionnaire checkboxes/radios: same look as .field inputs (50px, 16px radius, 1px #d5dce4, white, 16px text). */
.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label):not(#_){display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:12px 20px 12px 16px;border:1px solid #d5dce4;border-radius:16px;background:#fff;color:#0b121c;font-size:16px;font-weight:400;line-height:1.35;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s;}
.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label):not(#_):hover{border-color:#aeb7c2;}
.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label):not(#_):has(input:checked){border-color:#b5ee3b;background:#f7fdea;box-shadow:0 0 0 1px #b5ee3b inset;}
.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label):not(#_):has(input:focus-visible){outline:2px solid #b5ee3b;outline-offset:2px;}
.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label) input:is([type=checkbox],[type=radio]):not(#_){-webkit-appearance:none;appearance:none;position:static;flex:none;width:20px;height:20px;margin:0;border:1.5px solid #c3cbd5;border-radius:6px;background:#fff center/14px no-repeat;opacity:1;cursor:pointer;transition:background-color .15s,border-color .15s;}
.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label) input[type=radio]:not(#_){border-radius:50%;}
.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label) input[type=checkbox]:checked:not(#_){border-color:#b5ee3b;background-color:#b5ee3b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b121c' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");}
.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label) input[type=radio]:checked:not(#_){border-color:#b5ee3b;background:#b5ee3b radial-gradient(circle,#0b121c 0 4px,transparent 4.5px);}
.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label) :is(input)+span:not(#_)::before,.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label):not(#_)::before{content:none;}
@media (max-width:639px){.ipower-site :is(.hm-opt,.hm-opts .wpcf7-list-item label):not(#_){display:flex;font-size:15px;}}

/* Option groups (fieldset/legend): same 8px label gap as text fields. */
.ipower-site legend.hm-q-label:not(#_){margin-bottom:8px;}


/* Header menu: lime hover (desktop). Pill fills with lime from the center, underline hides; dropdown items get a lime tint and a lime bar. */
.ipower-site header .nav-link:not(#_){isolation:isolate;overflow:hidden;transition:color .3s;}
.ipower-site header .nav-link:not(#_)::before{content:"";position:absolute;inset:4px 0;z-index:-1;border-radius:9999px;background:#b5ee3b;transform:scale(.6);opacity:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s,box-shadow .35s;}
.ipower-site header .nav-link .dd-chev:not(#_){transition:transform .3s cubic-bezier(.2,.7,.2,1);}
.ipower-site header .nav-dd-item:not(#_){position:relative;transition:background-color .2s,color .2s,padding-left .25s cubic-bezier(.2,.7,.2,1);}
.ipower-site header .nav-dd-item:not(#_)::before{content:"";position:absolute;left:4px;top:25%;bottom:25%;width:3px;border-radius:3px;background:#b5ee3b;transform:scaleY(0);transition:transform .25s cubic-bezier(.2,.7,.2,1);}
@media (hover:hover) and (pointer:fine){
.ipower-site header .nav-link:not(#_):hover,.ipower-site header .nav-dd:hover>.nav-link:not(#_){background:transparent;color:#0b121c;}
.ipower-site header .nav-link:not(#_):hover::before,.ipower-site header .nav-dd:hover>.nav-link:not(#_)::before{transform:scale(1);opacity:1;box-shadow:0 8px 20px -10px rgba(122,170,20,.9);}
.ipower-site header .nav-link:not(#_):hover::after,.ipower-site header .nav-dd:hover>.nav-link:not(#_)::after{transform:scaleX(0);}
.ipower-site header .nav-dd:hover>.nav-link .dd-chev:not(#_){transform:rotate(180deg);}
.ipower-site header .nav-dd-item:not(#_):hover{background:#f2fce0;color:#0b121c;padding-left:1.1rem;}
.ipower-site header .nav-dd-item:not(#_):hover::before{transform:scaleY(1);}
}
@media (prefers-reduced-motion:reduce){.ipower-site header :is(.nav-link,.nav-dd-item):not(#_)::before{transition:none;}}

/* Home: the section right below the hero is visible on the first screen, so it shows without the scroll reveal. */
.ipower-site .hm-home>#about .reveal:not(#_){opacity:1;transform:none;transition:none;}
.ipower-site .hm-home>#about .reveal .hm-cover:not(#_){transform:none;transition:transform .8s cubic-bezier(.16,1,.3,1);}
@media (hover:hover) and (pointer:fine){.ipower-site .hm-home>#about .reveal:hover .hm-cover:not(#_){transform:scale(1.05);}}
@media (max-width:639px){
.ipower-site .hm-home>#catalog .reveal:not(#_){opacity:1;transform:none;transition:none;}
}

/* Hero "Замовити консультацію": clear hover — fills white, dark text (lime text on video was hard to read). */
.ipower-site .hm-btn-outline:not(#_){border-color:rgba(255,255,255,.35);transition:background-color .3s,color .3s,border-color .3s,transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;}
@media (hover:hover) and (pointer:fine){
.ipower-site .hm-btn-outline:not(#_):hover{background:#fff;border-color:#fff;color:#0b121c;transform:translateY(-2px);box-shadow:0 12px 28px -12px rgba(255,255,255,.45);}
}