/* One restrained service bar; existing store and community styles remain scoped. */
body.gk-ecosystem{--gk-service-bar:76px}
.gk-ecosystem-bar{position:sticky;top:0;z-index:120;background:#fff;border-bottom:1px solid #dfe8f2;color:#08264b;font-family:Onest,system-ui,sans-serif}
.gk-ecosystem-inner{box-sizing:border-box;max-width:1512px;margin:0 auto;padding:10px 36px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gk-ecosystem-home{display:block;flex-shrink:0;line-height:0}
.gk-ecosystem-home picture{display:block}
.gk-ecosystem-home img.gk-ecosystem-logo{display:block;width:224px;height:auto!important;max-width:100%}
.gk-ecosystem-desktop{display:flex;gap:8px;align-items:center}
.gk-ecosystem-bar nav a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 18px;color:#08264b;text-decoration:none;font-size:14px;font-weight:650;border-radius:10px}
.gk-ecosystem-bar nav a[aria-current]{background:#eaf5ff;color:#064fae}
.gk-ecosystem-bar nav a:hover{background:#f0f6fd}
.gk-ecosystem-bar a:focus-visible,.gk-ecosystem-bar summary:focus-visible,.gk-social-promo a:focus-visible{outline:3px solid #0866f5;outline-offset:3px}
.gk-ecosystem-switch{display:none;position:relative}
.gk-ecosystem.gkh-design .gk-hdr{top:var(--gk-service-bar)}
.gk-ecosystem.gkh-design .gk-hdr--drawer{z-index:1000}
.gk-ecosystem .gk-store-catalog-mobile{display:none}
.gk-ecosystem.gkh-design .gk-hdr-inner{height:70px}
.gk-ecosystem.gkh-design .gk-hdr-nav-nb,.gk-ecosystem.gkh-design .gk-hdr-action--nb{display:none}
.gk-ecosystem-content{box-sizing:border-box;max-width:1512px;padding:0 36px;margin:0 auto}
.gk-social-promo{box-sizing:border-box;display:flex;align-items:center;gap:24px;margin:32px 0;padding:24px 28px;border:1px solid #d6e6f6;border-radius:16px;background:#eaf5ff;color:#08264b;clear:both;font-family:Onest,system-ui,sans-serif}
.gk-social-promo .gk-social-promo-copy{flex:1;min-width:0}
.gk-social-promo h2{margin:0 0 8px;font-size:24px;line-height:1.25;font-weight:750;color:#08264b}
.gk-social-promo p{margin:0 0 8px;font-size:14px;line-height:1.55;color:#274869;max-width:68ch}
.gk-social-promo p.gk-social-promo-note,.gk-social-promo p.gk-social-promo-status{font-size:12px;margin:4px 0 0;color:#365777}
.gk-social-promo .gk-social-promo-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:10px;background:#0866f5;color:#fff;font-size:14px;line-height:1.4;font-weight:650;text-decoration:none;white-space:nowrap}
.gk-social-promo .gk-social-promo-button:hover{background:#0055d5}
.gk-social-promo-art{width:112px;flex:0 0 112px}
.gk-social-promo-art>img{width:100%;height:auto;max-height:140px;object-fit:contain}
.gk-social-promo-character{display:block;width:100%;aspect-ratio:1}
.gk-social-promo-character>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.gk-social-promo[data-placement="store_catalog"]{padding:18px 24px}
.gk-social-promo[data-placement="store_catalog"] h2{font-size:21px}
.admin-bar .gk-ecosystem-bar{top:32px}.admin-bar.gk-ecosystem.gkh-design .gk-hdr{top:calc(var(--gk-service-bar) + 32px)}
@media(max-width:1023px){
 .gk-ecosystem-inner{padding:10px 22px;gap:16px}.gk-ecosystem-home img.gk-ecosystem-logo{width:196px}.gk-ecosystem-bar nav a{padding:10px 12px;font-size:13px}
 .gk-ecosystem.gkh-design .gk-hdr-inner{height:54px;justify-content:space-between}
 .gk-ecosystem .gk-store-catalog-mobile{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;background:#eaf5ff;color:#08264b;border:0;border-radius:10px;font-weight:650}
 .gk-social-promo{gap:18px;padding:22px}.gk-social-promo .gk-social-promo-button{white-space:normal;text-align:center}
}
@media(max-width:767px){
 body.gk-ecosystem{--gk-service-bar:68px}.gk-ecosystem-inner{padding:8px 16px;min-height:68px;gap:10px}.gk-ecosystem-home img.gk-ecosystem-logo{width:160px}
 .gk-ecosystem-desktop{display:none}.gk-ecosystem-switch{display:block;min-width:0}
 .gk-ecosystem-switch summary{list-style:none;cursor:pointer;min-height:44px;display:flex;flex-direction:column;justify-content:center;padding:4px 0 4px 8px;box-sizing:border-box;text-align:right;font-size:13px;line-height:1.4}
 .gk-ecosystem-switch summary::-webkit-details-marker{display:none}.gk-ecosystem-switch summary>span{font-weight:750;color:#0866f5}.gk-ecosystem-switch summary>span:after{content:' ▾'}.gk-ecosystem-switch summary strong{font-weight:500;font-size:11px;line-height:1.35}
 .gk-ecosystem-switch nav{position:absolute;right:0;top:calc(100% + 10px);width:min(288px,calc(100vw - 32px));padding:8px;background:#fff;border:1px solid #d6e6f6;border-radius:12px;box-shadow:0 12px 30px #08264b1a}
 .gk-ecosystem-switch nav a{font-size:14px;min-height:48px}
 .gk-ecosystem-content{padding:0 16px}.gk-social-promo{display:grid;grid-template-columns:1fr 64px;gap:12px;margin:24px 0;padding:20px}
 .gk-social-promo .gk-social-promo-copy{grid-column:1;grid-row:1}.gk-social-promo-art{grid-column:2;grid-row:1;align-self:start;width:64px}.gk-social-promo h2{font-size:21px}.gk-social-promo p{font-size:13px}
 .gk-social-promo .gk-social-promo-button{grid-column:1/-1;justify-self:start}.gk-social-promo--text{grid-template-columns:1fr}.gk-social-promo--text .gk-social-promo-art{display:none}.gk-social-promo--hidden{display:none}
 .gk-social-promo[data-placement="store_catalog"]{padding:18px}.gk-social-promo[data-placement="store_catalog"] h2{font-size:20px}
}
@media(max-width:782px){.admin-bar .gk-ecosystem-bar{top:46px}.admin-bar.gk-ecosystem.gkh-design .gk-hdr{top:calc(var(--gk-service-bar) + 46px)}}

/* Owner-supplied service scenes. The panel captions are outside these viewports. */
.gk-service-mascot{display:block;position:relative;overflow:hidden;isolation:isolate;width:100%;border-radius:18px}
.gk-service-mascot img{display:block;position:absolute;left:var(--mascot-left);top:0;width:var(--mascot-width);height:202.37154%;max-width:none;object-fit:fill;pointer-events:none}
.gk-social-promo-character .gk-service-mascot{border-radius:10px}
.gkh-home .gkh-hero-art--mascot{width:min(100%,330px);margin:0}
.gk-community-hero-picture>.gk-service-mascot{max-width:320px;margin:0 auto}
@media(max-width:767px){.gkh-home .gkh-hero-art--mascot{width:240px;max-width:100%;margin:12px auto 8px}.gk-community-hero-picture>.gk-service-mascot{max-width:230px}}
