/* AYLA V5.5.33 — FOOTER 2
   Footer-only refinement.
   Keeps order, checkout and WhatsApp logic untouched.
*/
:root{
  --ayla-teal:#18c98b;
}

.site-footer.ayla-footer-modern{
  margin-top:56px!important;
  padding:62px 0 24px!important;
  background:linear-gradient(180deg,#0b1117 0%,#0d141b 100%)!important;
  color:#fff!important;
  overflow:hidden;
}

.site-footer.ayla-footer-modern .container{
  max-width:1180px!important;
}

.site-footer.ayla-footer-modern .footer-grid{
  display:grid!important;
  grid-template-columns:1.45fr 1fr 1fr!important;
  gap:48px!important;
  padding-bottom:40px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}

.site-footer.ayla-footer-modern .footer-brand{
  display:flex!important;
  align-items:flex-start!important;
  gap:18px!important;
  min-width:0;
}

.site-footer.ayla-footer-modern .ayla-footer-logo-a{
  flex:0 0 64px;
  width:64px!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:16px!important;
  background:rgba(24,201,139,.07)!important;
  border:1px solid rgba(24,201,139,.20)!important;
}

.site-footer.ayla-footer-modern .ayla-footer-logo-a svg{
  display:block!important;
  width:52px!important;
  height:52px!important;
}

.site-footer.ayla-footer-modern .ayla-footer-brand-copy{
  min-width:0;
}

.site-footer.ayla-footer-modern .footer-grid > div:first-child h3{
  margin:0 0 9px!important;
  color:var(--ayla-teal)!important;
  font-size:23px!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}

.site-footer.ayla-footer-modern .footer-grid > div:first-child p{
  max-width:500px!important;
  color:#aeb8c2!important;
  font-size:15px!important;
  line-height:1.75!important;
  margin:0!important;
}

.site-footer.ayla-footer-modern .ayla-footer-column h3{
  position:relative;
  display:inline-block;
  margin:0 0 20px!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.25!important;
}

.site-footer.ayla-footer-modern .ayla-footer-column h3:after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:9px;
  border-radius:999px;
  background:var(--ayla-teal);
}

.site-footer.ayla-footer-modern .ayla-footer-info-item{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  margin:0 0 16px!important;
  color:#aeb8c2!important;
  font-size:14px!important;
  line-height:1.65!important;
}

.site-footer.ayla-footer-modern .ayla-footer-info-icon{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(24,201,139,.70)!important;
  border-radius:10px!important;
  color:var(--ayla-teal)!important;
  margin-top:1px!important;
  background:rgba(24,201,139,.07)!important;
}

.site-footer.ayla-footer-modern .ayla-footer-info-icon svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
}

.site-footer.ayla-footer-modern .ayla-footer-wa-icon{
  background:rgba(24,201,139,.14)!important;
}

.site-footer.ayla-footer-modern .ayla-footer-wa-icon img{
  display:block!important;
  width:17px!important;
  height:17px!important;
  object-fit:contain!important;
}

.site-footer.ayla-footer-modern .ayla-footer-link{
  color:#aeb8c2!important;
  text-decoration:none!important;
}

.site-footer.ayla-footer-modern .ayla-footer-link:hover{
  color:#fff!important;
}

.site-footer.ayla-footer-modern .ayla-footer-info-item strong{
  color:#fff!important;
  font-weight:700!important;
}

.site-footer.ayla-footer-modern .footer-bottom{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px 28px!important;
  flex-wrap:wrap!important;
  padding-top:25px!important;
  color:#737d88!important;
  font-size:13px!important;
}

.site-footer.ayla-footer-modern .footer-bottom span:last-child{
  color:#7e8791!important;
}

.site-footer.ayla-footer-modern .ayla-global-whatsapp{
  background:linear-gradient(135deg,#16d37f,#10bd86)!important;
  box-shadow:0 14px 32px rgba(16,189,134,.28)!important;
}

@media(max-width:900px){
  .site-footer.ayla-footer-modern .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:34px!important;
  }
  .site-footer.ayla-footer-modern .footer-grid > div:first-child{
    grid-column:1/-1;
  }
}

@media(max-width:640px){
  .site-footer.ayla-footer-modern{
    margin-top:42px!important;
    padding:48px 0 20px!important;
  }

  .site-footer.ayla-footer-modern .container{
    padding:0 20px!important;
  }

  .site-footer.ayla-footer-modern .footer-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding-bottom:32px!important;
  }

  .site-footer.ayla-footer-modern .footer-grid > div:first-child{
    grid-column:auto!important;
  }

  .site-footer.ayla-footer-modern .footer-brand{
    gap:14px!important;
  }

  .site-footer.ayla-footer-modern .ayla-footer-logo-a{
    flex-basis:56px;
    width:56px!important;
    height:56px!important;
    border-radius:14px!important;
  }

  .site-footer.ayla-footer-modern .ayla-footer-logo-a svg{
    width:46px!important;
    height:46px!important;
  }

  .site-footer.ayla-footer-modern .footer-grid > div:first-child h3{
    font-size:21px!important;
  }

  .site-footer.ayla-footer-modern .footer-grid > div:first-child p{
    font-size:14px!important;
  }

  .site-footer.ayla-footer-modern .ayla-footer-column h3{
    font-size:18px!important;
    margin-bottom:17px!important;
  }

  .site-footer.ayla-footer-modern .ayla-footer-info-item{
    font-size:14px!important;
  }

  .site-footer.ayla-footer-modern .footer-bottom{
    flex-direction:column!important;
    gap:5px!important;
    text-align:center!important;
    font-size:12px!important;
  }
}