/* Meal Nearby intro logo correction R3 */
.mn-intro{background-image:url('/assets/intro-background-r3.svg')!important;background-size:cover!important;background-position:center!important}
.mn-intro-logo-frame{
  width:min(570px,86vw);
  aspect-ratio:1513/1100;
  overflow:hidden;
  border-radius:44% 44% 40% 40% / 48% 48% 34% 34%;
  background:rgba(255,255,255,.94);
  border:7px solid rgba(255,255,255,.94);
  box-shadow:0 30px 80px rgba(24,76,49,.18),0 0 0 1px rgba(31,87,58,.09);
}
.mn-intro-logo-frame::after{display:none!important;content:none!important}
.mn-intro-logo{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:initial;
  object-position:initial;
  transform:none;
}
.mn-intro-brand{display:none!important}
.mn-intro-hint{display:none!important}
.mn-intro-slogan{margin-top:20px}
.mn-ingredient-ring{position:absolute;z-index:3;top:-62px;left:50%;width:min(720px,98vw);height:auto;transform:translateX(-50%);pointer-events:none;animation:mn-ring-breathe 6s ease-in-out infinite}
@keyframes mn-ring-breathe{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.012)}}
@media(max-width:700px){
  .mn-intro{
    align-items:center;
    padding:78px 12px max(18px,env(safe-area-inset-bottom));
    background-position:58% center;
  }
  .mn-intro::before{
    background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(248,241,223,.76));
  }
  .mn-intro-card{
    width:min(100%,520px);
    padding:18px 15px 20px;
    border:1px solid rgba(255,255,255,.86);
    border-radius:30px;
    background:rgba(255,253,247,.76);
    box-shadow:0 22px 60px rgba(24,76,49,.16);
    backdrop-filter:blur(12px);
  }
  .mn-intro-logo-frame{
    width:min(500px,88vw);
    border-width:5px;
    box-shadow:0 18px 44px rgba(24,76,49,.14);
  }
  .mn-intro-slogan{
    max-width:92%;
    margin:16px auto 7px;
    font-size:clamp(25px,8vw,37px);
    line-height:1.03;
  }
  .mn-intro-status{
    max-width:92%;
    margin:5px auto 17px;
    padding:7px 12px;
    font-size:12px;
    line-height:1.25;
  }
  .mn-intro-enter{
    width:min(100%,340px);
    min-height:56px;
    padding-inline:18px;
    font-size:16px;
  }
  .mn-intro-hint{margin-top:13px}
  .mn-intro-language-slot{
    top:max(14px,env(safe-area-inset-top));
    right:max(14px,env(safe-area-inset-right));
  }
  html[dir="rtl"] .mn-intro-language-slot{right:auto;left:max(14px,env(safe-area-inset-left))}
  .mn-intro-language-slot .mn-language-button{width:46px;height:46px;border-radius:15px}
  .mn-food.f1,.mn-food.f2{top:16%;opacity:.72}
  .mn-food.f3,.mn-food.f4{bottom:4%;opacity:.58}
  .mn-ingredient-ring{top:-15px;width:99vw;opacity:.96}
}
@media(max-height:720px){
  .mn-intro{padding-top:64px}
  .mn-intro-card{padding-top:12px;padding-bottom:14px}
  .mn-intro-logo-frame{width:min(470px,55vh)}
  .mn-intro-slogan{margin-top:10px;font-size:clamp(23px,5.2vh,32px)}
  .mn-intro-status{margin-bottom:10px;padding-block:5px}
  .mn-intro-enter{min-height:50px}
  .mn-intro-hint{display:none}
}
@media(max-width:360px){
  .mn-intro{padding-inline:8px}
  .mn-intro-card{padding-inline:10px;border-radius:24px}
  .mn-intro-logo-frame{width:90vw}
  .mn-intro-slogan{font-size:24px}
  .mn-ingredient-ring{top:2px;width:98vw}
}
@media(prefers-reduced-motion:reduce){.mn-ingredient-ring{animation:none}}

