:root {
  --bg: #f6f2ea;
  --surface: #fffcf7;
  --paper: #ebe4d8;
  --fg: #1a1714;
  --muted: #7a7368;
  --primary: #1e3a5f;
  --primary-fg: #f7f4ee;
  --accent: #d6e6f5;
  --border: #e2dacd;
  --radius: 20px;
  --shadow: 0 10px 28px rgba(26,23,20,.07);
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --font: "Iowan Old Style", Palatino, "Book Antiqua", Georgia, serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
* { box-sizing: border-box; }
html, body {
  margin: 0; min-height: 100%; background: var(--bg); color: var(--fg);
  font-family: var(--sans); -webkit-font-smoothing: antialiased;
}
button, input, select { font: inherit; color: inherit; }
[hidden] { display: none !important; }
svg { stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* Scan */
body.is-scan { background: #1a1a1a; color: #fff; }
.mle-scan {
  min-height: 100dvh; position: relative; display: flex; flex-direction: column;
  justify-content: flex-end; padding: 0 1.15rem calc(1.5rem + var(--safe-b));
  max-width: 28rem; margin: 0 auto;
}
.mle-scan-bg {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  filter: brightness(.55);
}
.mle-scan-bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.35) 100%);
}
.mle-scan-inner { position: relative; z-index: 1; padding-top: calc(4rem + var(--safe-t)); }
.mle-kicker {
  margin: 0 0 .6rem; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
  opacity: .75; color: #f0ebe3;
}
.mle-scan h1 {
  margin: 0 0 .85rem; font-family: var(--font); font-size: 2.05rem; line-height: 1.1;
  font-weight: 600; letter-spacing: -.02em; color: #f7f2ea;
}
.mle-scan > .mle-scan-inner > p {
  margin: 0 0 1.35rem; opacity: .85; line-height: 1.45; font-size: .95rem; color: #e8e2d8;
}
.mle-poster {
  border: 0; width: 100%; background: var(--surface); color: var(--fg); border-radius: 22px;
  padding: 1.15rem 1.1rem 1.25rem; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,.35);
}
.mle-poster .area {
  display: block; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); margin-bottom: .35rem; font-weight: 650;
}
.mle-poster strong {
  display: block; margin: 0 0 1rem; font-family: var(--font); font-size: 1.35rem; font-weight: 600;
}
.mle-qr {
  width: 180px; height: 180px; border-radius: 12px; background: #fff; display: block; margin: 0 auto 0.75rem;
}
.mle-poster .code-label {
  display: block; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted);
}
.mle-cta {
  margin-top: 1rem; width: 100%; border: 0; border-radius: 999px; background: var(--primary);
  color: var(--primary-fg); font-weight: 650; font-size: 1.02rem; padding: 1rem 1.25rem;
  display: flex; align-items: center; justify-content: center; gap: .5rem;
}

/* App shell */
.mle-app {
  min-height: 100dvh; max-width: 28rem; margin: 0 auto;
  padding-bottom: calc(5.1rem + var(--safe-b)); background: var(--bg);
}
.mle-head {
  position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between;
  gap: .75rem; padding: calc(.65rem + var(--safe-t)) 1rem .65rem;
  background: rgba(246,242,234,.94); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(226,218,205,.7);
}
.mle-brand b { display: block; color: var(--primary); font-size: .95rem; font-weight: 700; }
.mle-brand small { display: block; margin-top: .08rem; color: var(--muted); font-size: .72rem; }
#mle-lang {
  appearance: none; border: 0; background: var(--surface); border-radius: 999px;
  padding: .45rem 1.85rem .45rem .8rem; font-size: .8rem; font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237a7368' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right .65rem center; max-width: 11.5rem;
  box-shadow: 0 1px 3px rgba(26,23,20,.05);
}
.mle-tab { padding: 0 0 1.5rem; animation: mle-in .28s ease; }
.mle-tab.pad { padding: 1.1rem 1rem 1.5rem; }
@keyframes mle-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Home hero — style A: name + address on photo */
.mle-hero {
  position: relative;
  height: min(48vw, 280px);
  min-height: 230px;
  max-height: 300px;
  overflow: hidden;
  border-radius: 0;
  margin: 0 0 0.35rem;
  box-shadow: 0 8px 28px rgba(26, 23, 20, 0.10), 0 2px 8px rgba(26, 23, 20, 0.05);
}
.mle-hero img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  border-radius: 0;
}
.mle-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(
    to top,
    rgba(12, 14, 20, 0.82) 0%,
    rgba(12, 14, 20, 0.42) 38%,
    rgba(12, 14, 20, 0.10) 68%,
    transparent 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.4rem 1.2rem 1.35rem;
  color: #fff;
  pointer-events: none;
}
.mle-hero-overlay h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", "Palatino Linotype", serif;
  font-size: clamp(1.6rem, 5.8vw, 2.2rem);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #fff;
  text-shadow: 0 2px 14px rgba(0,0,0,.4);
  max-width: 16ch;
}
.mle-hero-addr {
  margin: 0.5rem 0 0;
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(0.82rem, 2.9vw, 0.95rem);
  font-weight: 500;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 1px 10px rgba(0,0,0,.45);
  max-width: 30ch;
}
.mle-hero-pin {
  flex-shrink: 0;
  font-size: 0.9em;
  line-height: 1.35;
  filter: grayscale(1) brightness(2);
}
.mle-meta { display: none !important; }
.mle-home-body { padding: 1.55rem 1rem 0; }
.mle-home-body .mle-feature { margin-top: 0.35rem; margin-bottom: 1.1rem; }


.mle-feature {
  background: var(--surface); border-radius: 20px; overflow: hidden; box-shadow: var(--shadow);
  margin-bottom: .85rem;
}
.mle-feature img { width: 100%; height: 140px; object-fit: cover; display: block; }
.mle-feature-body { padding: .95rem 1rem 1.05rem; }
.mle-feature .tag {
  margin: 0 0 .35rem; font-size: .66rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--primary); font-weight: 700;
}
.mle-feature h3 {
  margin: 0 0 .4rem; font-family: var(--font); font-size: 1.25rem; font-weight: 600; letter-spacing: -.02em;
}
.mle-feature p { margin: 0 0 .55rem; color: var(--muted); font-size: .9rem; line-height: 1.4; }
.mle-feature .walk {
  color: var(--primary); font-size: .88rem; font-weight: 650; border: 0; background: none; padding: 0;
}

/* List rows (home + stay) */
.mle-rows { display: flex; flex-direction: column; gap: .55rem; }
.mle-row {
  border: 0; width: 100%; background: var(--surface); border-radius: 18px; padding: .85rem 1rem;
  display: flex; align-items: center; gap: .85rem; text-align: start; box-shadow: var(--shadow);
}
.mle-row .ico {
  width: 2.55rem; height: 2.55rem; border-radius: 14px; background: var(--accent);
  color: var(--primary); display: grid; place-items: center; flex-shrink: 0;
}
.mle-row .ico svg { width: 1.15rem; height: 1.15rem; }
.mle-row .txt { flex: 1; min-width: 0; }
.mle-row .txt strong { display: block; font-size: .98rem; font-weight: 650; }
.mle-row .txt small { display: block; margin-top: .15rem; color: var(--muted); font-size: .8rem; }
.mle-row .chev { color: var(--muted); font-size: 1.2rem; opacity: .5; }

.mle-welcome-card {
  background: var(--surface); border-radius: 18px; padding: 1rem 1.05rem; box-shadow: var(--shadow);
  display: flex; gap: .85rem; align-items: flex-start; margin-bottom: .55rem;
}
.mle-welcome-card .ico {
  width: 2.55rem; height: 2.55rem; border-radius: 14px; background: var(--accent);
  color: var(--primary); display: grid; place-items: center; flex-shrink: 0;
}
.mle-welcome-card h3 {
  margin: 0 0 .35rem; font-family: var(--font); font-size: 1.15rem; font-weight: 600; line-height: 1.2;
}
.mle-welcome-card p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.4; }

.mle-panel {
  background: var(--surface); border-radius: var(--radius); padding: 1rem 1.1rem 1.25rem;
  box-shadow: var(--shadow); margin: 0 1rem;
}
.mle-back {
  border: 0; background: var(--paper); width: 2.5rem; height: 2.5rem; border-radius: 999px;
  font-size: 1.35rem; margin-bottom: .55rem;
}
.mle-panel h3 { margin: 0 0 .75rem; font-family: var(--font); font-size: 1.25rem; font-weight: 600; }
.mle-panel-body { font-size: .94rem; line-height: 1.55; }
.mle-panel-body p, .mle-panel-body ul { margin: 0 0 .7rem; }

