.footer{
  background:#071126;
  color:#cbd5e1;
  padding:34px 18px 16px;
}
.footer-shell{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(330px,1.4fr) minmax(150px,.9fr) minmax(160px,.95fr) minmax(150px,.9fr) minmax(210px,1fr);
  gap:32px;
  align-items:start;
}
.footer-logo{
  display:inline-flex;
  font-size:30px;
  font-weight:950;
  letter-spacing:-.075em;
  color:#fff;
  margin-bottom:12px;
}
.footer-logo .logo-a{color:#60a5fa}
.footer-logo .logo-b{color:#f87171}
.footer-title{
  color:#fff;
  font-size:20px;
  font-weight:950;
  line-height:1.16;
  letter-spacing:-.035em;
  margin:0 0 9px;
  max-width:360px;
}
.footer-sub{
  color:#cbd5e1;
  line-height:1.48;
  margin:0 0 16px;
  max-width:390px;
  font-size:14px;
}
.footer-brand-card{padding-right:4px}
.footer-col h3{
  color:#fff;
  margin:3px 0 13px;
  font-size:12.5px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer-col h3:after{
  content:"";
  display:block;
  width:22px;
  height:2px;
  border-radius:999px;
  background:var(--primary);
  margin-top:8px;
}
.footer-list{
  display:grid;
  gap:7px;
}
.footer-list a{
  display:block;
  color:#cbd5e1;
  font-size:14px;
  line-height:1.26;
  transition:color .15s ease;
}
.footer-list a:hover{color:#fff}
.footer-contact{
  display:grid;
  gap:7px;
}
.footer-contact a,.footer-contact span{
  display:block;
  color:#cbd5e1;
  font-size:14px;
  line-height:1.3;
}
.footer-contact strong{
  display:block;
  color:#fff;
  font-size:11.5px;
  margin:0 0 2px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.footer-contact a:hover span{color:#fff}
.footer-cta-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin:0;
}
.footer-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border-radius:999px;
  padding:0 15px;
  font-size:13px;
  font-weight:950;
  color:#fff!important;
  white-space:nowrap;
}
.footer-cta.whatsapp{background:#16a34a}
.footer-cta.telegram{background:#229ed9}
.footer-cta.inquiry{background:var(--primary)}
.footer-trust-strip{
  max-width:1180px;
  margin:24px auto 0;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.09);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.footer-trust-strip span{
  color:#dbeafe;
  font-size:13px;
  font-weight:850;
  line-height:1.25;
  position:relative;
  padding-left:16px;
}
.footer-trust-strip span:before{
  content:"";
  position:absolute;
  left:0;
  top:.48em;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--primary);
}
.footer-bottom{
  max-width:1180px;
  margin:12px auto 0;
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#94a3b8;
  font-size:13px;
  line-height:1.45;
}
.footer-bottom span:last-child{color:#cbd5e1}

@media(max-width:1080px){
  .footer-shell{
    grid-template-columns:1.35fr 1fr 1fr;
    gap:24px;
  }
  .footer-brand-card{grid-column:1/-1}
}
@media(max-width:720px){
  .footer{padding:32px 18px 16px}
  .footer-shell{grid-template-columns:1fr;gap:20px}
  .footer-title{font-size:19px}
  .footer-trust-strip{grid-template-columns:1fr;gap:9px}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin:6px 0}
}

/* FINAL CSS-ONLY MOBILE FOOTER */
@media(max-width:720px){
  .footer{
    padding:24px 18px 14px !important;
  }

  .footer-shell{
    display:block !important;
    max-width:460px !important;
    margin:0 auto !important;
  }

  .footer-brand-card{
    padding:0 0 18px !important;
  }

  .footer-logo{
    font-size:25px !important;
    margin-bottom:13px !important;
  }

  .footer-title{
    font-size:20px !important;
    line-height:1.18 !important;
    margin-bottom:8px !important;
  }

  .footer-sub{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-bottom:16px !important;
  }

  .footer-cta-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:0 !important;
  }

  .footer-cta.whatsapp,
  .footer-cta.telegram{
    display:inline-flex !important;
    grid-column:auto !important;
    width:100% !important;
    min-height:42px !important;
    padding:10px 12px !important;
    border-radius:999px !important;
    font-size:13.5px !important;
    white-space:nowrap !important;
  }

  .footer-cta.inquiry{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-height:42px !important;
    padding:10px 12px !important;
    border-radius:999px !important;
    font-size:13.5px !important;
    white-space:nowrap !important;
  }

  .footer-shell > nav.footer-col{
    display:none !important;
  }

  .footer-contact-col{
    margin:0 !important;
    padding:18px 0 14px !important;
    border-top:1px solid rgba(148,163,184,.18) !important;
  }

  .footer-contact-col h3{
    display:none !important;
  }

  .footer-contact{
    display:grid !important;
    gap:14px !important;
  }

  .footer-contact > a,
  .footer-contact > span{
    display:grid !important;
    grid-template-columns:10% 3% 87% !important;
    align-items:center !important;
    width:100% !important;
    min-height:38px !important;
    color:#dbe6f5 !important;
    text-decoration:none !important;
  }

  .footer-contact > span:last-child{
    align-items:start !important;
  }

  .footer-contact strong{
    display:none !important;
  }

  .footer-contact > a:first-child::before,
  .footer-contact > a[href^="mailto:"]::before,
  .footer-contact > span:last-child::before{
    grid-column:1 !important;
    display:flex !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:start !important;
    border-radius:13px !important;
    background:color-mix(in srgb, var(--primary,#2563eb) 22%, transparent) !important;
    color:var(--primary,#2563eb) !important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary,#2563eb) 36%, transparent) !important;
    font-size:21px !important;
    line-height:1 !important;
  }

  .footer-contact > a:first-child::before{
    content:'☎' !important;
  }

  .footer-contact > a[href^="mailto:"]::before{
    content:'✉' !important;
    background:color-mix(in srgb, var(--accent,#16a34a) 22%, transparent) !important;
    color:var(--accent,#16a34a) !important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent,#16a34a) 36%, transparent) !important;
  }

  .footer-contact > span:last-child::before{
    content:'⌖' !important;
    margin-top:1px !important;
    background:rgba(148,163,184,.18) !important;
    color:#cbd5e1 !important;
    box-shadow:inset 0 0 0 1px rgba(148,163,184,.32) !important;
  }

  .footer-contact > a > span,
  .footer-contact > span > span{
    grid-column:3 !important;
    display:inline !important;
    min-width:0 !important;
    color:#dbe6f5 !important;
    font-size:14.5px !important;
    line-height:1.45 !important;
  }

  .footer-contact > a:first-child{
    white-space:nowrap !important;
  }

  .footer-contact > a:first-child span{
    font-size:14px !important;
  }

  .footer-contact > a:first-child span:first-of-type::after{
    content:' · ' !important;
    color:#94a3b8 !important;
    font-size:19px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  .footer-contact > span:last-child > span{
    line-height:1.35 !important;
  }

  .footer-trust-strip{
    display:none !important;
  }

  .footer-bottom{
    display:block !important;
    max-width:460px !important;
    margin:0 auto !important;
    padding-top:13px !important;
    border-top:1px solid rgba(148,163,184,.18) !important;
    font-size:12.5px !important;
    line-height:1.55 !important;
    text-align:center !important;
  }

  .footer-bottom span{
    display:block !important;
    margin:5px 0 !important;
  }
}

/* FINAL MOBILE FOOTER SVG ICONS */
@media(max-width:720px){
  .footer-contact > a:first-child::before,
  .footer-contact > a[href^="mailto:"]::before,
  .footer-contact > span:last-child::before{
    content:'' !important;
    font-size:0 !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:22px 22px !important;
  }

  .footer-contact > a:first-child::before{
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%232563eb' d='M6.62 10.79c1.44 2.83 3.76 5.15 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E") !important;
  }

  .footer-contact > a[href^="mailto:"]::before{
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2316a34a' d='M4 5h16c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V7c0-1.1.9-2 2-2Zm8 7.25L4 7.5V17h16V7.5l-8 4.75Zm0-2L19 7H5l7 3.25Z'/%3E%3C/svg%3E") !important;
  }

  .footer-contact > span:last-child::before{
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23cbd5e1' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") !important;
  }
}

/* FINAL UYIWU MOBILE CTA OVERRIDE */
@media(max-width:720px){
  .footer-cta-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:0 !important;
  }

  .footer-cta.telegram{
    display:none !important;
  }

  .footer-cta.whatsapp,
  .footer-cta.inquiry{
    display:inline-flex !important;
    grid-column:auto !important;
    width:100% !important;
    min-height:42px !important;
    padding:10px 12px !important;
    border-radius:999px !important;
    font-size:13.5px !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  .footer-cta.inquiry{
    font-size:0 !important;
  }

  .footer-cta.inquiry::after{
    content:'Send Inquiry' !important;
    font-size:13.5px !important;
    line-height:1 !important;
  }
}

/* FINAL MOBILE FOOTER PHONE GENERATED ONE-LINE */
@media(max-width:720px){
  .footer-contact > a:first-child{
    display:grid !important;
    grid-template-columns:10% 3% 87% !important;
    align-items:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  .footer-contact > a:first-child strong,
  .footer-contact > a:first-child span{
    display:none !important;
  }

  .footer-contact > a:first-child::after{
    content:'+8617751032535 · +8613024640722' !important;
    grid-column:3 !important;
    display:block !important;
    min-width:0 !important;
    color:#dbe6f5 !important;
    font-size:13.4px !important;
    font-weight:600 !important;
    letter-spacing:-.25px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
}

/* FINAL MOBILE FOOTER QUICK LINKS */
.footer-mobile-quicklinks{
  display:none;
}

@media(max-width:720px){
  .footer-mobile-quicklinks{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    margin:14px 0 14px !important;
  }

  .footer-mobile-quicklinks a{
    display:flex !important;
    min-height:34px !important;
    align-items:center !important;
    justify-content:center !important;
    padding:7px 6px !important;
    border:1px solid rgba(148,163,184,.20) !important;
    border-radius:999px !important;
    background:rgba(15,23,42,.28) !important;
    color:#dbe6f5 !important;
    font-size:11.8px !important;
    font-weight:650 !important;
    line-height:1.05 !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }
}