/* Compact Android/mobile information site; desktop remains unchanged. */
@media(max-width:760px){
  body:not(.mn-intro-visible){font-size:15px;line-height:1.55}
  body:not(.mn-intro-visible) .hero{padding-top:28px!important;padding-bottom:30px!important}
  body:not(.mn-intro-visible) .section{padding-top:32px!important;padding-bottom:32px!important}
  body:not(.mn-intro-visible) .section-head{margin-bottom:18px!important}
  body:not(.mn-intro-visible) .section-head h2{font-size:clamp(27px,8vw,38px);line-height:1.05;margin-bottom:8px}
  body:not(.mn-intro-visible) .section-head p{margin-top:6px;line-height:1.5}
  body:not(.mn-intro-visible) .hero-grid{gap:22px!important}
  body:not(.mn-intro-visible) .hero-photo-wrap{min-height:260px!important}
  body:not(.mn-intro-visible) .hero-photo{max-height:310px;object-fit:cover}
  body:not(.mn-intro-visible) .hero-actions{gap:9px;margin-top:17px}
  body:not(.mn-intro-visible) .hero-actions .btn{min-height:47px;padding:11px 15px}
  body:not(.mn-intro-visible) .feature-grid{
    display:grid!important;
    grid-auto-flow:column;
    grid-auto-columns:min(82vw,310px);
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:3px 4px 12px;
  }
  body:not(.mn-intro-visible) .feature-grid::-webkit-scrollbar{display:none}
  body:not(.mn-intro-visible) .feature-card{scroll-snap-align:start;padding:18px!important;min-height:0!important}
  body:not(.mn-intro-visible) .feature-card h3{margin:10px 0 5px}
  body:not(.mn-intro-visible) .feature-card p{margin:0 0 8px;line-height:1.45}
  body:not(.mn-intro-visible) .split{gap:22px!important}
  body:not(.mn-intro-visible) .split-copy .point-list{gap:10px}
  body:not(.mn-intro-visible) .point{padding:12px!important;gap:11px!important}
  body:not(.mn-intro-visible) .point h3{margin-bottom:3px}
  body:not(.mn-intro-visible) .point p{margin:0;line-height:1.42}
  body:not(.mn-intro-visible) .media-card img{max-height:300px;object-fit:cover}
  body:not(.mn-intro-visible) .visual-story{padding:32px 0!important}
  body:not(.mn-intro-visible) .visual-story-grid,
  body:not(.mn-intro-visible) .photo-band{
    display:grid!important;
    grid-auto-flow:column;
    grid-auto-columns:min(78vw,290px);
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding-bottom:10px;
  }
  body:not(.mn-intro-visible) .visual-story-grid::-webkit-scrollbar,
  body:not(.mn-intro-visible) .photo-band::-webkit-scrollbar{display:none}
  body:not(.mn-intro-visible) .visual-tile,
  body:not(.mn-intro-visible) .photo-card{scroll-snap-align:start;min-height:210px!important}
  body:not(.mn-intro-visible) .visual-tile.big{grid-row:auto!important;grid-column:auto!important}
  body:not(.mn-intro-visible) .cta-band{padding:22px 18px!important;border-radius:22px!important;gap:16px!important}
  body:not(.mn-intro-visible) .cta-band h2{font-size:28px;line-height:1.08}
  body:not(.mn-intro-visible) .cta-actions{gap:9px}
  body:not(.mn-intro-visible) .cta-actions .btn{width:100%;min-height:46px;padding:11px 14px}
  body:not(.mn-intro-visible) .site-footer{padding-top:34px!important}
  body:not(.mn-intro-visible) .footer-grid{gap:20px!important}
  body:not(.mn-intro-visible) .footer-grid>div{margin:0!important}
  body:not(.mn-intro-visible) .footer-grid a{padding-block:4px!important}
  body:not(.mn-intro-visible) .footer-bottom{margin-top:20px!important;padding-top:16px!important;gap:7px!important}
  body:not(.mn-intro-visible) .mn-page-illustration{max-height:250px;overflow:hidden}
  body:not(.mn-intro-visible) .mn-page-illustration img{max-height:250px;object-fit:cover}
}