/* Screenshot-match top navigation, 14 Nov 2026. This file intentionally loads last. */
:root { --mega-ink:#123d48; --mega-pale:#b9e9a9; --mega-wine:#511643; --mega-head:#e0e0e0; }
.utility-bar {background:#123e49!important; height:50px!important; min-height:50px!important;}
.utility-bar .utility-inner {max-width:none!important;width:calc(100% - 8%)!important;min-height:50px!important;height:50px!important; gap:clamp(21px,4vw,76px)!important; justify-content:flex-end!important}
.utility-bar .utility-inner a,.utility-bar .utility-search {font-family:Manrope,'DM Sans',sans-serif!important;font-size:clamp(13px,1.14vw,21px)!important;font-weight:750!important;white-space:nowrap;color:#e9ecef!important;line-height:1.3}
.utility-bar .utility-search {display:inline-flex;align-items:center;gap:18px;background:none;border:0;cursor:pointer;padding:5px 0;color:#fff!important;}
.utility-bar .utility-search svg{width:27px;height:27px;stroke-width:2}
.utility-bar .utility-inner a:hover,.utility-bar .utility-search:hover{color:#b3ecaa!important}
.main-header {height:clamp(100px,8.85vw,165px)!important;background:var(--mega-head)!important;border:0!important;position:relative!important;z-index:60!important;overflow:visible!important;box-shadow:none!important}
.main-header .header-inner{max-width:none!important;width:calc(100% - 8%)!important;margin-inline:auto;gap:clamp(22px,2.45vw,43px)!important}
.main-header .logo-reference{width:clamp(142px,9.9vw,185px);min-width:clamp(142px,9.9vw,185px);height:auto;margin:0;line-height:0;flex:none;display:flex;align-items:center}
.main-header .logo-reference .uploaded-logo{width:100%;height:auto;max-height:100px;object-fit:contain;display:block;image-rendering:auto}
.main-header .primary-nav{margin:0 auto 0 0!important;gap:clamp(12px,1.42vw,27px)!important;min-width:0;display:flex!important;align-items:center}
.main-header .primary-nav>a,.main-header .mega-primary-link{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(12px,1.06vw,20px)!important;font-weight:550!important;letter-spacing:-.025em!important;white-space:nowrap!important;color:var(--mega-ink)!important;padding:10px 0!important;line-height:1.35!important;text-decoration:none!important}
.main-header .primary-nav>a:hover,.main-header .mega-primary-link:hover{color:#0a6966!important}
.main-header .primary-nav .nav-insights{display:inline-flex!important}
.main-header .mega-nav{display:flex;align-items:center;position:static!important;height:100%;align-self:stretch!important;gap:5px}
.main-header .mega-chevron{display:none;align-items:center;justify-content:center;color:var(--mega-ink);border:0;background:none;min-width:26px;min-height:38px;cursor:pointer;padding:0;}
.main-header .mega-chevron svg{width:15px;height:15px;stroke-width:2}
.main-header .mega-primary-link{height:100%;display:inline-flex!important;align-items:center;position:relative}
.main-header .mega-primary-link::after{content:'';position:absolute;bottom:calc(50% - 34px);left:0;right:0;height:6px;background:#b4e9a4;opacity:0;pointer-events:none;transition:opacity .15s}
.main-header .mega-nav:hover .mega-primary-link::after,.main-header .mega-nav:focus-within .mega-primary-link::after,.main-header .mega-nav.mega-expanded .mega-primary-link::after{opacity:1}
.main-header .header-actions{gap:10px!important;margin-left:auto;flex-shrink:0}
.main-header .header-actions .header-search{display:none!important}
.main-header .header-actions .btn-primary{border-radius:40px!important;background:#ffb500!important;border:0;color:#093b41!important;min-height:clamp(48px,3.7vw,68px)!important;padding:10px clamp(17px,1.85vw,35px)!important;white-space:nowrap;font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(13px,1.13vw,21px)!important;font-weight:800!important;letter-spacing:-.03em!important;box-shadow:none!important}
.main-header .header-actions .btn-primary:hover{background:#ffc840!important}
/* Full-bleed selling / buying dropdown: reference's split green and plum surface. */
.main-header .mega-panel{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:450px!important;padding:0!important;margin:0!important;grid-template-columns:59.5% 40.5%;gap:0!important;border:0!important;border-radius:0 0 14px 0!important;box-shadow:0 14px 30px #0c33312c!important;overflow:hidden;background:transparent!important;z-index:950!important;}
.main-header .mega-nav:hover>.mega-panel,.main-header .mega-nav:focus-within>.mega-panel,.main-header .mega-nav.mega-expanded>.mega-panel{display:grid!important}
.main-header .mega-main{background:var(--mega-pale);padding:70px max(30px,5.45%) 55px 5.45%;min-width:0}
.main-header .mega-main-inner{max-width:1050px;margin-left:auto;}
.main-header .mega-main h2{margin:0 0 54px!important;color:#123d48;font-size:clamp(27px,1.95vw,37px);letter-spacing:-.05em;line-height:1.15;font-weight:900}
.main-header .mega-main h2 a{display:inline!important;padding:0!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-decoration:underline!important;text-underline-offset:4px;color:inherit!important;border-radius:0!important;white-space:normal!important}
.main-header .mega-link-columns{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;row-gap:38px;align-content:start}
.main-header .mega-link-columns a{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(16px,1.25vw,24px)!important;font-weight:500!important;line-height:1.5!important;padding:0!important;margin:0!important;color:#123d48!important;white-space:normal!important;display:block!important;text-decoration:none!important;border-radius:0!important;background:transparent!important}
.main-header .mega-link-columns a:hover{text-decoration:underline!important;text-underline-offset:5px}
.main-header .mega-promo{background:var(--mega-wine);padding:70px max(25px,5.4%) 60px 9.5%;display:flex;align-items:flex-start;min-width:0;color:#fff}
.main-header .mega-promo-inner{max-width:460px}
.main-header .mega-promo h2{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(28px,2.03vw,39px);font-weight:900;letter-spacing:-.04em;line-height:1.22!important;color:#fff;margin:0 0 38px!important;max-width:470px}
.main-header .mega-promo p{color:#f3e5ef!important;font-size:clamp(17px,1.25vw,24px)!important;font-weight:500!important;line-height:1.45!important;margin:0 0 48px!important;max-width:430px}
.main-header .mega-promo a.mega-promo-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;min-height:68px;padding:18px 43px!important;border-radius:40px!important;background:#e7e7e7!important;color:#133d49!important;font-size:clamp(16px,1.22vw,23px)!important;font-weight:850!important;line-height:1.2!important;text-decoration:none!important;border:0!important;transition:background .15s}
.main-header .mega-promo a.mega-promo-button:hover{background:#fff!important}
/* Site directory and seller hub, both real local routes instead of dead links. */
.site-map-note{padding:18px 24px;border-left:4px solid #00a197;background:#f4fbf6;color:#3f6769;margin:0 0 40px;font-size:14px;line-height:1.6}
.site-map-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:26px}
.site-map-group{background:#fff;padding:27px;border:1px solid #dceae5;border-radius:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 20px #012d3010}
.site-map-group h2{font-size:21px;color:#043c43;margin:0 0 8px;line-height:1.28}
.site-map-group a{font-size:13.5px;color:#265c60;text-decoration:none;line-height:1.5}
.site-map-group a:hover{text-decoration:underline}
.site-map-external{font-size:12px;color:#587b7f}
.seller-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:28px 0 34px}
.seller-stage{display:flex;gap:19px;border:1px solid #d9e9e0;background:#fff;border-radius:14px;padding:27px 24px}
.seller-stage-count{display:grid;place-items:center;flex-shrink:0;background:#e1f7e3;border-radius:50%;color:#003e41;font-size:15px;font-weight:900;width:46px;height:46px}
.seller-stage h3{font-size:19px;line-height:1.35;margin:3px 0 10px;color:#063e46}
.seller-stage p{font-size:13.5px;line-height:1.7;color:#496f70;margin-bottom:17px}
.seller-hub-actions{display:flex;gap:12px;flex-wrap:wrap}
/* Mobile: compact header and accessible expandable navigation. */
@media(max-width:1180px){
 .main-header{height:88px!important}
 .main-header .primary-nav{display:none!important}
 .main-header .mobile-toggle{display:flex!important}
 .main-header .mobile-menu{top:100%!important;z-index:500!important;background:#f5f6f5!important;box-shadow:0 15px 28px rgba(1,35,35,.16)}
 .main-header .header-inner{width:calc(100% - 48px)!important}
 .main-header .logo-reference{width:145px;min-width:145px}
 .main-header .header-actions .btn-primary{font-size:14px!important;min-height:45px!important;padding:10px 21px!important}
 .utility-bar,.utility-bar .utility-inner{height:39px!important;min-height:39px!important}
 .utility-bar .utility-inner a,.utility-bar .utility-search{font-size:13px!important}
 .utility-bar .utility-inner{gap:19px!important}
 .utility-bar .utility-search svg{width:18px;height:18px}
}
@media(max-width:760px){
 .utility-bar{display:none!important}
 .main-header{height:78px!important}
 .main-header .header-inner{width:calc(100% - 32px)!important;gap:6px!important}
 .main-header .mobile-menu{top:100%!important}
 .main-header .logo-reference{min-width:120px;width:120px}
 .main-header .header-actions{gap:3px!important}
 .main-header .header-actions .btn-primary{padding:9px 14px!important;font-size:11.5px!important;min-height:41px!important}
 .site-map-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
 .seller-stages{grid-template-columns:1fr}
}
@media(max-width:500px){
 .main-header{height:70px!important}
 .main-header .logo-reference{min-width:112px;width:112px}
 .main-header .header-actions .btn-primary{font-size:10px!important;max-width:145px;white-space:normal!important;line-height:1.15!important;padding:8px 9px!important}
 .main-header .mobile-toggle{width:36px!important;min-width:36px!important;padding:6px!important}
 .site-map-columns{grid-template-columns:1fr}
 .site-map-group{padding:21px}
}
@media(max-width:345px){
 .main-header .logo-reference{min-width:101px;width:101px}
 .main-header .header-actions .btn-primary{font-size:9.5px!important;max-width:134px;padding:7px!important}
 .main-header .mobile-toggle{min-width:31px!important;width:31px!important}
}
@media(prefers-reduced-motion:reduce){.main-header .mega-primary-link::after,.main-header .mega-promo a.mega-promo-button{transition:none!important}}
@media (hover:none) and (min-width:1181px) {
 .main-header .mega-chevron{display:inline-flex}
}