/* ==========================================================================
   FOOTER — quyuq, besh ustun
   ========================================================================== */

.futer{
  position:relative;overflow:hidden;
  background:var(--navy);color:rgba(255,255,255,.7);
  padding-top:clamp(56px,6vw,88px);
}
/* iliq emas — brend koʻkida nozik yorugʻlik, faqat bitta katta yuzada */
.futer::after{
  content:"";position:absolute;right:-12%;bottom:-30%;
  width:min(760px,86vw);height:min(760px,86vw);pointer-events:none;
  background:radial-gradient(circle,rgba(58,151,224,.22),rgba(58,151,224,0) 62%);
}
.futer > *{position:relative;z-index:1}

.futer__grid{
  display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));
  gap:clamp(24px,3vw,52px);align-items:start;
  padding-bottom:clamp(40px,4.4vw,64px);
}
.futer__logo img{height:26px;width:auto;margin-bottom:var(--s5);
  filter:brightness(0) invert(1)}
.futer__tavsif{font-size:var(--kichik);line-height:1.6;color:rgba(255,255,255,.62);
  max-width:44ch}
.futer h4{margin-bottom:var(--s5);font-size:var(--mayda);font-weight:600;
  letter-spacing:var(--tracking-caps);text-transform:uppercase;
  color:rgba(255,255,255,.5)}
.futer ul{display:grid;gap:11px;font-size:var(--kichik)}
.futer ul a{color:rgba(255,255,255,.82);transition:color var(--anim) var(--ease)}
.futer ul a:hover{color:#fff}
.futer__hujjat{color:rgba(255,255,255,.62);line-height:1.5}
.futer__holat{color:#8FC4EE}
.futer .mayda{color:rgba(255,255,255,.5)}

.futer__pas{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--s6);flex-wrap:wrap;
  padding-top:var(--s5);padding-bottom:clamp(28px,3vw,44px);
  border-top:1px solid var(--chiziq-quyuq);
  font-size:var(--mayda);color:rgba(255,255,255,.55);
}
.futer__yur{display:flex;gap:var(--s6);flex-wrap:wrap}
.futer__yur a:hover{color:#fff}


@media (max-width:1100px){
  .futer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .futer__logo{grid-column:1/-1}
}
@media (max-width:600px){
  .futer__grid{grid-template-columns:minmax(0,1fr);gap:var(--s8)}
  .futer__pas{flex-direction:column;align-items:flex-start;gap:var(--s3)}
}