/* Navigation et appel à l'action communs aux pages publiques. */
.menu-mobile,.cta-mobile{display:none}
@media(max-width:600px){
  html{scroll-padding-bottom:100px}
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .nav{flex-wrap:nowrap;min-height:68px;padding:12px 0;gap:16px}
  .nav>.liens,.nav>.btn,.heros .actions{display:none}
  .nav .marque{font-size:25px;gap:10px}.nav .marque i{width:26px;height:26px}
  .menu-mobile{display:block;margin-left:auto;position:relative;z-index:20}
  .menu-mobile summary{list-style:none;display:grid;place-content:center;gap:5px;width:46px;height:46px;border:1px solid rgba(23,44,53,.16);border-radius:12px;background:#fffaf0;cursor:pointer}
  .menu-mobile summary::-webkit-details-marker{display:none}
  .menu-mobile summary span{display:block;width:20px;height:2px;background:#172c35;border-radius:2px}
  .menu-mobile[open] summary{background:#f8bb55}
  .menu-mobile .menu-items{position:absolute;right:0;top:54px;width:210px;padding:8px;background:#fffdf8;border:1px solid #e6dccb;border-radius:14px;box-shadow:0 14px 36px #172c3520}
  .menu-items a{display:block;padding:14px 16px;color:#172c35;text-decoration:none;border-radius:8px;font-size:16px}
  .menu-items a:hover,.menu-items a:focus-visible{background:#fff0ce}
  .cta-mobile{display:flex;align-items:center;justify-content:center;gap:16px;position:fixed;z-index:30;left:20px;right:20px;bottom:calc(14px + env(safe-area-inset-bottom,0px));max-width:440px;margin:auto;padding:15px 18px;border:1px solid #bd741e66;border-radius:14px;background:rgba(249,182,69,.96);color:#172c35;font-family:'Satoshi',sans-serif;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 8px 26px #48331026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .cta-mobile{background:rgba(249,182,69,.80)}
  .cta-mobile:hover{background:rgba(255,198,101,.86)}.cta-mobile span{font-size:21px}
  .cta-mobile[hidden]{display:none}
  .heros{background:radial-gradient(ellipse at 95% 15%,#ffdf9629,transparent 60%);padding-top:24px}
  .heros h1 .l:last-child{color:#167186}
  .oeil{color:#536268}.arc .trait{stroke:#de9831;stroke-opacity:.65}
  .bande{border-color:#dfb87380;box-shadow:0 6px 24px #d3962920}
  .pastille i{background:#ffedc5;color:#754408}
  :focus-visible{outline:3px solid #167186;outline-offset:4px}
}