/* Momo Delights footer V28 — light warm coral, matched to the app UI.
   The brand's #F36543 stays an accent, not a full-width saturated background.
   Existing compact two-row structure and responsive behavior are preserved.
*/
.md21-app-footer,.md21-app-footer *{box-sizing:border-box}
.md21-app-footer.md21-footer-v25{
 --mdf-bg:#fff4ee;
 --mdf-ink:#263b32;
 --mdf-link:#4c6054;
 --mdf-muted:#6f7b72;
 --mdf-rule:#e9e2db;
 --mdf-coral:#f36543;
 background:var(--mdf-bg);
 border:0;
 border-top:1px solid #efdfd5;
 color:var(--mdf-ink);
 font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
 font-size:13px;
 line-height:1.55;
}
.md21-footer-v25 .md21-footer-inner{
 width:min(1120px,calc(100% - 48px));
 margin-inline:auto;
 padding:23px 0 17px;
}
.md21-footer-v25 .md21-footer-main{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:28px;
 padding-bottom:19px;
}
.md21-footer-v25 .md21-footer-primary-nav{
 display:flex;
 flex-direction:column;
 gap:10px;
 min-width:0;
 width:100%;
}
.md21-footer-v25 .md21-footer-link-row{
 display:grid;
 grid-template-columns:82px minmax(0,1fr);
 align-items:center;
 gap:16px;
 min-width:0;
 margin:0;
 padding:0;
}
.md21-footer-v25 .md21-footer-label{
 width:auto;
 color:var(--mdf-ink);
 font-size:12px;
 font-weight:800;
 letter-spacing:-.01em;
 line-height:1.6;
}
.md21-footer-v25 .md21-footer-link-items{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 align-items:center;
 gap:8px 12px;
 min-width:0;
}
.md21-footer-v25 .md21-footer-link-items a{
 display:inline-flex;
 align-items:center;
 min-height:29px;
 width:fit-content;
 max-width:100%;
 padding:0;
 color:var(--mdf-link)!important;
 text-decoration:none!important;
 font-size:13px;
 line-height:1.5;
 font-weight:570;
 letter-spacing:-.006em;
 overflow-wrap:anywhere;
 transition:color .16s;
}
.md21-footer-v25 .md21-footer-link-items a:hover{
 color:#c24e2e!important;
 text-decoration:underline!important;
 text-decoration-thickness:1px;
 text-underline-offset:4px;
}
.md21-footer-v25 .md21-footer-social{
 display:flex;
 align-items:center;
 justify-content:center;
 flex:none;
 gap:8px;
 padding-left:20px;
 border-left:1px solid #e9ded6;
 min-height:76px;
}
.md21-footer-v25 .md21-footer-social a{
 display:grid;
 place-items:center;
 width:38px;
 height:38px;
 min-width:38px;
 min-height:38px;
 padding:0;
 border:1px solid #ecdacf;
 border-radius:10px;
 background:#fff;
 color:#d25a3a!important;
 box-shadow:0 1px 3px rgba(50,60,49,.035);
 text-decoration:none!important;
 transition:background .17s,border-color .17s,transform .17s;
}
.md21-footer-v25 .md21-footer-social a:hover{
 background:#fff8f4;
 border-color:#eab9a6;
 color:#b9482a!important;
 transform:translateY(-1px);
}
.md21-footer-v25 .md21-footer-social svg{
 display:block;
 width:17px;
 height:17px;
}
.md21-footer-v25 .md21-footer-bottom{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:9px 18px;
 border:0;
 border-top:1px solid var(--mdf-rule);
 padding:14px 0 0;
 margin:0;
 background:transparent;
}
.md21-footer-v25 .md21-footer-bottom>span{
 color:var(--mdf-muted);
 font-size:11.5px;
 font-weight:520;
 line-height:1.6;
}
.md21-footer-v25 .md21-footer-legal{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:9px 21px;
}
.md21-footer-v25 .md21-footer-legal a{
 color:#65756a!important;
 font-size:11.5px;
 font-weight:610;
 line-height:1.6;
 text-decoration:none!important;
}
.md21-footer-v25 .md21-footer-legal a:hover{
 color:#c24e2e!important;
 text-decoration:underline!important;
 text-underline-offset:4px;
}
.md21-footer-v25 a:focus-visible{
 outline:3px solid #d66040!important;
 outline-offset:3px!important;
 border-radius:4px;
}
@media(max-width:900px){
 .md21-footer-v25 .md21-footer-main{gap:16px}
 .md21-footer-v25 .md21-footer-link-row{
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
 }
 .md21-footer-v25 .md21-footer-link-items{gap:8px}
 .md21-footer-v25 .md21-footer-link-items a{font-size:12px}
 .md21-footer-v25 .md21-footer-social{padding-left:12px;gap:6px}
 .md21-footer-v25 .md21-footer-social a{
  width:35px;height:35px;min-width:35px;min-height:35px;
 }
}
@media(max-width:700px){
 .md21-footer-v25 .md21-footer-inner{
  width:calc(100% - 36px);
  padding:26px 0 20px;
 }
 .md21-footer-v25 .md21-footer-main{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:18px;
  padding-bottom:19px;
 }
 .md21-footer-v25 .md21-footer-primary-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
 }
 .md21-footer-v25 .md21-footer-link-row{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
 }
 .md21-footer-v25 .md21-footer-label{font-size:12px}
 .md21-footer-v25 .md21-footer-link-items{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
 }
 .md21-footer-v25 .md21-footer-link-items a{
  min-height:31px;
  font-size:12px;
 }
 .md21-footer-v25 .md21-footer-social{
  border-left:0;
  border-top:1px solid var(--mdf-rule);
  min-height:0;
  padding:15px 0 0;
  justify-content:flex-start;
  gap:9px;
 }
 .md21-footer-v25 .md21-footer-social a{
  width:42px;height:42px;min-width:42px;min-height:42px;
  border-radius:11px;
 }
 .md21-footer-v25 .md21-footer-bottom{gap:9px 14px}
}
@media(max-width:420px){
 .md21-footer-v25 .md21-footer-inner{width:calc(100% - 30px)}
 .md21-footer-v25 .md21-footer-bottom{
  flex-direction:column;
  align-items:flex-start;
 }
 .md21-footer-v25 .md21-footer-legal{gap:14px}
}
@media(prefers-reduced-motion:reduce){
 .md21-footer-v25 *{transition:none!important}
}