/* PASHA BABY — FOOTER V2.1
   Compact soft retail brand hub. CSS only; preserves all existing links and behavior. */

.sm-footer{
  width:100% !important;
  max-width:none !important;
  margin:24px auto 0 !important;
  padding:28px 14px calc(88px + env(safe-area-inset-bottom)) !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.sm-footer-card{
  position:relative !important;
  isolation:isolate !important;
  width:min(100%,620px) !important;
  margin:0 auto !important;
  padding:20px 16px 15px !important;
  overflow:hidden !important;
  border:1px solid rgba(139,177,167,.28) !important;
  border-radius:27px !important;
  background:
    radial-gradient(circle at 8% 5%,rgba(228,241,246,.94) 0 14%,transparent 37%),
    radial-gradient(circle at 92% 10%,rgba(248,229,218,.82) 0 13%,transparent 35%),
    radial-gradient(circle at 16% 96%,rgba(238,233,247,.78) 0 12%,transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,251,248,.94)) !important;
  color:#26363b !important;
  box-shadow:0 14px 38px rgba(48,67,63,.085) !important;
  backdrop-filter:blur(18px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.06) !important;
}

.sm-footer-card::before,
.sm-footer-card::after{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  display:block !important;
  pointer-events:none !important;
  border-radius:999px !important;
}

.sm-footer-card::before{
  width:72px !important;
  height:72px !important;
  top:-32px !important;
  left:-24px !important;
  background:rgba(220,239,233,.68) !important;
  box-shadow:57px 18px 0 -25px rgba(248,239,207,.80) !important;
}

.sm-footer-card::after{
  width:92px !important;
  height:92px !important;
  right:-40px !important;
  bottom:-46px !important;
  background:rgba(248,229,218,.50) !important;
  box-shadow:-57px -8px 0 -31px rgba(228,241,246,.76) !important;
}

.sm-footer-line{
  width:38px !important;
  height:4px !important;
  margin:0 auto 10px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#9ecfc2,#b9dcea,#e7c3b3) !important;
  box-shadow:none !important;
}

.sm-footer h2{
  margin:0 auto 4px !important;
  padding:0 !important;
  color:#26363b !important;
  font-size:20px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  letter-spacing:-.3px !important;
  text-align:center !important;
}

.sm-footer-location{
  width:min(100%,390px) !important;
  margin:0 auto !important;
  padding:0 8px !important;
  color:#738087 !important;
  font-size:10.7px !important;
  line-height:1.55 !important;
  font-weight:720 !important;
  text-align:center !important;
}

/* Primary footer actions: compact horizontal icon + label. */
.sm-footer-main-actions{
  width:100% !important;
  margin:14px auto 12px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}

.sm-footer-main-actions a{
  position:relative !important;
  min-width:0 !important;
  min-height:48px !important;
  padding:7px 9px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  border:1px solid rgba(139,177,167,.22) !important;
  border-radius:16px !important;
  background:#fff !important;
  color:#34464b !important;
  box-shadow:0 6px 15px rgba(48,67,63,.055) !important;
  font-size:9.8px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  text-decoration:none !important;
  text-align:center !important;
  white-space:nowrap !important;
  transition:transform .16s ease,box-shadow .16s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}

.sm-footer-main-actions a::before{
  content:"" !important;
  position:static !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  display:block !important;
  border-radius:0 !important;
  background:currentColor !important;
  background-color:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}

#smFooterLocation{
  background:linear-gradient(180deg,#fff,#f5fbf9) !important;
  color:#2f7568 !important;
}
#smFooterLocation::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") !important;
}

#smFooterCall{
  background:linear-gradient(180deg,#fff,#f8f7fc) !important;
  color:#625a75 !important;
}
#smFooterCall::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 3.8 9.6 8 7.9 9.7c1.2 2.5 3.9 5.2 6.4 6.4l1.7-1.7 4.2 2.4c.5.3.7.9.5 1.4-.5 1.2-1.7 2.3-3.2 2.5-6 .8-13-6.2-12.2-12.2.2-1.5 1.3-2.7 2.5-3.2.5-.2 1.1 0 1.4.5Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 3.8 9.6 8 7.9 9.7c1.2 2.5 3.9 5.2 6.4 6.4l1.7-1.7 4.2 2.4c.5.3.7.9.5 1.4-.5 1.2-1.7 2.3-3.2 2.5-6 .8-13-6.2-12.2-12.2.2-1.5 1.3-2.7 2.5-3.2.5-.2 1.1 0 1.4.5Z'/%3E%3C/svg%3E") !important;
}

