/* WATEEN_FOOTER_V1 — STAGING | canonical storefront footer visual owner */
.footer{position:relative;margin-top:46px;border-top:0;background:linear-gradient(180deg,var(--wt-color-navy,#06111c),#030a11);color:#fff;padding:31px 18px;overflow:hidden}
.footer::before{content:"";display:inline-block;width:42px;height:42px;margin:0 10px -15px 0;border-radius:50%;background:#fff url('/wateen-brand-mark.webp') center/cover no-repeat;box-shadow:0 5px 16px rgba(0,0,0,.14)}
.footer::after{content:"";position:absolute;width:190px;height:190px;border:20px solid rgba(255,123,123,.18);border-radius:50%;left:-90px;top:-115px;pointer-events:none}
body.wos-home-active .footer{background:linear-gradient(180deg,var(--wt-color-navy,#06111c),#030a11);border-color:rgba(255,255,255,.08);color:#8295a5;margin-top:0}
body.wos-loading .footer{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* WATEEN_PREMIUM_FOOTER_V1=1 */
.footer.wateen-premium-footer{
  margin-top:0!important;
  padding:0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  background:
    radial-gradient(circle at 10% 10%,rgba(0,164,207,.12),transparent 28%),
    radial-gradient(circle at 90% 15%,rgba(255,41,71,.10),transparent 28%),
    linear-gradient(180deg,#06111c,#030a11)!important;
  color:#e8f1f6!important;
  text-align:right!important;
  direction:rtl;
}
.wpf-shell{
  max-width:1320px;
  margin:auto;
  padding:52px 22px 34px;
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr .85fr;
  gap:34px;
}
.wpf-brand{max-width:430px}
.wpf-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.wpf-logo img{
  width:66px;height:66px;object-fit:contain;border-radius:50%;
  mix-blend-mode:normal;
  filter:saturate(1.65) brightness(1.25) contrast(1.12) drop-shadow(0 0 10px rgba(255,41,71,.16)) drop-shadow(0 0 10px rgba(0,164,207,.14));
}
.wpf-logo b{display:block;font-size:25px;line-height:1.1;color:#fff}
.wpf-logo small{display:block;color:#65cff2;letter-spacing:2.5px;font-size:9px;margin-top:5px}
.wpf-brand p,.wpf-social-copy{color:#93a8b7;line-height:1.9;font-size:13px;margin:0}
.wpf-tagline{
  display:inline-flex;margin-top:18px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);
  color:#dce8ef;font-size:12px;font-weight:900;
}
.wpf-col h3{margin:4px 0 16px;color:#fff;font-size:15px}
.wpf-col>a,.wpf-info{
  display:flex;align-items:center;gap:11px;padding:10px 0;color:#dfe9ef;text-decoration:none;
}
.wpf-col>a:hover{color:#fff}
.wpf-col>a b,.wpf-info b{display:block;font-size:12px}
.wpf-col>a small,.wpf-info small{display:block;color:#8499a8;font-size:11px;margin-top:3px}
.wpf-icon{width:34px;height:34px;min-width:34px;border-radius:11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.085);position:relative;display:grid;place-items:center}
.wpf-icon:before{content:"";width:17px;height:17px;background:linear-gradient(180deg,#eefaff,#8fdcff);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.wpf-icon.whatsapp:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.7 15L2 22l5.1-1.3A10 10 0 1 0 12 2Zm5.6 14.2c-.2.6-1.2 1.1-1.7 1.2-.5.1-1.2.2-3.8-.8-3.2-1.2-5.2-4.3-5.4-4.5-.2-.2-1.3-1.7-1.3-3.3 0-1.6.8-2.4 1.1-2.7.3-.3.7-.4 1-.4h.7c.2 0 .5 0 .7.6.3.7 1 2.4 1.1 2.6.1.2.2.5 0 .8-.1.3-.2.5-.4.7l-.6.7c-.2.2-.4.4-.2.8.2.4.9 1.5 2 2.4 1.4 1.2 2.5 1.6 2.9 1.8.4.2.6.1.8-.1.2-.3.9-1 1.1-1.4.2-.4.5-.3.8-.2.3.1 2 .9 2.3 1.1.3.2.6.2.6.4 0 .2 0 .7-.2 1.3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.7 15L2 22l5.1-1.3A10 10 0 1 0 12 2Zm5.6 14.2c-.2.6-1.2 1.1-1.7 1.2-.5.1-1.2.2-3.8-.8-3.2-1.2-5.2-4.3-5.4-4.5-.2-.2-1.3-1.7-1.3-3.3 0-1.6.8-2.4 1.1-2.7.3-.3.7-.4 1-.4h.7c.2 0 .5 0 .7.6.3.7 1 2.4 1.1 2.6.1.2.2.5 0 .8-.1.3-.2.5-.4.7l-.6.7c-.2.2-.4.4-.2.8.2.4.9 1.5 2 2.4 1.4 1.2 2.5 1.6 2.9 1.8.4.2.6.1.8-.1.2-.3.9-1 1.1-1.4.2-.4.5-.3.8-.2.3.1 2 .9 2.3 1.1.3.2.6.2.6.4 0 .2 0 .7-.2 1.3Z'/%3E%3C/svg%3E")}
.wpf-icon.mail:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5Zm2 2 7 5 7-5H5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5Zm2 2 7 5 7-5H5Z'/%3E%3C/svg%3E")}
.wpf-icon.clock:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 5v5.4l4 2.3-1 1.7-5-2.9V7h2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 5v5.4l4 2.3-1 1.7-5-2.9V7h2Z'/%3E%3C/svg%3E")}
.wpf-icon.delivery:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h11v10h2l2-4h3l2 4v4h-2a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H1V7a2 2 0 0 1 2-2Zm3 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm12 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h11v10h2l2-4h3l2 4v4h-2a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H1V7a2 2 0 0 1 2-2Zm3 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm12 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E")}
.wpf-icon.cash:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6h18v12H3V6Zm3 2a2 2 0 0 1-1 2v4a2 2 0 0 1 1 2h12a2 2 0 0 1 1-2v-4a2 2 0 0 1-1-2H6Zm6 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6h18v12H3V6Zm3 2a2 2 0 0 1-1 2v4a2 2 0 0 1 1 2h12a2 2 0 0 1 1-2v-4a2 2 0 0 1-1-2H6Zm6 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z'/%3E%3C/svg%3E")}
.wpf-link{display:block;border:0;background:transparent;color:#93a8b7;padding:8px 0;font-size:12px;text-align:right}.wpf-link:hover{color:#fff}
.wpf-socials{display:flex;gap:9px;margin-bottom:16px}
.wpf-social{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);display:grid;place-items:center;transition:.2s}
.wpf-social:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
.wpf-social span{width:20px;height:20px;background:#dff6ff;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.wpf-social.instagram span{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm6-2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm6-2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E")}
.wpf-social.facebook span{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 8h3V4h-3c-4 0-5 2-5 5v2H6v4h3v7h4v-7h3l1-4h-4V9c0-1 .3-1 1-1Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 8h3V4h-3c-4 0-5 2-5 5v2H6v4h3v7h4v-7h3l1-4h-4V9c0-1 .3-1 1-1Z'/%3E%3C/svg%3E")}
.wpf-social.whatsapp span{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.7 15L2 22l5.1-1.3A10 10 0 1 0 12 2Zm5.6 14.2c-.2.6-1.2 1.1-1.7 1.2-.5.1-1.2.2-3.8-.8-3.2-1.2-5.2-4.3-5.4-4.5-.2-.2-1.3-1.7-1.3-3.3 0-1.6.8-2.4 1.1-2.7.3-.3.7-.4 1-.4h.7c.2 0 .5 0 .7.6.3.7 1 2.4 1.1 2.6.1.2.2.5 0 .8-.1.3-.2.5-.4.7l-.6.7c-.2.2-.4.4-.2.8.2.4.9 1.5 2 2.4 1.4 1.2 2.5 1.6 2.9 1.8.4.2.6.1.8-.1.2-.3.9-1 1.1-1.4.2-.4.5-.3.8-.2.3.1 2 .9 2.3 1.1.3.2.6.2.6.4 0 .2 0 .7-.2 1.3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.7 15L2 22l5.1-1.3A10 10 0 1 0 12 2Zm5.6 14.2c-.2.6-1.2 1.1-1.7 1.2-.5.1-1.2.2-3.8-.8-3.2-1.2-5.2-4.3-5.4-4.5-.2-.2-1.3-1.7-1.3-3.3 0-1.6.8-2.4 1.1-2.7.3-.3.7-.4 1-.4h.7c.2 0 .5 0 .7.6.3.7 1 2.4 1.1 2.6.1.2.2.5 0 .8-.1.3-.2.5-.4.7l-.6.7c-.2.2-.4.4-.2.8.2.4.9 1.5 2 2.4 1.4 1.2 2.5 1.6 2.9 1.8.4.2.6.1.8-.1.2-.3.9-1 1.1-1.4.2-.4.5-.3.8-.2.3.1 2 .9 2.3 1.1.3.2.6.2.6.4 0 .2 0 .7-.2 1.3Z'/%3E%3C/svg%3E")}
.wpf-bottom{border-top:1px solid rgba(255,255,255,.06);max-width:1320px;margin:auto;padding:16px 22px 22px;display:flex;justify-content:space-between;gap:16px;color:#688090;font-size:10px}
@media(max-width:900px){.wpf-shell{grid-template-columns:1fr 1fr;gap:28px}.wpf-brand{max-width:none}}
@media(max-width:560px){.wpf-shell{grid-template-columns:1fr;padding:38px 16px 26px;gap:25px}.wpf-logo img{width:58px;height:58px}.wpf-bottom{padding:14px 16px 88px;display:block}.wpf-bottom span{display:block;margin:5px 0}.wpf-brand p{font-size:12px}.wpf-col>a,.wpf-info{padding:8px 0}}

@media(max-width:820px),(pointer:coarse){
  .footer{margin-top:34px}
}

/* WATEEN_FOOTER_UNIFIED_NAVY=1 */