/* Shared Pool Designs menu for the homepage and pool design templates. */
.desktop-nav .mega-toggle{appearance:none;border:0;padding:10px 0;background:none;color:inherit;font:700 .79rem/1.3 'DM Sans',Arial,sans-serif;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.desktop-nav .mega-toggle:hover,.desktop-nav .mega-toggle[aria-expanded="true"]{color:#83def4}
.desktop-nav .mega-toggle span{font-size:1.15rem;line-height:.6;transition:transform .2s}
.desktop-nav .mega-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.mega-menu{position:absolute;top:100%;left:50%;z-index:21;width:min(calc(100% - 80px),1080px);transform:translateX(-50%);background:#dff4fc;color:#0b304e;box-shadow:0 18px 32px rgba(0,28,49,.22);border-top:1px solid rgba(255,255,255,.35)}
.mega-menu[hidden]{display:none}
.mega-menu-inner{width:100%;display:grid;grid-template-columns:1.05fr 1.35fr .8fr;gap:25px;padding:27px 30px 29px;max-height:calc(100vh - 86px);overflow-y:auto}
.mega-menu-inner>*+*{border-left:1px solid #add8e9;padding-left:25px}
.mega-feature{padding-right:8px}
.mega-feature .eyebrow{margin-bottom:11px}
.mega-feature h2{max-width:300px;font-size:clamp(1.9rem,2.6vw,2.55rem);line-height:1.07;margin-bottom:12px}
.mega-feature p:not(.eyebrow){color:#476475;max-width:330px;font-size:.84rem;line-height:1.55;margin-bottom:10px}
.mega-feature-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:var(--aqua);color:#fff;font:800 .68rem/1.3 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.055em;margin-top:6px}
.mega-feature-link:hover{background:#0ba9df;color:#fff}
.mega-menu nav h2{font-size:.79rem;text-transform:uppercase;letter-spacing:.12em;color:#006d98;margin:0 0 11px}
.mega-menu nav a{display:block;width:fit-content;font:800 .87rem/1.3 Manrope,Arial,sans-serif;padding:4px 0;margin:0 0 3px;transition:color .2s,transform .2s}
.mega-menu nav a:hover,.mega-menu nav a[aria-current="page"]{color:#008eb7;transform:translateX(3px)}
.mega-designs-list{columns:2;column-gap:15px}
.mega-designs-list a{break-inside:avoid}
.mega-explore a:last-child{color:#006e97;margin-top:14px;border-top:1px solid #add8e9;padding-top:14px}
.service-mega-menu .mega-menu-inner{grid-template-columns:1.1fr 1fr 1fr}
.service-mega-menu .mega-designs-list{columns:1}
.service-mega-menu .mega-designs-list a{padding-block:7px}
.service-mega-menu .mega-explore a:last-child{margin-top:3px;border-top:0;padding-top:7px}
.mobile-nav .mobile-submenu-toggle{appearance:none;border:0;border-bottom:1px solid #27526b;background:none;color:#fff;text-align:left;width:100%;display:flex;justify-content:space-between;padding:12px 0;font:700 1rem/1.5 'DM Sans',Arial,sans-serif}
.mobile-submenu-toggle span{transition:transform .2s}
.mobile-submenu-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.mobile-submenu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:5px 0 14px;border-bottom:1px solid #27526b}
.mobile-submenu[hidden]{display:none}
.mobile-nav .mobile-submenu a{font-size:.83rem;color:#d1eaf5;border:0;padding:8px 0}
.mobile-nav .mobile-submenu a:first-child{grid-column:1/-1;color:#78dafa;font-weight:800}
@media(max-width:1000px){.mega-menu{display:none!important}.mobile-nav:not([hidden]){max-height:calc(100vh - 76px);overflow-y:auto}}
@media(max-width:680px){.mobile-nav:not([hidden]){max-height:calc(100vh - 70px)}}
@media(max-width:390px){.mobile-submenu{grid-template-columns:1fr}}