/* THE SHOP MENU, one copy for every shop page (index, about, contact, track, policies). Added 1 Nov 2026.
   Laptop: Medicines, Clinics, Blog, More, and the Book button. Phone: a panel that slides in from the right.
   Dropdowns are buttons: they open by tap, click, Enter or Space, and close on Escape or a tap outside. */
header.gn{position:sticky;top:0;z-index:40;background:rgba(255,253,250,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e8e1d9}
.gn-in{max-width:1180px;margin:0 auto;padding:0 20px;height:66px;display:flex;align-items:center;gap:12px}
.gn .logo{flex:0 0 auto}
.gn-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.gn-top{display:flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font:500 14.5px Inter,system-ui,sans-serif;color:#4a423c;
  text-decoration:none;padding:10px 14px;border-radius:99px;white-space:nowrap;transition:background .15s,color .15s}
.gn-top:hover,.gn-top[aria-expanded="true"]{background:#f7f2ea;color:#7b1e3b}
.gn-top:focus-visible,.gn-menu a:focus-visible,.gn-book:focus-visible,.gn-burger:focus-visible{outline:2px solid #b98c3f;outline-offset:2px}
.gn-top .gn-car{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin:-4px 0 0 2px;transition:transform .2s}
.gn-top[aria-expanded="true"] .gn-car{transform:rotate(-135deg);margin-top:3px}
.gn-dd{position:relative}
.gn-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:#fffdfa;border:1px solid #e8e1d9;border-top:3px solid #7b1e3b;border-radius:14px;
  box-shadow:0 18px 40px -16px rgba(60,30,20,.35);padding:8px;display:none;flex-direction:column;z-index:50}
.gn-dd:last-child .gn-menu{left:auto;right:0}
.gn-top[aria-expanded="true"] + .gn-menu{display:flex}
.gn-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:9px;color:#1d1a17;text-decoration:none;font:500 14.5px Inter,system-ui,sans-serif;white-space:nowrap}
.gn-menu a:hover{background:#f7f2ea;color:#7b1e3b}
.gn-menu a small{display:block;font-size:12px;color:#6b625b;font-weight:400}
.gn-menu hr{border:0;border-top:1px solid #e8e1d9;margin:6px 4px}
.gn-new{font:700 10px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#b98c3f;border-radius:99px;padding:3px 8px}
.gn-book{flex:0 0 auto;margin-left:8px;background:#7b1e3b;color:#fff;text-decoration:none;font:600 14px Inter,system-ui,sans-serif;border-radius:99px;padding:11px 18px;white-space:nowrap;
  box-shadow:0 6px 16px -8px rgba(123,30,59,.6);transition:background .15s,transform .15s}
.gn-book:hover{background:#5e1530;transform:translateY(-1px)}
.gn-burger{display:none;flex:0 0 auto;width:44px;height:44px;border:1px solid #e8e1d9;border-radius:12px;background:#fffdfa;cursor:pointer;color:#7b1e3b;align-items:center;justify-content:center;padding:0}
.gn-pane-head,.gn-pane-book,.gn-shade{display:none}
@media(hover:hover) and (min-width:961px){.gn-dd:hover .gn-menu{display:flex}.gn-dd:hover .gn-top{background:#f7f2ea;color:#7b1e3b}}

/* phone and small laptop: the slide-in panel */
@media(max-width:960px){
  header.gn{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffdfa}   /* a blurred header traps the fixed panel inside it */
  .gn-burger{display:flex;margin-left:6px}
  .gn-book{margin-left:auto;padding:10px 15px;font-size:13.5px}
  .gn-nav{position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);margin:0;flex-direction:column;align-items:stretch;gap:0;background:#fffdfa;
    padding:0 18px 24px;overflow-y:auto;transform:translateX(105%);transition:transform .28s ease;z-index:60;box-shadow:-20px 0 50px -20px rgba(60,30,20,.4);visibility:hidden}
  .gn-nav.open{transform:none;visibility:visible}
  .gn-shade{display:block;position:fixed;inset:0;background:rgba(29,26,23,.45);opacity:0;pointer-events:none;transition:opacity .28s;z-index:998}
  body.gn-lock header.gn{z-index:999}
  /* on a phone every group shows open under its heading: one tap to any page */
  button.gn-top{pointer-events:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7b1e3b;padding:18px 4px 8px}
  .gn-top .gn-car{display:none}
  .gn-dd{border-bottom:0}
  .gn-dd + .gn-dd a.gn-top{margin-top:8px}
  .gn-shade.open{opacity:1;pointer-events:auto}
  .gn-pane-head{display:flex;align-items:center;justify-content:space-between;height:66px;border-bottom:1px solid #e8e1d9;margin:0 -18px 6px;padding:0 18px;position:sticky;top:0;background:#fffdfa;z-index:1}
  .gn-pane-head b{font:600 13px Inter,sans-serif;letter-spacing:.16em;color:#6b625b}
  .gn-close{width:44px;height:44px;border:1px solid #e8e1d9;border-radius:12px;background:#fffdfa;color:#7b1e3b;cursor:pointer;display:flex;align-items:center;justify-content:center}
  .gn-dd{border-bottom:1px solid #e8e1d9}
  .gn-top{width:100%;justify-content:space-between;font-size:16px;font-weight:600;color:#1d1a17;padding:16px 4px;border-radius:0}
  .gn-top:hover,.gn-top[aria-expanded="true"]{background:none}
  a.gn-top{border-bottom:1px solid #e8e1d9}
  .gn-menu,.gn-top[aria-expanded] + .gn-menu{position:static;display:flex;box-shadow:none;border:0;border-radius:0;padding:0 0 10px;min-width:0;background:none}
  .gn-dd:last-child .gn-menu{right:auto}
  .gn-menu a{padding:13px 12px;font-size:15.5px;background:#f7f2ea;margin:0 0 6px;border-radius:10px}
  .gn-menu hr{display:none}
  .gn-pane-book{display:block;margin-top:20px;text-align:center;background:#7b1e3b;color:#fff;text-decoration:none;font:600 16px Inter,sans-serif;border-radius:99px;padding:15px}
  body.gn-lock{overflow:hidden}
}
@media(max-width:400px){.gn-in{padding:0 14px;gap:8px}.gn .logo{font-size:20px}.gn-book{padding:9px 12px;font-size:13px}}