/* Scoped navigation styles: keep FAQ details styling out of the header. */
header{overflow:visible}
header nav{align-items:center}
header nav details.loans-menu{position:relative;flex:0 0 auto;padding:0;margin:0;border:0;color:#1b2551}
header nav .loans-menu>summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;list-style:none;cursor:pointer;padding:12px 0;margin:0;font:inherit;line-height:1.4;color:inherit;white-space:nowrap}
header nav .loans-menu>summary::-webkit-details-marker{display:none}
header nav .loans-menu>summary>span{display:inline-block;font-size:16px;line-height:1;transform:none;color:currentColor}
header nav .loans-menu[open]>summary>span{transform:rotate(180deg)}
header nav .loans-menu[open]>summary,header nav a[aria-current=page]{color:#304de8}
header nav .loans-menu>.loan-submenu{position:absolute;top:100%;left:-16px;min-width:245px;width:max-content;max-width:calc(100vw - 40px);padding:8px;margin:0;background:#fff;border:1px solid #e1e5f2;border-radius:12px;box-shadow:0 16px 45px #1b255126;z-index:100}
header nav .loans-menu:not([open])>.loan-submenu{display:none}
header nav .loan-submenu>a{display:block;width:100%;padding:14px 12px;margin:0;border-radius:7px;color:#1b2551;font-size:13px;font-weight:600;line-height:1.5;white-space:normal;text-decoration:none}
header nav .loan-submenu>a:hover,header nav .loan-submenu>a:focus-visible{background:#eef2ff;color:#304de8}
@media(max-width:780px){
 header nav{top:100%;align-items:stretch;max-height:calc(100dvh - 150px);overflow-y:auto;padding:18px 24px}
 header nav.open{gap:12px}
 header nav>a{padding:10px 0}
 header nav .loans-menu>summary{justify-content:space-between;padding:10px 0}
 header nav .loans-menu>.loan-submenu{position:static;min-width:0;width:100%;max-width:none;box-shadow:none;margin:4px 0 6px;background:#f5f7ff}
 header nav .loan-submenu>a{padding:14px 12px}
}

/* Premium loan icons */
header nav .loans-menu>.loan-submenu{width:300px;padding:9px;border-radius:18px;border-color:#e4e8f6;box-shadow:0 22px 55px #1b255124,0 3px 10px #1b255108;background:linear-gradient(145deg,#fff,#f9faff)}
header nav .loan-submenu>a{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px;border-radius:11px;letter-spacing:-.1px;transition:background .18s,color .18s}
header nav .loan-submenu>a+a{margin-top:3px}
header nav .loan-submenu>a::before{content:"";display:block;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background-color:#eaf0ff;background-position:center;background-repeat:no-repeat;background-size:23px;box-shadow:inset 0 0 0 1px #304de80a}
header nav .loan-submenu>a::after{content:"";width:7px;height:7px;flex:0 0 7px;margin-left:auto;margin-right:5px;border-top:1.5px solid #8c96b1;border-right:1.5px solid #8c96b1;transform:rotate(45deg);transition:transform .18s}
header nav .loan-submenu>a:hover,header nav .loan-submenu>a:focus-visible{background:#edf1ff;color:#304de8}
header nav .loan-submenu>a:hover::after{transform:translateX(2px) rotate(45deg);border-color:#304de8}
header nav .loan-submenu>a[aria-current="page"]{background:#edf1ff;color:#304de8}
header nav .loan-submenu>a[href*="personal-loans"]::before{background-color:#eaf0ff;background-image:url("loan-icons/personal-loans.svg")}
header nav .loan-submenu>a[href*="home-loans"]::before{background-color:#fff0e8;background-image:url("loan-icons/home-loans.svg")}
header nav .loan-submenu>a[href*="business-loans"]::before{background-color:#f0ecff;background-image:url("loan-icons/business-loans.svg")}
header nav .loan-submenu>a[href*="loan-against-property"]::before{background-color:#e6f5ef;background-image:url("loan-icons/loan-against-property.svg")}
@media(max-width:780px){header nav .loans-menu>.loan-submenu{width:100%;padding:6px;border-radius:14px}header nav .loan-submenu>a{min-height:62px;padding:9px;gap:10px}header nav .loan-submenu>a::before{width:38px;height:38px;flex-basis:38px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){header nav .loan-submenu>a,header nav .loan-submenu>a::after{transition:none}}