/* IQdesign 2026-11-08: one header structure for main pages and the standalone blog.
   Only header/nav styles; service cards and the rest of the site are not modified. */
.site-header{grid-template-columns:auto minmax(0,1fr) auto auto!important;column-gap:clamp(12px,1.4vw,24px)!important}
.site-header>.brand{grid-column:1;grid-row:1;min-width:0}
.site-header>.nav{grid-column:2;grid-row:1;min-width:0;justify-self:center}
.site-header>.header-actions{grid-column:3;grid-row:1;min-width:0;justify-self:end}
.site-header>.iq-language-switch{grid-column:4;grid-row:1;display:flex;align-items:center;gap:5px;white-space:nowrap;flex:none;position:relative;z-index:51;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.025em;margin:0!important}
.site-header>.iq-language-switch a{color:#68778b;text-decoration:none;padding:10px 3px;min-height:34px;display:inline-flex;align-items:center}
.site-header>.iq-language-switch a[aria-current="page"]{color:#246ff2}
.site-header>.iq-language-switch a:focus-visible{outline:2px solid #246ff2;outline-offset:2px}
.site-header>.iq-language-switch span{color:#b8c1cd}
.site-header .desktop-navigation{gap:clamp(11px,1.5vw,26px)!important;flex-wrap:nowrap;white-space:nowrap;min-width:0!important}
.site-header .desktop-navigation>a,.site-header .nav-services{flex-shrink:0}
.site-header .desktop-navigation>a[data-iq-blog-link]{order:1}
.site-header .desktop-navigation>a[href$="/contacts/"]{order:2}
.site-header .services-dropdown-grid section{min-width:0}
.site-header .services-dropdown-grid section a{white-space:normal;overflow-wrap:break-word}
/* Hold the Blog link's width on React pages until hydration has finished. */
@media (min-width:1101px){
 .site-header .desktop-navigation:not(:has(>a[data-iq-blog-link]))::after{content:"";flex:0 0 32px;order:1;visibility:hidden}
 .site-header:not(:has(>.iq-language-switch))::after{content:"";display:block;width:43px;grid-column:4;grid-row:1;visibility:hidden}
}
@media (min-width:1101px) and (max-width:1450px){
 .site-header .header-phone{display:none!important}
 .site-header .header-actions{gap:12px}
}
@media (min-width:1101px) and (max-width:1250px){
 .site-header{column-gap:10px!important;padding-inline:2.5vw}
 .site-header .desktop-navigation{gap:10px!important;font-size:12px}
 .site-header .header-cta{padding-inline:13px;white-space:nowrap}
 .site-header>.iq-language-switch{font-size:10px;gap:3px}
}
/* Base site uses its mobile header at 1100px and below. */
@media (max-width:1100px){
 .site-header{grid-template-columns:minmax(0,1fr) auto auto!important;column-gap:12px!important}
 .site-header>.brand{grid-column:1;grid-row:1}
 .site-header>.nav{grid-column:1 / -1;grid-row:2;justify-self:stretch}
 .site-header>.header-actions{display:none!important}
 .site-header>.iq-language-switch{grid-column:2;grid-row:1;margin:0 8px 0 0!important;font-size:11px;gap:3px}
 .site-header>.menu{grid-column:3;grid-row:1}
 .site-header:not(:has(>.iq-language-switch))::after{content:"";display:block;width:43px;grid-column:2;grid-row:1;visibility:hidden}
 .site-header .services-dropdown-grid section a{overflow-wrap:break-word}
}
@media (max-width:360px){.site-header>.iq-language-switch{font-size:10px;gap:2px;margin-right:3px!important}}