/* eMB Food — expérience mobile finale, maquette approuvée */
.fm-app{display:none}
@media(max-width:980px){
  html,body{background:#f4f6f8!important}
  body.emb-topbar-pad{padding-top:0!important;padding-bottom:108px!important}
  .food-desktop-view{display:none!important}
  .fm-app{display:block!important;min-height:100vh;background:#f7f8fa;color:#07172f;font-family:Inter,Arial,sans-serif;padding-bottom:116px}
  .fm-app *{box-sizing:border-box}
  .fm-app a{text-decoration:none}
  .fm-header{height:92px;background:linear-gradient(180deg,#061426,#08192d);display:flex;align-items:center;justify-content:space-between;padding:16px 17px;color:#fff;position:relative;z-index:30}
  .fm-brand{display:flex;align-items:center;gap:9px;color:#fff}
  .fm-brand-cloche{position:relative;width:38px;height:36px;display:grid;place-items:center;font-size:31px;color:#fff}
  .fm-brand-cloche:after{content:"";position:absolute;left:5px;right:5px;bottom:4px;height:3px;border-radius:3px;background:#fff}
  .fm-brand-title{line-height:1;white-space:nowrap}.fm-brand-title b{font-size:29px;letter-spacing:-1.5px}.fm-brand-title em{font:700 italic 28px Georgia,serif;color:#2780ff;margin-left:5px}
  .fm-brand small{display:block;color:#fff;font-size:10px;margin-top:4px;opacity:.92}
  .fm-header-actions{display:flex;align-items:center;gap:10px}
  .fm-register{min-height:48px;padding:0 18px;border-radius:13px;background:#fff;color:#091a33!important;display:flex;align-items:center;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.12)}
  .fm-menu-button{width:48px;height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:#101d31;color:#fff;font-size:21px}
  .fm-menu-panel{position:absolute;right:15px;top:78px;width:210px;padding:8px;border-radius:15px;background:#0b1728;box-shadow:0 18px 35px rgba(0,0,0,.26)}
  .fm-menu-panel a{display:block;color:#fff!important;padding:11px 12px;border-radius:9px;font-size:11px;font-weight:800}.fm-menu-panel a:hover{background:#16253b}

  .fm-main{padding:0 0 18px}
  .fm-hero{position:relative;height:405px;overflow:hidden;border-radius:0 0 27px 27px;background:#111}
  .fm-hero>img{width:100%;height:100%;object-fit:cover;display:block}
  .fm-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,18,.88),rgba(2,12,26,.50) 55%,rgba(0,0,0,.08))}
  .fm-hero-copy{position:absolute;left:23px;right:22px;top:36px;color:#fff}
  .fm-hero-copy h1{margin:0;font-size:32px;line-height:1.08;letter-spacing:-.8px;font-weight:900}
  .fm-hero-copy h1 span{color:#287aff}
  .fm-hero-copy p{font-size:18px;margin:24px 0 0}.fm-hero-copy p strong{font-weight:850}
  .fm-hero-actions{position:absolute;left:21px;right:21px;bottom:23px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .fm-hero-action{height:87px;background:#fff;border-radius:18px;display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;padding:12px 13px;box-shadow:0 9px 23px rgba(0,0,0,.16)}
  .fm-action-icon{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:23px}
  .fm-hero-action b,.fm-hero-action small{display:block}.fm-hero-action b{font-size:17px}.fm-hero-action small{font-size:12px;margin-top:3px;font-weight:800}
  .fm-call{color:#1762e8!important}.fm-call .fm-action-icon{background:#1762e8}
  .fm-wa{color:#0b913e!important}.fm-wa .fm-action-icon{background:#0faa49}

  .fm-benefits{margin:18px 15px 0;border:1px solid #e1e7ee;border-radius:22px;background:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:0 12px 28px rgba(9,27,49,.055)}
  .fm-benefits article{min-height:148px;padding:20px 14px;display:grid;grid-template-columns:54px 1fr;gap:11px;align-items:center}
  .fm-benefits article:nth-child(1),.fm-benefits article:nth-child(2){border-bottom:1px solid #e8edf2}
  .fm-benefits article:nth-child(odd){border-right:1px solid #e8edf2}
  .fm-benefit-icon{width:53px;height:53px;border-radius:17px;display:grid;place-items:center;font-style:normal;font-size:22px}
  .fm-benefit-icon.orange{background:#fff3e7;color:#ff9200}.fm-benefit-icon.green{background:#eaf8ef;color:#158c3d}.fm-benefit-icon.blue{background:#edf4ff;color:#1762e8}.fm-benefit-icon.purple{background:#f4ebfc;color:#682db4}
  .fm-benefits h3{font-size:13px;line-height:1.18;margin:0 0 6px;font-weight:900}.fm-benefits p{font-size:10px;line-height:1.4;color:#6c7687;margin:0}.fm-benefits strong{display:block;font-size:11px;color:#1762e8;margin-top:4px}

  .fm-help{margin:18px 15px 0;min-height:330px;border-radius:23px;background:linear-gradient(120deg,#06172d,#0b2f69);position:relative;overflow:hidden;color:#fff;box-shadow:0 14px 30px rgba(6,23,45,.16)}
  .fm-rider{position:absolute;left:-3px;bottom:0;width:41%;height:100%;display:flex;align-items:flex-end;justify-content:center}
  .fm-rider img{width:100%;height:82%;object-fit:cover;object-position:center;border-radius:22px 22px 0 0;mix-blend-mode:screen}
  .fm-help-content{margin-left:39%;padding:25px 17px 18px 8px}
  .fm-help-content h2{font-size:22px;line-height:1.08;margin:0;font-weight:900}.fm-help-content h2 span{color:#287aff}.fm-help-content>p{font-size:12px;margin:10px 0 13px;color:#fff;opacity:.92}
  .fm-delivery-chip{background:#fff;color:#243043;border-radius:12px;padding:10px 9px;font-size:9px;font-weight:800;white-space:nowrap}.fm-delivery-chip b{color:#1762e8}
  .fm-help-actions{display:grid;grid-template-columns:.92fr 1.08fr;gap:7px;margin-top:13px}
  .fm-help-actions a{min-height:88px;border-radius:14px;padding:10px;display:flex;align-items:center;gap:7px}
  .fm-help-actions>a>span:first-child{font-size:25px}
  .fm-help-actions b,.fm-help-actions small,.fm-help-actions strong{display:block}.fm-help-actions b{font-size:13px}.fm-help-actions small{font-size:8px;margin-top:2px}.fm-help-actions strong{font-size:9px;color:#1762e8;margin-top:2px}
  .fm-help-wa{background:linear-gradient(135deg,#087d35,#0bad49);color:#fff!important}.fm-help-call{background:#fff;color:#1762e8!important}

  .fm-delivery-banner{margin:18px 15px 0;height:117px;border-radius:19px;background:linear-gradient(90deg,#fff5e7,#fff 56%,#f5f7fa);border:1px solid #eadfce;overflow:hidden;display:grid;grid-template-columns:104px 1fr 92px;align-items:center}
  .fm-box{height:100%;position:relative;display:grid;place-items:center}.fm-box-lines{position:absolute;left:5px;color:#e5821f;font-size:28px}.fm-box-body{width:66px;height:63px;background:linear-gradient(145deg,#c88e48,#efc78f);color:#07172f;border-radius:5px;display:grid;place-items:center;text-align:center;font-size:18px;font-weight:950;box-shadow:0 8px 15px rgba(84,49,20,.14)}.fm-box-body small{font:italic 14px Georgia;color:#ff7100}
  .fm-delivery-copy h3{font-size:12px;margin:0 0 6px;white-space:nowrap}.fm-delivery-copy p{font-size:9px;color:#5d6877;margin:0}.fm-delivery-copy strong{display:block;color:#1762e8;font-size:22px;margin-top:5px}
  .fm-map{height:100%;position:relative;background:linear-gradient(135deg,transparent,#edf2f6);display:grid;place-items:center}.fm-map-lines{position:absolute;inset:15px;background:repeating-linear-gradient(30deg,transparent 0 12px,#d8dee6 13px 14px)}.fm-pin{position:relative;width:42px;height:42px;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);background:#1762e8;color:transparent;box-shadow:0 8px 14px rgba(23,98,232,.23)}

  .fm-restaurants-preview{padding:23px 15px 7px}
  .fm-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.fm-section-head small{font-size:7px;font-weight:950;letter-spacing:1px;color:#1762e8}.fm-section-head h2{font-size:19px;margin:3px 0 0}.fm-section-head>a{font-size:9px;font-weight:900;color:#1762e8!important}
  .fm-resto-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px;scrollbar-width:none}.fm-resto-scroll::-webkit-scrollbar{display:none}
  .fm-resto-card{flex:0 0 72%;scroll-snap-align:start;border:1px solid #e4e9ef;border-radius:17px;overflow:hidden;background:#fff;color:#07172f!important;box-shadow:0 8px 18px rgba(8,27,49,.05)}.fm-resto-card img{width:100%;height:125px;object-fit:cover}.fm-resto-card div{padding:10px}.fm-resto-card h3{font-size:13px;margin:0}.fm-resto-card p{font-size:9px;color:#6f7988;margin:4px 0}.fm-resto-card span{font-size:8px;color:#1762e8;font-weight:800}

  .fm-tabbar{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:1400;height:76px;background:rgba(255,255,255,.98);border:1px solid #e9edf2;border-radius:22px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:4px;box-shadow:0 12px 35px rgba(7,23,45,.18);backdrop-filter:blur(14px)}
  .fm-tabbar a{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#17263a!important;position:relative;text-align:center}.fm-tab-icon{font-size:21px;line-height:1}.fm-tabbar b{font-size:8px;line-height:1.05;font-weight:800}.fm-tabbar a.on{color:#1762e8!important}
  .fm-cart-badge{position:absolute;top:6px;right:14px;width:19px;height:19px;border-radius:50%;background:#1762e8;color:#fff;display:grid;place-items:center;font-size:7px;font-style:normal;font-weight:900}
}
@media(max-width:390px){
  .fm-brand-title b{font-size:25px}.fm-brand-title em{font-size:24px}.fm-register{padding:0 12px;font-size:11px}
  .fm-hero-copy h1{font-size:28px}.fm-hero{height:390px}
  .fm-benefits article{padding:17px 10px;grid-template-columns:48px 1fr}.fm-benefit-icon{width:47px;height:47px}
  .fm-help-content{margin-left:36%;padding-right:11px}.fm-help-content h2{font-size:20px}.fm-delivery-chip{font-size:8px}
}
@media(min-width:981px){
  .food-desktop-view{display:block}
}