/* OTP-SHOP v2: centered and spacious navigation; no payment logic changes. */
.site-header{display:grid!important;grid-template-columns:minmax(220px,310px) minmax(0,1fr) auto!important;align-items:center!important;gap:clamp(18px,2.5vw,44px)!important;padding:15px clamp(22px,4vw,76px)!important;min-height:155px!important}
.site-header .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;max-width:310px!important;width:100%!important;flex:none!important}
.site-header .brand .brand-logo-box{display:block!important;width:100%!important;min-width:0!important;max-width:310px!important;height:auto!important;min-height:0!important;max-height:none!important;flex:none!important;aspect-ratio:580/216!important;border:0!important;background:transparent!important;overflow:visible!important}
.site-header .brand .brand-logo-box .brand-logo{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important}
.site-header .brand-title{display:none!important}
.site-header nav.shop-header-nav{display:contents!important}
.site-header .shop-primary-links{grid-column:2;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:clamp(10px,1.05vw,20px)!important;min-width:0!important}
.site-header .shop-primary-links .shop-nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:58px!important;padding:15px clamp(18px,1.5vw,30px)!important;border:1px solid #665a2a!important;border-radius:9px!important;background:linear-gradient(180deg,#2a281d,#16160f)!important;color:#eee8d0!important;font-size:clamp(14px,.88vw,17px)!important;font-weight:900!important;letter-spacing:.015em!important;white-space:nowrap!important;text-decoration:none!important;box-shadow:inset 0 1px rgba(255,228,100,.09),0 4px 14px #0005!important;transition:background .16s,border-color .16s,transform .16s,color .16s!important}
.site-header .shop-primary-links .shop-nav-link:hover{color:#ffe44b!important;border-color:#e7c32b!important;background:#332d19!important;transform:translateY(-2px)!important}
.site-header .shop-primary-links .shop-nav-link.is-active{color:#171408!important;border-color:#ffe455!important;background:linear-gradient(180deg,#ffe73e,#dca800)!important;box-shadow:0 6px 24px #f5c80032!important}
.site-header .steam-profile-menu,.site-header>a.steam{grid-column:3;justify-self:end}
.site-header .current-server,.site-header .server-switcher{display:none!important}
body main{margin-top:22px}
@media(max-width:1450px){.site-header{grid-template-columns:minmax(180px,250px) minmax(0,1fr) auto!important;gap:18px!important;padding-inline:28px!important}.site-header .shop-primary-links{gap:9px!important}.site-header .shop-primary-links .shop-nav-link{min-height:52px!important;padding:12px 16px!important;font-size:14px!important}}
@media(max-width:1060px){.site-header{grid-template-columns:minmax(160px,230px) 1fr auto!important;row-gap:14px!important}.site-header .brand{grid-column:1!important;grid-row:1!important}.site-header .shop-primary-links{grid-column:1/-1!important;grid-row:2!important}.site-header .steam-profile-menu,.site-header>a.steam{grid-column:3!important;grid-row:1!important}.site-header .shop-primary-links .shop-nav-link{min-height:48px!important;padding:11px 18px!important}}
@media(max-width:600px){.site-header{grid-template-columns:minmax(0,1fr) auto!important;padding:12px 14px!important;gap:10px!important;min-height:0!important}.site-header .brand{grid-column:1!important;grid-row:1!important;max-width:205px!important}.site-header .shop-primary-links{grid-column:1/-1!important;grid-row:2!important;gap:7px!important}.site-header .shop-primary-links .shop-nav-link{min-height:43px!important;padding:9px 12px!important;font-size:12px!important}.site-header .steam-profile-menu,.site-header>a.steam{grid-column:2!important;grid-row:1!important}.steam-profile-dropdown{right:0!important;top:calc(100% + 10px)!important;position:absolute!important}}
/* Admin: navigation and branding preview use the same wide logo proportions. */
.branding-settings .header-logo-preview{min-height:180px!important;padding:18px!important}
.branding-settings .header-logo-preview img{display:block!important;width:min(100%,400px)!important;height:auto!important;max-height:170px!important;object-fit:contain!important}
.admin-links{gap:14px!important}
.admin-links a{padding:15px 20px!important;min-height:50px;display:inline-flex;align-items:center}

/* v3: balanced header, navigation centered relative to the full viewport. */
@media (min-width:1061px){
 .site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;column-gap:20px!important;padding:12px clamp(24px,2vw,38px)!important;min-height:125px!important}
 .site-header .brand{grid-column:1!important;grid-row:1!important;width:260px!important;max-width:min(260px,100%)!important;justify-self:start!important}
 .site-header .brand .brand-logo-box{width:100%!important;max-width:260px!important}
 .site-header .shop-primary-links{grid-column:2!important;grid-row:1!important;justify-self:center!important;flex-wrap:nowrap!important;gap:clamp(12px,1.1vw,20px)!important}
 .site-header .steam-profile-menu,.site-header>a.steam{grid-column:3!important;grid-row:1!important;justify-self:end!important}
 .site-header .shop-primary-links .shop-nav-link{min-height:64px!important;padding:15px clamp(17px,1.45vw,27px)!important;font-size:clamp(14px,.9vw,17px)!important}
}
.site-header .steam-profile-toggle{min-height:68px!important;padding:2px 9px 2px 2px!important;gap:8px!important;border-color:#665a2a!important;background:linear-gradient(180deg,#25241b,#151510)!important}
.site-header .steam-profile-toggle img,.site-header .steam-profile-fallback{width:62px!important;height:62px!important;flex:0 0 62px!important;border:2px solid #aa8d36!important}
.site-header .steam-profile-chevron{color:#d4c58b!important}
@media (min-width:1061px) and (max-width:1350px){
 .site-header{column-gap:10px!important;padding-inline:20px!important}
 .site-header .brand{width:210px!important}
 .site-header .shop-primary-links{gap:8px!important}
 .site-header .shop-primary-links .shop-nav-link{padding:12px 13px!important;font-size:14px!important;min-height:58px!important}
}
@media (max-width:1060px){
 .site-header .brand{width:220px!important;max-width:100%!important}
 .site-header .steam-profile-toggle img,.site-header .steam-profile-fallback{width:52px!important;height:52px!important;flex-basis:52px!important}
 .site-header .steam-profile-toggle{min-height:58px!important}
}
@media (max-width:600px){
 .site-header .brand{width:175px!important}
 .site-header .steam-profile-toggle img,.site-header .steam-profile-fallback{width:46px!important;height:46px!important;flex-basis:46px!important}
 .site-header .steam-profile-toggle{min-height:52px!important}
}

/* v6: decorative navigation icons, no large homepage banners */
.site-header .shop-primary-links .shop-nav-link{gap:9px!important}
.shop-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;color:#e8c34d}
.shop-nav-icon svg{width:100%;height:100%;display:block}
.shop-nav-icon.crown{color:#f4c32c;filter:drop-shadow(0 1px 3px #d8a40066)}
.site-header .shop-primary-links .shop-nav-link.is-active .shop-nav-icon{color:#211b0a}
@media(max-width:600px){.shop-nav-icon{width:17px;height:17px;flex-basis:17px}.site-header .shop-primary-links .shop-nav-link{gap:5px!important}}