/* ================= MEDICAL FILLED FOOTER ================= */

.medical-footer{
  position:relative;
  background:rgb(96,125,139);
  color:#e6edf0;
  padding:90px 20px 30px;
  overflow:hidden;
}

/* subtle medical pattern */
.medical-bg{
  position:absolute;
  inset:0;
  background-image:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'>\
<text x='10' y='50' font-size='26' opacity='0.06'>🩺</text>\
<text x='60' y='90' font-size='26' opacity='0.06'>💊</text>\
<text x='80' y='40' font-size='26' opacity='0.06'>💉</text>\
</svg>");
  background-size:180px 180px;
  z-index:0;
}

/* main container */
.medical-footer-inner{
  position:relative;
  z-index:1;
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:56px;
}

/* blocks */
.footer-block h4{
  font-size:16px;
  font-weight:600;
  color:#ffffff;
  margin-bottom:14px;
}

.footer-block a{
  display:block;
  margin-bottom:10px;
  font-size:15px;
  color:#e6edf0;
  text-decoration:none;
}

.footer-block a:hover{
  color:#ffffff;
  text-decoration:underline;
}

.footer-block p{
  font-size:15px;
  margin-bottom:10px;
  color:#e6edf0;
}

/* brand */
.footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.footer-name{
  font-size:22px;
  font-weight:700;
  color:#ffffff;
}

.footer-desc{
  line-height:1.7;
}

/* equipment row */
.equip-icons{
  margin-top:14px;
  font-size:22px;
  letter-spacing:6px;
  opacity:.9;
}

/* bottom */
.footer-bottom{
  position:relative;
  z-index:1;
  margin-top:60px;
  padding-top:16px;
  text-align:center;
  font-size:14px;
  border-top:1px solid rgba(255,255,255,.25);
  color:#e6edf0;
}



/* ================= MOBILE ================= */
@media(max-width:768px){
  .medical-footer-inner{
    grid-template-columns:1fr;
    text-align:center;
  }

  .footer-brand{
    justify-content:center;
  }

  .equip-icons{
    justify-content:center;
  }
}