:root{
--overlay-top: rgba(247,247,247,0.69);
--overlay-bottom: rgba(25,25,25,0.69);
}

*,
*::before,
*::after{ box-sizing: border-box; }

html, body{ height:100%; }

body{
margin:0;
min-height:100%;
font-family: Inter, system-ui, -apple-system, Arial, sans-serif;
color:#1a1a1a;
}

.page{
position:relative;
min-height:100vh;
display:grid;
grid-template-rows:auto 1fr auto;
background-image:
linear-gradient(180deg, var(--overlay-top) 17.79%, var(--overlay-bottom) 100%),
url("bg.jpg");
background-position:center center, center center;
background-size:cover, cover;
background-repeat:no-repeat, no-repeat;
}

/* верхний список брендов – выше */
.lists{
position:relative;
display:flex;
justify-content:space-between;
gap:24px;
padding: clamp(8px, 2vw, 20px) clamp(16px, 4vw, 60px) 0;
margin-top: clamp(4px, 1vw, 12px);
font-size:clamp(14px, 1.6vw, 16px);
line-height:1.6;
z-index:1;
}

.list{
list-style:none;
margin:0;
padding:0;
text-align:left;
}
.list.right{ text-align:right; }

/* нижний логотип – крупнее и ниже */
.title-logo{
display:flex;
justify-content:center;
align-items:flex-end;
padding: 0 clamp(16px, 4vw, 60px);
margin-bottom: clamp(12px, 2.8vw, 40px);
}

.title-logo img{
display:block;
height:auto;
width: clamp(260px, 34vw, 980px);
}

/* если нужен верхний фикс‑лого, оставьте; иначе можно удалить этот блок */
.logo{
position:fixed;
inset:24px 0 auto 0;
margin-inline:auto;
width:clamp(72px, 8vw, 120px);
display:block;
z-index:2;
pointer-events:none;
}

.content{
position:relative;
z-index:1;
width:min(1200px, 100%);
padding:clamp(12px, 3vw, 40px);
}

/* адаптив */
@media (max-width:900px){
.lists{ padding:12px 16px 0; }
}

@media (max-width:700px){
.lists{
justify-content:space-between;
/* gap:50px; */
flex-wrap:wrap;
text-align:center;
padding:20px 20px 0;
margin-top:4px;
}
.list.right{ text-align:right; }
.title-logo{
margin-bottom: clamp(10px, 6vw, 28px);
}
.title-logo img{
width: clamp(360px, 60vw, 520px);
}
}