/* 2026-10-11: top navigation Explore regional submenu */
.explore-region-popover{
  position:fixed;
  z-index:10050;
  width:min(520px,calc(100vw - 24px));
  padding:14px;
  border:1px solid #eadff5;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 48px rgba(48,24,67,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-sizing:border-box;
}
.explore-region-popover[hidden]{display:none!important}
.explore-region-popover__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:2px 2px 10px;margin-bottom:10px;border-bottom:1px solid #f0e9f5;
}
.explore-region-popover__head strong{color:#241d2c;font-size:14px;font-weight:900}
.explore-region-popover__head a{color:#7d39d5;font-size:12px;font-weight:900;text-decoration:none}
.explore-region-popover__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.explore-region-popover__link{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:46px;padding:10px 12px;border:1px solid #eee7f3;border-radius:11px;
  background:#fff;color:#292230;text-decoration:none;font-size:12px;font-weight:850;line-height:1.3;
  box-sizing:border-box;transition:.16s ease;
}
.explore-region-popover__link:hover,
.explore-region-popover__link:focus-visible{
  border-color:#d9c4ef;background:#faf6ff;color:#702fc5;transform:translateY(-1px);outline:none;
}
.explore-region-popover__link.is-home{
  grid-column:1/-1;background:linear-gradient(135deg,#9b49ff,#8233e6);border-color:transparent;color:#fff;
}
.explore-region-popover__arrow{font-size:15px;line-height:1;color:inherit;opacity:.72}
.area-list [data-page="explore"] > a[aria-expanded="true"]{
  box-shadow:0 0 0 3px rgba(147,73,255,.10),0 8px 22px rgba(91,45,125,.10)!important;
}
@media(max-width:640px){
  .explore-region-popover{padding:10px;border-radius:14px;width:calc(100vw - 16px)}
  .explore-region-popover__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .explore-region-popover__link{min-height:42px;padding:8px 10px;font-size:11px}
  .explore-region-popover__head strong{font-size:13px}
  .explore-region-popover__head a{font-size:11px}
}