/*
 * Maredsous Bakery Suite — Client Premium Final 1
 * Dedicated presentation layer loaded after app.css.
 * Breakpoints are deliberately limited to desktop / tablet / mobile.
 */

.mbs-client-app{
  --cp-ink:#182420;
  --cp-muted:#6c756f;
  --cp-deep:#173f37;
  --cp-deep-2:#0f302a;
  --cp-sage:#789887;
  --cp-sage-soft:#e9f0eb;
  --cp-cream:#f6f2ea;
  --cp-paper:#fffdf9;
  --cp-clay:#bd6d4a;
  --cp-gold:#b08a58;
  --cp-line:#e8e2d8;
  --cp-blue:#315f78;
  --cp-red:#b84a42;
  --cp-shadow:0 18px 55px rgba(31,45,39,.11);
  --cp-shadow-soft:0 9px 28px rgba(31,45,39,.07);
  --cp-radius:18px;
  width:min(1520px,calc(100vw - 32px));
  max-width:none;
  margin:18px auto 32px;
  color:var(--cp-ink);
  background:var(--cp-cream);
  border:1px solid var(--cp-line);
  border-radius:22px;
  box-shadow:var(--cp-shadow);
  overflow:hidden;
  isolation:isolate;
}
.mbs-client-app *, .mbs-client-app *::before, .mbs-client-app *::after{box-sizing:border-box}
.mbs-client-app h1,.mbs-client-app h2,.mbs-client-app h3{color:var(--cp-ink);letter-spacing:-.018em}
.mbs-client-app .mbs-eyebrow{color:var(--cp-clay);font-size:10px;letter-spacing:.17em}
.mbs-client-app .mbs-btn{min-height:44px;border-radius:12px;border-color:#dcd7cf;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.mbs-client-app .mbs-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,45,39,.08)}
.mbs-client-app .mbs-btn-primary{background:linear-gradient(135deg,var(--cp-deep),#24584b);border-color:var(--cp-deep);color:#fff;box-shadow:0 8px 18px rgba(23,63,55,.18)}
.mbs-client-app .mbs-btn-primary:hover{background:linear-gradient(135deg,#11342d,#1d4a40);color:#fff}
.mbs-client-app button,.mbs-client-app input,.mbs-client-app select,.mbs-client-app textarea{font:inherit}
.mbs-client-app button:focus-visible,.mbs-client-app a:focus-visible,.mbs-client-app input:focus-visible,.mbs-client-app select:focus-visible,.mbs-client-app textarea:focus-visible{outline:3px solid rgba(49,95,120,.22);outline-offset:2px}

/* Shell / navigation */
.mbs-client-app .mbs-client-shell{min-width:0;background:var(--cp-cream)}
.mbs-client-app .mbs-client-header{background:rgba(255,253,249,.97);border-bottom:1px solid var(--cp-line);box-shadow:0 5px 18px rgba(30,44,38,.035)}
.mbs-client-app .mbs-brand-mark{border-color:#b08a58;color:#8c683f;background:rgba(255,255,255,.48)}
.mbs-client-app .mbs-user-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;background:#f1f5f2;color:#315349;font-size:12px;font-weight:800;white-space:nowrap}
.mbs-client-app .mbs-client-logout{border-radius:999px;border-color:#dcded9;background:#fff;color:var(--cp-deep)}

/* Hero */
.mbs-client-app .mbs-client-hero{
  position:relative;
  min-height:248px;
  padding:40px 42px;
  gap:28px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(19,36,31,.94) 0%,rgba(19,36,31,.83) 48%,rgba(19,36,31,.48) 72%,rgba(19,36,31,.22) 100%),
    url('../img/hero-bread.jpg') center 46%/cover no-repeat;
}
.mbs-client-app .mbs-client-hero::after{content:"";position:absolute;inset:auto -80px -120px auto;width:330px;height:330px;border-radius:50%;background:rgba(189,109,74,.14);filter:blur(2px);pointer-events:none}
.mbs-client-app .mbs-client-hero>div{position:relative;z-index:1}
.mbs-client-app .mbs-client-hero .mbs-eyebrow{color:#f1d7c8}
.mbs-client-app .mbs-client-hero h1{margin:8px 0 10px;color:#fff;font-size:clamp(32px,3vw,46px);line-height:1.03;max-width:760px;text-wrap:balance}
.mbs-client-app .mbs-client-hero p{max-width:650px;color:rgba(255,255,255,.87);font-size:15px;line-height:1.55}
.mbs-client-app .mbs-next-delivery{width:min(310px,100%);padding:19px 20px;border-radius:16px;background:rgba(255,253,249,.94);color:var(--cp-ink);border:1px solid rgba(255,255,255,.7);box-shadow:0 15px 34px rgba(13,35,29,.20);backdrop-filter:blur(8px)}
.mbs-client-app .mbs-next-delivery .mbs-icon{color:var(--cp-clay)}
.mbs-client-app .mbs-next-delivery small{color:var(--cp-muted);opacity:1}
.mbs-client-app .mbs-next-delivery strong{color:var(--cp-deep);font-size:17px}
.mbs-client-app .mbs-next-delivery button,.mbs-client-app .mbs-next-delivery a{color:var(--cp-deep);font-weight:800;text-decoration:none}
.mbs-client-app .mbs-next-delivery button:hover,.mbs-client-app .mbs-next-delivery a:hover{text-decoration:underline}

/* Order journey */
.mbs-client-app .mbs-order-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-bottom:1px solid var(--cp-line);background:#fffdf9}
.mbs-client-app .mbs-order-progress-step{position:relative;display:flex;align-items:center;gap:11px;min-height:64px;padding:12px 22px;color:#7a817d}
.mbs-client-app .mbs-order-progress-step:not(:last-child)::after{content:"";position:absolute;right:0;top:17px;bottom:17px;width:1px;background:var(--cp-line)}
.mbs-client-app .mbs-order-progress-step>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#f0eee9;color:#777d79;font-weight:900;font-size:12px}
.mbs-client-app .mbs-order-progress-step>div{display:grid;gap:1px;min-width:0}
.mbs-client-app .mbs-order-progress-step strong{font-size:12px;color:inherit}
.mbs-client-app .mbs-order-progress-step small{font-size:10px;color:#909692;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbs-client-app .mbs-order-progress-step.is-active{color:var(--cp-deep);background:linear-gradient(90deg,#f2f7f4,#fffdf9)}
.mbs-client-app .mbs-order-progress-step.is-active>span{background:var(--cp-deep);color:#fff;box-shadow:0 4px 12px rgba(23,63,55,.18)}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(1)>span{background:#dce9e2;color:var(--cp-deep)}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(2){color:var(--cp-deep);background:linear-gradient(90deg,#f2f7f4,#fffdf9)}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(2)>span{background:var(--cp-deep);color:#fff}

/* Home */
.mbs-client-app .mbs-home-hero{min-height:300px}
.mbs-client-app .mbs-home-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px 24px 28px}
.mbs-client-app .mbs-home-action{position:relative;min-height:112px;padding:19px;border:1px solid var(--cp-line);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 5px 18px rgba(31,45,39,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.mbs-client-app .mbs-home-action:hover{transform:translateY(-2px);border-color:#cddbd3;box-shadow:var(--cp-shadow-soft)}
.mbs-client-app .mbs-home-action .mbs-icon{color:var(--cp-clay);background:#f6ebe5;border-radius:11px;padding:6px;width:36px;height:36px}
.mbs-client-app .mbs-home-action strong{font-size:15px;color:var(--cp-ink)}
.mbs-client-app .mbs-home-action span{color:var(--cp-muted);font-size:11px;line-height:1.35}

/* Order layout */
.mbs-client-app .mbs-order-layout{grid-template-columns:minmax(0,1fr) 336px;gap:22px;padding:24px;align-items:start}
.mbs-client-app .mbs-order-layout>main{min-width:0}
.mbs-client-app .mbs-feature-zone,.mbs-client-app .mbs-discovery-zone{border-color:var(--cp-line);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 5px 18px rgba(31,45,39,.03)}
.mbs-client-app .mbs-feature-zone.is-seasonal{background:linear-gradient(135deg,#fff7eb,#fffdf9)}
.mbs-client-app .mbs-feature-zone.is-featured{background:linear-gradient(135deg,#f6f3e8,#edf3ee);border-color:#dde6df}
.mbs-client-app .mbs-section-title h2{color:var(--cp-ink)}
.mbs-client-app .mbs-section-title>span{color:var(--cp-muted)}
.mbs-client-app .mbs-mini-product{border-color:var(--cp-line);border-radius:14px;box-shadow:0 3px 12px rgba(31,45,39,.03)}
.mbs-client-app .mbs-mini-product button{background:var(--cp-deep);border-color:var(--cp-deep);box-shadow:0 4px 12px rgba(23,63,55,.15)}
.mbs-client-app .mbs-mini-product button:hover{background:#0f302a}

/* Quick actions */
.mbs-client-app .mbs-smart-actions{gap:10px}
.mbs-client-app .mbs-smart-card{border-color:var(--cp-line);border-radius:15px;background:#fffdf9;min-height:82px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.mbs-client-app .mbs-smart-card:hover:not(.is-muted){transform:translateY(-1px);border-color:#cbdad2;box-shadow:0 7px 18px rgba(31,45,39,.06)}
.mbs-client-app .mbs-smart-card>span{background:var(--cp-sage-soft);color:var(--cp-deep)}
.mbs-client-app .mbs-smart-card.is-assistant>span{background:#eef0f7;color:var(--cp-blue)}

/* Categories */
.mbs-client-app .mbs-category-section{margin-top:4px}
.mbs-client-app .mbs-category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;overflow:visible;padding:0}
.mbs-client-app .mbs-category{position:relative;min-width:0;width:auto;padding:0;overflow:hidden;display:grid;grid-template-rows:78px auto;border:1px solid var(--cp-line);border-radius:14px;background:#fff;color:var(--cp-ink);box-shadow:0 3px 12px rgba(31,45,39,.025);white-space:normal;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.mbs-client-app .mbs-category:hover{transform:translateY(-1px);border-color:#cfdcd4;box-shadow:0 7px 18px rgba(31,45,39,.06)}
.mbs-client-app .mbs-category-image{height:78px}
.mbs-client-app .mbs-category strong{padding:9px 8px 10px;font-size:11px;line-height:1.2}
.mbs-client-app .mbs-category.is-active{background:#fff;color:var(--cp-deep);border-color:var(--cp-deep);box-shadow:0 0 0 1px var(--cp-deep),0 8px 20px rgba(23,63,55,.10)}
.mbs-client-app .mbs-category.is-active strong{background:var(--cp-deep);color:#fff}
.mbs-client-app .mbs-category-image.mbs-category-all{background:linear-gradient(145deg,#24584b,#173f37)}

/* Search / delivery / display */
.mbs-client-app .mbs-order-tools{grid-template-columns:minmax(0,1fr) 300px;gap:12px;margin:20px 0 12px}
.mbs-client-app .mbs-search-field,.mbs-client-app .mbs-date-trigger-inline{min-height:54px;border:1px solid #ddd8cf;border-radius:14px;background:#fffdf9;box-shadow:0 3px 12px rgba(31,45,39,.025);transition:border-color .16s ease,box-shadow .16s ease}
.mbs-client-app .mbs-search-field:focus-within{border-color:#9bb3a7;box-shadow:0 0 0 4px rgba(120,152,135,.12)}
.mbs-client-app .mbs-search-field .mbs-icon{color:var(--cp-sage)}
.mbs-client-app .mbs-search-field input{height:52px;font-size:13px;color:var(--cp-ink)}
.mbs-client-app .mbs-date-trigger-inline{color:var(--cp-ink);padding:0 14px}
.mbs-client-app .mbs-date-trigger-inline .mbs-icon{color:var(--cp-clay)}
.mbs-client-app .mbs-date-trigger-inline small{color:var(--cp-muted)}
.mbs-client-app .mbs-date-trigger-inline strong{color:var(--cp-deep)}
.mbs-client-app .mbs-date-trigger-inline b{color:var(--cp-clay)}
.mbs-client-app .mbs-product-viewbar{padding:10px 12px;margin:0 0 12px;border:1px solid var(--cp-line);border-radius:14px;background:rgba(255,255,255,.72)}
.mbs-client-app .mbs-product-viewbuttons{background:#eeeae3;border-radius:11px;padding:3px}
.mbs-client-app .mbs-product-viewbuttons button{border-radius:8px;color:#6d746f}
.mbs-client-app .mbs-product-viewbuttons button.is-active,.mbs-client-app .mbs-product-viewbuttons button[aria-pressed="true"]{background:#fff;color:var(--cp-deep);box-shadow:0 3px 9px rgba(31,45,39,.09)}

/* Products */
.mbs-client-app .mbs-products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.mbs-client-app .mbs-product{position:relative;border-color:var(--cp-line);border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(31,45,39,.035);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}
.mbs-client-app .mbs-product:hover{transform:translateY(-2px);border-color:#d4ddd7;box-shadow:0 12px 26px rgba(31,45,39,.08)}
.mbs-client-app .mbs-product.is-in-cart{border-color:#92b09f;box-shadow:0 0 0 1px #92b09f,0 10px 24px rgba(23,63,55,.08)}
.mbs-client-app .mbs-product.is-in-cart::after{content:"Dans la commande";position:absolute;left:10px;top:10px;z-index:3;padding:5px 8px;border-radius:999px;background:rgba(23,63,55,.92);color:#fff;font-size:9px;font-weight:900;letter-spacing:.02em;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.mbs-client-app .mbs-product-image{height:154px;background-color:#ede8df}
.mbs-client-app .mbs-product-body{padding:13px 13px 14px}
.mbs-client-app .mbs-product-body h3{margin-bottom:4px;font-size:14px;line-height:1.25;color:var(--cp-ink)}
.mbs-client-app .mbs-product-body>small{color:#8a8f8b;font-size:10px}
.mbs-client-app .mbs-favorite-toggle{border-color:rgba(255,255,255,.78);background:rgba(255,255,255,.92);color:#6f746f;box-shadow:0 3px 10px rgba(20,32,27,.12)}
.mbs-client-app .mbs-favorite-toggle.is-favorite{background:#fff2ef;color:#b14c42;border-color:#f0cbc6}
.mbs-client-app .mbs-qty{margin-top:12px;border:1px solid #ddd8cf;border-radius:11px;background:#faf9f6}
.mbs-client-app .mbs-qty button{background:#f2f0eb;color:var(--cp-deep);font-weight:500;transition:background .14s ease,color .14s ease}
.mbs-client-app .mbs-qty button:hover{background:var(--cp-deep);color:#fff}
.mbs-client-app .mbs-qty input{background:#fff!important;color:var(--cp-ink);font-weight:900}
.mbs-client-app .mbs-products-grid[data-view="list"] .mbs-product.is-in-cart::after,.mbs-client-app .mbs-products-grid[data-view="compact"] .mbs-product.is-in-cart::after{font-size:8px;padding:4px 6px}

/* Cart */
.mbs-client-app .mbs-cart{top:16px;padding:17px;border:1px solid #dcd7cf;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 16px 36px rgba(31,45,39,.10);overflow:hidden}
.mbs-client-app .mbs-cart header{padding-bottom:13px;border-bottom-color:var(--cp-line)}
.mbs-client-app .mbs-cart header>.mbs-icon{color:var(--cp-clay)}
.mbs-client-app .mbs-cart h2{font-size:18px;color:var(--cp-ink)}
.mbs-client-app .mbs-cart header>span{background:var(--cp-deep);color:#fff;min-width:29px;text-align:center}
.mbs-client-app .mbs-cart-edit{border:0;background:#f2f4f2;color:var(--cp-deep);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}
.mbs-client-app .mbs-cart-lines{padding:10px 0}
.mbs-client-app .mbs-cart-line{border-bottom:1px solid #f0ece5}
.mbs-client-app .mbs-cart-thumb{border-radius:9px;background:#eee9e0}
.mbs-client-app .mbs-cart-qty{border-color:#ddd8cf;border-radius:9px}
.mbs-client-app .mbs-cart-qty button{color:var(--cp-deep)}
.mbs-client-app .mbs-cart-remove{color:#9e5c55}
.mbs-client-app .mbs-cart-delivery{margin-top:4px;margin-bottom:9px;padding:11px 12px;border:1px solid #d9e5dd;border-radius:11px;background:#edf4ef}
.mbs-client-app .mbs-cart-delivery strong{color:var(--cp-deep)}
.mbs-client-app .mbs-cutoff-widget{border-radius:11px}
.mbs-client-app .mbs-cart-total{border-top-color:var(--cp-line);padding:13px 0 11px}
.mbs-client-app .mbs-cart-total strong{color:var(--cp-deep)}
.mbs-client-app .mbs-cart>.mbs-btn{min-height:48px;border-radius:12px}
.mbs-client-app .mbs-cart>small{font-size:9px;line-height:1.35}
.mbs-client-app .mbs-empty-cart{color:#8d938f;background:linear-gradient(135deg,#faf9f6,#fff);border:1px dashed #ddd8cf;border-radius:12px;margin:7px 0;padding:30px 10px!important}

/* Confirm */
.mbs-client-app .mbs-confirm-wrap{padding:38px 24px 56px;background:linear-gradient(180deg,#f4f0e8,#faf8f3)}
.mbs-client-app .mbs-confirm-card{max-width:820px;padding:30px;border-color:var(--cp-line);border-radius:20px;box-shadow:0 18px 45px rgba(31,45,39,.09)}
.mbs-client-app .mbs-confirm-card>.mbs-order-progress{margin:-30px -30px 26px;border-radius:20px 20px 0 0;overflow:hidden}
.mbs-client-app .mbs-step{background:#edf4ef;color:var(--cp-deep)}
.mbs-client-app .mbs-confirm-card h1{font-size:34px;margin:14px 0 18px}
.mbs-client-app .mbs-confirm-delivery{width:100%;border:1px solid #d9e5dd;background:#edf4ef;border-radius:14px;color:var(--cp-ink);text-align:left}
.mbs-client-app .mbs-confirm-change{margin-left:auto;color:var(--cp-clay);font-weight:900}
.mbs-client-app .mbs-confirm-lines{display:grid;gap:8px;margin:18px 0}
.mbs-client-app .mbs-confirm-line{border:1px solid var(--cp-line)!important;border-radius:12px;padding:9px!important;background:#fff}
.mbs-client-app .mbs-confirm-total{border-radius:12px;background:#f4f6f4;padding:13px 15px}
.mbs-client-app .mbs-confirm-check{border-color:#ead8b6;background:#fff9ec;border-radius:12px}
.mbs-client-app .mbs-confirm-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:stretch}
.mbs-client-app .mbs-confirm-actions .mbs-btn-primary{min-height:50px}

/* Orders / messages */
.mbs-client-app .mbs-page-head{padding:30px 30px 18px}
.mbs-client-app .mbs-page-head h1{font-size:32px}
.mbs-client-app .mbs-orders-list{padding:0 30px 34px;gap:10px}
.mbs-client-app .mbs-order-card{border-color:var(--cp-line);border-radius:15px;background:#fff;box-shadow:0 4px 16px rgba(31,45,39,.03);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.mbs-client-app .mbs-order-card:hover{transform:translateY(-1px);border-color:#d5ddd8;box-shadow:0 9px 22px rgba(31,45,39,.06)}
.mbs-client-app .mbs-order-drawer-panel{background:#fffdf9}
.mbs-client-app .mbs-messages-layout{padding:0 30px 34px;gap:14px}
.mbs-client-app .mbs-ticket,.mbs-client-app .mbs-thread{border-color:var(--cp-line);border-radius:14px;background:#fff}
.mbs-client-app .mbs-thread{box-shadow:0 5px 18px rgba(31,45,39,.035)}
.mbs-client-app .mbs-bubble.is-client{background:#e8f1eb}
.mbs-client-app .mbs-bubble.is-manager{background:#f5ece4}

/* Delivery modal */
.mbs-client-app .mbs-delivery-backdrop,.mbs-client-app .mbs-mobile-search-backdrop{background:rgba(15,30,25,.50);backdrop-filter:blur(3px)}
.mbs-client-app .mbs-delivery-sheet{border-radius:20px;box-shadow:0 24px 70px rgba(19,36,31,.25)}
.mbs-client-app .mbs-delivery-selected{background:#edf4ef;border-color:#d8e5dc}
.mbs-client-app .mbs-quick-date.is-selected{background:var(--cp-deep);border-color:var(--cp-deep)}
.mbs-client-app .mbs-calendar-day.is-allowed:hover,.mbs-client-app .mbs-calendar-day.is-selected{background:var(--cp-deep);color:#fff}

/* DESKTOP — sidebar, 1200px+ with a precise pointer. */
@media (min-width:1200px) and (hover:hover){
  /* Final 5 — desktop plein viewport : pas de mode « box » ni de plafond à 1520 px. */
  .mbs-client-app{
    width:calc(100vw - 24px)!important;
    max-width:none!important;
    margin-top:12px!important;
    margin-right:0!important;
    margin-bottom:32px!important;
    margin-left:calc(50% - 50vw + 12px)!important;
    border-radius:18px!important;
  }
  .mbs-client-app{display:grid!important;grid-template-columns:246px minmax(0,1fr)!important;align-items:start!important;overflow:visible!important}
  .mbs-client-app .mbs-client-sidebar{display:flex!important;flex-direction:column;position:sticky;top:0;align-self:start;height:100vh;min-height:680px;background:linear-gradient(180deg,#173f37 0%,#0f302a 68%,#0c2823 100%);color:#fff;z-index:35;box-shadow:10px 0 30px rgba(17,52,45,.10)}
  .mbs-client-app .mbs-client-sidebar-brand{min-height:96px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.09)}
  .mbs-client-app .mbs-client-sidebar-brand .mbs-brand-mark{border-color:#cba878;color:#f0ddc2;background:rgba(255,255,255,.02)}
  .mbs-client-app .mbs-client-sidebar-account{margin:18px 15px 8px;padding:14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
  .mbs-client-app .mbs-client-sidebar-nav{padding:11px 11px 18px;gap:5px}
  .mbs-client-app .mbs-client-sidebar-nav a{min-height:48px;border-radius:12px;color:#dce8e3}
  .mbs-client-app .mbs-client-sidebar-nav a:hover{background:rgba(255,255,255,.08)}
  .mbs-client-app .mbs-client-sidebar-nav a.is-active{background:#f4f0e8;color:var(--cp-deep);box-shadow:0 9px 22px rgba(0,0,0,.12)}
  .mbs-client-app .mbs-client-sidebar-foot{border-top-color:rgba(255,255,255,.08)}
  .mbs-client-app .mbs-client-shell>.mbs-client-header{height:68px!important;grid-template-columns:1fr auto!important;padding:0 22px!important;position:sticky!important;top:0!important;z-index:30!important;background:rgba(255,253,249,.96)!important;backdrop-filter:blur(12px)}
  .mbs-client-app .mbs-client-shell>.mbs-client-header .mbs-brand,.mbs-client-app .mbs-client-shell>.mbs-client-header .mbs-client-nav{display:none!important}
  .mbs-client-app .mbs-client-shell>.mbs-client-header .mbs-user-area{grid-column:2;justify-self:end}
  .mbs-client-app .mbs-client-shell>.mbs-client-header .mbs-client-logout{display:none!important}
  .mbs-client-app .mbs-mobile-nav{display:none!important}
  .mbs-client-app .mbs-mobile-search-fab{display:none!important}
}

/* Very wide desktop — use the extra room instead of stretching three product cards. */
@media (min-width:1800px) and (hover:hover){
  .mbs-client-app .mbs-order-layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:24px!important;padding-left:28px!important;padding-right:28px!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* TABLET — includes large iPads in landscape. */
@media (min-width:761px) and (max-width:1199px), (min-width:761px) and (max-width:1400px) and (hover:none) and (pointer:coarse){
  .mbs-client-app{display:block!important;width:100vw!important;max-width:100vw!important;margin:0 0 80px calc(50% - 50vw)!important;border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;padding-bottom:74px}
  .mbs-client-app .mbs-client-sidebar{display:none!important}
  .mbs-client-app .mbs-client-shell{display:block!important;width:100%!important;min-width:0!important}
  .mbs-client-app .mbs-client-header{height:70px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:0 20px!important;position:relative!important;top:auto!important;border-radius:0!important}
  .mbs-client-app .mbs-client-header .mbs-brand{display:flex!important;min-width:0}
  .mbs-client-app .mbs-client-header .mbs-brand-mark{width:38px;height:44px;font-size:21px;flex:0 0 38px}
  .mbs-client-app .mbs-client-header .mbs-brand strong{font-size:14px}
  .mbs-client-app .mbs-client-header .mbs-brand small{display:none}
  .mbs-client-app .mbs-client-header .mbs-client-nav{display:none!important}
  .mbs-client-app .mbs-client-header .mbs-user-area{grid-column:2!important;justify-self:end!important;gap:7px}
  .mbs-client-app .mbs-client-header .mbs-client-logout{display:grid!important;width:38px;height:38px;place-items:center;padding:0}
  .mbs-client-app .mbs-client-header .mbs-client-logout span{display:none}
  .mbs-client-app .mbs-client-hero{min-height:230px;padding:32px 28px;grid-template-columns:minmax(0,1fr) 280px;gap:22px}
  .mbs-client-app .mbs-client-hero h1{font-size:34px}
  .mbs-client-app .mbs-next-delivery{justify-self:stretch;width:100%;padding:17px}
  .mbs-client-app .mbs-order-layout{grid-template-columns:minmax(0,1fr) 290px!important;gap:16px!important;padding:18px!important}
  .mbs-client-app .mbs-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .mbs-client-app .mbs-product-image{height:142px}
  .mbs-client-app .mbs-smart-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mbs-client-app .mbs-category-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mbs-client-app .mbs-order-tools{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .mbs-client-app .mbs-date-trigger-inline{width:100%}
  .mbs-client-app .mbs-cart{position:sticky!important;top:14px!important;transform:none!important;max-height:calc(100vh - 98px)!important;display:flex!important;flex-direction:column!important}
  .mbs-client-app .mbs-cart-lines{min-height:80px;max-height:calc(100vh - 380px);overflow:auto}
  .mbs-client-app .mbs-cart-edit{display:none!important}
  .mbs-client-app .mbs-mobile-nav{position:fixed!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;left:0!important;right:0!important;bottom:0!important;z-index:90!important;min-height:66px!important;padding:7px 10px max(9px,env(safe-area-inset-bottom))!important;background:rgba(255,253,249,.98)!important;border-top:1px solid var(--cp-line)!important;box-shadow:0 -8px 24px rgba(31,45,39,.08)!important;backdrop-filter:blur(12px)}
  .mbs-client-app .mbs-mobile-nav a{display:grid!important;place-items:center!important;gap:2px!important;text-decoration:none!important;color:#59645e!important;font-size:9px!important;font-weight:800!important}
  .mbs-client-app .mbs-mobile-nav .mbs-icon{width:21px;height:21px}
  .mbs-client-app .mbs-mobile-search-fab{display:none!important}
  .mbs-client-app .mbs-home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mbs-client-app .mbs-messages-layout{grid-template-columns:260px minmax(0,1fr);padding-left:20px;padding-right:20px}
  .mbs-client-app .mbs-page-head{padding-left:22px;padding-right:22px}
  .mbs-client-app .mbs-orders-list{padding-left:22px;padding-right:22px;padding-bottom:30px}
}

/* Narrow tablet portrait: keep cart visible but give catalogue more breathing room. */
@media (min-width:761px) and (max-width:900px){
  .mbs-client-app .mbs-client-hero{grid-template-columns:1fr;min-height:0}
  .mbs-client-app .mbs-next-delivery{max-width:430px;justify-self:start}
  .mbs-client-app .mbs-order-layout{grid-template-columns:minmax(0,1fr) 258px!important;gap:12px!important;padding:14px!important}
  .mbs-client-app .mbs-product-image{height:128px}
  .mbs-client-app .mbs-product-body{padding:10px}
  .mbs-client-app .mbs-products-grid{gap:9px!important}
  .mbs-client-app .mbs-category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mbs-client-app .mbs-product-viewbar{display:grid;gap:8px;align-items:stretch}
  .mbs-client-app .mbs-product-viewbuttons{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .mbs-client-app .mbs-cart{padding:13px}
}

/* MOBILE */
@media (max-width:760px){
  .mbs-client-app{width:100vw!important;max-width:100vw!important;margin:0 0 74px calc(50% - 50vw)!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;padding-bottom:72px;background:#f7f4ed}
  .mbs-client-app .mbs-client-sidebar{display:none!important}
  .mbs-client-app .mbs-client-header{height:64px!important;padding:0 13px!important;grid-template-columns:minmax(0,1fr) auto!important;background:rgba(255,253,249,.98)!important}
  .mbs-client-app .mbs-client-header .mbs-brand-mark{width:32px!important;height:38px!important;font-size:18px!important}
  .mbs-client-app .mbs-client-header .mbs-brand strong{font-size:12px!important}
  .mbs-client-app .mbs-client-header .mbs-brand small,.mbs-client-app .mbs-client-header .mbs-client-nav{display:none!important}
  .mbs-client-app .mbs-user-area{max-width:46vw!important}
  .mbs-client-app .mbs-user-chip{max-width:calc(46vw - 44px)!important;overflow:hidden;text-overflow:ellipsis;padding:0 10px;font-size:10px}
  .mbs-client-app .mbs-client-logout{width:36px!important;height:36px!important;min-height:36px!important;border-radius:50%!important}
  .mbs-client-app .mbs-client-hero{min-height:0!important;padding:26px 16px!important;grid-template-columns:1fr!important;gap:16px!important;background-position:center}
  .mbs-client-app .mbs-client-hero h1{font-size:29px!important;line-height:1.06!important;margin:7px 0 9px!important}
  .mbs-client-app .mbs-client-hero p{font-size:13px!important;line-height:1.45!important}
  .mbs-client-app .mbs-next-delivery{justify-self:stretch!important;width:auto!important;max-width:none!important;padding:15px!important;border-radius:14px!important}
  .mbs-client-app .mbs-order-progress{grid-template-columns:repeat(3,1fr)}
  .mbs-client-app .mbs-order-progress-step{min-height:50px;padding:8px 7px;justify-content:center;gap:6px;text-align:left}
  .mbs-client-app .mbs-order-progress-step>span{width:24px;height:24px;flex-basis:24px;font-size:10px}
  .mbs-client-app .mbs-order-progress-step strong{font-size:9px}
  .mbs-client-app .mbs-order-progress-step small{display:none}
  .mbs-client-app .mbs-order-progress-step:not(:last-child)::after{top:12px;bottom:12px}
  .mbs-client-app .mbs-home-actions{grid-template-columns:1fr 1fr!important;padding:12px!important;gap:9px!important}
  .mbs-client-app .mbs-home-action{min-height:98px!important;padding:13px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:4px 8px!important;border-radius:14px!important}
  .mbs-client-app .mbs-home-action .mbs-icon{width:30px;height:30px;padding:5px}
  .mbs-client-app .mbs-home-action strong{font-size:12px}
  .mbs-client-app .mbs-home-action span{font-size:9px}
  .mbs-client-app .mbs-order-layout{display:block!important;padding:12px 10px 146px!important}
  .mbs-client-app .mbs-feature-zone,.mbs-client-app .mbs-discovery-zone{border-radius:14px!important;padding:12px!important;margin-bottom:10px!important}
  .mbs-client-app .mbs-smart-actions{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important;margin:0 0 10px!important;padding:0!important;gap:8px!important}
  .mbs-client-app .mbs-smart-card{min-width:0!important;width:auto!important;min-height:80px!important;padding:10px!important;border-radius:13px!important}
  .mbs-client-app .mbs-category-strip{display:flex!important;gap:8px!important;overflow-x:auto!important;margin:0 -10px 9px!important;padding:0 10px 8px!important;scroll-snap-type:x proximity;scrollbar-width:none}
  .mbs-client-app .mbs-category-strip::-webkit-scrollbar{display:none}
  .mbs-client-app .mbs-category{flex:0 0 104px!important;min-width:104px!important;width:104px!important;grid-template-rows:68px auto!important;border-radius:13px!important;scroll-snap-align:start}
  .mbs-client-app .mbs-category-image{height:68px!important}
  .mbs-client-app .mbs-order-tools{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:10px 0!important}
  .mbs-client-app .mbs-search-field,.mbs-client-app .mbs-date-trigger-inline{min-height:50px!important;border-radius:13px!important}
  .mbs-client-app .mbs-product-viewbar{display:grid!important;gap:8px!important;align-items:stretch!important;margin:10px 0!important;padding:9px!important;border-radius:13px!important}
  .mbs-client-app .mbs-product-viewbar>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important}
  .mbs-client-app .mbs-product-viewbar>div:first-child .mbs-eyebrow{display:none!important}
  .mbs-client-app .mbs-product-viewbar>div:first-child>strong{font-size:17px!important}
  .mbs-client-app .mbs-product-viewbuttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important}
  .mbs-client-app .mbs-product-viewbuttons button{min-height:37px!important;font-size:9px!important;justify-content:center!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding-bottom:86px!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-product{border-radius:13px!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-product-image{height:112px!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-product-body{padding:9px!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-product-body h3{font-size:11px!important;line-height:1.18!important;min-height:26px}
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-product-body>small{font-size:8px!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-qty{grid-template-columns:34px minmax(30px,1fr) 34px!important;margin-top:8px!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-qty button,.mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-qty input{height:36px!important;min-height:36px!important}
  .mbs-client-app .mbs-product.is-in-cart::after{left:6px;top:6px;font-size:7px;padding:3px 5px}
  .mbs-client-app .mbs-cart{transform:none!important}
  .mbs-client-app .mbs-cart.is-open{border-radius:20px 20px 0 0!important;background:#fffdf9!important;box-shadow:0 -18px 60px rgba(20,34,29,.24)!important}
  .mbs-client-app .mbs-cart.is-open header{padding:12px 14px!important}
  .mbs-client-app .mbs-cart.is-open>.mbs-btn{min-height:48px!important}
  .mbs-client-app .mbs-mobile-nav{background:rgba(255,253,249,.98)!important;border-top-color:var(--cp-line)!important;box-shadow:0 -8px 24px rgba(31,45,39,.08)!important;backdrop-filter:blur(12px)}
  .mbs-client-app .mbs-mobile-nav a{font-weight:800!important;color:#5d6661!important}
  .mbs-client-app .mbs-mobile-search-fab{background:linear-gradient(145deg,#24584b,#173f37)!important;box-shadow:0 12px 28px rgba(23,63,55,.28)!important}
  .mbs-client-app .mbs-page-head{padding:22px 14px 12px!important}
  .mbs-client-app .mbs-page-head h1{font-size:26px!important}
  .mbs-client-app .mbs-orders-list{padding:0 10px 90px!important}
  .mbs-client-app .mbs-order-card{padding:14px!important;border-radius:13px!important}
  .mbs-client-app .mbs-messages-layout{grid-template-columns:1fr!important;padding:0 10px 90px!important}
  .mbs-client-app .mbs-confirm-wrap{padding:14px 10px 90px!important}
  .mbs-client-app .mbs-confirm-card{padding:16px!important;border-radius:16px!important}
  .mbs-client-app .mbs-confirm-card>.mbs-order-progress{margin:-16px -16px 18px!important;border-radius:16px 16px 0 0!important}
  .mbs-client-app .mbs-confirm-card h1{font-size:27px!important;margin:12px 0 15px!important}
  .mbs-client-app .mbs-confirm-actions{grid-template-columns:1fr!important}
  .mbs-client-app .mbs-confirm-actions .mbs-btn{width:100%!important}
}

@media (max-width:380px){
  .mbs-client-app .mbs-home-actions{grid-template-columns:1fr!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"]{grid-template-columns:1fr!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-product{display:grid!important;grid-template-columns:116px minmax(0,1fr)!important}
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-product-image{height:100%!important;min-height:128px!important}
}

@media (prefers-reduced-motion:reduce){
  .mbs-client-app *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* Final 3 — état de synchronisation du panier multi-appareils. */
.mbs-client-app .mbs-draft-sync{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 0 4px;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(17,76,64,.055);
  color:#53635e;
  font-size:11px;
  font-weight:650;
  line-height:1.25;
}
.mbs-client-app .mbs-draft-sync-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#6f8f84;
  box-shadow:0 0 0 3px rgba(111,143,132,.12);
}
.mbs-client-app .mbs-draft-sync.is-syncing .mbs-draft-sync-dot{background:#cc8a3c;animation:mbsDraftPulse 1.15s ease-in-out infinite;}
.mbs-client-app .mbs-draft-sync.is-synced .mbs-draft-sync-dot{background:#25856f;box-shadow:0 0 0 3px rgba(37,133,111,.12);}
.mbs-client-app .mbs-draft-sync.is-remote{background:rgba(38,107,151,.07);color:#315b72;}
.mbs-client-app .mbs-draft-sync.is-remote .mbs-draft-sync-dot{background:#3d83a9;box-shadow:0 0 0 3px rgba(61,131,169,.12);}
.mbs-client-app .mbs-draft-sync.is-offline{background:rgba(184,109,48,.08);color:#7b542f;}
.mbs-client-app .mbs-draft-sync.is-offline .mbs-draft-sync-dot{background:#ba7438;box-shadow:0 0 0 3px rgba(186,116,56,.12);}
@keyframes mbsDraftPulse{50%{opacity:.35;transform:scale(.78)}}


/* Final 4 — ordre de présentation identique sur desktop, tablette et mobile. */
.mbs-client-app .mbs-order-main{display:flex;flex-direction:column;min-width:0}
.mbs-client-app .mbs-order-main>#mbs-seasonal-zone{order:10}
.mbs-client-app .mbs-order-main>#mbs-featured-zone{order:20}
.mbs-client-app .mbs-order-main>.mbs-smart-actions{order:30}
.mbs-client-app .mbs-order-main>.mbs-discovery-zone{order:40}
.mbs-client-app .mbs-order-main>.mbs-category-section{order:50}
.mbs-client-app .mbs-order-main>.mbs-order-tools{order:60}
.mbs-client-app .mbs-order-main>.mbs-product-viewbar{order:70}
.mbs-client-app .mbs-order-main>.mbs-products-grid{order:80}

/* Final 6 — navigation tactile cohérente : même barre en bas sur tablette et mobile,
   avec Commander comme action centrale explicite. */
@media (max-width:1199px), (max-width:1400px) and (hover:none) and (pointer:coarse){
  .mbs-client-app .mbs-mobile-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:end!important;
    min-height:72px!important;
    padding-top:6px!important;
  }
  .mbs-client-app .mbs-mobile-nav a{
    position:relative!important;
    min-width:0!important;
    min-height:54px!important;
    align-content:center!important;
  }
  .mbs-client-app .mbs-mobile-nav a.is-active:not(.mbs-client-order-nav){color:#155e50!important}
  .mbs-client-app .mbs-mobile-nav a.is-active:not(.mbs-client-order-nav)::before{
    content:"";position:absolute;top:-6px;width:24px;height:3px;border-radius:0 0 4px 4px;background:#155e50;
  }
  .mbs-client-app .mbs-mobile-nav .mbs-client-order-nav{
    color:#173f37!important;font-size:9px!important;font-weight:900!important;transform:translateY(-5px);
  }
  .mbs-client-app .mbs-mobile-nav .mbs-client-order-nav .mbs-icon{
    width:42px!important;height:42px!important;padding:10px!important;border-radius:14px!important;
    background:linear-gradient(145deg,#216252,#123f35)!important;color:#fff!important;
    box-shadow:0 9px 20px rgba(21,94,80,.28)!important;
  }
  .mbs-client-app .mbs-mobile-nav .mbs-client-order-nav.is-active .mbs-icon{
    background:linear-gradient(145deg,#b98345,#8f6232)!important;
    box-shadow:0 9px 20px rgba(143,98,50,.28)!important;
  }
  .mbs-client-app .mbs-mobile-nav .mbs-client-order-nav span{margin-top:1px!important;color:#173f37!important}
}
@media(max-width:760px){
  .mbs-client-app .mbs-cart{bottom:78px!important}
}


/* Voice 1 — assistant vocal de commande. */
.mbs-client-app .mbs-order-tools{grid-template-columns:minmax(0,1fr) 205px 300px}
.mbs-client-app .mbs-voice-trigger-inline{
  min-height:54px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #cfe0d7;border-radius:14px;
  background:linear-gradient(135deg,#edf7f3,#fffdf9);color:var(--cp-deep);box-shadow:0 3px 12px rgba(31,45,39,.025);cursor:pointer;text-align:left
}
.mbs-client-app .mbs-voice-trigger-inline:hover{border-color:#93b9aa;box-shadow:0 7px 18px rgba(31,45,39,.07)}
.mbs-client-app .mbs-voice-trigger-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--cp-deep);font-size:17px}
.mbs-client-app .mbs-voice-trigger-inline span:last-child{display:grid;gap:2px;min-width:0}
.mbs-client-app .mbs-voice-trigger-inline small{font-size:8px;font-weight:850;letter-spacing:.07em;color:#74857e}
.mbs-client-app .mbs-voice-trigger-inline strong{font-size:11px;line-height:1.1;color:var(--cp-deep)}
.mbs-mobile-voice-fab,.mbs-voice-overlay{display:none}
html.mbs-voice-open,body.mbs-voice-open{overflow:hidden!important}
.mbs-client-app .mbs-voice-overlay:not([hidden]){display:grid;place-items:center;position:fixed;inset:0;z-index:120;padding:20px}
.mbs-client-app .mbs-voice-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(8,25,21,.52);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.mbs-client-app .mbs-voice-sheet{position:relative;z-index:1;width:min(620px,calc(100vw - 32px));max-height:min(790px,calc(100dvh - 34px));overflow:auto;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:#fffdf9;box-shadow:0 28px 80px rgba(8,30,24,.34)}
.mbs-client-app .mbs-voice-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 19px 15px;border-bottom:1px solid #ebe7df;background:linear-gradient(135deg,#f0f7f3,#fffdf9)}
.mbs-client-app .mbs-voice-head-copy{display:flex;align-items:center;gap:11px;min-width:0}
.mbs-client-app .mbs-voice-head-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:linear-gradient(145deg,#216252,#123f35);font-size:21px;box-shadow:0 8px 18px rgba(21,94,80,.18)}
.mbs-client-app .mbs-voice-head small{display:block;margin:0 0 3px;color:#9b7a3a;font-size:8px;font-weight:900;letter-spacing:.12em}
.mbs-client-app .mbs-voice-head h2{margin:0;color:#17231f;font:700 23px/1.05 Georgia,serif}
.mbs-client-app .mbs-voice-close{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #dbe1dd;border-radius:12px;background:#fff;color:#28443c;font:400 27px/1 Arial,sans-serif;cursor:pointer}
.mbs-client-app .mbs-voice-body{padding:17px 19px 10px}
.mbs-client-app .mbs-voice-status{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #dce7e2;border-radius:14px;background:#f5faf7;color:#385048}
.mbs-client-app .mbs-voice-status>div{display:grid;gap:2px}
.mbs-client-app .mbs-voice-status strong{font-size:12px;color:#193b32}.mbs-client-app .mbs-voice-status small{font-size:10px;line-height:1.35;color:#6b7974}
.mbs-client-app .mbs-voice-pulse{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#6e9c8d;box-shadow:0 0 0 5px rgba(77,143,122,.12)}
.mbs-client-app .mbs-voice-status.is-listening .mbs-voice-pulse{background:#c47b38;animation:mbsVoicePulse 1s ease-in-out infinite}.mbs-client-app .mbs-voice-status.is-ok .mbs-voice-pulse{background:#21846b}.mbs-client-app .mbs-voice-status.is-warning .mbs-voice-pulse{background:#c28a35}.mbs-client-app .mbs-voice-status.is-error .mbs-voice-pulse{background:#b64b45}
@keyframes mbsVoicePulse{50%{transform:scale(.72);opacity:.45;box-shadow:0 0 0 10px rgba(196,123,56,.08)}}
.mbs-client-app .mbs-voice-controls{display:flex;justify-content:center;padding:18px 0 12px}
.mbs-client-app .mbs-voice-listen{display:flex;align-items:center;justify-content:center;gap:10px;min-width:230px;min-height:54px;padding:10px 18px;border:0;border-radius:999px;background:linear-gradient(145deg,#216252,#123f35);color:#fff;box-shadow:0 10px 24px rgba(21,94,80,.22);cursor:pointer}
.mbs-client-app .mbs-voice-listen>span{font-size:19px}.mbs-client-app .mbs-voice-listen strong{font-size:12px}.mbs-client-app .mbs-voice-listen.is-listening{background:linear-gradient(145deg,#b8793e,#8c572a)}
.mbs-client-app .mbs-voice-transcript-label{display:grid;gap:6px;color:#43564f;font-size:10px;font-weight:850}.mbs-client-app .mbs-voice-transcript-label textarea{width:100%;min-height:82px;resize:vertical;padding:11px 12px;border:1px solid #d8dfdb;border-radius:12px;background:#fff;color:#17231f;font:600 13px/1.4 Inter,Arial,sans-serif;box-shadow:none!important}.mbs-client-app .mbs-voice-transcript-label textarea:focus{outline:0;border-color:#8fb4a5;box-shadow:0 0 0 4px rgba(112,157,139,.12)!important}
.mbs-client-app .mbs-voice-example{padding:8px 2px 12px;color:#7b8580;font-size:9px;line-height:1.45}
.mbs-client-app .mbs-voice-preview{display:grid;gap:9px}.mbs-client-app .mbs-voice-empty{padding:20px 14px;border:1px dashed #d7ded9;border-radius:13px;text-align:center;color:#7b8580;font-size:11px;background:#fafaf7}
.mbs-client-app .mbs-voice-plan-list{display:grid;border:1px solid #e0e5e1;border-radius:13px;overflow:hidden;background:#fff}.mbs-client-app .mbs-voice-plan-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #eff1ef}.mbs-client-app .mbs-voice-plan-line:last-child{border-bottom:0}.mbs-client-app .mbs-voice-plan-line>span{display:grid;gap:2px}.mbs-client-app .mbs-voice-plan-line strong{font-size:11px;color:#21362f}.mbs-client-app .mbs-voice-plan-line small{font-size:8px;color:#82908a}.mbs-client-app .mbs-voice-plan-line b{display:grid;place-items:center;min-width:36px;height:32px;padding:0 8px;border-radius:10px;background:#e9f3ef;color:#165847;font-size:13px}
.mbs-client-app .mbs-voice-plan-date{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #eadcc5;border-radius:13px;background:#fff9ef}.mbs-client-app .mbs-voice-plan-date>span{font-size:18px}.mbs-client-app .mbs-voice-plan-date div{display:grid;gap:2px}.mbs-client-app .mbs-voice-plan-date small{font-size:8px;color:#8c7b61}.mbs-client-app .mbs-voice-plan-date strong{font-size:11px;color:#56452d}
.mbs-client-app .mbs-voice-warnings,.mbs-client-app .mbs-voice-clear-warning{display:grid;gap:4px;padding:11px 12px;border-radius:13px;border:1px solid #edcf9d;background:#fff8eb;color:#725326}.mbs-client-app .mbs-voice-warnings strong,.mbs-client-app .mbs-voice-clear-warning strong{font-size:10px}.mbs-client-app .mbs-voice-warnings span,.mbs-client-app .mbs-voice-clear-warning span{font-size:9px;line-height:1.35}
.mbs-client-app .mbs-voice-clear-warning{border-color:#e5b9b4;background:#fff4f2;color:#7a3e39}
.mbs-client-app .mbs-voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 19px}.mbs-client-app .mbs-voice-actions .mbs-btn{min-height:45px;border-radius:12px}.mbs-client-app .mbs-voice-secondary{border:1px solid #d6ded9!important;background:#fff!important;color:#28443c!important}.mbs-client-app .mbs-voice-actions .mbs-btn[disabled]{opacity:.45;cursor:not-allowed}
.mbs-client-app .mbs-voice-safety{margin:0;padding:0 19px 18px;text-align:center;color:#77827e;font-size:9px;line-height:1.35}

@media (min-width:761px) and (max-width:1199px){
  .mbs-client-app .mbs-order-tools{grid-template-columns:minmax(0,1fr) 190px!important}
  .mbs-client-app .mbs-order-tools .mbs-date-trigger-inline{grid-column:1/-1}
}
@media (max-width:760px){
  .mbs-client-app .mbs-voice-trigger-inline{display:none!important}
  .mbs-client-tab-order .mbs-mobile-voice-fab{display:grid;place-items:center;position:fixed;right:77px;bottom:calc(139px + env(safe-area-inset-bottom));z-index:72;width:54px;height:54px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:linear-gradient(145deg,#b98345,#8f6232);color:#fff;box-shadow:0 10px 28px rgba(91,57,27,.25),inset 0 1px rgba(255,255,255,.16);cursor:pointer;font-size:20px}
  body.mbs-mobile-cart-open .mbs-mobile-voice-fab,body.mbs-mobile-search-open .mbs-mobile-voice-fab,body.mbs-voice-open .mbs-mobile-voice-fab,body.mbs-voice-open .mbs-mobile-search-fab{opacity:0;pointer-events:none}
  .mbs-client-app .mbs-voice-overlay:not([hidden]){place-items:end center;padding:0}
  .mbs-client-app .mbs-voice-sheet{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);margin:0 6px max(6px,env(safe-area-inset-bottom));border-radius:22px;animation:mbsVoiceSheetIn .22s ease-out both}
  .mbs-client-app .mbs-voice-head{padding:14px 14px 11px}.mbs-client-app .mbs-voice-head-icon{width:39px;height:39px;flex-basis:39px;border-radius:12px}.mbs-client-app .mbs-voice-head h2{font-size:20px}
  .mbs-client-app .mbs-voice-body{padding:13px 14px 8px}.mbs-client-app .mbs-voice-controls{padding:13px 0 10px}.mbs-client-app .mbs-voice-listen{min-width:0;width:100%}
  .mbs-client-app .mbs-voice-actions{padding:9px 14px;grid-template-columns:1fr}.mbs-client-app .mbs-voice-safety{padding:0 14px 14px}.mbs-client-app .mbs-voice-example{font-size:8.5px}
}
@keyframes mbsVoiceSheetIn{from{opacity:.3;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

/* Voice 3 — choix explicite lorsque plusieurs produits correspondent à la demande. */
.mbs-client-app .mbs-voice-choice-block{display:grid;gap:9px}
.mbs-client-app .mbs-voice-choice-head{display:grid;gap:3px;padding:11px 12px;border:1px solid #dbe6e1;border-radius:13px;background:#f6faf8}
.mbs-client-app .mbs-voice-choice-head strong{font-size:11px;color:#1f4036}.mbs-client-app .mbs-voice-choice-head span{font-size:9px;line-height:1.4;color:#6f7d77}
.mbs-client-app .mbs-voice-choice-list{display:grid;gap:7px;max-height:310px;overflow:auto;padding-right:2px}
.mbs-client-app .mbs-voice-choice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid #e1e6e3;border-radius:13px;background:#fff;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.mbs-client-app .mbs-voice-choice-row.is-selected{border-color:#8eb8a8;background:#f3faf7;box-shadow:0 0 0 3px rgba(90,142,122,.08)}
.mbs-client-app .mbs-voice-choice-main{display:grid;grid-template-columns:22px 42px minmax(0,1fr);align-items:center;gap:9px;min-width:0;cursor:pointer}
.mbs-client-app .mbs-voice-choice-main>input{position:absolute;opacity:0;pointer-events:none}
.mbs-client-app .mbs-voice-choice-checkmark{display:grid;place-items:center;width:20px;height:20px;border:1.5px solid #b9c7c1;border-radius:6px;background:#fff}
.mbs-client-app .mbs-voice-choice-main>input:checked+.mbs-voice-choice-checkmark{border-color:#226552;background:#226552}.mbs-client-app .mbs-voice-choice-main>input:checked+.mbs-voice-choice-checkmark:after{content:'✓';color:#fff;font-size:12px;font-weight:900}
.mbs-client-app .mbs-voice-choice-main img,.mbs-client-app .mbs-voice-choice-placeholder{width:42px;height:42px;border-radius:9px;object-fit:cover;background:#f1eee7}
.mbs-client-app .mbs-voice-choice-placeholder{display:grid;place-items:center;font-size:18px}
.mbs-client-app .mbs-voice-choice-copy{display:grid;gap:2px;min-width:0}.mbs-client-app .mbs-voice-choice-copy strong{overflow:hidden;text-overflow:ellipsis;color:#20362f;font-size:10.5px;line-height:1.25}.mbs-client-app .mbs-voice-choice-copy small{color:#89938f;font-size:8px}
.mbs-client-app .mbs-voice-choice-qty{display:grid;grid-template-columns:30px 40px 30px;align-items:center;border:1px solid #d9e0dc;border-radius:10px;overflow:hidden;background:#fff}
.mbs-client-app .mbs-voice-choice-qty button{width:30px;height:34px;border:0;background:#f3f6f4;color:#234a3e;font-size:17px;cursor:pointer}.mbs-client-app .mbs-voice-choice-qty input{width:40px;height:34px;padding:0;border:0;border-left:1px solid #e2e6e3;border-right:1px solid #e2e6e3;text-align:center;color:#193b31;font-weight:850;font-size:11px;box-shadow:none!important;-moz-appearance:textfield}.mbs-client-app .mbs-voice-choice-qty input::-webkit-inner-spin-button,.mbs-client-app .mbs-voice-choice-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:560px){.mbs-client-app .mbs-voice-choice-row{grid-template-columns:1fr;gap:7px}.mbs-client-app .mbs-voice-choice-qty{justify-self:end}.mbs-client-app .mbs-voice-choice-list{max-height:280px}}

/* Voice 4 — consultation de la dernière commande et des messages gestionnaire. */
.mbs-client-app .mbs-voice-info-card{display:grid;gap:10px;padding:12px;border:1px solid #dfe6e2;border-radius:14px;background:#fff}
.mbs-client-app .mbs-voice-info-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid #eef1ef}
.mbs-client-app .mbs-voice-info-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef6f2;font-size:18px}
.mbs-client-app .mbs-voice-info-head>div{display:grid;gap:2px;min-width:0}.mbs-client-app .mbs-voice-info-head small{font-size:7.5px;font-weight:900;letter-spacing:.09em;color:#8c958f}.mbs-client-app .mbs-voice-info-head strong{font-size:11.5px;color:#20372f;overflow:hidden;text-overflow:ellipsis}.mbs-client-app .mbs-voice-info-head>b{padding:6px 8px;border-radius:999px;background:#edf5f1;color:#23604f;font-size:8px;white-space:nowrap}
.mbs-client-app .mbs-voice-info-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mbs-client-app .mbs-voice-info-meta>span{display:grid;gap:2px;padding:9px 10px;border-radius:11px;background:#f7f8f6}.mbs-client-app .mbs-voice-info-meta small{font-size:7.5px;color:#88928d}.mbs-client-app .mbs-voice-info-meta strong{font-size:10.5px;color:#263c34}
.mbs-client-app .mbs-voice-info-items{display:grid;border:1px solid #edf0ee;border-radius:11px;overflow:hidden}.mbs-client-app .mbs-voice-info-items>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-bottom:1px solid #edf0ee}.mbs-client-app .mbs-voice-info-items>div:last-child{border-bottom:0}.mbs-client-app .mbs-voice-info-items span{display:grid;gap:2px;min-width:0}.mbs-client-app .mbs-voice-info-items strong{font-size:10px;color:#243831}.mbs-client-app .mbs-voice-info-items small{font-size:7.5px;color:#8b948f}.mbs-client-app .mbs-voice-info-items b{min-width:32px;text-align:center;padding:6px 8px;border-radius:9px;background:#edf5f1;color:#1c5b49;font-size:10px}
.mbs-client-app .mbs-voice-info-link{width:100%;justify-content:center;text-decoration:none!important}
.mbs-client-app .mbs-voice-info-empty{display:grid;gap:4px;padding:18px 14px;border:1px dashed #d7ded9;border-radius:13px;background:#fafaf7;text-align:center}.mbs-client-app .mbs-voice-info-empty strong{font-size:11px;color:#30443d}.mbs-client-app .mbs-voice-info-empty span{font-size:9px;color:#7b8580}
.mbs-client-app .mbs-voice-message-meta{font-size:8px;color:#85908b}.mbs-client-app .mbs-voice-message-full{padding:11px 12px;border-radius:11px;background:#f7faf8;color:#2c3f38;font-size:10px;line-height:1.5;white-space:pre-wrap}
.mbs-client-app .mbs-voice-message-list{display:grid;gap:7px}.mbs-client-app .mbs-voice-message-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px;border:1px solid #e3e8e5;border-radius:11px;background:#fff;color:inherit;text-decoration:none!important}.mbs-client-app .mbs-voice-message-row.is-unread{border-color:#b8d0c6;background:#f5faf7}.mbs-client-app .mbs-voice-message-row>span{display:grid;gap:3px;min-width:0}.mbs-client-app .mbs-voice-message-row strong{font-size:10px;color:#223931}.mbs-client-app .mbs-voice-message-row small{font-size:7.5px;color:#8b948f}.mbs-client-app .mbs-voice-message-row em{font-size:8.5px;line-height:1.4;color:#56655f;font-style:normal}.mbs-client-app .mbs-voice-message-row>b{padding:5px 7px;border-radius:999px;background:#dff0e9;color:#1c654f;font-size:7.5px;white-space:nowrap}
@media(max-width:560px){.mbs-client-app .mbs-voice-info-meta{grid-template-columns:1fr}.mbs-client-app .mbs-voice-info-head{grid-template-columns:auto minmax(0,1fr)}.mbs-client-app .mbs-voice-info-head>b{grid-column:2;justify-self:start}.mbs-client-app .mbs-voice-message-row{grid-template-columns:1fr}.mbs-client-app .mbs-voice-message-row>b{justify-self:start}}

/* Voice Widget 1 — assistant premium flottant. */
.mbs-client-app .mbs-order-tools{grid-template-columns:minmax(0,1fr) 300px!important}
.mbs-client-app .mbs-voice-trigger-inline,.mbs-client-app .mbs-mobile-voice-fab{display:none!important}
.mbs-client-tab-order .mbs-voice-launcher{
  display:flex;align-items:center;gap:11px;position:fixed;right:26px;bottom:26px;z-index:118;min-width:216px;min-height:68px;padding:8px 14px 8px 8px;
  border:1px solid rgba(255,255,255,.55);border-radius:22px;background:linear-gradient(145deg,#173f36,#0d2e27);color:#fff;
  box-shadow:0 18px 44px rgba(12,45,37,.27),inset 0 1px rgba(255,255,255,.12);cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease
}
.mbs-client-tab-order .mbs-voice-launcher:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(12,45,37,.33),inset 0 1px rgba(255,255,255,.14)}
.mbs-client-app .mbs-voice-launcher-orb{position:relative;display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:16px;background:linear-gradient(145deg,#bd8749,#8f6030);box-shadow:inset 0 1px rgba(255,255,255,.24),0 7px 18px rgba(0,0,0,.14)}
.mbs-client-app .mbs-voice-launcher-mic{font-size:20px;transform:translateY(1px)}
.mbs-client-app .mbs-voice-launcher-spark{position:absolute;right:6px;top:4px;font-size:10px;color:#fff3d7}
.mbs-client-app .mbs-voice-launcher-copy{display:grid;gap:0;min-width:0}.mbs-client-app .mbs-voice-launcher-copy small{font-size:7px;font-weight:900;letter-spacing:.14em;color:#d8b980}.mbs-client-app .mbs-voice-launcher-copy strong{font:700 17px/1.05 Georgia,serif;color:#fff}.mbs-client-app .mbs-voice-launcher-copy em{margin-top:3px;font-size:8px;font-style:normal;color:#c8d6d1;white-space:nowrap}
.mbs-client-app .mbs-voice-launcher-badge{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border:3px solid #fff;border-radius:999px;background:#b35d48;color:#fff;font-size:9px;font-weight:900}

.mbs-client-app .mbs-voice-overlay:not([hidden]){display:flex;align-items:flex-end;justify-content:flex-end;position:fixed;inset:0;z-index:120;padding:0 26px 106px 0}
.mbs-client-app .mbs-voice-backdrop{background:rgba(8,25,21,.11);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.mbs-client-app .mbs-voice-sheet{width:min(445px,calc(100vw - 38px));max-height:calc(100dvh - 132px);border:1px solid rgba(255,255,255,.82);border-radius:26px;background:#fffdfa;box-shadow:0 28px 80px rgba(8,30,24,.30);animation:mbsVoiceWidgetIn .2s ease-out both}
.mbs-client-app .mbs-voice-head{padding:18px 18px 16px;border-bottom:0;background:linear-gradient(145deg,#173f36,#0f3029);color:#fff}
.mbs-client-app .mbs-voice-head-copy{align-items:flex-start}.mbs-client-app .mbs-voice-head-icon{width:46px;height:46px;flex-basis:46px;border-radius:15px;background:linear-gradient(145deg,#bd8749,#8f6030);color:#fff;font-size:20px;box-shadow:0 9px 20px rgba(0,0,0,.16)}
.mbs-client-app .mbs-voice-head small{color:#d9bb84}.mbs-client-app .mbs-voice-head h2{margin-top:1px;color:#fff;font-size:21px}.mbs-client-app .mbs-voice-head p{margin:4px 0 0;color:#c8d8d2;font-size:9px}
.mbs-client-app .mbs-voice-close{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff}
.mbs-client-app .mbs-voice-close:hover{background:rgba(255,255,255,.15)}
.mbs-client-app .mbs-voice-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px 14px 0;background:#fffdfa}
.mbs-client-app .mbs-voice-quick button{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:7px;min-height:59px;padding:8px;border:1px solid #e1e7e3;border-radius:13px;background:#fff;color:#27453c;cursor:pointer;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.mbs-client-app .mbs-voice-quick button:hover{transform:translateY(-1px);border-color:#abc5ba;box-shadow:0 6px 16px rgba(30,62,52,.07)}
.mbs-client-app .mbs-voice-quick button.is-primary{border-color:#b8d0c6;background:#f0f7f4}
.mbs-client-app .mbs-voice-quick button>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf5f1;font-size:14px}.mbs-client-app .mbs-voice-quick button.is-primary>span{background:#1d5b4b;color:#fff}
.mbs-client-app .mbs-voice-quick strong{align-self:end;overflow:hidden;text-overflow:ellipsis;font-size:9px;line-height:1.1;white-space:nowrap}.mbs-client-app .mbs-voice-quick small{align-self:start;overflow:hidden;text-overflow:ellipsis;font-size:7px;color:#87918d;white-space:nowrap}
.mbs-client-app .mbs-voice-body{padding:11px 14px 6px}.mbs-client-app .mbs-voice-status{padding:10px 11px;border-radius:12px}.mbs-client-app .mbs-voice-controls{padding:12px 0 9px}.mbs-client-app .mbs-voice-listen{min-height:48px;min-width:205px}.mbs-client-app .mbs-voice-transcript-label textarea{min-height:64px}.mbs-client-app .mbs-voice-example{padding-bottom:9px}
.mbs-client-app .mbs-voice-actions{padding:8px 14px}.mbs-client-app .mbs-voice-safety{padding:0 14px 14px}
@keyframes mbsVoiceWidgetIn{from{opacity:.25;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

@media (min-width:761px) and (max-width:1199px){
  .mbs-client-app .mbs-order-tools{grid-template-columns:minmax(0,1fr) 270px!important}.mbs-client-app .mbs-order-tools .mbs-date-trigger-inline{grid-column:auto!important}
  .mbs-client-tab-order .mbs-voice-launcher{right:18px;bottom:22px}
}
@media (max-width:760px){
  .mbs-client-app .mbs-order-tools{grid-template-columns:1fr!important}
  .mbs-client-tab-order .mbs-voice-launcher{display:grid;place-items:center;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));min-width:0;width:58px;height:58px;min-height:58px;padding:5px;border-radius:19px;z-index:72}
  .mbs-client-app .mbs-voice-launcher-orb{width:46px;height:46px;flex-basis:46px;border-radius:15px}.mbs-client-app .mbs-voice-launcher-copy{display:none}.mbs-client-app .mbs-voice-launcher-badge{right:-5px;top:-5px}
  body.mbs-mobile-cart-open .mbs-voice-launcher,body.mbs-mobile-search-open .mbs-voice-launcher,body.mbs-voice-open .mbs-voice-launcher{opacity:0;pointer-events:none}
  .mbs-client-app .mbs-voice-overlay:not([hidden]){align-items:flex-end;justify-content:center;padding:0}
  .mbs-client-app .mbs-voice-backdrop{background:rgba(8,25,21,.35);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
  .mbs-client-app .mbs-voice-sheet{width:calc(100vw - 10px);max-height:calc(100dvh - 10px);margin:0 5px max(5px,env(safe-area-inset-bottom));border-radius:24px}
  .mbs-client-app .mbs-voice-quick{grid-template-columns:1fr 1fr;gap:5px;padding:9px 10px 0}.mbs-client-app .mbs-voice-quick button{grid-template-columns:1fr;grid-template-rows:30px auto auto;justify-items:center;min-height:77px;padding:7px 5px;text-align:center}.mbs-client-app .mbs-voice-quick button>span{grid-row:auto}.mbs-client-app .mbs-voice-quick strong{font-size:8.5px}.mbs-client-app .mbs-voice-quick small{font-size:6.8px}
  .mbs-client-app .mbs-voice-body{padding:10px 11px 5px}.mbs-client-app .mbs-voice-actions{padding:8px 11px}.mbs-client-app .mbs-voice-safety{padding:0 11px 12px}
}

/* Voice Widget 2 — finition premium + contrôle de lecture vocale. */
.mbs-client-tab-order .mbs-voice-launcher::before{
  content:"";position:absolute;inset:-1px;border-radius:23px;padding:1px;
  background:linear-gradient(135deg,rgba(225,193,132,.78),rgba(255,255,255,.10) 34%,rgba(104,166,143,.42) 72%,rgba(225,193,132,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.72
}
.mbs-client-tab-order .mbs-voice-launcher::after{
  content:"";position:absolute;left:72px;right:18px;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(222,188,126,.48),transparent);pointer-events:none
}
.mbs-client-app .mbs-voice-launcher-orb::before{content:"";position:absolute;inset:-4px;border:1px solid rgba(229,199,142,.26);border-radius:19px;animation:mbsVoiceHalo 3.1s ease-in-out infinite}
.mbs-client-app .mbs-voice-launcher-orb::after{content:"";position:absolute;inset:7px;border-radius:11px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.22),transparent 55%);pointer-events:none}
@keyframes mbsVoiceHalo{0%,100%{transform:scale(.96);opacity:.34}50%{transform:scale(1.06);opacity:.85}}

.mbs-client-app .mbs-voice-sheet{overflow:hidden;border-color:rgba(207,193,167,.66);box-shadow:0 32px 90px rgba(8,30,24,.34),0 2px 0 rgba(255,255,255,.85) inset}
.mbs-client-app .mbs-voice-head{position:relative;overflow:hidden;background:linear-gradient(145deg,#173f36 0%,#102f29 54%,#0b2822 100%)}
.mbs-client-app .mbs-voice-head::after{content:"";position:absolute;width:220px;height:220px;right:-95px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(210,177,111,.20),rgba(210,177,111,0) 68%);pointer-events:none}
.mbs-client-app .mbs-voice-head-copy,.mbs-client-app .mbs-voice-close{position:relative;z-index:1}
.mbs-client-app .mbs-voice-head-icon{position:relative;overflow:visible}
.mbs-client-app .mbs-voice-head-halo{position:absolute;inset:-5px;border:1px solid rgba(230,198,136,.35);border-radius:19px;animation:mbsVoiceHalo 2.7s ease-in-out infinite}
.mbs-client-app .mbs-voice-head-mark{position:relative;z-index:1}
.mbs-client-app .mbs-voice-head small{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mbs-client-app .mbs-voice-live{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(173,213,197,.18);border-radius:999px;background:rgba(255,255,255,.07);color:#cae4da;font:800 6.5px/1 Inter,Arial,sans-serif;letter-spacing:.04em;text-transform:none}
.mbs-client-app .mbs-voice-live i{width:5px;height:5px;border-radius:50%;background:#7ad0ad;box-shadow:0 0 0 3px rgba(122,208,173,.12)}

.mbs-client-app .mbs-voice-quick button{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfcfa)}
.mbs-client-app .mbs-voice-quick button::after{content:"";position:absolute;inset:auto 9px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(171,144,92,.25),transparent)}
.mbs-client-app .mbs-voice-quick button.is-primary{background:linear-gradient(145deg,#eff8f4,#f9fcfa);box-shadow:inset 0 0 0 1px rgba(29,91,75,.035)}

.mbs-client-app .mbs-voice-status{border-color:#d8e4de;background:linear-gradient(135deg,#f6faf8,#fbfcfa);box-shadow:0 5px 14px rgba(22,66,54,.035)}
.mbs-client-app .mbs-voice-listen{position:relative;overflow:hidden;min-width:245px;min-height:56px;justify-content:flex-start;padding:8px 15px 8px 10px;border:1px solid rgba(255,255,255,.14);box-shadow:0 13px 28px rgba(21,94,80,.23),inset 0 1px rgba(255,255,255,.14)}
.mbs-client-app .mbs-voice-listen::after{content:"";position:absolute;top:-80%;left:-24%;width:34%;height:250%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transition:left .55s ease;pointer-events:none}
.mbs-client-app .mbs-voice-listen:hover::after{left:110%}
.mbs-client-app .mbs-voice-listen-icon{display:grid!important;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:999px;background:rgba(255,255,255,.12);font-size:17px!important}
.mbs-client-app .mbs-voice-listen-copy{display:grid;gap:1px;text-align:left;min-width:0}
.mbs-client-app .mbs-voice-listen-copy small{font-size:6.5px;font-weight:900;letter-spacing:.12em;color:#bcd4cb}
.mbs-client-app .mbs-voice-listen-copy strong{font-size:11px!important;color:#fff;white-space:nowrap}
.mbs-client-app .mbs-voice-mini-wave{display:flex;align-items:center;gap:2px;margin-left:auto;height:22px;padding-left:8px}
.mbs-client-app .mbs-voice-mini-wave i{display:block;width:2px;height:6px;border-radius:999px;background:rgba(255,255,255,.55)}
.mbs-client-app .mbs-voice-listen.is-listening .mbs-voice-mini-wave i{animation:mbsVoiceEq .85s ease-in-out infinite}
.mbs-client-app .mbs-voice-listen.is-listening .mbs-voice-mini-wave i:nth-child(2){animation-delay:.14s}.mbs-client-app .mbs-voice-listen.is-listening .mbs-voice-mini-wave i:nth-child(3){animation-delay:.28s}.mbs-client-app .mbs-voice-listen.is-listening .mbs-voice-mini-wave i:nth-child(4){animation-delay:.42s}

.mbs-client-app .mbs-voice-player[hidden]{display:none!important}
.mbs-client-app .mbs-voice-player{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px;padding:9px 10px;border:1px solid #d7e4de;border-radius:14px;background:linear-gradient(135deg,#f1f8f5,#fbfcfa);box-shadow:0 8px 20px rgba(19,67,54,.06)}
.mbs-client-app .mbs-voice-player-main{display:flex;align-items:center;gap:8px;min-width:0}
.mbs-client-app .mbs-voice-speaker{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:10px;background:#173f36;color:#fff;font-size:13px;box-shadow:0 5px 12px rgba(18,61,51,.14)}
.mbs-client-app .mbs-voice-equalizer{display:flex;align-items:center;gap:2px;height:20px;width:22px;flex:0 0 22px}
.mbs-client-app .mbs-voice-equalizer i{width:2px;height:7px;border-radius:999px;background:#b4874d;transform-origin:center}
.mbs-client-app .mbs-voice-player.is-speaking .mbs-voice-equalizer i{animation:mbsVoiceEq .8s ease-in-out infinite}
.mbs-client-app .mbs-voice-player.is-speaking .mbs-voice-equalizer i:nth-child(2){animation-delay:.12s}.mbs-client-app .mbs-voice-player.is-speaking .mbs-voice-equalizer i:nth-child(3){animation-delay:.24s}.mbs-client-app .mbs-voice-player.is-speaking .mbs-voice-equalizer i:nth-child(4){animation-delay:.36s}.mbs-client-app .mbs-voice-player.is-speaking .mbs-voice-equalizer i:nth-child(5){animation-delay:.48s}
.mbs-client-app .mbs-voice-player.is-paused .mbs-voice-equalizer i{height:5px;opacity:.45}
@keyframes mbsVoiceEq{0%,100%{height:5px;opacity:.55}50%{height:18px;opacity:1}}
.mbs-client-app .mbs-voice-player-copy{display:grid;gap:1px;min-width:0}.mbs-client-app .mbs-voice-player-copy small{font-size:6.5px;font-weight:900;letter-spacing:.11em;color:#9a7840}.mbs-client-app .mbs-voice-player-copy strong{font-size:9.5px;color:#23443a;white-space:nowrap}
.mbs-client-app .mbs-voice-player-actions{display:flex;gap:5px;flex:0 0 auto}
.mbs-client-app .mbs-voice-player-actions button{display:flex;align-items:center;gap:4px;min-height:32px;padding:5px 8px;border:1px solid #d3ded9;border-radius:9px;background:#fff;color:#2c4c42;cursor:pointer;box-shadow:0 2px 6px rgba(32,63,54,.04)}
.mbs-client-app .mbs-voice-player-actions button:hover{border-color:#a8c2b7;background:#f9fbfa}.mbs-client-app .mbs-voice-player-actions button.is-stop{border-color:#ead4cf;color:#925247;background:#fffaf9}.mbs-client-app .mbs-voice-player-actions button.is-stop:hover{border-color:#d8aca3;background:#fff5f3}
.mbs-client-app .mbs-voice-player-actions span{font-size:8px}.mbs-client-app .mbs-voice-player-actions strong{font-size:7.5px}

@media(max-width:760px){
  .mbs-client-app .mbs-voice-sheet{box-shadow:0 -18px 60px rgba(8,30,24,.30)}
  .mbs-client-app .mbs-voice-head{padding:16px 14px 14px}.mbs-client-app .mbs-voice-head h2{font-size:19px}.mbs-client-app .mbs-voice-head p{max-width:250px;line-height:1.35}
  .mbs-client-app .mbs-voice-listen{min-width:min(250px,100%)}
  .mbs-client-app .mbs-voice-player{align-items:stretch;flex-direction:column;gap:8px;padding:9px}
  .mbs-client-app .mbs-voice-player-actions{display:grid;grid-template-columns:1fr 1fr}.mbs-client-app .mbs-voice-player-actions button{justify-content:center;min-height:35px}
}
@media(prefers-reduced-motion:reduce){
  .mbs-client-app .mbs-voice-launcher-orb::before,.mbs-client-app .mbs-voice-head-halo,.mbs-client-app .mbs-voice-equalizer i,.mbs-client-app .mbs-voice-mini-wave i{animation:none!important}
}

/* Voice 5 — navigation premium par catégories dans l’assistant */
.mbs-client-app .mbs-voice-category-card{display:grid;gap:10px}
.mbs-client-app .mbs-voice-category-intro{margin:0;color:#68766f;font-size:9px;line-height:1.45}
.mbs-client-app .mbs-voice-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mbs-client-app .mbs-voice-category-grid button{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;min-height:56px;padding:9px 10px;border:1px solid #dde6e2;border-radius:12px;background:linear-gradient(180deg,#fff,#fafcfb);color:#23463b;text-align:left;cursor:pointer;transition:.16s ease}
.mbs-client-app .mbs-voice-category-grid button:hover{transform:translateY(-1px);border-color:#aac7bb;box-shadow:0 7px 18px rgba(31,74,59,.08)}
.mbs-client-app .mbs-voice-category-grid button>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#edf5f1;color:#1f5e4e;font-weight:900}
.mbs-client-app .mbs-voice-category-grid button strong{font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbs-client-app .mbs-voice-category-grid button small{font-size:7.5px;color:#89958f}
@media(max-width:560px){.mbs-client-app .mbs-voice-category-grid{grid-template-columns:1fr}.mbs-client-app .mbs-voice-category-grid button{min-height:52px}}

/* Voice Categories 0.1.69 — navigation catégorie > produits. */
.mbs-client-app .mbs-voice-category-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:7px 10px;border:1px solid #d9e3de;border-radius:10px;background:#f8fbf9;color:#315449;font:800 9px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.mbs-client-app .mbs-voice-category-back:hover{border-color:#aac5ba;background:#eef6f2}

/* Voice Hero 0.1.70 — assistant vocal visible à côté de la prochaine livraison. */
.mbs-client-app .mbs-commerce-hero{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
.mbs-client-app .mbs-hero-utilities{
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  gap:12px;
  width:max-content;
  max-width:100%;
}
.mbs-client-app .mbs-hero-utilities .mbs-next-delivery{
  width:250px;
  min-width:230px;
  align-self:stretch;
  margin:0;
}
.mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher{
  position:relative;
  right:auto;
  bottom:auto;
  z-index:2;
  align-self:stretch;
  min-width:210px;
  width:210px;
  min-height:0;
  margin:0;
  padding:10px 13px 10px 9px;
  border-radius:17px;
}
.mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-orb{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:15px;
}
.mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-orb .mbs-icon{
  width:24px;
  height:24px;
  color:#fff;
  stroke-width:1.8;
}
.mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-copy small{font-size:6.8px}
.mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-copy strong{font-size:16px}
.mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-copy em{font-size:7.8px}
.mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher::after{left:69px;right:16px;bottom:7px}

/* Le panneau s’ouvre à droite de l’écran, sans dépendre d’un bouton flottant en bas. */
@media (min-width:761px){
  .mbs-client-app .mbs-voice-overlay:not([hidden]){
    align-items:center;
    justify-content:flex-end;
    padding:24px;
  }
  .mbs-client-app .mbs-voice-sheet{max-height:calc(100dvh - 48px)}
}

/* Tablette paysage / petit desktop : les deux cartes restent regroupées. */
@media (min-width:901px) and (max-width:1199px){
  .mbs-client-app .mbs-commerce-hero{grid-template-columns:minmax(0,1fr) 285px!important}
  .mbs-client-app .mbs-hero-utilities{display:grid;grid-template-columns:1fr;width:285px;gap:9px}
  .mbs-client-app .mbs-hero-utilities .mbs-next-delivery{width:100%;min-width:0;padding:14px 15px}
  .mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher{display:flex;width:100%;min-width:0;min-height:64px;padding:8px 12px 8px 8px}
}

/* Tablette portrait : livraison + assistant côte à côte sous le texte. */
@media (min-width:761px) and (max-width:900px){
  .mbs-client-app .mbs-commerce-hero{grid-template-columns:1fr!important}
  .mbs-client-app .mbs-hero-utilities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:10px;justify-self:stretch}
  .mbs-client-app .mbs-hero-utilities .mbs-next-delivery{width:100%;min-width:0;max-width:none;justify-self:stretch}
  .mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher{display:flex;width:100%;min-width:0;min-height:100%;padding:9px 12px 9px 9px}
}

/* Mobile : le bouton reste dans le hero, donc toujours visible près de la livraison. */
@media (max-width:760px){
  .mbs-client-app .mbs-hero-utilities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);width:100%;gap:9px;justify-self:stretch}
  .mbs-client-app .mbs-hero-utilities .mbs-next-delivery{width:100%!important;min-width:0!important;max-width:none!important;padding:13px!important}
  .mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher{
    display:flex;
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    height:auto;
    min-width:0;
    min-height:100%;
    padding:8px;
    border-radius:14px;
    z-index:2;
  }
  .mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-orb{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-copy{display:grid}
  .mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-copy small{font-size:6px}
  .mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-copy strong{font-size:13px}
  .mbs-client-app .mbs-commerce-hero .mbs-voice-launcher-copy em{font-size:6.7px;white-space:normal}
  body.mbs-mobile-cart-open .mbs-commerce-hero .mbs-voice-launcher,
  body.mbs-mobile-search-open .mbs-commerce-hero .mbs-voice-launcher,
  body.mbs-voice-open .mbs-commerce-hero .mbs-voice-launcher{opacity:1;pointer-events:auto}
  body.mbs-voice-open .mbs-commerce-hero .mbs-voice-launcher{pointer-events:none}
}
@media (max-width:480px){
  .mbs-client-app .mbs-hero-utilities{grid-template-columns:1fr}
  .mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher{min-height:62px}
}


/* Voice Follow 0.1.71 — hero + relais flottant premium pendant le scroll. */
.mbs-client-app .mbs-voice-follow{
  position:fixed;right:24px;bottom:24px;z-index:118;display:flex;align-items:center;gap:10px;
  width:62px;min-width:62px;height:62px;padding:7px;overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:20px;
  background:linear-gradient(145deg,#173f36,#0d2e27);color:#fff;box-shadow:0 16px 38px rgba(12,45,37,.30),inset 0 1px rgba(255,255,255,.12);
  cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.94);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease,width .22s ease,box-shadow .18s ease
}
.mbs-client-app .mbs-voice-follow.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mbs-client-app .mbs-voice-follow:hover,.mbs-client-app .mbs-voice-follow:focus-visible{width:190px;box-shadow:0 20px 46px rgba(12,45,37,.35),inset 0 1px rgba(255,255,255,.14);outline:none}
.mbs-client-app .mbs-voice-follow-orb{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:linear-gradient(145deg,#bd8749,#8f6030);box-shadow:inset 0 1px rgba(255,255,255,.24),0 7px 18px rgba(0,0,0,.14)}
.mbs-client-app .mbs-voice-follow-orb .mbs-icon{width:23px;height:23px;color:#fff;stroke-width:1.8}
.mbs-client-app .mbs-voice-follow-copy{display:grid;gap:1px;min-width:105px;opacity:0;transform:translateX(-5px);transition:opacity .16s ease .04s,transform .16s ease .04s;text-align:left}
.mbs-client-app .mbs-voice-follow:hover .mbs-voice-follow-copy,.mbs-client-app .mbs-voice-follow:focus-visible .mbs-voice-follow-copy{opacity:1;transform:translateX(0)}
.mbs-client-app .mbs-voice-follow-copy small{font-size:6.5px;font-weight:900;letter-spacing:.13em;color:#d8b980;white-space:nowrap}
.mbs-client-app .mbs-voice-follow-copy strong{font:700 15px/1.05 Georgia,serif;color:#fff;white-space:nowrap}
.mbs-client-app .mbs-voice-follow-badge{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:3px solid #fff;border-radius:999px;background:#b35d48;color:#fff;font-size:8.5px;font-weight:900}
body.mbs-voice-open .mbs-voice-follow,body.mbs-mobile-cart-open .mbs-voice-follow,body.mbs-mobile-search-open .mbs-voice-follow{opacity:0!important;pointer-events:none!important;transform:translateY(10px) scale(.94)!important}
@media(max-width:760px){
  .mbs-client-app .mbs-voice-follow{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));width:56px;min-width:56px;height:56px;padding:5px;border-radius:18px}
  .mbs-client-app .mbs-voice-follow:hover,.mbs-client-app .mbs-voice-follow:focus-visible{width:56px}
  .mbs-client-app .mbs-voice-follow-orb{width:44px;height:44px;flex-basis:44px;border-radius:14px}
  .mbs-client-app .mbs-voice-follow-copy{display:none}
}
@media(prefers-reduced-motion:reduce){.mbs-client-app .mbs-voice-follow,.mbs-client-app .mbs-voice-follow-copy{transition:none!important}}

/* Voice catalogue 0.1.72 — catégories réelles proposées en cas de demande inconnue. */
.mbs-client-app .mbs-voice-category-suggestions{display:grid;gap:9px;padding:11px 12px;border:1px solid #eadfbe;border-radius:14px;background:linear-gradient(180deg,#fffdf7,#fbf7ea);box-shadow:0 8px 22px rgba(79,63,25,.05)}
.mbs-client-app .mbs-voice-category-suggestions>strong{font-size:11px;color:#3e4b42}.mbs-client-app .mbs-voice-category-suggestions>span{font-size:9px;line-height:1.45;color:#7d796d}

/* Voice mobile 0.1.73 — scroll tactile fiable + actions toujours accessibles. */
.mbs-client-app .mbs-voice-sheet{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.mbs-client-app .mbs-voice-head,
.mbs-client-app .mbs-voice-quick{
  flex:0 0 auto;
}
.mbs-client-app .mbs-voice-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scrollbar-gutter:stable;
}
.mbs-client-app .mbs-voice-safety{
  flex:0 0 auto;
  order:4;
  margin:0;
  background:#fffdf9;
}
.mbs-client-app .mbs-voice-actions{
  position:relative;
  z-index:4;
  flex:0 0 auto;
  order:5;
  background:rgba(255,253,249,.98);
  border-top:1px solid #ebe7df;
  box-shadow:0 -10px 24px rgba(22,47,39,.07);
}

@media(max-width:760px){
  .mbs-client-app .mbs-voice-overlay:not([hidden]){
    align-items:flex-end;
    justify-content:center;
    padding:0;
    overflow:hidden;
    overscroll-behavior:none;
  }
  .mbs-client-app .mbs-voice-sheet{
    width:calc(100vw - 8px);
    height:auto;
    max-height:calc(100vh - 8px);
    max-height:calc(100dvh - 8px);
    margin:0 4px max(4px,env(safe-area-inset-bottom));
    border-radius:24px 24px 18px 18px;
  }
  .mbs-client-app .mbs-voice-head{
    padding:13px 13px 11px;
  }
  .mbs-client-app .mbs-voice-quick{
    flex:0 0 auto;
    padding:8px 10px 7px;
  }
  .mbs-client-app .mbs-voice-body{
    padding:10px 11px 14px;
    min-height:96px;
    max-height:none;
    scroll-padding-bottom:18px;
  }
  /* Une seule zone de scroll sur mobile : évite le verrouillage des listes imbriquées. */
  .mbs-client-app .mbs-voice-choice-list{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0;
  }
  .mbs-client-app .mbs-voice-transcript-label textarea{
    resize:none;
  }
  .mbs-client-app .mbs-voice-safety{
    order:4;
    padding:8px 12px 7px;
    border-top:1px solid #f0ede7;
    font-size:8px;
    line-height:1.25;
  }
  .mbs-client-app .mbs-voice-actions{
    order:5;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    gap:7px;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom));
  }
  .mbs-client-app .mbs-voice-actions .mbs-btn{
    min-width:0;
    min-height:48px;
    padding-left:8px;
    padding-right:8px;
    font-size:10px;
    white-space:normal;
  }
}

@media(max-width:420px), (max-height:650px) and (max-width:760px){
  .mbs-client-app .mbs-voice-head p{display:none}
  .mbs-client-app .mbs-voice-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .mbs-client-app .mbs-voice-quick button{grid-template-rows:28px auto;min-height:58px;padding:5px 3px}
  .mbs-client-app .mbs-voice-quick button>span{width:28px;height:28px}
  .mbs-client-app .mbs-voice-quick button small{display:none}
  .mbs-client-app .mbs-voice-quick strong{font-size:7.4px;white-space:normal;text-align:center;line-height:1.05}
  .mbs-client-app .mbs-voice-safety{display:none}
}

/* 0.1.78 — retour mobile/tablette lors du filtrage par catégorie. */
.mbs-client-app .mbs-category-feedback{display:none}
@media (max-width:1199px), (max-width:1400px) and (hover:none) and (pointer:coarse){
  .mbs-client-app .mbs-category-feedback{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    margin:3px 0 8px;
    padding:7px 10px;
    border:1px solid #dbe8e1;
    border-radius:11px;
    background:#f4f9f6;
    color:#25594b;
    font-size:9px;
    font-weight:850;
    opacity:0;
    transform:translateY(-3px);
    transition:opacity .16s ease,transform .16s ease;
  }
  .mbs-client-app .mbs-category-feedback[hidden]{display:none!important}
  .mbs-client-app .mbs-category-feedback.is-visible{opacity:1;transform:none}
}


/* 0.1.77 — le filtrage catégorie doit toujours gagner sur les vues mobiles.
   Les règles Liste/Compact/Photo utilisent display:grid!important ; on renforce donc
   explicitement l'état filtré après toutes les règles de présentation. */
.mbs-client-app .mbs-products-grid .mbs-product[hidden],
.mbs-client-app .mbs-products-grid .mbs-product.is-filtered-out{
  display:none!important;
}
@media(max-width:760px){
  .mbs-client-app .mbs-products-grid[data-view="list"] .mbs-product[hidden],
  .mbs-client-app .mbs-products-grid[data-view="compact"] .mbs-product[hidden],
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-product[hidden],
  .mbs-client-app .mbs-products-grid[data-view="list"] .mbs-product.is-filtered-out,
  .mbs-client-app .mbs-products-grid[data-view="compact"] .mbs-product.is-filtered-out,
  .mbs-client-app .mbs-products-grid[data-view="photo"] .mbs-product.is-filtered-out{
    display:none!important;
  }
}

/* 0.1.79 — Messages / anomalies : vue smartphone lisible et compacte.
   Les dossiers restent accessibles en carrousel, mais chaque carte garde une
   largeur suffisante. Cela corrige le flex-shrink qui les transformait en
   colonnes étroites sur mobile. */
@media (max-width:760px){
  .mbs-client-app.mbs-client-tab-messages .mbs-page-head{
    padding:20px 16px 12px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-page-head h1{
    font-size:30px!important;
    line-height:1.02!important;
    margin:5px 0 5px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-page-head p{
    max-width:34rem;
    font-size:13px!important;
    line-height:1.38!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-messages-layout{
    display:block!important;
    min-width:0!important;
    padding:0 14px calc(104px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;
  }

  /* Sélecteur de dossiers : une grande carte à la fois, glissable au doigt. */
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-list{
    display:flex!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 13px!important;
    margin:0 0 8px!important;
    scroll-snap-type:x mandatory;
    scroll-padding-left:2px;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-list::-webkit-scrollbar{display:none!important}
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket{
    flex:0 0 min(84vw,330px)!important;
    width:min(84vw,330px)!important;
    min-width:min(84vw,330px)!important;
    max-width:min(84vw,330px)!important;
    box-sizing:border-box!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    padding:13px 14px 12px 15px!important;
    gap:5px!important;
    border-radius:14px!important;
    box-shadow:0 5px 16px rgba(31,45,39,.045)!important;
    overflow:hidden!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket.is-active{
    border-color:#1a5a4c!important;
    box-shadow:inset 4px 0 #155447,0 8px 20px rgba(23,63,55,.10)!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket>strong{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.24!important;
    letter-spacing:0!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket>span:not(.mbs-ticket-status){
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:10px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-status,
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-unread{
    width:max-content!important;
    max-width:100%!important;
    justify-self:start!important;
    white-space:nowrap!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-status{
    margin-top:3px!important;
    font-size:10px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-unread{
    margin-top:3px!important;
    font-size:9px!important;
  }

  /* Conversation : aucune largeur héritée du desktop, contenu respirant. */
  .mbs-client-app.mbs-client-tab-messages .mbs-thread{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-top:0!important;
    padding:15px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread>header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread>header>div{
    min-width:0!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread>header small{
    display:block!important;
    font-size:10px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread h2{
    margin:5px 0 3px!important;
    font-size:22px!important;
    line-height:1.12!important;
    overflow-wrap:break-word!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread>header>.mbs-status{
    justify-self:start!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:12px 0!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts>div{
    min-width:0!important;
    padding:9px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts strong{
    display:block!important;
    min-width:0!important;
    font-size:11px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-client-ticket-state{
    padding:11px 12px!important;
    margin:11px 0 12px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-description{
    margin:10px 0!important;
    padding:11px!important;
    font-size:12px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-messages{
    max-height:none!important;
    overflow:visible!important;
    padding:12px 0!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-bubble{
    max-width:90%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding-bottom:4px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-form textarea{
    width:100%!important;
    min-width:0!important;
    min-height:86px!important;
    box-sizing:border-box!important;
    font-size:16px!important; /* évite le zoom automatique iOS */
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-form .mbs-btn{
    width:100%!important;
    min-height:46px!important;
  }
}

@media (max-width:380px){
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket{
    flex-basis:88vw!important;
    width:88vw!important;
    min-width:88vw!important;
    max-width:88vw!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts{
    grid-template-columns:1fr!important;
  }
}


/* 0.1.80 — navigation client mobile fixée au viewport, même dans un thème transformé. */
.mbs-mobile-nav.mbs-mobile-nav-viewport{display:none}
@media (max-width:1199px), (max-width:1400px) and (hover:none) and (pointer:coarse){
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport{
    position:fixed!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:end!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    min-height:72px!important;
    margin:0!important;
    padding:6px max(8px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;
    box-sizing:border-box!important;
    background:rgba(255,253,249,.985)!important;
    border:0!important;
    border-top:1px solid #e3ded5!important;
    border-radius:0!important;
    box-shadow:0 -8px 26px rgba(31,45,39,.10)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
    transform:none!important;
    translate:none!important;
    contain:none!important;
    isolation:isolate;
    z-index:2147483000!important;
  }
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport a{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:2px!important;
    min-width:0!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 2px!important;
    border:0!important;
    background:transparent!important;
    color:#5d6661!important;
    text-decoration:none!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:800!important;
    transform:none;
  }
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport a .mbs-icon{width:22px!important;height:22px!important}
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport a.is-active:not(.mbs-client-order-nav){color:#155e50!important}
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport a.is-active:not(.mbs-client-order-nav)::before{
    content:"";position:absolute;top:-6px;width:24px;height:3px;border-radius:0 0 4px 4px;background:#155e50
  }
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav{
    color:#173f37!important;font-size:9px!important;font-weight:900!important;transform:translateY(-5px)!important
  }
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav .mbs-icon{
    width:42px!important;height:42px!important;padding:10px!important;border-radius:14px!important;
    background:linear-gradient(145deg,#216252,#123f35)!important;color:#fff!important;
    box-shadow:0 9px 20px rgba(21,94,80,.28)!important;box-sizing:border-box!important
  }
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav.is-active .mbs-icon{
    background:linear-gradient(145deg,#b98345,#8f6232)!important;
    box-shadow:0 9px 20px rgba(143,98,50,.28)!important
  }
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav span{margin-top:1px!important;color:#173f37!important}
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-mobile-unread{position:absolute;top:3px;left:calc(50% + 8px);z-index:2}
  html.mbs-mobile-cart-open body>.mbs-mobile-nav.mbs-mobile-nav-viewport,
  body.mbs-mobile-cart-open>.mbs-mobile-nav.mbs-mobile-nav-viewport,
  html.mbs-mobile-search-open body>.mbs-mobile-nav.mbs-mobile-nav-viewport,
  body.mbs-mobile-search-open>.mbs-mobile-nav.mbs-mobile-nav-viewport,
  html.mbs-voice-open body>.mbs-mobile-nav.mbs-mobile-nav-viewport,
  body.mbs-voice-open>.mbs-mobile-nav.mbs-mobile-nav-viewport{visibility:hidden!important;pointer-events:none!important}
}
@media (min-width:1200px) and (hover:hover) and (pointer:fine){
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport{display:none!important}
}

/* 0.1.81 — Messages mobile : historique explicite et dossiers réellement lisibles. */
.mbs-client-app .mbs-ticket-preview{font-style:normal}
.mbs-client-app .mbs-ticket-preview b{color:#244139;font-weight:800}
.mbs-client-app .mbs-ticket-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mbs-client-app .mbs-ticket-meta em{font-style:normal;color:#7b8580;font-size:10px;font-weight:700}
.mbs-client-app .mbs-thread-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 2px;padding-top:13px;border-top:1px solid #e7e3dc}
.mbs-client-app .mbs-thread-history-head strong{font-size:13px;color:#203a33}
.mbs-client-app .mbs-thread-history-head span{font-size:10px;font-weight:800;color:#6f7d77;background:#f1f4f2;border-radius:999px;padding:5px 8px}
.mbs-client-app .mbs-thread-new-ticket-note{margin:10px 0 3px;padding:10px 12px;border:1px solid #e6dfd4;border-radius:10px;background:#fbf8f2;color:#65716c;font-size:11px;line-height:1.4}

@media (max-width:760px){
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-list{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    flex:0 0 min(calc(100vw - 48px),360px)!important;
    width:min(calc(100vw - 48px),360px)!important;
    min-width:min(calc(100vw - 48px),360px)!important;
    max-width:min(calc(100vw - 48px),360px)!important;
    min-height:132px!important;
    padding:14px 15px!important;
    gap:6px!important;
    scroll-snap-align:center!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket>strong{
    font-size:15px!important;
    line-height:1.22!important;
    -webkit-line-clamp:2!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-order{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:10px!important;
    color:#8a918d!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-preview{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
    line-height:1.35!important;
    color:#53615b!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    margin-top:2px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-meta em{
    flex:0 0 auto!important;
    font-size:9px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-meta .mbs-ticket-status{
    margin:0!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-history-head{
    position:sticky;
    top:0;
    z-index:2;
    margin:14px -15px 0!important;
    padding:11px 15px!important;
    background:rgba(255,255,255,.96);
    border-top:1px solid #e8e3dc;
    border-bottom:1px solid #eeeae3;
    backdrop-filter:blur(8px);
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-messages{
    display:grid!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    padding:12px 0!important;
    overflow:visible!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-bubble{
    display:block!important;
    width:fit-content!important;
    max-width:88%!important;
    padding:11px 12px!important;
    border-radius:13px!important;
    font-size:12px!important;
    line-height:1.45!important;
    overflow:visible!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-bubble.is-manager{
    margin-left:0!important;
    margin-right:auto!important;
    background:#f5ece4!important;
    border-bottom-left-radius:4px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-bubble.is-client{
    margin-left:auto!important;
    margin-right:0!important;
    background:#e8f1eb!important;
    border-bottom-right-radius:4px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-bubble small{
    display:block!important;
    margin-bottom:4px!important;
    font-size:9px!important;
    font-weight:800!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-bubble p{
    margin:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-new-ticket-note{
    margin-top:10px!important;
    font-size:11px!important;
  }
}

/* 0.1.82 — Messages mobile : vraie boîte de réception lisible.
   Sur téléphone, le carrousel de dossiers est remplacé par un sélecteur compact,
   et les dernières réponses de la boulangerie restent visibles même si un nouveau
   signalement ne contient encore que le message du client. */
.mbs-client-app .mbs-mobile-message-tools{display:none}

@media (max-width:760px){
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-message-tools{
    display:grid!important;
    gap:12px!important;
    margin:0 14px 12px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-ticket-picker-label{
    display:grid!important;
    gap:6px!important;
    margin:0!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-ticket-picker-label>span{
    color:#8b6d4f!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  .mbs-client-app.mbs-client-tab-messages [data-mbs-mobile-ticket-picker]{
    width:100%!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    padding:0 42px 0 13px!important;
    border:1px solid #dcd7cf!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#20332e!important;
    font-size:14px!important;
    font-weight:800!important;
    box-shadow:0 5px 16px rgba(31,45,39,.04)!important;
  }
  /* Le sélecteur remplace le rail qui était fragile selon les thèmes et navigateurs. */
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-list{
    display:none!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies{
    display:grid!important;
    gap:8px!important;
    padding:12px!important;
    border:1px solid #ded8cf!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,#fff,#fbf8f2)!important;
    box-shadow:0 6px 18px rgba(31,45,39,.045)!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies-head strong{
    color:#183d34!important;
    font-size:13px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies-head span{
    display:grid!important;
    place-items:center!important;
    min-width:24px!important;
    height:24px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:#e8f2ed!important;
    color:#155447!important;
    font-size:10px!important;
    font-weight:900!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies-list{
    display:grid!important;
    gap:7px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies-list a{
    display:grid!important;
    gap:3px!important;
    min-width:0!important;
    padding:9px 10px!important;
    border:1px solid #ebe6df!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#24332e!important;
    text-decoration:none!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies-list a:active{
    background:#f1f7f3!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies-list small{
    color:#8b918d!important;
    font-size:9px!important;
    font-weight:700!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies-list strong{
    min-width:0!important;
    color:#20352f!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-recent-replies-list span{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#5f6c67!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread{
    margin-top:2px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-messages{
    display:grid!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-bubble{
    visibility:visible!important;
    opacity:1!important;
  }
}


/* 0.1.173 — historique des échanges conservé, sans suppression client. */
.mbs-bubble-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
@media(max-width:760px){.mbs-bubble-top{align-items:flex-start}}


/* 0.1.90 — confirmation obligatoire de la note client avant envoi */
.mbs-client-order-note{margin:18px 0;padding:18px;border:1px solid #dbe6df;border-radius:18px;background:linear-gradient(145deg,#fbfdfb,#f4f8f5);box-shadow:0 8px 24px rgba(25,70,48,.06)}
.mbs-client-order-note.is-complete{border-color:#9bc8ad;background:linear-gradient(145deg,#fbfefc,#eef8f1)}
.mbs-client-order-note.has-error{border-color:#d66b6b;box-shadow:0 0 0 3px rgba(214,107,107,.10)}
.mbs-client-order-note-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
.mbs-client-order-note-head>div{display:flex;align-items:center;gap:10px}.mbs-client-order-note-head svg{width:22px;height:22px}
.mbs-client-order-note-head small{display:block;font-size:10px;letter-spacing:.11em;color:#738177;font-weight:800}.mbs-client-order-note-head strong{display:block;font-size:17px;color:#173d2a}
.mbs-client-order-note-head>b{padding:5px 9px;border-radius:999px;background:#fff1d8;color:#8a5d12;font-size:11px}.mbs-client-order-note.is-complete .mbs-client-order-note-head>b{background:#e2f4e7;color:#26643c}
.mbs-client-order-note>p{margin:0 0 12px;color:#5c685f;font-size:13px}.mbs-client-order-note textarea{width:100%;min-height:96px;resize:vertical;border:1px solid #cfdad3;border-radius:13px;padding:12px 13px;background:#fff;font:inherit;box-sizing:border-box}.mbs-client-order-note textarea:disabled{background:#eef1ef;color:#9aa29d}
.mbs-no-client-note{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 12px;border-radius:12px;background:#fff;border:1px solid #e2e9e4;cursor:pointer}.mbs-no-client-note input{margin-top:3px}.mbs-no-client-note strong,.mbs-no-client-note small{display:block}.mbs-no-client-note small{margin-top:2px;color:#77837b;font-size:11px}
.mbs-client-note-status{margin-top:10px;font-size:12px;font-weight:700;color:#8a5d12}.mbs-client-note-status.is-ok{color:#277047}
.mbs-client-order-note-readonly{margin:14px 0;padding:14px 16px;border-radius:14px;background:#f6faf7;border:1px solid #dce8e0}.mbs-client-order-note-readonly small{display:block;color:#728077;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800;margin-bottom:5px}.mbs-client-order-note-readonly strong{display:block;color:#203e2e;font-size:13px;line-height:1.5}
@media(max-width:760px){.mbs-client-order-note{padding:14px;margin:14px 0;border-radius:15px}.mbs-client-order-note-head{align-items:flex-start}.mbs-client-order-note-head strong{font-size:15px}.mbs-client-order-note-head>b{font-size:10px;white-space:nowrap}}

/* 0.1.113 — portail client : raffinement hero, étapes et entêtes */
.mbs-client-app .mbs-commerce-hero{
  position:relative;
  min-height:286px;
  padding:44px 32px 34px;
  align-items:end;
  overflow:hidden;
}
.mbs-client-app .mbs-commerce-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 26%),radial-gradient(circle at 70% 18%,rgba(255,234,205,.12) 0,transparent 26%);
  pointer-events:none;
}
.mbs-client-app .mbs-commerce-hero > *{position:relative;z-index:1}
.mbs-client-app .mbs-commerce-hero .mbs-commerce-hero-copy{padding-right:16px}
.mbs-client-app .mbs-commerce-hero h1{
  margin:10px 0 12px;
  text-shadow:0 10px 25px rgba(0,0,0,.16);
}
.mbs-client-app .mbs-commerce-hero p{
  max-width:560px;
  color:rgba(255,255,255,.9);
}
.mbs-client-app .mbs-hero-utilities{
  align-self:start;
  margin-top:4px;
}
.mbs-client-app .mbs-hero-utilities .mbs-next-delivery{
  width:258px;
  min-width:240px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(249,245,238,.97) 100%);
  box-shadow:0 20px 38px rgba(18,28,25,.16), inset 0 1px rgba(255,255,255,.6);
}
.mbs-client-app .mbs-hero-utilities .mbs-next-delivery .mbs-icon{color:#b06d44}
.mbs-client-app .mbs-hero-utilities .mbs-next-delivery small{
  color:#987961;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mbs-client-app .mbs-hero-utilities .mbs-next-delivery strong{
  color:#16342c;
  font-size:28px;
  line-height:1;
  margin:3px 0 4px;
}
.mbs-client-app .mbs-hero-utilities .mbs-next-delivery button,
.mbs-client-app .mbs-hero-utilities .mbs-next-delivery a{
  color:#0d5a49;
  text-decoration:none;
  font-weight:800;
}
.mbs-client-app .mbs-hero-utilities .mbs-next-delivery button:hover,
.mbs-client-app .mbs-hero-utilities .mbs-next-delivery a:hover{text-decoration:underline}

.mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher{
  border:1px solid rgba(230,201,153,.28);
  border-radius:18px;
  background:linear-gradient(145deg,#173f36 0%,#0c2f28 100%);
  box-shadow:0 20px 40px rgba(12,45,37,.28), inset 0 1px rgba(255,255,255,.12);
}
.mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher::before{
  border-radius:18px;
  opacity:.78;
}
.mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher::after{
  height:1px;
  background:linear-gradient(90deg,rgba(230,201,153,0),rgba(230,201,153,.75),rgba(230,201,153,0));
}

.mbs-client-app .mbs-order-progress{
  margin:-10px 22px 18px;
  border:1px solid #ebe5db;
  border-top:0;
  border-radius:0 0 18px 18px;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(37,44,39,.05);
  background:#fffdf8;
}
.mbs-client-app .mbs-order-progress-step{
  min-height:70px;
  background:linear-gradient(180deg,#fffdf9 0%,#fff 100%);
}
.mbs-client-app .mbs-order-progress-step strong{font-size:12px;letter-spacing:.01em}
.mbs-client-app .mbs-order-progress-step small{font-size:10px;color:#8d948f}
.mbs-client-app .mbs-order-progress-step.is-active{
  background:linear-gradient(180deg,#f2f7f3 0%,#fcfbf7 100%);
}
.mbs-client-app .mbs-order-progress-step.is-active>span{
  box-shadow:0 6px 14px rgba(23,63,55,.16);
}

.mbs-client-app .mbs-feature-zone.is-featured .mbs-section-title{
  background:linear-gradient(180deg,#efe5d0 0%,#f6ecda 100%);
  border-bottom-color:#e5d6b9;
}
.mbs-client-app .mbs-feature-zone.is-featured .mbs-section-title h2,
.mbs-client-app .mbs-cart header h2{color:#16342c}
.mbs-client-app .mbs-feature-zone.is-featured .mbs-section-title>span{color:#8d7758}

.mbs-client-app .mbs-cart header{
  background:linear-gradient(180deg,#e4efea 0%,#edf5f1 100%);
  border-bottom-color:#d3e0da;
}
.mbs-client-app .mbs-cart header>span{
  background:#0f4d40;
  color:#fff;
  box-shadow:0 4px 10px rgba(15,77,64,.16);
}

@media (min-width:901px) and (max-width:1199px){
  .mbs-client-app .mbs-commerce-hero{padding:34px 28px 28px}
  .mbs-client-app .mbs-hero-utilities .mbs-next-delivery{width:100%;min-width:0}
  .mbs-client-app .mbs-hero-utilities .mbs-next-delivery strong{font-size:23px}
}
@media (min-width:761px) and (max-width:900px){
  .mbs-client-app .mbs-commerce-hero{padding:32px 24px 26px}
  .mbs-client-app .mbs-hero-utilities .mbs-next-delivery strong{font-size:23px}
}
@media (max-width:760px){
  .mbs-client-app .mbs-commerce-hero{min-height:235px;padding:24px 14px 20px}
  .mbs-client-app .mbs-commerce-hero h1{font-size:29px;line-height:1.04}
  .mbs-client-app .mbs-commerce-hero p{font-size:13px;max-width:none}
  .mbs-client-app .mbs-hero-utilities .mbs-next-delivery{padding:13px 14px!important;border-radius:16px}
  .mbs-client-app .mbs-hero-utilities .mbs-next-delivery strong{font-size:18px;line-height:1.12}
  .mbs-client-tab-order .mbs-commerce-hero .mbs-voice-launcher{border-radius:16px}
  .mbs-client-app .mbs-order-progress{margin:-6px 10px 12px;border-radius:0 0 14px 14px}
  .mbs-client-app .mbs-order-progress-step{min-height:52px}
}

/* 0.1.114 — client : zones supérieures un peu plus colorées */
.mbs-client-app .mbs-feature-zone.is-featured,
.mbs-client-app .mbs-discovery-zone,
.mbs-client-app .mbs-category-section,
.mbs-client-app .mbs-cart{
  box-shadow:0 10px 22px rgba(32,39,35,.04);
}

.mbs-client-app .mbs-feature-zone.is-featured{
  background:linear-gradient(180deg,#fffdfa 0%,#fff 100%);
  border-color:#e8dcc2;
}
.mbs-client-app .mbs-feature-zone.is-featured .mbs-section-title{
  background:linear-gradient(180deg,#f4e8cc 0%,#f9f1dd 100%);
  border-bottom-color:#e8d5aa;
}
.mbs-client-app .mbs-feature-zone.is-featured .mbs-section-title::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,rgba(185,145,74,.46),rgba(185,145,74,.08));
}
.mbs-client-app .mbs-feature-zone.is-featured .mbs-section-title h2{color:#1c362f}
.mbs-client-app .mbs-feature-zone.is-featured .mbs-eyebrow{color:#9b7640}

.mbs-client-app .mbs-discovery-zone{
  background:linear-gradient(180deg,#fffdfb 0%,#fff 100%);
  border-color:#ead9d0;
}
.mbs-client-app .mbs-discovery-zone .mbs-section-title{
  background:linear-gradient(180deg,#f8e5de 0%,#fcf0ea 100%);
  border-bottom-color:#ebd0c4;
}
.mbs-client-app .mbs-discovery-zone .mbs-section-title h2{color:#21352f}
.mbs-client-app .mbs-discovery-zone .mbs-eyebrow{color:#b06d53}

.mbs-client-app .mbs-category-section{
  background:linear-gradient(180deg,#fcfffd 0%,#fff 100%);
  border-color:#d9e6de;
}
.mbs-client-app .mbs-category-heading{
  background:linear-gradient(180deg,#e4f0ea 0%,#eff7f2 100%);
  border-bottom-color:#d1e0d8;
}
.mbs-client-app .mbs-category-heading h2{color:#16362e}
.mbs-client-app .mbs-category-heading .mbs-eyebrow{color:#4d7d6a}

.mbs-client-app .mbs-cart{
  border-color:#d7e3dd;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%);
}
.mbs-client-app .mbs-cart header{
  background:linear-gradient(180deg,#dcece5 0%,#e9f3ef 100%);
  border-bottom-color:#caded6;
}
.mbs-client-app .mbs-cart header::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,rgba(20,88,72,.32),rgba(20,88,72,.06));
}
.mbs-client-app .mbs-cart header>.mbs-icon,
.mbs-client-app .mbs-cart header .mbs-icon{color:#b56d43}
.mbs-client-app .mbs-cart h2{color:#16352d}
.mbs-client-app .mbs-cart header>span{background:#0f4d40;color:#fff}

.mbs-client-app .mbs-order-progress-step.is-active{
  background:linear-gradient(180deg,#edf6f1 0%,#fbfcf9 100%);
}

@media (max-width:760px){
  .mbs-client-app .mbs-feature-zone.is-featured .mbs-section-title,
  .mbs-client-app .mbs-discovery-zone .mbs-section-title,
  .mbs-client-app .mbs-category-heading,
  .mbs-client-app .mbs-cart header{
    padding-top:12px;
    padding-bottom:11px;
  }
}

/* 0.1.115 — page Favoris : zones titres colorées + vues compact/liste/photo */
.mbs-client-app .mbs-favorites-viewbar{padding:0 30px 16px;margin:0}
.mbs-client-app .mbs-favorites-viewbar>div:first-child>strong{font-size:24px}
.mbs-client-app .mbs-favorite-sections{padding:0 30px 34px;display:grid;gap:24px}
.mbs-client-app .mbs-favorite-sections>section+section{margin-top:0}
.mbs-client-app .mbs-favorite-block{border:1px solid #e4e5de;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(23,34,29,.04)}
.mbs-client-app .mbs-favorite-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid #ece8de}
.mbs-client-app .mbs-favorite-section-head h2{margin:4px 0 0;font-size:24px;color:#18352e}
.mbs-client-app .mbs-favorite-section-head>span{font-size:12px;color:#6f776f}
.mbs-client-app .mbs-favorite-block-manual .mbs-favorite-section-head{background:linear-gradient(180deg,#f4e7cb 0%,#fbf3df 100%)}
.mbs-client-app .mbs-favorite-block-manual .mbs-eyebrow{color:#9d7741}
.mbs-client-app .mbs-favorite-block-habits .mbs-favorite-section-head{background:linear-gradient(180deg,#e3efe9 0%,#f0f7f3 100%)}
.mbs-client-app .mbs-favorite-block-habits .mbs-eyebrow{color:#4f7b6a}

.mbs-client-app .mbs-favorites-grid{padding:16px;gap:14px}
.mbs-client-app .mbs-favorite-card{border-radius:14px;border-color:#e4e5de;box-shadow:0 6px 18px rgba(20,32,27,.04);transition:transform .16s ease,box-shadow .16s ease}
.mbs-client-app .mbs-favorite-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(20,32,27,.07)}
.mbs-client-app .mbs-favorite-card>div:last-child{display:grid;gap:4px}
.mbs-client-app .mbs-favorite-card small{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#8a7b68}
.mbs-client-app .mbs-favorite-card h3{font-size:18px;line-height:1.18;margin:0;color:#162521}
.mbs-client-app .mbs-favorite-card span{font-size:12px;color:#69736d}

/* Photo */
.mbs-client-app .mbs-favorites-grid[data-view="photo"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.mbs-client-app .mbs-favorites-grid[data-view="photo"] .mbs-favorite-card{display:block}
.mbs-client-app .mbs-favorites-grid[data-view="photo"] .mbs-product-image{height:150px;min-height:150px}
.mbs-client-app .mbs-favorites-grid[data-view="photo"] .mbs-favorite-card>div:last-child{padding:14px}

/* Compact */
.mbs-client-app .mbs-favorites-grid[data-view="compact"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-favorite-card{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:stretch;min-height:118px}
.mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-product-image{height:100%;min-height:118px;background-position:center}
.mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-favorite-card>div:last-child{padding:12px 14px;align-content:center}
.mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-favorite-card h3{font-size:17px}

/* Liste */
.mbs-client-app .mbs-favorites-grid[data-view="list"]{display:grid;grid-template-columns:1fr;gap:10px}
.mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;min-height:74px}
.mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-product-image{height:100%;min-height:74px;background-position:center}
.mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card>div:last-child{padding:10px 12px}
.mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card small,
.mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card span{font-size:11px}

@media (min-width:1181px){
  .mbs-client-app .mbs-favorites-grid[data-view="compact"]{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:980px){
  .mbs-client-app .mbs-favorites-viewbar,
  .mbs-client-app .mbs-favorite-sections{padding-left:22px;padding-right:22px}
  .mbs-client-app .mbs-favorites-grid[data-view="photo"]{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mbs-client-app .mbs-favorites-grid[data-view="compact"]{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .mbs-client-app .mbs-favorites-viewbar{padding:0 14px 12px!important;display:grid;gap:8px}
  .mbs-client-app .mbs-favorites-viewbar>div:first-child{display:flex;justify-content:space-between;align-items:baseline}
  .mbs-client-app .mbs-favorites-viewbar>div:first-child .mbs-eyebrow{display:none}
  .mbs-client-app .mbs-favorites-viewbar>div:first-child>strong{font-size:20px}
  .mbs-client-app .mbs-favorite-sections{padding:0 12px 90px!important;gap:14px}
  .mbs-client-app .mbs-favorite-section-head{padding:12px 14px;display:grid;gap:3px}
  .mbs-client-app .mbs-favorite-section-head h2{font-size:20px}
  .mbs-client-app .mbs-favorite-section-head>span{font-size:11px}
  .mbs-client-app .mbs-favorites-grid{padding:10px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="photo"]{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="photo"] .mbs-product-image{height:110px!important;min-height:110px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="photo"] .mbs-favorite-card>div:last-child{padding:10px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="compact"]{grid-template-columns:1fr!important;gap:8px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-favorite-card{grid-template-columns:84px minmax(0,1fr)!important;min-height:84px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-product-image{min-height:84px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-favorite-card>div:last-child{padding:9px 10px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-favorite-card h3{font-size:13px!important;line-height:1.16!important}
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card{grid-template-columns:58px minmax(0,1fr)!important;min-height:58px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-product-image{min-height:58px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card>div:last-child{padding:8px 9px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card h3{font-size:12px!important}
}

/* 0.1.116 — Mes commandes : filtres période + archives annuelles */
.mbs-client-app .mbs-orders-page-head{padding-bottom:18px}
.mbs-client-app .mbs-orders-tools{
  margin:0 30px 14px;
  padding:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
  background:linear-gradient(180deg,#fffdf9 0%,#fbfaf6 100%);
  border:1px solid #e5e2d9;
  border-radius:15px;
  box-shadow:0 8px 22px rgba(25,39,33,.035);
}
.mbs-client-app .mbs-orders-quick-filters{display:flex;gap:7px;flex-wrap:wrap}
.mbs-client-app .mbs-orders-quick-filters a{
  min-height:38px;
  padding:0 13px;
  border:1px solid #dde2de;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#47534e;
  text-decoration:none;
  background:#fff;
  font-size:11px;
  font-weight:800;
}
.mbs-client-app .mbs-orders-quick-filters a:hover{border-color:#9bb3aa;color:var(--cp-deep)}
.mbs-client-app .mbs-orders-quick-filters a.is-active{background:var(--cp-deep);border-color:var(--cp-deep);color:#fff;box-shadow:0 5px 12px rgba(23,63,55,.14)}
.mbs-client-app .mbs-orders-custom-filter{display:flex;align-items:end;gap:8px}
.mbs-client-app .mbs-orders-custom-filter label{display:grid;gap:4px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#727b76}
.mbs-client-app .mbs-orders-custom-filter input{height:38px;border:1px solid #dce1dd;border-radius:9px;background:#fff;padding:0 9px;color:#26352f}
.mbs-client-app .mbs-orders-custom-filter .mbs-btn{min-height:38px;padding:0 13px}

.mbs-client-app .mbs-orders-archives{
  margin:0 30px 14px;
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:13px 15px;
  border:1px solid #dce7e1;
  border-radius:15px;
  background:linear-gradient(180deg,#eaf3ef 0%,#f5faf7 100%);
}
.mbs-client-app .mbs-orders-archives>div{display:grid;gap:2px}
.mbs-client-app .mbs-orders-archives>div>strong{font:700 18px/1.1 Georgia,serif;color:#17362e}
.mbs-client-app .mbs-orders-archives nav{display:flex;gap:8px;overflow:auto;padding:2px 1px;scrollbar-width:thin}
.mbs-client-app .mbs-orders-archives nav a{
  min-width:105px;
  padding:9px 11px;
  display:grid;
  gap:1px;
  border:1px solid #d7e3dc;
  border-radius:11px;
  background:#fff;
  color:#21332d;
  text-decoration:none;
  box-shadow:0 3px 10px rgba(24,52,44,.03);
}
.mbs-client-app .mbs-orders-archives nav a strong{font-size:14px}
.mbs-client-app .mbs-orders-archives nav a span{font-size:9.5px;color:#79817d}
.mbs-client-app .mbs-orders-archives nav a.is-active{background:#17483d;border-color:#17483d;color:#fff}
.mbs-client-app .mbs-orders-archives nav a.is-active span{color:#d8e5e0}

.mbs-client-app .mbs-orders-summary{
  margin:0 30px 8px;
  padding:10px 4px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
}
.mbs-client-app .mbs-orders-summary>div{display:grid;gap:2px}
.mbs-client-app .mbs-orders-summary strong{font:700 22px/1.08 Georgia,serif;color:#172d27}
.mbs-client-app .mbs-orders-summary>span{font-size:11px;color:#78817c;font-weight:700}
.mbs-client-app .mbs-orders-list{padding-top:0}
.mbs-client-app .mbs-order-month-heading{
  margin:9px 0 2px;
  padding:9px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:10px;
  background:#f1ece1;
  color:#4b4438;
}
.mbs-client-app .mbs-order-month-heading strong{font:700 15px/1.1 Georgia,serif;text-transform:capitalize}
.mbs-client-app .mbs-order-month-heading span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#9b8768}
.mbs-client-app .mbs-order-card{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.mbs-client-app .mbs-order-card:hover{border-color:#cbd8d2;box-shadow:0 8px 20px rgba(23,45,38,.05);transform:translateY(-1px)}
.mbs-client-app .mbs-order-card.is-selected{border-color:#8db0a2;box-shadow:0 0 0 2px rgba(23,72,61,.07)}

@media(max-width:980px){
  .mbs-client-app .mbs-orders-tools{grid-template-columns:1fr;margin-left:22px;margin-right:22px}
  .mbs-client-app .mbs-orders-archives,.mbs-client-app .mbs-orders-summary{margin-left:22px;margin-right:22px}
}
@media(max-width:760px){
  .mbs-client-app .mbs-orders-tools{margin:0 12px 10px;padding:10px;gap:10px}
  .mbs-client-app .mbs-orders-quick-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .mbs-client-app .mbs-orders-quick-filters a{min-height:40px;padding:0 8px;font-size:10px}
  .mbs-client-app .mbs-orders-custom-filter{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .mbs-client-app .mbs-orders-custom-filter .mbs-btn{grid-column:1/-1;width:100%}
  .mbs-client-app .mbs-orders-custom-filter input{width:100%;min-width:0;box-sizing:border-box}
  .mbs-client-app .mbs-orders-archives{margin:0 12px 10px;padding:10px;grid-template-columns:1fr;gap:8px}
  .mbs-client-app .mbs-orders-archives nav{margin-right:-10px;padding-right:10px}
  .mbs-client-app .mbs-orders-archives nav a{min-width:98px}
  .mbs-client-app .mbs-orders-summary{margin:0 12px 5px;padding:7px 2px}
  .mbs-client-app .mbs-orders-summary strong{font-size:19px}
  .mbs-client-app .mbs-order-month-heading{margin-top:7px;padding:8px 10px}
  .mbs-client-app .mbs-order-month-heading strong{font-size:14px}
}

/* 0.1.119 — connexion client : réinitialisation du mot de passe */
.mbs-login-required{
  width:min(520px,calc(100% - 28px));
  margin:46px auto;
  padding:28px;
  border:1px solid #e1e5df;
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 45px rgba(25,39,33,.08);
  color:#1d2c27;
}
.mbs-login-required .mbs-login-head{margin-bottom:18px}
.mbs-login-required .mbs-login-head h2{margin:5px 0 6px;font-size:30px;color:#173f36}
.mbs-login-required .mbs-login-head p{margin:0;color:#727b76;font-size:13px}
.mbs-login-required form{display:grid;gap:12px}
.mbs-login-required form p{margin:0}
.mbs-login-required label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#3c4844}
.mbs-login-required input[type="text"],
.mbs-login-required input[type="password"]{
  width:100%;
  min-height:46px;
  border:1px solid #d9dfdb;
  border-radius:10px;
  padding:0 12px;
  background:#fff;
  box-sizing:border-box;
}
.mbs-login-required .login-remember label{display:flex;align-items:center;gap:8px;font-weight:600}
.mbs-login-required .login-submit{margin-top:4px}
.mbs-login-required .button-primary{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:10px;
  background:#0b5a49;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.mbs-login-required .button-primary:hover{background:#084c3e}
.mbs-login-required .mbs-login-help{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #eceeea;
  text-align:center;
}
.mbs-login-required .mbs-login-help a{color:#0b5a49;font-weight:800;text-decoration:none}
.mbs-login-required .mbs-login-help a:hover{text-decoration:underline}
@media(max-width:760px){
  .mbs-login-required{margin:22px auto;padding:20px;border-radius:15px}
  .mbs-login-required .mbs-login-head h2{font-size:26px}
}


/* 0.1.124 — Correctif panier desktop/tablette : boutons de retrait non rognés. */
.mbs-client-app .mbs-cart{box-sizing:border-box;min-width:0}
.mbs-client-app .mbs-cart *{box-sizing:border-box}
.mbs-client-app .mbs-cart-lines{min-width:0}
.mbs-client-app .mbs-cart-line{min-width:0;width:100%}
.mbs-client-app .mbs-cart-product{min-width:0}
.mbs-client-app .mbs-cart-remove{display:grid;place-items:center;flex:0 0 30px;width:30px;min-width:30px;max-width:30px;height:32px;margin:0;justify-self:end;border:1px solid #efb5ba;border-radius:8px;background:#fff;color:#c85d68}
.mbs-client-app .mbs-cart-remove:hover{background:#fff1f2;border-color:#dc7e87;color:#a63f49}
@media (min-width:761px){
  .mbs-client-app .mbs-cart{overflow:visible}
  .mbs-client-app .mbs-cart-lines{overflow-x:hidden}
  .mbs-client-app .mbs-cart-lines>.mbs-cart-line{grid-template-columns:42px minmax(0,1fr) minmax(76px,auto) 30px;gap:7px;padding-right:1px}
  .mbs-client-app .mbs-cart-qty{grid-template-columns:26px minmax(22px,auto) 26px;min-width:76px}
  .mbs-client-app .mbs-cart-qty button{min-width:26px}
}
@media (min-width:761px) and (max-width:1180px){
  .mbs-client-app .mbs-cart-lines>.mbs-cart-line{grid-template-columns:38px minmax(0,1fr) 72px 28px;gap:5px}
  .mbs-client-app .mbs-cart-thumb{width:38px;height:38px}
  .mbs-client-app .mbs-cart-qty{grid-template-columns:24px 24px 24px;min-width:72px}
  .mbs-client-app .mbs-cart-qty button{min-width:24px}
  .mbs-client-app .mbs-cart-remove{width:28px;min-width:28px;max-width:28px}
}

/* 0.1.134 — Quantités produits : valeur/caret toujours visibles.
   Certains thèmes/plugins WordPress imposent color/opacity/-webkit-text-fill-color
   aux input number, ce qui rendait la quantité visuellement blanche alors que
   la valeur était bien mise à jour dans le panier. */
.mbs-client-app .mbs-qty input[type="number"],
.mbs-client-app .mbs-products-grid .mbs-qty input[data-mbs-qty]{
  color:#173f37!important;
  -webkit-text-fill-color:#173f37!important;
  caret-color:#173f37!important;
  opacity:1!important;
  visibility:visible!important;
  background:#fff!important;
  font-weight:900!important;
  text-align:center!important;
  line-height:1!important;
  text-indent:0!important;
  min-width:0!important;
  appearance:textfield;
  -moz-appearance:textfield;
}
.mbs-client-app .mbs-qty input[type="number"]::-webkit-inner-spin-button,
.mbs-client-app .mbs-qty input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.mbs-client-app .mbs-qty:focus-within{
  border-color:#8eaa9c!important;
  box-shadow:0 0 0 3px rgba(23,63,55,.10)!important;
}


/* 0.1.139 — prévisualisation client par le gestionnaire, lecture seule. */
.mbs-client-app.mbs-manager-preview{position:relative}
.mbs-manager-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#e9f4ef;border-bottom:1px solid #bfd8cc;color:#174f42}
.mbs-manager-preview-banner>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.mbs-manager-preview-banner .mbs-icon{width:24px;height:24px;flex:0 0 auto}
.mbs-manager-preview-banner span{display:grid;gap:1px;min-width:0}
.mbs-manager-preview-banner small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#5f786f}
.mbs-manager-preview-banner strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbs-manager-preview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mbs-manager-preview-actions .mbs-btn{min-height:36px;padding:8px 12px;font-size:10px;white-space:nowrap}
.mbs-manager-preview.is-read-only form[method="post"]{position:relative}
.mbs-manager-preview.is-read-only form[method="post"] input:disabled,
.mbs-manager-preview.is-read-only form[method="post"] textarea:disabled,
.mbs-manager-preview.is-read-only form[method="post"] select:disabled,
.mbs-manager-preview.is-read-only form[method="post"] button:disabled,
.mbs-manager-preview.is-read-only [aria-disabled="true"]{cursor:not-allowed!important;opacity:.58!important}
.mbs-manager-preview.is-read-only .mbs-qty,.mbs-manager-preview.is-read-only .mbs-confirm-qty{background:#f5f6f4}
.mbs-manager-preview.is-read-only [data-mbs-favorite]{pointer-events:none}
@media(max-width:760px){
  .mbs-manager-preview-banner{align-items:stretch;flex-direction:column;padding:10px 12px}
  .mbs-manager-preview-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .mbs-manager-preview-actions .mbs-btn{width:100%;justify-content:center}
}

/* 0.1.144 — communications générales de la boulangerie */
.mbs-client-announcements{display:grid;gap:10px;margin:16px 22px 0}.mbs-client-announcement{display:flex;align-items:flex-start;gap:12px;border:1px solid #dce7e2;border-left:5px solid #5d8578;border-radius:14px;background:#f7fbf9;padding:14px 16px;box-shadow:0 5px 18px rgba(24,52,44,.04)}.mbs-client-announcement.is-important{background:#fffaf0;border-color:#f0dfb7;border-left-color:#bd8420}.mbs-client-announcement.is-urgent{background:#fff5f2;border-color:#eccbc4;border-left-color:#b94435}.mbs-client-announcement-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e7f1ed;color:#155c4a;flex:0 0 auto}.mbs-client-announcement.is-important .mbs-client-announcement-icon{background:#f7e8c4;color:#8b5f0e}.mbs-client-announcement.is-urgent .mbs-client-announcement-icon{background:#f7dcd6;color:#9d3024}.mbs-client-announcement-icon svg{width:19px;height:19px}.mbs-client-announcement small,.mbs-client-announcement strong{display:block}.mbs-client-announcement small{font-size:10px;font-weight:800;letter-spacing:.08em;color:#60716a;margin-bottom:2px}.mbs-client-announcement strong{font-size:15px;color:#1d3931;margin-bottom:3px}.mbs-client-announcement p{margin:0;color:#4f5f59;line-height:1.5}.mbs-client-announcement.is-urgent p,.mbs-client-announcement.is-urgent strong{color:#6f2b24}
@media (max-width:760px){.mbs-client-announcements{margin:12px 12px 0}.mbs-client-announcement{padding:12px 13px;border-radius:12px}.mbs-client-announcement-icon{width:32px;height:32px}}


/* 0.1.145 — Vue client interactive avec panier de simulation isolé. */
.mbs-manager-preview.is-simulation .mbs-qty,
.mbs-manager-preview.is-simulation .mbs-confirm-qty{background:#fff}
.mbs-manager-preview.is-simulation [data-mbs-favorite],
.mbs-manager-preview.is-simulation [data-mbs-report-toggle]{cursor:pointer!important;opacity:1!important;pointer-events:auto!important}
.mbs-manager-preview-banner em{font-size:10px;font-style:normal;font-weight:700;color:#5f786f}
.mbs-manager-preview.is-simulation .mbs-draft-sync{background:#eef7f3;border-color:#c9dfd5}
.mbs-manager-preview.is-simulation .mbs-simulation-submit{opacity:.7;cursor:not-allowed}


/* 0.1.147 — parcours de commande évident + communication générale prioritaire. */
.mbs-client-app .mbs-client-sidebar-nav .mbs-client-sidebar-order{
  margin:8px 7px 10px;padding:12px 13px;border-radius:12px!important;background:#f7f2e8!important;color:#123f35!important;
  box-shadow:inset 0 0 0 1px rgba(190,155,91,.26),0 5px 15px rgba(15,55,47,.08);font-weight:800
}
.mbs-client-app .mbs-client-sidebar-nav .mbs-client-sidebar-order .mbs-icon{color:#a87935!important}
.mbs-client-app .mbs-client-sidebar-nav .mbs-client-sidebar-order.is-active{background:#fff!important;box-shadow:inset 4px 0 #c29148,0 7px 20px rgba(15,55,47,.12)}
.mbs-client-app .mbs-client-nav .mbs-client-top-order{display:inline-flex;align-items:center;gap:7px;padding:9px 13px!important;border-radius:999px;background:#f4efe5;color:#174b40!important;font-weight:800}
.mbs-client-app .mbs-client-nav .mbs-client-top-order .mbs-icon{width:17px;height:17px;color:#a87935}
.mbs-client-app .mbs-client-nav .mbs-client-top-order:hover,.mbs-client-app .mbs-client-nav .mbs-client-top-order.is-active{background:#123f35;color:#fff!important}
.mbs-client-app .mbs-client-nav .mbs-client-top-order:hover .mbs-icon,.mbs-client-app .mbs-client-nav .mbs-client-top-order.is-active .mbs-icon{color:#fff}
.mbs-client-app .mbs-header-order-cta{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border-radius:10px;background:#0f4b40;color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.02em;box-shadow:0 5px 14px rgba(12,64,53,.15)}
.mbs-client-app .mbs-header-order-cta:hover{background:#0a3b33;color:#fff}.mbs-client-app .mbs-header-order-cta .mbs-icon{width:16px;height:16px}
.mbs-client-app .mbs-home-primary-order{display:inline-flex;align-items:center;gap:12px;margin-top:22px;min-width:245px;padding:13px 15px;border-radius:14px;background:#fff;color:#123f35;text-decoration:none;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.mbs-client-app .mbs-home-primary-order>.mbs-icon{width:24px;height:24px;color:#b7853d}.mbs-client-app .mbs-home-primary-order>span{display:grid;gap:1px;flex:1}.mbs-client-app .mbs-home-primary-order strong{font-size:14px}.mbs-client-app .mbs-home-primary-order small{font-size:10px;color:#728079;font-weight:600}.mbs-client-app .mbs-home-primary-order>b{font-size:21px;color:#a87935}.mbs-client-app .mbs-home-primary-order:hover{transform:translateY(-1px);box-shadow:0 15px 32px rgba(0,0,0,.22)}
.mbs-client-app .mbs-client-announcements{position:relative;z-index:8;margin-top:12px}
.mbs-client-app .mbs-client-announcement{border-width:1px 1px 1px 6px;box-shadow:0 9px 24px rgba(25,55,47,.09)}
.mbs-client-app .mbs-client-announcement strong{font-size:16px}.mbs-client-app .mbs-client-announcement p{font-size:13px}
@media (max-width:1180px){.mbs-client-app .mbs-client-nav .mbs-client-top-order span{display:none}.mbs-client-app .mbs-header-order-cta span{display:none}.mbs-client-app .mbs-header-order-cta{width:38px;padding:0;justify-content:center}}
@media (max-width:760px){
  .mbs-client-app .mbs-home-primary-order{width:100%;min-width:0;margin-top:16px;padding:12px 14px}
  .mbs-client-app .mbs-client-announcements{margin:8px 10px 0!important}
  .mbs-client-app .mbs-client-announcement{border-radius:12px;padding:11px 12px}
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav{transform:translateY(-8px)!important;background:#f4efe5!important;border-radius:15px!important;box-shadow:0 7px 18px rgba(10,58,48,.18)!important}
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav .mbs-icon{background:#0f4b40!important;color:#fff!important;border-radius:12px!important;padding:8px!important;width:38px!important;height:38px!important;box-sizing:border-box!important}
  body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav span{font-weight:900!important;font-size:10px!important;letter-spacing:.01em!important}
}


/* 0.1.148 — signalement testable en Vue client gestionnaire. */
.mbs-simulation-report-note{padding:11px 13px;border-radius:10px;background:#f4efe2;border:1px solid #e2d8bf;color:#665f50;font-size:13px;line-height:1.4}

/* 0.1.149 — favoris et signalement interactifs en simulation. */
.mbs-manager-preview.is-simulation .mbs-report-form input:not([readonly]),.mbs-manager-preview.is-simulation .mbs-report-form textarea,.mbs-manager-preview.is-simulation .mbs-report-form select,.mbs-manager-preview.is-simulation .mbs-report-form button{opacity:1;pointer-events:auto}
.mbs-favorite-card[hidden]{display:none!important}


/* 0.1.151 — Favoris directement ajoutables au panier/brouillon. */
.mbs-client-app .mbs-favorite-cart-control{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;margin-top:8px;padding:6px;border:1px solid #dde6df;border-radius:11px;background:#f4f8f5}
.mbs-client-app .mbs-favorite-cart-control>button{width:34px;height:34px;border:0;border-radius:9px;background:#16483e;color:#fff;font-size:19px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none}
.mbs-client-app .mbs-favorite-cart-control>button:hover{filter:brightness(.96)}
.mbs-client-app .mbs-favorite-cart-control>button:disabled{opacity:.35;cursor:not-allowed}
.mbs-client-app .mbs-favorite-cart-control>span{display:grid;justify-items:center;gap:1px;min-width:0}
.mbs-client-app .mbs-favorite-cart-control>span small{font-size:9px!important;letter-spacing:.07em!important;color:#698077!important}
.mbs-client-app .mbs-favorite-cart-control>span strong{font-size:11px;color:#173c34;white-space:nowrap}
.mbs-client-app .mbs-favorite-cart-control>span b{font-size:14px}
.mbs-client-app .mbs-favorite-cart-status{display:block;min-height:14px;margin-top:3px;text-transform:none!important;letter-spacing:0!important;color:#55736a!important;font-size:10px!important}
.mbs-client-app .mbs-favorite-cart-status.is-ok{color:#1f6c59!important}
.mbs-client-app .mbs-favorite-cart-status.is-error{color:#a34a41!important}
.mbs-client-app .mbs-favorite-card.is-in-cart{border-color:#9bc6b7;box-shadow:0 8px 22px rgba(22,72,62,.10)}
@media(max-width:760px){
  .mbs-client-app .mbs-favorite-cart-control{grid-template-columns:32px minmax(0,1fr) 32px;gap:5px;padding:5px;margin-top:6px}
  .mbs-client-app .mbs-favorite-cart-control>button{width:32px;height:32px}
  .mbs-client-app .mbs-favorite-cart-control>span small{display:none}
  .mbs-client-app .mbs-favorite-cart-control>span strong{font-size:10px}
}

/* 0.1.152 — Parcours de commande guidé : date > produits > vérification. */
.mbs-client-app [data-mbs-order-workspace][hidden],
.mbs-client-app [data-mbs-order-date-gate][hidden]{display:none!important}

.mbs-client-app .mbs-order-progress{
  position:relative;
  margin:-10px 22px 18px;
  border:1px solid #ded8cc;
  border-top:0;
  border-radius:0 0 18px 18px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(34,48,42,.08);
  background:#fff;
}
.mbs-client-app .mbs-order-progress-step{
  min-height:78px;
  padding:13px 22px 11px;
  border-top:5px solid #d8d5ce;
  background:#fff;
  color:#6d7772;
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.mbs-client-app .mbs-order-progress-step:nth-child(1){border-top-color:#1a5a4c}
.mbs-client-app .mbs-order-progress-step:nth-child(2){border-top-color:#bc8741}
.mbs-client-app .mbs-order-progress-step:nth-child(3){border-top-color:#a9604f}
.mbs-client-app .mbs-order-progress-step>span{
  width:38px;height:38px;flex-basis:38px;
  border:2px solid currentColor;
  background:#fff;
  font-size:14px;
}
.mbs-client-app .mbs-order-progress-step strong{font-size:13px;font-weight:900;color:#30433c}
.mbs-client-app .mbs-order-progress-step small{font-size:10.5px;color:#77827d}
.mbs-client-app .mbs-order-progress-step.is-active{
  color:#143f35;
  background:linear-gradient(135deg,#e8f3ee 0%,#f6faf7 65%,#fff 100%);
  box-shadow:inset 0 -3px 0 rgba(19,82,67,.12);
}
.mbs-client-app .mbs-order-progress-step.is-active>span{
  border-color:#164f43;background:#164f43;color:#fff;
  box-shadow:0 7px 16px rgba(22,79,67,.20);
}
.mbs-client-app .mbs-order-progress-step.is-complete{
  background:#f4f8f5;color:#234d42;
}
.mbs-client-app .mbs-order-progress-step.is-complete>span{
  border-color:#7ca99b;background:#dcebe4;color:#174a3e;
}
.mbs-client-app .mbs-order-progress-step:not(:last-child)::after{
  top:16px;bottom:16px;background:#ddd8cf;
}

.mbs-client-app .mbs-order-date-gate{
  display:grid;
  grid-template-columns:66px minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  margin:20px 22px 26px;
  padding:24px 26px;
  border:2px solid #b9d1c7;
  border-left:7px solid #175347;
  border-radius:20px;
  background:linear-gradient(135deg,#f2f8f5 0%,#fffdf8 56%,#f8f1e4 100%);
  box-shadow:0 18px 42px rgba(31,62,52,.10);
}
.mbs-client-app .mbs-order-date-gate-icon{
  display:grid;place-items:center;width:62px;height:62px;border-radius:18px;
  background:#174f43;color:#fff;box-shadow:0 10px 22px rgba(23,79,67,.20)
}
.mbs-client-app .mbs-order-date-gate-icon .mbs-icon{width:29px;height:29px}
.mbs-client-app .mbs-order-date-gate-copy{min-width:0}
.mbs-client-app .mbs-order-date-gate-copy .mbs-eyebrow{color:#9a6a2c}
.mbs-client-app .mbs-order-date-gate-copy h2{
  margin:4px 0 6px;color:#17372f;font:700 clamp(23px,2.1vw,34px)/1.08 Georgia,serif;
}
.mbs-client-app .mbs-order-date-gate-copy h2 strong{color:#9b5f2e}
.mbs-client-app .mbs-order-date-gate-copy p{margin:0;color:#64716b;font-size:13px;line-height:1.45}
.mbs-client-app .mbs-order-date-gate-actions{display:grid;gap:9px;min-width:250px}
.mbs-client-app .mbs-order-date-confirm{min-height:50px;padding-inline:18px;font-size:12px}
.mbs-client-app .mbs-order-date-gate-actions .mbs-btn-secondary{min-height:44px;background:#fff}

.mbs-client-app .mbs-order-workspace{display:block}
.mbs-client-app .mbs-order-workspace-head{
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);align-items:center;gap:24px;
  margin:0 22px 16px;padding:18px 20px;
  border:1px solid #d8e3dd;border-radius:18px;background:#f9fbf8;
  box-shadow:0 8px 24px rgba(29,61,51,.06)
}
.mbs-client-app .mbs-order-workspace-title h2{margin:3px 0 5px;color:#193d34;font:700 25px/1.05 Georgia,serif}
.mbs-client-app .mbs-order-workspace-title p{margin:0;color:#6f7d76;font-size:11.5px}
.mbs-client-app .mbs-order-primary-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.mbs-client-app .mbs-search-field-primary{
  min-height:58px!important;
  border:2px solid #78aa99!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(19,86,70,.09),inset 0 0 0 3px rgba(232,244,238,.72)!important;
}
.mbs-client-app .mbs-search-field-primary>.mbs-icon{width:22px;height:22px;color:#145c4c}
.mbs-client-app .mbs-search-field-primary input{
  min-height:54px!important;font-size:14px!important;font-weight:650!important;color:#172f28!important
}
.mbs-client-app .mbs-search-field-primary input::placeholder{color:#72827b!important;font-weight:600!important}
.mbs-client-app .mbs-search-field-primary:focus-within{
  border-color:#145c4c!important;box-shadow:0 0 0 4px rgba(20,92,76,.12),0 10px 26px rgba(19,86,70,.12)!important
}
.mbs-client-app .mbs-date-trigger-primary{min-height:58px!important;background:#fffdf8!important;border:1px solid #ddccb1!important}
.mbs-client-app .mbs-order-guide-note{
  display:flex;align-items:center;gap:10px;margin:12px 0 10px;padding:9px 12px;border:1px solid #e5d5b9;border-radius:12px;background:#fff9ed;color:#5e5548
}
.mbs-client-app .mbs-order-guide-note>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#b67f39;color:#fff;font-weight:900;font-size:11px}
.mbs-client-app .mbs-order-guide-note>div{display:grid;gap:1px}
.mbs-client-app .mbs-order-guide-note strong{font-size:10.5px;color:#5b4325}
.mbs-client-app .mbs-order-guide-note small{font-size:9px;color:#81715d}
.mbs-client-app .mbs-cart-review-cta{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px!important}
.mbs-client-app .mbs-cart-review-cta span{display:inline-grid;place-items:center;min-width:55px;height:23px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.18);font-size:9px;letter-spacing:.06em;text-transform:uppercase}

.mbs-client-app.is-order-date-pending .mbs-mobile-search-fab{display:none!important}
.mbs-client-app.is-order-date-pending .mbs-voice-follow{opacity:.45;pointer-events:none}

@media(max-width:1180px){
  .mbs-client-app .mbs-order-workspace-head{grid-template-columns:1fr;gap:13px}
  .mbs-client-app .mbs-order-primary-tools{grid-template-columns:minmax(0,1fr) minmax(220px,auto)}
  .mbs-client-app .mbs-order-date-gate{grid-template-columns:56px minmax(0,1fr);gap:15px}
  .mbs-client-app .mbs-order-date-gate-icon{width:54px;height:54px;border-radius:15px}
  .mbs-client-app .mbs-order-date-gate-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}
}
@media(max-width:760px){
  .mbs-client-app .mbs-commerce-hero-copy h1{font-size:27px!important;line-height:1.02!important}
  .mbs-client-app .mbs-commerce-hero-copy p{font-size:11px!important;line-height:1.4!important}
  .mbs-client-app .mbs-order-progress{margin:-6px 10px 12px;border-radius:0 0 14px 14px}
  .mbs-client-app .mbs-order-progress-step{min-height:64px!important;padding:7px 4px!important;flex-direction:column;gap:4px!important;text-align:center!important;border-top-width:4px}
  .mbs-client-app .mbs-order-progress-step>span{width:27px!important;height:27px!important;flex-basis:27px!important;font-size:10px!important}
  .mbs-client-app .mbs-order-progress-step strong{font-size:8.5px!important;line-height:1.1!important}
  .mbs-client-app .mbs-order-progress-step small{display:block!important;font-size:7px!important;line-height:1.1!important;white-space:normal!important}
  .mbs-client-app .mbs-order-progress-step:not(:last-child)::after{display:none}
  .mbs-client-app .mbs-order-date-gate{grid-template-columns:44px minmax(0,1fr);margin:12px 10px 18px;padding:16px 14px;gap:11px;border-radius:16px;border-left-width:5px}
  .mbs-client-app .mbs-order-date-gate-icon{width:44px;height:44px;border-radius:13px}
  .mbs-client-app .mbs-order-date-gate-icon .mbs-icon{width:21px;height:21px}
  .mbs-client-app .mbs-order-date-gate-copy h2{font-size:21px;line-height:1.08}
  .mbs-client-app .mbs-order-date-gate-copy p{font-size:10.5px}
  .mbs-client-app .mbs-order-date-gate-actions{grid-column:1/-1;grid-template-columns:1fr;gap:7px}
  .mbs-client-app .mbs-order-date-confirm{min-height:48px}
  .mbs-client-app .mbs-order-workspace-head{margin:0 10px 12px;padding:14px;border-radius:15px;gap:11px}
  .mbs-client-app .mbs-order-workspace-title h2{font-size:21px}
  .mbs-client-app .mbs-order-primary-tools{grid-template-columns:1fr;gap:7px}
  .mbs-client-app .mbs-search-field-primary{min-height:54px!important;border-radius:13px!important}
  .mbs-client-app .mbs-date-trigger-primary{min-height:50px!important}
  .mbs-client-app .mbs-order-guide-note{margin:8px 0;padding:8px 9px}
}

/* Le récapitulatif correspond toujours à l'étape 3, malgré les anciens styles is-confirm. */
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(1),
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(2){
  color:#234d42;background:#f4f8f5;box-shadow:none
}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(1)>span,
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(2)>span{
  border-color:#7ca99b;background:#dcebe4;color:#174a3e;box-shadow:none
}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(3){
  color:#143f35;background:linear-gradient(135deg,#e8f3ee 0%,#f6faf7 65%,#fff 100%);box-shadow:inset 0 -3px 0 rgba(19,82,67,.12)
}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(3)>span{
  border-color:#164f43;background:#164f43;color:#fff;box-shadow:0 7px 16px rgba(22,79,67,.20)
}
.mbs-client-app.is-order-date-pending .mbs-voice-launcher-hero{opacity:.48;pointer-events:none;filter:saturate(.55)}


/* 0.1.153 — suggestion non intrusive de produits de la dernière commande + guidage renforcé. */
.mbs-client-app .mbs-order-progress-step:nth-child(1).is-active{
  background:linear-gradient(135deg,#164f43 0%,#216b5b 100%);color:#fff;border-top-color:#0f3d34
}
.mbs-client-app .mbs-order-progress-step:nth-child(1).is-active strong,
.mbs-client-app .mbs-order-progress-step:nth-child(1).is-active small{color:#fff}
.mbs-client-app .mbs-order-progress-step:nth-child(2).is-active{
  background:linear-gradient(135deg,#ad762e 0%,#c48e44 100%);color:#fff;border-top-color:#8a5c22
}
.mbs-client-app .mbs-order-progress-step:nth-child(2).is-active strong,
.mbs-client-app .mbs-order-progress-step:nth-child(2).is-active small{color:#fff}
.mbs-client-app .mbs-order-progress-step:nth-child(3).is-active{
  background:linear-gradient(135deg,#965347 0%,#b66a5a 100%);color:#fff;border-top-color:#7c4238
}
.mbs-client-app .mbs-order-progress-step:nth-child(3).is-active strong,
.mbs-client-app .mbs-order-progress-step:nth-child(3).is-active small{color:#fff}
.mbs-client-app .mbs-order-progress-step.is-active>span{background:#fff!important;color:#173f36!important;border-color:#fff!important}
.mbs-client-app .mbs-order-date-gate{min-height:170px}
.mbs-client-app .mbs-order-date-gate-copy h2 strong{
  display:inline-block;margin-top:3px;padding:3px 9px;border-radius:8px;background:#fff4df;color:#8f5828
}
.mbs-client-app .mbs-order-date-confirm{
  min-height:56px;font-size:12.5px;font-weight:900;box-shadow:0 10px 24px rgba(22,79,67,.20)
}

.mbs-client-app .mbs-last-order-suggestion[hidden]{display:none!important}
.mbs-client-app .mbs-last-order-suggestion{
  margin:0 22px 15px;padding:16px 18px 15px;
  border:1px solid #e6dccb;border-left:5px solid #b78645;border-radius:16px;
  background:linear-gradient(135deg,#fffdf8 0%,#f8f3e9 100%);
  box-shadow:0 8px 22px rgba(87,68,42,.06)
}
.mbs-client-app .mbs-last-order-suggestion-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px
}
.mbs-client-app .mbs-last-order-suggestion-head h3{
  margin:2px 0 4px;color:#3e392f;font:700 20px/1.1 Georgia,serif
}
.mbs-client-app .mbs-last-order-suggestion-head p{margin:0;color:#756c5f;font-size:11px;line-height:1.4}
.mbs-client-app .mbs-last-order-skip{
  border:0;background:transparent;color:#756855;text-decoration:underline;text-underline-offset:3px;
  font-size:10px;font-weight:750;cursor:pointer;white-space:nowrap;padding:5px
}
.mbs-client-app .mbs-last-order-suggestion-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px
}
.mbs-client-app .mbs-last-order-suggestion-item{
  display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"img copy" "btn btn";
  gap:8px 9px;align-items:center;padding:9px;border:1px solid #e5ded0;border-radius:12px;background:#fff
}
.mbs-client-app .mbs-last-order-suggestion-img{
  grid-area:img;width:42px;height:42px;border-radius:10px;background-size:cover;background-position:center;background-color:#eef2ee;
  display:grid;place-items:center;color:#587269;overflow:hidden
}
.mbs-client-app .mbs-last-order-suggestion-img .mbs-icon{width:20px;height:20px}
.mbs-client-app .mbs-last-order-suggestion-item>div{grid-area:copy;min-width:0;display:grid;gap:2px}
.mbs-client-app .mbs-last-order-suggestion-item strong{
  color:#2d4039;font-size:10.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.mbs-client-app .mbs-last-order-suggestion-item small{color:#847b6e;font-size:9px}
.mbs-client-app .mbs-last-order-suggestion-item>button{
  grid-area:btn;min-height:31px;border:1px solid #c9b998;border-radius:9px;background:#fff8ea;color:#6e522e;
  font-size:9.5px;font-weight:850;cursor:pointer
}
.mbs-client-app .mbs-last-order-suggestion-item>button.is-added{background:#e7f2ed;border-color:#a8cbbb;color:#1f5a4a}
.mbs-client-app .mbs-last-order-suggestion-actions{
  display:flex;justify-content:flex-end;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #ebe3d6
}
.mbs-client-app .mbs-last-order-suggestion-actions .mbs-btn{min-height:38px;padding:8px 13px;font-size:9.5px}
.mbs-client-app .mbs-last-order-suggestion-actions .mbs-btn.is-added{background:#e7f2ed!important;color:#1f5a4a!important;border-color:#a8cbbb!important}

@media(max-width:1000px){
  .mbs-client-app .mbs-last-order-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .mbs-client-app .mbs-order-date-gate{min-height:0}
  .mbs-client-app .mbs-last-order-suggestion{margin:0 10px 12px;padding:12px;border-left-width:4px}
  .mbs-client-app .mbs-last-order-suggestion-head{display:grid;gap:5px;margin-bottom:9px}
  .mbs-client-app .mbs-last-order-suggestion-head h3{font-size:17px}
  .mbs-client-app .mbs-last-order-suggestion-head p{font-size:9.5px}
  .mbs-client-app .mbs-last-order-skip{justify-self:start;padding:2px 0;font-size:9px}
  .mbs-client-app .mbs-last-order-suggestion-grid{grid-template-columns:1fr 1fr;gap:7px}
  .mbs-client-app .mbs-last-order-suggestion-item{grid-template-columns:36px minmax(0,1fr);gap:6px;padding:7px}
  .mbs-client-app .mbs-last-order-suggestion-img{width:36px;height:36px}
  .mbs-client-app .mbs-last-order-suggestion-item strong{font-size:9px}
  .mbs-client-app .mbs-last-order-suggestion-item small{font-size:8px}
  .mbs-client-app .mbs-last-order-suggestion-actions{display:grid;grid-template-columns:1fr;gap:6px}
}

/* 0.1.154 — étape Produits allégée + recherche directe, sans soumission involontaire. */
.mbs-client-tab-order .mbs-commerce-hero{
  min-height:220px;
  padding-top:30px;
  padding-bottom:26px;
}
.mbs-client-tab-order .mbs-commerce-hero h1{
  margin:6px 0 7px;
  font-size:clamp(32px,3.2vw,48px);
}
.mbs-client-tab-order .mbs-commerce-hero p{
  margin:0;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  color:rgba(255,255,255,.82);
}

.mbs-client-app .mbs-last-order-suggestion{
  margin-bottom:12px;
  padding:16px 18px;
  border-radius:16px;
  box-shadow:0 5px 18px rgba(54,47,35,.045);
}
.mbs-client-app .mbs-last-order-suggestion-head{align-items:flex-start;gap:12px}
.mbs-client-app .mbs-last-order-suggestion-head h3{margin:2px 0 2px;font-size:20px}
.mbs-client-app .mbs-last-order-suggestion-head p{margin:0;font-size:10.5px;color:#7b756a}
.mbs-client-app .mbs-last-order-skip{font-size:9px}
.mbs-client-app .mbs-last-order-suggestion-actions{padding-top:9px;margin-top:9px}

.mbs-client-app .mbs-order-workspace-head{
  grid-template-columns:minmax(220px,.48fr) minmax(560px,1.52fr);
  align-items:start;
  gap:18px;
  padding:14px 16px;
  margin-bottom:12px;
}
.mbs-client-app .mbs-order-workspace-title{align-self:center}
.mbs-client-app .mbs-order-workspace-title h2{
  margin:2px 0 0;
  font-size:23px;
}
.mbs-client-app .mbs-order-primary-tools{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
}
.mbs-client-app .mbs-primary-search-wrap{position:relative;min-width:0}
.mbs-client-app .mbs-search-field-primary{min-height:54px!important}
.mbs-client-app .mbs-search-field-primary input{min-height:50px!important}
.mbs-client-app .mbs-date-trigger-primary{min-height:54px!important}

.mbs-client-app .mbs-inline-search-results{
  margin-top:7px;
  border:1px solid #cfded8;
  border-radius:14px;
  background:#fff;
  box-shadow:0 15px 36px rgba(19,64,52,.12);
  overflow:hidden;
}
.mbs-client-app .mbs-inline-search-results[hidden]{display:none!important}
.mbs-client-app .mbs-inline-search-meta{
  padding:7px 11px;
  background:#f3f8f5;
  border-bottom:1px solid #e0ebe6;
  color:#4c665d;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.mbs-client-app .mbs-inline-search-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-bottom:1px solid #ecefe9;
}
.mbs-client-app .mbs-inline-search-item:last-child{border-bottom:0}
.mbs-client-app .mbs-inline-search-thumb{
  width:42px;height:42px;border-radius:10px;
  background:#eee center/cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(21,69,56,.06)
}
.mbs-client-app .mbs-inline-search-copy{min-width:0}
.mbs-client-app .mbs-inline-search-copy strong{
  display:block;color:#19352d;font-size:11px;line-height:1.18;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.mbs-client-app .mbs-inline-search-copy small{display:block;margin-top:3px;color:#89928e;font-size:8px}
.mbs-client-app .mbs-inline-search-qty{
  display:grid;grid-template-columns:32px 34px 32px;align-items:center;
  border:1px solid #d6e1dc;border-radius:10px;overflow:hidden;background:#fff
}
.mbs-client-app .mbs-inline-search-qty button{
  width:32px;height:34px;border:0;background:#edf5f1;color:#145346;
  font-size:16px;font-weight:850;cursor:pointer
}
.mbs-client-app .mbs-inline-search-qty strong{display:grid;place-items:center;font-size:11px;color:#263a33}
.mbs-client-app .mbs-inline-search-empty{display:grid;gap:2px;padding:14px;text-align:center}
.mbs-client-app .mbs-inline-search-empty strong{font-size:11px;color:#33463f}
.mbs-client-app .mbs-inline-search-empty span{font-size:9px;color:#7b8782}

/* En recherche, on retire temporairement les contenus de découverte : le résultat devient immédiat. */
.mbs-client-app.is-product-searching .mbs-last-order-suggestion,
.mbs-client-app.is-product-searching .mbs-feature-zone,
.mbs-client-app.is-product-searching .mbs-smart-actions,
.mbs-client-app.is-product-searching .mbs-discovery-zone,
.mbs-client-app.is-product-searching .mbs-category-section{
  display:none!important;
}
.mbs-client-app.is-product-searching .mbs-product-viewbar{margin-top:10px}

@media(max-width:1180px){
  .mbs-client-app .mbs-order-workspace-head{grid-template-columns:1fr}
  .mbs-client-app .mbs-order-primary-tools{grid-template-columns:minmax(0,1fr) minmax(210px,auto)}
}
@media(max-width:760px){
  .mbs-client-tab-order .mbs-commerce-hero{min-height:190px;padding-top:20px;padding-bottom:18px}
  .mbs-client-tab-order .mbs-commerce-hero h1{font-size:27px!important}
  .mbs-client-tab-order .mbs-commerce-hero p{font-size:9px!important}
  .mbs-client-app .mbs-last-order-suggestion{padding:13px 12px;margin:0 10px 10px}
  .mbs-client-app .mbs-last-order-suggestion-head h3{font-size:17px}
  .mbs-client-app .mbs-order-workspace-head{padding:12px;margin-bottom:9px}
  .mbs-client-app .mbs-order-workspace-title h2{font-size:19px}
  .mbs-client-app .mbs-order-primary-tools{grid-template-columns:1fr}
  .mbs-client-app .mbs-inline-search-results{margin-top:5px}
  .mbs-client-app .mbs-inline-search-item{grid-template-columns:38px minmax(0,1fr) auto;padding:7px 8px;gap:7px}
  .mbs-client-app .mbs-inline-search-thumb{width:38px;height:38px}
  .mbs-client-app .mbs-inline-search-qty{grid-template-columns:29px 28px 29px}
  .mbs-client-app .mbs-inline-search-qty button{width:29px;height:32px}
}

/* 0.1.161 — mobile overflow hardening: suggestions, featured rails, favorites and smart actions */
@media (max-width:760px){
  .mbs-client-app,
  .mbs-client-app main,
  .mbs-client-tab-order,
  .mbs-client-app .mbs-order-step-content,
  .mbs-client-app .mbs-feature-zone,
  .mbs-client-app .mbs-discovery-zone,
  .mbs-client-app .mbs-last-order-suggestion,
  .mbs-client-app .mbs-favorite-sections,
  .mbs-client-app .mbs-favorite-block{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Suggestions récentes : une vraie pile mobile, aucune carte partiellement hors écran. */
  .mbs-client-app .mbs-last-order-suggestion-grid{
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .mbs-client-app .mbs-last-order-suggestion-item{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .mbs-client-app .mbs-last-order-suggestion-item>div,
  .mbs-client-app .mbs-last-order-suggestion-item strong{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Mis en avant / saison / découvertes : cartes pleine largeur dans le bloc, sans débordement visuel. */
  .mbs-client-app .mbs-mini-product-rail{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    margin-right:0!important;
    padding-right:0!important;
    padding-bottom:0!important;
    gap:8px!important;
  }
  .mbs-client-app .mbs-mini-product{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
    box-sizing:border-box!important;
    grid-template-columns:64px minmax(0,1fr) 44px!important;
  }
  .mbs-client-app .mbs-mini-img{width:64px!important;height:58px!important}
  .mbs-client-app .mbs-mini-product>div:nth-child(2){min-width:0!important}
  .mbs-client-app .mbs-mini-product strong,
  .mbs-client-app .mbs-mini-product small{
    max-width:100%!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
  }

  /* Favoris / habituels : aucune colonne ne peut forcer la largeur de la page. */
  .mbs-client-app .mbs-favorites-grid,
  .mbs-client-app .mbs-favorites-grid[data-view="photo"],
  .mbs-client-app .mbs-favorites-grid[data-view="compact"],
  .mbs-client-app .mbs-favorites-grid[data-view="list"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .mbs-client-app .mbs-favorite-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .mbs-client-app .mbs-favorite-card>div:last-child,
  .mbs-client-app .mbs-favorite-card h3,
  .mbs-client-app .mbs-favorite-card small,
  .mbs-client-app .mbs-favorite-card span{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  /* Raccourcis favoris/habituels : restent dans une grille 2x2 sans largeur héritée du mode rail. */
  .mbs-client-app .mbs-smart-actions{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .mbs-client-app .mbs-smart-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:390px){
  .mbs-client-app .mbs-favorites-grid[data-view="photo"]{grid-template-columns:1fr!important}
  .mbs-client-app .mbs-smart-actions{grid-template-columns:1fr!important}
}


/* 0.1.163 — MOBILE : panier compact réellement fixé en bas, sans écran
   fantôme recouvrant le haut de page. Un ancien top:16px (premium) coexistait
   avec bottom:78px (app.css), étirant un position:fixed sur le viewport. */
@media (max-width:760px){
  .mbs-client-app.mbs-client-tab-order .mbs-cart{
    position:fixed!important;
    top:auto!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    left:max(9px,env(safe-area-inset-left))!important;
    right:max(9px,env(safe-area-inset-right))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    z-index:65!important;
    box-sizing:border-box!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart:not(.is-open){
    display:block!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    padding:8px 10px!important;
    overflow:hidden!important;
    color:#fff!important;
    border:1px solid #1b6b5b!important;
    border-radius:16px!important;
    background:#114a3f!important;
    box-shadow:0 8px 24px rgba(8,42,34,.24)!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart:not(.is-open)>header{
    position:static!important;
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr) minmax(39px,auto) minmax(58px,auto)!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    height:44px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart:not(.is-open)>header::after{display:none!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart:not(.is-open)>header>.mbs-icon{
    color:#fff!important;width:24px!important;height:24px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart:not(.is-open) h2{
    color:#fff!important;
    font:800 15px/1.2 Inter,Arial,sans-serif!important;
    white-space:nowrap!important;
    min-width:0!important;
    margin:0!important;
    opacity:1!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart:not(.is-open)>header>[data-mbs-cart-count]{
    display:grid!important;place-items:center!important;
    min-width:38px!important;height:38px!important;
    padding:0 7px!important;
    background:#fff!important;color:#104a3d!important;
    -webkit-text-fill-color:#104a3d!important;
    opacity:1!important;
    border-radius:999px!important;
    font:900 17px/1 Inter,Arial,sans-serif!important;
    font-variant-numeric:tabular-nums;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart:not(.is-open) .mbs-cart-edit{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:61px!important;height:40px!important;
    padding:0 10px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:1px solid rgba(255,255,255,.72)!important;
    background:#216b5b!important;
    border-radius:10px!important;
    opacity:1!important;
    font:800 13px/1 Inter,Arial,sans-serif!important;
    text-decoration:none!important;
  }
  /* Le panier ouvert est un panneau inférieur autonome, scrollable et accessible. */
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open{
    top:auto!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(60px,1fr) auto auto auto auto auto!important;
    height:min(78dvh,660px)!important;
    max-height:calc(100dvh - 86px - env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    padding:0!important;
    background:#fffdf9!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open>header{
    margin:0!important;
    padding:12px 14px!important;
    border-radius:18px 18px 0 0!important;
    background:#114a3f!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open>header::after{display:none!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open h2{color:#fff!important;font-size:16px!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open>header>[data-mbs-cart-count]{
    min-width:34px!important;height:34px!important;font-size:16px!important;
    background:#fff!important;color:#114a3f!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-edit{font-size:13px!important;min-height:40px!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-qty strong{font-size:15px!important;color:#142f29!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-qty button{font-size:21px!important}
  /* Les nombres et étapes du parcours ne doivent plus être minuscules. */
  .mbs-client-app .mbs-order-progress-step{min-height:76px!important;gap:5px!important}
  .mbs-client-app .mbs-order-progress-step>span{
    width:34px!important;height:34px!important;flex-basis:34px!important;
    font-size:15px!important;line-height:1!important;
  }
  .mbs-client-app .mbs-order-progress-step strong{font-size:11px!important;line-height:1.15!important;letter-spacing:0!important}
  .mbs-client-app .mbs-order-progress-step small{font-size:9px!important;line-height:1.2!important;letter-spacing:0!important}
  .mbs-client-app .mbs-qty input[type=number],
  .mbs-client-app .mbs-products-grid .mbs-qty input[data-mbs-qty]{font-size:16px!important}
  .mbs-client-app .mbs-cart-qty strong{font-size:15px!important}
  .mbs-client-app .mbs-mobile-nav a{font-size:11px!important;line-height:1.2!important}
}
@media (max-width:370px){
  .mbs-client-app.mbs-client-tab-order .mbs-cart:not(.is-open)>header{gap:6px!important;grid-template-columns:23px minmax(0,1fr) 36px 56px!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart:not(.is-open) h2{font-size:13px!important}
  .mbs-client-app .mbs-order-progress-step strong{font-size:10px!important}
  .mbs-client-app .mbs-order-progress-step small{font-size:8px!important}
}


/* 0.1.164 — Vos habituels : ajout immédiat et lisibilité renforcée sur mobile. */
.mbs-client-app .mbs-habits-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;background:#f4f8f5;border-bottom:1px solid #d8e6dd}
.mbs-client-app .mbs-habits-bulk p{flex:1 1 250px;margin:0;font-size:14px;line-height:1.45;color:#35574c}
.mbs-client-app .mbs-habits-add-all{flex:0 0 auto;min-height:44px;padding:10px 18px;border:0;border-radius:12px;background:#16483e;color:#fff;font-size:14px;font-weight:800;cursor:pointer;letter-spacing:0}
.mbs-client-app .mbs-habits-add-all:disabled,.mbs-client-app .mbs-habit-add-qty:disabled{opacity:.55;cursor:wait}
.mbs-client-app .mbs-habits-bulk-feedback{flex-basis:100%;font-size:13px;font-weight:700;min-height:0;color:#16483e}
.mbs-client-app .mbs-habit-recommendation{display:block;white-space:normal;font-size:12px!important;line-height:1.4;color:#35574c!important;letter-spacing:0!important}
.mbs-client-app .mbs-habit-recommendation strong{font-weight:800;color:#16483e}
.mbs-client-app .mbs-habit-add-qty{width:100%;margin-top:8px;padding:9px 10px;min-height:40px;border-radius:10px;border:1px solid #b7d5c7;background:#e9f4ed;color:#16483e;font-size:13px;font-weight:800;cursor:pointer;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.mbs-client-app .mbs-habit-add-qty:hover{background:#d8ebdf}
.mbs-client-app .mbs-habit-card>div:last-child{min-width:0}
@media(max-width:760px){
  .mbs-client-app .mbs-favorite-section-head>span{font-size:13px!important;line-height:1.35!important;letter-spacing:0!important}
  .mbs-client-app .mbs-habits-bulk{display:grid;gap:10px;padding:14px}
  .mbs-client-app .mbs-habits-bulk p{font-size:14px;line-height:1.5}
  .mbs-client-app .mbs-habits-add-all{width:100%;min-height:48px;font-size:15px}
  .mbs-client-app .mbs-habits-bulk-feedback{font-size:13px}
  .mbs-client-app .mbs-favorite-card h3,
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card h3,
  .mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-favorite-card h3{font-size:16px!important;line-height:1.3!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;letter-spacing:0!important}
  .mbs-client-app .mbs-favorite-card>div:last-child{padding:13px 12px!important}
  .mbs-client-app .mbs-favorite-card small:not(.mbs-favorite-cart-status),
  .mbs-client-app .mbs-favorite-card span:not(.mbs-habit-recommendation){font-size:13px!important;letter-spacing:0!important;line-height:1.35!important}
  .mbs-client-app .mbs-habit-recommendation{font-size:13px!important;margin:6px 0!important}
  .mbs-client-app .mbs-favorite-cart-control{grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;padding:7px!important;margin-top:10px!important}
  .mbs-client-app .mbs-favorite-cart-control>button{width:44px!important;height:44px!important;font-size:23px!important}
  .mbs-client-app .mbs-favorite-cart-control>span strong{font-size:14px!important;white-space:normal!important;text-align:center;line-height:1.35!important}
  .mbs-client-app .mbs-favorite-cart-control>span b{font-size:18px!important}
  .mbs-client-app .mbs-favorite-cart-status{font-size:13px!important;line-height:1.3!important;min-height:0!important;margin-top:7px!important;letter-spacing:0!important}
  .mbs-client-app .mbs-habit-add-qty{min-height:46px;font-size:14px}
  .mbs-client-app .mbs-favorites-grid[data-view="photo"]{grid-template-columns:1fr!important}
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card,
  .mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-favorite-card{grid-template-columns:76px minmax(0,1fr)!important;min-height:110px!important}
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-product-image,
  .mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-product-image{min-height:110px!important}
}
@media(max-width:375px){
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card,
  .mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-favorite-card{grid-template-columns:64px minmax(0,1fr)!important}
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-product-image,
  .mbs-client-app .mbs-favorites-grid[data-view="compact"] .mbs-product-image{min-height:100px!important}
}

.mbs-client-app .mbs-habits-bottom-action{display:flex;justify-content:flex-end;padding:0 16px 16px}
.mbs-client-app .mbs-habits-bottom-action a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border-radius:11px;background:#16483e;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:800;line-height:1.3}
@media(max-width:760px){.mbs-client-app .mbs-habits-bottom-action{padding:2px 12px 14px}.mbs-client-app .mbs-habits-bottom-action a{width:100%;min-height:48px;font-size:15px}}


/* v0.1.165 — Favoris : vue Liste mobile réellement en une colonne.
   Correction de l'ancien .mbs-favorites-grid {grid-template-columns:1fr 1fr!important}
   qui comprimait les cartes et rendait les quantités verticales. */
.mbs-client-app .mbs-favorites-grid[data-view="list"]{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  min-width:0!important;
  width:100%;
}
.mbs-client-app .mbs-favorites-grid[data-view="list"] > .mbs-favorite-card{
  min-width:0!important;
  width:100%;
  max-width:100%;
}
.mbs-client-app .mbs-favorite-card-details{
  display:grid;
  gap:4px;
  min-width:0;
}
.mbs-client-app .mbs-favorite-card-details h3{
  min-width:0;
  max-width:100%;
  overflow-wrap:break-word;
  word-break:normal;
}
/* La liste compacte doit aussi empêcher les mots isolés de devenir verticaux. */
.mbs-client-app .mbs-favorite-cart-control > span,
.mbs-client-app .mbs-favorite-cart-control > span strong,
.mbs-client-app .mbs-favorite-cart-control > span b{
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:980px){
  .mbs-client-app .mbs-favorites-grid[data-view="list"]{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    padding:12px!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card{
    display:grid!important;
    grid-template-columns:84px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    align-items:start!important;
    min-height:0!important;
    overflow:hidden;
    padding:0!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card > .mbs-product-image{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    width:72px!important;
    height:72px!important;
    min-height:72px!important;
    margin:12px 0 0 12px!important;
    border-radius:10px!important;
    background-position:center;
    overflow:visible;
  }
  /* Rendre les contrôles disponibles sur toute la largeur de la carte,
     même quand le nom du produit est long. */
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card > div:last-child{
    display:contents!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card-details{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center;
    min-width:0;
    padding:12px 12px 2px 14px!important;
    gap:3px;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card-details h3{
    font-size:16px!important;
    line-height:1.28!important;
    white-space:normal!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    letter-spacing:0!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card-details > small,
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card-details > span{
    display:block;
    min-width:0;
    font-size:12px!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-control{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:12px 12px 10px!important;
    padding:7px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    gap:8px!important;
    border-radius:11px;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-control > button{
    min-width:44px!important;
    width:44px!important;
    min-height:44px!important;
    height:44px!important;
    line-height:1!important;
    font-size:23px!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-control > span{
    min-width:0!important;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-control > span small{
    display:block!important;
    font-size:11px!important;
    line-height:1.2!important;
    text-align:center!important;
    letter-spacing:0!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-control > span strong{
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-control > span b{
    font-size:18px!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-habit-add-qty{
    grid-column:1 / -1!important;
    grid-row:3!important;
    justify-self:stretch!important;
    width:auto!important;
    margin:0 12px 10px!important;
    min-height:44px;
    font-size:14px;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-status{
    grid-column:1 / -1!important;
    grid-row:4!important;
    margin:0 12px 8px!important;
    min-height:0!important;
  }
}
@media(max-width:390px){
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card{
    grid-template-columns:76px minmax(0,1fr)!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card > .mbs-product-image{
    width:64px!important;
    height:64px!important;
    min-height:64px!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-card-details{
    padding-left:10px!important;
  }
  .mbs-client-app .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-control > span small{
    font-size:10px!important;
  }
}

/* 0.1.166 — état confirmé des ajouts de produits récents. */
.mbs-client-app .mbs-last-order-suggestion-item>button.is-added:disabled{
  opacity:1!important;cursor:default!important;
  color:#165441!important;background:#e7f2ed!important;border-color:#a8cbbb!important;
  white-space:normal;line-height:1.35;padding:7px 9px;
}


/* v0.1.167 — Assistant vocal facultatif. Menu discret sur tablette/mobile. */
.mbs-client-app .mbs-client-mobile-options{display:none;position:relative;flex:0 0 auto;z-index:140}
.mbs-client-app .mbs-client-mobile-options summary{list-style:none;cursor:pointer;user-select:none}
.mbs-client-app .mbs-client-mobile-options summary::-webkit-details-marker{display:none}
.mbs-client-app .mbs-client-mobile-options-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:195px;max-width:calc(100vw - 24px);padding:7px;border:1px solid #d8e3dc;border-radius:14px;background:#fffdf9;box-shadow:0 16px 35px rgba(15,55,43,.17);z-index:150}
.mbs-client-app .mbs-client-mobile-options-panel a,.mbs-client-app .mbs-client-mobile-options-panel button{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:11px 13px;box-sizing:border-box;border:0;border-radius:9px;background:#f4f7f1;color:#123d34;font-size:14px;font-weight:800;line-height:1.3;text-align:left;text-decoration:none;cursor:pointer}
.mbs-client-app .mbs-client-mobile-options-panel .mbs-icon{width:21px;height:21px;flex:0 0 21px}
.mbs-client-app .mbs-client-mobile-options-panel a:hover,.mbs-client-app .mbs-client-mobile-options-panel button:hover{background:#e5f0e7}
@media (max-width:1199px), (max-width:1400px) and (hover:none) and (pointer:coarse){
  .mbs-client-app .mbs-client-mobile-options{display:block!important}
  .mbs-client-app .mbs-client-mobile-options summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid #b9d3c5;border-radius:10px;background:#e9f2eb;color:#124637;font-size:12px;font-weight:800;white-space:nowrap}
  .mbs-client-app .mbs-client-mobile-options summary:focus-visible{outline:2px solid #91692f;outline-offset:2px}
  .mbs-client-app .mbs-client-options-symbol{font-size:16px;line-height:1}
  /* Sur petits écrans, le micro ne prend plus de place dans le hero ni comme pastille flottante. */
  .mbs-client-app .mbs-voice-launcher-hero,.mbs-client-app .mbs-voice-follow{display:none!important}
  .mbs-client-app .mbs-hero-utilities{min-width:0!important}
  .mbs-client-app .mbs-hero-utilities .mbs-next-delivery{max-width:100%!important;min-width:0!important}
}
@media(max-width:600px){
  .mbs-client-app .mbs-client-header .mbs-user-chip{display:none!important}
  .mbs-client-app .mbs-client-header .mbs-user-area{max-width:none!important;gap:7px!important}
  .mbs-client-app .mbs-client-mobile-options summary{min-height:38px;font-size:12px;padding:0 9px}
}


/* v0.1.168 — Étape 3 : contraste lisible sur le récapitulatif de validation.
   .is-confirm possède une spécificité supérieure aux couleurs des étapes actives ;
   le fond clair prenait le dessus alors que les libellés restaient blancs. */
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(3).is-active{
  color:#fff;
  background:linear-gradient(135deg,#804137 0%,#994d40 100%);
  border-top-color:#70392f;
  box-shadow:inset 0 -3px 0 rgba(52,20,16,.2);
}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(3).is-active strong,
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(3).is-active small{
  color:#fff;
  opacity:1;
}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(3).is-active>span{
  background:#fff!important;
  color:#173f36!important;
  border-color:#fff!important;
}

/* v0.1.169 — Réponse de messagerie utilisable au clavier tactile, sans zoom iOS. */
@media(max-width:760px){
 .mbs-client-app.mbs-client-tab-messages .mbs-messages-layout .mbs-thread{min-width:0!important;overflow-wrap:anywhere}
 .mbs-client-app.mbs-client-tab-messages .mbs-thread-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;scroll-margin-bottom:140px}
 .mbs-client-app.mbs-client-tab-messages .mbs-thread-form textarea{display:block;width:100%!important;max-width:100%!important;min-height:115px!important;font-size:16px!important;line-height:1.45!important;box-sizing:border-box!important;resize:vertical!important}
 .mbs-client-app.mbs-client-tab-messages .mbs-thread-form button{display:block;width:100%!important;min-height:50px!important;white-space:normal!important}
}

.mbs-client-app.mbs-client-tab-messages .mbs-jump-reply{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border-radius:10px;background:#ecf4ef;color:#075044;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.mbs-client-app.mbs-client-tab-messages #mbs-client-reply{scroll-margin-top:20px}
@media(max-width:760px){.mbs-client-app.mbs-client-tab-messages .mbs-thread-history-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}.mbs-client-app.mbs-client-tab-messages .mbs-jump-reply{margin-left:auto;min-height:42px;font-size:13px}}

/* v0.1.170 — les réponses sont modifiables au tactile; aperçu non destructif. */
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form textarea:not(:disabled){
  position:relative;z-index:1;pointer-events:auto!important;
  -webkit-user-select:text!important;user-select:text!important;
  -webkit-touch-callout:default;touch-action:auto;
  opacity:1!important;background:#fff!important;color:#1a3027!important;
  caret-color:#0c5547;cursor:text;
}
.mbs-client-app.mbs-client-tab-messages .mbs-reply-simulation-notice{
  padding:11px 13px;border:1px solid #dfcfaa;border-radius:10px;
  background:#fff8e8;color:#654e22;font:600 13px/1.5 Arial,sans-serif;
}

/* ============================================================
   0.1.175 — Maquette premium client. Surcharges visuelles uniquement.
   ============================================================ */
.mbs-client-app{--mbs-premium-green:#0b453a;--mbs-premium-gold:#b88334;--mbs-premium-cream:#f8f5ed;--mbs-premium-ink:#18372f}
.mbs-client-app .mbs-client-shell{min-width:0!important;max-width:100%;overflow-x:clip;background:#f8f5ef}
.mbs-client-app .mbs-commerce-hero{
  min-height:215px!important;
  background-image:linear-gradient(90deg,rgba(7,37,31,.95) 0%,rgba(14,40,33,.74) 42%,rgba(36,33,25,.1) 100%),url('../img/hero-bread.jpg')!important;
  background-size:cover!important;background-position:center 45%!important;
  padding:29px clamp(22px,3vw,48px)!important;
}
.mbs-client-app .mbs-commerce-hero h1{font-family:Georgia,serif!important;font-weight:600!important;letter-spacing:-.035em!important;font-size:clamp(32px,3.5vw,51px)!important;line-height:1.03!important;text-shadow:0 3px 16px rgba(0,0,0,.17)}
.mbs-client-app .mbs-commerce-hero .mbs-eyebrow{color:#efc27a!important;letter-spacing:.14em!important}
.mbs-client-app .mbs-commerce-hero p{font-size:clamp(12px,1vw,16px)!important;letter-spacing:.01em!important;color:#f1f0e9!important}
.mbs-client-app .mbs-commerce-hero .mbs-next-delivery{border-radius:16px!important;background:rgba(255,252,246,.98)!important;border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 36px rgba(3,34,26,.25)!important}
.mbs-client-app .mbs-order-progress{
  position:relative!important;isolation:isolate;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin:-18px 24px 22px!important;border:1px solid #e7e0d4!important;border-radius:23px!important;
  background:#fffdf9!important;overflow:visible!important;box-shadow:0 15px 38px rgba(33,46,37,.09)!important;
}
.mbs-client-app .mbs-order-progress-step{
  position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  min-height:92px!important;padding:15px 24px!important;gap:14px!important;
  background:#fffdf9!important;border:0!important;color:#2e5145!important;box-shadow:none!important;
  text-align:left!important;min-width:0!important;
}
.mbs-client-app .mbs-order-progress-step:first-child{border-radius:22px 0 0 22px!important}
.mbs-client-app .mbs-order-progress-step:last-child{border-radius:0 22px 22px 0!important}
.mbs-client-app .mbs-order-progress-step>span.mbs-step-symbol{
  display:grid!important;place-items:center!important;flex:0 0 50px!important;width:50px!important;height:50px!important;
  border-radius:50%!important;background:#edf3ef!important;border:1px solid #cedbd4!important;
  color:#12493e!important;box-shadow:0 4px 13px rgba(17,55,41,.08)!important;
}
.mbs-client-app .mbs-order-progress-step .mbs-icon{display:block!important;width:23px!important;height:23px!important;fill:none}
.mbs-client-app .mbs-order-progress-step>div{position:relative;min-width:0!important;display:grid!important;grid-template-columns:22px minmax(0,1fr);gap:1px 7px!important;align-items:baseline}
.mbs-client-app .mbs-order-progress-step .mbs-step-index{grid-column:1;grid-row:1/3;font-family:Georgia,serif;font-size:24px;color:inherit;align-self:center}
.mbs-client-app .mbs-order-progress-step strong{grid-column:2;grid-row:1;font-size:16px!important;font-weight:850!important;color:inherit!important;white-space:normal}
.mbs-client-app .mbs-order-progress-step small{grid-column:2;grid-row:2;font-size:11px!important;line-height:1.3!important;white-space:normal!important;color:inherit!important;opacity:.75}
.mbs-client-app .mbs-order-progress-step.is-complete{background:#eaf4ee!important;color:#144d3d!important}
.mbs-client-app .mbs-order-progress-step.is-complete>span.mbs-step-symbol{background:#0d4b3d!important;color:#fff!important;border-color:#0d4b3d!important}
.mbs-client-app .mbs-order-progress-step.is-active{background:linear-gradient(135deg,#cd9a4a,#ab7028)!important;color:#fff!important;z-index:1;box-shadow:0 6px 20px rgba(135,92,39,.17)!important}
.mbs-client-app .mbs-order-progress-step.is-active>span.mbs-step-symbol{background:transparent!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 0 0 4px rgba(255,255,255,.16)!important}
.mbs-client-app .mbs-order-progress-step.is-active strong,.mbs-client-app .mbs-order-progress-step.is-active small{color:#fff!important}
.mbs-client-app .mbs-order-progress-step:not(:last-child)::after{
  content:'›'!important;position:absolute!important;right:-17px!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;width:34px!important;height:34px!important;display:grid!important;
  place-items:center!important;border:1px solid #e5cc9f!important;border-radius:50%!important;
  background:#fff!important;color:#a97632!important;font:700 28px/1 Georgia,serif!important;z-index:4!important;
  box-shadow:0 3px 12px rgba(49,52,43,.11);
}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(3).is-active{background:linear-gradient(135deg,#cd9a4a,#ab7028)!important}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(3).is-active>span.mbs-step-symbol{background:transparent!important;color:#fff!important;border-color:#fff!important}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(-n+2){background:#eaf4ee!important}
.mbs-client-app .mbs-order-progress.is-confirm .mbs-order-progress-step:nth-child(-n+2)>span.mbs-step-symbol{background:#0d4b3d!important;color:#fff!important}
.mbs-client-app .mbs-last-order-suggestion,.mbs-client-app .mbs-feature-zone,.mbs-client-app .mbs-discovery-zone{background:#fffdf9!important;border:1px solid #eae3d8!important;border-radius:17px!important;box-shadow:0 6px 21px rgba(42,50,43,.04)!important}
.mbs-client-app .mbs-last-order-suggestion{border-left:4px solid #bc8b45!important}
.mbs-client-app .mbs-last-order-skip{display:inline-flex!important;align-items:center;gap:9px!important;min-height:38px;padding:8px 12px!important;border:1px solid #ddd4c6!important;border-radius:11px!important;background:#fff!important;color:#6f6455!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important;white-space:normal}
.mbs-client-app .mbs-last-order-skip span{font-size:18px;line-height:1;color:#946c41}
.mbs-client-app .mbs-order-workspace-head{background:transparent!important;border:0!important;box-shadow:none!important}
.mbs-client-app .mbs-order-workspace-title h2{font-family:Georgia,serif!important;color:#153c32!important;font-size:clamp(23px,2.2vw,32px)!important}
.mbs-client-app .mbs-order-layout{gap:18px!important}
.mbs-client-app .mbs-category-section{margin:0 0 18px!important;min-width:0}
.mbs-client-app .mbs-category-strip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
.mbs-client-app .mbs-category{display:grid!important;grid-template-rows:80px auto!important;border-radius:13px!important;min-width:0!important;padding:0!important}
.mbs-client-app .mbs-category-image{height:80px!important}
.mbs-client-app .mbs-category strong{font-size:11px!important;line-height:1.25!important;padding:9px 6px!important}
.mbs-client-app .mbs-mini-product-rail{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
.mbs-client-app .mbs-mini-product{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;gap:7px!important;align-items:center;min-width:0!important;max-width:100%!important;padding:7px!important;border-radius:12px!important}
.mbs-client-app .mbs-mini-product>.mbs-product-preview{display:grid!important;grid-column:1;grid-template-columns:56px minmax(0,1fr)!important;align-items:center;gap:8px!important;width:100%;min-width:0;border:0;background:none;padding:0!important;cursor:pointer;color:#173a31;text-align:left;border-radius:9px}
.mbs-client-app .mbs-mini-product>.mbs-product-preview:hover strong{text-decoration:underline;text-decoration-color:#bc8b45;text-underline-offset:3px}
.mbs-client-app .mbs-mini-product>.mbs-product-preview .mbs-mini-img{width:56px!important;height:56px!important;border-radius:9px;grid-row:1/3;background-size:cover}
.mbs-client-app .mbs-mini-product>.mbs-product-preview>div:nth-child(2){min-width:0;display:grid;gap:3px}
.mbs-client-app .mbs-mini-product>.mbs-product-preview strong{font-size:11px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere;color:#17382e}
.mbs-client-app .mbs-mini-product>.mbs-product-preview small{font-size:9px!important;color:#7b8580}
.mbs-client-app .mbs-mini-product .mbs-preview-hint{display:block;grid-column:2;font-size:9px;font-weight:750;color:#a36e2c}
.mbs-client-app .mbs-mini-product>button[data-mbs-quick-add]{grid-column:2;width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;background:#0e493c!important;color:#fff!important;font-size:19px!important}
.mbs-client-app .mbs-feature-zone.is-featured .mbs-section-title{background:linear-gradient(90deg,#fff7e5,#fffdf8)!important;border-radius:15px 15px 0 0}
.mbs-client-app .mbs-feature-zone.is-featured .mbs-section-title .mbs-eyebrow{color:#b98534}
.mbs-client-app .mbs-smart-card{background:#fff!important;box-shadow:0 4px 15px rgba(40,50,43,.04)!important;border-radius:13px!important}
.mbs-client-app .mbs-cart{background:#fff!important;border:1px solid #e5e8e2!important;border-radius:16px!important;box-shadow:0 12px 30px rgba(43,54,47,.08)!important}
.mbs-client-app .mbs-cart>header{background:#e9f3ed!important;border-radius:11px!important}
.mbs-client-app .mbs-cart-review-cta{background:#0c463a!important;color:#fff!important;border-radius:11px!important;min-height:54px!important}
.mbs-client-app .mbs-client-sidebar-nav a.is-active{background:#fff!important;color:#103d31!important}
/* Fiche produit : calque propre, distinct du bouton d'ajout rapide. */
.mbs-client-app .mbs-product-detail-overlay[hidden]{display:none!important}
.mbs-client-app .mbs-product-detail-overlay{position:fixed;inset:0;z-index:100012;display:grid;place-items:center;padding:18px}
.mbs-client-app .mbs-product-detail-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(5,29,24,.67);cursor:pointer}
.mbs-client-app .mbs-product-detail-panel{position:relative;display:grid;grid-template-columns:minmax(170px,43%) minmax(0,1fr);width:min(760px,100%);max-height:min(90dvh,850px);overflow:auto;border-radius:21px;background:#fffdf8;box-shadow:0 24px 85px rgba(0,0,0,.3)}
.mbs-client-app .mbs-product-detail-photo{display:block;width:100%;height:100%;min-height:290px;max-height:540px;object-fit:cover;background:#e9e8e2}
.mbs-client-app .mbs-product-detail-body{padding:clamp(23px,4vw,45px);align-self:center;min-width:0}
.mbs-client-app .mbs-product-detail-body h2{font:600 clamp(23px,3vw,33px)/1.08 Georgia,serif;color:#173b30;margin:10px 0}
.mbs-client-app .mbs-product-detail-body p{font-size:14px;line-height:1.55;color:#495d53;white-space:pre-line;overflow-wrap:anywhere}
.mbs-client-app .mbs-product-detail-sku{font-size:12px!important;color:#8b897e!important}
.mbs-client-app .mbs-product-detail-add{min-height:48px;margin-top:17px;width:100%}
.mbs-client-app .mbs-product-detail-close{position:absolute;top:13px;right:13px;z-index:1;display:grid;place-items:center;width:42px;height:42px;background:#fff;border:1px solid #e8e3d8;border-radius:50%;font-size:27px;color:#174c3e;cursor:pointer}
/* Messages : éviter la mise en visibilité horizontale d'une ancre sur la colonne de droite. */
.mbs-client-app.mbs-client-tab-messages,.mbs-client-app.mbs-client-tab-messages .mbs-client-shell{max-width:100%!important;min-width:0!important;overflow-x:clip!important}
.mbs-client-app.mbs-client-tab-messages .mbs-messages-layout{display:grid!important;grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-list,.mbs-client-app.mbs-client-tab-messages .mbs-thread{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket,.mbs-client-app.mbs-client-tab-messages .mbs-thread{overflow-wrap:anywhere}
.mbs-client-app.mbs-client-tab-messages .mbs-bubble p{overflow-wrap:anywhere;word-break:normal}
@media(min-width:1200px){
 .mbs-client-app .mbs-order-layout{grid-template-columns:minmax(0,1fr) 306px!important}
 .mbs-client-app .mbs-cart{position:sticky!important;top:18px!important}
}
@media(min-width:761px) and (max-width:1199px){
 .mbs-client-app .mbs-category-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .mbs-client-app .mbs-mini-product-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mbs-client-app .mbs-order-progress{margin:-9px 15px 17px!important}
 .mbs-client-app .mbs-order-progress-step{padding:10px 13px!important;min-height:77px!important;gap:9px!important}
 .mbs-client-app .mbs-order-progress-step>span.mbs-step-symbol{width:40px!important;height:40px!important;flex-basis:40px!important}
 .mbs-client-app .mbs-order-progress-step strong{font-size:13px!important}
 .mbs-client-app .mbs-order-progress-step small{font-size:9px!important}
 .mbs-client-app.mbs-client-tab-messages .mbs-messages-layout{grid-template-columns:minmax(180px,240px) minmax(0,1fr)!important;gap:12px!important;padding-left:14px;padding-right:14px}
}
@media(max-width:760px){
 .mbs-client-app .mbs-commerce-hero{min-height:220px!important;padding:20px 16px 28px!important;background-position:63% center!important}
 .mbs-client-app .mbs-commerce-hero h1{font-size:30px!important}
 .mbs-client-app .mbs-order-progress{margin:-11px 10px 15px!important;border-radius:16px!important}
 .mbs-client-app .mbs-order-progress-step{min-height:73px!important;padding:8px 4px!important;flex-direction:column!important;gap:4px!important;text-align:center!important;justify-content:center!important}
 .mbs-client-app .mbs-order-progress-step:first-child{border-radius:16px 0 0 16px!important}
 .mbs-client-app .mbs-order-progress-step:last-child{border-radius:0 16px 16px 0!important}
 .mbs-client-app .mbs-order-progress-step>span.mbs-step-symbol{width:32px!important;height:32px!important;flex:0 0 32px!important}
 .mbs-client-app .mbs-order-progress-step .mbs-icon{width:17px!important;height:17px!important}
 .mbs-client-app .mbs-order-progress-step>div{display:grid!important;grid-template-columns:1fr!important;gap:1px!important}
 .mbs-client-app .mbs-order-progress-step .mbs-step-index{display:none}
 .mbs-client-app .mbs-order-progress-step strong{grid-column:1;font-size:11px!important;line-height:1.1!important}
 .mbs-client-app .mbs-order-progress-step small{grid-column:1;font-size:8px!important;line-height:1.1!important;max-width:100%;overflow-wrap:anywhere}
 .mbs-client-app .mbs-order-progress-step:not(:last-child)::after{width:20px!important;height:20px!important;right:-10px!important;font-size:18px!important}
 .mbs-client-app .mbs-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .mbs-client-app .mbs-category{grid-template-rows:76px auto!important}
 .mbs-client-app .mbs-category-image{height:76px!important}
 .mbs-client-app .mbs-mini-product-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .mbs-client-app .mbs-mini-product{grid-template-columns:minmax(0,1fr) 34px!important;gap:4px!important;padding:6px!important}
 .mbs-client-app .mbs-mini-product>.mbs-product-preview{grid-template-columns:42px minmax(0,1fr)!important;gap:5px!important}
 .mbs-client-app .mbs-mini-product>.mbs-product-preview .mbs-mini-img{width:42px!important;height:44px!important}
 .mbs-client-app .mbs-mini-product>.mbs-product-preview strong{font-size:10px!important}
 .mbs-client-app .mbs-mini-product .mbs-preview-hint{font-size:8px!important}
 .mbs-client-app .mbs-mini-product>button[data-mbs-quick-add]{width:32px!important;min-width:32px!important;height:34px!important}
 .mbs-client-app.mbs-client-tab-messages .mbs-messages-layout{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:0 12px 105px!important}
 .mbs-client-app.mbs-client-tab-messages .mbs-ticket-list{display:flex!important;overflow-x:auto!important;max-width:100%!important;min-width:0!important;overscroll-behavior-inline:contain}
 .mbs-client-app.mbs-client-tab-messages .mbs-thread{width:100%!important;max-width:100%!important}
 .mbs-client-app .mbs-product-detail-panel{grid-template-columns:1fr;width:min(480px,100%);max-height:85dvh}
 .mbs-client-app .mbs-product-detail-photo{height:170px;min-height:170px;max-height:190px}
 .mbs-client-app .mbs-product-detail-body{padding:21px}
}
@media(max-width:440px){
 .mbs-client-app .mbs-mini-product-rail{grid-template-columns:minmax(0,1fr)!important}
 .mbs-client-app .mbs-order-progress-step strong{font-size:10px!important}
 .mbs-client-app .mbs-order-progress-step small{font-size:7.5px!important}
}
/* Tablette + mobile : barre stable, opaque et lisible et compteur indépendant du tiroir. */
@media(max-width:1199px){
 body>.mbs-mobile-nav.mbs-mobile-nav-viewport{
   transform:none!important;bottom:0!important;left:0!important;right:0!important;
   padding:9px 8px max(10px,env(safe-area-inset-bottom))!important;
   background:#fffdf8!important;border-top:2px solid #cba56d!important;
   border-radius:0!important;box-shadow:0 -7px 28px rgba(18,48,38,.15)!important;
 }
 body>.mbs-mobile-nav.mbs-mobile-nav-viewport a{position:relative!important;color:#3c584e!important;opacity:1!important;font-weight:750!important;min-height:47px!important}
 body>.mbs-mobile-nav.mbs-mobile-nav-viewport a.is-active{background:#e7f0ea!important;border-radius:12px!important;color:#0d4b3c!important}
 body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav{transform:none!important;box-shadow:none!important;background:transparent!important;border-radius:12px!important}
 body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav.is-active{background:#e5eee9!important}
 body>.mbs-mobile-nav.mbs-mobile-nav-viewport .mbs-client-order-nav .mbs-icon{background:#0e493c!important;color:#fff!important;border-radius:10px!important;padding:7px!important}
 body>.mbs-mobile-nav .mbs-mobile-cart-units[hidden]{display:none!important}
 body>.mbs-mobile-nav .mbs-mobile-cart-units:not([hidden]){position:absolute;top:-3px;left:calc(50% + 9px);display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#bf8133;color:#fff;font:bold 11px/1 system-ui;box-shadow:0 2px 7px rgba(0,0,0,.15)}
}

/* v0.1.175 — Correctif global horizontal UNIQUEMENT pour la messagerie client.
   Empêche les ancres / restaurations de défilement d'entrainer la sidebar hors écran,
   sans créer de nouveau conteneur de scroll (position:sticky reste opérationnel). */
html.mbs-client-messages-viewport,
body.mbs-client-messages-viewport {overflow-x:clip!important;max-width:100%!important}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-list,
.mbs-client-app.mbs-client-tab-messages .mbs-thread-messages{overscroll-behavior-inline:contain}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form,
.mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts,
.mbs-client-app.mbs-client-tab-messages .mbs-bubble{min-width:0;max-width:100%;overflow-wrap:anywhere}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form textarea{min-width:0;max-width:100%;box-sizing:border-box}


/* ================================================================
   0.1.176 — Composition de la maquette de référence validée.
   Ordre fixé explicitement : les règles des versions antérieures
   forçaient catégories et produits mis en avant à la mauvaise place.
   Cible : desktop 1440+, tablette 768–1199, mobile <=767.
   Modifie uniquement l'apparence de l'espace commande client.
   ================================================================ */
.mbs-client-app.mbs-client-tab-order {
  --mbs-reference-green:#073d32;
  --mbs-reference-gold:#bd8734;
  --mbs-reference-ink:#19362f;
  --mbs-reference-border:#e9e5dc;
  --mbs-reference-surface:#fffdf9;
}
.mbs-client-app.mbs-client-tab-order .mbs-client-shell{background:#f9f6f0!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-workspace{padding-bottom:20px;min-width:0!important}
/* The cart and the suggestions must start in the same row. */
.mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(290px,310px)!important;
 align-items:start!important;gap:15px!important;padding:6px clamp(15px,1.7vw,30px) 25px!important;
 width:100%;box-sizing:border-box;min-width:0;
}
.mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-order-main{min-width:0;display:flex!important;flex-direction:column!important;gap:0!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-last-order-suggestion{order:1!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-order-workspace-head{order:2!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-category-section{order:3!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>#mbs-featured-zone{order:4!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-smart-actions{order:5!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>#mbs-seasonal-zone{order:6!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-discovery-zone{order:7!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-product-viewbar{order:8!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-products-grid{order:9!important}
/* Reference image: three independent rounded step pills with the gold active stage. */
.mbs-client-app.mbs-client-tab-order .mbs-order-progress{
  margin:-17px clamp(15px,1.7vw,30px) 18px!important;
  padding:10px!important;gap:6px!important;overflow:visible!important;
  border:0!important;border-radius:23px!important;background:#fffdfa!important;
  box-shadow:0 14px 26px rgba(64,55,35,.065)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step,
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step:first-child,
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step:last-child{
  min-height:84px!important;padding:11px 20px!important;gap:15px!important;
  border:1px solid #e2dfd7!important;border-radius:999px!important;background:#fffcf7!important;
  color:#173b33!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step>span.mbs-step-symbol{
  width:59px!important;height:59px!important;flex:0 0 59px!important;
  background:#f6f6f2!important;color:#154b3e!important;
  border:5px solid #fff!important;box-shadow:0 3px 12px rgba(20,41,33,.16)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step>div{grid-template-columns:22px minmax(0,1fr)!important;gap:2px 7px!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step .mbs-step-index{font-size:27px!important;font-weight:650!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step strong{font-family:Georgia,serif!important;font-size:17px!important;font-weight:700!important;line-height:1.12!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step small{font:12px/1.25 system-ui,sans-serif!important;opacity:.85!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step.is-complete{
  border-color:#c4dbd0!important;background:#f1f8f4!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step.is-complete>span.mbs-step-symbol{
 background:#084a3e!important;border-color:#fff!important;color:#fff!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step.is-active{
  border-color:#d2a45c!important;color:#fff!important;
  background:linear-gradient(115deg,#d4a054 0%,#ac7227 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.4),0 5px 12px rgba(136,87,34,.18)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step.is-active>span.mbs-step-symbol{
  border:3px solid #fff!important;background:transparent!important;color:#fff!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step.is-active .mbs-step-index,
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step.is-active strong,
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step.is-active small{color:#fff!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-progress-step:not(:last-child)::after{
  right:-21px!important;z-index:10!important;width:31px!important;height:31px!important;
  border:1px solid #e3c68c!important;background:#fffdfa!important;
  color:#a66d25!important;font-size:23px!important;
}
/* Suggestions in the left product area, not spread across the cart. */
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion{
 margin:0 0 15px!important;padding:12px!important;
 border-radius:16px!important;border:1px solid #ebe5dd!important;
 background:#fffefa!important;box-shadow:0 7px 18px rgba(30,43,34,.04)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-head h3{
 font-family:Georgia,serif!important;font-size:20px!important;color:#1c352f!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-item{
 min-width:0!important;padding:9px!important;border-radius:13px!important;
 border:1px solid #ece8df!important;background:#fff!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-item strong{font-size:11px!important;line-height:1.3!important}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-item button{min-height:32px!important;border-radius:8px!important}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-actions{padding-top:8px!important}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-skip{
 background:#fff!important;border:1px solid #e6dfd2!important;color:#725b3f!important;
 font-weight:800!important;letter-spacing:0!important;
}
/* Search and delivery sit WITHIN the product column, on the same visual baseline. */
.mbs-client-app.mbs-client-tab-order .mbs-order-workspace-head{
  display:grid!important;grid-template-columns:minmax(175px,280px) minmax(0,1fr)!important;
  margin:3px 0 17px!important;padding:4px 0!important;gap:14px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;align-items:center!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-workspace-title .mbs-eyebrow{font-size:10px!important;color:#ba7b40!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-workspace-title h2{
 margin:2px 0!important;font:700 clamp(22px,2vw,30px)/1.05 Georgia,serif!important;color:#163b30!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-primary-tools{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;align-items:center!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-search-field-primary{
 min-height:49px!important;border:1px solid #dedfd7!important;border-radius:10px!important;
 background:#fff!important;box-shadow:0 2px 9px rgba(30,45,35,.06)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-search-field-primary input{min-height:47px!important;font-size:13px!important}
.mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary{
 min-height:49px!important;border-radius:10px!important;padding:5px 9px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary strong{font-size:10px!important;white-space:normal!important}
.mbs-client-app.mbs-client-tab-order .mbs-premium-filter-trigger{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 min-height:49px;padding:0 12px;border:0;border-radius:10px;
 background:#e9f2ed;color:#154739;font-size:12px;font-weight:800;cursor:pointer;
}
.mbs-client-app.mbs-client-tab-order .mbs-premium-filter-trigger>span{font-size:22px;line-height:1}
.mbs-client-app.mbs-client-tab-order .mbs-premium-filter-trigger:hover{background:#d8eae0}
.mbs-client-app.mbs-client-tab-order .mbs-premium-filter-trigger:focus-visible,
.mbs-client-app.mbs-client-tab-order .mbs-product-preview:focus-visible{
 outline:3px solid #c18b41!important;outline-offset:2px!important;
}
/* Illustrated categories followed immediately by features. */
.mbs-client-app.mbs-client-tab-order .mbs-category-section{margin:0 0 14px!important}
.mbs-client-app.mbs-client-tab-order .mbs-category-heading{display:none!important}
.mbs-client-app.mbs-client-tab-order .mbs-category-strip{
 display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
 gap:9px!important;overflow:visible!important;padding:0!important;margin:0!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category{
 display:grid!important;grid-template-rows:76px auto!important;min-width:0!important;
 border-radius:12px!important;border:1px solid #ece7df!important;
 background:#fff!important;box-shadow:0 3px 12px rgba(37,45,33,.035)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-image{height:76px!important;background-position:center!important;background-size:cover!important}
.mbs-client-app.mbs-client-tab-order .mbs-category strong{padding:8px 5px!important;font:750 11px/1.25 system-ui,sans-serif!important;color:#19362e!important}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active{background:#09473c!important;border-color:#1b7057!important;color:#fff!important}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active strong{background:#09473c!important;color:#fff!important}
/* Featured product cards mirror screenshot: light panels with photo, label and clear +. */
.mbs-client-app.mbs-client-tab-order .mbs-feature-zone.is-featured{background:#fffefa!important;border:1px solid #ece8de!important}
.mbs-client-app.mbs-client-tab-order .mbs-feature-zone.is-featured .mbs-section-title{
 background:#f9f3e6!important;border-radius:14px 14px 0 0!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-feature-zone .mbs-section-title h2,
.mbs-client-app.mbs-client-tab-order .mbs-discovery-zone .mbs-section-title h2{font:700 22px/1.1 Georgia,serif!important}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product-rail{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:9px!important;overflow:visible!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product{
 display:grid!important;grid-template-columns:minmax(0,1fr) 35px!important;
 align-items:center!important;min-width:0!important;max-width:none!important;gap:7px!important;
 padding:7px!important;background:#fff!important;border:1px solid #ede9e1!important;border-radius:12px!important;
 box-shadow:0 2px 9px rgba(30,41,36,.04)!important;transition:transform .15s,box-shadow .15s,border-color .15s;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product:hover,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product:focus-within{
 background:#fff!important;color:#173b31!important;transform:translateY(-1px)!important;
 border-color:#c6d5cb!important;box-shadow:0 7px 17px rgba(20,53,42,.10)!important;
}
/* Critical contrast fix: old .mbs-mini-product button:hover darkened the WHOLE preview. */
.mbs-client-app.mbs-client-tab-order .mbs-mini-product>button.mbs-product-preview,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product>button.mbs-product-preview:hover,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product>button.mbs-product-preview:focus{
 display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;
 align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important;
 padding:0!important;border:0!important;border-radius:8px!important;
 background:transparent!important;background-color:transparent!important;color:#15372f!important;
 box-shadow:none!important;text-align:left!important;outline-offset:2px;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview .mbs-mini-img{width:58px!important;height:58px!important;border-radius:8px!important}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview strong,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview:hover strong{
 display:block;color:#18352d!important;font:750 11px/1.22 system-ui,sans-serif!important;
 text-decoration:none!important;overflow-wrap:anywhere;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview small,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview:hover small{
 display:block;color:#849087!important;font-size:9px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-preview-hint{
 display:block!important;grid-column:2!important;color:#a66d2b!important;
 font-size:9px!important;font-weight:800!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product>button[data-mbs-quick-add]{
 background:#07473a!important;color:#fff!important;width:35px!important;height:35px!important;
 border-radius:50%!important;border-color:#07473a!important;box-shadow:0 3px 8px rgba(18,55,39,.13)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product>button[data-mbs-quick-add]:hover{background:#b87b30!important;border-color:#b87b30!important}
/* Same four compact action cards as the approved mockup. */
.mbs-client-app.mbs-client-tab-order .mbs-smart-actions{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:8px!important;padding:0!important;margin:0 0 15px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-smart-card{
 min-width:0!important;border:1px solid #eeeae2!important;border-radius:12px!important;
 background:#fff!important;box-shadow:0 4px 13px rgba(33,47,38,.05)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-smart-card>span{border-radius:11px!important}
/* Cart starts on the same row as product suggestions. */
.mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-cart{
 margin:0!important;position:sticky!important;top:12px!important;align-self:start!important;
 background:#fff!important;border:1px solid #ebe7df!important;
 border-radius:16px!important;box-shadow:0 8px 22px rgba(35,48,38,.07)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-cart>header{
 border-radius:11px!important;background:#ecf5ef!important;color:#123c31!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-cart>header h2{font:700 18px/1.15 Georgia,serif!important}
.mbs-client-app.mbs-client-tab-order .mbs-cart-review-cta{min-height:49px!important;border-radius:11px!important}
/* Touch devices: keep meaningful card text on tap and do not rely on hover. */
@media(hover:none){
 .mbs-client-app.mbs-client-tab-order .mbs-mini-product:hover{transform:none!important}
 .mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview:hover{background:transparent!important}
}
@media(min-width:768px) and (max-width:1199px){
 .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout{grid-template-columns:minmax(0,1fr) 280px!important;gap:11px!important;padding:10px 14px 80px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-workspace-head{grid-template-columns:1fr!important;gap:8px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-primary-tools{grid-template-columns:minmax(0,1fr) auto!important}
 .mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary{grid-column:2}
 .mbs-client-app.mbs-client-tab-order .mbs-category-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .mbs-client-app.mbs-client-tab-order .mbs-mini-product-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mbs-client-app.mbs-client-tab-order .mbs-smart-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step{gap:8px!important;padding:11px 9px!important;min-height:76px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step>span.mbs-step-symbol{width:45px!important;height:45px!important;flex-basis:45px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step strong{font-size:14px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step small{font-size:9px!important}
}
@media(max-width:767px){
 .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout{display:flex!important;flex-direction:column!important;gap:13px!important;padding:10px 12px 135px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-order-main{width:100%!important}
 .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-cart{position:static!important;width:100%!important;max-width:100%!important;order:2!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-workspace-head{grid-template-columns:1fr!important;gap:9px!important;margin:0 0 12px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-primary-tools{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-premium-filter-trigger{min-height:46px!important;padding:0 10px;font-size:11px}
 .mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary{grid-column:1/-1;min-height:45px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress{gap:2px!important;padding:4px!important;margin:-10px 8px 13px!important;border-radius:15px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step,
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step:first-child,
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step:last-child{
  min-height:80px!important;gap:4px!important;padding:9px 3px!important;
  border-radius:13px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;
 }
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step>span.mbs-step-symbol{width:33px!important;height:33px!important;flex:0 0 33px!important;border-width:2px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step>div{grid-template-columns:1fr!important;gap:1px!important;text-align:center}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step .mbs-step-index{display:none!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step strong{font-size:11px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step small{font-size:9px!important;line-height:1.15!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step:not(:last-child)::after{width:17px!important;height:17px!important;right:-9px!important;font-size:16px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-mini-product-rail{grid-template-columns:minmax(0,1fr)!important}
 .mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mbs-client-app.mbs-client-tab-order .mbs-mini-product>.mbs-product-preview{grid-template-columns:56px minmax(0,1fr)!important}
 .mbs-client-app.mbs-client-tab-order .mbs-mini-product>.mbs-product-preview .mbs-mini-img{width:56px!important;height:56px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-smart-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-head{flex-wrap:wrap!important}
}
@media(min-width:1200px) and (max-width:1370px){
 .mbs-client-app.mbs-client-tab-order .mbs-order-workspace-head{grid-template-columns:1fr!important;gap:7px!important}
 .mbs-client-app.mbs-client-tab-order .mbs-order-primary-tools{grid-template-columns:minmax(0,1fr) auto auto!important}
 .mbs-client-app.mbs-client-tab-order .mbs-mini-product-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 0.1.176 final responsive polish: date must never shrink to illegibility. */
.mbs-client-app.mbs-client-tab-order .mbs-commerce-hero h1{color:#fff!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-primary-tools{
  grid-template-columns:minmax(0,1fr) auto minmax(172px,205px)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary{
  width:100%!important;min-width:0!important;display:flex!important;
  align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  text-align:left!important;overflow:hidden!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary>span{display:flex!important;flex:1 1 auto;flex-direction:column!important;min-width:0!important;align-items:flex-start!important}
.mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary small,
.mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary strong{line-height:1.2!important;overflow-wrap:normal!important;word-break:normal!important}
.mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary b{flex-shrink:0!important;font-size:10px!important}
@media (min-width:768px) and (max-width:1199px){
 .mbs-client-app.mbs-client-tab-order .mbs-order-primary-tools{grid-template-columns:minmax(0,1fr) auto!important}
 .mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary{grid-column:1/-1!important}
}
@media (max-width:767px){
 .mbs-client-app.mbs-client-tab-order .mbs-order-primary-tools{grid-template-columns:minmax(0,1fr) auto!important}
 .mbs-client-app.mbs-client-tab-order .mbs-date-trigger-primary{grid-column:1/-1!important}
}


/* ============================================================
   0.1.177 — MESSAGERIE CLIENT : largeur et grille corrigées.
   Priorité : ne modifier que l'onglet messages. La règle 0.1.175
   max-width:100% limitait l'application à la largeur du parent WP,
   alors que le desktop doit rester en plein viewport.
   ============================================================ */
@media (min-width:1200px) and (hover:hover) {
  .mbs-client-app.mbs-client-tab-messages {
    display:grid!important;
    grid-template-columns:246px minmax(0,1fr)!important;
    width:calc(100vw - 24px)!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:calc(50% - 50vw + 12px)!important;
    margin-right:0!important;
    overflow:visible!important;
  }
  .mbs-client-app.mbs-client-tab-messages > .mbs-client-shell {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow-x:clip!important;
  }
}
.mbs-client-app.mbs-client-tab-messages .mbs-page-head {
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:29px clamp(18px,2.3vw,38px) 18px!important;
  min-width:0!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-page-head h1 {
  margin:5px 0 7px!important;
  line-height:1.12!important;
  overflow-wrap:break-word!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-page-head p {
  line-height:1.45!important;
  max-width:750px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-messages-layout {
  display:grid!important;
  grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;
  gap:clamp(14px,1.4vw,24px)!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:0 clamp(18px,2.3vw,38px) 40px!important;
  align-items:start!important;
  overflow:visible!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-messages-layout > .mbs-ticket-list,
.mbs-client-app.mbs-client-tab-messages .mbs-messages-layout > .mbs-thread {
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-list {
  gap:10px!important;
  align-content:start!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket {
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  padding:14px 15px!important;
  gap:5px!important;
  overflow:hidden!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-meta {
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:7px 10px!important;
  min-width:0!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-status,
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-meta .mbs-ticket-status,
.mbs-client-app.mbs-client-tab-messages .mbs-thread > header > .mbs-status {
  width:auto!important;
  max-width:max-content!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  flex:0 0 auto!important;
  padding:6px 10px!important;
  line-height:1.2!important;
  text-align:center!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread {
  min-height:340px!important;
  padding:clamp(16px,1.8vw,28px)!important;
  border-radius:17px!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread > header {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread > header > div {
  flex:1 1 300px!important;
  min-width:0!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread > header h2 {
  font-size:clamp(20px,1.6vw,27px)!important;
  line-height:1.14!important;
  overflow-wrap:anywhere!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts > div,
.mbs-client-app.mbs-client-tab-messages .mbs-client-ticket-state {
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-messages {
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-bubble {
  min-width:0!important;
  max-width:min(85%,760px)!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  gap:12px!important;
  align-items:start!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form textarea {
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:112px!important;
  padding:14px 15px!important;
  box-sizing:border-box!important;
  resize:vertical!important;
  font-size:16px!important;
  line-height:1.5!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form .mbs-btn {
  width:auto!important;
  min-width:180px!important;
  min-height:48px!important;
  max-width:100%!important;
  justify-self:end!important;
  padding:12px 18px!important;
}
@media (min-width:761px) and (max-width:1199px) {
  .mbs-client-app.mbs-client-tab-messages {
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:calc(50% - 50vw)!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-client-shell {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-messages-layout {
    grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;
    padding:0 18px 105px!important;
    gap:14px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread {padding:18px!important;}
}
@media (min-width:761px) and (max-width:990px) {
  .mbs-client-app.mbs-client-tab-messages .mbs-messages-layout {
    grid-template-columns:minmax(0,1fr)!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-list {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:320px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    gap:10px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket {
    min-height:120px!important;
  }
}
@media (max-width:760px) {
  .mbs-client-app.mbs-client-tab-messages,
  .mbs-client-app.mbs-client-tab-messages .mbs-client-shell {
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-page-head {
    padding:20px 16px 13px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-messages-layout {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    padding:0 12px calc(105px + env(safe-area-inset-bottom))!important;
    gap:12px!important;
  }
  /* Le sélecteur de dossiers déjà existant remplace la liste desktop. */
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-list {display:none!important;}
  .mbs-client-app.mbs-client-tab-messages .mbs-thread {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:15px!important;
    border-radius:15px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread > header > div {
    flex-basis:100%!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread > header > .mbs-status {
    justify-self:start!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-bubble {max-width:90%!important;}
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-form .mbs-btn {
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
}


/* ================================================================
   0.1.178 — Habillage premium de la messagerie CLIENT UNIQUEMENT.
   Conserve intégralement la largeur et les breakpoints stabilisés en
   0.1.177 ainsi que les interactions et droits existants.
   ================================================================ */
.mbs-client-app.mbs-client-tab-messages {
  --mbs-msg-deep:#103f35;
  --mbs-msg-gold:#ba8946;
  --mbs-msg-line:#e7e2d9;
  --mbs-msg-text:#1d322b;
  --mbs-msg-muted:#697a71;
}
.mbs-client-app.mbs-client-tab-messages .mbs-page-head {
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px;
  background:linear-gradient(105deg,#f7f3eb 0%,#fcfaf6 68%,#eff5f0 100%)!important;
  border-bottom:1px solid #e9e3d9;
  margin-bottom:24px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-page-head .mbs-eyebrow {
  font-size:11px!important;letter-spacing:.14em!important;color:#a4773f!important;font-weight:800!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-page-head h1 {
  color:var(--mbs-msg-deep)!important;
  font-family:Georgia,serif!important;
  font-size:clamp(28px,2.4vw,41px)!important;
  font-weight:650!important;letter-spacing:-.035em!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-page-head p {
  font-size:14px!important;color:var(--mbs-msg-muted)!important;
  font-weight:450!important;max-width:690px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-messages-head-mark {
  flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center;
  color:#195447;background:#e8f1ec;border:1px solid #d7e6db;border-radius:17px;
  box-shadow:0 7px 18px rgba(19,63,52,.07);
}
.mbs-client-app.mbs-client-tab-messages .mbs-messages-head-mark .mbs-icon,
.mbs-client-app.mbs-client-tab-messages .mbs-messages-head-mark svg {width:27px;height:27px}
.mbs-client-app.mbs-client-tab-messages .mbs-messages-layout {
  row-gap:18px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-list-heading {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 3px 9px;margin:0 0 2px;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-list-heading .mbs-eyebrow {
  font-size:9px!important;line-height:1.3!important;letter-spacing:.16em!important;color:#af8250!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-list-heading h2 {
  font-family:Georgia,serif!important;font-size:22px!important;
  font-weight:650!important;line-height:1.2!important;margin:3px 0 0!important;
  color:var(--mbs-msg-deep)!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-list-count {
  min-width:32px;height:32px;display:grid;place-items:center;
  background:#e7eee9;color:#195244;border-radius:999px;font-size:13px;font-weight:800;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket {
  display:flex!important;flex-direction:column!important;
  position:relative;background:#fff!important;
  border:1px solid #e7e4dd!important;
  border-left:3px solid #e4ded4!important;
  box-shadow:0 5px 18px rgba(27,54,43,.045)!important;
  padding:17px 17px 15px!important;
  text-decoration:none!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket.is-active,
.mbs-client-app.mbs-client-tab-messages .mbs-ticket[aria-current="page"] {
  background:linear-gradient(115deg,#f4f9f5,#fffdf9)!important;
  border-color:#b6d0c3!important;
  border-left:4px solid #195f4d!important;
  box-shadow:0 8px 22px rgba(17,70,52,.10)!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket:hover {
  background:#fafcf9!important;border-color:#c7d8cc!important;
  box-shadow:0 10px 24px rgba(20,58,44,.10)!important;
  transform:translateY(-1px);
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket:focus-visible {
  outline:3px solid #ad834d!important;outline-offset:2px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket > strong {
  font-size:15px!important;line-height:1.3!important;font-weight:800!important;
  color:#183c32!important;letter-spacing:0!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-order {
  color:#88928b!important;font-size:11px!important;
  line-height:1.4!important;overflow-wrap:anywhere;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-date {
  display:block;color:#8d958d;font-size:10px;font-weight:600;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-preview {
  font-size:12px!important;line-height:1.48!important;color:#61716a!important;
  margin:5px 0!important;max-width:100%;overflow-wrap:anywhere;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-preview b {color:#265646!important}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-meta {
  margin-top:7px!important;padding-top:10px!important;
  border-top:1px solid #f0eee9;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-meta em {
  color:#67756e!important;font-size:11px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-status,
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-meta .mbs-ticket-status {
  border:1px solid #dde5df!important;border-radius:999px!important;
  font-size:10px!important;font-weight:800!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-status.status-closed,
.mbs-client-app.mbs-client-tab-messages .mbs-thread > header > .mbs-status.status-closed {
  color:#5a7166!important;background:#eef2ee!important;border-color:#dee5df!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread {
  background:#fff!important;
  border:1px solid #e6e1d8!important;
  box-shadow:0 12px 38px rgba(29,56,44,.07)!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread > header {
  padding:0 0 19px!important;margin-bottom:16px!important;
  border-bottom:1px solid #eee9e1!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread > header small {
  font-size:11px!important;color:#7f8a82!important;letter-spacing:.02em;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread > header h2 {
  font-family:Georgia,serif!important;color:var(--mbs-msg-deep)!important;
  font-weight:700!important;letter-spacing:-.025em!important;
  margin-top:6px!important;margin-bottom:5px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-ref {
  font-size:10px!important;color:#86928b!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-client-ticket-state {
  border-radius:14px!important;
  background:#f0f5f0!important;border:1px solid #dce9de!important;
  margin:13px 0 17px!important;padding:13px 16px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-client-ticket-state.is-closed {
  background:#f5f5f1!important;border-color:#e7e9e3!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts > div {
  border:1px solid #e4ebe5!important;background:#f7faf8!important;
  border-radius:11px!important;padding:12px 13px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts small {
  font-size:10px!important;color:#819088!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-anomaly-facts strong {
  font-size:12px!important;color:#25443a!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-ticket-description {
  background:#faf8f3!important;border-left:3px solid #d9b57e!important;
  border-radius:9px!important;padding:13px 16px!important;
  color:#4f6157!important;line-height:1.55!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-history-head {
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  gap:10px!important;margin:22px 0 4px!important;
  border-color:#eee9e2!important;padding-top:17px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-history-head > strong {
  color:#193d33!important;font-family:Georgia,serif!important;
  font-size:18px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-history-head > span {
  padding:6px 10px!important;color:#326354!important;background:#edf4ef!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-jump-reply {
  margin-left:auto!important;display:inline-flex!important;align-items:center!important;
  color:#195846!important;background:#e9f2ed!important;
  border:1px solid #d5e6dc!important;border-radius:10px!important;
  padding:9px 13px!important;font-size:12px!important;font-weight:800!important;
  text-decoration:none!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-jump-reply:hover,
.mbs-client-app.mbs-client-tab-messages .mbs-jump-reply:focus-visible {
  background:#d8eadd!important;text-decoration:underline!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-messages {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:13px!important;padding:18px 2px 22px!important;
  max-height:none!important;overflow:visible!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-bubble {
  position:relative;width:fit-content!important;
  max-width:min(78%,670px)!important;
  margin-top:0!important;margin-bottom:0!important;
  padding:14px 17px!important;border-radius:17px!important;
  border:1px solid transparent!important;
  box-shadow:0 3px 12px rgba(28,50,39,.055)!important;
}
/* Le client à droite, la boulangerie à gauche. */
.mbs-client-app.mbs-client-tab-messages .mbs-bubble.is-client {
  align-self:flex-end!important;margin-left:auto!important;margin-right:0!important;
  background:#e7f2eb!important;border-color:#d5e7db!important;
  border-bottom-right-radius:5px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-bubble.is-manager {
  align-self:flex-start!important;margin-right:auto!important;margin-left:0!important;
  background:#faf2e8!important;border-color:#f0e3d1!important;
  border-bottom-left-radius:5px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-bubble-top small {
  font-size:10px!important;line-height:1.4!important;font-weight:800!important;
  letter-spacing:.015em;color:#6c8075!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-bubble.is-manager .mbs-bubble-top small {
  color:#957653!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-bubble p {
  margin:5px 0 0!important;color:#24382f!important;
  font-size:13px!important;line-height:1.65!important;font-weight:500!important;
  overflow-wrap:anywhere!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  margin-top:5px!important;padding:16px!important;gap:12px!important;
  background:#f8faf7!important;border:1px solid #e3ebe4!important;
  border-radius:17px!important;scroll-margin-bottom:130px!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form textarea {
  background:#fff!important;border:1px solid #d9e2d9!important;
  border-radius:12px!important;box-shadow:0 2px 8px rgba(17,55,41,.035)!important;
  color:#17382e!important;min-height:118px!important;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form textarea:focus {
  border-color:#5b987d!important;
  box-shadow:0 0 0 3px rgba(28,104,79,.12)!important;outline:none!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form .mbs-btn {
  color:#fff!important;background:#164b3d!important;border:1px solid #164b3d!important;
  border-radius:11px!important;font-weight:800!important;
  box-shadow:0 5px 14px rgba(14,65,47,.15)!important;
  text-align:center!important;
}
.mbs-client-app.mbs-client-tab-messages .mbs-thread-form .mbs-btn:hover {
  background:#24644f!important;
}
@media (min-width:761px) and (max-width:990px) {
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket-list-heading {grid-column:1 / -1;}
}
@media (max-width:760px) {
  .mbs-client-app.mbs-client-tab-messages .mbs-page-head {
    gap:10px!important;margin-bottom:8px!important;padding:24px 16px 17px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-page-head h1 {
    font-size:30px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-page-head p {font-size:12px!important;}
  .mbs-client-app.mbs-client-tab-messages .mbs-messages-head-mark {
    flex-basis:38px;width:38px;height:38px;border-radius:12px;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-messages-head-mark svg {width:19px;height:19px;}
  .mbs-client-app.mbs-client-tab-messages .mbs-mobile-message-tools {
    margin-bottom:14px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread {
    padding:17px 14px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread > header {
    padding-bottom:15px!important;margin-bottom:12px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread h2 {font-size:23px!important;}
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-history-head {
    position:static!important;background:#fff!important;
    margin:17px 0 4px!important;padding:13px 0!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-history-head > strong {font-size:16px!important;}
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-messages {gap:11px!important;}
  .mbs-client-app.mbs-client-tab-messages .mbs-bubble {
    max-width:90%!important;padding:12px 13px!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-form {padding:12px!important;gap:11px!important;}
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-form .mbs-btn {
    width:100%!important;min-height:49px!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .mbs-client-app.mbs-client-tab-messages .mbs-ticket,
  .mbs-client-app.mbs-client-tab-messages .mbs-thread-form textarea {transition:none!important}
}


/* ===============================================================
   0.1.179 — Espace client : catégories lisibles et aucun slide
   horizontal de la page. Le rail de catégories reste une GRILLE,
   même sur les écrans tactiles. Le titre se trouve dans une vraie
   bande opaque sous l'image (aucune dépendance au survol).
   =============================================================== */
html.mbs-client-viewport, body.mbs-client-viewport{
  overflow-x:clip!important;
}
.mbs-client-app{
  box-sizing:border-box!important;
  min-width:0!important;
}
.mbs-client-app .mbs-client-shell,
.mbs-client-app .mbs-premium-order-layout,
.mbs-client-app .mbs-order-main,
.mbs-client-app .mbs-order-workspace,
.mbs-client-app .mbs-category-section,
.mbs-client-app .mbs-messages-layout{
  min-width:0!important;
  max-width:100%!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-strip{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:1px!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:76px minmax(45px,auto)!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:121px!important;
  flex:initial!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dbe5df!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#173c31!important;
  text-align:center!important;
  box-shadow:0 3px 11px rgba(19,52,40,.06)!important;
  transform:none;
  scroll-snap-align:none!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-image{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:76px!important;
  min-height:0!important;
  margin:0!important;
  background-position:center!important;
  background-size:cover!important;
  transform:none!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-image:after{
  content:none!important;
  display:none!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-image.mbs-category-all{
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(140deg,#166451,#083d32)!important;
  color:#fff!important;
  font-size:25px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category strong,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover strong,
.mbs-client-app.mbs-client-tab-order .mbs-category:focus-visible strong{
  position:relative!important;
  z-index:1!important;
  inset:auto!important;
  grid-column:1!important;
  grid-row:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:45px!important;
  margin:0!important;
  padding:8px 5px!important;
  border-radius:0!important;
  background:#fff!important;
  color:#123b30!important;
  font:750 11px/1.23 system-ui,-apple-system,Arial,sans-serif!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active{
  background:#fff!important;
  border:2px solid #0b624b!important;
  box-shadow:0 0 0 2px rgba(16,95,72,.14)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active strong,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover strong{
  background:#0c4e3f!important;
  color:#fff!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category:hover,
.mbs-client-app.mbs-client-tab-order .mbs-category:focus-visible{
  border-color:#39846b!important;
  box-shadow:0 5px 16px rgba(18,76,52,.14)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category:focus-visible{
  outline:3px solid #b98841!important;
  outline-offset:2px!important;
}
@media(min-width:768px) and (max-width:1199px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:767px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin:0 0 12px!important;
    padding:1px!important;
    overflow:visible!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category{
    grid-template-rows:92px minmax(47px,auto)!important;
    min-height:139px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category-image{
    height:92px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category strong{
    font-size:12px!important;
    min-height:47px!important;
  }
}

/* 0.1.179 — Véritable filtre des catégories, accessible au clic et au tactile. */
.mbs-client-app.mbs-client-tab-order .mbs-order-primary-tools{position:relative!important}
.mbs-client-app.mbs-client-tab-order .mbs-premium-filter-trigger.is-filtered{
  color:#fff!important;background:#135a48!important;box-shadow:inset 0 0 0 1px #135a48!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-product-filter-panel[hidden]{display:none!important}
.mbs-client-app.mbs-client-tab-order .mbs-product-filter-panel{
  position:absolute!important;z-index:1100!important;right:0;top:calc(100% + 9px);
  width:min(390px,100%)!important;min-width:0!important;
  max-height:min(66vh,580px)!important;overflow-y:auto!important;overscroll-behavior:contain;
  padding:17px!important;border:1px solid #ccdbd1!important;border-radius:17px!important;
  background:#fffefa!important;box-shadow:0 16px 46px rgba(8,41,30,.21)!important;
}
.mbs-client-app .mbs-product-filter-head{display:flex;align-items:start;justify-content:space-between;gap:9px;margin-bottom:12px}
.mbs-client-app .mbs-product-filter-head>div{display:grid;gap:3px}
.mbs-client-app .mbs-product-filter-head strong{color:#163b30;font-size:17px;font-weight:800}
.mbs-client-app .mbs-product-filter-head small{color:#66796f;font-size:12px}
.mbs-client-app .mbs-product-filter-close{appearance:none;border:1px solid #dbe6df;border-radius:10px;background:#f0f6f1;color:#194939;font-size:22px;min-width:34px;min-height:34px;cursor:pointer}
.mbs-client-app .mbs-product-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mbs-client-app .mbs-filter-category-option{
  padding:10px 8px;min-height:44px;appearance:none;border:1px solid #d7e4dc;border-radius:10px;
  background:#f8fbf8;color:#193e31;font:700 12px/1.25 system-ui,-apple-system,Arial,sans-serif;
  cursor:pointer;white-space:normal;text-align:center;overflow-wrap:anywhere;
}
.mbs-client-app .mbs-filter-category-option.is-selected{
  border-color:#115a46;background:#10533f;color:#fff;box-shadow:0 0 0 2px rgba(16,83,63,.09);
}
.mbs-client-app .mbs-filter-category-option:focus-visible,.mbs-client-app .mbs-product-filter-panel button:focus-visible{outline:3px solid #d5a354;outline-offset:2px}
.mbs-client-app .mbs-product-filter-meta{color:#536e5f;font-size:12px;margin:12px 0!important}
.mbs-client-app .mbs-product-filter-actions{display:flex;gap:8px;justify-content:space-between;align-items:center}
.mbs-client-app .mbs-product-filter-actions button{min-height:43px;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800;cursor:pointer}
.mbs-client-app .mbs-product-filter-clear{background:#f3f6f2;border:1px solid #d7e2db;color:#1c523e}
.mbs-client-app .mbs-product-filter-view{background:#134b3a;border:1px solid #134b3a;color:white}
@media(max-width:767px){
 .mbs-client-app.mbs-client-tab-order .mbs-product-filter-panel{
   width:100%!important;right:0!important;top:calc(100% + 7px);
   max-height:55dvh!important;padding:13px!important;border-radius:14px!important;
 }
 .mbs-client-app .mbs-product-filter-actions{flex-wrap:wrap}
}

/* Le portail sorti du conteneur WordPress ne doit pas conserver son max-width parent. */
.mbs-client-app.mbs-client-tab-order,
.mbs-client-app.mbs-client-tab-messages{max-width:none!important;}


/* v0.1.182 — shared premium design tokens only, no client workflow changes. */
.mbs-client-app{
 --mbs-premium-deep:#0b342d;
 --mbs-premium-green:#0f4b3e;
 --mbs-premium-gold:#be8746;
 --mbs-premium-line:#e4e5df;
 --mbs-premium-shadow:0 9px 24px rgba(17,47,38,.07);
}
@media(min-width:761px){
 .mbs-client-app .mbs-client-sidebar{
  background:linear-gradient(165deg,#0c443a,#0a342c 57%,#082a25)!important;
 }
}
.mbs-client-app .mbs-client-sidebar-nav a:focus-visible,
.mbs-client-app .mbs-client-logout:focus-visible,
.mbs-client-app .mbs-btn:focus-visible{
 outline:3px solid #d8ae71!important;outline-offset:2px!important;
}
.mbs-client-app .mbs-client-sidebar-nav a.is-active{
 border-left-color:#d9ab6b;
}

/* 0.1.185 — Sécurité critique du panier sur smartphone.
 * La règle 0.1.176 `.mbs-premium-order-layout>.mbs-cart{position:static!important}`
 * prenait le dessus sur le bottom-sheet, tandis que JS verrouillait le scroll.
 * Les deux états doivent être des éléments FIXED sur <=760px. */
@media (max-width:760px){
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-cart{
    position:fixed!important;
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(70px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    z-index:65!important;
    box-sizing:border-box!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-cart:not(.is-open){
    max-height:60px!important;
    overflow:hidden!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-cart.is-open{
    position:fixed!important;
    top:auto!important;
    bottom:calc(70px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(60px,1fr) auto auto auto auto auto!important;
    height:min(78dvh,660px)!important;
    max-height:calc(100dvh - 86px - env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    z-index:75!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-cart.is-open .mbs-cart-lines{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-cart.is-open>.mbs-cart-review-cta{
    display:flex!important;
    position:relative!important;
    z-index:2!important;
    flex-shrink:0!important;
    min-height:48px!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}


/* 0.1.186 — Panier mobile lisible : maximiser les articles visibles sans masquer
   la date et le temps restant. Les détails du délai restent dépliables. */
.mbs-client-app .mbs-cart-info-toggle{display:none}
@media(max-width:760px){
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout>.mbs-cart.is-open{
    height:min(86dvh,740px)!important;
    max-height:calc(100dvh - 88px - env(safe-area-inset-bottom))!important;
    grid-template-rows:auto minmax(90px,1fr) auto auto auto auto auto auto!important;
    align-content:stretch!important;
    row-gap:0!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-lines{
    display:block!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-width:thin;
    padding:5px 12px 2px!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-lines>.mbs-cart-line{
    padding:7px 0!important;
    gap:7px!important;
    grid-template-columns:42px minmax(0,1fr) auto 28px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-thumb{
    width:42px!important;height:42px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-product strong{font-size:12px!important;line-height:1.18!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-product small{font-size:10px!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-qty{grid-template-columns:32px 25px 32px!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-qty button{height:36px!important;min-width:32px!important}
  /* Delivery stays present and legible in just one compact row. */
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-delivery{
    display:flex!important;align-items:center!important;gap:7px!important;
    padding:6px 10px!important;margin:3px 12px!important;
    min-height:35px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-delivery small{
    display:inline!important;flex:0 0 auto!important;font-size:10px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-delivery strong{
    min-width:0!important;font-size:11px!important;line-height:1.2!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-draft-sync{
    display:flex!important;margin:1px 12px 2px!important;padding:3px 8px!important;
    min-height:0!important;font-size:10px!important;border-radius:7px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-draft-sync.is-synced{display:none!important}
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cutoff-widget{
    display:grid!important;grid-template-columns:8px minmax(0,1fr) auto!important;
    align-items:center!important;gap:6px!important;
    padding:5px 8px!important;margin:2px 12px!important;
    min-height:36px!important;border-radius:9px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cutoff-widget>div{
    display:block!important;min-width:0!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cutoff-widget small[data-mbs-cutoff-title]{
    display:none!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cutoff-widget strong[data-mbs-cutoff-main]{
    display:block!important;max-width:100%!important;font-size:11px!important;
    white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cutoff-widget [data-mbs-cutoff-note]{
    display:none!important;margin-top:4px!important;font-size:10px!important;line-height:1.35!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open.is-info-expanded .mbs-cutoff-widget [data-mbs-cutoff-note],
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cutoff-widget.is-closed [data-mbs-cutoff-note]{
    display:block!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-info-toggle{
    display:inline-flex!important;align-items:center!important;gap:4px!important;
    min-height:34px!important;padding:2px 7px!important;
    white-space:nowrap!important;border:1px solid rgba(46,78,60,.18)!important;
    border-radius:8px!important;background:#fff!important;color:#1a5140!important;
    font:750 10px/1 system-ui,sans-serif!important;cursor:pointer!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open .mbs-cart-total{
    margin:0 12px!important;padding:5px 0!important;min-height:32px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open>.mbs-cart-review-cta{
    width:calc(100% - 24px)!important;margin:0 12px 7px!important;
    min-height:48px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart.is-open>small{display:none!important}
}

/* 0.1.186 final — le volet suit la quantité réelle de contenu.
   Évite la grande zone vide d'un panier de 1 à 2 articles, sans empêcher
   le défilement interne d'un panier plus long. */
@media (max-width:760px){
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 92px - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open > header{
    position:sticky!important;top:0!important;flex:0 0 auto!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open > .mbs-cart-lines{
    display:block!important;
    flex:0 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(34dvh,300px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open > .mbs-cart-delivery,
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open > .mbs-draft-sync,
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open > .mbs-cutoff-widget,
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open > .mbs-cart-total,
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open > .mbs-cart-review-cta{
    flex:0 0 auto!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open .mbs-cart-total > span:first-child{
    display:inline!important;
    color:#194a3a!important;
    -webkit-text-fill-color:#194a3a!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open .mbs-cart-total strong > [data-mbs-total]{
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
    color:#194a3a!important;
    -webkit-text-fill-color:#194a3a!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout > .mbs-cart.is-open > .mbs-cart-review-cta{
    position:sticky!important;bottom:0!important;z-index:5!important;
  }
}


/* =============================================================
   0.1.187 — AFFINAGE TYPOGRAPHIQUE CLIENT SUR TABLETTE/MOBILE
   Corrige les titres trop serres, sans toucher aux comportements
   du panier, aux formulaires ou aux fonctions WordPress.
   ============================================================= */
@media (max-width:1199px) {
  .mbs-client-app.mbs-client-tab-order .mbs-commerce-hero h1 {
    line-height:1.16!important;
    letter-spacing:-.022em!important;
    margin-bottom:11px!important;
    text-wrap:balance;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-order-workspace-title .mbs-eyebrow {
    display:block;
    line-height:1.35!important;
    letter-spacing:.10em!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-order-workspace-title h2 {
    line-height:1.24!important;
    letter-spacing:-.015em!important;
    margin:6px 0 8px!important;
    text-wrap:balance;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-head h3 {
    line-height:1.27!important;
    letter-spacing:-.012em!important;
    margin:4px 0 8px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-feature-zone .mbs-section-title h2,
  .mbs-client-app.mbs-client-tab-order .mbs-discovery-zone .mbs-section-title h2 {
    line-height:1.28!important;
    letter-spacing:-.012em!important;
    margin:4px 0 6px!important;
    text-wrap:balance;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step strong {
    line-height:1.27!important;
    letter-spacing:0!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-order-progress-step small {
    line-height:1.3!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-item strong,
  .mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview strong,
  .mbs-client-app.mbs-client-tab-order .mbs-cart-product strong {
    line-height:1.35!important;
    letter-spacing:0!important;
  }
  .mbs-client-app .mbs-page-head h1,
  .mbs-client-app.mbs-client-tab-messages .mbs-page-head h1 {
    line-height:1.22!important;
    margin:6px 0 10px!important;
    letter-spacing:-.018em!important;
  }
  .mbs-client-app.mbs-client-tab-messages .mbs-thread > header h2 {
    line-height:1.28!important;
    letter-spacing:-.012em!important;
  }
}
@media (max-width:760px) {
  .mbs-client-app.mbs-client-tab-order .mbs-order-workspace-title h2 {
    font-size:clamp(23px,6.3vw,29px)!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-feature-zone .mbs-section-title h2,
  .mbs-client-app.mbs-client-tab-order .mbs-discovery-zone .mbs-section-title h2 {
    font-size:clamp(21px,5.7vw,25px)!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-head h3 {
    font-size:clamp(19px,5.2vw,23px)!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart-product strong {
    overflow-wrap:anywhere;
  }
}

/* =======================================================================
   0.1.191 — Catégories compactes (essai graphique validable par le client).
   Conserve les photos existantes mais en miniatures ; catégories accessibles
   sur UNE seule rangée tactile, sans changer le filtre ni les produits.
   ======================================================================= */
.mbs-client-app.mbs-client-tab-order .mbs-category-section{
  margin:0 0 12px!important;
  padding:8px 10px!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#fbfdfb!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-strip{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  margin:0!important;
  padding:2px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  min-height:64px!important;
  height:auto!important;
  min-width:0!important;
  width:100%!important;
  padding:8px!important;
  margin:0!important;
  border:1px solid #dce7df!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(12,57,40,.045)!important;
  text-align:left!important;
  transform:none!important;
  overflow:hidden!important;
  color:#174b3b!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-image,
.mbs-client-app.mbs-client-tab-order .mbs-category-image.has-image,
.mbs-client-app.mbs-client-tab-order .mbs-category-image.mbs-category-all{
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  border-radius:10px!important;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
  inset:auto!important;
  margin:0!important;
  grid-row:auto!important;
  grid-column:auto!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-image.mbs-category-all{
  background:linear-gradient(145deg,#1e6652,#0a4136)!important;
  color:#fff!important;
  font-size:24px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category strong,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover strong,
.mbs-client-app.mbs-client-tab-order .mbs-category:focus-visible strong{
  box-sizing:border-box!important;
  display:block!important;
  flex:1 1 auto!important;
  position:static!important;
  grid-row:auto!important;
  grid-column:auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#174538!important;
  font:750 11.5px/1.3 system-ui,-apple-system,Arial,sans-serif!important;
  text-align:left!important;
  text-shadow:none!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover{
  border:2px solid #11664f!important;
  background:#eaf5ee!important;
  box-shadow:0 0 0 1px rgba(15,92,69,.06)!important;
  padding:7px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active strong,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover strong{
  color:#0b4737!important;
  background:transparent!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category:focus-visible{
  outline:3px solid #bd8b47!important;outline-offset:2px!important;
}
@media(max-width:1199px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-section{
    padding:7px 0 7px 8px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin;
    scrollbar-color:#b4cbbf transparent;
    padding:3px 13px 9px 2px!important;
    margin:0!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category{
    flex:0 0 170px!important;
    width:170px!important;
    min-width:170px!important;
    min-height:62px!important;
    scroll-snap-align:start!important;
  }
}
@media(max-width:767px){
  .mbs-client-app.mbs-client-tab-order .mbs-category{flex:0 0 158px!important;width:158px!important;min-width:158px!important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category-image,
  .mbs-client-app.mbs-client-tab-order .mbs-category-image.has-image,
  .mbs-client-app.mbs-client-tab-order .mbs-category-image.mbs-category-all{
    width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;flex-basis:39px!important;
  }
}

/* ======================================================================
   v0.1.192 — familles en pictogrammes SVG, grille visible sans carrousel.
   Priorité : tout voir et tout sélectionner sans glisser horizontalement.
   ====================================================================== */
.mbs-client-app.mbs-client-tab-order .mbs-category-section{
  box-sizing:border-box!important;
  overflow:visible!important;
  padding:9px!important;
  margin-bottom:11px!important;
  background:#f8faf8!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-strip{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  flex-wrap:initial!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  scroll-snap-type:none!important;
  margin:0!important;
  padding:1px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:initial!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:53px!important;
  padding:7px!important;
  border:1px solid #dbe7df!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#174538!important;
  box-shadow:0 2px 8px rgba(17,65,49,.035)!important;
  scroll-snap-align:none!important;
  transform:none!important;
  white-space:normal!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image,
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-all,
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-picto{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;
  background:#e9f3ed!important;
  color:#185742!important;
  border-radius:9px!important;
  background-image:none!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image::after{content:none!important;display:none!important}
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-svg{
  width:22px!important;height:22px!important;max-width:100%!important;
  display:block!important;fill:none!important;stroke:currentColor!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category strong,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover strong{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:#214d3d!important;
  font:750 11.5px/1.27 system-ui,-apple-system,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  text-shadow:none!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover{
  border:1.5px solid #17644f!important;
  background:#e7f3ea!important;
  padding:7px!important;
  box-shadow:0 0 0 1px rgba(20,99,76,.07)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active .mbs-category-image{
  background:#135643!important;color:#fff!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active strong{color:#174838!important;background:transparent!important}
@media(max-width:1300px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:800px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category-section{padding:8px!important;}
}
@media(max-width:520px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category,
  .mbs-client-app.mbs-client-tab-order .mbs-category:hover{min-height:50px!important;padding:6px!important;gap:6px!important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category strong{font-size:11px!important;line-height:1.22!important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image,
  .mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-all,
  .mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-picto{flex-basis:31px!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;padding:5px!important;}
}


/* ===========================================================================
   v0.1.193 — Catégories style pictogramme centré.
   Visuel inspiré des quatre boutons validés : pictogramme au-dessus du libellé,
   contraste fort, grille sans défilement horizontal, sans grandes photographies.
   Limité à la vue Nouvelle commande du portail client.
   =========================================================================== */
.mbs-client-app.mbs-client-tab-order .mbs-category-section{
  box-sizing:border-box!important;
  padding:13px!important;
  margin:0 0 12px!important;
  border:1px solid #dfe9e2!important;
  border-radius:17px!important;
  background:#fff!important;
  overflow:visible!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 11px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-heading h2{
  font:700 20px/1.2 Georgia,serif!important;
  color:#183b31!important;
  letter-spacing:-.02em!important;
  margin:3px 0 0!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-heading .mbs-eyebrow{
  font:800 9px/1.3 system-ui,-apple-system,Arial,sans-serif!important;
  color:#9b753f!important;
  letter-spacing:.14em!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-heading>span{display:none!important;}
.mbs-client-app.mbs-client-tab-order .mbs-category-strip{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  scroll-snap-type:none!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  min-height:79px!important;
  height:auto!important;
  padding:10px 7px!important;
  background:#fff!important;
  border:1px solid #dae4dc!important;
  border-radius:13px!important;
  color:#183e32!important;
  box-shadow:0 2px 7px rgba(15,66,48,.035)!important;
  text-align:center!important;
  transform:none!important;
  scroll-snap-align:none!important;
  cursor:pointer!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category:hover:not(.is-active){
  background:#f1f7f3!important;
  border-color:#82afa0!important;
  box-shadow:0 4px 10px rgba(14,65,49,.08)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image,
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-all,
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-picto{
  box-sizing:border-box!important;
  position:static!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  max-width:29px!important;
  max-height:29px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  color:#155340!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-svg{
  display:block!important;
  width:26px!important;
  height:26px!important;
  max-width:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category strong,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover strong{
  box-sizing:border-box!important;
  display:block!important;
  flex:0 1 auto!important;
  position:static!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  color:#183e32!important;
  background:transparent!important;
  border:0!important;
  font:750 12px/1.23 system-ui,-apple-system,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  overflow:visible!important;
  text-shadow:none!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover{
  border:1px solid #155340!important;
  background:#155340!important;
  color:#fff!important;
  box-shadow:0 3px 11px rgba(15,65,48,.16)!important;
  padding:10px 7px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active .mbs-category-image,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active .mbs-category-image.mbs-category-all,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active .mbs-category-image.mbs-category-picto{
  background:transparent!important;
  color:#fff!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active strong,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover strong{
  color:#fff!important;
  background:transparent!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category:focus-visible{
  outline:3px solid #b88743!important;
  outline-offset:2px!important;
}
@media(max-width:1250px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:850px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:600px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-section{
    padding:10px!important;
    border-radius:13px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category-heading{margin-bottom:9px!important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category-heading h2{font-size:18px!important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category,
  .mbs-client-app.mbs-client-tab-order .mbs-category:hover,
  .mbs-client-app.mbs-client-tab-order .mbs-category.is-active,
  .mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover{
    min-height:74px!important;
    padding:8px 5px!important;
    gap:5px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category strong,
  .mbs-client-app.mbs-client-tab-order .mbs-category:hover strong{
    font-size:11.5px!important;
    line-height:1.22!important;
  }
}


/* ===============================================================
   v0.1.194 — Catalogue prioritaire, sans allonger le parcours.
   Le contenu des mises en avant reste présent et fonctionnel dans
   un élément details natif, ouvert seulement à la demande du client.
   =============================================================== */
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-order-recommendations{
  order:4!important;
  display:block!important;
  box-sizing:border-box!important;
  margin:0 0 10px!important;
  border:1px solid #e2e9e1!important;
  border-radius:13px!important;
  background:#fffdf9!important;
  min-width:0!important;
  overflow:hidden!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-recommendations>summary{
  display:flex!important;align-items:center!important;gap:10px!important;
  min-height:49px!important;padding:10px 14px!important;
  list-style:none!important;cursor:pointer!important;
  color:#164c3d!important;
  background:#f4f9f5!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-recommendations>summary::-webkit-details-marker{display:none!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-recommendations>summary .mbs-recommendations-toggle-icon{
  display:grid!important;place-items:center!important;flex:0 0 29px!important;width:29px!important;height:29px!important;
  border-radius:9px!important;background:#e6f1e8!important;color:#175744!important;font-size:17px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-recommendations>summary>span:nth-child(2){
  display:grid!important;min-width:0!important;gap:2px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-recommendations>summary strong{font-size:12px!important;line-height:1.28!important;color:#164536!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-recommendations>summary small{font-size:10px!important;line-height:1.35!important;color:#607970!important}
.mbs-client-app.mbs-client-tab-order .mbs-recommendations-toggle-chevron{
  font-size:23px!important;line-height:1!important;margin-left:auto!important;transform:rotate(0deg);transition:transform .16s ease;
}
.mbs-client-app.mbs-client-tab-order .mbs-order-recommendations[open] .mbs-recommendations-toggle-chevron{transform:rotate(180deg)}
.mbs-client-app.mbs-client-tab-order .mbs-order-recommendations .mbs-feature-zone,
.mbs-client-app.mbs-client-tab-order .mbs-order-recommendations .mbs-discovery-zone{
  margin:9px 10px!important;
}
/* À partir de 1280 px, 7 catégories tiennent sur une seule ligne. */
@media (min-width:1280px){
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category{
    padding:9px 4px!important;min-height:75px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-category strong{font-size:11px!important}
}
@media (max-width:600px){
  .mbs-client-app.mbs-client-tab-order .mbs-order-recommendations>summary{min-height:48px!important;padding:9px 11px!important}
  .mbs-client-app.mbs-client-tab-order .mbs-order-recommendations>summary small{font-size:9px!important}
}


/* ============================================================
   v0.1.195 — Parcours client plus direct, 5 améliorations visuelles.
   Fonctionnement des paniers, filtres, recherches et e-mails inchangé.
   ============================================================ */
/* 1. Produits récents : une seule ligne, ouverture volontaire. */
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion {
  box-sizing:border-box!important;
  display:block!important;
  min-width:0!important;
  padding:0!important;
  margin:0 0 12px!important;
  border:1px solid #dce7df!important;
  border-left:1px solid #dce7df!important;
  border-radius:14px!important;
  background:#fffefa!important;
  overflow:hidden!important;
  box-shadow:0 5px 16px rgba(32,58,46,.045)!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion[hidden],
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion:not([open])>.mbs-last-order-expanded {
  display:none!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle {
  box-sizing:border-box;display:flex;align-items:center;gap:12px;
  padding:11px 14px;min-height:57px;cursor:pointer;
  list-style:none;color:#174c3d;background:#f5faf6;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle::-webkit-details-marker{display:none}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle:focus-visible{outline:2px solid #bb8a42;outline-offset:-3px}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle-symbol{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border-radius:10px;background:#e0f0e7;color:#11503e;
  font:700 22px/1 Arial,sans-serif;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle-copy{
  display:grid;gap:3px;min-width:0;flex:1;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle-copy strong{
  font:700 18px/1.22 Georgia,serif;color:#193a30;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle-copy small{
  font:500 11px/1.3 system-ui,-apple-system,Arial,sans-serif;color:#62756c;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle-count{
  flex:0 0 auto;background:#fff;border:1px solid #dfebe5;border-radius:99px;
  padding:6px 11px;font-size:11px;font-weight:750;color:#42685a;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle-chevron{
  flex:0 0 auto;font:700 22px/1 Arial,sans-serif;transition:transform .2s ease;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion[open] .mbs-last-order-toggle-chevron{transform:rotate(180deg)}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-expanded{padding:12px 14px 14px}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-expand-head{
  display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 11px;font-size:12px;color:#65756b;font-weight:600;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-expand-head .mbs-last-order-skip{
  padding:6px 10px!important;border-radius:9px!important;border:1px solid #e7dfd2!important;
  font-size:11px!important;text-decoration:none!important;background:#fff!important;
}
/* 2. Lisibilité des produits, références et actions. */
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-item strong{
  font-size:12px!important;line-height:1.38!important;white-space:normal!important;
  overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-item small{
  font-size:10.5px!important;line-height:1.35!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-item>button{
  min-height:36px!important;font-size:11.5px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-last-order-suggestion-actions .mbs-btn{
  min-height:39px!important;font-size:11.5px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview strong{
  font-size:12px!important;line-height:1.36!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview small{
  font-size:10px!important;line-height:1.32!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-product-body h3{
  font-size:14px!important;line-height:1.32!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-product-body>small{font-size:10.5px!important}
/* 3. Catégories toujours tactiles mais moins hautes. */
.mbs-client-app.mbs-client-tab-order .mbs-category-section{
  padding:11px!important;margin-bottom:9px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-strip{gap:6px!important}
.mbs-client-app.mbs-client-tab-order .mbs-category,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover{
  min-height:65px!important;padding:7px 5px!important;gap:3px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image,
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-all,
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-picto{
  width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
  max-width:24px!important;max-height:24px!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-svg{width:22px!important;height:22px!important}
/* 4. Colonne de panier plus large sur ordinateur, jamais sur mobile. */
@media(min-width:1280px){
  .mbs-client-app.mbs-client-tab-order .mbs-premium-order-layout{
    grid-template-columns:minmax(0,1fr) 350px!important;
    gap:16px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-cart-product strong{
    font-size:12px!important;line-height:1.3!important;
    overflow-wrap:break-word!important;word-break:normal!important;
  }
}
/* 5. Titre au-dessus du champ : une ligne au lieu de deux. */
@media(min-width:768px){
  .mbs-client-app.mbs-client-tab-order .mbs-order-workspace-head{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;margin:0 0 12px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-order-workspace-title h2{
    font-size:27px!important;line-height:1.18!important;
    margin:3px 0 0!important;white-space:nowrap!important;
  }
}
/* Les produits restent immédiatement sous les catégories,
   les suggestions demeurent repliables et disponibles. */
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-order-recommendations{order:4!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-product-viewbar{order:5!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-products-grid{order:6!important}
@media(max-width:767px){
  .mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle{padding:9px 10px;gap:9px;min-height:54px}
  .mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle-copy strong{font-size:15px!important;line-height:1.24!important}
  .mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle-copy small{display:none!important}
  .mbs-client-app.mbs-client-tab-order .mbs-last-order-toggle-count{font-size:10px;padding:5px 7px}
  .mbs-client-app.mbs-client-tab-order .mbs-last-order-expanded{padding:10px}
  .mbs-client-app.mbs-client-tab-order .mbs-category,
  .mbs-client-app.mbs-client-tab-order .mbs-category:hover,
  .mbs-client-app.mbs-client-tab-order .mbs-category.is-active,
  .mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover{
    min-height:64px!important;padding:6px 4px!important;
  }
  .mbs-client-app.mbs-client-tab-order .mbs-order-workspace-title h2{
    font-size:clamp(22px,6vw,27px)!important;
    line-height:1.22!important;
  }
}


/* ========================================================
   v0.1.197 — Vitrine sur Accueil, commande toujours prioritaire
   ======================================================== */
.mbs-client-app.mbs-client-tab-home .mbs-home-selection{
  margin:0 24px 28px;padding:24px;border:1px solid #e5e5dc;border-radius:19px;
  background:#fffdf8;box-shadow:0 7px 26px rgba(28,58,43,.045);min-width:0;
}
.mbs-client-app .mbs-home-selection-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 19px}
.mbs-client-app .mbs-home-selection-intro h2{font:600 clamp(22px,2.2vw,30px)/1.15 Georgia,serif;color:#173e34;margin:5px 0 6px}
.mbs-client-app .mbs-home-selection-intro p{font-size:13px;color:#718079;margin:0;line-height:1.45}
.mbs-client-app .mbs-home-selection-order{display:inline-flex;align-items:center;white-space:nowrap;color:#1b5946;font-weight:750;font-size:12px;text-decoration:none;padding:9px 13px;border:1px solid #dce8df;background:#f1f7f2;border-radius:10px}
.mbs-client-app .mbs-home-selection-order:hover{background:#e7f1e9}
.mbs-client-app .mbs-home-selection-group{min-width:0;margin:0 0 23px}
.mbs-client-app .mbs-home-selection-group:last-child{margin-bottom:0}
.mbs-client-app .mbs-home-selection-group-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:0 0 11px}
.mbs-client-app .mbs-home-selection-group-head h3{font:600 21px/1.2 Georgia,serif;color:#173e34;margin:3px 0 0}
.mbs-client-app .mbs-home-selection-group-head p{font-size:11px;color:#78837c;margin:0;text-align:right}
.mbs-client-app .mbs-home-selection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}
.mbs-client-app .mbs-home-selection-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none!important;background:#fff;border:1px solid #e8e8dd;border-radius:14px;box-shadow:0 3px 10px rgba(20,47,33,.028);transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.mbs-client-app .mbs-home-selection-card:hover{transform:translateY(-2px);border-color:#b9cdbb;box-shadow:0 7px 19px rgba(20,47,33,.10)}
.mbs-client-app .mbs-home-selection-photo{display:block;width:100%;aspect-ratio:1.75;background-position:center;background-size:cover;background-color:#eaece3}
.mbs-client-app .mbs-home-selection-card-body{display:flex;flex-direction:column;flex:1;gap:4px;padding:12px;min-width:0}
.mbs-client-app .mbs-home-selection-card-body small{font-size:10px;line-height:1.2;color:#9a7748;font-weight:700}
.mbs-client-app .mbs-home-selection-card-body strong{font-size:14px;line-height:1.32;color:#193f32;overflow-wrap:break-word}
.mbs-client-app .mbs-home-selection-card-body em{font-size:11px;font-style:normal;font-weight:750;color:#227454;margin-top:auto;padding-top:7px}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-order-recommendations{order:7!important;margin-top:14px!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-product-viewbar{order:5!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-main>.mbs-products-grid{order:6!important}
.mbs-client-app.mbs-client-tab-order .mbs-order-home-discover{display:flex;align-items:center;gap:9px;margin:12px 10px;padding:12px 14px;border-radius:11px;text-decoration:none!important;background:#f2f6f1;color:#1d5942;border:1px solid #dfe9df}
.mbs-client-app.mbs-client-tab-order .mbs-order-home-discover strong{flex:1;font-size:12px}
.mbs-client-app.mbs-client-tab-order .mbs-order-home-discover>span:first-child{font-size:18px;color:#ae8041}
.mbs-client-app.mbs-client-tab-order .mbs-products-grid .mbs-product.is-home-linked{outline:3px solid #c39a4b!important;outline-offset:2px;box-shadow:0 0 0 6px rgba(195,154,75,.15),0 8px 22px rgba(35,67,43,.14)!important;border-radius:15px}
@media(max-width:1120px){
  .mbs-client-app .mbs-home-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
  .mbs-client-app.mbs-client-tab-home .mbs-home-selection{margin:0 13px 22px;padding:17px}
  .mbs-client-app .mbs-home-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mbs-client-app .mbs-home-selection-intro{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:460px){
  .mbs-client-app.mbs-client-tab-home .mbs-home-selection{margin:0 10px 20px;padding:12px;border-radius:14px}
  .mbs-client-app .mbs-home-selection-grid{gap:8px}
  .mbs-client-app .mbs-home-selection-photo{aspect-ratio:1.52}
  .mbs-client-app .mbs-home-selection-card-body{padding:10px 9px;gap:4px}
  .mbs-client-app .mbs-home-selection-card-body strong{font-size:12px}
  .mbs-client-app .mbs-home-selection-card-body small,.mbs-client-app .mbs-home-selection-card-body em{font-size:10px}
  .mbs-client-app .mbs-home-selection-group-head{align-items:flex-start;flex-direction:column;gap:2px}
  .mbs-client-app .mbs-home-selection-group-head h3{font-size:19px}
  .mbs-client-app .mbs-home-selection-group-head p{text-align:left}
}


/* 0.1.198 — Informations client : tuiles compactes et détails accessibles au toucher.
   Les messages importants et urgents restent développés ; les informations ordinaires sont repliées. */
.mbs-client-app details.mbs-client-announcement{
  display:block;
  padding:0;
  overflow:hidden;
  min-width:0;
  background:#f7fbf9;
  border:1px solid #dce7e2;
  border-left:5px solid #5d8578;
  border-radius:13px;
  box-shadow:0 4px 15px rgba(25,55,47,.05);
}
.mbs-client-app details.mbs-client-announcement.is-important{background:#fffaf0;border-color:#f0dfb7;border-left-color:#bd8420}
.mbs-client-app details.mbs-client-announcement.is-urgent{background:#fff5f2;border-color:#eccbc4;border-left-color:#b94435}
.mbs-client-app .mbs-client-announcement-toggle{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;
  gap:11px;align-items:center;min-width:0;min-height:60px;
  padding:10px 13px;cursor:pointer;list-style:none;
}
.mbs-client-app .mbs-client-announcement-toggle::-webkit-details-marker{display:none}
.mbs-client-app .mbs-client-announcement-toggle::marker{content:''}
.mbs-client-app .mbs-client-announcement-toggle:focus-visible{outline:3px solid #bb9253;outline-offset:-3px;border-radius:10px}
.mbs-client-app .mbs-client-announcement-toggle:hover{background:rgba(26,78,63,.035)}
.mbs-client-app .mbs-client-announcement-head{display:block;min-width:0}
.mbs-client-app .mbs-client-announcement-head small{
  display:block;font-size:9px;line-height:1.25;letter-spacing:.11em;margin-bottom:2px;color:#61736a
}
.mbs-client-app .mbs-client-announcement-head strong{
  display:block;font-size:15px;line-height:1.28;letter-spacing:0;margin:0;color:#193f34;font-weight:800
}
.mbs-client-app .mbs-client-announcement-icon{width:34px;height:34px;border-radius:10px}
.mbs-client-app .mbs-client-announcement-icon svg{width:18px;height:18px}
.mbs-client-app .mbs-client-announcement-expand{
  display:flex;align-items:center;justify-content:center;flex:none;
  min-width:31px;min-height:31px;padding:0 4px;border-radius:9px;
  background:rgba(25,70,55,.06);color:#356b5d;font-size:11px;font-weight:800
}
.mbs-client-app .mbs-client-announcement-expand::after{content:'Lire +'}
.mbs-client-app .mbs-client-announcement[open] .mbs-client-announcement-expand::after{content:'Fermer −'}
.mbs-client-app .mbs-client-announcement-body{padding:0 14px 12px 58px;min-width:0}
.mbs-client-app .mbs-client-announcement-body p{
  margin:0;font-size:13px;line-height:1.48;color:#4f5f59;
  overflow-wrap:anywhere;white-space:normal
}
.mbs-client-app .mbs-client-announcements{gap:8px;margin-top:9px}
@media(max-width:760px){
  .mbs-client-app .mbs-client-announcements{gap:7px;margin:8px 10px 0!important}
  .mbs-client-app details.mbs-client-announcement{padding:0;border-left-width:4px;border-radius:12px}
  .mbs-client-app .mbs-client-announcement-toggle{
    min-height:55px;grid-template-columns:29px minmax(0,1fr) auto;
    gap:9px;padding:9px 10px
  }
  .mbs-client-app .mbs-client-announcement-icon{width:29px;height:29px;border-radius:9px}
  .mbs-client-app .mbs-client-announcement-icon svg{width:17px;height:17px}
  .mbs-client-app .mbs-client-announcement-head small{font-size:9px;margin-bottom:2px}
  .mbs-client-app .mbs-client-announcement-head strong{font-size:14px;line-height:1.32}
  .mbs-client-app .mbs-client-announcement-expand{min-width:31px;min-height:30px;font-size:10px}
  .mbs-client-app .mbs-client-announcement-body{padding:0 12px 10px 48px}
  .mbs-client-app .mbs-client-announcement-body p{font-size:12.5px;line-height:1.48}
}
@media(prefers-reduced-motion:no-preference){
  .mbs-client-app .mbs-client-announcement-toggle{transition:background .15s ease}
}


/* ================================================================
   v0.1.199 — Grille premium et pictogrammes des catégories.
   Grille adaptée à la largeur RÉELLE du catalogue (pas de slider).
   Pas d'effet sur les listes manager ni les interactions de filtrage.
   ================================================================ */
.mbs-client-app.mbs-client-tab-order .mbs-category-section {
  container: mbs-cat-grid / inline-size;
  padding: 11px 12px !important;
  margin-bottom: 10px !important;
  overflow: visible !important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 112px), 1fr)) !important;
  gap: 7px !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 91px !important;
  padding: 9px 5px !important;
  gap: 6px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  white-space: normal !important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image,
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-all,
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-picto {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #165440 !important;
  background: transparent !important;
  border: 0 !important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-svg {
  display: block !important;
  width: 29px !important;
  height: 29px !important;
  stroke-width: 1.75 !important;
  color: inherit !important;
}
.mbs-client-app.mbs-client-tab-order .mbs-category strong,
.mbs-client-app.mbs-client-tab-order .mbs-category:hover strong {
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.19 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-align: center !important;
  white-space: normal !important;
  hyphens: auto;
}
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active .mbs-category-image,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active .mbs-category-image.mbs-category-all,
.mbs-client-app.mbs-client-tab-order .mbs-category.is-active .mbs-category-image.mbs-category-picto {
  color: #fff !important;
}
/* Limites déterminées par la place disponible à côté du panier. */
@container mbs-cat-grid (min-width: 1110px) {
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip {grid-template-columns: repeat(auto-fit,minmax(106px,1fr)) !important;}
}
@container mbs-cat-grid (min-width: 980px) and (max-width: 1109.98px) {
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip {grid-template-columns: repeat(auto-fit,minmax(102px,1fr)) !important;}
}
@container mbs-cat-grid (min-width: 790px) and (max-width: 979.98px) {
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip {grid-template-columns: repeat(6,minmax(0,1fr)) !important;}
}
@container mbs-cat-grid (min-width: 600px) and (max-width: 789.98px) {
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip {grid-template-columns: repeat(4,minmax(0,1fr)) !important;}
}
@container mbs-cat-grid (min-width: 460px) and (max-width: 599.98px) {
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip {grid-template-columns: repeat(3,minmax(0,1fr)) !important;}
}
@container mbs-cat-grid (max-width: 459.98px) {
  .mbs-client-app.mbs-client-tab-order .mbs-category-strip {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap:7px !important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category,
  .mbs-client-app.mbs-client-tab-order .mbs-category:hover,
  .mbs-client-app.mbs-client-tab-order .mbs-category.is-active,
  .mbs-client-app.mbs-client-tab-order .mbs-category.is-active:hover {min-height:77px !important;gap:4px !important;padding:7px 5px !important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image,
  .mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-all,
  .mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-image.mbs-category-picto {width:27px !important;height:27px !important;flex-basis:27px !important;min-width:27px !important;min-height:27px !important;max-width:27px !important;max-height:27px !important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category .mbs-category-svg {width:25px !important;height:25px !important;}
  .mbs-client-app.mbs-client-tab-order .mbs-category strong {font-size:11px !important;}
}


/* ============================================================
   v0.1.200 — Lien "Voir la fiche" : fin du tremblement au survol
   La règle historique .mbs-mini-product button {height:38px}
   écrasait visuellement la zone cliquable de la prévisualisation.
   L'image, les infos et le lien doivent tenir DANS leur bouton.
   Les boutons d'ajout rapide (+) conservent leur taille séparée.
   ============================================================ */
.mbs-client-app.mbs-client-tab-order .mbs-mini-product,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product:hover,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product:focus-within {
  transform:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product>button.mbs-product-preview,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product>button.mbs-product-preview:hover,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product>button.mbs-product-preview:focus {
  height:auto!important;
  min-height:60px!important;
  max-height:none!important;
  overflow:visible!important;
  transform:none!important;
  transition:none!important;
  grid-template-rows:minmax(0,auto) auto!important;
  row-gap:2px!important;
  align-content:center!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview>.mbs-mini-img {
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview>div:nth-child(2) {
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview>.mbs-preview-hint {
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  min-width:0!important;
  position:static!important;
  display:block!important;
  font-size:10px!important;
  line-height:1.3!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  transform:none!important;
  transition:color .15s ease!important;
}
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview:hover>.mbs-preview-hint,
.mbs-client-app.mbs-client-tab-order .mbs-mini-product .mbs-product-preview:focus-visible>.mbs-preview-hint {
  color:#835827!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

/* v0.1.201 — Raccourcis client / compteurs réels par sélection. */
.mbs-client-app .mbs-client-sidebar-nav .mbs-client-sidebar-group-label{display:block;padding:14px 17px 4px;font-size:9px;font-weight:850;letter-spacing:.16em;color:#8a998f;text-transform:uppercase}
.mbs-client-app .mbs-client-sidebar-nav a.mbs-client-counter-link{display:flex;align-items:center;gap:11px;min-width:0;padding-right:12px}
.mbs-client-app .mbs-client-sidebar-nav a.mbs-client-counter-link>span{flex:1;min-width:0}
.mbs-client-app .mbs-client-nav-count{display:inline-grid;place-items:center;flex:0 0 auto;min-width:24px;height:23px;padding:0 6px;box-sizing:border-box;border-radius:8px;background:#e6eee9;color:#124537;font:800 11px/1 system-ui,sans-serif;letter-spacing:0;white-space:nowrap}
.mbs-client-app .mbs-client-sidebar-nav a.is-active .mbs-client-nav-count{background:#d4e5db;color:#104e40}
.mbs-client-app .mbs-client-sidebar-nav a.mbs-client-counter-link:hover{background:#e9f3ed}
.mbs-client-app .mbs-client-sidebar-nav a.mbs-client-counter-link .mbs-icon{flex-shrink:0}
.mbs-client-app .mbs-client-mobile-options-label{display:block;padding:7px 11px 8px;color:#75857e;font:800 10px/1.25 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.mbs-client-app .mbs-client-mobile-options-panel{min-width:min(290px,calc(100vw - 24px));max-height:min(72dvh,470px);overflow:auto;overscroll-behavior:contain}
.mbs-client-app .mbs-client-mobile-options-panel a>span{flex:1;min-width:0}
.mbs-client-app .mbs-client-mobile-options-panel a .mbs-client-nav-count{margin-left:auto;background:#dceae0;color:#0e483a}
.mbs-client-app .mbs-client-mobile-options-divider{height:1px;margin:7px 3px;background:#dbe5de}
.mbs-client-app #mbs-favorite-manual,.mbs-client-app #mbs-favorite-habits,.mbs-client-app #mbs-home-selections{scroll-margin-top:25px}
.mbs-client-app .mbs-home-see-all,.mbs-client-app .mbs-home-selection-back{color:#185644;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}


/* v0.1.202 — Menu client en harmonie avec les accents par rubrique du gestionnaire.
 * Couleurs = repères secondaires (pictogramme, filet, compteur),
 * les intitulés et l'état actif demeurent identifiables sans la couleur. */
.mbs-client-app .mbs-client-tone-sage {--mbs-client-tone:#a8c7b0;--mbs-client-tone-strong:#326e54;--mbs-client-mobile-bg:#f0f6f1}
.mbs-client-app .mbs-client-tone-gold {--mbs-client-tone:#dbb577;--mbs-client-tone-strong:#98703b;--mbs-client-mobile-bg:#faf5eb}
.mbs-client-app .mbs-client-tone-amber {--mbs-client-tone:#e2bd75;--mbs-client-tone-strong:#9f7130;--mbs-client-mobile-bg:#fcf6e8}
.mbs-client-app .mbs-client-tone-rose {--mbs-client-tone:#e9b2bb;--mbs-client-tone-strong:#a95064;--mbs-client-mobile-bg:#fdf1f3}
.mbs-client-app .mbs-client-tone-teal {--mbs-client-tone:#94d0be;--mbs-client-tone-strong:#297c69;--mbs-client-mobile-bg:#eef9f5}
.mbs-client-app .mbs-client-tone-blue {--mbs-client-tone:#a3c0dc;--mbs-client-tone-strong:#416f96;--mbs-client-mobile-bg:#eef5fc}
.mbs-client-app .mbs-client-tone-plum {--mbs-client-tone:#c0abd7;--mbs-client-tone-strong:#745498;--mbs-client-mobile-bg:#f5f1fa}
@media (min-width:901px){
  .mbs-client-app .mbs-client-sidebar-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#607e70 transparent;flex:1 1 auto}
  .mbs-client-app .mbs-client-sidebar-nav a[class*="mbs-client-tone-"]{position:relative;min-width:0;transition:background-color .14s ease,color .14s ease!important}
  .mbs-client-app .mbs-client-sidebar-nav a[class*="mbs-client-tone-"]:not(.mbs-client-sidebar-order)::after{content:"";position:absolute;left:5px;top:11px;bottom:11px;width:3px;border-radius:6px;background:var(--mbs-client-tone);opacity:.94;pointer-events:none}
  .mbs-client-app .mbs-client-sidebar-nav a[class*="mbs-client-tone-"]>.mbs-icon{color:var(--mbs-client-tone)!important;flex:0 0 20px}
  .mbs-client-app .mbs-client-sidebar-nav a[class*="mbs-client-tone-"]:not(.mbs-client-sidebar-order){padding-left:16px}
  .mbs-client-app .mbs-client-sidebar-nav a[class*="mbs-client-tone-"]:hover:not(.is-active):not(.mbs-client-sidebar-order){background:rgba(255,255,255,.095)!important;color:#fff!important;transform:none!important}
  .mbs-client-app .mbs-client-sidebar-nav a[class*="mbs-client-tone-"].is-active>.mbs-icon{color:var(--mbs-client-tone-strong)!important}
  .mbs-client-app .mbs-client-sidebar-nav a[class*="mbs-client-tone-"].is-active::after{width:4px;left:4px}
  .mbs-client-app .mbs-client-sidebar-nav a.mbs-client-counter-link>.mbs-client-nav-count{background:var(--mbs-client-tone)!important;color:#193c32!important;border:1px solid rgba(0,0,0,.07);border-radius:8px;min-width:27px;height:23px;font-size:11px!important}
  .mbs-client-app .mbs-client-sidebar-nav a.mbs-client-counter-link.is-active>.mbs-client-nav-count{background:var(--mbs-client-mobile-bg)!important;color:var(--mbs-client-tone-strong)!important;border-color:var(--mbs-client-tone)!important}
}
/* Même langage visuel dans les Options accessibles sur smartphone / tablette. */
.mbs-client-app .mbs-client-mobile-options-panel a[class*="mbs-client-tone-"]{position:relative;background:var(--mbs-client-mobile-bg)!important;border-left:3px solid var(--mbs-client-tone)!important;min-width:0;gap:9px}
.mbs-client-app .mbs-client-mobile-options-panel a[class*="mbs-client-tone-"] .mbs-icon{color:var(--mbs-client-tone-strong)!important}
.mbs-client-app .mbs-client-mobile-options-panel a[class*="mbs-client-tone-"] .mbs-client-nav-count{background:#fff!important;color:var(--mbs-client-tone-strong)!important;border:1px solid var(--mbs-client-tone);border-radius:8px;font-size:11px}
.mbs-client-app .mbs-client-mobile-options-panel a[class*="mbs-client-tone-"]:hover{filter:brightness(.97)}
.mbs-client-app .mbs-client-sidebar-nav a[class*="mbs-client-tone-"]:focus-visible,
.mbs-client-app .mbs-client-mobile-options-panel a[class*="mbs-client-tone-"]:focus-visible{outline:2px solid #d7b06e!important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.mbs-client-app .mbs-client-sidebar-nav a[class*="mbs-client-tone-"]{transition:none!important}}

/* 0.1.203 — FAVORIS / HABITUELS : une sélection à la fois, grille premium bien centrée. */
.mbs-client-app.mbs-client-tab-favorites .mbs-selections-page-head {
  max-width:1300px; margin-inline:auto; padding-bottom:14px;
}
.mbs-client-app .mbs-favorites-section-switch {
  display:flex;justify-content:center;gap:12px;flex-wrap:wrap;
  padding:4px 24px 18px;margin:0 auto;max-width:1240px;box-sizing:border-box;
}
.mbs-client-app .mbs-selections-switch-link {
  display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;
  min-width:190px;padding:10px 18px;background:#fff;border:1px solid #dce8e0;
  border-radius:13px;color:#16463b;text-decoration:none!important;box-sizing:border-box;
  box-shadow:0 4px 14px rgba(20,64,53,.05);font-size:14px;font-weight:800;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;
}
.mbs-client-app .mbs-selections-switch-link .mbs-icon {width:19px;height:19px;flex:0 0 19px;color:#bc708b}
.mbs-client-app .mbs-selections-switch-link.is-habits .mbs-icon {color:#2b8c77}
.mbs-client-app .mbs-selections-switch-link b {
  min-width:28px;height:25px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 7px;border-radius:10px;background:#f9e6ee;color:#a44e70;font-size:12px;
  box-sizing:border-box;
}
.mbs-client-app .mbs-selections-switch-link.is-habits b {background:#e7f4ef;color:#237a68}
.mbs-client-app .mbs-selections-switch-link.is-active {
  background:#154e3f;border-color:#154e3f;color:#fff;box-shadow:0 8px 19px rgba(20,77,62,.16);
}
.mbs-client-app .mbs-selections-switch-link.is-active .mbs-icon {color:#fff}
.mbs-client-app .mbs-selections-switch-link.is-active b {background:rgba(255,255,255,.19);color:#fff}
.mbs-client-app .mbs-selections-switch-link:hover:not(.is-active) {background:#f3f8f5;border-color:#9bbfb1}
.mbs-client-app.mbs-client-tab-favorites .mbs-favorites-viewbar {max-width:1300px;margin-inline:auto;box-sizing:border-box}
.mbs-client-app.mbs-client-tab-favorites .mbs-favorite-sections {max-width:1300px;margin-inline:auto;box-sizing:border-box}
.mbs-client-app.mbs-client-tab-favorites .mbs-favorite-block {
  border-radius:18px;border:1px solid #e0e6df;overflow:hidden;background:#fff;
  box-shadow:0 12px 30px rgba(15,56,44,.06);
}
.mbs-client-app.mbs-client-tab-favorites .mbs-favorite-section-head {
  justify-content:space-between;align-items:center;gap:12px;min-height:71px;
  padding:16px 22px;box-sizing:border-box;
}
.mbs-client-app.mbs-client-tab-favorites .mbs-favorite-section-head>span {
  text-align:right;max-width:320px;line-height:1.35;
}
/* Le mode Liste ne doit plus produire de longues bandes vides sur grand écran. */
@media (min-width:981px) {
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="list"] {
    width:100%!important;max-width:1130px!important;margin-inline:auto!important;
    grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:20px!important;
  }
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="list"] .mbs-favorite-card {
    display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;
    min-height:116px!important;padding:8px!important;align-items:center!important;
    overflow:hidden;box-sizing:border-box;
  }
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="list"] .mbs-favorite-card>.mbs-product-image {
    width:90px!important;height:90px!important;min-height:90px!important;
    border-radius:11px!important;background-position:center!important;
  }
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="list"] .mbs-favorite-card>div:last-child {
    min-width:0!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) 225px!important;align-items:center;
    column-gap:20px!important;row-gap:7px!important;padding:10px 14px!important;
  }
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="list"] .mbs-favorite-card-details {
    grid-column:1;grid-row:1 / span 2;min-width:0!important;align-self:center;
  }
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="list"] .mbs-favorite-card-details h3 {
    white-space:normal!important;font-size:16px!important;line-height:1.35!important;
  }
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-control {
    grid-column:2;grid-row:1;justify-self:stretch;width:100%!important;
    max-width:none!important;min-width:0!important;margin:0!important;
  }
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="list"] .mbs-habit-add-qty {
    grid-column:2;grid-row:2;justify-self:stretch;min-height:34px;
    width:100%;margin:0!important;padding:7px 10px;line-height:1.2;font-size:12px;
  }
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="list"] .mbs-favorite-cart-status {
    grid-column:1 / -1;grid-row:3;min-height:0;margin:0!important;
  }
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorite-card:hover {
    transform:none!important;box-shadow:0 8px 22px rgba(15,56,44,.08);
  }
}
/* Les cartes Compact et Photo ont une largeur confortable même avec un seul article. */
@media (min-width:1181px) {
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="compact"] {
    grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;
  }
}
@media (min-width:761px) and (max-width:1180px) {
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorites-grid[data-view="compact"] {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  }
}
@media (max-width:760px) {
  .mbs-client-app .mbs-favorites-section-switch {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    padding:2px 12px 14px;
  }
  .mbs-client-app .mbs-selections-switch-link {min-width:0;min-height:50px;padding:10px 8px;gap:6px;font-size:12px}
  .mbs-client-app .mbs-selections-switch-link .mbs-icon {width:17px;height:17px;flex-basis:17px}
  .mbs-client-app .mbs-selections-switch-link b {min-width:24px;height:23px;font-size:11px;padding:0 5px}
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorite-section-head {min-height:0;padding:14px;align-items:start}
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorite-section-head>span {text-align:left;max-width:100%}
  .mbs-client-app.mbs-client-tab-favorites .mbs-favorite-sections {padding-bottom:100px!important}
}

/* 0.1.203 — Informations client : présentation premium centrée, deux cartes côte à côte
   sur grand écran, cartes compactes sur tablette / mobile. Alertes prioritaires visibles. */
.mbs-client-app .mbs-client-announcements {
  width:calc(100% - 44px)!important;
  max-width:1360px!important;
  margin:13px auto 11px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
  box-sizing:border-box!important;
}
.mbs-client-app .mbs-client-announcements > details.mbs-client-announcement {
  margin:0!important;
  border-radius:14px;
  box-shadow:0 5px 15px rgba(18,63,48,.055);
  border-left-width:4px;
}
.mbs-client-app .mbs-client-announcement-toggle {
  grid-template-columns:32px minmax(0,1fr) auto;
  min-height:55px!important;
  gap:10px!important;
  padding:8px 12px!important;
}
.mbs-client-app .mbs-client-announcement-head strong {
  font-size:14px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere;
}
.mbs-client-app .mbs-client-announcement-head small {
  font-size:9px!important;
  margin-bottom:2px!important;
}
.mbs-client-app .mbs-client-announcement-icon {width:32px!important;height:32px!important}
.mbs-client-app .mbs-client-announcement-icon svg {width:17px!important;height:17px!important}
.mbs-client-app .mbs-client-announcement-expand {
  min-width:51px;min-height:29px;
  font-size:10px;
  border:1px solid rgba(27,91,72,.06);
}
.mbs-client-app .mbs-client-announcement-body {
  padding:0 12px 11px 54px!important;
}
.mbs-client-app .mbs-client-announcement-body p {font-size:13px!important;line-height:1.45!important}
.mbs-client-app .mbs-client-announcements > details.mbs-client-announcement.is-important,
.mbs-client-app .mbs-client-announcements > details.mbs-client-announcement.is-urgent {
  grid-column:1 / -1;
}
@media(max-width:1100px) {
  .mbs-client-app .mbs-client-announcements {
    grid-template-columns:minmax(0,1fr)!important;
    width:calc(100% - 28px)!important;
    max-width:720px!important;
    gap:7px!important;
    margin:10px auto!important;
  }
}
@media(max-width:760px) {
  .mbs-client-app .mbs-client-announcements {
    width:calc(100% - 20px)!important;
    gap:6px!important;
    margin:8px auto!important;
  }
  .mbs-client-app .mbs-client-announcements > details.mbs-client-announcement {border-radius:12px}
  .mbs-client-app .mbs-client-announcement-toggle {
    min-height:50px!important;
    padding:7px 10px!important;
    grid-template-columns:27px minmax(0,1fr) auto!important;
    gap:9px!important;
  }
  .mbs-client-app .mbs-client-announcement-icon {width:27px!important;height:27px!important;border-radius:8px}
  .mbs-client-app .mbs-client-announcement-icon svg {width:15px!important;height:15px!important}
  .mbs-client-app .mbs-client-announcement-head strong {font-size:13px!important;line-height:1.25!important}
  .mbs-client-app .mbs-client-announcement-head small {font-size:8px!important;line-height:1.15!important}
  .mbs-client-app .mbs-client-announcement-expand {min-width:47px;min-height:27px;font-size:9px}
  .mbs-client-app .mbs-client-announcement-body {padding:0 11px 10px 47px!important}
  .mbs-client-app .mbs-client-announcement-body p {font-size:12px!important;line-height:1.42!important}
}