/* Around */
.mle-around-head { padding: 1.1rem 1rem 0; }
.mle-around-head h2 {
  margin: 0 0 .4rem; font-family: var(--font); font-size: 1.7rem; font-weight: 600; letter-spacing: -.03em;
}
.mle-around-head p { margin: 0 0 1rem; color: var(--muted); font-size: .92rem; line-height: 1.45; }
.mle-filters {
  display: flex; gap: .45rem; overflow-x: auto; padding: 0 1rem .9rem; -webkit-overflow-scrolling: touch;
}
.mle-filters button {
  border: 0; background: var(--paper); color: var(--fg); border-radius: 999px;
  padding: .5rem 1rem; font-size: .85rem; font-weight: 650; white-space: nowrap;
}
.mle-filters button.on { background: var(--primary); color: var(--primary-fg); }
.mle-place {
  background: var(--surface); border-radius: 22px; overflow: hidden; margin: 0 1rem 1rem; box-shadow: var(--shadow);
  isolation: isolate;
}
.mle-place img { width: 100%; height: 180px; object-fit: cover; display: block; background: var(--paper); }
.mle-place-body { padding: 1rem 1.05rem 1.1rem; }
.mle-place-top { display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem; margin-bottom: .35rem; }
.mle-place h3 {
  margin: 0; font-family: var(--font); font-size: 1.2rem; font-weight: 600; letter-spacing: -.015em; line-height: 1.2;
}
.mle-badge {
  flex-shrink: 0; background: #e8f0fa; color: var(--primary); font-size: .72rem; font-weight: 650;
  border-radius: 999px; padding: .3rem .6rem; white-space: nowrap;
}
.mle-place .hours { margin: 0 0 .4rem; color: var(--muted); font-size: .85rem; }
.mle-place .desc { margin: 0 0 .85rem; color: var(--muted); font-size: .9rem; line-height: 1.45; }
.mle-itin {
  border: 0;
  background: #e8f0fa;
  color: var(--primary);
  border-radius: 999px;
  padding: .55rem 1rem .55rem .75rem;
  font-weight: 650;
  font-size: .84rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  box-shadow: none;
  margin-top: .1rem;
}
.mle-itin-ico {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 999px;
  background: transparent;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.mle-itin-ico svg {
  width: 1rem;
  height: 1rem;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mle-itin-label { line-height: 1.1; }
.mle-itin:active { transform: scale(.98); background: #dce8f5; }

/* Offers */
#tab-offers.pad h2 {
  margin: 0 0 .4rem; font-family: var(--font); font-size: 1.65rem; font-weight: 600; letter-spacing: -.03em;
}
.mle-hint { color: var(--muted); font-size: .92rem; line-height: 1.5; margin: 0 0 1rem; }
.mle-offer {
  background: var(--surface); border-radius: 22px; overflow: hidden; margin-bottom: 1rem; box-shadow: var(--shadow);
}
.mle-offer-img { width: 100%; height: 190px; object-fit: cover; display: block; background: var(--paper); }
.mle-offer-body { padding: 1.05rem 1.1rem 1.15rem; }
.mle-offer .partner {
  margin: 0 0 .35rem; font-size: .66rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--muted); font-weight: 650;
}
.mle-offer h3 {
  margin: 0 0 .45rem; font-family: var(--font); font-size: 1.28rem; font-weight: 600; letter-spacing: -.02em; line-height: 1.2;
}
.mle-offer .detail { margin: 0 0 .5rem; color: var(--muted); font-size: .9rem; line-height: 1.45; }
.mle-offer .until { margin: 0 0 .9rem; font-size: .78rem; color: var(--muted); }
.mle-code-row { display: flex; gap: .55rem; align-items: center; flex-wrap: wrap; }
.mle-code-row code {
  display: inline-flex; background: var(--paper); border-radius: 999px; padding: .55rem 1rem;
  font-weight: 700; letter-spacing: .08em; font-size: .82rem; font-family: var(--sans);
}
.mle-code-row button {
  border: 0; background: var(--primary); color: var(--primary-fg); border-radius: 999px;
  padding: .65rem 1.05rem; font-weight: 650; font-size: .82rem;
  box-shadow: 0 6px 16px rgba(30,58,95,.2);
}

/* Nav */
.mle-nav {
  position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 40;
  width: 100%; max-width: 28rem; display: grid; grid-template-columns: repeat(4, 1fr);
  background: rgba(255,252,247,.96); backdrop-filter: blur(18px); border-top: 1px solid var(--border);
  padding: .35rem .2rem calc(.35rem + var(--safe-b));
}
.mle-nav button {
  border: 0; background: transparent; color: var(--muted); font-size: .66rem; font-weight: 650;
  display: flex; flex-direction: column; align-items: center; gap: .25rem; padding: .4rem .15rem; min-height: 3.35rem;
}
.mle-nav button.is-on { color: var(--primary); }
.mle-nav .ico { width: 1.5rem; height: 1.5rem; display: grid; place-items: center; }
.mle-nav .ico svg { width: 1.3rem; height: 1.3rem; }
.mle-nav button.is-on .ico svg { stroke-width: 2; }

/* Assistant */
.mle-assistant {
  position: fixed; right: max(1rem, calc(50% - 13rem)); bottom: 5.4rem; z-index: 35;
  border: 0; border-radius: 999px; background: var(--primary); color: var(--primary-fg);
  padding: .7rem 1.1rem .7rem .9rem; box-shadow: 0 14px 36px rgba(30,58,95,.34);
  display: flex; align-items: center; gap: .6rem; transition: opacity .2s, transform .2s;
}
.mle-assistant.hidden { opacity: 0; pointer-events: none; transform: translateY(10px); }
.mle-assistant .chat-ico {
  width: 1.65rem; height: 1.65rem; border-radius: 999px; background: rgba(255,255,255,.15);
  display: grid; place-items: center; flex-shrink: 0;
}
.mle-assistant .chat-ico svg { width: .9rem; height: .9rem; }
.mle-assistant b { display: block; font-size: .88rem; font-weight: 650; }
.mle-assistant small { display: block; margin-top: .1rem; opacity: .85; font-size: .7rem; }

.mle-chat {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(100% - 1.25rem), 26rem);
  height: min(32rem, calc(100dvh - 6.5rem - var(--safe-b) - var(--safe-t)));
  max-height: min(32rem, calc(100dvh - 6.5rem - var(--safe-b) - var(--safe-t)));
  bottom: calc(5.1rem + var(--safe-b));
  z-index: 50;
  background: var(--surface);
  border-radius: 22px;
  box-shadow: 0 20px 55px rgba(26,23,20,.18);
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.mle-chat-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: .9rem 1rem;
  border-bottom: 1px solid var(--border);
  font-weight: 650;
  flex-shrink: 0;
}
.mle-chat-head button {
  border: 0; background: var(--paper); width: 2.1rem; height: 2.1rem;
  border-radius: 999px; font-size: 1.15rem; flex-shrink: 0;
}
.mle-chat-log {
  flex: 1 1 auto;
  min-height: 10rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.mle-bubble {
  max-width: 90%;
  padding: .75rem .9rem;
  border-radius: 16px;
  font-size: .92rem;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
}
.mle-bubble.bot { background: var(--paper); align-self: flex-start; }
.mle-bubble.user { background: var(--primary); color: var(--primary-fg); align-self: flex-end; }
.mle-chat-form {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .75rem .8rem calc(.75rem + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--border);
  flex-shrink: 0;
  background: var(--surface);
}
.mle-chat-form input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: var(--paper);
  border-radius: 14px;
  padding: .8rem .95rem;
  font-size: .95rem;
}
.mle-chat-form button {
  border: 0;
  background: var(--primary);
  color: var(--primary-fg);
  border-radius: 14px;
  padding: .8rem 1rem;
  font-weight: 650;
  font-size: .88rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.mle-empty { color: var(--muted); font-size: .92rem; padding: 0 1rem; }
html[dir="rtl"] .mle-row, html[dir="rtl"] .mle-welcome-card { text-align: right; }


/* Custom language menu */
.mle-lang-wrap { position: relative; z-index: 50; }
.mle-lang-btn {
  border: 0; background: var(--surface); border-radius: 999px;
  padding: .45rem .85rem .45rem .7rem; font-size: .8rem; font-weight: 600;
  display: flex; align-items: center; gap: .4rem;
  box-shadow: 0 1px 3px rgba(26,23,20,.05); cursor: pointer;
}
.mle-lang-caret { font-size: .65rem; opacity: .55; margin-left: .15rem; }
.mle-lang-menu {
  position: absolute; right: 0; top: calc(100% + 6px); margin: 0; padding: .4rem 0;
  list-style: none; min-width: 11.5rem; background: var(--surface);
  border-radius: 16px; box-shadow: 0 16px 40px rgba(26,23,20,.14);
  border: 1px solid var(--border); max-height: min(70dvh, 22rem); overflow: auto;
}
html[dir="rtl"] .mle-lang-menu { right: auto; left: 0; }
.mle-lang-menu li {
  display: flex; align-items: center; gap: .55rem; padding: .65rem .9rem;
  cursor: pointer; font-size: .9rem; font-weight: 550;
}
.mle-lang-menu li:hover, .mle-lang-menu li.is-on { background: #e8f0fa; }
.mle-lang-flag { font-size: 1.1rem; line-height: 1; }

.mle-install {
  margin-top: .75rem; width: 100%; border: 2px solid rgba(255,255,255,.55);
  background: rgba(255,255,255,.14); color: #fff; border-radius: 999px;
  padding: .85rem 1.1rem; font-weight: 650; font-size: .95rem;
  display: flex; flex-direction: column; align-items: center; gap: .15rem;
  backdrop-filter: blur(8px);
}
.mle-install small { font-weight: 500; font-size: .72rem; opacity: .85; }
.mle-install-fab {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: calc(5.1rem + var(--safe-b)); z-index: 34;
  width: auto; min-width: 12rem; max-width: calc(100% - 2rem);
  margin: 0; background: var(--primary); color: var(--primary-fg);
  border: 0; box-shadow: 0 12px 28px rgba(30,58,95,.28);
  padding: .7rem 1.25rem;
}
.mle-install-fab small { display: none; }
.mle-install-ios {
  margin: .65rem 0 0; text-align: center; font-size: .78rem;
  color: rgba(255,255,255,.85); line-height: 1.35;
}
.mle-install-ios-fab {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: calc(8.4rem + var(--safe-b)); z-index: 34;
  width: calc(100% - 2rem); max-width: 22rem; margin: 0;
  background: var(--surface); color: var(--muted); border-radius: 12px;
  padding: .55rem .75rem; box-shadow: var(--shadow);
}
body.is-open .mle-install-ios-scan { display: none !important; }


/* Install promo popup */
.mle-install-popup {
  position: fixed; inset: 0; z-index: 120;
  display: flex; align-items: center; justify-content: center;
  padding: calc(0.75rem + var(--safe-t)) 1rem calc(1rem + var(--safe-b));
  background: rgba(26, 23, 20, 0.48);
  backdrop-filter: blur(5px);
  animation: mle-pop-in .28s ease;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mle-install-popup[hidden] { display: none !important; pointer-events: none !important; }
@keyframes mle-pop-in { from { opacity: 0; } to { opacity: 1; } }
.mle-install-popup-card {
  position: relative;
  width: 100%;
  max-width: 22.5rem;
  max-height: min(88dvh, 36rem);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--surface);
  border-radius: 22px;
  padding: 1.15rem 1.15rem 1.2rem;
  box-shadow: 0 24px 60px rgba(26,23,20,.22);
  animation: mle-card-in .32s ease;
  margin: auto;
  border: 1px solid rgba(255,255,255,.35);
}
@keyframes mle-card-in {
  from { opacity: 0; transform: translateY(-12px) scale(.97); }
  to { opacity: 1; transform: none; }
}
.mle-install-popup-top {
  display: flex; align-items: flex-start; gap: .5rem;
  margin-bottom: .85rem;
}
.mle-install-popup-top h2 {
  flex: 1; margin: 0; padding: .15rem .5rem 0 0;
  font-family: var(--font); font-size: 1.15rem; font-weight: 650;
  letter-spacing: -.02em; line-height: 1.3; text-align: start;
  word-break: break-word;
}
.mle-install-popup-x {
  flex-shrink: 0; width: 2.25rem; height: 2.25rem; border: 0; border-radius: 999px;
  background: var(--paper); color: var(--fg); font-size: 1.35rem; line-height: 1;
  display: grid; place-items: center; cursor: pointer;
}
.mle-install-popup-flags {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: .3rem;
  justify-items: center;
  align-items: center;
  margin: 0 0 1rem;
  padding: .15rem 0;
}
@media (max-width: 400px) {
  .mle-install-popup-flags { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .4rem; }
}
.mle-flag-btn {
  border: 0; background: var(--paper); width: 100%; max-width: 2.4rem; aspect-ratio: 1;
  border-radius: 999px; display: grid; place-items: center;
  cursor: pointer; padding: 0; transition: transform .15s, background .15s, box-shadow .15s;
}
.mle-flag-btn:hover { transform: scale(1.06); }
.mle-flag-btn.is-on {
  background: #e8f0fa; box-shadow: 0 0 0 2px var(--primary);
}
.mle-flag-emoji { font-size: 1.15rem; line-height: 1; display: block; }
.mle-install-popup-body {
  margin: 0 0 1.05rem; text-align: start; color: var(--muted);
  font-size: .9rem; line-height: 1.45;
}
.mle-install-popup-actions {
  display: flex; flex-direction: column; gap: .45rem;
}
.mle-install-popup-cta {
  border: 0; border-radius: 999px; background: var(--primary); color: var(--primary-fg);
  font-weight: 650; font-size: .95rem; padding: .9rem 1.1rem; width: 100%;
}
.mle-install-popup-cta:disabled {
  opacity: .85;
}
.mle-install-popup-later {
  border: 0; background: transparent; color: var(--muted);
  font-weight: 600; font-size: .88rem; padding: .55rem;
}
.mle-install-popup-ios,
.mle-install-popup-how {
  margin: .75rem 0 0; text-align: start; font-size: .8rem;
  color: var(--muted); line-height: 1.4; background: var(--paper);
  border-radius: 12px; padding: .65rem .75rem;
}
.mle-install-fab { display: none !important; }

/* Tile entrance */
@keyframes mle-tile-in {
  from { opacity: 0; transform: translateY(16px) scale(.98); }
  to { opacity: 1; transform: none; }
}
.mle-place {
  animation: mle-tile-in .45s ease both;
  overflow: hidden;
}
.mle-place:nth-child(1) { animation-delay: .04s; }
.mle-place:nth-child(2) { animation-delay: .1s; }
.mle-place:nth-child(3) { animation-delay: .16s; }
.mle-place:nth-child(4) { animation-delay: .22s; }
.mle-place:nth-child(5) { animation-delay: .28s; }
.mle-place:nth-child(6) { animation-delay: .34s; }
.mle-row, .mle-welcome-card, .mle-feature, .mle-offer {
  animation: mle-tile-in .42s ease both;
}
.mle-rows .mle-row:nth-child(1) { animation-delay: .05s; }
.mle-rows .mle-row:nth-child(2) { animation-delay: .1s; }
.mle-rows .mle-row:nth-child(3) { animation-delay: .15s; }
.mle-rows .mle-row:nth-child(4) { animation-delay: .2s; }
.mle-rows .mle-row:nth-child(5) { animation-delay: .25s; }
.mle-rows .mle-row:nth-child(6) { animation-delay: .3s; }
.mle-rows .mle-row:nth-child(7) { animation-delay: .35s; }
.mle-rows .mle-row:nth-child(8) { animation-delay: .4s; }
.mle-offer:nth-child(1) { animation-delay: .05s; }
.mle-offer:nth-child(2) { animation-delay: .12s; }
.mle-offer:nth-child(3) { animation-delay: .19s; }

a.mle-row {
  text-decoration: none !important;
  color: inherit;
}
a.mle-row:hover,
a.mle-row:visited,
a.mle-row:active,
a.mle-row:focus {
  text-decoration: none !important;
  color: inherit;
}
a.mle-row strong,
a.mle-row small {
  text-decoration: none !important;
  color: inherit;
}
a.mle-row strong {
  color: var(--fg);
}
a.mle-row small {
  color: var(--muted);
}

.mle-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .85rem;
}
.mle-aff {
  border: 0;
  background: var(--primary);
  color: var(--primary-fg);
  border-radius: 999px;
  padding: .55rem 1rem;
  font-weight: 650;
  font-size: .88rem;
  cursor: pointer;
}
.mle-aff:active { transform: scale(.98); opacity: .92; }

.mle-docs-block {
  margin: 1rem 0 0;
  padding: 0;
}
.mle-docs-title {
  margin: 0 0 .65rem;
  font-size: .95rem;
  font-weight: 700;
  color: var(--fg);
}
.mle-doc-row {
  display: flex;
  align-items: center;
  gap: .75rem;
  text-decoration: none;
  color: inherit;
  background: var(--surface);
  border-radius: 16px;
  padding: .85rem 1rem;
  margin: 0 0 .55rem;
  box-shadow: var(--shadow);
}
.mle-doc-ico { font-size: 1.25rem; flex-shrink: 0; }
.mle-doc-txt { flex: 1; min-width: 0; }
.mle-doc-txt strong { display: block; font-size: .95rem; }
.mle-doc-txt small { display: block; margin-top: .15rem; color: var(--muted); font-size: .82rem; }

.mle-promo {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(100% - 1.5rem), 26rem);
  bottom: calc(5.4rem + var(--safe-b));
  z-index: 60;
  background: var(--primary);
  color: var(--primary-fg);
  border-radius: 18px;
  padding: 1rem 1.1rem 1.05rem;
  box-shadow: 0 16px 40px rgba(30,58,95,.35);
  animation: mle-in .3s ease;
}
.mle-promo-x {
  position: absolute; top: .45rem; right: .55rem;
  border: 0; background: rgba(255,255,255,.15); color: inherit;
  width: 1.75rem; height: 1.75rem; border-radius: 999px; font-size: 1.1rem; cursor: pointer;
}
.mle-promo-body strong { display: block; font-size: 1rem; margin-bottom: .25rem; padding-right: 1.5rem; }
.mle-promo-body p { margin: 0 0 .75rem; font-size: .9rem; line-height: 1.4; opacity: .92; }
.mle-promo-cta {
  border: 0; background: #fff; color: var(--primary);
  border-radius: 999px; padding: .55rem 1rem; font-weight: 700; font-size: .88rem; cursor: pointer;
}

