/* Shared, progressively enhanced navigation across AffiFind's public pages. */
.af-site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none;margin:0;padding:16px 32px;border-bottom:1px solid #2A3650;background:rgba(11,16,32,.94);backdrop-filter:blur(14px);font-family:var(--font-ui,system-ui,sans-serif);line-height:1.5}
.af-site-brand{flex:none;color:#F4F7FC;font-size:19px;font-weight:700;letter-spacing:.045em;text-decoration:none;white-space:nowrap}
.af-site-brand span{color:#A5B4FC}
.af-site-menu{margin:0 0 0 auto;padding:0;border:0}
.af-site-menu>.af-mobile-toggle{display:none}
.af-site-nav{display:flex;align-items:center;gap:18px;margin:0;padding:0}
.af-site-nav a,.af-nav-group>summary{display:block;color:#B1BED3;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap}
.af-site-nav>a,.af-nav-group>summary{padding:9px 0}
.af-site-nav a:hover,.af-nav-group>summary:hover,.af-site-nav a[aria-current="page"]{color:#D8E0FF}
.af-nav-group{position:relative;margin:0;padding:0;border:0}
.af-nav-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px}
.af-nav-group>summary::-webkit-details-marker,.af-mobile-toggle::-webkit-details-marker{display:none}
.af-nav-group>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.af-nav-group[open]>summary::after{transform:rotate(225deg);margin-top:3px}
.af-nav-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:21;width:275px;max-height:70vh;overflow:auto;padding:10px;background:#151E33;border:1px solid #3B4A66;border-radius:14px;box-shadow:0 18px 42px rgba(0,0,0,.3)}
.af-nav-panel>a{padding:11px 12px;border-radius:8px;white-space:normal}
.af-nav-panel>a:hover{background:#1C2840}
.af-category-panel{width:400px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.af-category-panel>p,.af-category-panel>.af-nav-all{grid-column:1/-1}
.af-category-panel>p{margin:0;padding:8px 12px;color:#91A1BC;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.af-nav-panel>.af-nav-all{border-top:1px solid #2A3650;margin-top:6px;padding-top:13px;color:#A5B4FC}
.af-site-nav>.af-nav-submit{padding:10px 15px;border:1px solid #4F46E5;border-radius:9px;background:#4F46E5;color:#FFFFFF}
.af-site-nav>.af-nav-submit:hover{background:#4338CA;border-color:#4338CA;color:#FFFFFF}
.af-site-header :focus-visible{outline:2px solid #D8E0FF;outline-offset:4px;border-radius:5px}
.hero-directory{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;margin-top:18px;color:var(--ink-3,#91A1BC);font-size:12.5px;line-height:1.6}
.hero-directory>a{display:inline-flex;align-items:center;gap:8px;color:#D8E0FF;font-weight:600;text-decoration:underline;text-underline-offset:4px;padding:6px 2px}
.hero-directory>a:hover{color:#FFFFFF}
#hero-catalog-count{color:#B1BED3;padding-left:12px;border-left:1px solid #3B4A66;font-size:12px;white-space:nowrap}
@media(max-width:1120px){
 .af-site-header{padding:14px 20px;gap:16px}
 .af-site-menu>.af-mobile-toggle{display:flex;align-items:center;gap:10px;list-style:none;border:1px solid #3B4A66;border-radius:9px;padding:8px 12px;color:#F4F7FC;font-size:13px;font-weight:600;cursor:pointer}
 .af-site-nav{position:absolute;top:calc(100% + 8px);left:16px;right:16px;display:flex;align-items:stretch;flex-direction:column;gap:4px;max-height:calc(100svh - 100px);overflow:auto;padding:14px;background:#111A2E;border:1px solid #3B4A66;border-radius:14px;box-shadow:0 18px 42px rgba(0,0,0,.32)}
 .af-site-nav>a,.af-nav-group>summary{padding:12px;font-size:14px}
 .af-nav-group{position:static}
 .af-nav-group>summary{justify-content:space-between}
 .af-nav-panel{position:static;width:auto;max-height:none;padding:6px;margin:0 5px 8px;border-color:#2A3650;border-radius:10px;box-shadow:none}
 .af-category-panel{width:auto;grid-template-columns:1fr 1fr}
 .af-site-nav>.af-nav-submit{text-align:center;margin-top:8px;padding:12px}
 .hero-directory{gap:4px 10px;margin-top:14px}
 #hero-catalog-count{flex-basis:100%;border:0;padding:0}
}
@media(prefers-reduced-motion:reduce){.af-site-header *{scroll-behavior:auto}}

.catalog-badge{display:inline-flex;align-items:center;gap:9px;margin:20px auto 0;padding:7px 14px;border:1px solid #4C538A;border-radius:999px;background:rgba(129,140,248,.1);text-decoration:none;line-height:1.5}
#hero-catalog-count{color:#D8E0FF;padding:7px 14px;font-size:12px}
#hero-catalog-count::before{content:"";width:6px;height:6px;flex:none;background:#A5B4FC;border-radius:50%}
#hero-catalog-count[hidden]{display:none}
.af-discovery-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0;border-bottom:1px solid #2A3650;padding-bottom:12px}
.af-discovery-tabs button{padding:10px 15px;border:1px solid #3B4A66;border-radius:9px;background:transparent;color:#B1BED3;font:600 13px var(--font-ui,system-ui,sans-serif)}
.af-discovery-tabs button[aria-selected="true"]{background:#4F46E5;border-color:#4F46E5;color:#FFFFFF}
.af-discovery-panel[hidden]{display:none}
.af-discovery-panel{scroll-margin-top:110px}
.af-discovery-panel h3{margin:22px 0 12px;font-size:15px}
.af-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.af-category-card{display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid #2A3650;border-radius:12px;background:#151E33;text-decoration:none}
.af-category-card:hover{border-color:#818CF8;background:#1C2840}
.af-category-card>span{color:#F4F7FC;font-weight:600;font-size:14px}
.af-category-card>strong{color:#A5B4FC;font-size:19px}
.af-category-card>small{font-size:11px;color:#B1BED3}
.af-top-programs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.af-top-programs .homepage-item{width:auto;min-width:0}
.af-top-programs .merchant-window{height:140px}
.af-top-programs .featured-program-detail{font-size:12px}
@media(max-width:920px){.af-category-grid,.af-top-programs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.af-top-programs{grid-template-columns:1fr}.af-category-grid{gap:8px}.af-category-card{padding:12px}.af-category-card>strong{font-size:17px}.af-category-card>span{font-size:13px}}
#categories{width:min(1160px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%);margin:48px 0 64px;scroll-margin-top:100px}
.af-category-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:24px 0;color:#B1BED3;font-size:13px}
.af-category-controls label{font-weight:600}
.af-category-controls select{background:#151E33;border:1px solid #3B4A66;border-radius:9px;padding:10px 14px;color:#F4F7FC;font:inherit}
#af-category-directory-status{margin-left:auto;font-size:12px;color:#91A1BC}
.af-category-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.af-category-directory-card{display:flex;align-items:flex-start;gap:14px;padding:20px 16px;background:#151E33;border:1px solid #2A3650;border-radius:14px;min-width:0}
.af-category-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:12px;background:linear-gradient(140deg,#313A80,#1C2840);border:1px solid #4C538A;color:#D8E0FF;font-size:15px;font-weight:700}
.af-category-directory-card:nth-child(3n) .af-category-icon{background:linear-gradient(140deg,#174759,#1C2840);border-color:#386678;color:#BAE6FD}
.af-category-directory-card>div{min-width:0}
.af-category-directory-card h3{font-size:16px;margin:0 0 9px}
.af-category-directory-card p{color:#B1BED3;font-size:12px;margin:0 0 15px}
.af-category-directory-card a{display:inline-block;padding:8px 11px;background:#4F46E5;color:white;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none}
.af-category-directory-card a:hover{background:#4338CA}
@media(max-width:1100px){.af-category-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.af-category-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.af-category-directory{grid-template-columns:1fr}.af-category-directory-card{padding:18px}.af-category-controls{align-items:flex-start}#category-directory-status{margin-left:0;flex-basis:100%}}