/* Momokha mobile header, navigation and compact footer polish */
.logout-success{background:#e8faef;color:#08783c;border:1px solid #9edab7;padding:10px 12px;border-radius:9px;font-size:11px;font-weight:800}
@media(max-width:600px){
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .header{height:76px;padding:0 12px;gap:8px}
  .header .logo{min-width:0;flex:1;overflow:visible}
  .header .logo img{width:165px!important;max-width:48vw!important;max-height:61px!important;object-fit:contain;object-position:left center}
  .header .order-btn{flex:0 0 auto;padding:10px 11px;font-size:10px;letter-spacing:0;box-shadow:3px 3px 0 var(--black)}
  .head-icon{display:none}

  .mobile-nav{height:calc(78px + env(safe-area-inset-bottom));padding:8px 6px env(safe-area-inset-bottom);border-radius:20px 20px 0 0;border-top:2px solid var(--black);box-shadow:0 -9px 32px #160b0730;gap:2px}
  .mobile-nav a{height:60px;gap:3px;border-radius:11px;font-size:23px;color:#625752;font-weight:800}
  .mobile-nav a i{font-size:23px;line-height:1.05}
  .mobile-nav a small{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:10.5px!important;line-height:1.15;font-weight:800;letter-spacing:0}
  .mobile-nav a.active{background:#fff0d7;color:var(--r2)}
  .mobile-nav .main{width:62px;height:62px;margin-top:-26px;border:3px solid var(--black);box-shadow:4px 5px 0 var(--black);gap:0}
  .mobile-nav .main i{font-size:22px}
  .mobile-nav .main small{font-size:10px!important;color:#fff}

  .footer{margin-bottom:0}
  .club{display:block;padding:26px 16px;border-bottom:1px solid #ffffff1f}
  .club small{font-size:9px}
  .club h2{font-size:27px;line-height:.95;margin:8px 0}
  .club p{display:none}
  .club form{display:flex;flex-direction:row;margin-top:16px;padding:6px;border-radius:10px}
  .club input{min-width:0;padding:10px;font-size:12px}
  .club button{padding:10px 12px;font-size:9px;white-space:nowrap}
  .foot-grid{grid-template-columns:1fr 1fr!important;gap:10px 14px;padding:24px 16px!important}
  .foot-grid>div{gap:6px}
  .foot-grid>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7px 12px;padding-bottom:14px;border-bottom:1px solid #ffffff1c}
  .foot-grid>div:first-child .logo{grid-column:1/-1}
  .foot-grid>div:first-child p{display:none}
  .foot-grid h4{margin:0 0 5px;font-size:10px;letter-spacing:.12em}
  .foot-grid a{font-size:11px;line-height:1.3}
  .foot-grid>div:nth-child(2) a,.foot-grid>div:nth-child(3) a{padding:3px 0}
  .foot-order{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;padding:12px 14px!important;border-radius:10px!important;margin-top:4px}
  .foot-order b{font-size:10px;max-width:150px}
  .foot-order a{padding:9px 12px!important;font-size:9px!important;white-space:nowrap}
  .foot-bottom{padding:14px 16px!important;gap:3px!important;font-size:8.5px!important;text-align:center;align-items:center}
}

@media(max-width:380px){
  .header .logo img{width:148px!important;max-width:45vw!important}
  .header .order-btn{padding:9px;font-size:9px}
  .mobile-nav a small{font-size:10px!important}
}