.mle-promo-sheet {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(100% - 1.25rem), 26rem);
  max-height: min(70dvh, 34rem);
  bottom: calc(5.2rem + var(--safe-b));
  z-index: 60;
  background: var(--surface);
  color: var(--fg);
  border-radius: 22px;
  border: 1px solid var(--border);
  box-shadow: 0 20px 55px rgba(26,23,20,.2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: mle-in .28s ease;
}
.mle-promo-sheet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .9rem 1rem;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
.mle-promo-sheet-title { font-size: 1rem; }
.mle-promo-list {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: .75rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.mle-promo-card {
  background: var(--paper);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--border);
}
.mle-promo-img { aspect-ratio: 16/9; overflow: hidden; }
.mle-promo-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mle-promo-card-body { padding: .85rem .9rem 1rem; }
.mle-promo-partner {
  display: inline-block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: .25rem;
}
.mle-promo-card-body h3 {
  margin: 0 0 .3rem;
  font-size: 1rem;
  font-weight: 700;
}
.mle-promo-card-body p {
  margin: 0 0 .55rem;
  font-size: .88rem;
  color: var(--muted);
  line-height: 1.4;
}
.mle-promo-code {
  display: inline-block;
  font-family: ui-monospace, monospace;
  font-size: .82rem;
  background: #fff;
  border: 1px dashed var(--border);
  border-radius: 8px;
  padding: .25rem .5rem;
  margin-bottom: .65rem;
}

.mle-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #0b0b0b;
  overflow: hidden;
}
.mle-video iframe,
.mle-video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  object-fit: cover;
}
.mle-promo-card .mle-video {
  border-radius: 0;
}
.mle-place .mle-video {
  border-radius: 0;
}

.mle-notif-benefits {
  margin: 0 0 1rem;
  padding: 0 0 0 1.1rem;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.45;
}
.mle-notif-benefits li { margin: .25rem 0; }
.mle-notif-popup .mle-install-popup-card {
  border-top: 3px solid var(--primary);
}

.mle-openapp-steps {
  margin: 0 0 1rem;
  padding: 0 0 0 1.2rem;
  color: var(--muted);
  font-size: .9rem;
  line-height: 1.5;
}
.mle-openapp-steps li { margin: .35rem 0; }
.mle-openapp-popup .mle-install-popup-card {
  border-top: 3px solid var(--primary);
}

.mle-chat[hidden],
.mle-install-popup[hidden],
.mle-notif-popup[hidden],
.mle-openapp-popup[hidden] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
.mle-nav {
  z-index: 100 !important;
  pointer-events: auto !important;
}
.mle-assistant {
  z-index: 95 !important;
}
.mle-promo-sheet {
  z-index: 55 !important;
  pointer-events: auto;
}
.mle-head {
  z-index: 90 !important;
  pointer-events: auto !important;
}
.mle-app, .mle-tab, .mle-place, .mle-row, .mle-filters {
  pointer-events: auto;
}

.mle-install-popup-top {
  position: sticky;
  top: 0;
  background: var(--surface);
  z-index: 2;
  padding-bottom: .35rem;
}
.mle-install-popup-x {
  position: relative;
  z-index: 3;
}
.mle-notif-popup .mle-install-popup-card,
.mle-openapp-popup .mle-install-popup-card {
  max-width: 22rem;
}

/* Two-step push sheet */
.mle-push-sheet {
  position: fixed; inset: 0; z-index: 10050;
  background: rgba(20, 24, 32, 0.45);
  display: flex; align-items: flex-end; justify-content: center;
  padding: 0; animation: mleFadeIn .2s ease;
}
@keyframes mleFadeIn { from { opacity: 0; } to { opacity: 1; } }
.mle-push-sheet-card {
  width: 100%; max-width: 480px; max-height: 92vh;
  background: #fff; border-radius: 24px 24px 0 0;
  overflow: auto; -webkit-overflow-scrolling: touch;
  box-shadow: 0 -8px 40px rgba(0,0,0,.18);
  animation: mleSlideUp .28s ease;
}
@keyframes mleSlideUp { from { transform: translateY(40px); } to { transform: translateY(0); } }
.mle-push-sheet-hero {
  position: relative; aspect-ratio: 16/10; background: #e8e4dc;
}
.mle-push-sheet-hero img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.mle-push-sheet-x {
  position: absolute; top: 12px; right: 12px;
  width: 36px; height: 36px; border-radius: 50%;
  border: none; background: #fff; color: #1a1714;
  font-size: 22px; line-height: 1; cursor: pointer;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}
