/* Shared navigation only; the accepted homepage composition stays intact. */
.hp-header{gap:22px;padding-inline:24px}
.hp-header nav{gap:33px}
.hp-header nav>a,.hp-dropdown>button{font-size:16px;font-weight:500}
.hp-nav-pages{display:flex;align-items:center;gap:24px}.hp-nav-pages>a{display:flex;align-items:center;gap:8px;min-height:48px;font-size:16px;font-weight:600;color:#fff;white-space:nowrap}.hp-nav-pages>a:hover{color:#efd1ab}
.hp-nav-count{display:inline-grid;place-items:center;min-width:25px;height:23px;padding:0 5px;border:1px solid #e9c39440;border-radius:5px;background:#e9c3940b;color:#f0d5ad;font:600 11px var(--body)}
.hp-header-actions:has(>#hpMenu:only-child){display:none}
.hp-mobile-inventory,.hp-mobile-categories,.hp-mobile-library{display:none}
.hp-mega{background:linear-gradient(145deg,#191b1a,#111414);padding:22px;max-height:calc(100svh - 145px)}
.hp-mega-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 7px 19px;margin-bottom:20px;border-bottom:1px solid #ffffff24}
.hp-mega-intro b{font:600 18px var(--display);color:#fff}
.hp-mega-intro p{font:400 13px/1.6 var(--body);color:#cad0cd;margin:5px 0 0}
.hp-mega-intro>span{font:500 12px var(--body);color:#e9c394;white-space:nowrap}
.hp-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hp-mega-grid>.hp-mega-group{padding-inline:12px;border-left:0}
.hp-mega .hp-mega-grid a{color:#f1f2ef;font-size:15px;min-height:44px}
.hp-mega .hp-mega-grid .hp-mega-category{font-size:18px;margin-bottom:7px}
.hp-mega-category small{margin-left:auto;font:500 11px var(--body);color:#e9c394}
.hp-hamburger{position:relative;display:block;width:22px;height:18px}
.hp-hamburger i{position:absolute;left:0;width:22px;height:2px;background:#fff;border-radius:1px;transform-origin:center;transition:transform .36s cubic-bezier(.2,.75,.2,1),opacity .2s,top .36s}
.hp-hamburger i:nth-child(1){top:0}.hp-hamburger i:nth-child(2){top:8px}.hp-hamburger i:nth-child(3){top:16px}
#hpMenu[aria-expanded=true] .hp-hamburger i:nth-child(1){top:8px;transform:rotate(45deg)}
#hpMenu[aria-expanded=true] .hp-hamburger i:nth-child(2){opacity:0;transform:scaleX(.2)}
#hpMenu[aria-expanded=true] .hp-hamburger i:nth-child(3){top:8px;transform:rotate(-45deg)}
@media(min-width:1250px){.hp-mega-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.hp-mega-grid>.hp-mega-group{padding-inline:7px}.hp-mega .hp-mega-grid a{font-size:15px}}
@media(max-width:1100px) and (min-width:1101px){.hp-header nav,.hp-nav-pages{gap:18px}.hp-nav-pages>a,.hp-header nav>a,.hp-dropdown>button{font-size:15px}.hp-brand{font-size:19px}}
@media(max-width:1100px){
 .hp-header{width:calc(100% - 24px);height:74px;top:12px;margin-top:12px;padding-inline:18px;gap:12px}
 .hp-brand{font-size:18px;gap:9px}.hp-brand small{font-size:8px;letter-spacing:2px}.cg-symbol{width:36px;height:36px}
 .hp-header-actions:has(>#hpMenu:only-child){display:flex;margin-left:auto}
 #hpMenu{display:grid;place-items:center;min-width:46px;min-height:46px;padding:10px;border:1px solid #ffffff38;border-radius:9px;background:#ffffff05;color:#fff}
 #hpMenu:hover,#hpMenu[aria-expanded=true]{border-color:#e9c39488;background:#e9c3940b}
 .hp-header #hpNav{position:absolute;top:calc(100% + 10px);left:0;right:0;height:auto;max-height:calc(100svh - 108px - env(safe-area-inset-bottom));margin:0;padding:20px;display:block;background:linear-gradient(140deg,#1b1d1b,#101413);border:1px solid #e9c39440;border-radius:13px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 25px 70px #0009;transform-origin:50% 0;isolation:isolate}
 .hp-header.nav-ready #hpNav{visibility:hidden;opacity:0;transform:translateY(-12px) scale(.98);pointer-events:none;transition:opacity .32s,transform .4s cubic-bezier(.2,.75,.2,1),visibility .4s}
 .hp-header.nav-ready #hpNav.open{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .32s,transform .4s cubic-bezier(.2,.75,.2,1)}
 .navigation-open{overflow:hidden}
 .hp-mobile-inventory{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:14px;border-bottom:1px solid #ffffff20}
 .hp-mobile-inventory b{font:600 18px var(--display);color:#fff}.hp-mobile-inventory span{font:500 12px var(--body);color:#e9c394}
 .hp-dropdown{display:block;height:auto}.hp-dropdown>button{justify-content:space-between;width:100%;font-size:17px;min-height:52px;padding:10px 12px;background:#e9c39409;border:1px solid #e9c39430;border-radius:8px}
 .hp-dropdown>button .hp-nav-count{margin-left:auto;margin-right:8px}
 .hp-header #hpNav>a{display:inline-flex;justify-content:center;gap:7px;font-size:15px;min-height:46px;padding:8px 10px;margin:12px 4px 12px 0;border:1px solid #ffffff24;border-radius:7px}
 .hp-nav-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-block:14px}.hp-nav-pages>a{justify-content:center;gap:5px;font-size:14px;min-height:46px;border:1px solid #ffffff24;border-radius:7px;padding:8px 4px}.hp-nav-pages .hp-nav-count{font-size:10px;min-width:21px;height:21px;padding-inline:3px}
 .hp-mobile-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid #ffffff20;padding-top:16px;margin-top:4px}
 .hp-mobile-categories a{min-width:0;display:flex;align-items:center;gap:9px;min-height:49px;padding:10px;border:1px solid #ffffff22;border-radius:8px;color:#fff;font:500 14px var(--body);background:#ffffff03}
 .hp-mobile-categories a>span{color:#e9c394;font:400 21px Georgia,serif;min-width:25px;text-align:center}.hp-mobile-categories a>small{margin-left:auto;color:#e9c394;font:500 11px var(--body)}
 .hp-mobile-categories a:hover{background:#e9c39412;border-color:#e9c39466}
 .hp-mobile-library{display:block;color:#d0d1ca;font:400 12px/1.6 var(--body);margin:16px 0 0}
 .hp-header .hp-mega{position:relative;top:auto;left:auto;right:auto;margin-top:12px;padding:15px 0 4px;border:0;border-radius:0;max-height:none;overflow:visible;background:none;box-shadow:none}
 .hp-mega-intro{padding:0 4px 15px;margin-bottom:17px;align-items:flex-start}.hp-mega-intro b{font-size:15px}.hp-mega-intro p{font-size:12px}.hp-mega-intro>span{display:none}
 .hp-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}
 .hp-mega-grid>.hp-mega-group{padding:0 3px}
 .hp-mega .hp-mega-grid a{font-size:14px;padding:9px 5px;min-height:46px;white-space:normal}
 .hp-mega .hp-mega-grid .hp-mega-category{font-size:16px;gap:7px;padding:0 3px 10px}
 .hp-mega-category>span{font-size:20px}.hp-mega-category small{font-size:10px}
 .hp-mega .hp-mega-grid a>svg{width:12px;min-width:12px;opacity:.6;translate:0}
 .hp-header:not(.nav-ready){height:auto;min-height:74px;flex-wrap:wrap;padding-block:15px}.hp-header:not(.nav-ready) #hpNav{position:static;width:100%;max-height:430px}.hp-header:not(.nav-ready) #hpMenu{display:none}
}
@media(max-width:380px){.hp-header{padding-inline:12px}.hp-brand{font-size:16px}.cg-symbol{width:32px;height:32px}.hp-header #hpNav{padding:16px}.hp-mega-grid{grid-template-columns:1fr}.hp-mobile-inventory b{font-size:16px}.hp-mobile-inventory span{font-size:11px}.hp-header #hpNav>a{font-size:14px;padding-inline:8px}.hp-mobile-categories a{padding:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.hp-header.nav-ready #hpNav,.hp-hamburger i{transition:none!important}}
/* Owner-selected header: six direct category names, Blog and About Us. */
.hp-header nav{gap:15px}.hp-dropdown:has(>#hpGenerators[hidden]){display:contents;width:0;margin:0}#hpGenerators[hidden]{display:none!important}
.hp-nav-category{display:flex;align-items:center;gap:2px;position:relative;height:100%}
.hp-nav-category-link{display:flex;align-items:center;gap:8px;min-height:48px;font-size:15px;font-weight:500;color:#fff;white-space:nowrap}
.hp-nav-category-link>span{font:400 23px Georgia,serif;color:#e9c394}
.hp-submenu-toggle{display:grid;place-items:center;width:22px;min-height:44px;padding:0;border:0;background:none;color:#fff}.hp-submenu-toggle svg{width:12px;height:12px;transition:rotate .25s}
.hp-submenu-toggle[aria-expanded=true] svg{rotate:180deg}
.hp-category-popover{display:none;position:absolute;top:calc(100% - 2px);left:-15px;min-width:230px;padding:13px;background:linear-gradient(135deg,#1c1e1b,#111514);border:1px solid #e9c39438;border-radius:10px;box-shadow:0 18px 45px #0007;transform-origin:50% 0}
.hp-category-popover a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 11px;font-size:15px;color:#fff;border-radius:6px;white-space:nowrap}.hp-category-popover a>svg{width:13px;height:13px;color:#e9c394}.hp-category-popover a:hover,.hp-category-popover a:focus-visible{background:#e9c39413;color:#efd1ab}
.hp-nav-category.sub-menu-open>.hp-category-popover{display:block;animation:category-arrive .32s cubic-bezier(.2,.75,.2,1)}
@keyframes category-arrive{from{opacity:0;transform:translateY(9px) rotateX(-7deg)}to{opacity:1;transform:none}}
@media(min-width:1101px){.hp-header nav{gap:13px}.hp-header{padding-inline:23px;gap:18px}}
@media(min-width:1101px) and (hover:hover){.hp-nav-category:not(.is-dismissed):hover>.hp-category-popover{display:block;animation:category-arrive .32s cubic-bezier(.2,.75,.2,1)}}
@media(min-width:1101px) and (max-width:1320px){.hp-header nav{gap:9px}.hp-nav-category-link{font-size:14px;gap:6px}.hp-nav-category-link>span{font-size:20px}.hp-submenu-toggle{width:18px}.hp-header .hp-brand{font-size:18px}.hp-header nav>a{font-size:14px}.hp-header .cg-symbol{width:36px;height:36px}}
@media(max-width:1100px){.hp-header #hpNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hp-nav-category{display:flex;flex-wrap:wrap;justify-content:space-between;min-height:55px;border:1px solid #ffffff24;border-radius:8px;padding-inline:10px;height:auto;background:#ffffff03}.hp-nav-category-link{font-size:15px;gap:9px;flex:1}.hp-submenu-toggle{width:28px;min-height:44px}.hp-category-popover{position:static;width:100%;min-width:0;padding:5px 0 10px;border:0;border-top:1px solid #ffffff22;margin-top:3px;border-radius:0;box-shadow:none;background:none}.hp-category-popover a{font-size:14px;white-space:normal;padding-inline:2px}.hp-header #hpNav>a{margin:4px 0 0;font-size:15px}.hp-dropdown:has(>#hpGenerators[hidden]){grid-column:1/-1;width:100%}.hp-header .hp-mega{padding-top:5px;grid-column:1/-1}}
@media(max-width:380px){.hp-nav-category{padding-inline:7px}.hp-nav-category-link{font-size:13px;gap:6px}.hp-nav-category-link>span{font-size:20px}.hp-submenu-toggle{width:21px}}
@media(prefers-reduced-motion:reduce){.hp-category-popover{animation:none!important}.hp-submenu-toggle svg{transition:none}}