/* 1.46.24 menus: "All MyDoctor" / "Everything we offer" (founder, 2 Nov 22:13 "hybrid amazon aws and tesla"). AWS's layout in MyDoctor navy:
   categories on the left, products on the right with a one-line description, a small picture and Learn / Buy. Opens on click.
   Colours: navy #0B2545, darker rail #081B33, text #E6EDF5, muted #A9B8C8, amber #F2A33A, light teal #7FD3D9. */
.mda{position:relative;flex:none;display:flex;align-items:center}
.mda *{box-sizing:border-box}
.mda-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:40px;padding:0 10px;border-radius:10px;color:#0b2545!important;text-decoration:none!important;font:600 14px/1 'Public Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;white-space:nowrap;border:1px solid transparent}
.mda-b:hover,.mda.is-open .mda-b{background:#eaf4f4;color:#0a5c63!important}
.mda.is-open .mda-b{background:#0b2545;color:#fff!important}
.mda-b:focus-visible{outline:2px solid #0e7c86;outline-offset:2px}
.mda-bl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:1600px){.mda-bl{position:static;width:auto;height:auto;overflow:visible;clip:auto}}
.mda-p{display:none;position:fixed;left:50%;transform:translateX(-50%);top:86px;z-index:9100;width:min(1000px,calc(100vw - 48px));height:min(620px,calc(100vh - 120px));background:#0b2545;color:#e6edf5;border-radius:14px;box-shadow:0 30px 60px rgba(11,37,69,.35);overflow:hidden;grid-template-columns:250px 1fr;font-family:'Public Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;text-align:left}
.mda.is-open .mda-p{display:grid;animation:mdain .18s ease-out}
@keyframes mdain{from{opacity:0;margin-top:-6px}to{opacity:1;margin-top:0}}
.mda-r{background:#081b33;padding:18px 12px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.08)}
.mda-t{display:block;width:100%;text-align:left;padding:10px 14px;margin:0 0 2px;border:0;border-radius:8px;background:none;color:#e6edf5;font-size:15.5px;font-weight:500;line-height:1.3;font-family:inherit;cursor:pointer}
.mda-t:hover{background:rgba(255,255,255,.06)}
.mda-t[aria-selected=true]{color:#f2a33a;font-weight:700;background:rgba(242,163,58,.08)}
.mda-t:focus-visible{outline:2px solid #7fd3d9;outline-offset:-2px}
.mda-c{overflow-y:auto;overscroll-behavior:contain}
.mda .mda-s{display:block;margin:0!important;padding:0!important;min-height:0!important;border:0!important;background:none!important}
.mda .mda-s[hidden]{display:none}
.mda .mda-l,.mda .mda-i{margin-left:0;margin-right:0}
.mda .mda-h{margin:0!important}
.mda-h{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:20px 26px 16px;background:#0b2545;border-bottom:1px solid rgba(255,255,255,.1)}
.mda-h h3{margin:0;font-size:22px;font-weight:700;line-height:1.2;font-family:inherit!important;color:#fff!important;letter-spacing:0}
.mda-x{width:36px;height:36px;border:0;border-radius:8px;background:none;color:#e6edf5;font-size:26px;line-height:1;cursor:pointer}
.mda-x:hover{background:rgba(255,255,255,.08)}
.mda-l{list-style:none;margin:0;padding:8px 26px 24px;display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}
.mda-i{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.mda-i img,.mda-ph{width:72px;height:45px;border-radius:8px;background:#f4f8f8;object-fit:contain;display:block}
.mda-ph{background:radial-gradient(circle,#f3d08a 2.2px,transparent 2.6px) 50% 50%/10px 10px,linear-gradient(135deg,#0e7c86,#0a5c63);background-clip:content-box,border-box;padding:9px 22px}
.mda-tx{min-width:0}
.mda-n{display:block;color:#fff!important;font-size:15.5px;font-weight:700;line-height:1.3;font-family:inherit;text-decoration:none!important}
.mda-n:hover{color:#f3d08a!important}
.mda-d{display:block;margin-top:3px;color:#a9b8c8;font-size:13.5px;line-height:1.4}
.mda-a{display:flex;gap:16px;margin-top:6px}
.mda-a a{color:#7fd3d9!important;font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mda-a a.mda-buy{color:#f2a33a!important}
.mda-a a:hover{color:#fff!important}
.mdh:has(.mda.is-open),.b-head:has(.mda.is-open){z-index:9000}
/* the dim page behind */
.mda.is-open:after{content:"";position:fixed;inset:0;background:rgba(11,37,69,.28);z-index:9050;pointer-events:none}
/* phones and tablets: the grid button moves into the Menu as its first row (data-mda-open) */
.mda-row{display:none}
@media (max-width:1240px){
  .mda-b{display:none!important}
  .mda{display:contents}
  .mda-row{display:flex!important;align-items:center;gap:10px;font-weight:700!important;color:#0a5c63!important}
  .mda-row svg{flex:none}
  .mda-p{position:fixed;left:12px;right:12px;top:76px;transform:none;width:auto;height:calc(100dvh - 92px);grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .mda-r{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:none}
  .mda-t{width:auto;flex:none;white-space:nowrap;padding:8px 12px;font-size:14.5px;margin:0}
  .mda-h{padding:14px 16px 12px}
  .mda-h h3{font-size:19px}
  .mda-l{grid-template-columns:1fr;padding:4px 16px 20px}
  .mda-i img,.mda-ph{width:64px;height:40px}
  .mda-i{grid-template-columns:64px 1fr;gap:12px}
}
/* modernushealth.in header */
.b-bar > .mda{margin-right:-6px}
/* 1.46.57 All MyDoctor panel: even spacing inside (a website style was taking the list's padding away), cards of equal height with
   Learn and Buy on one line at the bottom, room on the right for the scroll bar. */
.mda .mda-c .mda-l{padding:12px 28px 28px 28px!important;gap:0 32px;align-items:stretch}
.mda .mda-i{grid-template-columns:84px 1fr;gap:16px;padding:16px 0}
.mda .mda-i img,.mda .mda-ph{width:84px;height:52px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}
.mda .mda-tx{display:flex;flex-direction:column;min-height:100%}
.mda .mda-d{flex:1 1 auto}
.mda .mda-a{margin-top:10px}
.mda .mda-h{padding:20px 28px 16px}
@media (max-width:1100px) and (min-width:761px){ .mda .mda-c .mda-l{grid-template-columns:1fr} }