.mle-push-sheet-bar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 16px 0;
}
.mle-push-sheet-body { padding: 16px 18px 28px; }
.mle-push-sheet-tag {
  margin: 0 0 4px; font-size: 13px; font-weight: 600; color: #2563eb;
}
.mle-push-sheet-title {
  margin: 0 0 6px; font-size: 1.45rem; font-weight: 700; color: #1a1714;
}
.mle-push-sheet-partner, .mle-push-sheet-addr {
  margin: 0 0 4px; color: #6e675c; font-size: 14px;
}
.mle-push-sheet-code {
  margin: 8px 0; font-size: 15px; font-weight: 600; color: #15803d;
}
.mle-push-sheet-text {
  margin: 8px 0 14px; color: #3a3530; font-size: 14px; line-height: 1.45;
}
.mle-push-sheet-addrbox {
  background: #f4f6f9; border-radius: 14px; padding: 12px 14px; margin-bottom: 16px;
}
.mle-push-sheet-addrbox span {
  display: block; font-size: 11px; letter-spacing: .06em; color: #888; margin-bottom: 4px;
}
.mle-push-sheet-addrbox p { margin: 0; font-size: 14px; color: #1a1714; }
.mle-push-sheet-actions {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.mle-push-itin, .mle-push-offer {
  border: none; border-radius: 12px; padding: 14px 12px;
  font-size: 15px; font-weight: 600; cursor: pointer;
  background: #2563eb; color: #fff;
}
.mle-push-itin:active, .mle-push-offer:active { opacity: .9; }
body.mle-push-open { overflow: hidden; }

.mle-push-sheet-top {
  display: flex; justify-content: space-between; align-items: flex-start;
  padding: 14px 16px 8px; position: sticky; top: 0; background: #fff; z-index: 2;
  border-bottom: 1px solid #eee;
}
.mle-push-sheet-top strong { font-size: 16px; }
.mle-push-sheet-sub { margin: 4px 0 0; font-size: 13px; color: #6e675c; font-weight: 400; }
.mle-push-sheet-list { padding: 8px 12px 28px; display: flex; flex-direction: column; gap: 14px; }
.mle-push-item {
  background: #fff; border-radius: 18px; overflow: hidden;
  border: 1px solid #ece8e1; box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.mle-push-item-hero { aspect-ratio: 16/9; background: #e8e4dc; }
.mle-push-item-hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mle-push-item-body { padding: 14px 14px 16px; }
.mle-push-item-tag { margin: 0 0 4px; font-size: 12px; font-weight: 600; color: #2563eb; }
.mle-push-item h3 { margin: 0 0 6px; font-size: 1.2rem; }
.mle-push-item-partner, .mle-push-item-addr { margin: 0 0 4px; color: #6e675c; font-size: 13px; }
.mle-push-item-code { margin: 6px 0; color: #15803d; font-weight: 600; font-size: 14px; }
.mle-push-item-text { margin: 6px 0 12px; font-size: 14px; color: #3a3530; line-height: 1.4; }
.mle-push-item-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mle-push-item-actions button {
  border: none; border-radius: 12px; padding: 12px 10px;
  font-size: 14px; font-weight: 600; cursor: pointer;
  background: #2563eb; color: #fff;
}

/* ===== Pro home header (ref style) ===== */
.mle-head-pro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .65rem 1rem;
  background: #f7f8fa;
  border-bottom: 0;
  position: sticky;
  top: 0;
  z-index: 40;
}
.mle-head-left {
  display: flex;
  align-items: center;
  gap: .55rem;
}
.mle-logo-mark {
  width: 36px; height: 36px; border-radius: 10px;
  background: #fff; display: grid; place-items: center;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
  overflow: hidden;
}
.mle-logo-img { width: 28px; height: 28px; object-fit: contain; }
.mle-logo-pin { font-size: 18px; }
.mle-brand-text {
  display: flex; flex-direction: column; line-height: 1.05;
  color: #1e6feb; font-weight: 700; font-size: .92rem;
}
.mle-brand-text b { font-weight: 700; }
.mle-head-right {
  display: flex; align-items: center; gap: .5rem;
}
.mle-lang-pill {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 999px !important;
  padding: .4rem .7rem !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
  display: inline-flex; align-items: center; gap: .35rem;
  font-size: .85rem; font-weight: 600; color: #1a1714;
}
.mle-lang-pill .mle-lang-name { max-width: 4.5rem; overflow: hidden; text-overflow: ellipsis; }
.mle-geo-btn {
  width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid #e5e7eb; background: #fff;
  display: grid; place-items: center; cursor: pointer;
  color: #1e6feb; box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.mle-geo-btn:active { transform: scale(.96); }
.mle-geo-btn.is-on { background: #e8f1ff; border-color: #93c5fd; }

/* tab-home classic */
.mle-home-card {
  margin: 0 1rem 1rem;
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(26, 40, 60, 0.08);
}
.mle-hero-card {
  position: relative;
  height: 200px;
  overflow: hidden;
  border-radius: 22px 22px 0 0;
}
.mle-hero-card-img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.mle-home-identity {
  display: flex;
  gap: .85rem;
  align-items: flex-start;
  padding: 0 1rem 1.15rem;
  margin-top: -36px;
  position: relative;
  z-index: 2;
}
.mle-home-logo-badge {
  flex-shrink: 0;
  width: 72px; height: 72px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  display: grid; place-items: center;
  overflow: hidden;
  text-align: center;
}
.mle-home-logo-badge img { width: 70%; height: 70%; object-fit: contain; }
.mle-badge-tree { font-size: 1.4rem; line-height: 1; }
.mle-badge-txt {
  font-size: .48rem; font-weight: 800; letter-spacing: .04em;
  color: #1a5c3a; line-height: 1.15; margin-top: 2px;
}
.mle-home-id-text { flex: 1; min-width: 0; padding-top: 40px; }
.mle-home-name {
  margin: 0 0 .35rem;
  font-size: 1.35rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.mle-home-addr {
  margin: 0 0 .3rem;
  font-size: .9rem;
  color: #64748b;
  line-height: 1.4;
  display: flex; gap: .35rem; align-items: flex-start;
}
.mle-home-addr .mle-pin { flex-shrink: 0; }
.mle-home-phone {
  margin: 0;
  font-size: .92rem;
}
.mle-home-phone a {
  color: #1e6feb;
  text-decoration: none;
  font-weight: 600;
  display: inline-flex; align-items: center; gap: .35rem;
}
.mle-home-body { padding: 0 1rem 1rem; background: #f7f8fa; }

/* Push open = same place card as Autour */
.mle-push-sheet {
  position: fixed; inset: 0; z-index: 10050;
  background: rgba(20, 24, 32, 0.42);
  display: flex; align-items: flex-end; justify-content: center;
  padding: 0; animation: mleFadeIn .2s ease;
}
.mle-push-sheet-panel {
  position: relative;
  width: 100%; max-width: 480px; max-height: 92vh;
  background: #f6f1e8;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  box-shadow: 0 -8px 40px rgba(0,0,0,.18);
  animation: mleSlideUp .28s ease;
  display: flex; flex-direction: column;
}
.mle-push-sheet-x {
  position: absolute; top: 12px; right: 12px; z-index: 5;
  width: 36px; height: 36px; border-radius: 50%;
  border: none; background: #fff; color: #1a1714;
  font-size: 22px; line-height: 1; cursor: pointer;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}
.mle-push-sheet-scroll {
  overflow: auto; -webkit-overflow-scrolling: touch;
  padding: 48px 14px 28px;
  display: flex; flex-direction: column; gap: 14px;
}
.mle-push-place-card {
  margin: 0 !important;
}
.mle-push-place-actions {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.mle-push-code {
  margin: 0 0 .5rem; color: #15803d; font-weight: 600; font-size: .92rem;
}
.mle-place-img-fallback {
  height: 160px; background: linear-gradient(135deg, #e8e4dc, #d4cfc4);
}

a.mle-head-left {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
a.mle-head-left:active { opacity: .85; }
.mle-geo-btn { display: none !important; }

/* Push 2-step: Offres-style cards full panel */
.mle-push-sheet {
  position: fixed; inset: 0; z-index: 10050;
  background: rgba(20, 24, 32, 0.40);
  display: flex; align-items: flex-end; justify-content: center;
  padding: 0; animation: mleFadeIn .2s ease;
}
.mle-push-offers-panel {
  position: relative;
  width: 100%; max-width: 480px; max-height: 94vh;
  background: #f6f1e8;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  box-shadow: 0 -8px 40px rgba(0,0,0,.18);
  animation: mleSlideUp .28s ease;
  display: flex; flex-direction: column;
}
.mle-push-sheet-hint {
  margin: 0;
  padding: 1.15rem 1.25rem 0.35rem;
  padding-right: 3rem;
  font-size: 0.95rem;
  color: #8a8378;
  line-height: 1.4;
}
.mle-push-sheet-x {
  position: absolute; top: 12px; right: 12px; z-index: 5;
  width: 36px; height: 36px; border-radius: 50%;
  border: none; background: #fff; color: #1a1714;
  font-size: 22px; line-height: 1; cursor: pointer;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
}
.mle-push-sheet-scroll {
  overflow: auto; -webkit-overflow-scrolling: touch;
  padding: 0.5rem 1rem 1.5rem;
}
.mle-push-offer-card {
  margin-bottom: 0.85rem !important;
}
.mle-push-offer-actions {
  margin-top: 0.75rem;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.mle-offer-img-fallback {
  height: 190px;
  background: linear-gradient(135deg, #e8e4dc, #d4cfc4);
}

/* Multi bons plans — liste cliquable puis fiche complète */
.mle-push-pick {
  display: flex;
  gap: 0.85rem;
  align-items: stretch;
  width: 100%;
  border: 0;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 0.75rem;
  padding: 0;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(26,23,20,.08);
  font: inherit;
  color: inherit;
}
.mle-push-pick img,
.mle-push-pick-ph {
  width: 96px;
  min-height: 96px;
  height: 100%;
  object-fit: cover;
  flex-shrink: 0;
  background: #e8e4dc;
  display: block;
}
.mle-push-pick-ph { min-height: 96px; }
.mle-push-pick-txt {
  flex: 1;
  padding: 0.85rem 0.9rem 0.85rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.2rem;
  min-width: 0;
}
.mle-push-pick-partner {
  font-size: 0.62rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8a8378;
  font-weight: 650;
}
.mle-push-pick-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.25;
  color: #1a1714;
}
.mle-push-pick-cta {
  margin-top: 0.25rem;
  font-size: 0.82rem;
  font-weight: 650;
  color: #1e6feb;
}
.mle-push-pick:active { opacity: 0.92; transform: scale(0.995); }
.mle-push-back {
  border: 0;
  background: transparent;
  color: #1e6feb;
  font-weight: 650;
  font-size: 0.9rem;
  padding: 0;
  cursor: pointer;
}
.mle-push-sheet-scroll {
  padding-bottom: 2rem !important;
}

.mle-code-copy { cursor: pointer; user-select: all; }
.mle-code-copied {
  font-size: 0.78rem; font-weight: 650; color: #15803d; margin-left: 0.35rem;
}
.mle-push-expired {
  text-align: center; padding: 2rem 1.25rem; background: #fff; border-radius: 20px;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.mle-push-expired-ico { font-size: 2rem; margin-bottom: 0.5rem; }
.mle-push-expired h3 { margin: 0 0 0.5rem; font-size: 1.2rem; }
.mle-push-expired p { margin: 0 0 1rem; color: #6e675c; font-size: 0.92rem; line-height: 1.45; }
.mle-push-offer-actions { flex-wrap: wrap; }
.mle-push-to-offers { background: #eef3fb !important; color: #1e3a5f !important; }

/* Routes / ballades */
#mle-routes { margin: 0 0 1rem; }
.mle-section-title {
  margin: 0.4rem 0 0.75rem;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8378;
  font-weight: 700;
}
.mle-route {
  background: var(--surface, #fff);
  border-radius: 22px;
  overflow: hidden;
  margin-bottom: 1rem;
  box-shadow: var(--shadow, 0 8px 24px rgba(26,23,20,.06));
}
.mle-route-body { padding: 1.05rem 1.1rem 1.15rem; }
.mle-route-top {
  display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem; margin-bottom: .35rem;
}
.mle-route h3 {
  margin: 0; font-family: var(--font); font-size: 1.22rem; font-weight: 600; letter-spacing: -.02em; line-height: 1.2;
}
.mle-route-meta { margin: 0 0 .45rem; color: var(--muted); font-size: .85rem; }
.mle-route .desc { margin: 0 0 .75rem; color: var(--muted); font-size: .9rem; line-height: 1.45; }
.mle-route-stops {
  list-style: none; margin: 0 0 1rem; padding: 0;
  display: flex; flex-direction: column; gap: 0.55rem;
}
.mle-route-stops li {
  display: flex; gap: 0.65rem; align-items: flex-start;
}
.mle-stop-i {
  flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%;
  background: #1e3a5f; color: #fff; font-size: 0.72rem; font-weight: 700;
  display: grid; place-items: center;
}
.mle-stop-t { font-size: 0.92rem; font-weight: 600; color: #1a1714; line-height: 1.35; }
.mle-stop-t small { display: block; font-weight: 500; color: #8a8378; font-size: 0.8rem; margin-top: 0.15rem; }


/* Page Près de vous */
.mle-back-inline {
  border: 0;
  background: transparent;
  color: #1e6feb;
  font-weight: 650;
  font-size: 0.92rem;
  padding: 0 0 0.5rem;
  cursor: pointer;
}
.mle-near-title {
  margin: 0 0 0.35rem;
  font-family: var(--font);
  font-size: 1.55rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.mle-near-strip {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.25rem 0 1rem;
  margin: 0 -0.25rem;
  scroll-snap-type: x mandatory;
}
.mle-near-card {
  flex: 0 0 42%;
  max-width: 160px;
  border: 0;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
  text-align: left;
  box-shadow: 0 6px 18px rgba(26,23,20,.08);
  scroll-snap-align: start;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
.mle-near-card img,
.mle-near-ph {
  display: block;
  width: 100%;
  height: 100px;
  object-fit: cover;
  background: #e8e4dc;
}
.mle-near-card-txt {
  display: block;
  padding: 0.55rem 0.65rem 0.7rem;
}
.mle-near-card-txt strong {
  display: block;
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.25;
}
.mle-near-card-txt small {
  color: #8a8378;
  font-size: 0.75rem;
}
.mle-near-maps {
  width: 100%;
  margin: 0 0 0.85rem;
  justify-content: center;
}
.mle-near-all {
  width: 100%;
  margin-bottom: 1.5rem;
}
.mle-flash {
  outline: 2px solid #1e6feb;
  outline-offset: 2px;
}

/* Home: weather + today + share */
.mle-weather {
  margin: 0 0 0.75rem;
}
.mle-weather-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border: 0;
  background: #fff;
  border-radius: 16px;
  padding: 0.75rem 0.9rem;
  box-shadow: 0 6px 18px rgba(26,23,20,.06);
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.mle-weather-ico { font-size: 1.45rem; line-height: 1; }
.mle-weather-txt { flex: 1; min-width: 0; }
.mle-weather-txt strong { display: block; font-size: 0.95rem; font-weight: 650; }
.mle-weather-txt small { color: #8a8378; font-size: 0.78rem; }

.mle-today {
  margin: 0 0 0.9rem;
}
.mle-today-head {
  margin: 0 0 0.5rem;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8378;
  font-weight: 700;
}
.mle-today-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}
.mle-today-card {
  border: 0;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
  text-align: left;
  box-shadow: 0 6px 16px rgba(26,23,20,.08);
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.mle-today-card img,
.mle-today-card .mle-near-ph {
  width: 100%;
  height: 88px;
  object-fit: cover;
  display: block;
  background: #e8e4dc;
}
.mle-today-card-body {
  display: block;
  padding: 0.5rem 0.65rem 0.65rem;
}
.mle-today-card-body em {
  display: block;
  font-style: normal;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8378;
  font-weight: 650;
  margin-bottom: 0.15rem;
}
.mle-today-card-body strong {
  display: block;
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.25;
}
.mle-today-card-body small {
  color: #8a8378;
  font-size: 0.75rem;
}

.mle-today-card.is-open small { color: #15803d; font-weight: 650; }
.mle-today-card.is-closed small, .mle-now-card.is-closed small { color: #9a9590; font-weight: 500; }
.mle-open-badge {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  margin-right: 0.25rem;
}
.mle-open-badge.is-on { background: #e8f5ee; color: #1b6b45; }
.mle-open-badge.is-off { background: #f0eeea; color: #7a756e; }

.mle-weather { margin: 0 0 0.65rem; }
.mle-weather-btn {
  padding: 0.55rem 0.8rem;
  border-radius: 14px;
  box-shadow: none;
  border: 1px solid rgba(26,23,20,.08);
}
.mle-now { margin: 0 0 0.85rem; }
.mle-now-head {
  margin: 0 0 0.45rem;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8378;
  font-weight: 700;
}
.mle-now-card {
  width: 100%;
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 0.75rem;
  align-items: center;
  border: 0;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0.5rem;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(26,23,20,.06);
}
.mle-now-card img, .mle-now-card .mle-near-ph {
  width: 88px; height: 72px; object-fit: cover; display: block; background: #e8e4dc;
}
.mle-now-body { padding: 0.55rem 0.75rem 0.55rem 0; min-width: 0; }
.mle-now-body em {
  display: block; font-style: normal; font-size: 0.65rem;
  letter-spacing: 0.07em; text-transform: uppercase; color: #8a8378; font-weight: 650;
}
.mle-now-body strong { display: block; font-size: 0.95rem; font-weight: 650; line-height: 1.25; margin: 0.1rem 0; }
.mle-now-body small { color: #8a8378; font-size: 0.78rem; }

/* Cascade top → bottom */
@keyframes mle-cascade {
  from {
    opacity: 0;
    transform: translateY(-14px);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
}
.mle-home-body.is-cascade > * {
  opacity: 0;
  animation: mle-cascade 0.48s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.mle-home-body.is-cascade > *:nth-child(1) { animation-delay: 0.04s; }
.mle-home-body.is-cascade > *:nth-child(2) { animation-delay: 0.12s; }
.mle-home-body.is-cascade > *:nth-child(3) { animation-delay: 0.20s; }
.mle-home-body.is-cascade > *:nth-child(4) { animation-delay: 0.28s; }
.mle-home-body.is-cascade > *:nth-child(5) { animation-delay: 0.36s; }

.mle-rows.is-cascade > .mle-row,
.mle-rows.is-cascade > a.mle-row {
  opacity: 0;
  animation: mle-cascade 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.mle-rows.is-cascade > :nth-child(1) { animation-delay: 0.05s; }
.mle-rows.is-cascade > :nth-child(2) { animation-delay: 0.11s; }
.mle-rows.is-cascade > :nth-child(3) { animation-delay: 0.17s; }
.mle-rows.is-cascade > :nth-child(4) { animation-delay: 0.23s; }
.mle-rows.is-cascade > :nth-child(5) { animation-delay: 0.29s; }
.mle-rows.is-cascade > :nth-child(6) { animation-delay: 0.35s; }
.mle-rows.is-cascade > :nth-child(7) { animation-delay: 0.41s; }
.mle-rows.is-cascade > :nth-child(8) { animation-delay: 0.47s; }

/* Logement : flou → net */
@keyframes mle-stay-blur {
  from {
    opacity: 0;
    filter: blur(12px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: none;
  }
}
#tab-stay.is-blur-in #mle-stay-list {
  animation: mle-stay-blur 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}
#tab-stay.is-blur-in .mle-welcome-card {
  animation: mle-stay-blur 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
#tab-stay.is-blur-in .mle-rows > .mle-row,
#tab-stay.is-blur-in .mle-rows > a.mle-row {
  opacity: 0;
  animation: mle-cascade 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
#tab-stay.is-blur-in .mle-rows > :nth-child(1) { animation-delay: 0.08s; }
#tab-stay.is-blur-in .mle-rows > :nth-child(2) { animation-delay: 0.14s; }
#tab-stay.is-blur-in .mle-rows > :nth-child(3) { animation-delay: 0.20s; }
#tab-stay.is-blur-in .mle-rows > :nth-child(4) { animation-delay: 0.26s; }
#tab-stay.is-blur-in .mle-rows > :nth-child(5) { animation-delay: 0.32s; }
#tab-stay.is-blur-in .mle-rows > :nth-child(6) { animation-delay: 0.38s; }
#tab-stay.is-blur-in .mle-rows > :nth-child(7) { animation-delay: 0.44s; }
#tab-stay.is-blur-in .mle-rows > :nth-child(8) { animation-delay: 0.50s; }
#tab-stay.is-blur-in .mle-docs-block {
  opacity: 0;
  animation: mle-cascade 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.42s forwards;
}

.mle-rows-essentials { margin-bottom: 0.65rem; }
.mle-rows-more { margin-top: 0.25rem; }

.mle-transport-head {
  margin: 0.25rem 1rem 0.55rem;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8378;
  font-weight: 700;
}
.mle-transport-card {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 0.75rem;
  background: var(--surface);
  border-radius: 18px;
  margin: 0 1rem 0.75rem;
  padding: 0.9rem 1rem;
  box-shadow: var(--shadow);
}
.mle-transport-ico {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #e8f0fa;
  display: grid;
  place-items: center;
  font-size: 1.35rem;
}
.mle-transport-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.mle-transport-top strong {
  font-size: 1rem;
  font-weight: 650;
}
.mle-transport-line {
  background: #1e3a5f;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 8px;
  padding: 0.15rem 0.45rem;
}
.mle-transport-walk {
  margin: 0 0 0.25rem;
  color: var(--muted);
  font-size: 0.82rem;
}
.mle-transport-detail {
  margin: 0 0 0.65rem;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.4;
}


.mle-around-tiles {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0 1rem 1.4rem;
}
.mle-around-tile {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  border: 0;
  background: var(--surface);
  border-radius: 18px;
  padding: 0.5rem 0.9rem 0.5rem 0.5rem;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(26,23,20,.08);
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease;
}
.mle-around-tile:active {
  transform: scale(0.985);
}
.mle-around-tile-media {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
  background: #e8e4dc;
  box-shadow: 0 5px 14px rgba(26,23,20,.14);
}
.mle-around-tile-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mle-around-tile-txt { flex: 1; min-width: 0; padding: 0.15rem 0; }
.mle-around-tile-txt strong {
  display: block;
  font-size: 1rem;
  font-weight: 650;
  letter-spacing: -0.01em;
}
.mle-around-tile-txt small {
  display: block;
  margin-top: 0.18rem;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.3;
}
.mle-around-tile .chev {
  color: var(--muted);
  opacity: 0.55;
  font-size: 1.15rem;
  padding-right: 0.15rem;
}
#mle-around-page .mle-around-head { padding-top: 0.35rem; }
#mle-around-page .mle-back-inline { margin: 0.35rem 1rem 0; }
.mle-around-head p {
  max-width: 22rem;
}

.mle-transport-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.35rem;
}
.mle-transport-ext {
  border: 0;
  background: #f0eeea;
  color: #1a1714;
  border-radius: 999px;
  padding: 0.5rem 0.85rem;
  font-weight: 650;
  font-size: 0.8rem;
  cursor: pointer;
}
.mle-transport-ext:active { opacity: 0.85; }

.mle-wifi-panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.mle-wifi-card {
  background: #f3efe8;
  border-radius: 18px;
  padding: 0.95rem 1rem;
}
.mle-wifi-kicker {
  display: block;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8378;
  font-weight: 700;
  margin-bottom: 0.45rem;
}
.mle-wifi-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.mle-wifi-val {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  word-break: break-all;
}
.mle-wifi-copy {
  flex-shrink: 0;
  border: 0;
  background: #d7ebf8;
  color: #1a4a6e;
  border-radius: 999px;
  padding: 0.55rem 0.95rem;
  font-weight: 650;
  font-size: 0.88rem;
  cursor: pointer;
}
.mle-wifi-copy.is-copied {
  background: #dcfce7;
  color: #166534;
}
.mle-wifi-tip {
  margin: 0.35rem 0.15rem 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.45;
}

.mle-detail {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: var(--bg, #f6f1ea);
  display: flex;
  flex-direction: column;
}
.mle-detail[hidden] { display: none !important; }
.mle-detail-close {
  position: fixed;
  top: max(0.75rem, env(safe-area-inset-top));
  right: 0.85rem;
  z-index: 95;
  width: 2.6rem;
  height: 2.6rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  color: #1a1714;
  font-size: 1.5rem;
  line-height: 1;
  box-shadow: 0 4px 16px rgba(0,0,0,.18);
  cursor: pointer;
  pointer-events: auto;
}
.mle-detail-back {
  display: inline-flex;
  align-items: center;
  border: 0;
  background: transparent;
  color: var(--primary, #1e4a7a);
  font-weight: 650;
  font-size: 0.95rem;
  padding: 0.25rem 0;
  margin: 0 0 0.75rem;
  cursor: pointer;
}
.mle-detail-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mle-detail-hero {
  width: 100%;
  height: 148px;
  object-fit: cover;
  display: block;
  background: #e8e4dc;
}
.mle-detail-content {
  padding: 0.7rem 1.1rem 0.85rem;
}
.mle-detail-kicker {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8378;
  font-weight: 700;
}
.mle-detail-content h2 {
  margin: 0 0 0.5rem;
  font-family: var(--font);
  font-size: 1.65rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
}
.mle-detail-meta {
  margin: 0 0 0.85rem;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.4;
}
.mle-detail-desc {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #3a342e;
}
.mle-detail-until {
  margin: 0 0 0.85rem;
  color: var(--muted);
  font-size: 0.9rem;
}
.mle-detail-code {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0 0 1rem;
  background: #f3efe8;
  border-radius: 14px;
  padding: 0.75rem 0.9rem;
}
.mle-detail-code code {
  flex: 1;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.mle-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
body.mle-detail-open .mle-assistant,
body.mle-detail-open .mle-nav {
  opacity: 0;
  pointer-events: none;
}

.mle-em-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
a.mle-em-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  background: #f3efe8;
  border-radius: 16px;
  padding: 0.95rem 1.05rem;
  text-decoration: none;
  color: inherit;
  box-shadow: none;
}
a.mle-em-row:hover,
a.mle-em-row:visited,
a.mle-em-row:active {
  color: inherit;
  text-decoration: none;
}
.mle-em-label {
  flex: 1;
  font-size: 0.95rem;
  font-weight: 550;
  line-height: 1.3;
  min-width: 0;
}
.mle-em-num {
  flex-shrink: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1e4a7a;
  letter-spacing: -0.02em;
}

.mle-yt-card {
  margin: 0.35rem 0 0.5rem;
  background: var(--surface, #fff);
  border-radius: 18px;
  padding: 0.75rem;
  box-shadow: 0 6px 16px rgba(26,23,20,.08);
}
.mle-yt-title {
  margin: 0 0 0.55rem;
  font-weight: 650;
  font-size: 0.95rem;
}
.mle-yt-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #111;
}
.mle-yt-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.mle-custom-ico {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 14px;
  background: #e8f0fa;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
.mle-custom-ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  padding: 0.35rem;
}
.mle-custom-ico-emoji {
  font-size: 1.15rem;
}

.mle-pmr-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 0.4rem;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  background: #e8f5e9;
  color: #1b5e20;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.mle-access-block h3 {
  margin: 0.85rem 0 0.4rem;
  font-size: 1rem;
}
.mle-access-block ul {
  margin: 0 0 0.75rem;
  padding-left: 1.15rem;
}
.mle-access-note {
  color: var(--muted);
  font-size: 0.9rem;
}

.mle-place-offer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin: 0.55rem 0 0.35rem;
  padding: 0.55rem 0.65rem;
  border-radius: 12px;
  background: linear-gradient(135deg, #fff8e7, #f3efe8);
  border: 1px solid rgba(200, 150, 40, 0.25);
}
.mle-place-offer-tag {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9a6b00;
}
.mle-place-offer-txt {
  flex: 1;
  min-width: 0;
  font-size: 0.88rem;
  font-weight: 650;
}
.mle-place-offer-code {
  font-size: 0.8rem;
  font-weight: 700;
  background: #fff;
  padding: 0.15rem 0.4rem;
  border-radius: 6px;
}
.mle-place-offer-btn {
  border: 0;
  background: #1e4a7a;
  color: #fff;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  font-size: 0.78rem;
  font-weight: 650;
  cursor: pointer;
}
.mle-place-offer-detail {
  width: 100%;
  margin: 0.15rem 0 0;
  font-size: 0.85rem;
  color: var(--muted);
  line-height: 1.4;
}

.mle-close-x {
  position: absolute;
  top: 0.65rem;
  right: 0.75rem;
  z-index: 5;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  color: #1a1714;
  font-size: 1.45rem;
  line-height: 1;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
}
.mle-panel {
  position: relative;
}
#mle-around-page {
  position: relative;
}
#mle-around-page .mle-close-x {
  position: sticky;
  top: 0.5rem;
  float: right;
  margin: 0.5rem 0.75rem 0 0;
}
#tab-near {
  position: relative;
}
.mle-detail-x {
  position: fixed;
  top: max(0.65rem, env(safe-area-inset-top));
  right: 0.75rem;
  z-index: 96;
}

.mle-map-open-wrap {
  padding: 0.35rem 1rem 1.25rem;
}
.mle-map-open-btn {
  display: block;
  width: 100%;
  border: 0;
  background: #1e4a7a;
  color: #fff;
  border-radius: 14px;
  padding: 0.85rem 1rem;
  font-size: 0.95rem;
  font-weight: 650;
  cursor: pointer;
  text-align: center;
}
#mle-map-page {
  position: relative;
  min-height: calc(100vh - 4.5rem);
  display: flex;
  flex-direction: column;
  background: #e8e4dc;
}
.mle-map-pills {
  display: flex;
  gap: 0.4rem;
  overflow-x: auto;
  padding: 0.65rem 0.85rem;
  padding-right: 3rem;
  -webkit-overflow-scrolling: touch;
  background: rgba(246,241,234,.92);
  z-index: 2;
}
.mle-map-pill {
  flex-shrink: 0;
  border: 0;
  background: #fff;
  color: #3a342e;
  border-radius: 999px;
  padding: 0.4rem 0.85rem;
  font-size: 0.82rem;
  font-weight: 650;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.mle-map-pill.is-on {
  background: #1e4a7a;
  color: #fff;
}
.mle-map-stage {
  position: relative;
  flex: 1;
  min-height: 55vh;
  display: flex;
  flex-direction: column;
}
.mle-map-canvas {
  flex: 1;
  min-height: 55vh;
  width: 100%;
  z-index: 1;
}
.mle-map-fab {
  position: absolute;
  right: 0.75rem;
  top: 0.85rem;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.mle-map-sheet {
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 5.5rem;
  z-index: 3;
  background: #fff;
  border-radius: 16px;
  padding: 0.9rem 1rem;
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
}
.mle-map-sheet strong {
  display: block;
  font-size: 1.05rem;
  margin-bottom: 0.25rem;
}
.mle-map-sheet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.65rem;
}

.mle-map-fab-btn {
  width: 2.6rem;
  height: 2.6rem;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
  font-size: 1.15rem;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.mle-map-sheet {
  position: relative;
}
.mle-map-sheet-x {
  position: absolute;
  top: 0.45rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 999px;
  background: #f3efe8;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
}

.mle-map-fab-btn { color: #1e4a7a; }
.mle-map-fab-geo { color: #0f766e; }
.mle-map-pin {
  width: 36px; height: 36px; border-radius: 999px;
  display: grid; place-items: center;
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
  border: 2px solid #fff;
}
.mle-map-pin-home { background: #1e4a7a; color: #fff; }
.mle-map-pin-geo { width: 34px; height: 34px; background: #0f766e; color: #fff; }
.mle-map-home-icon, .mle-map-geo-icon { background: transparent !important; border: none !important; }

.mle-map-close-top {
  position: fixed !important;
  top: max(0.65rem, env(safe-area-inset-top)) !important;
  right: 0.75rem !important;
  z-index: 20 !important;
}
#mle-map-page .mle-map-pills {
  padding-top: 0.85rem;
}

#mle-around-hub {
  position: relative;
  padding-top: 0.35rem;
}
#mle-around-hub .mle-close-x,
#mle-around-hub-close {
  position: absolute;
  top: 0.35rem;
  right: 0.75rem;
  z-index: 5;
}
#mle-around-hub .mle-around-head {
  padding-right: 3rem;
}

.mle-map-pin-place {
  width: 34px;
  height: 34px;
  font-size: 0.95rem;
  border: 2px solid #fff;
}
.mle-map-pin-place span { line-height: 1; }
.mle-pin-manger { background: #c45c26; }
.mle-pin-boire { background: #7c4a1a; }
.mle-pin-voir { background: #1e6feb; }
.mle-pin-balade { background: #2f7d4a; }
.mle-pin-famille { background: #8b5cf6; }
.mle-pin-pluie { background: #64748b; }
.mle-pin-transport { background: #5b6cff; }
.mle-map-place-icon { background: transparent !important; border: none !important; }
.mle-map-sheet {
  cursor: pointer;
}

.mle-detail-hero-wrap {
  position: relative;
  width: 100%;
  height: 148px;
  background: linear-gradient(145deg, #e8e4dc, #d4cfc4);
  overflow: hidden;
  flex-shrink: 0;
}
.mle-detail-hero-wrap .mle-detail-hero {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mle-detail-hero-fade {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 28%;
  background: linear-gradient(to top, var(--bg, #f6f1ea), transparent);
  pointer-events: none;
}
.mle-detail-content {
  padding: 0.65rem 1.1rem 0.75rem;
  margin-top: 0;
  position: relative;
  z-index: 1;
}
.mle-detail-kicker {
  display: inline-block;
  margin: 0 0 0.35rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(30, 74, 122, 0.1);
  color: #1e4a7a;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.mle-detail-content h2 {
  margin: 0 0 0.65rem;
  font-size: 1.75rem;
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.12;
}
.mle-detail-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0 0 0.9rem;
}
.mle-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.6rem;
  border-radius: 999px;
  background: #f0ebe3;
  color: #3a342e;
  font-size: 0.78rem;
  font-weight: 600;
}
.mle-chip-dist {
  background: #e8f0fa;
  color: #1e4a7a;
}
.mle-open-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.6rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.mle-open-badge.is-on { background: #e8f5e9; color: #1b5e20; }
.mle-open-badge.is-off { background: #fdecea; color: #8b1e1e; }
.mle-detail-desc {
  margin: 0 0 1.15rem;
  font-size: 1.02rem;
  line-height: 1.55;
  color: #3a342e;
}
.mle-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.mle-detail-actions .mle-itin,
.mle-detail-actions .mle-aff {
  flex: 1 1 auto;
  min-width: 7.5rem;
  justify-content: center;
  border-radius: 14px;
  padding: 0.75rem 1rem;
  font-weight: 650;
}
.mle-detail-code {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff8e7, #f3efe8);
  border: 1px solid rgba(200,150,40,.22);
}
.mle-detail-code-label {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9a6b00;
}
.mle-map-sheet {
  padding: 0.75rem !important;
  border-radius: 20px !important;
  overflow: hidden;
  backdrop-filter: blur(8px);
}
.mle-map-sheet-inner {
  display: flex;
  gap: 0.75rem;
  align-items: stretch;
  padding-right: 1.5rem;
}
.mle-map-sheet-thumb {
  width: 72px;
  height: 72px;
  border-radius: 14px;
  overflow: hidden;
  flex-shrink: 0;
  background: #e8e4dc;
}
.mle-map-sheet-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mle-map-sheet-body {
  flex: 1;
  min-width: 0;
}
.mle-map-sheet-body strong {
  font-size: 1.05rem;
  line-height: 1.2;
  margin-bottom: 0.35rem;
}
.mle-map-sheet-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.45rem;
}
.mle-map-sheet-actions {
  margin-top: 0.35rem;
}
.mle-map-sheet-actions .mle-itin,
.mle-map-sheet-actions .mle-place-offer-btn {
  border-radius: 999px;
  padding: 0.4rem 0.75rem;
  font-size: 0.8rem;
}

.mle-itin-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  border: 0 !important;
  background: #1e4a7a !important;
  color: #fff !important;
  border-radius: 14px !important;
  padding: 0.85rem 1.1rem !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  box-shadow: 0 8px 20px rgba(30, 74, 122, 0.25);
}
.mle-itin-primary .mle-itin-ico {
  display: grid;
  place-items: center;
}
.mle-itin-primary svg {
  stroke: #fff;
}
.mle-detail-actions {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin-top: 0.25rem;
}
.mle-detail-actions .mle-offer-cta,
.mle-detail-actions .mle-aff {
  width: 100%;
  border-radius: 14px;
  padding: 0.8rem 1rem;
  font-weight: 650;
}
.mle-place-offer-detail {
  margin: 0.85rem 0 1rem;
  padding: 0.9rem 1rem;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff8e7, #f7f1e6);
  border: 1px solid rgba(200, 150, 40, 0.28);
}
.mle-place-offer-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.mle-map-sheet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}
.mle-map-sheet-actions .mle-itin-primary {
  width: auto;
  flex: 1 1 auto;
  padding: 0.55rem 0.85rem !important;
  font-size: 0.85rem !important;
  border-radius: 999px !important;
}

#mle-map-sheet.is-mini {
  padding: 0.45rem 0.55rem 0.45rem 0.75rem !important;
  border-radius: 999px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 2rem);
  bottom: 5.8rem !important;
}
.mle-map-mini-btn {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  border: 0;
  background: transparent;
  padding: 0.35rem 0.5rem 0.35rem 0.15rem;
  cursor: pointer;
  max-width: 80vw;
}
.mle-map-mini-name {
  font-weight: 700;
  font-size: 0.95rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1a1714;
}
.mle-map-mini-chev {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 999px;
  background: #1e4a7a;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
}
#mle-map-sheet.is-mini .mle-map-sheet-x {
  position: static;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1rem;
  margin-right: 0.15rem;
  box-shadow: none;
  background: #f3efe8;
}
#mle-map-sheet.is-mini {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
#mle-map-sheet.is-expanded .mle-map-sheet-clickable {
  cursor: pointer;
}
.mle-map-sheet-thumb-home {
  display: grid;
  place-items: center;
  font-size: 1.5rem;
  background: #1e4a7a;
}

.leaflet-tooltip.mle-map-name-tip {
  background: rgba(255,255,255,.96);
  border: 0;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  box-shadow: 0 4px 14px rgba(0,0,0,.14);
  font-weight: 700;
  font-size: 0.8rem;
  color: #1a1714;
  white-space: nowrap;
  max-width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leaflet-tooltip.mle-map-name-tip::before {
  border-top-color: rgba(255,255,255,.96);
}

.mle-pin-offer-dot {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #c9a227;
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.25);
}
.mle-map-pin-place {
  position: relative;
}
.mle-map-pin-place.has-offer {
  box-shadow: 0 4px 12px rgba(201, 162, 39, 0.45), 0 4px 12px rgba(0,0,0,.2);
}
.mle-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  padding: 0.4rem 0.85rem 0.55rem;
  background: rgba(246,241,234,.94);
  font-size: 0.72rem;
  font-weight: 650;
  color: #4a433c;
  z-index: 2;
}
.mle-map-legend > span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.mle-leg {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  display: inline-block;
  border: 1.5px solid #fff;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08);
}
.mle-leg-home { background: #1e4a7a; }
.mle-leg-manger { background: #c45c26; }
.mle-leg-boire { background: #7c4a1a; }
.mle-leg-voir { background: #1e6feb; }
.mle-leg-offer { background: #c9a227; }

.mle-pin-gift {
  background: linear-gradient(145deg, #c9a227, #a67c00) !important;
  width: 36px !important;
  height: 36px !important;
}
.mle-pin-gift span { font-size: 1.05rem; }
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
  background: rgba(30, 74, 122, 0.25) !important;
}
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
  background: #1e4a7a !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.mle-map-hint {
  margin: 0;
  padding: 0.45rem 0.85rem 0.55rem;
  background: rgba(246,241,234,.94);
  color: #6b635a;
  font-size: 0.8rem;
  font-weight: 550;
  text-align: center;
  line-height: 1.35;
  z-index: 2;
}

.mle-detail-bar {
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.45rem;
  padding: 0.5rem 0.9rem calc(0.55rem + env(safe-area-inset-bottom));
  background: rgba(246, 241, 234, 0.96);
  border-top: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 -8px 24px rgba(40, 30, 20, 0.08);
  z-index: 4;
}
.mle-detail-bar .mle-itin {
  flex: 1 1 0;
  min-width: 0;
}
.mle-detail-bar[hidden] { display: none !important; }
.mle-detail-bar .mle-itin-primary {
  flex: 1 1 auto;
  margin: 0;
}
.mle-detail-bar .mle-offer-cta,
.mle-detail-bar .mle-aff {
  flex: 0 0 auto;
  border: 0;
  border-radius: 14px;
  padding: 0.85rem 1rem;
  font-weight: 700;
  font-size: 0.9rem;
  background: linear-gradient(145deg, #c9a227, #a67c00);
  color: #fff;
  cursor: pointer;
}
.mle-detail-bar .mle-aff {
  background: #1a1714;
}

.mle-detail-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0 0 1rem;
}
.mle-stat {
  display: inline-flex;
  flex-direction: column;
  gap: 0.05rem;
  padding: 0.45rem 0.7rem;
  border-radius: 12px;
  background: #f0ebe3;
  min-width: 4.5rem;
}
.mle-stat-lab {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a8378;
}
.mle-stat-val {
  font-size: 0.88rem;
  font-weight: 700;
  color: #1a1714;
}
.mle-stat.is-open { background: #e8f5e9; }
.mle-stat.is-open .mle-stat-val { color: #1b5e20; }
.mle-stat.is-closed { background: #fdecea; }
.mle-stat.is-closed .mle-stat-val { color: #8b1e1e; }
.mle-stat.is-dist { background: #e8f0fa; }
.mle-stat.is-dist .mle-stat-val { color: #1e4a7a; }

.mle-offer-card {
  display: flex;
  gap: 0.75rem;
  margin: 0.25rem 0 0.5rem;
  padding: 0.95rem 1rem;
  border-radius: 18px;
  background: linear-gradient(145deg, #fff8e7, #f6ecd4);
  border: 1px solid rgba(201, 162, 39, 0.35);
  box-shadow: 0 8px 20px rgba(160, 120, 20, 0.08);
  cursor: pointer;
}
.mle-offer-card-ico {
  font-size: 1.45rem;
  line-height: 1;
  flex-shrink: 0;
}
.mle-offer-card-body { flex: 1; min-width: 0; }
.mle-offer-card-tag {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9a6b00;
  margin-bottom: 0.15rem;
}
.mle-offer-card-title {
  display: block;
  font-size: 1.02rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
}
.mle-offer-card-txt {
  margin: 0 0 0.55rem;
  font-size: 0.88rem;
  color: #5c554c;
  line-height: 1.4;
}
.mle-offer-card-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}
.mle-offer-card-code {
  background: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.85rem;
}
.mle-detail-content {
  padding-bottom: 1.25rem;
}

.mle-stat-lab:empty { display: none; }

.mle-gallery {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  height: min(42vh, 280px);
  background: #e8e4dc;
}
.mle-gallery-slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  height: 100%;
}
.mle-gallery-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mle-stat.is-walk { background: #eef6ee; }
.mle-stat.is-pmr { background: #ece9ff; }
.mle-stat.is-pmr .mle-stat-val { color: #4338ca; }
.mle-pmr-line {
  margin: -0.4rem 0 0.9rem;
  font-size: 0.88rem;
  color: #4338ca;
  font-weight: 600;
}
.mle-offer-card-until {
  margin: 0 0 0.45rem;
  font-size: 0.8rem;
  color: #9a6b00;
  font-weight: 650;
}
.mle-gift-flag {
  position: absolute;
  top: 0.55rem;
  left: 0.55rem;
  font-size: 1.15rem;
  z-index: 2;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.25));
}
.mle-place { position: relative; }
.mle-detail-bar .mle-call-cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  padding: 0.85rem 1rem;
  background: #fff;
  color: #1e4a7a;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid rgba(30,74,122,.25);
}
.mle-merchant-qr {
  margin: 0.75rem 0 1rem;
  padding: 1rem;
  border-radius: 18px;
  background: #fff;
  border: 1px dashed rgba(201,162,39,.5);
  text-align: center;
}
.mle-merchant-qr-lab {
  margin: 0 0 0.5rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9a6b00;
}
.mle-merchant-qr-img {
  width: 160px;
  height: 160px;
  margin: 0 auto 0.55rem;
  display: block;
}
.mle-merchant-qr-code {
  display: block;
  font-size: 1.25rem;
  letter-spacing: 0.06em;
}

.mle-place, .mle-offer, .mle-route-card {
  content-visibility: auto;
  contain-intrinsic-size: 120px 220px;
}
img { max-width: 100%; }

.mle-offline {
  position: sticky;
  top: 0;
  z-index: 80;
  background: #3a342e;
  color: #fff;
  text-align: center;
  padding: 0.45rem 0.75rem;
  font-size: 0.82rem;
  font-weight: 600;
}
.mle-offline[hidden] { display: none !important; }
.mle-toast {
  position: fixed;
  left: 50%;
  bottom: calc(5.5rem + env(safe-area-inset-bottom));
  transform: translateX(-50%) translateY(8px);
  background: #1a1714;
  color: #fff;
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 650;
  opacity: 0;
  pointer-events: none;
  z-index: 120;
  transition: opacity .2s, transform .2s;
}
.mle-toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }
.mle-detail-bar { flex-wrap: wrap; }
.mle-itin-transit {
  background: #fff !important;
  color: #1e4a7a !important;
  border: 1px solid rgba(30,74,122,.25) !important;
  box-shadow: none !important;
}
.mle-itin-transit svg { stroke: #1e4a7a; }
.mle-fav-btn, .mle-share-btn {
  border: 0;
  border-radius: 14px;
  padding: 0.85rem 0.95rem;
  font-weight: 700;
  background: #fff;
  color: #1a1714;
  cursor: pointer;
}
.mle-fav-btn.is-on { color: #c0392b; background: #fdecea; }
.mle-place.is-fav h3::after { content: " ♥"; color: #c0392b; font-size: 0.85em; }
.mle-around-emoji {
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  background: #f0ebe3;
  border-radius: 16px;
  width: 3.2rem;
  height: 3.2rem;
}

.mle-search {
  width: 100%;
  border: 0;
  border-radius: 14px;
  padding: 0.75rem 0.9rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(26,23,20,.06);
  font: inherit;
  margin: 0.6rem 0 0.35rem;
}
.mle-map-search { margin: 0.5rem 12px 0; width: calc(100% - 24px); }
.mle-around-head { padding-bottom: 0.35rem; }
.mle-around-me-wrap {
  display: flex;
  justify-content: flex-end;
  padding: 0.15rem 1rem 1rem;
}
.mle-around-me {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1.5px solid #1a1714;
  background: #fff;
  color: #1a1714;
  font: inherit;
  font-weight: 650;
  letter-spacing: -.01em;
  border-radius: 999px;
  padding: 0.7rem 1.15rem;
  margin: 0;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(26,23,20,.08);
}
.mle-around-me-ico {
  display: grid; place-items: center; width: 22px; height: 22px; color: #2f6b4f;
}
.mle-around-me.is-on {
  background: #1a1714;
  color: #fff;
  border-color: #1a1714;
}
.mle-around-me.is-on .mle-around-me-ico { color: #c8e6d4; }
.mle-tile-manger { background: #f6e7d8; }
.mle-tile-boire { background: #efe6d8; }
.mle-tile-voir { background: #e4eadf; }
.mle-tile-balade { background: #e7eef2; }
.mle-tile-famille { background: #f3e6ee; }
.mle-tile-pluie { background: #e4e8ef; }
.mle-tile-transport { background: #ece7f3; }
.mle-rate-btn {
  border: 0;
  border-radius: 14px;
  padding: .85rem .9rem;
  background: #fff;
  font-weight: 700;
  cursor: pointer;
}
.mle-rate-btn.is-on { background: #eaf6ee; color: #1e6b3a; }

.mle-detail-videos { margin: 10px 0 4px; }
.mle-detail-videos .mle-video { border-radius: 14px; overflow: hidden; margin: 0 0 10px; background: #000; }
.mle-detail-videos iframe, .mle-detail-videos video { width: 100%; aspect-ratio: 16/9; display: block; border: 0; }

.mle-yt-card { margin: 8px 12px 14px; }
.mle-yt-title { font-weight: 800; margin: 0 0 8px; }
.mle-yt-play {
  position: relative; display: block; width: 100%; padding: 0; border: 0;
  border-radius: 16px; overflow: hidden; background: #000; cursor: pointer;
}
.mle-yt-play img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; opacity: .92; }
.mle-yt-btn {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: 58px; height: 40px; border-radius: 12px; background: #ff0000;
  color: #fff; display: grid; place-items: center; font-size: 18px; box-shadow: 0 8px 20px rgba(0,0,0,.35);
}
.mle-yt-wrap { border-radius: 16px; overflow: hidden; background: #000; }
.mle-yt-wrap iframe { width: 100%; aspect-ratio: 16/9; border: 0; display: block; }

.mle-place { position: relative; }
.mle-yt-mini {
  position: absolute; left: 12px; top: 12px;
  background: #ff0000; color: #fff; font-size: 11px; font-weight: 800;
  border-radius: 999px; padding: 4px 8px; letter-spacing: .02em; z-index: 2;
}
.mle-place.has-yt img { filter: none; }

.mle-search-hint { margin: 0.25rem 0 0.15rem; font-size: 0.82rem; color: #6b645c; }
.mle-around-results { margin-top: 0.6rem; }
.mle-around-tiles[hidden], .mle-around-results[hidden] { display: none !important; }

.mle-place.closes-soon .hours { color: #b45309; font-weight: 700; }

.mle-closes-soon { margin: 6px 0 0; color: #b45309; font-weight: 700; font-size: 0.92rem; }

.mle-arrive-kicker, .mle-checkout p:first-child { margin-bottom: .4rem; }
.mle-check { display: flex; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(26,23,20,.08); font-size: .95rem; }
.mle-thanks { margin: 14px 0 8px; font-weight: 650; }
.mle-call { color: inherit; font-weight: 650; }

#mle-around-page { background: #f3f5fa; min-height: 100dvh; padding-bottom: 5.5rem; }
.mle-explore-head {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 14px 16px 10px;
}
.mle-explore-x, #mle-around-page #mle-around-back.mle-explore-x, #mle-around-page #mle-around-back {
  position: static !important; top: auto; right: auto;
  width: 44px; height: 44px; border: 0; border-radius: 50%;
  background: #fff; color: #1a1714; font-size: 1.45rem; line-height: 1;
  box-shadow: 0 6px 18px rgba(20,40,80,.08); flex-shrink: 0; cursor: pointer;
}
.mle-explore-head h2 {
  margin: 2px 0 2px; font-size: 1.15rem; font-weight: 700; letter-spacing: -.02em;
}
.mle-explore-head p { margin: 0; color: #8b93a7; font-size: .88rem; }
.mle-explore-list {
  margin: 6px 16px 24px; background: #fff; border-radius: 22px; overflow: hidden;
  box-shadow: 0 10px 30px rgba(20,40,80,.06);
}
#mle-around-page .mle-place {
  display: flex; align-items: center; gap: 14px;
  margin: 0; padding: 14px 14px 14px 16px;
  background: #fff; border-radius: 0; box-shadow: none;
  border-bottom: 1px solid #eef1f6; overflow: visible;
}
#mle-around-page .mle-place:last-child { border-bottom: 0; }
#mle-around-page .mle-place img,
#mle-around-page .mle-badge,
#mle-around-page .mle-actions,
#mle-around-page .mle-gift-flag,
#mle-around-page .mle-place-offer,
#mle-around-page .mle-yt-mini { display: none !important; }
.mle-explore-ico {
  width: 48px; height: 48px; border-radius: 16px; flex-shrink: 0;
  display: grid; place-items: center; background: #e8f1ff; font-size: 1.25rem;
}
#mle-around-page .mle-place-body { padding: 0; flex: 1; min-width: 0; }
#mle-around-page .mle-place h3 {
  font-size: 1.02rem; font-weight: 650; letter-spacing: -.01em;
}
#mle-around-page .mle-place .hours {
  margin: 3px 0 0; color: #8b93a7; font-size: .84rem; line-height: 1.35;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mle-heart {
  flex-shrink: 0; width: 40px; height: 40px; border: 0; background: transparent;
  color: #c5cad6; display: grid; place-items: center; cursor: pointer; padding: 0;
}
.mle-place.is-fav .mle-heart { color: #2563eb; }
.mle-place.is-fav .mle-heart svg { fill: #2563eb; stroke: #2563eb; }

#mle-share-stay, #mle-wa-stay, .mle-share-btn { display: none !important; }

/* v4.43.35 — Explorer / Autour refined design */
.mle-around-me-wrap{
  justify-content:flex-start;
  padding:.15rem 1rem .9rem;
}
.mle-around-me{
  display:inline-flex;
  align-items:center;
  gap:.58rem;
  background:linear-gradient(135deg,#123f78,#1f5fa8);
  border:0;
  color:#fff;
  padding:.72rem 1.16rem;
  border-radius:18px;
  box-shadow:0 9px 22px rgba(18,63,120,.20);
  font-weight:760;
  letter-spacing:-.01em;
}
.mle-around-me:hover,.mle-around-me:focus-visible,
.mle-around-me.is-on{
  background:linear-gradient(135deg,#123f78,#1f5fa8);
  color:#fff;
}
.mle-around-me-ico{color:#fff;display:grid;place-items:center}
.mle-around-me-ico svg{width:19px;height:19px}

.mle-around-tiles{gap:.76rem}
.mle-around-tile{
  border-radius:22px;
  padding:.68rem .9rem .68rem .68rem;
  min-height:82px;
  box-shadow:0 8px 24px rgba(30,58,95,.07);
  border:1px solid rgba(30,58,95,.035);
  background:rgba(255,255,255,.94);
}
.mle-around-tile-media{
  width:60px;
  height:60px;
  border-radius:18px;
  display:grid;
  place-items:center;
  box-shadow:none;
}
.mle-around-icon svg{
  width:29px;
  height:29px;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mle-tile-services{background:#e7f0ff;color:#2469c8}
.mle-tile-animations{background:#eee9ff;color:#6652c7}
.mle-tile-manger{background:#fff0e2;color:#ef7a1e}
.mle-tile-boire{background:#f3eadf;color:#77491f}
.mle-tile-voir{background:#e7f3e9;color:#31855b}
.mle-tile-balade{background:#e8f3f3;color:#23827f}
.mle-tile-famille{background:#f7e7f0;color:#d3297c}
.mle-tile-pluie{background:#e8f1fb;color:#246bc4}
.mle-tile-transport{background:#edf0f8;color:#425f9a}
.mle-around-tile-txt strong{
  font-size:1.03rem;
  font-weight:760;
  color:#151515;
  letter-spacing:-.015em;
}
.mle-around-tile-txt small{
  font-size:.82rem;
  line-height:1.32;
  color:#777f8f;
}
.mle-around-tile .chev{font-size:1.32rem;opacity:.38}

/* Keep rating/favorite controls out of the guest experience. */
.mle-heart,.mle-fav-btn,.mle-rate-btn{display:none!important}

/* The linked offer remains visible in the offer card; remove the duplicate gold button in the detail footer. */
.mle-detail-bar .mle-offer-cta{display:none!important}


/* v4.43.36 — premium Around button + refined pictograms */
.mle-around-me-wrap{padding:.25rem 1rem 1.05rem;justify-content:center}
.mle-around-me{
  width:min(100%,360px);min-height:58px;justify-content:center;position:relative;
  padding:.9rem 3rem .9rem 1.25rem;border-radius:22px;
  background:linear-gradient(135deg,#124a98 0%,#1767dc 58%,#0878f9 100%);
  box-shadow:0 12px 28px rgba(24,96,205,.26),inset 0 1px 0 rgba(255,255,255,.24);
  font-size:1.03rem;font-weight:800;
}
.mle-around-me:active{transform:translateY(1px);box-shadow:0 7px 18px rgba(24,96,205,.22)}
.mle-around-me-ico{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25)}
.mle-around-me-ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mle-around-me-arrow{position:absolute;right:20px;top:50%;transform:translateY(-53%);font-size:1.75rem;font-weight:400;line-height:1;color:rgba(255,255,255,.94)}
.mle-around-tile-media{width:58px;height:58px;border-radius:18px}
.mle-around-icon svg{width:28px;height:28px;fill:none!important;stroke:currentColor!important;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mle-tile-manger{background:#fff0df;color:#f47b14}
.mle-tile-boire{background:#f4eadb;color:#74451d}
.mle-tile-voir{background:#e6f4e9;color:#188b4a}
.mle-tile-balade{background:#e4f3f3;color:#16898a}
.mle-tile-famille{background:#f9e6f0;color:#dc277d}
.mle-tile-pluie{background:#e8f2ff;color:#1670d8}
.mle-tile-transport{background:#edf1fb;color:#4164a6}
@media(max-width:420px){.mle-around-me{width:100%;min-height:56px}.mle-around-me-wrap{padding-left:1.1rem;padding-right:1.1rem}}

.mle-detail-hero-wrap { position: relative; width: 100%; height: 230px; overflow: hidden; background: linear-gradient(160deg,#1e3a5f,#3d5a80); flex-shrink: 0; }
.mle-detail-hero-wrap .mle-detail-hero, .mle-detail-hero-wrap .mle-gallery, .mle-detail-hero-wrap .mle-gallery img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.mle-detail-hero-wrap .mle-gallery { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; height: 100%; }
.mle-detail-hero-wrap .mle-gallery-slide { flex: 0 0 100%; scroll-snap-align: start; height: 100%; }
.mle-detail-hero-fade {
  position: absolute; inset: auto 0 0 0; height: 70%;
  background: linear-gradient(to top, rgba(18,16,14,.82), transparent);
  pointer-events: none;
}
.mle-detail-hero-caption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 0.7rem 1.05rem 0.75rem;
  color: #fff; z-index: 2;
}
.mle-detail-hero-caption .mle-detail-kicker {
  background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.22);
  font-size: 0.62rem; padding: 0.12rem 0.45rem;
}
.mle-detail-hero-caption h2 {
  margin: .2rem 0 0; color: #fff; font-size: 1.32rem; font-weight: 650;
  letter-spacing: -.03em; line-height: 1.15;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
}
.mle-detail-content { padding: 0.7rem 1.1rem 0.75rem; }
.mle-chip { font-size: 0.72rem; padding: 0.2rem 0.5rem; }
.mle-chip-open { background: #e7f6ea; color: #1b5e20; }
.mle-chip-closed { background: #fdecea; color: #8b1e1e; }
.mle-chip-soon { background: #fff4e0; color: #9a6b00; }
.mle-chip-pmr { background: #eef2ff; color: #3730a3; }
.mle-chip-walk { background: #f3efe8; }
.mle-detail-desc { margin: 0 0 0.7rem; font-size: 0.95rem; line-height: 1.45; }
.mle-offer-card {
  display: flex; gap: 10px; align-items: flex-start;
  margin: 0.15rem 0 0.35rem; padding: 12px;
  background: linear-gradient(135deg, #fff8e8, #fff);
  border: 1px solid rgba(200,150,40,.28);
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(26,23,20,.05);
}
.mle-offer-card-ico { font-size: 1.25rem; line-height: 1; }
.mle-offer-card-tag { font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #9a6b00; }
.mle-offer-card-title { display: block; margin: .1rem 0 .15rem; font-size: 0.98rem; }
.mle-offer-card-txt { margin: 0; font-size: 0.86rem; line-height: 1.35; color: #5a534c; }
.mle-offer-card-until { margin: .25rem 0 0; font-size: 0.78rem; }
.mle-offer-card-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: .4rem; }
.mle-detail-bar {
  flex-shrink: 0;
  display: flex;
  gap: 0.45rem;
  padding: 0.55rem 0.9rem calc(0.6rem + env(safe-area-inset-bottom));
}
.mle-detail-bar .mle-itin {
  min-height: 46px;
  padding: 0.65rem 0.85rem;
  font-size: 0.92rem;
}

/* iOS-style Autour hub */
#tab-around,
#mle-around-hub {
  background: #f2f2f7;
}
#mle-around-hub .mle-around-head h2 {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.mle-around-me-wrap {
  justify-content: stretch;
  padding: 4px 16px 14px;
}
.mle-around-me {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  padding: 0 16px;
  border: 0;
  border-radius: 14px;
  background: #007aff;
  color: #fff;
  box-shadow: 0 1px 0 rgba(255,255,255,.28) inset, 0 8px 18px rgba(0,122,255,.28);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.4px;
  -webkit-tap-highlight-color: transparent;
}
.mle-around-me:hover,
.mle-around-me:focus-visible,
.mle-around-me.is-on {
  background: #0066d6;
  color: #fff;
  border: 0;
}
.mle-around-me:active {
  transform: scale(.985);
  box-shadow: none;
  background: #0060c8;
}
.mle-around-me-ico {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(255,255,255,.22);
  border: 0;
  color: #fff;
  display: grid;
  place-items: center;
}
.mle-around-me-ico svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  stroke: none;
}
.mle-around-me-arrow { display: none !important; }

.mle-around-tiles {
  margin: 0 16px 16px;
  padding: 0;
  gap: 0;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0.5px 0 rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.04);
}
.mle-around-tile {
  width: 100%;
  min-height: 60px;
  margin: 0;
  padding: 8px 12px 8px 10px;
  gap: 12px;
  border: 0;
  border-radius: 0;
  border-bottom: 0.5px solid rgba(60,60,67,.18);
  background: #fff;
  box-shadow: none;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  -webkit-tap-highlight-color: transparent;
}
.mle-around-tile:last-child { border-bottom: 0; }
.mle-around-tile:active {
  transform: none;
  background: #d1d1d6;
}
.mle-around-tile-media,
.mle-around-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
.mle-around-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mle-tile-open { background: #e5f8ea; color: #248a3d; }
.mle-tile-open svg { stroke-width: 2; }
.mle-around-tile-txt strong {
  font-size: 17px;
  font-weight: 590;
  letter-spacing: -0.4px;
  color: #000;
}
.mle-around-tile-txt small {
  margin-top: 1px;
  font-size: 13px;
  line-height: 1.25;
  color: #8e8e93;
  font-weight: 400;
}
.mle-around-tile .chev {
  width: 10px;
  padding: 0;
  opacity: 1;
  color: #c7c7cc;
  display: grid;
  place-items: center;
}
.mle-around-tile .chev svg {
  width: 8px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mle-map-open-wrap { padding: 2px 16px calc(18px + env(safe-area-inset-bottom)); }
.mle-map-open-btn {
  height: 50px;
  padding: 0 16px;
  border-radius: 14px;
  background: #007aff;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.4px;
  box-shadow: 0 1px 0 rgba(255,255,255,.28) inset, 0 8px 18px rgba(0,122,255,.24);
}
.mle-map-open-btn:active { background: #0060c8; }

.mle-tile-manger { background: #fff1e0; color: #ff9500; }
.mle-tile-boire { background: #f4ebe0; color: #a2845e; }
.mle-tile-voir { background: #e5f8ea; color: #34c759; }
.mle-tile-balade { background: #e6f7ff; color: #32ade6; }
.mle-tile-famille { background: #ffe5ee; color: #ff2d55; }
.mle-tile-pluie { background: #e5f0ff; color: #007aff; }
.mle-tile-transport { background: #ece8ff; color: #5856d6; }
@media (max-width: 420px) {
  .mle-around-me { width: 100%; min-height: 50px; }
  .mle-around-me-wrap { padding-left: 16px; padding-right: 16px; }
}


/* v4.43.52 — points d'intérêt de parcours */
.mle-route-stops .mle-stop-poi{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef4ff;color:#173f78;font-size:15px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(23,63,120,.08)}
.mle-route-stops .mle-stop-t strong{display:block;font-weight:750;color:#13233a}

/* v4.43.62 — Fiches balade enrichies */
.mle-route-cover{position:relative;min-height:190px;background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff}
.mle-route-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,24,35,.08),rgba(12,24,35,.72))}
.mle-route-cover-copy{position:relative;z-index:1;padding:1.1rem 1.15rem;width:100%}
.mle-route-cover-copy h3{font-size:1.5rem;color:#fff;margin:.35rem 0 .25rem;text-shadow:0 1px 4px rgba(0,0,0,.28)}
.mle-route-cover-badge{display:inline-flex;padding:.28rem .55rem;border-radius:999px;background:rgba(255,255,255,.9);color:#173f78;font-size:.72rem;font-weight:800}
.mle-route-cover-meta{margin:0;color:rgba(255,255,255,.94);font-size:.85rem;font-weight:650}
.mle-route:has(.mle-route-cover) .mle-route-top,.mle-route:has(.mle-route-cover) .mle-route-meta{display:none}
.mle-route-intro{margin:0 0 .65rem;font-size:.98rem;line-height:1.52;color:#23354a;font-weight:600}
.mle-route-tipline{display:flex;gap:.5rem;align-items:flex-start;margin:.65rem 0;padding:.62rem .72rem;border-radius:12px;background:#f5f8fc;color:#41536a;font-size:.83rem}
.mle-route-tipbox{margin:.7rem 0;padding:.8rem .85rem;border-radius:14px;background:#fff8e8;border:1px solid #f2dfaa;color:#443b28}
.mle-route-tipbox strong{display:block;font-size:.84rem;margin-bottom:.2rem}.mle-route-tipbox p{margin:0;font-size:.83rem;line-height:1.42}
.mle-stop-photo{width:58px;height:58px;object-fit:cover;border-radius:12px;flex:0 0 auto}
.mle-stop-badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.mle-route-partner,.mle-route-offer{display:inline-flex;padding:.16rem .4rem;border-radius:999px;font-size:.68rem;font-weight:800}
.mle-route-partner{background:#edf7ee;color:#236737}.mle-route-offer{background:#fff1e6;color:#a44a12}
.mle-route-credit{margin-top:.7rem;text-align:right;color:#9a958e;font-size:.64rem}

/* v4.43.63 — partenaire central depuis une étape de balade */
.mle-route-partner-open{margin-top:7px;border:0;border-radius:999px;padding:7px 11px;background:#eef5ff;color:#1d4f91;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:none}
.mle-route-partner-open:active{transform:translateY(1px)}

/* v4.43.65 — départ/arrivée intelligents des balades */
.mle-route-actions{display:grid;gap:.5rem;margin-top:.72rem}
.mle-route-actions .mle-itin{width:100%;justify-content:center;margin:0}
.mle-route-smart{background:#f4f8fc;border:1px solid #dbe6f2;color:#173f78}
.mle-route-home-end{background:#f7faf5;border-color:#dce9d7;color:#2e6334}
.mle-route-smart .mle-itin-ico{font-size:16px;line-height:1}
@media(max-width:480px){.mle-route-actions{gap:.42rem}.mle-route-actions .mle-itin{min-height:44px;font-size:.86rem}}

/* v4.43.66 — classement météo/localisation + trajet d'approche */
.mle-route-sort-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}.mle-route-sort-btn{border:1px solid #dbe5df;background:#fff;border-radius:999px;padding:8px 12px;font-weight:700;font-size:12px}.mle-route-sort-wx{font-size:12px;color:#64756d;background:#f3f7f5;border-radius:999px;padding:7px 10px}.mle-route-smartline{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0 10px}.mle-route-smartline span{font-size:11.5px;font-weight:700;background:#f2f7f4;border:1px solid #dce9e1;border-radius:999px;padding:5px 8px;color:#355247}.mle-route-approach{width:100%;display:grid;gap:7px}.mle-route-approach-main{width:100%}.mle-route-approach-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mle-route-mode-btn{border:1px solid #dbe5df;background:#fff;border-radius:10px;padding:8px 5px;font-size:11.5px;font-weight:700}.mle-route-actions .mle-route-approach{order:-1}@media(max-width:430px){.mle-route-approach-modes{grid-template-columns:1fr 1fr 1fr}.mle-route-mode-btn{padding:7px 3px;font-size:10.8px}}