/* Approved artwork stays intact; actions and text reflow without covering products. */
[data-page="home"].home-structured #home-offer .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;position:relative;isolation:isolate;width:100%;max-width:1920px;margin-inline:auto;min-height:0;max-height:none;aspect-ratio:auto;overflow:visible;background:#fff}
[data-page="home"].home-structured #home-offer .hero-photo{display:block;position:static;grid-column:1/-1;grid-row:1;width:100%;height:auto;max-height:none;object-fit:contain;z-index:0}
[data-page="home"].home-structured #home-offer .hero-left,[data-page="home"].home-structured #home-offer .hero-right{display:contents;position:static;min-height:0;padding:0;background:none}
[data-page="home"].home-structured #home-offer .hero-title{position:absolute;top:clamp(20px,2vw,38px);margin:0;font-size:clamp(28px,2.65vw,46px);line-height:1.13;max-width:40%;z-index:1}
[data-page="home"].home-structured #home-offer .hero-left .hero-title{left:4.2%;color:#fff}
[data-page="home"].home-structured #home-offer .hero-right .hero-title{left:59%;color:#111}
[data-page="home"].home-structured #home-offer .hero .hero-action{grid-row:2;justify-self:start;align-self:center;margin-block:20px;max-width:calc(100% - 40px)}
[data-page="home"].home-structured #home-offer .hero-left .hero-action{grid-column:1;margin-left:8.4%}
[data-page="home"].home-structured #home-offer .hero-right .hero-action{grid-column:2;margin-left:18%}
@media(max-width:900px){
 [data-page="home"].home-structured #home-offer .hero{grid-template-columns:minmax(0,1fr);gap:20px;max-width:680px;background:#fff}
 [data-page="home"].home-structured #home-offer .hero-photo{display:none}
 [data-page="home"].home-structured #home-offer .hero-left,[data-page="home"].home-structured #home-offer .hero-right{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0;inset:auto;width:auto;min-height:0;padding:0;overflow:hidden;background:#fff}
 [data-page="home"].home-structured #home-offer .hero-left{background:#171c21}
 [data-page="home"].home-structured #home-offer .hero-left::before,[data-page="home"].home-structured #home-offer .hero-right::before{content:"";display:block;grid-row:2;grid-column:1;aspect-ratio:1049/749;width:100%;background-image:url(assets/hero.png);background-repeat:no-repeat;background-size:200% auto;background-position:left center}
 [data-page="home"].home-structured #home-offer .hero-right::before{background-position:right center}
 [data-page="home"].home-structured #home-offer .hero-title{position:static;grid-row:1;grid-column:1;max-width:none;font-size:clamp(28px,4.5vw,38px);line-height:1.14;padding:24px 24px 20px;margin:0}
 [data-page="home"].home-structured #home-offer .hero .hero-action{position:relative;grid-row:3;grid-column:1;justify-self:start;width:300px;max-width:calc(100% - 48px);margin:20px 24px 24px;font-size:16px}
 .header input,.header .search{min-width:0}
 dialog input,dialog textarea,dialog select{font-size:16px}
}
@media(max-width:380px){
 [data-page="home"].home-structured #home-offer .hero-title{padding-inline:20px;font-size:28px}
 [data-page="home"].home-structured #home-offer .hero .hero-action{margin-inline:20px;max-width:calc(100% - 40px);font-size:15px}
}
@media(max-width:900px){
 .header .icon,.header .menu{min-width:44px;min-height:44px}
 .header nav button,.header nav a{min-height:44px;display:inline-flex;align-items:center}
 .catalog-toolbar,.product-intro,.lab-layout>div,.home-service,.entry-heading{min-width:0}
}/* Compact mobile navigation; every shortcut remains a full touch target. */
@media(max-width:640px){
 .header{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;padding-block:14px}
 .header .brand{grid-column:1/3;grid-row:1}
 .header .mobile-menu{grid-column:3;grid-row:1;justify-self:end;min-width:44px;min-height:44px}
 .header .search{grid-column:1/-1;grid-row:2;min-width:0;width:100%;max-width:none}
 .header .comparison-open{grid-column:1;grid-row:3;min-width:0;width:100%;min-height:44px;padding:6px;gap:5px;font-size:12px}
 .header .comparison-open>svg{display:none}
 .header .comparison-open>span:first-of-type{font-size:0}
 .header .comparison-open>span:first-of-type::after{content:"Сравнить";font-size:12px}
 .header .header-shopping{grid-column:2/4;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
 .header .header-shopping .shopping-open{min-width:0;width:100%;padding:6px;gap:6px;min-height:44px}
 .header .shopping-open-label{display:none}
 .header nav{grid-column:1/-1;grid-row:4}
}
/* Avoid squeezed three-column cards and a permanently open tablet sidebar. */
.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
@media(min-width:641px) and (max-width:900px){
 .catalog-layout{grid-template-columns:minmax(0,1fr);gap:0}
 .catalog-layout aside{display:none}
 .catalog-layout aside.open{display:block;position:fixed;inset:0 0 0 auto;width:min(360px,100%);height:100dvh;overflow:auto;z-index:70;background:#fff;border:1px solid var(--line);padding:26px;box-shadow:-15px 0 80px #0003}
 .filter-heading .icon{display:flex}
 #show-filters{display:inline-flex}
}@media(max-width:640px){.header #menu{grid-column:3;grid-row:1;justify-self:end}}
@media(max-width:900px){
 [data-page="home"].home-structured #home-offer .hero-right::after{content:"";grid-column:1;grid-row:2;align-self:start;justify-self:start;width:12%;height:45%;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}
}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1199px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.catalog-grid{grid-template-columns:minmax(0,1fr)}}
@media(min-width:641px) and (max-width:900px){
 #materials-view .material-layout{grid-template-columns:minmax(0,1fr);gap:0}
 .material-catalog .material-mobile-toggle{display:block;margin:0 0 18px}
 .material-catalog:not(.material-filters-open) .material-filters>:not(:first-child){display:none}
 .material-filters{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:20px}
}/* Jivo's desktop close control otherwise sits outside narrow viewports. */
@media(max-width:900px){
 #jivo_close_button{position:absolute!important;inset:4px 4px auto auto!important;margin:0!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;z-index:10!important}
 #jivo_close_button>jdiv{margin:0!important;flex:none!important}
}/* Empty Jivo header drag layer must not intercept the relocated close target. */
@media(max-width:900px){jdiv.notranslate>jdiv.wrap__zPUs_:empty{pointer-events:none!important}}
@media(max-width:640px){[data-page="home"].home-structured #home-offer .hero .hero-action{gap:8px;padding-inline:10px}}