/* Retainly R36.2 — shared mobile bottom nav on ALL static public pages.
   Does not touch desktop cards, price layout or guest-store checkout. */
:root{--r362-blue:#126DA9;--r362-beige:#F9F6F1}
.public-mobile-drawer[hidden],.public-menu-overlay[hidden]{display:none!important}
@media (min-width:761px){
  html body .public-mobile-nav,html body .public-mobile-drawer,html body .public-menu-overlay{display:none!important}
}
@media (max-width:760px){
  html{scroll-padding-bottom:94px}
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;overflow-x:clip}
  html body .public-mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed!important;inset-inline:0!important;bottom:0!important;top:auto!important;z-index:950!important;min-height:66px;padding:6px max(7px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(7px,env(safe-area-inset-left,0px));box-sizing:border-box;background:#fff!important;border-top:1px solid #dbe9f2;box-shadow:0 -5px 24px rgba(17,82,124,.12);direction:rtl}
  html[lang="en"] body .public-mobile-nav{direction:ltr}
  html body .public-mobile-nav .public-mobile-nav-link{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:47px;padding:4px 0;border:0;background:transparent!important;text-decoration:none!important;color:#496579!important;font-family:Cairo,system-ui,sans-serif;font-weight:800;font-size:clamp(9px,2.8vw,11px);line-height:1.3;white-space:nowrap;cursor:pointer}
  html body .public-mobile-nav .public-mobile-nav-link .mnav-icon{display:block;width:23px;height:23px;max-width:23px;flex-shrink:0}
  html body .public-mobile-nav .public-mobile-nav-link[aria-current="page"],html body .public-mobile-nav .public-mobile-nav-link.is-active{color:var(--r362-blue)!important}
  html body .public-mobile-nav .public-mobile-nav-link[aria-current="page"]::after{content:"";height:2px;background:var(--r362-blue);border-radius:3px;width:18px}
  html body .public-menu-overlay:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:959!important;background:rgba(14,37,52,.5)!important}
  html body .public-mobile-drawer:not([hidden]){display:block!important;position:fixed!important;inset-inline:0!important;bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;z-index:960!important;max-height:min(70dvh,560px);overflow-y:auto;box-sizing:border-box;border-radius:22px 22px 0 0;background:#fff!important;box-shadow:0 -14px 34px rgba(13,53,81,.2);padding:15px 20px 22px;direction:rtl}
  html[lang="en"] body .public-mobile-drawer{direction:ltr}
  html body .public-mobile-drawer .public-mobile-drawer-handle{width:44px;height:5px;border-radius:8px;background:#d3e4ee;margin:0 auto 14px}
  html body .public-mobile-drawer .public-mobile-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#1b3b51;font-size:18px}
  html body .public-mobile-drawer .public-mobile-drawer-close{width:44px;height:44px;border:0;border-radius:12px;background:var(--r362-beige);color:var(--r362-blue);font-size:26px;cursor:pointer}
  html body .public-mobile-drawer .public-mobile-drawer-links{display:grid;gap:6px}
  html body .public-mobile-drawer .public-mobile-drawer-links a{display:block;padding:13px 11px;border-bottom:1px solid #e0eaf0;color:#214f6b;font-size:14px;font-weight:800;text-decoration:none}
  html body.public-menu-open{overflow:hidden}
  html body .public-mobile-nav .public-mobile-nav-link:focus-visible,html body .public-mobile-drawer :is(a,button):focus-visible{outline:2px solid var(--r362-blue);outline-offset:3px}
}