#smFooterWhatsapp{
  background:linear-gradient(180deg,#fff,#fff8f3) !important;
  color:#875c51 !important;
}
#smFooterWhatsapp::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.3a8.5 8.5 0 0 1-12.8 7.3L3.5 20l1.4-4A8.5 8.5 0 1 1 20.5 11.3Z'/%3E%3Cpath d='m8.2 7.9 1.5 2.5-1 1c.7 1.5 2.3 3.1 3.8 3.8l1-1 2.5 1.5'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.3a8.5 8.5 0 0 1-12.8 7.3L3.5 20l1.4-4A8.5 8.5 0 1 1 20.5 11.3Z'/%3E%3Cpath d='m8.2 7.9 1.5 2.5-1 1c.7 1.5 2.3 3.1 3.8 3.8l1-1 2.5 1.5'/%3E%3C/svg%3E") !important;
}

.sm-footer-main-actions a:active{
  transform:scale(.975) !important;
  box-shadow:0 3px 9px rgba(48,67,63,.05) !important;
}

.sm-footer-socials{
  position:relative !important;
  width:100% !important;
  margin:2px auto 0 !important;
  padding:11px 0 1px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:6px !important;
  border-top:1px solid rgba(139,177,167,.16) !important;
}

.sm-footer-socials a{
  min-height:29px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  border:1px solid rgba(139,177,167,.18) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.74) !important;
  color:#68767b !important;
  box-shadow:none !important;
  font-size:8.3px !important;
  line-height:1 !important;
  font-weight:850 !important;
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

.sm-footer-socials a::before{
  content:"" !important;
  width:6px !important;
  height:6px !important;
  flex:0 0 6px !important;
  border-radius:50% !important;
  background:#b7dff0 !important;
  box-shadow:none !important;
}

#smFacebook::before{background:#b7dff0 !important}
#smSnapchat::before{background:#f7dfa0 !important}
#smTikTok::before{background:#d0c4ef !important}
#smInstagram::before{background:#f4c3aa !important}

.sm-footer-socials a:active{
  background:#fff !important;
  transform:scale(.97) !important;
}

.sm-footer-phone{
  width:max-content !important;
  max-width:100% !important;
  margin:12px auto 6px !important;
  padding:6px 11px !important;
  border:1px solid rgba(139,177,167,.16) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.68) !important;
  color:#405359 !important;
  font-size:11.5px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:.3px !important;
  text-align:center !important;
}

.sm-footer-copy{
  width:100% !important;
  margin:0 auto !important;
  padding:0 8px !important;
  color:#8a9599 !important;
  font-size:7.4px !important;
  line-height:1.4 !important;
  font-weight:650 !important;
  text-align:center !important;
}

@media (max-width:390px){
  .sm-footer{
    padding-inline:10px !important;
    padding-top:24px !important;
  }

  .sm-footer-card{
    padding:18px 12px 14px !important;
    border-radius:24px !important;
  }

  .sm-footer h2{
    font-size:18.5px !important;
  }

  .sm-footer-main-actions{
    gap:6px !important;
    margin-top:12px !important;
  }

  .sm-footer-main-actions a{
    min-height:45px !important;
    padding-inline:6px !important;
    gap:4px !important;
    font-size:8.9px !important;
  }

  .sm-footer-main-actions a::before{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
  }

  .sm-footer-socials{
    gap:5px !important;
    padding-top:10px !important;
  }

  .sm-footer-socials a{
    min-height:28px !important;
    padding-inline:8px !important;
    font-size:7.9px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .sm-footer-main-actions a,
  .sm-footer-socials a{
    transition:none !important;
  }
}
