.sph-primary-nav{position:relative}.sph-primary-menu>.sph-mega-menu{position:static}.sph-primary-menu>.sph-mega-menu>.sub-menu{left:50%;top:calc(100% - 3px);width:min(1120px,calc(100vw - 48px));min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;padding:22px;transform:translate(-50%,16px) scale(.99);border-radius:24px;box-shadow:0 30px 90px rgba(5,27,61,.14);background:rgba(255,255,255,.985);backdrop-filter:blur(16px)}.sph-primary-menu>.sph-mega-cols-2>.sub-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.sph-primary-menu>.sph-mega-cols-3>.sub-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.sph-primary-menu>.sph-mega-cols-5>.sub-menu{grid-template-columns:repeat(5,minmax(0,1fr))}.sph-primary-menu>.sph-mega-menu>.sub-menu>li{min-width:0}.sph-primary-menu>.sph-mega-menu>.sub-menu>li>a{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:16px;min-height:80px}.sph-primary-menu>.sph-mega-menu>.sub-menu>li>a:hover{background:linear-gradient(135deg,#f5f9ff,#f8fbf0)}.sph-menu-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#f0f5ff;color:var(--sph-primary);display:grid;place-items:center}.sph-menu-icon svg{width:22px;height:22px}.sph-menu-copy{display:flex;flex-direction:column;min-width:0}.sph-menu-title{font-weight:700}.sph-menu-desc{font-size:11.5px;line-height:1.4;color:var(--sph-muted);margin-top:4px;white-space:normal}.sph-menu-badge{margin-left:auto;align-self:flex-start;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 6px;border-radius:999px;background:#edf7da;color:#4d7200}
@media(max-width:1024px){.sph-primary-menu>.sph-mega-menu>.sub-menu{position:static;width:auto;display:block;transform:none!important;opacity:1;visibility:visible;padding:8px 0 8px 16px;border:0;box-shadow:none;background:transparent;backdrop-filter:none}.sph-primary-menu>.sph-mega-menu>.sub-menu>li>a{min-height:0;padding:10px 8px}.sph-menu-icon{width:34px;height:34px;flex-basis:34px}.sph-menu-desc{display:none}}
.sph-menu-icon--image{overflow:hidden}.sph-menu-icon--image img{width:26px;height:26px;object-fit:contain;display:block}.field-sph-menu-custom-icon{clear:both;padding:6px 0 10px}.field-sph-menu-custom-icon .sph-menu-icon-preview{display:inline-flex;vertical-align:middle;margin:0 8px 0 0}.field-sph-menu-custom-icon .sph-menu-icon-remove{margin-left:8px}