/* Dropdown submenus (desktop) and nested menu (mobile) */
.main-nav li{position:relative}
.main-nav .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:70;min-width:230px;margin:0;padding:10px;list-style:none;background:#fff;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.16);flex-direction:column;gap:2px}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:flex}
.main-nav .sub-menu li{width:100%}
.main-nav .sub-menu a{padding:10px 14px;border-radius:12px;font-size:13px;white-space:nowrap}
.main-nav .sub-menu a::after{display:none}
.main-nav li:first-child a.has-sub-active,.main-nav .sub-menu a:hover{background:var(--accent);color:#fff}
/* keep the orange "first item" highlight from leaking onto submenu first items */
.main-nav .sub-menu li:first-child a{background:transparent;color:inherit}
.main-nav .sub-menu li:first-child a:hover{background:var(--accent);color:#fff}

/* Shop-by-activity landing page grid */
.entry:has(.acts-grid){max-width:1240px}
.acts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.acts-grid .act{flex:none;width:100%;aspect-ratio:3/4}

@media(max-width:980px){
 .main-nav .sub-menu{display:block;position:static;min-width:0;padding:0 0 6px 14px;box-shadow:none;border-radius:0;background:transparent}
 .main-nav .sub-menu a{font-size:13px;padding:10px 16px;white-space:normal}
 .main-nav .menu-item-has-children>a::after{display:none}
 .acts-grid{grid-template-columns:repeat(2,1fr);gap:12px}
}