.nav-drop{position:relative;display:flex;align-items:center;padding-bottom:20px;margin-bottom:-20px}.nav-drop-toggle{font:inherit;font-weight:700;border:0;background:none;color:inherit;padding:0;cursor:pointer;white-space:nowrap}.nav-drop-toggle:after{content:" ▾";font-size:10px}.nav-drop-panel{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:285px;background:#fff;border:1px solid #e3e0d5;box-shadow:0 18px 45px #10231d2b;padding:8px;z-index:80}.nav-drop:hover .nav-drop-panel,.nav-drop:focus-within .nav-drop-panel,.nav-drop.open .nav-drop-panel{display:block}.nav-drop-panel>a{display:block!important;padding:11px 12px!important;border-bottom:1px solid #ece9df;color:var(--ink)!important}.nav-drop-panel>a:last-child{border-bottom:0}.nav-drop-panel>a:hover{background:var(--cream)}.nav-drop-panel>a>strong,.nav-drop-panel>a>small{display:block}.nav-drop-panel>a>strong{font:700 15px Georgia,serif;margin-bottom:4px}.nav-drop-panel>a>small{font:12px/1.35 Arial,sans-serif;color:var(--muted);font-weight:400}.locals-menu .nav-drop-panel{width:350px}
.gems-menu .nav-drop-panel{width:560px;max-height:75vh;overflow-y:auto;column-count:2;column-gap:0}
.gems-menu .nav-drop-panel>a{break-inside:avoid}.nav-drop-panel .locals-card{display:grid!important;grid-template-columns:minmax(0,1fr) 64px;gap:14px;align-items:center;padding:10px!important}.locals-card span{min-width:0}.locals-card strong,.locals-card small{display:block}.locals-card strong{font:700 16px Georgia,serif;margin-bottom:5px}.locals-card small{font:12px/1.4 Arial,sans-serif;color:var(--muted);font-weight:400}.locals-card img{width:64px;height:64px;object-fit:cover;border-radius:5px;background:#f7e8c2}@media(max-width:760px){.nav-drop{display:block;padding:0;margin:0;border-top:1px solid #e8e6dc}.nav-drop-toggle{display:block;width:100%;text-align:left;padding:12px 4px;font-size:15px}.nav-drop-panel{position:static;transform:none;width:100%!important;box-shadow:none;border:0;padding:0 0 8px 14px}.gems-menu .nav-drop-panel{column-count:1;max-height:none;overflow-y:visible}.site-header.menu-open .nav-drop-panel a{padding:9px 10px!important;border-top:0}.locals-card img{width:52px;height:52px}}

/* Islands dropdown: two columns of small photo cards, scrolls when long */
.islands-menu .nav-drop-panel{width:600px;max-height:75vh;overflow-y:auto;display:none;grid-template-columns:1fr 1fr;column-gap:4px}
.nav-drop.islands-menu:hover .nav-drop-panel,.nav-drop.islands-menu:focus-within .nav-drop-panel,.nav-drop.islands-menu.open .nav-drop-panel{display:grid}
.islands-menu .nav-drop-panel>a:nth-child(-n+2){background:var(--cream)}
.islands-menu .nav-drop-panel>a{border-bottom:1px solid #ece9df!important}
.islands-menu .locals-card{grid-template-columns:minmax(0,1fr) 48px!important;gap:10px!important;padding:8px 10px!important}
.islands-menu .locals-card strong{font-size:15px;margin-bottom:3px}
.islands-menu .locals-card img{width:48px;height:48px}
@media(max-width:760px){.islands-menu .nav-drop-panel{display:none;grid-template-columns:1fr;max-height:none;overflow-y:visible}.nav-drop.islands-menu.open .nav-drop-panel{display:grid}.islands-menu .locals-card img{width:44px;height:44px}}

/* Hidden Gems dropdown: small photo cards, same look as the Islands menu */
.gems-menu .nav-drop-panel{width:600px}
.gems-menu .locals-card{grid-template-columns:minmax(0,1fr) 48px!important;gap:10px!important;padding:8px 10px!important;border-bottom:1px solid #ece9df!important}
.gems-menu .locals-card strong{font-size:15px;margin-bottom:3px}
.gems-menu .locals-card img{width:48px;height:48px}
@media(max-width:760px){.gems-menu .locals-card img{width:44px;height:44px}}

/* Custom page dropdowns (e.g. Night Life): photo cards like the other menus */
.page-menu .nav-drop-panel{width:360px;max-height:75vh;overflow-y:auto;left:auto;right:0;transform:none}
.page-menu .nav-drop-panel>a:first-child{background:var(--cream)}
.page-menu .locals-card{grid-template-columns:minmax(0,1fr) 48px!important;gap:10px!important;padding:8px 10px!important}
.page-menu .locals-card strong{font-size:15px;margin-bottom:3px}
.page-menu .locals-card img{width:48px;height:48px}
@media(max-width:760px){.page-menu .nav-drop-panel{max-height:none;overflow-y:visible}.page-menu .locals-card img{width:44px;height:44px}}