.brands-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.brands-heading>.eyebrow{color:var(--muted);font-size:11px;margin:0}
.brands-partnership{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#868b93;font-size:12px;line-height:1.6;white-space:nowrap}
.brands-partnership>a{transition:color .25s}
.brands-partnership>span{opacity:.55;margin-inline:2px}
.brands-partnership .partner-webmechanic:hover,.brands-partnership .partner-webmechanic:focus-visible{color:#F83748}
.brands-partnership .partner-milonask:hover,.brands-partnership .partner-milonask:focus-visible{color:#EE7923}
.brands .brand-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(18px,1.6vw,30px);align-items:center}
.brands .brand-grid>.client-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:72px;padding:6px 0;opacity:1;transform:none;transition:transform .3s cubic-bezier(.2,.75,.2,1);letter-spacing:0}
.brands .brand-grid>.client-logo:hover{transform:translateY(-4px)}
.brands .brand-grid>.client-logo>img{width:145px;height:52px;max-width:100%;max-height:56px;object-fit:contain;filter:none;mix-blend-mode:multiply}
.brands .brand-grid>.lenta-logo{flex-direction:column;gap:2px}
.brands .brand-grid>.lenta-logo>img{width:133px;height:auto;max-height:52px}
.brands .brand-grid>.lenta-logo>span{padding-left:27px;font-size:14px;font-weight:400;color:#152ba0;line-height:1}
/* Move the contents without isolating the PNG's multiply blend from the page. */
.brands .brand-grid>.lenta-logo:hover{transform:none}
.brands .brand-grid>.lenta-logo>img,.brands .brand-grid>.lenta-logo>span{position:relative;top:0;transition:top .3s cubic-bezier(.2,.75,.2,1)}
.brands .brand-grid>.lenta-logo:hover>img,.brands .brand-grid>.lenta-logo:hover>span{top:-4px}
.brands .brand-grid>.ott-logo>img{width:145px;max-height:55px}
.brands .brand-grid>.burgaz-logo>img{width:118px;height:58px;max-height:58px}
.brands .brand-grid>.iskrenne-logo{font-style:normal;padding:0}
.brands .brand-grid>.iskrenne-logo>img{width:75px;height:58px;max-height:58px}
.brands .brand-grid>.umetex-logo>img{width:140px;height:38px}
.brands .brand-grid>.ecopro-logo>img{width:140px;height:48px}
.messenger-choice>img{width:24px;height:24px;flex:none;object-fit:contain}
.contact-max-icon{width:24px;height:24px;flex:none;object-fit:contain}
@media(max-width:1200px){.brands .brand-grid{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:30px;row-gap:24px}}
@media(max-width:800px){
 .brands-heading{align-items:flex-start;gap:17px;flex-direction:column;margin-bottom:27px}
 .brands-partnership{justify-content:flex-start;font-size:11px;white-space:normal;flex-wrap:wrap}
 .brands .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:20px}
 .brands .brand-grid>.client-logo{height:66px}
 .header .header-status-label{white-space:nowrap;line-height:1.4}
 .header .status-start{display:block}
}
@media(max-width:500px){
 .brands-heading>.eyebrow{font-size:10px}
 .brands .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
 .brands .brand-grid>.client-logo:last-child{grid-column:1/-1}
 .brands .brand-grid>.client-logo>img{max-width:min(100%,140px)}
 .messenger-choice>img{width:21px;height:21px}
}
@media(max-width:375px){
 .header .brand{font-size:16px;gap:5px}
 .header .brand img{width:28px;height:13px}
 .header .menu-toggle{width:24px}
 .project-contact-toggle{gap:10px;font-size:13px}
}
