/* Group dropdowns extend outside the old, horizontally scrollable nav strip.
   Both axes must be visible: auto/visible would still compute to auto. */
.catalog-nav.compact-top-nav[data-grouped="true"]{overflow:visible;flex-wrap:wrap;height:auto;min-height:40px}
.topbar:has(.catalog-nav[data-grouped="true"]){height:auto;min-height:54px}
.catalog-nav[data-grouped="true"] .area-menu:last-child .area-menu-items{left:auto;right:0}
.area-menu{position:relative;color:#202d60;font:600 15px/1.4 system-ui,sans-serif}
.area-menu>summary{cursor:pointer;list-style:none;padding:10px 14px;border-radius:8px;white-space:nowrap}
.area-menu>summary::after{content:' ▾';font-size:12px}
.area-menu>summary::-webkit-details-marker{display:none}
.area-menu[open]>summary,.area-menu.area-active>summary{background:#edf0ff;color:#3848bd}
.area-menu-items{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;min-width:240px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #d6ddec;border-radius:12px;box-shadow:0 12px 30px #17244226;padding:8px;display:flex;flex-direction:column;gap:4px}
.area-menu-items>button,.area-menu-items>a{display:block;text-align:left;font:600 14px/1.4 system-ui,sans-serif;padding:11px 12px;white-space:normal;color:#202d60;border:0;border-radius:7px;background:#fff;text-decoration:none;cursor:pointer}
.area-menu-items>button:hover,.area-menu-items>a:hover,.area-menu-items>button[aria-pressed=true]{background:#edf0ff}
.area-menu-items>button:disabled{opacity:.55;cursor:not-allowed}
.area-menu-items>[hidden],.area-menu[hidden]{display:none!important}
.area-menu :focus-visible{outline:3px solid #b56e00;outline-offset:2px}
/* One typographic scale and hit area for direct tabs and grouped menus. */
.catalog-nav.compact-top-nav[data-grouped="true"]{gap:4px;align-items:center}
.catalog-nav.compact-top-nav[data-grouped="true"]>.catalog-nav-button,
.catalog-nav.compact-top-nav[data-grouped="true"]>.catalog-nav-shortcut,
.catalog-nav.compact-top-nav[data-grouped="true"]>.area-menu>summary{
 box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:5px;
 min-height:42px;padding:9px 13px;font:650 .9375rem/1.4 system-ui,sans-serif;
 color:#202d60;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;text-transform:none;letter-spacing:normal;
}
.catalog-nav.compact-top-nav[data-grouped="true"]>.catalog-nav-button.active,
.catalog-nav.compact-top-nav[data-grouped="true"]>.catalog-nav-shortcut.active,
.catalog-nav.compact-top-nav[data-grouped="true"]>.area-menu.area-active>summary{background:#edf0ff;border-color:#d4daf8;box-shadow:inset 0 -3px #cf332d;color:#3042a6}
.catalog-nav.compact-top-nav[data-grouped="true"]>.catalog-nav-button:hover,
.catalog-nav.compact-top-nav[data-grouped="true"]>.catalog-nav-shortcut:hover,
.catalog-nav.compact-top-nav[data-grouped="true"]>.area-menu>summary:hover{background:#edf0ff}
.catalog-nav.compact-top-nav[data-grouped="true"]>[hidden],.catalog-nav.compact-top-nav[data-grouped="true"]>.nav-entry-hidden{display:none!important}
.catalog-nav-shortcut:focus-visible{outline:3px solid #b56e00;outline-offset:2px}
.area-preview-header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border-bottom:3px solid #bd3f36;padding:14px 22px}
.area-preview-header nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.area-preview-logo{font:800 20px/1 system-ui;color:#202d60;margin-right:20px}
.area-preview-logo span{display:block;font-size:14px;color:#bd3f36}
.area-preview-sale{font:600 15px system-ui;padding:10px 14px;color:#202d60;text-decoration:none}
.area-location{font:14px system-ui;color:#586485;margin:18px 0 0}
@media(max-width:600px){.area-menu-items{position:static;box-shadow:none;min-width:0;width:100%}.area-preview-header{padding:12px}.area-preview-header nav{width:100%;align-items:flex-start}.area-menu{max-width:100%}.area-preview-header .area-menu[open]{flex-basis:100%}}