/* Maison St. Clair : composants communs (barre de navigation, méga menu, pied de page, boutons, liens, cases, apparitions) */
/* Maison St. Clair : composants communs (pied de page, méga menu) */
/* ---------- pied de page ---------- */
.mf{position:relative;margin-top:clamp(64px,10vw,120px);color:#F2EDE4;font-family:'Jost',system-ui,sans-serif}
.mf a{color:inherit;text-decoration:none}
.mf-card{position:relative;z-index:1;overflow:hidden;border-radius:28px 28px 0 0;background:radial-gradient(85% 90% at 50% 0%,#24493A 0%,#163126 48%,#0F2219 100%)}
.mf-wm{position:absolute;right:-4%;top:-14%;width:clamp(320px,36vw,560px);fill:#F2EDE4;opacity:.08;pointer-events:none}
@media (max-width:760px){.mf-wm{right:-26%;top:-50px;bottom:auto;width:320px;opacity:.08}.mf-card{border-radius:24px 24px 0 0}}
.mf-in{position:relative;max-width:1360px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,4vw,56px) calc(22px + env(safe-area-inset-bottom))}
.mf-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-bottom:clamp(36px,5vw,56px);border-bottom:1px solid rgba(242,237,228,.14)}
.mf-h .mf-top{grid-template-columns:minmax(0,1fr)}
.mf-intro{min-width:0}
.mf-logo{display:block;width:34px;height:34px;fill:#F2EDE4;opacity:.9}
.mf-intro p{margin:18px 0 24px;max-width:20ch;font:300 clamp(28px,3.4vw,44px)/1.08 'Jost',system-ui,sans-serif;letter-spacing:-.03em}
.mf-intro em{font-family:'Bodoni Moda',Didot,serif;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-.01em;background:linear-gradient(100deg,#F2EDE4 0%,#C9DCC6 50%,#9DB89F 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.1em}
.mf-nl{align-self:end;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
.mf-nl label{font:500 11px/1 'Jost',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,237,228,.6)}
.mf-nl p{margin:0;font-size:14px;color:rgba(242,237,228,.72)}
.mf-row{display:flex;gap:6px;margin-top:6px;padding:5px;border:1px solid rgba(242,237,228,.22);border-radius:16px;transition:border-color .2s ease}
.mf-row:focus-within{border-color:rgba(242,237,228,.5)}
.mf-row input{flex:1;min-width:0;height:42px;padding:0 14px 0 16px;border:0;background:transparent;color:#F2EDE4;font:300 16px 'Jost',system-ui,sans-serif;outline:none}
.mf-row input::placeholder{color:rgba(242,237,228,.5)}
.mf-row .b1{flex:none;height:42px;border-radius:12px}
.mf-ok{min-height:16px;font-size:12.5px;color:#C9DCC6}
.mf-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:clamp(32px,5vw,48px) 0}
.mf-links h3{margin:0 0 14px;font:500 11px/1 'Jost',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,237,228,.55)}
.mf-links ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mf-links a{font:300 15px 'Jost',system-ui,sans-serif;opacity:.88;transition:opacity .2s ease}
.mf-mid{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(242,237,228,.14)}
.mf-soc{display:flex;gap:8px}
.mf-soc a{width:42px;height:42px;border-radius:13px;border:1px solid rgba(242,237,228,.22);display:grid;place-items:center;transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .25s ease,border-color .25s ease,box-shadow .35s ease}
.mf-soc svg{width:18px;height:18px;fill:#F2EDE4}
.mf-soc svg.st{fill:none;stroke:#F2EDE4;stroke-width:1.5}
.mf-soc svg.st .dot{fill:#F2EDE4;stroke-width:1.2}
.mf-tools{display:flex;align-items:center;gap:10px}
.mf-lang{display:flex;gap:3px;padding:3px;border-radius:13px;border:1px solid rgba(242,237,228,.22)}
.mf-lang button{height:34px;min-width:40px;padding:0 10px;border:0;border-radius:10px;background:none;color:rgba(242,237,228,.62);font:400 12.5px 'Jost',system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.mf-lang button[aria-pressed="true"]{background:#F2EDE4;color:#1B3A2D}
.mf-up{width:42px;height:42px;border-radius:13px;border:1px solid rgba(242,237,228,.3);background:none;color:#F2EDE4;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease-out,background-color .2s ease}
.mf-up svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.mf-bot{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(242,237,228,.14);font-size:12px;color:rgba(242,237,228,.55)}
.mf-bot nav{display:flex;gap:6px 18px;flex-wrap:wrap}
.mf-row button:active,.mf-soc a:active,.mf-up:active{transform:scale(.96)}
@media (hover:hover) and (pointer:fine){
  .mf-links a:hover{opacity:1}
  .mf-soc a:hover{transform:translateY(-4px);background:rgba(242,237,228,.1);border-color:rgba(242,237,228,.5);box-shadow:0 8px 18px rgba(0,0,0,.22)}
  .mf-up:hover{background:rgba(242,237,228,.08)}.mf-up:hover svg{transform:translateY(-2px)}
  .mf-bot a:hover{color:#F2EDE4}
}
.mf a:focus-visible,.mf button:focus-visible,.mf input:focus-visible{outline:1.5px solid #C9DCC6;outline-offset:3px}
@media (max-width:760px){.mf-top{grid-template-columns:minmax(0,1fr)}.mf-links{grid-template-columns:1fr 1fr}.mf-links>div:last-child{grid-column:1/-1}.mf-bot{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.mf *{transition:none!important}}
/* accueil : l'infolettre est déjà juste au-dessus, les liens prennent sa place à droite */
@media (min-width:761px){.mf-h .mf-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:clamp(32px,6vw,96px)}.mf-h .mf-top{border-bottom:0;padding-bottom:clamp(40px,6vw,64px)}.mf-h .mf-links{padding-top:clamp(40px,4vw,56px)}.mf-h .mf-mid,.mf-h .mf-bot{grid-column:1/-1}}
/* ---------- méga menu : la pilule grandit en panneau vert ---------- */
html.msc-mm .pill{transition:background-color .25s ease .38s,border-color .25s ease .38s,box-shadow .25s ease .38s}
html.msc-mm .pill .brand,html.msc-mm .pill .ic svg,html.msc-mm .pill .burger span{transition:color .25s ease .38s,stroke .25s ease .38s,background-color .25s ease .38s,transform .45s cubic-bezier(.22,1,.36,1)}
html.msc-mm .pill.x{background:transparent!important;border-color:transparent!important;box-shadow:none!important;transition-delay:0s}
html.msc-mm .pill.x .brand{color:#F2EDE4;transition-delay:0s}
html.msc-mm .pill.x .ic svg{stroke:#F2EDE4;transition-delay:0s}
html.msc-mm .pill.x .burger span{background:#F2EDE4;transition-delay:0s,0s,0s,0s}
html.msc-mm .pill.x .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
html.msc-mm .pill.x .burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
html.msc-mm .pill.x .ic[aria-pressed="true"]{background:rgba(242,237,228,.12)}
@media (hover:hover) and (pointer:fine){html.msc-mm .pill.x .ic:hover{background:rgba(242,237,228,.08)}}
.mm{position:fixed;z-index:1000;top:12px;left:0;width:620px;height:58px;border-radius:22px;overflow:hidden;color:#F2EDE4;font-family:'Jost',system-ui,sans-serif;
  background:rgba(16,36,27,.86);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(248,245,239,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 40px rgba(0,0,0,.25);
  opacity:0;visibility:hidden;transition:top .6s cubic-bezier(.22,1,.36,1),left .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),border-radius .6s cubic-bezier(.22,1,.36,1),opacity .2s ease .42s,visibility 0s .62s}
.mm.full{opacity:1;visibility:visible;transition:top .6s cubic-bezier(.22,1,.36,1),left .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),border-radius .6s cubic-bezier(.22,1,.36,1),opacity .12s ease,visibility 0s}
.mm a{color:inherit;text-decoration:none}
.mm button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.mm-in{position:absolute;top:0;left:0;padding:96px 48px 28px;display:flex;flex-direction:column;opacity:0;transform:translateY(8px);transition:opacity .14s,transform .3s cubic-bezier(.22,1,.36,1)}
.mm.ready .mm-in{opacity:1;transform:none;transition:opacity .35s .18s,transform .45s .18s cubic-bezier(.22,1,.36,1)}
.mm-v{display:none;flex:1;min-height:0}
.mm-v.on{display:flex}
.mm-menu{gap:56px}
.mm-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;min-width:300px}
.mm-cat{display:flex;align-items:baseline;gap:12px;width:100%;text-align:left;font:300 clamp(30px,3.4vw,46px)/1.16 'Jost',system-ui,sans-serif;letter-spacing:-.03em;color:rgba(242,237,228,.4);transition:color .3s ease,filter .4s ease,opacity .4s ease}
.mm-cat small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,237,228,.45)}
.mm-cat.cur,.mm-cat.here{color:#F2EDE4}
.mm-cat.off{cursor:default}
.mm-sep{height:1px;background:rgba(242,237,228,.14);margin:16px 0}
.mm-minor .mm-cat{font-size:clamp(20px,2vw,26px)}
.mm-sub{flex:0 0 230px;padding-top:12px}
.mm-sub h3{margin:0 0 18px;font:500 11px/1 'Jost',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,237,228,.55)}
.mm-sub ul{list-style:none;margin:0;padding:0}
.mm-sub li{border-top:1px solid rgba(242,237,228,.14)}
.mm-sub li:last-child{border-bottom:1px solid rgba(242,237,228,.14)}
.mm-sub li a{display:block;padding:13px 0;font-size:16px;font-weight:300;transition:transform .25s cubic-bezier(.22,1,.36,1),color .2s ease}
.mm-sub .all{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;color:#C9DCC6}
.mm-sub .all svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mm-sub p{margin:0;font-size:14px;line-height:1.6;color:rgba(242,237,228,.6)}
.mm-vis{flex:1;min-width:0;border-radius:16px;overflow:hidden;position:relative;background:#0c0b0a}
.mm-vis img,.mm-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.mm-vis .on{opacity:1}
.mm-ph{display:grid;place-items:center;align-content:center;gap:18px;color:rgba(242,237,228,.4);font:300 22px 'Jost',system-ui,sans-serif;background:radial-gradient(60% 60% at 50% 40%,rgba(248,245,239,.06),transparent)}
.mm-ph svg{width:96px;height:96px;fill:rgba(242,237,228,.18)}
.mm-search{flex-direction:column;max-width:860px;width:100%;margin:0 auto}
.mm-field{display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(242,237,228,.34);padding-bottom:14px}
.mm-field svg{flex:none;width:26px;height:26px;stroke:rgba(242,237,228,.6);stroke-width:1.3;fill:none}
.mm-field input{flex:1;min-width:0;background:none;border:0;outline:0;font:300 clamp(26px,3.6vw,44px) 'Jost',system-ui,sans-serif;letter-spacing:-.02em;color:#F2EDE4}
.mm-field input::placeholder{color:rgba(242,237,228,.35)}
.mm-field input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.mm-hint{margin:26px 0 12px;font-size:13px;color:rgba(242,237,228,.6)}
.mm-chips{display:flex;flex-wrap:wrap;gap:8px}
.mm-chips button{padding:9px 16px;border-radius:12px;border:1px solid rgba(242,237,228,.3)!important;font-size:14px;font-weight:300;transition:background-color .2s ease,transform .16s ease-out}
.mm-res{list-style:none;margin:8px 0 0;padding:0;overflow:auto}
.mm-res a{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid rgba(242,237,228,.14);font-weight:300}
.mm-res a span:last-child{color:rgba(242,237,228,.5);font-size:13px}
.mm-acct,.mm-cart{align-items:center;justify-content:center}
.mm-card{width:min(420px,100%);text-align:center}
.mm-card h2{margin:0 0 10px;font:300 38px/1.1 'Jost',system-ui,sans-serif;letter-spacing:-.03em}
.mm-card h2 em{font-family:'Bodoni Moda',Didot,serif;font-style:italic;font-weight:400;font-size:1.1em;background:linear-gradient(100deg,#F2EDE4 0%,#C9DCC6 50%,#9DB89F 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.1em}
.mm-card p{margin:0 0 28px;color:rgba(242,237,228,.7);font-weight:300;line-height:1.6}
.mm-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;margin-top:22px;border-top:1px solid rgba(242,237,228,.14);font-size:13px;color:rgba(242,237,228,.65)}
.mm-foot>div:first-child{display:flex;gap:22px}
.mm-lang{display:flex;gap:4px}
.mm-lang button{padding:6px 10px;border-radius:10px;color:rgba(242,237,228,.45)}
.mm-lang button[aria-pressed="true"]{color:#F2EDE4;background:rgba(242,237,228,.1)}
.mm a:focus-visible,.mm button:focus-visible{outline:1.5px solid #C9DCC6;outline-offset:2px}
.mm-chips button:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .mm-cat:not(.off):hover{color:#F2EDE4}
  .mm-sub li a:hover{color:#C9DCC6}
  .mm-chips button:hover{background:rgba(242,237,228,.08)}
  .mm-res a:hover span:first-child{color:#C9DCC6}
  .mm-foot a:hover{color:#F2EDE4}
}
.mm-acc{display:none}
@media (max-width:820px){
  .mm-in{padding:84px 22px 18px}
  .mm-menu{flex-direction:column;gap:0;overflow:auto}
  .mm-cats{min-width:0}
  .mm-cat{font-size:30px;padding:6px 0}
  .mm-vis,.mm-sub{display:none}
  .mm-acc{display:block;overflow:hidden;max-height:0;transition:max-height .45s cubic-bezier(.22,1,.36,1)}
  .mm-acc ul{list-style:none;margin:4px 0 12px 2px;padding:0}
  .mm-acc a{display:block;padding:10px 0;color:rgba(242,237,228,.72);font-weight:300}
  .mm-acc li:last-child a{color:#C9DCC6}
  .mm-foot{flex-direction:column-reverse;align-items:flex-start;gap:12px}
}
@media (prefers-reduced-motion:reduce){.mm,.mm.full,.mm-in,.mm.ready .mm-in,.mm-acc,html.msc-mm .pill,html.msc-mm .pill *{transition:none!important}}

/* ---------- navigation en verre : floue au repos, floue en mouvement, comme l'accueil ---------- */
html.msc-mm .pill{background:rgba(242,237,228,.5)!important;-webkit-backdrop-filter:blur(14px) saturate(150%)!important;backdrop-filter:blur(14px) saturate(150%)!important;border:1px solid rgba(15,34,25,.10)!important;box-shadow:0 10px 40px rgba(15,34,25,.10)!important}
html.msc-mm .pill.x{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* ---------- favoris : un vrai « j'aime » ---------- */
.fav[aria-pressed="true"] svg,.bfav[aria-pressed="true"] svg,.btn2[aria-pressed="true"] svg{fill:#C4515F!important;stroke:#C4515F!important}
.recap .btn2[aria-pressed="true"] svg{fill:#E7929C!important;stroke:#E7929C!important}
.pop svg{animation:msc-pop .5s cubic-bezier(.22,1,.36,1)}
@keyframes msc-pop{0%{transform:scale(1)}35%{transform:scale(1.3)}100%{transform:scale(1)}}
/* ---------- bouton principal : le point arrive, le texte glisse, la flèche s'en va ---------- */
.b1{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:14px;border:1px solid #1B3A2D;background:#1B3A2D;color:#F2EDE4;font:400 14.5px/1 'Jost',system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s ease-out}
.b1{color:#F2EDE4!important}.b1-l{background:#F2EDE4;border-color:#F2EDE4;color:#1B3A2D!important}
.b1-f{display:flex;align-items:center;gap:8px;overflow:hidden;padding:3px 0;pointer-events:none}
.b1-d{flex:none;width:14px;height:14px;fill:currentColor;opacity:0;transform:translateX(-16px) rotate(-30deg)}
.b1-t{white-space:nowrap;transform:translateX(-11px)}
.b1-a{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform:translateX(-11px)}
.b1-d,.b1-t,.b1-a{transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1)}
/* ---------- bouton secondaire : cinq bandes montent depuis le centre ---------- */
.b2{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border:0;border-radius:14px;background:transparent;color:#1B3A2D;box-shadow:inset 0 0 0 1px rgba(27,58,45,.32);transition:transform .16s ease-out,background-color .25s ease,box-shadow .25s ease;font:400 14.5px/1 'Jost',system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s ease-out}
.b2{color:#1B3A2D!important}.b2-l{color:#F2EDE4!important;box-shadow:inset 0 0 0 1px rgba(242,237,228,.45)}
.b2-t{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;pointer-events:none}
.b2 svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none}
.b2-s{display:none!important}
.b2-s{position:absolute;inset:0;z-index:1;border-radius:inherit;background:#1B3A2D;clip-path:inset(0 50% 0 50% round 99px);transition:clip-path .5s cubic-bezier(.22,1,.36,1);pointer-events:none}
.b2-l .b2-s{background:#F2EDE4}
.b-sm{height:38px;padding:0 17px;font-size:13.5px;border-radius:12px}
.b1:active,.b2:active{transform:scale(.97)}
.b1:focus-visible,.b2:focus-visible{outline:1.5px solid currentColor;outline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .b1:hover .b1-d{opacity:1;transform:none}.b1:hover .b1-t{transform:translateX(4px)}.b1:hover .b1-a{transform:translateX(20px)}
  .b2:hover{background:rgba(27,58,45,.06);box-shadow:inset 0 0 0 1px #1B3A2D}
  .b2-l:hover{background:rgba(242,237,228,.1);box-shadow:inset 0 0 0 1px rgba(242,237,228,.85)}
}
/* ---------- liens : le texte roule vers le haut ---------- */
.lk-r{display:inline-grid;overflow:hidden;vertical-align:top}
.lk-r>span{grid-area:1/1;transition:transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1)}
.lk-r>span+span{transform:translateY(150%);opacity:0}
@media (hover:hover) and (pointer:fine){a:hover>.lk-r>span:first-child{transform:translateY(-150%)}a:hover>.lk-r>span+span{transform:none;opacity:1}}
.mm-card .b1,.mm-card .b2{display:flex;width:100%;height:52px;margin-top:10px}
@media (prefers-reduced-motion:reduce){.b1 *,.b2 *,.lk-r>span,.pop svg{transition:none!important;animation:none!important}}

/* ---------- cases à cocher et pastilles radio animées ---------- */
.op .ck{display:grid!important;place-items:center;flex:none;width:18px!important;height:18px!important;border-radius:6px!important;border:1px solid rgba(27,58,45,.28)!important;background:transparent!important;transition:background-color .25s ease,border-color .25s ease,border-width .3s cubic-bezier(.22,1,.36,1)}
.op .ck svg{width:12px;height:12px;opacity:1!important;stroke:#1B3A2D!important;stroke-width:2.2;fill:none;clip-path:inset(0 100% 0 0);transition:clip-path .35s cubic-bezier(.22,1,.36,1) .05s}
.op[aria-pressed="true"] .ck{background:#F2EDE4!important;border-color:#F2EDE4!important}
.op[aria-pressed="true"] .ck svg{clip-path:inset(0 0 0 0)}
.op .ck.rd,.st .rd{border-radius:50%!important;border:1.5px solid rgba(27,58,45,.28)!important;background:transparent!important}
.st .rd{display:block;width:18px;height:18px;transition:border-width .3s cubic-bezier(.22,1,.36,1),border-color .25s ease}
.op[aria-pressed="true"] .ck.rd,.st[aria-pressed="true"] .rd{border-width:5px!important;border-color:#F2EDE4!important;background:#1B3A2D!important}
@media (hover:hover) and (pointer:fine){.op:not([aria-pressed="true"]):not(:disabled):hover .ck,.st:not([aria-pressed="true"]):not(:disabled):hover .rd{border-color:#1B3A2D!important}}
.nl label.ok input{-webkit-appearance:none;appearance:none;flex:none;width:18px;height:18px;margin:0;border-radius:6px;border:1px solid rgba(242,237,228,.45);background:transparent no-repeat center/0 0;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,background-size .35s cubic-bezier(.22,1,.36,1)}
.nl label.ok input:checked{background-color:#F2EDE4;border-color:#F2EDE4;background-size:12px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%231B3A2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.nl label.ok input:focus-visible{outline:1.5px solid #C9DCC6;outline-offset:2px}
/* ---------- apparitions : fondu, montée et flou qui se dissipe ---------- */
.msc-rv{opacity:0;transform:translateY(32px);filter:blur(10px)}
.msc-rv.in{opacity:1;transform:none;filter:blur(0);transition:opacity .8s ease,transform .9s cubic-bezier(.22,1,.36,1),filter .8s ease}
@media (prefers-reduced-motion:reduce){.msc-rv{opacity:1;transform:none;filter:none}.op .ck,.op .ck svg,.st .rd{transition:none!important}}

/* ---------- navigation : verre seulement sur les pages avec le menu commun (l'accueil garde le sien) ---------- */
html.msc-mm .pill{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(15,34,25,.09)!important;box-shadow:0 10px 36px rgba(15,34,25,.09)!important;isolation:isolate}
html.msc-mm .pill .brand{color:#1B3A2D!important}
html.msc-mm .pill .ic svg{stroke:#1B3A2D!important}
html.msc-mm .pill .burger span{background:#1B3A2D!important}
@media (hover:hover) and (pointer:fine){html.msc-mm .pill .ic:hover{background:rgba(15,34,25,.06)!important}html.msc-mm .pill.x .ic:hover{background:rgba(15,34,25,.06)!important}}

html.msc-mm .pill::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(250,248,243,.6);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:none;transition:opacity .25s ease .38s}
html.msc-mm .pill.x::before{opacity:0;transition-delay:0s}
html.msc-mm .pill.x{border-color:transparent!important;box-shadow:none!important}
html.msc-mm .pill .burger span{height:1.4px!important}
html.msc-mm .pill .burger span:nth-child(1){top:calc(50% - 5px)!important}
html.msc-mm .pill .burger span:nth-child(2){top:calc(50% + 3px)!important}
/* ---------- menu ouvert : séparateur sous la barre, catégories qui floutent les autres ---------- */
.mm-in::before,#panel .inner::before{content:"";position:absolute;left:48px;right:48px;top:78px;height:1px;background:rgba(242,237,228,.16);pointer-events:none}
@media (max-width:820px){.mm-in::before,#panel .inner::before{left:22px;right:22px;top:70px}}
.mm-cat.off,.mm-cat.off.cur{color:rgba(242,237,228,.38)!important}
#panel .cat{transition:color .3s ease,filter .4s ease,opacity .4s ease}
@media (hover:hover) and (pointer:fine){
  .mm-cats:hover .mm-cat:not(:hover){filter:blur(2px);opacity:.55}
  .mm-cats:hover .mm-cat:not(.off):hover{color:#F2EDE4}
  #panel #cats:hover .cat:not(:hover){filter:blur(2px);opacity:.55}
  .mm-sub .all:hover svg{animation:mm-arr .55s cubic-bezier(.22,1,.36,1)}
}
@keyframes mm-arr{0%{transform:none;opacity:1}40%{transform:translate(7px,-7px);opacity:0}41%{transform:translate(-7px,7px);opacity:0}100%{transform:none;opacity:1}}
/* ---------- radios : un rond qui se remplit avec une coche, plus un simple point ---------- */
.op .ck.rd,.st .rd{border-radius:50%!important;border:1px solid rgba(27,58,45,.28)!important;background:transparent no-repeat center/0 0!important;transition:background-color .25s ease,border-color .25s ease,background-size .35s cubic-bezier(.22,1,.36,1)!important}
.op[aria-pressed="true"] .ck.rd,.st[aria-pressed="true"] .rd{border-width:1px!important;border-color:#F2EDE4!important;background-color:#F2EDE4!important;background-size:11px 11px!important;background-repeat:no-repeat!important;background-position:center!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%231B3A2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}

/* menu ouvert : priorité sur tout, rien d'autre ne flotte par-dessus */
html.msc-mm .pill.x{z-index:1001!important}
body.menu-open #bar,body.menu-open .bar.show,body.menu-open #toast,body.menu-open .toast{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility 0s .2s!important}

/* pied de page : sans le grand mot-symbole */

/* ---------- menu ouvert en verre clair : même teinte que la barre fermée ---------- */
.mm{background:rgba(250,248,243,.86)!important;-webkit-backdrop-filter:blur(26px) saturate(160%)!important;backdrop-filter:blur(26px) saturate(160%)!important;border:1px solid rgba(15,34,25,.08)!important;box-shadow:0 24px 70px rgba(15,34,25,.14)!important;color:#1B3A2D!important}
html.msc-mm .pill.x .ic[aria-pressed="true"]{background:rgba(15,34,25,.07)!important}
.mm-in::before{background:rgba(27,58,45,.12)!important}
.mm-cat{color:rgba(27,58,45,.36)}
.mm-cat.cur,.mm-cat.here{color:#1B3A2D}
.mm-cat small{color:rgba(27,58,45,.45)}
.mm-cat.off,.mm-cat.off.cur{color:rgba(27,58,45,.28)!important}
@media (hover:hover) and (pointer:fine){.mm-cats:hover .mm-cat:not(.off):hover{color:#1B3A2D}.mm-sub li a:hover{color:#3F6E55}.mm-chips button:hover{background:rgba(27,58,45,.06)}.mm-res a:hover span:first-child{color:#3F6E55}.mm-foot a:hover{color:#1B3A2D}}
.mm-sep{background:rgba(27,58,45,.12)}
.mm-sub h3{color:rgba(27,58,45,.55)}
.mm-sub li{border-top-color:rgba(27,58,45,.12)}
.mm-sub li:last-child{border-bottom-color:rgba(27,58,45,.12)}
.mm-sub .all{color:#3F6E55}
.mm-sub p{color:rgba(27,58,45,.6)}
.mm-vis{background:#E9E3D8}
.mm-ph{color:rgba(27,58,45,.45);background:radial-gradient(60% 60% at 50% 40%,rgba(255,255,255,.6),transparent)}
.mm-ph svg{fill:rgba(27,58,45,.14)}
.mm-field{border-bottom-color:rgba(27,58,45,.3)}
.mm-field svg{stroke:rgba(27,58,45,.6)}
.mm-field input{color:#1B3A2D}
.mm-field input::placeholder{color:rgba(27,58,45,.38)}
.mm-hint{color:rgba(27,58,45,.6)}
.mm-chips button{border-color:rgba(27,58,45,.22)!important}
.mm-res a{border-bottom-color:rgba(27,58,45,.12)}
.mm-res a span:last-child{color:rgba(27,58,45,.5)}
.mm-card p{color:rgba(27,58,45,.68)}
.mm-card h2 em{background:linear-gradient(100deg,#1B3A2D 0%,#3F6E55 55%,#6E9C80 100%);-webkit-background-clip:text;background-clip:text}
.mm .b1-l{background:#1B3A2D;border-color:#1B3A2D;color:#F2EDE4!important}
.mm .b2-l{color:#1B3A2D!important;box-shadow:inset 0 0 0 1px rgba(27,58,45,.32)}
@media (hover:hover) and (pointer:fine){.mm .b2-l:hover{background:rgba(27,58,45,.06);box-shadow:inset 0 0 0 1px #1B3A2D}}
.mm-foot{border-top-color:rgba(27,58,45,.12);color:rgba(27,58,45,.65)}
.mm-foot a{color:rgba(27,58,45,.65)}
.mm-lang button{color:rgba(27,58,45,.45)}
.mm-lang button[aria-pressed="true"]{color:#1B3A2D;background:rgba(27,58,45,.07)}
.mm-acc a{color:rgba(27,58,45,.72)!important}
.mm-acc li:last-child a{color:#3F6E55!important}
.mm a:focus-visible,.mm button:focus-visible{outline-color:#1B3A2D}

/* la barre reste au-dessus du menu pendant qu'il se referme */
html.msc-mm .pill.xo{z-index:1001!important}
/* « Voir toutes… » au téléphone : même flèche que sur ordinateur */
.mm-acc a.all{display:inline-flex!important;align-items:center;gap:8px}
.mm-acc a.all svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mm-acc a.all:active svg{animation:mm-arr .55s cubic-bezier(.22,1,.36,1)}
@media (hover:hover) and (pointer:fine){.mm-acc a.all:hover svg{animation:mm-arr .55s cubic-bezier(.22,1,.36,1)}}

/* ---------- un seul verre pâle : barre fermée, menu ouvert, boutons Filtrer et Trier en icônes ---------- */
.mm{background:rgba(250,248,243,.62)!important;-webkit-backdrop-filter:blur(22px) saturate(160%)!important;backdrop-filter:blur(22px) saturate(160%)!important;border:1px solid rgba(15,34,25,.09)!important;box-shadow:0 24px 70px rgba(15,34,25,.12)!important}
.bar.stuck .fbtn,.bar.stuck .dd-b{background:rgba(250,248,243,.62)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;backdrop-filter:blur(18px) saturate(160%)!important;border:1px solid rgba(15,34,25,.09)!important;box-shadow:0 8px 26px rgba(15,34,25,.1)!important;color:#1B3A2D!important}
.bar.stuck .fbtn svg,.bar.stuck .dd-b svg{stroke:#1B3A2D!important}
.bar.stuck .fbtn .n{background:#1B3A2D!important;color:#F2EDE4!important}
/* ---------- sous-catégories au téléphone : en retrait, avec un filet, comme une arborescence ---------- */
@media (max-width:820px){
  .mm-acc ul{margin:2px 0 14px 4px!important;padding-left:18px!important;border-left:1px solid rgba(27,58,45,.14)}
  .mm-acc a{padding:9px 0!important;font-size:16px}
}

/* catégories du menu : la sélectionnée en vert forêt, les autres estompées (la règle générale des liens les rendait toutes foncées) */
.mm .mm-cat{color:rgba(27,58,45,.38)}
.mm .mm-cat.cur,.mm .mm-cat.here{color:#1B3A2D}
@media (hover:hover) and (pointer:fine){.mm .mm-cats:hover .mm-cat:not(.off):hover{color:#1B3A2D}}

/* champ de l'infolettre : c'est le contour de la rangée qui s'allume, pas de cadre en plus sur le champ */
.mf-row input:focus,.mf-row input:focus-visible{outline:none!important;box-shadow:none!important}
.mf-row:focus-within{border-color:rgba(242,237,228,.6)!important}
.mf input,.mf button,.mf a,.mm input,.mm button,.mm a{-webkit-tap-highlight-color:transparent}
/* au toucher (téléphone) : le bouton principal joue son animation un instant */
.b1.h .b1-d{opacity:1;transform:none}.b1.h .b1-t{transform:translateX(4px)}.b1.h .b1-a{transform:translateX(20px)}

/* au toucher (téléphone) : mêmes animations qu'au survol */
a.h>.lk-r>span:first-child{transform:translateY(-150%)}a.h>.lk-r>span+span{transform:none;opacity:1}
.all.h svg{animation:mm-arr .55s cubic-bezier(.22,1,.36,1)}
.b2.h{background:rgba(27,58,45,.06);box-shadow:inset 0 0 0 1px #1B3A2D}
.b2-l.h{background:rgba(242,237,228,.1);box-shadow:inset 0 0 0 1px rgba(242,237,228,.85)}
.mf-soc a.h{transform:translateY(-4px);background:rgba(242,237,228,.1);border-color:rgba(242,237,228,.5)}
.mf-links a.h{opacity:1}

/* verres pâles : un seul filet discret partout, pas de liseré blanc en haut */
html.msc-mm .pill::before{box-shadow:none!important}
.mf .bxf{display:none}
/* p90 : fermeture du menu sans flash. Le menu rétrécit jusqu'à la barre, puis les deux verres s'échangent d'un coup (même verre, échange invisible) au lieu de se superposer en fondu. */
.mm:not(.full){transition:top .6s cubic-bezier(.22,1,.36,1),left .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),border-radius .6s cubic-bezier(.22,1,.36,1),opacity 0s linear .6s,visibility 0s linear .6s}
html.msc-mm .pill::before{background:rgba(250,248,243,.62);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);transition:opacity 0s linear .6s}
html.msc-mm .pill.x::before{transition:opacity 0s linear 0s}
html.msc-mm .pill{transition:border-color 0s linear .6s,box-shadow .3s ease .6s}
html.msc-mm .pill.x{transition:none}

/* ---------- p91 : recherche et compte du méga menu ---------- */
.mm-search{max-width:760px;width:100%;margin:0 auto;padding-top:14px;min-height:0}
.mm-sbox{position:relative;flex:none;display:flex;align-items:center;gap:12px;height:60px;padding:0 10px 0 18px;border-radius:16px;background:rgba(250,248,243,.7);border:1px solid rgba(27,58,45,.16);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 8px 24px rgba(15,34,25,.05);transition:border-color .2s ease,box-shadow .2s ease}
.mm-sbox:focus-within{border-color:rgba(27,58,45,.5);box-shadow:0 0 0 4px rgba(201,220,198,.55),0 8px 24px rgba(15,34,25,.05)}
.mm-sbox>svg{flex:none;width:22px;height:22px;fill:none;stroke:#1B3A2D;stroke-width:1.5;stroke-linecap:round;opacity:.75}
.mm-sbox input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;font:300 19px 'Jost',system-ui,sans-serif;letter-spacing:-.01em;color:#1B3A2D}
.mm-sbox input::placeholder{color:rgba(27,58,45,.45)}
.mm-sbox input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.mm-clr{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#1B3A2D;transition:background-color .2s ease,transform .16s ease-out}
.mm-clr[hidden]{display:none}
.mm-clr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.mm-clr:active{transform:scale(.94)}
.mm-out{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -6px;padding:6px 6px 12px}
.mm-lab{margin:26px 0 12px;font:500 11px/1 'Jost',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(27,58,45,.62)}
.mm-lab span{margin-left:6px;letter-spacing:0;color:rgba(27,58,45,.5)}
.mm-pop{display:flex;flex-wrap:wrap;gap:8px}
.mm-pop button{height:40px;padding:0 16px;border-radius:12px;border:1px solid rgba(27,58,45,.18);font:300 14px 'Jost',system-ui,sans-serif;color:#1B3A2D;transition:background-color .2s ease,border-color .2s ease,transform .16s ease-out}
.mm-pop button:active{transform:scale(.97)}
.mm-cl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mm-cl a{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;border-radius:14px;border:1px solid rgba(27,58,45,.14);font-weight:300;font-size:15px;color:#1B3A2D;transition:background-color .2s ease,border-color .2s ease}
.mm-cl svg,.mm-allr svg{width:16px;height:16px;fill:none;stroke:#3F6E55;stroke-width:1.5;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.mm-gl{display:flex;flex-wrap:wrap;gap:8px}
.mm-gl a{display:inline-flex;align-items:baseline;gap:8px;height:40px;align-items:center;padding:0 14px;border-radius:12px;border:1px solid rgba(27,58,45,.18);font-weight:300;font-size:14px;color:#1B3A2D}
.mm-gl small{font-size:12px;color:rgba(27,58,45,.55)}
.mm-out mark{background:none;color:inherit;font-weight:500}
.mm-pl{list-style:none;margin:0;padding:0}
.mm-pl a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px;margin:0 -8px;border-radius:14px;color:#1B3A2D;transition:background-color .2s ease}
.mm-th{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#FBF9F5 0%,#EFE9DE 100%);box-shadow:inset 0 0 0 1px rgba(27,58,45,.1)}
.mm-th svg{width:24px;height:24px;fill:#B48A4A}
.mm-nm{min-width:0;display:flex;flex-direction:column;gap:3px}
.mm-nm b{font-weight:400;font-size:15px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-nm small{font-size:12.5px;font-weight:300;color:rgba(27,58,45,.62)}
.mm-pr{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;font-weight:300;color:rgba(27,58,45,.62);text-align:right}
.mm-pr b{font-weight:400;font-size:14px;color:#1B3A2D;font-variant-numeric:tabular-nums}
.mm-pr s{font-size:11.5px;color:rgba(27,58,45,.42)}
.mm-allr{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:400;color:#3F6E55}
.mm-none{margin-top:28px;max-width:520px}
.mm-none p{margin:0 0 8px;font-weight:300;line-height:1.6;color:rgba(27,58,45,.72)}
.mm-none p:first-child{font-size:19px;color:#1B3A2D;letter-spacing:-.01em}
.mm-none button{color:#1B3A2D;font:400 inherit 'Jost',system-ui,sans-serif;text-decoration:underline;text-decoration-color:rgba(27,58,45,.3);text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .mm-pop button:hover,.mm-gl a:hover{background:rgba(27,58,45,.05);border-color:rgba(27,58,45,.32)}
  .mm-cl a:hover{background:rgba(27,58,45,.04);border-color:rgba(27,58,45,.3)}
  .mm-cl a:hover svg,.mm-allr:hover svg{transform:translate(2px,-2px)}
  .mm-pl a:hover{background:rgba(27,58,45,.05)}
  .mm-clr:hover{background:rgba(27,58,45,.06)}
}
.mm-out a:focus-visible,.mm-out button:focus-visible{outline:2px solid #1B3A2D;outline-offset:2px}
/* compte */
.mm-acct{align-items:flex-start!important;justify-content:center;overflow:auto;overscroll-behavior:contain}
.mm-ac{width:min(420px,100%);margin:auto 0;padding:18px 0 8px}
.mm-ah{margin:0 0 8px;font:300 36px/1.1 'Jost',system-ui,sans-serif;letter-spacing:-.03em;color:#1B3A2D}
.mm-ah em{font-family:'Bodoni Moda',Didot,serif;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-.01em;padding-right:.08em;background:linear-gradient(100deg,#1B3A2D 0%,#3F6E55 55%,#6E9C80 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mm-ap{margin:0 0 24px;font-size:14.5px;font-weight:300;line-height:1.55;color:rgba(27,58,45,.72)}
.mm-soc{display:grid;gap:8px}
.mm-sb{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:14px;border:1px solid rgba(27,58,45,.22);font:400 14.5px 'Jost',system-ui,sans-serif;color:#1B3A2D;transition:background-color .2s ease,border-color .2s ease,transform .16s ease-out}
.mm-sb svg{width:19px;height:19px}
.mm-sb:active{transform:scale(.98)}
.mm-or{display:flex;align-items:center;gap:12px;margin:20px 0 16px;font-size:12px;font-weight:300;color:rgba(27,58,45,.6)}
.mm-or::before,.mm-or::after{content:"";flex:1;height:1px;background:rgba(27,58,45,.12)}
.mm-form{display:grid;gap:12px}
.mm-f{display:grid;gap:6px}
.mm-f[hidden]{display:none}
.mm-f>span:first-child{font-size:13px;font-weight:400;color:#1B3A2D}
.mm-f input{width:100%;height:50px;padding:0 14px;border-radius:12px;border:1px solid rgba(27,58,45,.22);background:rgba(250,248,243,.7);font:300 16px 'Jost',system-ui,sans-serif;color:#1B3A2D;outline:0;transition:border-color .2s ease,box-shadow .2s ease}
.mm-f input::placeholder{color:rgba(27,58,45,.4)}
.mm-f input:focus{border-color:rgba(27,58,45,.55);box-shadow:0 0 0 4px rgba(201,220,198,.55)}
.mm-pw{position:relative;display:block}
.mm-pw input{padding-right:50px}
.mm-eye{position:absolute;right:5px;top:5px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:rgba(27,58,45,.6)}
.mm-eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.mm-eye[aria-pressed="true"]{color:#1B3A2D}
.mm-forgot{justify-self:end;margin-top:-2px;font-size:13px;font-weight:300;color:#3F6E55}
.mm-forgot[hidden]{display:none}
.mm-form .b1{display:flex;width:100%;height:52px;margin-top:4px}
.mm-msg{margin:0;min-height:0;font-size:13px;font-weight:300;line-height:1.5;color:#1B3A2D}
.mm-msg:empty{display:none}
.mm-sw{margin:18px 0 0;text-align:center;font-size:14px;font-weight:300;color:rgba(27,58,45,.72)}
.mm-sw a{color:#1B3A2D;font-weight:400;text-decoration:underline;text-decoration-color:rgba(27,58,45,.3);text-underline-offset:3px}
.mm-part{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:22px;padding:14px 16px;border-radius:14px;border:1px solid rgba(27,58,45,.14);color:#1B3A2D;transition:background-color .2s ease,border-color .2s ease}
.mm-pi{width:20px;height:20px;fill:none;stroke:#1B3A2D;stroke-width:1.5;stroke-linecap:round}
.mm-pt{display:flex;flex-direction:column;gap:2px;min-width:0}
.mm-pt b{font-weight:400;font-size:14.5px}
.mm-pt small{font-size:12.5px;font-weight:300;line-height:1.4;color:rgba(27,58,45,.68)}
.mm-pa{width:16px;height:16px;fill:none;stroke:#3F6E55;stroke-width:1.5;transition:transform .3s cubic-bezier(.22,1,.36,1)}
@media (hover:hover) and (pointer:fine){.mm-part:hover{background:rgba(27,58,45,.04);border-color:rgba(27,58,45,.28)}.mm-part:hover .mm-pa{transform:translate(2px,-2px)}}
@media (hover:hover) and (pointer:fine){
  .mm-sb:hover{background:rgba(27,58,45,.04);border-color:rgba(27,58,45,.36)}
  .mm-eye:hover{background:rgba(27,58,45,.06)}
}
@media (max-width:820px){
  .mm-search{padding-top:4px}
  .mm-sbox{height:54px;border-radius:14px;padding-left:16px}
  .mm-sbox input{font-size:17px}
  .mm-lab{margin-top:22px}
  .mm-ah{font-size:32px}
  .mm-ac{margin:0;padding-top:6px}
}

/* p92 : le reset des boutons du menu (.mm button) ne doit pas écraser ces boutons */
.mm .mm-sb{border:1px solid rgba(27,58,45,.22);display:flex;height:50px;border-radius:14px}
.mm .mm-form .b1{background:#1B3A2D;border:1px solid #1B3A2D;padding:0 24px}
.mm .mm-clr,.mm .mm-eye{display:grid}
.mm .mm-clr[hidden]{display:none}
.mm-gl a>span{display:inline}
.mm-pr{align-items:flex-end}
.mm-pr>span{white-space:nowrap}
@media (hover:hover) and (pointer:fine){.mm .mm-sb:hover{background:rgba(27,58,45,.04);border-color:rgba(27,58,45,.36)}}
@media (min-width:900px){
  .mm-acct{align-items:center!important}
  .mm-ac{width:min(440px,100%);padding:0}
  .mm-soc{grid-template-columns:1fr 1fr}
  .mm-ap{margin-bottom:20px}
  .mm-or{margin:16px 0 12px}
  .mm-form{gap:10px}
  .mm-f input{height:48px}
  .mm-sw{margin-top:14px}
  .mm-part{margin-top:18px}
}
@media (min-width:900px) and (max-height:780px){.mm-ah{font-size:30px}.mm-f>span:first-child{font-size:12.5px}}

@media (max-width:520px){.mm-soc{grid-template-columns:1fr 1fr}.mm-lg{display:none}.mm-ap{margin-bottom:18px}.mm-or{margin:16px 0 12px}.mm-form{gap:10px}.mm-f input{height:48px}}

/* p94 */
.mm-cl a{justify-content:flex-start;gap:12px}
.mm-cl a>span{flex:1}
.mm-ci{width:24px!important;height:24px!important;flex:none;fill:none!important;stroke:#1B3A2D!important;stroke-width:1.2!important;stroke-linecap:round;stroke-linejoin:round;transform:none!important}
.mm-soc{grid-template-columns:1fr}
.mm-pt small[hidden]{display:none}
@media (min-width:900px){.mm-soc{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-soc .mm-lg{display:none}}
@media (max-width:520px){.mm-soc{grid-template-columns:repeat(2,minmax(0,1fr))}.mm .mm-sb{gap:7px;font-size:13.5px}.mm-sb svg{width:17px;height:17px}}
@media (max-width:520px){.mm-cl a{padding:0 12px;gap:10px;font-size:14px}.mm-cl a>svg:last-child{display:none}}
/* p95 : défilement vertical seulement, sans barre visible (comme le panneau de filtres) */
.mm-out,.mm-acct{overflow-x:hidden!important;overflow-y:auto;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none}
.mm-out::-webkit-scrollbar,.mm-acct::-webkit-scrollbar{display:none;width:0;height:0}
.mm-out{margin:0;padding:6px 0 12px}
.mm-pl a{margin:0;padding:8px 0}
@media (hover:hover) and (pointer:fine){.mm-pl a{margin:0 -8px;padding:8px}.mm-out{margin:0 -8px;padding:6px 8px 12px}}

/* p97 : séparateur dans les 4 vues, champs sans halo, page floutée autour du menu ouvert */
.mm-search{padding-top:22px}
.mm-sbox:focus-within{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 8px 24px rgba(15,34,25,.05)!important;border-color:rgba(27,58,45,.5)}
.mm-f input:focus{box-shadow:none!important}
html.msc-mm body::after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0;background:rgba(242,237,228,.28);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);transition:opacity .35s ease}
html.msc-mm body.menu-open::after{opacity:1;transition:opacity .25s ease}
@media (max-width:820px){.mm-search{padding-top:16px}.mm-ac{padding-top:20px}}
@media (prefers-reduced-motion:reduce){html.msc-mm body::after{transition:none}}

/* ---------- p98 : aperçu du panier dans le menu ---------- */
.mm-card.full{text-align:left}
.mm-card.full h2{margin-bottom:4px}
.mm-cn{margin:0 0 16px!important;font-size:13px}
.mm-ci2{list-style:none;margin:0;padding:0;border-top:1px solid rgba(27,58,45,.12)}
.mm-ci2 li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(27,58,45,.12)}
.mm-cth{width:56px;height:56px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#FBF9F5 0%,#EFE9DE 100%);box-shadow:inset 0 0 0 1px rgba(27,58,45,.1)}
.mm-cth img{width:100%;height:100%;object-fit:cover}
.mm-cth svg{width:24px;height:24px;fill:#B48A4A}
.mm-cnm{min-width:0;display:flex;flex-direction:column;gap:3px}
.mm-cnm b{font-weight:400;font-size:15px}
.mm-cnm small{font-size:12.5px;font-weight:300;color:rgba(27,58,45,.66);line-height:1.4}
.mm-cpr{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mm-more{margin:10px 0 0!important;font-size:13px}
.mm-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;font-size:15px}
.mm-tot b{font-weight:400;font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.mm-tx{margin:6px 0 16px!important;font-size:13px}

/* p99 : panier modifiable dans le menu */
.mm-cart{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;align-items:flex-start!important}
.mm-cart::-webkit-scrollbar{display:none}
.mm-card.full{margin:auto 0;padding:8px 0}
.mm-ci2 li{grid-template-columns:64px minmax(0,1fr) auto!important;align-items:start!important}
.mm-ci2 .mm-cth{width:64px;height:80px}
.mm-cnm a{color:inherit;text-decoration:none}
.mm-cact{display:flex;align-items:center;gap:14px;margin-top:8px}
.mm-q{display:inline-flex;align-items:center;height:36px;border-radius:11px;border:1px solid rgba(27,58,45,.24)}
.mm .mm-q button{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#1B3A2D}
.mm-q button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.mm .mm-q button:disabled{opacity:.3;cursor:default}
.mm-q output{min-width:22px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.mm .mm-rm{font-size:13px;font-weight:300;color:rgba(27,58,45,.72);text-decoration:underline;text-decoration-color:rgba(27,58,45,.28);text-underline-offset:3px}
.mm-cpr{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.mm-cpr s{font-size:12px;color:rgba(27,58,45,.45)}
.mm-undo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px!important;padding:10px 14px;border-radius:12px;background:rgba(27,58,45,.06);font-size:13.5px!important;color:#1B3A2D!important}
.mm .mm-undo button{font-size:13.5px;font-weight:400;color:#1B3A2D;text-decoration:underline;text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){.mm .mm-q button:not(:disabled):hover{background:rgba(27,58,45,.06)}.mm .mm-rm:hover{color:#1B3A2D}}

/* p100 : vignette du panier à la hauteur de la rangée */
.mm-ci2 .mm-cth{width:72px!important;height:auto!important;min-height:88px;align-self:stretch;border-radius:12px}
.mm-ci2 .mm-cth img{width:100%;height:100%;object-fit:cover;display:block}
.mm-ci2 li{grid-template-columns:72px minmax(0,1fr) auto!important}

/* p101 : bouton de caisse toujours visible ; pied du menu sur une ligne */
.mm-card.full{padding-bottom:0}
.mm-cfoot{position:sticky;bottom:0;z-index:2;margin:0 -2px;padding:4px 2px 12px;background:linear-gradient(rgba(247,244,238,0),rgba(247,244,238,.92) 14px,rgba(247,244,238,.96));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mm-cfoot .mm-tot{margin-top:14px}
.mm-foot{flex-direction:row!important;flex-wrap:wrap;justify-content:space-between!important;align-items:center!important;gap:10px 16px!important}
.mm-foot>div:first-child{gap:18px!important;flex-wrap:wrap}
/* panier du menu : seule la liste défile, entre le titre et le bas (sous-total + caisse) qui restent fixes */
.mm-cart.on{overflow:hidden!important}
.mm-card.full{display:flex;flex-direction:column;height:100%;max-height:100%;margin:0!important;padding:0!important}
.mm-card.full>h2,.mm-card.full>.mm-cn,.mm-card.full>.mm-undo{flex:none}
.mm-card.full .mm-ci2{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;margin:0 -22px;padding:0 22px}
.mm-card.full .mm-ci2::-webkit-scrollbar{display:none}
.mm-cfoot{position:static!important;flex:none;margin:0!important;padding:0 0 4px!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:1px solid rgba(27,58,45,.12)}
.mm-ci2 li:last-child{border-bottom:0}
@media (min-width:821px){.mm-card.full .mm-ci2{margin:0;padding:0}.mm-card.full{height:auto;max-height:100%;margin:auto 0!important}}

/* ---------- compte connecté (p105) ---------- */
.pill .ic.in::after{content:"";position:absolute;top:9px;right:8px;width:7px;height:7px;border-radius:50%;background:#1B3A2D}
.mm-me[hidden],.mm-acl[hidden]{display:none!important}
.mm-pg{display:block}
.mm .mm-bk{display:inline-flex;align-items:center;gap:6px;height:36px;margin:0 0 12px -8px;padding:0 10px 0 6px;border-radius:12px;font-size:14px;font-weight:400;color:#3F6E55;transition:background-color .2s ease}
.mm .mm-bk svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mm-ml{list-style:none;margin:4px 0 0;padding:0;border-top:1px solid rgba(27,58,45,.12)}
.mm-ml li{border-bottom:1px solid rgba(27,58,45,.12)}
.mm .mm-ml button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:16px 2px;text-align:left;color:#1B3A2D}
.mm-mi{width:20px;height:20px;fill:none;stroke:#1B3A2D;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mm-ml b,.mm-ol b,.mm-fl b{display:block;font-weight:400;font-size:15px;color:#1B3A2D}
.mm-ml small,.mm-ol small,.mm-fl small{display:block;margin-top:2px;font-size:12.5px;font-weight:300;line-height:1.4;color:rgba(27,58,45,.68)}
.mm-mc{width:16px;height:16px;fill:none;stroke:#3F6E55;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.mm .mm-lo{margin-top:20px;font-size:14px;font-weight:400;color:#1B3A2D;text-decoration:underline;text-decoration-color:rgba(27,58,45,.3);text-underline-offset:3px}
.mm-h3{margin:30px 0 12px;padding-top:24px;border-top:1px solid rgba(27,58,45,.12);font:300 22px/1.1 'Jost',system-ui,sans-serif;letter-spacing:-.02em;color:#1B3A2D}
.mm-g2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.mm-f>span i{font-style:normal;font-weight:300;color:rgba(27,58,45,.55)}
.mm-f input:disabled{color:rgba(27,58,45,.55);background:transparent}
.mm-pg .mm-form .b1{margin-top:6px}
.mm-pg .b2{display:flex;width:100%;height:50px;margin-top:6px}
.mm-pg>.b2-l,.mm-pg .b2-l{margin-top:4px}
.mm-msg.ok{color:#3F6E55}
.mm-pv{display:flex;flex-wrap:wrap;gap:6px}
.mm .mm-pv button{height:40px;min-width:50px;padding:0 10px;border-radius:12px;border:1px solid rgba(27,58,45,.14);font-size:13.5px;font-weight:400;color:#1B3A2D;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .16s ease-out}
.mm .mm-pv button[aria-checked="true"]{background:#1B3A2D;border-color:#1B3A2D;color:#F2EDE4}
.mm .mm-pv button:active{transform:scale(.97)}
.mm-ck{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;font-weight:300;line-height:1.45;color:#1B3A2D}
.mm-ck input{position:absolute;opacity:0;pointer-events:none}
.mm-cb{flex:none;width:18px;height:18px;margin-top:1px;border-radius:6px;border:1px solid rgba(27,58,45,.36);display:grid;place-items:center;transition:background-color .25s ease,border-color .25s ease}
.mm-cb svg{width:11px;height:11px;fill:none;stroke:#F2EDE4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;clip-path:inset(0 100% 0 0);transition:clip-path .35s cubic-bezier(.22,1,.36,1)}
.mm-ck input:checked+.mm-cb{background:#1B3A2D;border-color:#1B3A2D}
.mm-ck input:checked+.mm-cb svg{clip-path:inset(0 0 0 0)}
.mm-ck input:focus-visible+.mm-cb{outline:2px solid #1B3A2D;outline-offset:2px}
.mm-adl,.mm-ol,.mm-fl{list-style:none;margin:6px 0 14px;padding:0;border-top:1px solid rgba(27,58,45,.12)}
.mm-adl li,.mm-ol li,.mm-fl li{padding:16px 0;border-bottom:1px solid rgba(27,58,45,.12)}
.mm-adl p{margin:0;font-size:14px;font-weight:300;line-height:1.6;color:#1B3A2D}
.mm-adl b{font-weight:400}
.mm-def{display:inline-flex;align-items:center;height:22px;margin-left:10px;padding:0 9px;border-radius:99px;border:1px solid rgba(27,58,45,.22);font-size:11px;font-weight:500;vertical-align:1px}
.mm-aa{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px}
.mm .mm-aa button{font-size:13.5px;font-weight:400;color:#1B3A2D;text-decoration:underline;text-decoration-color:rgba(27,58,45,.3);text-underline-offset:3px}
.mm-ol li{display:flex;justify-content:space-between;align-items:center;gap:14px}
.mm-ol li>b{font-variant-numeric:tabular-nums;white-space:nowrap}
.mm-fl li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0}
.mm-fth{width:52px;aspect-ratio:4/5;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#FBF9F5 0%,#EFE9DE 100%);box-shadow:inset 0 0 0 1px rgba(27,58,45,.1)}
.mm-fth svg{width:24px;height:24px;fill:rgba(27,58,45,.55)}
.mm-fl small s{color:rgba(27,58,45,.42);margin-left:4px}
.mm .mm-uf{width:44px;height:44px;border-radius:13px;border:1px solid rgba(27,58,45,.24);display:grid;place-items:center;transition:transform .16s ease-out}
.mm-uf svg{width:19px;height:19px;fill:#C4515F;stroke:#C4515F;stroke-width:1.4}
.mm .mm-uf:active{transform:scale(.94)}
.mm-del{margin-top:28px;padding-top:18px;border-top:1px solid rgba(27,58,45,.12)}
.mm-del summary{list-style:none;cursor:pointer;font-size:13.5px;font-weight:400;color:#9E3F4A;text-decoration:underline;text-decoration-color:rgba(158,63,74,.35);text-underline-offset:3px}
.mm-del summary::-webkit-details-marker{display:none}
.mm-del .mm-form{margin-top:14px}
.mm-del .mm-ap{margin:0}
@media (hover:hover) and (pointer:fine){
  .mm .mm-ml button:hover .mm-mc{transform:translateX(3px)}
  .mm .mm-bk:hover{background:rgba(27,58,45,.05)}
  .mm .mm-pv button:not([aria-checked="true"]):hover{border-color:rgba(27,58,45,.36);background:rgba(27,58,45,.03)}
  .mm .mm-uf:hover{transform:translateY(-2px);border-color:#1B3A2D}
  .mm .mm-lo:hover,.mm .mm-aa button:hover{color:#3F6E55}
}
@media (max-width:420px){.mm-g2{grid-template-columns:1fr}}

.mm .mm-ml a.mm-mla{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:16px 2px;color:#1B3A2D;text-decoration:none}
@media (hover:hover) and (pointer:fine){.mm .mm-ml a.mm-mla:hover .mm-mc{transform:translate(2px,-2px)}}

/* mot de passe : petits points comme sur Instagram (police système), indication en Jost */
.mm-f input[type=password]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.1em}
.mm-f input[type=password]::placeholder{font-family:'Jost',system-ui,sans-serif;font-size:16px;letter-spacing:0;color:rgba(27,58,45,.4)}
/* vues ajoutées par une page au méga menu */
body>[data-mm-view]{display:none}

/* champs à étiquette flottante (style Instagram) : le titre est dans le champ et monte en haut à gauche */
label.mm-f,label.fl,.fl[data-f=province]{position:relative}
label.mm-f>span:first-child,label.fl>span:first-child,.fl[data-f=province]>span:first-child{position:absolute;z-index:1;left:15px;top:27px;transform:translateY(-50%);max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:300;line-height:1.2;color:rgba(27,58,45,.6);pointer-events:none;transition:top .22s cubic-bezier(.22,1,.36,1),font-size .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),color .2s ease}
label.mm-f input,label.fl input.ipt,.fl[data-f=province] .dd-btn{height:54px!important;padding-top:19px!important;padding-bottom:4px!important}
label.mm-f textarea{padding-top:26px!important}
label.mm-f input::placeholder,label.mm-f textarea::placeholder,label.fl input::placeholder{opacity:0;transition:opacity .2s ease}
label.mm-f:focus-within input::placeholder,label.mm-f:focus-within textarea::placeholder,label.fl:focus-within input::placeholder{opacity:1}
label.mm-f:focus-within>span:first-child,label.mm-f:has(input:not(:placeholder-shown))>span:first-child,label.mm-f:has(textarea:not(:placeholder-shown))>span:first-child,label.mm-f:has(input:disabled)>span:first-child,
label.fl:focus-within>span:first-child,label.fl:has(input:not(:placeholder-shown))>span:first-child,label.fl:has(input:disabled)>span:first-child,.fl[data-f=province]>span:first-child{top:9px;transform:none;font-size:11.5px;font-weight:400;color:rgba(27,58,45,.72)}
label.mm-f>span:first-child i,label.fl>span:first-child i{font-style:normal;font-weight:300;color:rgba(27,58,45,.5)}

/* ouverture du méga menu : la barre de défilement ne doit pas changer la largeur de la page pendant l'animation */
html{scrollbar-gutter:stable}
/* infolettre du pied de page : étiquette flottante, comme les autres champs */
.mf-fl{position:relative;flex:1;min-width:0;display:block}
.mf-fl>span{position:absolute;left:16px;top:21px;transform:translateY(-50%);font-size:15.5px;font-weight:300;color:rgba(242,237,228,.6);pointer-events:none;white-space:nowrap;transition:top .22s cubic-bezier(.22,1,.36,1),font-size .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),color .2s ease}
.mf-row .mf-fl input{width:100%;height:42px;padding:15px 14px 0 16px}
.mf-fl input::placeholder{opacity:0;transition:opacity .2s ease}
.mf-fl:focus-within input::placeholder{opacity:1}
.mf-fl:focus-within>span,.mf-fl:has(input:not(:placeholder-shown))>span{top:4px;transform:none;font-size:11px;font-weight:400;color:rgba(242,237,228,.72)}
.mf-nl label.mf-fl{font:300 16px/1.2 "Jost",system-ui,sans-serif;letter-spacing:0;text-transform:none;color:inherit}

/* invitation « coups de cœur » (favori sans compte) : petit cœur qui bat au-dessus du titre, seulement dans ce cas */
.mm-fvh{display:none}
.mm-acl.mm-fvon .mm-fvh{display:grid;place-items:center;width:52px;height:52px;margin:0 0 18px;border-radius:16px;background:rgba(196,81,95,.08);border:1px solid rgba(196,81,95,.18)}
.mm-acl.mm-fvon .mm-fvh svg{width:24px;height:24px;fill:#C4515F;stroke:#C4515F;stroke-width:1.2;animation:mm-beat 1.6s cubic-bezier(.22,1,.36,1) .3s 2}
@keyframes mm-beat{0%,100%{transform:scale(1)}20%{transform:scale(1.22)}40%{transform:scale(.94)}60%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.mm-acl.mm-fvon .mm-fvh svg{animation:none}}

/* commandes : liste cliquable et détail */
.mm-ol li{padding:0!important}
.mm-ob{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}
.mm .mm-ol .mm-ob{padding:16px 0!important}
.mm-ob>b{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
.mm-ob:focus-visible{outline:2px solid #1B3A2D;outline-offset:2px;border-radius:8px}
.mm-ost{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:0}
.mm-ost li{position:relative;display:flex;align-items:center;gap:12px;padding:7px 0;font-size:14px;font-weight:300;color:rgba(27,58,45,.5)}
.mm-ost li span{position:relative;z-index:1;width:12px;height:12px;flex:none;border-radius:50%;border:1.5px solid rgba(27,58,45,.3);background:#F7F4EE}
.mm-ost li:not(:last-child)::before{content:"";position:absolute;left:5.5px;top:21px;height:calc(100% - 14px);width:1px;background:rgba(27,58,45,.18)}
.mm-ost li.ok,.mm-ost li.cur{color:#1B3A2D}
.mm-ost li.ok span{background:#1B3A2D;border-color:#1B3A2D}
.mm-ost li.cur span{border-color:#1B3A2D;box-shadow:inset 0 0 0 2.5px #F7F4EE;background:#1B3A2D}
.mm-ost li.cur{font-weight:400}
.mm-ostx{display:inline-block;margin:12px 0 16px;padding:6px 12px;border-radius:99px;background:rgba(27,58,45,.07);font-size:13px;color:#1B3A2D}
.mm-otr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 0 16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(27,58,45,.14);font-size:13.5px;font-weight:300;color:#1B3A2D}
.mm-otr a{color:#1B3A2D;font-weight:400}
.mm-oi,.mm-ort{list-style:none;margin:0;padding:0}
.mm-oi{border-top:1px solid rgba(27,58,45,.12)}
.mm-oi li{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(27,58,45,.12);font-size:14px}
.mm-oi b{display:block;font-weight:400;font-size:14.5px;color:#1B3A2D}.mm-oi b i{font-style:normal;font-weight:300;color:rgba(27,58,45,.6)}
.mm-oi small{display:block;margin-top:2px;font-size:12.5px;font-weight:300;color:rgba(27,58,45,.66)}
.mm-ort{padding:10px 0 4px}
.mm-ort li{display:flex;justify-content:space-between;padding:5px 0;font-size:13.5px;font-weight:300;color:rgba(27,58,45,.8)}
.mm-ort li.t{margin-top:6px;padding-top:12px;border-top:1px solid rgba(27,58,45,.12);font-size:15px;font-weight:400;color:#1B3A2D}
.mm-oad{margin:14px 0 18px;font-size:13.5px;font-weight:300;line-height:1.5;color:rgba(27,58,45,.75)}
.mm-oad b{display:block;margin-bottom:4px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#1B3A2D}