@media(max-width:1120px){
  .site-nav{padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))!important}
  .site-nav .msa-mobile-menu-brand{display:flex;flex-direction:column;gap:8px;padding:0 64px 10px;margin:0 0 4px;border-bottom:1px solid rgba(221,182,95,.32)}
  .msa-mobile-transparent-logo{display:block;width:min(250px,72vw);margin:0 auto;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .msa-mobile-transparent-logo img{display:block;width:100%;height:auto;max-height:58px;object-fit:contain;background:transparent!important;border:0;border-radius:0;padding:0}
  .site-nav .msa-mobile-salawaat-total{display:flex;width:min(330px,100%);min-height:44px;margin:auto;padding:8px 15px;align-items:center;justify-content:center;gap:14px;border:1px solid #ddb65f;border-radius:25px;background:rgba(221,182,95,.12);box-shadow:none;text-align:center}
  .site-nav .msa-mobile-salawaat-total span{color:#f5dd9a;font:800 10px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
  .site-nav .msa-mobile-salawaat-total strong{margin:0;color:#fff;font:25px/1 Georgia,serif;overflow-wrap:anywhere}
  .site-nav>ul{gap:0!important;padding:0 0 8px!important;font-size:clamp(20px,5.4vw,25px)!important}
  .site-nav>ul>li{width:100%;margin:0!important;border-bottom:1px solid rgba(221,182,95,.2);text-align:center}
  .site-nav>ul>li>a{display:block;padding:10px 8px!important;line-height:1.05}
  .site-nav>ul>li:last-child{border-bottom:0}
  .site-nav>ul>li.msa-nav-social{padding:8px 0!important}
  .msa-menu-open .msa-salawat-float{opacity:0;pointer-events:none}
}
@media(max-width:430px){
  .site-nav .msa-mobile-menu-brand{padding-left:45px;padding-right:45px}
  .msa-mobile-transparent-logo{width:min(215px,68vw)}
  .msa-mobile-transparent-logo img{max-height:50px}
  .site-nav .msa-mobile-salawaat-total{min-height:40px;padding:6px 12px}
  .site-nav .msa-mobile-salawaat-total strong{font-size:22px}
  .site-nav>ul{font-size:21px!important}
  .site-nav>ul>li>a{padding:8px 6px!important}
}
@media(max-height:720px) and (max-width:1120px){.site-nav .msa-mobile-menu-brand{gap:5px;padding-bottom:7px}.msa-mobile-transparent-logo img{max-height:42px}.site-nav .msa-mobile-salawaat-total{min-height:36px;padding:5px 10px}.site-nav>ul{font-size:19px!important}.site-nav>ul>li>a{padding:7px 5px!important}}
