/* Header/menu and description-footer variants selected from ?page=theme. */
:root{--site-shell-gap:12px;--site-shell-radius:18px}

/* The basic header intentionally uses the full available channel. */
body[data-menu-head-style="1"] #nav-original{width:calc(100% - (var(--site-shell-gap) * 2))!important;max-width:none!important}
#nav-original>.container-fluid{width:100%!important;max-width:none!important}

/* A complete desktop profile trigger: avatar, name and a clear profile label. */
@media(min-width:992px){
  #nav-original .member-profile-trigger.member-avatar-trigger{width:auto!important;min-width:142px!important;height:42px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:1fr 1fr!important;column-gap:9px!important;padding:3px 11px 3px 3px!important;border-radius:14px!important}
  #nav-original .member-profile-trigger.member-avatar-trigger>img{grid-column:1;grid-row:1/3}
  #nav-original .member-profile-trigger-copy{grid-column:2;grid-row:1/3;display:flex;min-width:0;flex-direction:column;justify-content:center;text-align:left;line-height:1.12}
  #nav-original .member-profile-trigger-copy b{max-width:104px;overflow:hidden;color:var(--font_main);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
  #nav-original .member-profile-trigger-copy small{margin-top:3px;color:var(--font_sub);font-size:8px;font-weight:700}
  body[data-menu-head-style="2"] #nav-original .member-profile-trigger.member-avatar-trigger{border-color:color-mix(in srgb,#fff 18%,var(--bg_border))!important;background:color-mix(in srgb,#fff 5%,transparent)!important;backdrop-filter:blur(12px)}
  body[data-menu-head-style="3"] #nav-original .member-profile-trigger.member-avatar-trigger{border-color:color-mix(in srgb,var(--main) 52%,var(--sub))!important;background:linear-gradient(120deg,color-mix(in srgb,var(--main) 12%,var(--bg_sub)),color-mix(in srgb,var(--sub) 8%,var(--bg_sub)))!important}
  body[data-menu-head-style="4"] #nav-original .member-profile-trigger.member-avatar-trigger{border-radius:999px!important;background:var(--bg_sub)!important}
}

/* Variant 2: floating glass bar. */
body[data-menu-head-style="2"] #nav-original{width:min(1360px,calc(100% - 28px))!important}
body[data-menu-head-style="2"] #nav-original:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,color-mix(in srgb,var(--main) 8%,transparent),transparent 38%,color-mix(in srgb,var(--sub) 8%,transparent))}

/* Variant 3: console/HUD with a strong themed rail. */
body[data-menu-head-style="3"] #nav-original{width:calc(100% - 24px)!important;border-radius:10px!important}
body[data-menu-head-style="3"] #nav-original:after{content:"";position:absolute;right:18px;bottom:-2px;left:18px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--main),var(--sub),transparent);box-shadow:0 0 13px color-mix(in srgb,var(--main) 60%,transparent);pointer-events:none}

/* Variant 4: two-layer capsule; navigation is visually separated from identity. */
body[data-menu-head-style="4"] #nav-original{width:min(1320px,calc(100% - 24px))!important}
body[data-menu-head-style="4"] #nav-original>.container-fluid{gap:12px!important}

/* Mobile profile is always actionable and uses the full offcanvas width. */
@media(max-width:991.98px){
  body[data-menu-head-style="1"] #nav-original{width:calc(100% - 12px)!important}
  #offcanvasDarkNavbar .mobile-member-card{width:100%;overflow:hidden}
  #offcanvasDarkNavbar .mobile-member-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  #offcanvasDarkNavbar .mobile-member-buttons.has-admin{grid-template-columns:repeat(3,minmax(0,1fr))}
  #offcanvasDarkNavbar .mobile-profile-action{color:var(--main)!important;border:1px solid color-mix(in srgb,var(--main) 20%,transparent)!important;background:color-mix(in srgb,var(--main) 9%,transparent)!important}
  #offcanvasDarkNavbar .mobile-member-buttons .wallet-btn{min-width:0;padding:8px 5px!important;font-size:9px!important;white-space:nowrap}
  body[data-menu-head-style="2"] #offcanvasDarkNavbar{background:color-mix(in srgb,var(--bg_main) 78%,transparent)!important}
  body[data-menu-head-style="3"] #offcanvasDarkNavbar .mobile-member-card{border-color:color-mix(in srgb,var(--main) 45%,var(--sub));box-shadow:inset 3px 0 color-mix(in srgb,var(--main) 70%,transparent)}
  body[data-menu-head-style="4"] #offcanvasDarkNavbar .mobile-main-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-menu-head-style="4"] #offcanvasDarkNavbar .mobile-service-group-v21{grid-column:1/-1}
}

/* ========================================================================
   Description footer V3 — polished basic footer and community reference
   ======================================================================== */
.site-description-footer :is(.site-footer-links-column,.site-footer-widget-column){min-width:0}
.site-description-footer :is(.site-footer-brand-card,.site-footer-links-card){margin-right:0!important;margin-left:0!important}
.site-description-footer .site-footer-brand-copy>small{display:block;line-height:1.75}
.site-description-footer .site-footer-status{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin-top:13px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--main) 25%,var(--bg_border));border-radius:999px;background:color-mix(in srgb,var(--bg_sub) 78%,transparent);color:var(--font_sub);font-size:10px;font-weight:700}
.site-description-footer .site-footer-status>span{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#22c55e;box-shadow:0 0 9px rgba(34,197,94,.72)}
.site-description-footer .site-footer-socials{display:flex;align-items:center;gap:8px;margin-top:12px}
.site-description-footer .site-footer-socials>a,.site-description-footer .site-footer-social-icon{display:inline-grid;place-items:center;border-radius:10px;color:#fff!important;box-shadow:0 6px 15px rgba(0,0,0,.12)}
.site-description-footer .site-footer-socials>a{width:35px;height:35px;font-size:15px;transition:transform .18s ease,filter .18s ease}
.site-description-footer .site-footer-socials>a:hover{transform:translateY(-2px);filter:brightness(1.08)}
.site-description-footer .site-footer-social-icon{width:23px;height:23px;flex:0 0 23px;margin-right:7px;border-radius:7px;font-size:11px}
.site-description-footer .is-facebook{background:#1877f2}.site-description-footer .is-line{background:#06c755}.site-description-footer .is-discord{background:#5865f2}
.site-description-footer .site-footer-contact-link{display:inline-flex;align-items:center;cursor:pointer;transition:color .18s ease,transform .18s ease}
.site-description-footer .site-footer-links-card a{cursor:pointer;transition:color .18s ease,transform .18s ease}
.site-description-footer .site-footer-links-card a:hover{color:var(--main)!important;transform:translateX(3px)}

/* Basic keeps the familiar content but improves spacing and hierarchy. */
.site-description-footer.footer-style-1{margin-top:56px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--bg_main) 97%,#050507),color-mix(in srgb,var(--bg_sub) 88%,var(--bg_main)))!important;border-top:1px solid color-mix(in srgb,var(--main) 22%,var(--bg_border))!important}
.site-description-footer.footer-style-1>.container{width:min(1240px,100%);padding:30px 22px 0!important}
.site-description-footer.footer-style-1 .site-footer-main{gap:14px}
.site-description-footer.footer-style-1 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){padding:18px!important;border:1px solid color-mix(in srgb,var(--main) 13%,var(--bg_border));border-radius:17px;background:color-mix(in srgb,var(--bg_sub) 62%,transparent)}
.site-description-footer.footer-style-1 .site-footer-widget-card{display:grid;place-items:center;overflow:hidden}
.site-description-footer.footer-style-1 .site-footer-widget-card center{width:100%}
.site-description-footer.footer-style-1 .site-footer-widget-card iframe{max-width:100%;border-radius:12px}

/* Community: inspired by the supplied dark three-column reference. */
.site-description-footer.footer-style-6{position:relative;margin-top:64px!important;border-top:1px solid color-mix(in srgb,var(--main) 25%,var(--bg_border))!important;background:linear-gradient(115deg,color-mix(in srgb,var(--bg_main) 97%,#030306),color-mix(in srgb,var(--bg_sub) 82%,#050509),color-mix(in srgb,var(--bg_main) 97%,#030306))!important}
.site-description-footer.footer-style-6::before{content:"";position:absolute;top:-1px;left:50%;width:min(620px,62vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--main),transparent);box-shadow:0 0 13px color-mix(in srgb,var(--main) 50%,transparent)}
.site-description-footer.footer-style-6>.container{width:min(1240px,100%);padding:42px 24px 0!important}
.site-description-footer.footer-style-6 .site-footer-main{display:grid!important;grid-template-columns:minmax(300px,1.1fr) minmax(270px,.9fr) minmax(300px,1fr);gap:28px;align-items:stretch}
.site-description-footer.footer-style-6 .site-footer-main>div{width:100%;max-width:none;margin:0!important;padding:0!important}
.site-description-footer.footer-style-6 .site-footer-brand-card{display:grid!important;grid-template-columns:66px minmax(0,1fr);gap:15px;height:100%;padding:0!important;background:transparent;border:0}
.site-description-footer.footer-style-6 .site-footer-brand-logo,.site-description-footer.footer-style-6 .site-footer-brand-copy{width:100%;max-width:none;padding:0}
.site-description-footer.footer-style-6 .site-footer-brand-logo{align-items:flex-start}
.site-description-footer.footer-style-6 .site-footer-brand-logo p{width:100%;margin:0}
.site-description-footer.footer-style-6 .site-footer-brand-logo img{width:54px!important;max-width:54px!important;max-height:54px;margin:0!important;border-radius:14px;object-fit:contain;background:color-mix(in srgb,var(--bg_sub) 78%,transparent)}
.site-description-footer.footer-style-6 .site-footer-brand-copy h5{margin:6px 0 9px!important;font-size:20px}
.site-description-footer.footer-style-6 .site-footer-links-card{height:100%;padding:2px 0!important;border:0;background:transparent}
.site-description-footer.footer-style-6 .site-footer-links-card h6{font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.site-description-footer.footer-style-6 .site-footer-links-card p{margin-bottom:10px}
.site-description-footer.footer-style-6 .site-footer-links-card a{display:inline-flex;align-items:center;min-height:25px}
.site-description-footer.footer-style-6 .site-footer-widget-card{display:grid;place-items:center;height:100%;min-height:220px;padding:16px!important;overflow:hidden;border:1px solid color-mix(in srgb,#fff 12%,var(--bg_border));border-radius:19px;background:linear-gradient(150deg,color-mix(in srgb,#fff 5%,var(--bg_sub)),color-mix(in srgb,var(--bg_main) 86%,#050507));box-shadow:inset 0 1px color-mix(in srgb,#fff 8%,transparent),0 18px 38px rgba(0,0,0,.16)}
.site-description-footer.footer-style-6 .site-footer-widget-card center{width:100%}
.site-description-footer.footer-style-6 .site-footer-widget-card iframe{width:100%;max-width:320px;border-radius:13px}
.site-description-footer.footer-style-6 .site-footer-bottom{margin-top:34px!important}

@media(max-width:991.98px){
  .site-description-footer.footer-style-6 .site-footer-main{grid-template-columns:1fr 1fr}
  .site-description-footer.footer-style-6 .site-footer-brand-column{grid-column:1/-1}
}
@media(max-width:767.98px){
  .site-description-footer>.container{padding-right:14px!important;padding-left:14px!important}
  .site-description-footer .site-footer-main{gap:11px!important}
  .site-description-footer :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){text-align:center!important}
  .site-description-footer .site-footer-brand-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center}
  .site-description-footer .site-footer-brand-logo,.site-description-footer .site-footer-brand-copy{width:100%!important;text-align:center!important}
  .site-description-footer .site-footer-brand-copy :is(h5,small){text-align:center!important}
  .site-description-footer .site-footer-status{margin-right:auto;margin-left:auto}
  .site-description-footer .site-footer-socials{justify-content:center}
  .site-description-footer .site-footer-links-card>div{text-align:center!important}
  .site-description-footer .site-footer-links-card :is(h6,p){text-align:center!important}
  .site-description-footer .site-footer-links-card a:hover{transform:translateY(-2px)}
  .site-description-footer.footer-style-6>.container{padding-top:28px!important}
  .site-description-footer.footer-style-6 .site-footer-main{grid-template-columns:1fr!important}
  .site-description-footer.footer-style-6 .site-footer-brand-column{grid-column:1}
  .site-description-footer.footer-style-6 .site-footer-brand-card{display:flex!important;padding:20px!important;border:1px solid var(--footer-line);border-radius:18px;background:color-mix(in srgb,var(--bg_sub) 65%,transparent)}
  .site-description-footer.footer-style-6 .site-footer-brand-logo img{margin:auto!important}
  .site-description-footer.footer-style-6 .site-footer-links-card{padding:20px!important;border:1px solid var(--footer-line);border-radius:18px;background:color-mix(in srgb,var(--bg_sub) 65%,transparent)}
  .site-description-footer.footer-style-6 .site-footer-widget-card{min-height:0}
}

/* Shared footer structure. */
.site-description-footer{--footer-line:color-mix(in srgb,var(--main) 18%,var(--bg_border));color:var(--font_main)}
.site-description-footer .site-footer-main{align-items:stretch}
.site-description-footer .site-footer-brand-card,.site-description-footer .site-footer-links-card,.site-description-footer .site-footer-widget-card{height:100%}
.site-description-footer .site-footer-brand-logo{display:flex;align-items:center;justify-content:center}
.site-description-footer .site-footer-brand-logo img{max-height:74px;object-fit:contain}
.site-description-footer .site-footer-bottom{margin-top:20px!important;padding-top:16px;border-top:1px solid var(--footer-line)}

/* Footer 3: premium glass cards. */
.site-description-footer.footer-style-3>.container{padding:28px!important}
.site-description-footer.footer-style-3 .site-footer-brand-card,.site-description-footer.footer-style-3 .site-footer-links-card,.site-description-footer.footer-style-3 .site-footer-widget-card{padding:18px;border:1px solid color-mix(in srgb,#fff 10%,var(--footer-line));border-radius:18px;background:color-mix(in srgb,var(--bg_sub) 54%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.05)}

/* Footer 4: gaming console grid with brand on a full-width top rail. */
.site-description-footer.footer-style-4 .site-footer-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(280px,4fr);gap:12px}
.site-description-footer.footer-style-4 .site-footer-brand-column{grid-column:1/-1;width:100%;max-width:none;padding:0}
.site-description-footer.footer-style-4 .site-footer-links-column,.site-description-footer.footer-style-4 .site-footer-widget-column{width:100%;max-width:none;padding:0}
.site-description-footer.footer-style-4 .site-footer-brand-card{padding:18px 20px;border-left:3px solid var(--main);background:linear-gradient(90deg,color-mix(in srgb,var(--main) 11%,var(--bg_sub)),transparent)}
.site-description-footer.footer-style-4 .site-footer-links-card,.site-description-footer.footer-style-4 .site-footer-widget-card{padding:18px;border:1px solid var(--footer-line);border-radius:12px;background:color-mix(in srgb,var(--bg_sub) 82%,transparent)}
.site-description-footer.footer-style-4 h5,.site-description-footer.footer-style-4 h6{text-transform:uppercase;letter-spacing:.045em}

/* Footer 5: minimal two-level layout. */
.site-description-footer.footer-style-5 .site-footer-main{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(240px,.75fr) minmax(300px,1fr);gap:22px}
.site-description-footer.footer-style-5 .site-footer-main>div{width:100%;max-width:none;padding:0;margin:0!important}
.site-description-footer.footer-style-5 .site-footer-brand-card{padding-right:20px;border-right:1px solid var(--footer-line)}
.site-description-footer.footer-style-5 .site-footer-bottom{margin-right:-24px!important;margin-bottom:-24px!important;margin-left:-24px!important;padding:14px 24px!important;background:color-mix(in srgb,var(--bg_sub) 75%,transparent)}

@media(max-width:767.98px){
  .site-description-footer .site-footer-main{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .site-description-footer .site-footer-main>div{grid-column:1!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
  .site-description-footer .site-footer-brand-card,.site-description-footer .site-footer-links-card,.site-description-footer .site-footer-widget-card{padding:15px!important;border:1px solid var(--footer-line)!important;border-radius:15px!important;background:color-mix(in srgb,var(--bg_sub) 70%,transparent)!important}
  .site-description-footer .site-footer-brand-card{border-right:1px solid var(--footer-line)!important}
  .site-description-footer .site-footer-brand-card .row{align-items:center}
  .site-description-footer .site-footer-brand-logo{width:30%}
  .site-description-footer .site-footer-brand-copy{width:70%}
  .site-description-footer .site-footer-bottom{margin:12px 0 0!important;padding:14px 0 0!important;background:transparent!important;text-align:center!important}
  .site-description-footer .site-footer-bottom>div{justify-content:center!important;text-align:center!important}
  .site-description-footer iframe{width:100%!important;max-width:320px}
}

@media(prefers-reduced-motion:reduce){#nav-original *,#offcanvasDarkNavbar *{transition:none!important}}

/* ========================================================================
   Header collection V2 — basic console + four reference-inspired layouts
   ======================================================================== */
.site-topbar{position:relative;z-index:1031;width:100%;min-height:34px;border-bottom:1px solid color-mix(in srgb,var(--main) 24%,var(--bg_border));background:color-mix(in srgb,var(--bg_main) 96%,#000);color:var(--font_main)}
.site-topbar-inner{width:100%;min-height:34px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:5px 20px}
.site-topbar a{color:inherit;text-decoration:none}
.site-topbar-brand,.site-topbar-contact{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;font-weight:700}
.site-topbar-brand i,.site-topbar-contact i,.site-topbar-announcement i{color:var(--main)}
.site-topbar-announcement{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--font_sub);font-size:9px;font-weight:700}
.site-topbar-announcement span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.desktop-guest-actions{align-items:center!important;flex-direction:row!important;gap:7px!important;margin:0!important}
.desktop-guest-actions .nav-item{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.desktop-guest-actions .guest-contact-item{display:none!important}
#nav-original .desktop-guest-actions .nav-link{min-height:40px;display:flex!important;align-items:center;justify-content:center;gap:7px;padding:8px 14px!important;border:1px solid var(--nav-line,var(--bg_border));border-radius:11px;color:var(--font_main)!important;font-size:10px!important;font-weight:700!important;white-space:nowrap}
#nav-original .desktop-guest-actions .guest-register-link{color:var(--main)!important}
#nav-original .desktop-guest-actions .guest-login-link{border-color:var(--main)!important;background:var(--main)!important;color:#fff!important}
.mobile-guest-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}
body[data-menu-head-style="3"] .mobile-guest-actions-grid{grid-template-columns:1fr}
#offcanvasDarkNavbar .mobile-register-action{color:var(--main)!important;border:1px solid color-mix(in srgb,var(--main) 25%,transparent);background:color-mix(in srgb,var(--main) 8%,transparent)}

/* Basic: the former gaming-console design, now stretched edge to edge. */
body[data-menu-head-style="3"] #nav-original{width:100%!important;max-width:none!important;margin:0!important;border-right:0!important;border-left:0!important;border-radius:0!important}
body[data-menu-head-style="3"] #nav-original>.container-fluid{padding-right:clamp(14px,3vw,48px)!important;padding-left:clamp(14px,3vw,48px)!important}
body[data-menu-head-style="3"] .site-topbar-inner{padding-right:clamp(14px,3vw,48px);padding-left:clamp(14px,3vw,48px)}
body[data-menu-head-style="3"] #nav-original:after{right:0;left:0;bottom:-1px}

/* 5 — Modern shop: compact, direct and left weighted. */
body[data-menu-head-style="5"] .site-topbar{display:none}
body[data-menu-head-style="5"] #nav-original{width:100%!important;max-width:none!important;min-height:62px;margin:0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--main) 18%,var(--bg_border))!important;border-radius:0!important;background:color-mix(in srgb,var(--bg_main) 98%,#05050b)!important;box-shadow:none!important}
body[data-menu-head-style="5"] #nav-original>.container-fluid{padding:8px clamp(18px,3.5vw,64px)!important}
body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu{justify-content:flex-start!important;gap:4px!important;margin-left:8px}
body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{min-height:44px!important;border-bottom:2px solid transparent!important;border-radius:7px 7px 0 0!important;background:transparent!important}
body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){border-bottom-color:var(--main)!important;color:var(--main)!important;background:color-mix(in srgb,var(--main) 7%,transparent)!important}
body[data-menu-head-style="5"] #nav-original .desktop-guest-actions .guest-register-link{order:2;border:0!important;color:var(--main)!important}
body[data-menu-head-style="5"] #nav-original .desktop-guest-actions .guest-login-link{order:1;border:0!important;background:transparent!important;color:var(--font_main)!important}
body[data-menu-head-style="5"] #nav-original .member-profile-trigger.member-avatar-trigger{border-radius:9px!important}

/* 6 — Esports center: centered navigation and angular account action. */
body[data-menu-head-style="6"] .site-topbar{display:none}
body[data-menu-head-style="6"] #nav-original{width:100%!important;max-width:none!important;min-height:70px;margin:0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--main) 28%,var(--bg_border))!important;border-radius:0!important;background:color-mix(in srgb,var(--bg_main) 98%,#050507)!important;box-shadow:0 10px 28px rgba(0,0,0,.2)!important}
body[data-menu-head-style="6"] #nav-original>.container-fluid{max-width:1260px!important;margin:auto;padding:8px 18px!important}
body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu{justify-content:center!important;gap:7px!important}
body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{background:transparent!important;color:var(--font_sub)!important}
body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){color:var(--main)!important;text-shadow:0 0 14px color-mix(in srgb,var(--main) 38%,transparent)}
body[data-menu-head-style="6"] #nav-original .desktop-guest-actions .guest-register-link{display:none!important}
body[data-menu-head-style="6"] #nav-original .desktop-guest-actions .guest-login-link{min-width:112px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border:0!important;border-radius:0!important}
body[data-menu-head-style="6"] #nav-original .member-profile-trigger.member-avatar-trigger{clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);border-radius:0!important}

/* 7 — Announcement capsule: gold ticker and a bordered floating capsule. */
body[data-menu-head-style="7"] .site-topbar{min-height:27px;border:0;background:linear-gradient(90deg,color-mix(in srgb,var(--main) 64%,#725d24),color-mix(in srgb,var(--sub) 54%,#a68a43),color-mix(in srgb,var(--main) 64%,#725d24));color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--main) 18%,transparent)}
body[data-menu-head-style="7"] .site-topbar-inner{min-height:27px;display:flex;justify-content:center;padding:3px 16px}
body[data-menu-head-style="7"] .site-topbar-brand,body[data-menu-head-style="7"] .site-topbar-contact{display:none}
body[data-menu-head-style="7"] .site-topbar-announcement{width:100%;color:#fff;font-size:9px;letter-spacing:.035em}
body[data-menu-head-style="7"] .site-topbar-announcement i{color:#fff}
body[data-menu-head-style="7"] #nav-original{width:min(1280px,calc(100% - 28px))!important;min-height:58px;margin:9px auto!important;border:1px solid color-mix(in srgb,var(--font_main) 14%,var(--bg_border))!important;border-radius:999px!important;background:color-mix(in srgb,var(--bg_main) 97%,#000)!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important}
body[data-menu-head-style="7"] #nav-original>.container-fluid{padding:6px 12px 6px 20px!important}
body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu{justify-content:flex-start!important;gap:2px!important}
body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{border-radius:999px!important;background:transparent!important}
body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){color:var(--main)!important;background:color-mix(in srgb,var(--main) 10%,transparent)!important}
body[data-menu-head-style="7"] #nav-original .desktop-guest-actions .nav-link,body[data-menu-head-style="7"] #nav-original .member-profile-trigger.member-avatar-trigger{border-radius:999px!important}
body[data-menu-head-style="7"] #nav-original .desktop-guest-actions .guest-contact-item{display:block!important}
body[data-menu-head-style="7"] #nav-original .desktop-guest-actions .guest-contact-link{background:transparent!important;border-color:color-mix(in srgb,var(--font_main) 18%,transparent)!important;color:var(--font_main)!important}
body[data-menu-head-style="7"] #nav-original .desktop-guest-actions .guest-register-link{background:#fff!important;border-color:#fff!important;color:#111!important}
body[data-menu-head-style="7"] #nav-original .desktop-guest-actions .guest-login-link{background:transparent!important;border-color:color-mix(in srgb,var(--font_main) 18%,transparent)!important;color:var(--font_main)!important}

/* 8 — Minimal service bar: moving status rail + centered soft capsule. */
body[data-menu-head-style="8"] .site-topbar{height:34px;overflow:hidden;border-color:color-mix(in srgb,var(--main) 35%,var(--bg_border));background:#050505}
body[data-menu-head-style="8"] .site-topbar-inner{display:block;width:max-content;min-width:200%;padding:7px 0;animation:siteTopTicker 28s linear infinite}
body[data-menu-head-style="8"] .site-topbar-brand,body[data-menu-head-style="8"] .site-topbar-contact{display:none}
body[data-menu-head-style="8"] .site-topbar-announcement{display:flex;justify-content:flex-start;gap:10px;color:var(--font_sub);font-size:9px}
body[data-menu-head-style="8"] .site-topbar-announcement:after{content:"  •  ประกาศสำคัญ  •  บริการอัตโนมัติพร้อมใช้งาน  •  ตรวจสอบรายการได้ตลอด 24 ชั่วโมง";margin-left:42px;color:var(--main)}
@keyframes siteTopTicker{to{transform:translateX(-48%)}}
body[data-menu-head-style="8"] #nav-original{width:100%!important;min-height:66px;margin:0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--main) 14%,var(--bg_border))!important;border-radius:0!important;background:color-mix(in srgb,var(--bg_main) 98%,#020202)!important;box-shadow:none!important}
body[data-menu-head-style="8"] #nav-original>.container-fluid{max-width:1320px!important;margin:auto;padding:8px 18px!important}
body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu{flex:0 1 auto!important;justify-content:center!important;gap:3px!important;padding:4px!important;border:1px solid color-mix(in srgb,var(--font_main) 13%,var(--bg_border));border-radius:999px;background:color-mix(in srgb,var(--bg_sub) 82%,transparent)}
body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{border-radius:999px!important;color:var(--font_sub)!important;background:transparent!important}
body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){color:var(--font_main)!important;background:color-mix(in srgb,var(--font_main) 9%,var(--bg_sub))!important}
body[data-menu-head-style="8"] #nav-original .desktop-guest-actions .guest-register-link{display:none!important}
body[data-menu-head-style="8"] #nav-original .desktop-guest-actions .guest-login-link{min-width:122px;border-color:#fff!important;border-radius:999px!important;background:#fff!important;color:#111!important}
body[data-menu-head-style="8"] #nav-original .member-profile-trigger.member-avatar-trigger{border-radius:999px!important;background:#fff!important}
body[data-menu-head-style="8"] #nav-original .member-profile-trigger-copy b,body[data-menu-head-style="8"] #nav-original .member-profile-trigger-copy small{color:#111!important}

@media(max-width:1199.98px) and (min-width:992px){
  body[data-menu-head-style="5"] #nav-original .member-profile-trigger.member-avatar-trigger,
  body[data-menu-head-style="6"] #nav-original .member-profile-trigger.member-avatar-trigger,
  body[data-menu-head-style="7"] #nav-original .member-profile-trigger.member-avatar-trigger,
  body[data-menu-head-style="8"] #nav-original .member-profile-trigger.member-avatar-trigger{min-width:44px!important;width:44px!important;padding:3px!important}
  body[data-menu-head-style="5"] #nav-original .member-profile-trigger-copy,
  body[data-menu-head-style="6"] #nav-original .member-profile-trigger-copy,
  body[data-menu-head-style="7"] #nav-original .member-profile-trigger-copy,
  body[data-menu-head-style="8"] #nav-original .member-profile-trigger-copy{display:none!important}
}

@media(max-width:991.98px){
  .site-topbar-inner{grid-template-columns:minmax(0,1fr) auto;padding:5px 10px}
  .site-topbar-brand{display:none}
  .site-topbar-announcement{justify-content:flex-start}
  .site-topbar-contact span{display:none}
  body[data-menu-head-style="3"] #nav-original,body[data-menu-head-style="5"] #nav-original,body[data-menu-head-style="6"] #nav-original,body[data-menu-head-style="8"] #nav-original{width:100%!important;margin:0!important;border-radius:0!important}
  body[data-menu-head-style="7"] #nav-original{width:calc(100% - 12px)!important;margin:6px auto!important;border-radius:17px!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar{background:color-mix(in srgb,var(--bg_main) 98%,#05050b)!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{border-radius:7px!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-main-menu .nav-link,body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-member-card{clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);border-radius:0!important}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .mobile-main-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .mobile-service-group-v21{grid-column:1/-1}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{border:1px solid color-mix(in srgb,var(--font_main) 12%,var(--bg_border))!important;border-radius:15px!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{border-radius:999px!important;padding-inline:14px!important;background:color-mix(in srgb,var(--font_main) 4%,transparent)!important}
  body[data-menu-head-style="8"] .site-topbar-contact{display:none}
  body[data-menu-head-style="8"] .site-topbar-announcement{justify-content:flex-start}
}

@media(prefers-reduced-motion:reduce){body[data-menu-head-style="8"] .site-topbar-inner{animation:none!important}}

/* ========================================================================
   Header collection V3 — alignment, member tools and mobile corrections
   ======================================================================== */
/* Restore the original bg-main utility strip for the basic layout. */
body[data-menu-head-style="3"] .site-topbar{background:var(--main)!important;border-color:color-mix(in srgb,#fff 16%,transparent)!important;color:#fff!important}
body[data-menu-head-style="3"] .site-topbar :is(.site-topbar-brand i,.site-topbar-contact i,.site-topbar-announcement,.site-topbar-announcement i){color:#fff!important}

/* The left layout stays left, but active and hover states are fully rounded. */
body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{border:1px solid transparent!important;border-radius:999px!important}
body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){border-color:color-mix(in srgb,var(--main) 30%,transparent)!important;background:color-mix(in srgb,var(--main) 13%,var(--bg_sub))!important;box-shadow:0 5px 15px color-mix(in srgb,var(--main) 10%,transparent)!important}

/* Rebuilt style 6: a layered command deck, no angular clipping. */
body[data-menu-head-style="6"] .site-topbar{display:block;min-height:30px;background:color-mix(in srgb,var(--bg_sub) 92%,#000);border-bottom:1px solid color-mix(in srgb,var(--main) 32%,var(--bg_border))}
body[data-menu-head-style="6"] .site-topbar-inner{min-height:30px;padding-block:3px}
body[data-menu-head-style="6"] #nav-original{width:calc(100% - 24px)!important;max-width:none!important;min-height:68px;margin:8px auto!important;border:1px solid color-mix(in srgb,var(--main) 28%,var(--bg_border))!important;border-radius:18px!important;background:linear-gradient(105deg,color-mix(in srgb,var(--main) 8%,var(--bg_main)),var(--bg_main) 44%,color-mix(in srgb,var(--sub) 9%,var(--bg_main)))!important;box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px color-mix(in srgb,var(--font_main) 7%,transparent)!important}
body[data-menu-head-style="6"] #nav-original:before{content:"";position:absolute;right:22%;bottom:-1px;left:22%;height:2px;border-radius:9px;background:linear-gradient(90deg,transparent,var(--main),var(--sub),transparent);box-shadow:0 0 12px color-mix(in srgb,var(--main) 42%,transparent)}
body[data-menu-head-style="6"] #nav-original>.container-fluid{max-width:none!important;padding:9px clamp(14px,2.6vw,42px)!important}
body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu{justify-content:center!important;gap:5px!important;padding:5px!important;border:1px solid color-mix(in srgb,var(--main) 13%,var(--bg_border));border-radius:15px;background:color-mix(in srgb,var(--bg_sub) 67%,transparent)}
body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{border:1px solid transparent!important;border-radius:11px!important;color:var(--font_sub)!important;background:transparent!important;text-shadow:none!important}
body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){border-color:color-mix(in srgb,var(--main) 28%,transparent)!important;color:var(--font_main)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--main) 18%,var(--bg_sub)),color-mix(in srgb,var(--sub) 10%,var(--bg_sub)))!important;box-shadow:inset 0 1px color-mix(in srgb,var(--font_main) 7%,transparent)!important}
body[data-menu-head-style="6"] #nav-original .desktop-guest-actions .guest-register-link{display:flex!important}
body[data-menu-head-style="6"] #nav-original .desktop-guest-actions .guest-login-link,body[data-menu-head-style="6"] #nav-original .member-profile-trigger.member-avatar-trigger{clip-path:none!important;border-radius:12px!important}

/* Rebuilt style 7: floating command tabs inside a framed full-width shell. */
body[data-menu-head-style="7"] .site-topbar{min-height:34px;background:linear-gradient(90deg,color-mix(in srgb,var(--main) 18%,var(--bg_main)),var(--bg_main),color-mix(in srgb,var(--sub) 18%,var(--bg_main)));border-bottom:1px solid color-mix(in srgb,var(--main) 25%,var(--bg_border));box-shadow:none;color:var(--font_main)}
body[data-menu-head-style="7"] .site-topbar-inner{min-height:34px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-content:initial;padding:5px clamp(14px,3vw,44px)}
body[data-menu-head-style="7"] .site-topbar-brand,body[data-menu-head-style="7"] .site-topbar-contact{display:inline-flex}
body[data-menu-head-style="7"] .site-topbar-announcement{color:var(--font_sub);letter-spacing:0}
body[data-menu-head-style="7"] .site-topbar :is(.site-topbar-brand i,.site-topbar-contact i,.site-topbar-announcement i){color:var(--main)}
body[data-menu-head-style="7"] #nav-original{width:calc(100% - 24px)!important;max-width:none!important;min-height:72px;margin:8px auto!important;border:0!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important}
body[data-menu-head-style="7"] #nav-original>.container-fluid{padding:8px clamp(14px,2.4vw,36px)!important;border:1px solid color-mix(in srgb,var(--font_main) 10%,var(--bg_border));border-radius:20px;background:color-mix(in srgb,var(--bg_main) 96%,transparent);box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px color-mix(in srgb,var(--font_main) 6%,transparent)}
body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu{justify-content:center!important;gap:6px!important}
body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{min-height:46px!important;border:1px solid color-mix(in srgb,var(--font_main) 7%,transparent)!important;border-radius:14px!important;background:color-mix(in srgb,var(--bg_sub) 76%,transparent)!important}
body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link i{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--main) 10%,transparent);color:var(--main)!important}
body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){border-color:color-mix(in srgb,var(--main) 38%,transparent)!important;color:var(--font_main)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--main) 16%,var(--bg_sub)),color-mix(in srgb,var(--sub) 9%,var(--bg_sub)))!important;transform:translateY(-2px)}
body[data-menu-head-style="7"] #nav-original .desktop-guest-actions .guest-register-link{background:color-mix(in srgb,var(--main) 12%,var(--bg_sub))!important;border-color:color-mix(in srgb,var(--main) 26%,transparent)!important;color:var(--main)!important}
body[data-menu-head-style="7"] #nav-original .desktop-guest-actions .guest-login-link{background:linear-gradient(135deg,var(--main),var(--sub))!important;border-color:transparent!important;color:#fff!important}

/* Minimal service profile follows the active theme rather than white. */
body[data-menu-head-style="8"] #nav-original .member-profile-trigger.member-avatar-trigger{border-color:color-mix(in srgb,var(--main) 48%,var(--sub))!important;background:linear-gradient(135deg,var(--main),var(--sub))!important;box-shadow:0 7px 20px color-mix(in srgb,var(--main) 20%,transparent)!important}
body[data-menu-head-style="8"] #nav-original .member-profile-trigger-copy b,body[data-menu-head-style="8"] #nav-original .member-profile-trigger-copy small{color:#fff!important}
body[data-menu-head-style="8"] #nav-original .member-profile-head{border-color:color-mix(in srgb,var(--main) 32%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--main) 20%,var(--bg_sub)),color-mix(in srgb,var(--sub) 13%,var(--bg_sub)))!important}

/* Keep center layouts visually balanced: brand left, menu centered, tools right. */
@media(min-width:1200px){
  body:not([data-menu-head-style="5"]) #nav-original>.container-fluid{position:relative!important}
  body:not([data-menu-head-style="5"]) #offcanvasDarkNavbar .desktop-menu{position:absolute!important;z-index:1;left:50%!important;top:50%;width:max-content!important;max-width:58vw;transform:translate(-50%,-50%)!important}
  body:not([data-menu-head-style="5"]) #offcanvasDarkNavbar .offcanvas-body{justify-content:flex-end!important}
  body:not([data-menu-head-style="5"]) #nav-original .desktop-member-actions,body:not([data-menu-head-style="5"]) #nav-original .desktop-guest-actions{position:relative;z-index:2;margin-left:auto!important}
  body:not([data-menu-head-style="5"]) #nav-original .navbar-brand{position:relative;z-index:2;min-width:170px}
}

/* Desktop tool cluster: search, daily check-in, point balance, profile. */
#nav-original .desktop-member-actions{align-items:center!important;flex-direction:row!important;gap:7px!important;margin:0!important}
#nav-original .desktop-member-actions>.nav-item{margin:0!important}
#nav-original .nav-checkin-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--nav-line,var(--bg_border));border-radius:12px;color:var(--main);background:color-mix(in srgb,var(--bg_sub) 84%,transparent);text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
#nav-original .nav-checkin-icon:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--main) 12%,var(--bg_sub));box-shadow:0 0 0 3px color-mix(in srgb,var(--main) 9%,transparent)}
#nav-original .nav-checkin-alert{position:absolute!important;z-index:4!important;top:3px!important;right:3px!important;display:block!important;width:9px!important;height:9px!important;border:2px solid var(--bg_main)!important;border-radius:50%!important;background:#ff334f!important;box-shadow:0 0 0 0 rgba(255,51,79,.65),0 0 9px #ff334f!important;animation:navCheckinRewardPulse 1.35s ease-out infinite!important;pointer-events:none}
@keyframes navCheckinRewardPulse{0%{transform:scale(.85);box-shadow:0 0 0 0 rgba(255,51,79,.65),0 0 8px #ff334f}55%{transform:scale(1.2);box-shadow:0 0 0 7px rgba(255,51,79,0),0 0 13px #ff334f}100%{transform:scale(.85);box-shadow:0 0 0 0 rgba(255,51,79,0),0 0 8px #ff334f}}
#nav-original .nav-point-suffix{margin-left:4px;color:var(--main);font-size:8px;font-weight:700;text-transform:uppercase}
#nav-original .nav-balance-info strong{align-items:center!important}

/* Unified themed profile dropdown and history shortcuts. */
#nav-original .member-profile-menu{border-color:color-mix(in srgb,var(--main) 23%,var(--bg_border))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--main) 5%,var(--bg_main)),color-mix(in srgb,var(--sub) 5%,var(--bg_main)))!important}
#nav-original .member-profile-links{display:grid;gap:3px}
#nav-original .member-profile-link{gap:10px!important;color:var(--font_sub)!important;background:transparent!important}
#nav-original .member-profile-link i{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;flex:0 0 30px!important;border:1px solid color-mix(in srgb,var(--main) 16%,transparent)!important;border-radius:9px!important;color:var(--main)!important;background:color-mix(in srgb,var(--main) 9%,var(--bg_sub))!important}
#nav-original .member-profile-link:is(:hover,.active),#nav-original .member-profile-link.member-admin:hover,#nav-original .member-profile-link.member-logout:hover{transform:translateX(2px)!important;border-color:color-mix(in srgb,var(--main) 26%,transparent)!important;color:var(--font_main)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--main) 14%,var(--bg_sub)),color-mix(in srgb,var(--sub) 7%,var(--bg_sub)))!important}
#nav-original .member-profile-link:is(:hover,.active) i,#nav-original .member-profile-link.member-admin:hover i,#nav-original .member-profile-link.member-logout:hover i{border-color:color-mix(in srgb,var(--main) 45%,transparent)!important;color:#fff!important;background:linear-gradient(135deg,var(--main),var(--sub))!important;box-shadow:0 5px 14px color-mix(in srgb,var(--main) 22%,transparent)!important}
#nav-original .member-profile-rank .badge{color:#fff!important;background:linear-gradient(135deg,var(--main),var(--sub))!important}

@media(max-width:991.98px){
  /* The drawer owns one profile card only; desktop tools must never leak below it. */
  #offcanvasDarkNavbar .desktop-member-actions,#offcanvasDarkNavbar>.desktop-member-actions{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}
  #offcanvasDarkNavbar .offcanvas-header img{display:none!important}
  #offcanvasDarkNavbar .offcanvas-header>a{min-width:0}
  #offcanvasDarkNavbar .offcanvas-header #offcanvasDarkNavbarLabel{font-size:13px!important}
  #nav-original .navbar-toggler.btn-search{width:34px!important;height:34px!important;border-radius:10px!important}
  #nav-original .navbar-toggler.btn-search i{font-size:12px!important}
  #offcanvasDarkNavbar .mobile-balance-clean .nav-point-suffix{margin-left:3px;color:var(--main);font-size:7px;font-weight:700}
  #offcanvasDarkNavbar .mobile-admin-action,#offcanvasDarkNavbar .mobile-logout-action,#offcanvasDarkNavbar .mobile-profile-action{color:var(--font_main)!important;border-color:color-mix(in srgb,var(--main) 20%,transparent)!important;background:color-mix(in srgb,var(--main) 8%,var(--bg_sub))!important}
  #offcanvasDarkNavbar .mobile-admin-action:hover,#offcanvasDarkNavbar .mobile-logout-action:hover,#offcanvasDarkNavbar .mobile-profile-action:hover{color:#fff!important;border-color:transparent!important;background:linear-gradient(135deg,var(--main),var(--sub))!important}
  body[data-menu-head-style="6"] #nav-original{width:calc(100% - 10px)!important;margin:5px auto!important;border-radius:14px!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-main-menu .nav-link,body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-member-card{clip-path:none!important;border-radius:12px!important}
  body[data-menu-head-style="7"] .site-topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:5px 10px}
  body[data-menu-head-style="7"] .site-topbar-brand{display:none}
  body[data-menu-head-style="7"] #nav-original{width:calc(100% - 10px)!important;margin:5px auto!important;border-radius:15px!important}
  body[data-menu-head-style="7"] #nav-original>.container-fluid{
    border-color:color-mix(in srgb,var(--font_main) 6%,var(--bg_border))!important;
    border-radius:15px!important;
    box-shadow:0 7px 22px rgba(0,0,0,.065),inset 0 1px color-mix(in srgb,var(--font_main) 2%,transparent)!important
  }
}

/* ========================================================================
   Header collection V4 — true viewport centering and unified mobile tools
   ======================================================================== */
/* Announcement rails deliberately use a stronger main/sub mix than menus. */
body[data-menu-head-style="3"] .site-topbar{background:linear-gradient(105deg,var(--main),color-mix(in srgb,var(--main) 48%,var(--sub)),var(--sub))!important}
body[data-menu-head-style="6"] .site-topbar{background:linear-gradient(100deg,color-mix(in srgb,var(--sub) 72%,#090910),color-mix(in srgb,var(--main) 46%,#090910),color-mix(in srgb,var(--sub) 72%,#090910))!important;border-bottom-color:color-mix(in srgb,var(--main) 45%,transparent)!important}
body[data-menu-head-style="6"] .site-topbar :is(.site-topbar-brand i,.site-topbar-contact i,.site-topbar-announcement i){color:color-mix(in srgb,var(--main) 72%,#fff)!important}
body[data-menu-head-style="7"] .site-topbar{background:linear-gradient(105deg,color-mix(in srgb,var(--main) 34%,var(--bg_sub)),color-mix(in srgb,var(--sub) 22%,var(--bg_main)),color-mix(in srgb,var(--main) 28%,var(--bg_sub)))!important;border-bottom-color:color-mix(in srgb,var(--sub) 42%,var(--main))!important}
body[data-menu-head-style="8"] .site-topbar{background:linear-gradient(100deg,color-mix(in srgb,var(--main) 28%,#030306),color-mix(in srgb,var(--sub) 34%,#030306),color-mix(in srgb,var(--main) 24%,#030306))!important;border-bottom-color:color-mix(in srgb,var(--main) 50%,var(--sub))!important}

/* Real three-column grid: equal side tracks keep the navigation on viewport center. */
@media(min-width:992px){
  #nav-original .mobile-nav-tools{display:none!important}
  body:not([data-menu-head-style="5"]) #nav-original>.container-fluid{display:grid!important;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important;align-items:center!important;gap:12px!important;position:relative!important}
  body:not([data-menu-head-style="5"]) #nav-original .navbar-brand{grid-column:1!important;justify-self:start!important;min-width:0!important;margin:0!important}
  body:not([data-menu-head-style="5"]) #offcanvasDarkNavbar{display:contents!important}
  body:not([data-menu-head-style="5"]) #offcanvasDarkNavbar .offcanvas-header{display:none!important}
  body:not([data-menu-head-style="5"]) #offcanvasDarkNavbar .offcanvas-body{display:contents!important;width:auto!important;padding:0!important}
  body:not([data-menu-head-style="5"]) #offcanvasDarkNavbar .desktop-menu{grid-column:2!important;justify-self:center!important;position:static!important;inset:auto!important;width:max-content!important;max-width:60vw!important;margin:0!important;transform:none!important}
  body:not([data-menu-head-style="5"]) #nav-original .desktop-member-actions,body:not([data-menu-head-style="5"]) #nav-original .desktop-guest-actions{grid-column:3!important;justify-self:end!important;position:static!important;z-index:auto!important;margin:0!important}
  body:not([data-menu-head-style="5"]) #offcanvasDarkNavbar .mobile-main-menu,body:not([data-menu-head-style="5"]) #offcanvasDarkNavbar .mobile-member-actions{display:none!important}
}

@media(max-width:991.98px){
  /* Search, daily check-in and menu buttons share one compact tap target. */
  #nav-original .navbar-toggler,#nav-original .navbar-toggler.btn-search{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:10px!important}
  #nav-original .navbar-toggler i,#nav-original .navbar-toggler.btn-search i{font-size:12px!important;line-height:1!important}
  #nav-original .mobile-nav-tools{gap:6px!important}
}

/* ========================================================================
   Header collection V5 — distinct typography and announcement readability
   ======================================================================== */
/* Every announcement rail follows the configured primary font colour. */
.site-topbar,
.site-topbar a,
.site-topbar .site-topbar-brand,
.site-topbar .site-topbar-contact,
.site-topbar .site-topbar-announcement,
.site-topbar .site-topbar-announcement span,
.site-topbar .site-topbar-announcement:after{color:var(--font_main)!important}

/* 3 / Basic: firm type and solid icons. */
body[data-menu-head-style="3"] #nav-original .desktop-menu>.nav-item>.nav-link,
body[data-menu-head-style="3"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{font-weight:700!important;letter-spacing:.01em}
body[data-menu-head-style="3"] :is(#nav-original,#site-topbar) i{font-family:"Font Awesome 6 Pro","Font Awesome 6 Free"!important;font-weight:700!important}

/* 5 / Left aligned: lighter editorial type and light-line icons. */
body[data-menu-head-style="5"] .site-topbar{display:block!important;background:linear-gradient(100deg,color-mix(in srgb,var(--sub) 30%,var(--bg_sub)),color-mix(in srgb,var(--main) 18%,var(--bg_main)),color-mix(in srgb,var(--sub) 24%,var(--bg_sub)))!important;border-bottom-color:color-mix(in srgb,var(--sub) 38%,var(--main))!important}
body[data-menu-head-style="5"] #nav-original .desktop-menu>.nav-item>.nav-link,
body[data-menu-head-style="5"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{font-weight:500!important;letter-spacing:.015em}
body[data-menu-head-style="5"] :is(#nav-original,#site-topbar) i{font-family:"Font Awesome 6 Pro","Font Awesome 6 Free"!important;font-weight:300!important}

/* 6 / Esports: bold labels and solid, compact control icons. */
body[data-menu-head-style="6"] #nav-original .desktop-menu>.nav-item>.nav-link,
body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{font-weight:700!important;letter-spacing:.025em}
body[data-menu-head-style="6"] :is(#nav-original,#site-topbar) i{font-family:"Font Awesome 6 Pro","Font Awesome 6 Free"!important;font-weight:700!important}
body[data-menu-head-style="6"] #nav-original .site-brand-name{display:none!important}

/* 7 / Announcement capsule: medium-bold tabs with solid icons. */
body[data-menu-head-style="7"] #nav-original .desktop-menu>.nav-item>.nav-link,
body[data-menu-head-style="7"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{font-weight:700!important;letter-spacing:0}
body[data-menu-head-style="7"] :is(#nav-original,#site-topbar) i{font-family:"Font Awesome 6 Pro","Font Awesome 6 Free"!important;font-weight:700!important}

/* 8 / Minimal service: thin labels and light-line icons; logo stands alone. */
body[data-menu-head-style="8"] #nav-original .desktop-menu>.nav-item>.nav-link,
body[data-menu-head-style="8"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{font-weight:500!important;letter-spacing:.02em}
body[data-menu-head-style="8"] :is(#nav-original,#site-topbar) i{font-family:"Font Awesome 6 Pro","Font Awesome 6 Free"!important;font-weight:300!important}
body[data-menu-head-style="8"] #nav-original .site-brand-name{display:none!important}

/* Keep ticker-generated text readable with the same font colour too. */
body[data-menu-head-style="8"] .site-topbar-announcement:after{color:var(--font_main)!important}

/* ========================================================================
   Header collection V6 — service submenu matches the profile menu
   ======================================================================== */
#nav-original .service-item{
  gap:10px!important;border:1px solid transparent!important;border-radius:11px!important;
  color:var(--font_sub)!important;background:transparent!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important
}
#nav-original .service-item .service-icon{
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;flex:0 0 30px!important;
  border:1px solid color-mix(in srgb,var(--main) 16%,transparent)!important;border-radius:9px!important;
  color:var(--main)!important;background:color-mix(in srgb,var(--main) 9%,var(--bg_sub))!important
}
#nav-original .service-item:is(:hover,.active){
  transform:translateX(2px)!important;border-color:color-mix(in srgb,var(--main) 26%,transparent)!important;
  color:var(--font_main)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--main) 14%,var(--bg_sub)),color-mix(in srgb,var(--sub) 7%,var(--bg_sub)))!important;
  box-shadow:none!important
}
#nav-original .service-item:is(:hover,.active) .service-icon{
  transform:none!important;border-color:color-mix(in srgb,var(--main) 45%,transparent)!important;color:#fff!important;
  background:linear-gradient(135deg,var(--main),var(--sub))!important;box-shadow:0 5px 14px color-mix(in srgb,var(--main) 22%,transparent)!important
}

@media(max-width:991.98px){
  #offcanvasDarkNavbar :is(.mobile-service-submenu-v21 a,.mobile-service-item){
    gap:10px!important;min-height:43px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:11px!important;
    color:var(--font_sub)!important;background:transparent!important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important
  }
  #offcanvasDarkNavbar .mobile-service-submenu-v21 a>i,
  #offcanvasDarkNavbar .mobile-service-item .mobile-service-icon{
    width:30px!important;height:30px!important;display:grid!important;place-items:center!important;flex:0 0 30px!important;
    border:1px solid color-mix(in srgb,var(--main) 16%,transparent)!important;border-radius:9px!important;
    color:var(--main)!important;background:color-mix(in srgb,var(--main) 9%,var(--bg_sub))!important
  }
  #offcanvasDarkNavbar :is(.mobile-service-submenu-v21 a,.mobile-service-item):is(:hover,.active){
    transform:translateX(2px)!important;border-color:color-mix(in srgb,var(--main) 26%,transparent)!important;
    color:var(--font_main)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--main) 14%,var(--bg_sub)),color-mix(in srgb,var(--sub) 7%,var(--bg_sub)))!important
  }
  #offcanvasDarkNavbar .mobile-service-submenu-v21 a:is(:hover,.active)>i,
  #offcanvasDarkNavbar .mobile-service-item:is(:hover,.active) .mobile-service-icon{
    border-color:color-mix(in srgb,var(--main) 45%,transparent)!important;color:#fff!important;
    background:linear-gradient(135deg,var(--main),var(--sub))!important;box-shadow:0 5px 14px color-mix(in srgb,var(--main) 22%,transparent)!important
  }
  #offcanvasDarkNavbar .mobile-service-item:is(:hover,.active) .mobile-service-icon i{color:#fff!important}
}

/* Logout stays red in every header variant, including hover. */
#nav-original .member-profile-link.member-logout,
#nav-original .member-profile-link.member-logout:hover{
  color:#ff626a!important;border-color:rgba(220,53,69,.28)!important;background:rgba(220,53,69,.10)!important
}
#nav-original .member-profile-link.member-logout i{color:#ff626a!important;border-color:rgba(220,53,69,.25)!important;background:rgba(220,53,69,.10)!important}
#nav-original .member-profile-link.member-logout:hover i{color:#fff!important;border-color:#dc3545!important;background:#dc3545!important;box-shadow:0 5px 14px rgba(220,53,69,.22)!important}
@media(max-width:991.98px){
  #offcanvasDarkNavbar .mobile-logout-action,
  #offcanvasDarkNavbar .mobile-logout-action:hover{
    color:#ff626a!important;border-color:rgba(220,53,69,.28)!important;background:rgba(220,53,69,.10)!important
  }
  #offcanvasDarkNavbar .mobile-logout-action i{color:#ff626a!important}
}

/* ========================================================================
   Header collection V7 — urgent ticker and final layout refinements
   ======================================================================== */
.site-topbar-service{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  color:var(--font_main);font-size:10px;font-weight:700
}
.site-topbar-service i{color:var(--main)}
.site-topbar-ticker{min-width:0;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.site-topbar-ticker-track{
  width:max-content;display:flex;align-items:center;white-space:nowrap;
  will-change:transform;animation:siteUrgentTicker var(--ticker-duration,9s) linear infinite
}
.site-topbar-ticker-group{display:flex;align-items:center;flex:0 0 auto}
.site-topbar-ticker-track span{display:inline-flex;align-items:center;color:var(--font_main)!important}
.site-topbar-ticker-track span:after{content:"•";margin:0 22px;color:var(--main);font-size:.8em;opacity:.8}
@keyframes siteUrgentTicker{to{transform:translateX(-50%)}}

/* Basic uses the site's real animated bg-main surface and has no centre copy. */
body[data-menu-head-style="3"] .site-topbar.bg-main{
  min-height:36px!important;margin:0!important;padding:0!important;border-radius:0!important;
  cursor:default!important;transform:none!important;box-shadow:none!important;text-align:initial!important
}
body[data-menu-head-style="3"] .site-topbar.bg-main:hover{transform:none!important;filter:none!important}
body[data-menu-head-style="3"] .site-topbar.bg-main>.site-topbar-inner{position:relative;z-index:2}
body[data-menu-head-style="3"] .site-topbar-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0;padding:6px 0!important}
body[data-menu-head-style="3"] :is(.site-topbar-service,.site-topbar-contact){display:none!important}
body[data-menu-head-style="3"] .site-topbar-announcement{display:block!important;width:100%!important;min-width:0!important;padding-inline:10px!important;overflow:hidden!important}

/* The remaining variants reserve the full strip for the fast urgent ticker. */
body:is([data-menu-head-style="5"],[data-menu-head-style="6"],[data-menu-head-style="7"],[data-menu-head-style="8"]) .site-topbar{display:block!important;height:34px!important;min-height:34px!important;overflow:hidden!important}
body:is([data-menu-head-style="5"],[data-menu-head-style="6"],[data-menu-head-style="7"],[data-menu-head-style="8"]) .site-topbar-inner{
  width:100%!important;min-width:0!important;min-height:34px!important;display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;padding:6px 0!important;animation:none!important
}
body:is([data-menu-head-style="5"],[data-menu-head-style="6"],[data-menu-head-style="7"],[data-menu-head-style="8"]) :is(.site-topbar-service,.site-topbar-contact){display:none!important}
body:is([data-menu-head-style="5"],[data-menu-head-style="6"],[data-menu-head-style="7"],[data-menu-head-style="8"]) .site-topbar-announcement{
  width:100%!important;min-width:0!important;display:block!important;
  padding-inline:10px!important;overflow:hidden!important;color:var(--font_main)!important
}
body[data-menu-head-style="8"] .site-topbar-announcement:after{content:none!important}

/* Left aligned: intentionally heavy labels and solid fas icon weight. */
body[data-menu-head-style="5"] #nav-original .desktop-menu>.nav-item>.nav-link,
body[data-menu-head-style="5"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{font-weight:700!important;letter-spacing:.01em}
body[data-menu-head-style="5"] :is(#nav-original,#site-topbar) i{
  font-family:"Font Awesome 6 Pro","Font Awesome 6 Free"!important;font-weight:700!important
}

/* Esports navigation uses a full pill for both the rail and interaction state. */
body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu{border-radius:999px!important}
body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{
  border-radius:999px!important;padding-inline:14px!important
}
body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){
  border-radius:999px!important;box-shadow:0 6px 18px color-mix(in srgb,var(--main) 13%,transparent)!important
}
body[data-menu-head-style="6"] #nav-original .site-brand-name{display:inline-flex!important}

/* Minimal service: give menu and tools explicit room so search never overlays tabs. */
@media(min-width:992px){
  body[data-menu-head-style="8"] #nav-original>.container-fluid{
    grid-template-columns:minmax(112px,1fr) minmax(0,max-content) minmax(140px,1fr)!important;
    gap:clamp(8px,1.3vw,18px)!important
  }
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu{max-width:min(54vw,680px)!important;gap:2px!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{
    min-height:38px!important;padding:7px clamp(7px,.8vw,11px)!important;font-size:clamp(10px,.78vw,12px)!important
  }
  body[data-menu-head-style="8"] #nav-original :is(.desktop-member-actions,.desktop-guest-actions){gap:5px!important;min-width:max-content}
  body[data-menu-head-style="8"] #nav-original :is(.nav-search-icon,.nav-checkin-icon){width:38px;height:38px;border-radius:999px!important}
}
@media(min-width:992px) and (max-width:1199.98px){
  body[data-menu-head-style="8"] #nav-original>.container-fluid{padding-inline:12px!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{gap:4px!important;padding-inline:7px!important;font-size:10px!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link i{font-size:11px!important;min-width:12px!important}
  body[data-menu-head-style="8"] #nav-original .nav-balance-compact{display:none!important}
}

@media(max-width:991.98px){
  body[data-menu-head-style="3"] .site-topbar-inner{grid-template-columns:minmax(0,1fr)!important;padding-inline:0!important}
}
@media(prefers-reduced-motion:reduce){.site-topbar-ticker-track{animation:none!important}}

/* ========================================================================
   Description footer V2 — four complete layouts (basic footer is untouched)
   ======================================================================== */
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5){
  position:relative;isolation:isolate;overflow:hidden;margin-top:64px!important;
  border-top:1px solid color-mix(in srgb,var(--main) 32%,var(--bg_border))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--main) 5%,var(--bg_main)),var(--bg_main) 52%,color-mix(in srgb,var(--sub) 6%,var(--bg_main)))!important
}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5):before{
  content:"";position:absolute;z-index:-1;left:8%;right:8%;top:-80px;height:120px;border-radius:50%;
  background:linear-gradient(90deg,var(--main),var(--sub));filter:blur(62px);opacity:.16;pointer-events:none
}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5)>.container{width:min(1240px,100%);max-width:none;padding:34px 24px 0!important}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-main{display:grid;align-items:stretch;gap:14px;margin:0!important}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-main>div{width:100%;max-width:none;margin:0!important;padding:0!important}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){height:100%;margin:0!important}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-card{align-items:center;margin:0!important;padding:20px!important}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-logo p{margin:0!important}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-logo img{width:auto!important;max-width:105px!important;max-height:72px!important;margin:0!important;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(0,0,0,.22))}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-copy h5{margin:0 0 7px!important;font-size:17px;font-weight:700!important}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-copy small{display:block;color:var(--font_sub);font-size:10px;line-height:1.7}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-links-card{padding:20px!important}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-links-card h6{margin:0 0 11px!important;color:var(--font_main);font-size:10px;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-links-card p{margin:0 0 7px!important}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-links-card a{display:inline-flex;align-items:center;min-height:25px;color:var(--font_sub)!important;font-size:9px!important;text-decoration:none;transition:color .18s ease,transform .18s ease}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-links-card a:hover{color:var(--main)!important;transform:translateX(3px)}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-links-card img{width:17px!important;height:17px!important;margin-right:7px!important;border-radius:5px!important;object-fit:cover}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-widget-card{display:grid;place-items:center;min-width:0;padding:17px!important;overflow:hidden}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-widget-card center{width:100%}.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-widget-card iframe{max-width:100%;border-radius:11px}
.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-bottom{margin:22px 0 0!important;padding:15px 0!important;border-top:1px solid var(--footer-line);background:transparent!important}.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-bottom>.row{align-items:center}.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-bottom small{font-size:8px}.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-bottom h6{margin:0;font-size:9px}

/* 2 — balanced storefront: broad brand with a compact utility rail. */
.site-description-footer.footer-style-2 .site-footer-main{grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr) minmax(290px,.95fr)}
.site-description-footer.footer-style-2 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){border:1px solid var(--footer-line);border-radius:17px;background:color-mix(in srgb,var(--bg_sub) 72%,transparent)}
.site-description-footer.footer-style-2 .site-footer-brand-card{border-left:3px solid var(--main);background:linear-gradient(105deg,color-mix(in srgb,var(--main) 12%,var(--bg_sub)),color-mix(in srgb,var(--sub) 5%,var(--bg_sub)))}
.site-description-footer.footer-style-2 .site-footer-links-card{border-top:3px solid color-mix(in srgb,var(--sub) 70%,var(--main))}

/* 3 — premium glass: floating translucent modules. */
.site-description-footer.footer-style-3>.container{padding-top:42px!important}
.site-description-footer.footer-style-3 .site-footer-main{grid-template-columns:minmax(0,1.15fr) minmax(270px,.8fr) minmax(300px,1fr);gap:18px}
.site-description-footer.footer-style-3 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){padding:22px!important;border:1px solid color-mix(in srgb,#fff 12%,var(--footer-line))!important;border-radius:23px!important;background:linear-gradient(145deg,color-mix(in srgb,#fff 6%,var(--bg_sub)),color-mix(in srgb,var(--bg_main) 70%,transparent))!important;box-shadow:inset 0 1px color-mix(in srgb,#fff 10%,transparent),0 17px 38px rgba(0,0,0,.11)!important;backdrop-filter:blur(16px)}
.site-description-footer.footer-style-3 .site-footer-brand-logo img{max-width:118px!important;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--main) 28%,transparent))}

/* 4 — gaming command deck: brand rail plus two strong lower panels. */
.site-description-footer.footer-style-4{border-top:2px solid var(--main)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--main) 9%,var(--bg_main)),var(--bg_main) 46%,color-mix(in srgb,var(--sub) 9%,var(--bg_main)))!important}
.site-description-footer.footer-style-4:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--main),var(--sub),var(--main),transparent);box-shadow:0 0 16px var(--main);opacity:.85}
.site-description-footer.footer-style-4 .site-footer-main{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:12px}
.site-description-footer.footer-style-4 .site-footer-brand-column{grid-column:1/-1}
.site-description-footer.footer-style-4 .site-footer-brand-card{display:grid;grid-template-columns:120px minmax(0,1fr);padding:18px 24px!important;border:1px solid color-mix(in srgb,var(--main) 32%,var(--footer-line));border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--main) 15%,var(--bg_sub)),var(--bg_sub) 55%,color-mix(in srgb,var(--sub) 11%,var(--bg_sub)));clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.site-description-footer.footer-style-4 :is(.site-footer-links-card,.site-footer-widget-card){border:1px solid color-mix(in srgb,var(--main) 24%,var(--footer-line));border-radius:13px;background:color-mix(in srgb,var(--bg_sub) 84%,transparent);box-shadow:inset 3px 0 color-mix(in srgb,var(--main) 55%,transparent)}
.site-description-footer.footer-style-4 .site-footer-links-card h6{color:var(--main)}

/* 5 — minimal two-level: clean columns and a separate copyright shelf. */
.site-description-footer.footer-style-5{background:var(--bg_main)!important}
.site-description-footer.footer-style-5 .site-footer-main{grid-template-columns:minmax(260px,1.2fr) minmax(240px,.75fr) minmax(290px,1fr);gap:28px}
.site-description-footer.footer-style-5 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){padding:17px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site-description-footer.footer-style-5 .site-footer-brand-card{border-right:1px solid var(--footer-line)!important;padding-right:25px!important}
.site-description-footer.footer-style-5 .site-footer-links-card{border-right:1px solid var(--footer-line)!important;padding-right:22px!important}
.site-description-footer.footer-style-5 .site-footer-bottom{margin-right:-24px!important;margin-left:-24px!important;padding:15px 24px!important;background:color-mix(in srgb,var(--bg_sub) 72%,transparent)!important}

@media(max-width:991.98px){
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-main{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-column{grid-column:1/-1}
}
@media(max-width:767.98px){
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5){margin-top:42px!important}
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5)>.container{padding:22px 13px 0!important}
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-main{grid-template-columns:1fr!important;gap:9px!important}
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-main>div{grid-column:1!important}
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){padding:14px!important;border:1px solid var(--footer-line)!important;border-radius:15px!important;background:color-mix(in srgb,var(--bg_sub) 72%,transparent)!important;clip-path:none!important;box-shadow:none!important}
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;text-align:left}
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-logo{width:100%!important}.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-copy{width:100%!important}.site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-copy :is(h5,small){text-align:left!important}
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-brand-logo img{max-width:68px!important;max-height:55px!important}
  .site-description-footer:is(.footer-style-2,.footer-style-3,.footer-style-4,.footer-style-5) .site-footer-widget-card iframe{max-width:290px}
  .site-description-footer.footer-style-5 .site-footer-bottom{margin:11px 0 0!important;padding:13px 0!important}
}

/* Language selector: flag + short code before search on desktop and mobile. */
#nav-original .site-language-switcher{position:relative;flex:0 0 auto!important}
#nav-original .site-language-toggle{
  width:auto!important;min-width:58px!important;height:42px!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;gap:6px!important;padding:0 9px!important;border:1px solid var(--nav-line,var(--bg_border))!important;
  border-radius:12px!important;color:var(--font_main)!important;background:color-mix(in srgb,var(--bg_sub) 84%,transparent)!important;
  line-height:1!important;box-shadow:none!important;transition:transform .18s ease,background .18s ease,border-color .18s ease!important
}
#nav-original .site-language-toggle:hover,#nav-original .site-language-toggle[aria-expanded="true"]{
  transform:translateY(-1px);border-color:color-mix(in srgb,var(--main) 36%,transparent)!important;
  background:color-mix(in srgb,var(--main) 12%,var(--bg_sub))!important
}
#nav-original .site-language-flag{display:block;width:22px!important;height:15px!important;flex:0 0 22px;object-fit:cover;border:1px solid color-mix(in srgb,#fff 34%,transparent);border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.2)}
#nav-original .site-language-code{color:var(--font_main);font-size:9px;font-weight:700;letter-spacing:.04em}
#nav-original .site-language-menu{
  z-index:1140!important;min-width:190px!important;margin-top:8px!important;padding:7px!important;
  border:1px solid color-mix(in srgb,var(--main) 22%,var(--bg_border))!important;border-radius:14px!important;
  background:color-mix(in srgb,var(--bg_main) 97%,transparent)!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)
}
#nav-original .site-language-option{
  width:100%;min-height:42px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;
  padding:7px 9px;border:1px solid transparent;border-radius:10px;color:var(--font_sub)!important;background:transparent!important;
  font-size:11px;font-weight:700;text-align:left;transition:.16s ease
}
#nav-original .site-language-option small{color:var(--font_sub);font-size:8px;font-weight:700}
#nav-original .site-language-option:is(:hover,.active){border-color:color-mix(in srgb,var(--main) 25%,transparent);color:var(--font_main)!important;background:color-mix(in srgb,var(--main) 11%,var(--bg_sub))!important}
#nav-original .site-language-option.active:after{content:"✓";color:var(--main);font-size:11px;font-weight:700}
#nav-original .site-language-option.active small{display:none}
@media(max-width:991.98px){
  #nav-original .site-language-mobile .site-language-toggle{width:52px!important;min-width:52px!important;height:36px!important;padding:0 6px!important;border-radius:10px!important}
  #nav-original .site-language-mobile .site-language-flag{width:20px!important;height:13px!important;flex-basis:20px}
  #nav-original .site-language-mobile .site-language-code{font-size:8px!important}
  #nav-original .site-language-mobile .site-language-menu{display:none!important}
}
.site-language-mobile-modal{position:fixed;z-index:1000000;inset:0;display:none;place-items:center;padding:16px}.site-language-mobile-modal.show{display:grid}.site-language-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:rgba(0,0,0,.67);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.site-language-modal-panel{position:relative;width:min(330px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:hidden;padding:12px;border:1px solid color-mix(in srgb,var(--main) 28%,var(--bg_border));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--main) 7%,var(--bg_main)),color-mix(in srgb,var(--sub) 6%,var(--bg_main)));box-shadow:0 28px 80px rgba(0,0,0,.5)}.site-language-modal-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 11px;border-bottom:1px solid color-mix(in srgb,var(--main) 13%,transparent)}.site-language-modal-panel>header>div{display:flex;flex-direction:column}.site-language-modal-panel>header small{color:var(--main);font-size:8px;font-weight:700;letter-spacing:.16em}.site-language-modal-panel>header strong{margin-top:2px;color:var(--font_main);font-size:15px;font-weight:700}.site-language-modal-close{display:grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--main) 18%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bg_sub) 82%,transparent);color:var(--font_main)}.site-language-modal-options{display:grid;gap:7px;padding-top:11px}.site-language-modal-options .site-language-option{width:100%;min-height:49px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 11px;border:1px solid transparent;border-radius:12px;background:color-mix(in srgb,var(--bg_sub) 72%,transparent);color:var(--font_sub);font-size:12px;font-weight:700;text-align:left}.site-language-modal-options .site-language-option .site-language-flag{width:24px;height:17px;object-fit:cover;border-radius:4px}.site-language-modal-options .site-language-option small{color:var(--font_sub);font-size:9px}.site-language-modal-options .site-language-option:is(:hover,.active){border-color:color-mix(in srgb,var(--main) 30%,transparent);background:color-mix(in srgb,var(--main) 12%,var(--bg_sub));color:var(--font_main)}.site-language-modal-options .site-language-option.active:after{content:"✓";color:var(--main);font-size:12px;font-weight:700}.site-language-modal-options .site-language-option.active small{display:none}.site-language-modal-open{overflow:hidden!important}

/* ========================================================================
   Header collection V8 — complete level pills in every member profile
   ======================================================================== */
.member-level-title-effect{font-size:11px!important;line-height:1.35!important;font-weight:700!important}
.member-level-title-effect .member-level-prefix{
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;font-size:10px!important;line-height:inherit!important;opacity:.9!important
}
#nav-original .member-level-block{margin-top:12px;padding:9px 10px 10px;border:1px solid color-mix(in srgb,var(--main) 14%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg_main) 32%,transparent)}
#nav-original .member-level-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;overflow:visible}
#nav-original .member-level-percent{flex:0 0 auto;color:var(--font_main);font-size:10px;font-weight:700}
#nav-original .member-level-meter,
#offcanvasDarkNavbar .mobile-level-track{
  position:relative;height:12px!important;padding:2px!important;overflow:visible!important;
  border:1px solid color-mix(in srgb,var(--main) 28%,var(--bg_border))!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--bg_main) 76%,#000)!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--font_main) 3%,transparent)
}
#nav-original .member-level-meter-fill,
#offcanvasDarkNavbar .mobile-level-track>span{
  position:relative;display:block;height:100%!important;min-width:min(100%,7px);border-radius:999px!important;
  background:linear-gradient(90deg,var(--sub),var(--main),color-mix(in srgb,var(--main) 70%,#fff))!important;
  box-shadow:0 0 8px color-mix(in srgb,var(--main) 62%,transparent),inset 0 1px color-mix(in srgb,#fff 40%,transparent)!important;
  transition:width .5s cubic-bezier(.2,.8,.2,1)
}
#nav-original .member-level-meter-fill:after,
#offcanvasDarkNavbar .mobile-level-track>span:after{
  content:"";position:absolute;top:50%;right:1px;width:5px;height:5px;transform:translateY(-50%);
  border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 11px var(--main)
}
@media(max-width:991.98px){
  #offcanvasDarkNavbar .mobile-member-card{overflow:visible!important}
  #offcanvasDarkNavbar .mobile-member-identity>.member-level-title-effect{font-size:10px!important}
  #offcanvasDarkNavbar .mobile-level-row{margin-top:12px!important;font-size:11px!important;overflow:visible!important}
  #offcanvasDarkNavbar .mobile-level-row>.member-level-title-effect{padding:0!important;background:transparent!important;font-size:11px!important;overflow:visible!important}
  #offcanvasDarkNavbar .mobile-level-row>.member-level-title-effect b{font-size:11px!important;line-height:1.35!important}
  #offcanvasDarkNavbar .mobile-level-row>.member-level-title-effect .member-level-prefix{font-size:10px!important}
  #offcanvasDarkNavbar .mobile-level-row>small{font-size:10px!important;font-weight:700;color:var(--font_main)}
  #offcanvasDarkNavbar .mobile-level-track{margin-top:7px!important}
}
/* Header V9 — stable three-zone layout and correctly cropped profile tools */
@media(min-width:992px){
  #nav-original{overflow:visible!important}
  #nav-original>.container-fluid{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(125px,1fr) minmax(0,auto) minmax(190px,1fr)!important;align-items:center!important;gap:clamp(9px,1.25vw,18px)!important;padding-inline:clamp(12px,1.8vw,24px)!important}
  #nav-original .navbar-brand{grid-column:1!important;justify-self:start!important;min-width:0!important;max-width:100%!important;margin:0!important}
  #nav-original .navbar-brand img{width:auto!important;max-width:112px!important;max-height:40px!important;object-fit:contain!important}
  #offcanvasDarkNavbar{display:contents!important}
  #offcanvasDarkNavbar .offcanvas-body{display:contents!important;padding:0!important}
  #offcanvasDarkNavbar .desktop-menu{grid-column:2!important;justify-self:center!important;position:static!important;inset:auto!important;width:max-content!important;max-width:min(58vw,720px)!important;margin:0!important;transform:none!important}
  #nav-original :is(.desktop-member-actions,.desktop-guest-actions){grid-column:3!important;justify-self:end!important;position:static!important;min-width:0!important;max-width:100%!important;margin:0!important}
  #nav-original .desktop-member-actions{display:flex!important;flex-wrap:nowrap!important}
  #nav-original .member-profile-trigger.member-avatar-trigger{width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;padding:3px!important;overflow:hidden!important;border-radius:50%!important}
  #nav-original .member-profile-trigger.member-avatar-trigger>img{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;object-fit:cover!important;border-radius:50%!important;margin:0!important}
  #nav-original .member-profile-trigger.member-avatar-trigger .member-profile-trigger-copy{display:none!important}
  body[data-menu-head-style="5"] #nav-original>.container-fluid{grid-template-columns:auto minmax(0,1fr) auto!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu{justify-self:start!important}
}
@media(min-width:992px) and (max-width:1240px){
  #nav-original{width:calc(100% - 14px)!important}
  #nav-original>.container-fluid{grid-template-columns:minmax(90px,.7fr) minmax(0,auto) minmax(150px,.7fr)!important;gap:7px!important;padding-inline:9px!important}
  #nav-original .navbar-brand img{max-width:86px!important}
  #nav-original .site-brand-name{display:none!important}
  #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{padding-inline:7px!important;font-size:10px!important;gap:4px!important}
  #nav-original :is(.desktop-member-actions,.desktop-guest-actions){gap:4px!important}
  #nav-original .nav-balance-compact{display:none!important}
}
@media(max-width:991.98px){
  #nav-original{overflow:visible!important;width:calc(100% - 12px)!important;border-radius:15px!important}
  #nav-original>.container-fluid{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:7px 9px!important}
  #nav-original .navbar-brand{min-width:0!important;max-width:calc(100% - 180px)!important;margin:0!important;overflow:hidden!important}
  #nav-original .navbar-brand img{width:auto!important;max-width:86px!important;height:34px!important;object-fit:contain!important}
  #nav-original .navbar-brand .site-brand-name{display:none!important}
  #nav-original .mobile-nav-tools{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:5px!important;margin-left:auto!important}
  #nav-original .mobile-nav-tools>:is(button,a),#nav-original .site-language-mobile .site-language-toggle{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border-radius:9px!important}
  #nav-original .site-language-mobile .site-language-toggle{grid-template-columns:1fr!important}
  #nav-original .site-language-mobile .site-language-code{display:none!important}
  #nav-original .site-language-mobile .site-language-flag{width:20px!important;height:14px!important;margin:auto!important}
  #nav-original .mobile-nav-tools i{font-size:11px!important;line-height:1!important}
  #offcanvasDarkNavbar{z-index:1045!important;width:min(355px,88vw)!important}
  #offcanvasDarkNavbar .offcanvas-header>a{display:none!important}
  #offcanvasDarkNavbar .offcanvas-header{min-height:54px!important;justify-content:flex-end!important;padding:10px 13px!important}
}

/* ========================================================================
   Header V10 — definitive professional layouts for all five named variants
   ======================================================================== */
/* One circular avatar contract for the trigger, dropdown and mobile drawer. */
#nav-original :is(.member-avatar-trigger,.member-profile-avatar,.mobile-avatar-only),
#offcanvasDarkNavbar :is(.member-avatar-trigger,.member-profile-avatar,.mobile-avatar-only){
  aspect-ratio:1/1!important;overflow:hidden!important;border-radius:50%!important;clip-path:none!important
}
#nav-original :is(.member-avatar-trigger,.member-profile-avatar,.mobile-avatar-only)>img,
#nav-original .member-avatar-trigger>img,
#offcanvasDarkNavbar :is(.member-profile-avatar,.mobile-avatar-only)>img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  margin:0!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;clip-path:none!important
}
#nav-original .member-profile-avatar{width:52px!important;height:52px!important;min-width:52px!important;flex:0 0 52px!important}
#offcanvasDarkNavbar .mobile-avatar-only{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important}

@media(min-width:992px){
  /* Shared, non-wrapping three-zone foundation. */
  body[data-menu-head-style] #offcanvasDarkNavbar{display:contents!important;position:static!important;width:auto!important;height:auto!important;visibility:visible!important;transform:none!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body[data-menu-head-style] #offcanvasDarkNavbar .offcanvas-header{display:none!important}
  body[data-menu-head-style] #offcanvasDarkNavbar .offcanvas-body{display:contents!important;width:auto!important;padding:0!important;overflow:visible!important}
  #nav-original>.container-fluid{min-height:58px!important}
  #nav-original .navbar-brand,#offcanvasDarkNavbar .desktop-menu,#nav-original :is(.desktop-member-actions,.desktop-guest-actions){align-self:center!important}
  #offcanvasDarkNavbar .desktop-menu{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;overflow:visible!important}
  #offcanvasDarkNavbar .desktop-menu>.nav-item{flex:0 0 auto!important}
  #nav-original :is(.desktop-member-actions,.desktop-guest-actions){display:flex!important;align-items:center!important;flex-wrap:nowrap!important;white-space:nowrap!important}
  #nav-original .member-nav-compact{flex:0 0 auto!important}

  /* 3 Basic — full-width dependable bar, equal left/right zones. */
  body[data-menu-head-style="3"] #nav-original{width:100%!important;max-width:none!important;margin:0!important;border-width:0 0 1px!important;border-radius:0!important}
  body[data-menu-head-style="3"] #nav-original>.container-fluid{grid-template-columns:minmax(170px,1fr) auto minmax(210px,1fr)!important;padding-inline:clamp(18px,3vw,52px)!important}
  body[data-menu-head-style="3"] #offcanvasDarkNavbar .desktop-menu{justify-self:center!important;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--bg_sub) 52%,transparent)}
  body[data-menu-head-style="3"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{border-radius:9px!important}

  /* 5 Left aligned — logo and navigation form one editorial rail. */
  body[data-menu-head-style="5"] #nav-original{width:100%!important;max-width:none!important;margin:0!important;border-width:0 0 1px!important;border-radius:0!important;box-shadow:0 8px 26px rgba(0,0,0,.08)!important}
  body[data-menu-head-style="5"] #nav-original>.container-fluid{grid-template-columns:auto minmax(0,1fr) auto!important;gap:18px!important;padding-inline:clamp(20px,4vw,68px)!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu{justify-self:start!important;margin:0!important;padding:0!important;background:transparent!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{min-height:40px!important;border:0!important;border-radius:999px!important;padding-inline:13px!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){background:color-mix(in srgb,var(--main) 12%,var(--bg_sub))!important;box-shadow:none!important}

  /* 6 Esports center — centered command deck with angular interaction tabs. */
  body[data-menu-head-style="6"] #nav-original{width:calc(100% - 20px)!important;max-width:1440px!important;margin:8px auto!important;border:1px solid color-mix(in srgb,var(--main) 35%,var(--bg_border))!important;border-radius:12px!important;background:linear-gradient(105deg,color-mix(in srgb,var(--main) 8%,#06070b),color-mix(in srgb,var(--bg_main) 96%,#06070b),color-mix(in srgb,var(--sub) 8%,#06070b))!important;box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 -2px color-mix(in srgb,var(--main) 25%,transparent)!important}
  body[data-menu-head-style="6"] #nav-original>.container-fluid{grid-template-columns:minmax(165px,1fr) auto minmax(210px,1fr)!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu{justify-self:center!important;padding:5px!important;border:1px solid color-mix(in srgb,var(--font_main) 8%,transparent)!important;border-radius:10px!important;background:rgba(0,0,0,.16)!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{border-radius:999px!important;clip-path:none!important}
  body[data-menu-head-style="6"] #nav-original .member-avatar-trigger{clip-path:none!important;border-radius:50%!important}

  /* 7 Announcement capsule — floating outer capsule plus an inner nav capsule. */
  body[data-menu-head-style="7"] #nav-original{width:min(1380px,calc(100% - 28px))!important;max-width:none!important;margin:10px auto!important;border:1px solid color-mix(in srgb,var(--main) 24%,var(--bg_border))!important;border-radius:999px!important;background:color-mix(in srgb,var(--bg_main) 96%,transparent)!important;box-shadow:0 15px 38px rgba(0,0,0,.16)!important}
  body[data-menu-head-style="7"] #nav-original>.container-fluid{grid-template-columns:minmax(150px,1fr) auto minmax(205px,1fr)!important;min-height:62px!important;padding:6px 12px 6px 22px!important}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu{justify-self:center!important;padding:4px!important;border:1px solid color-mix(in srgb,var(--font_main) 9%,var(--bg_border))!important;border-radius:999px!important;background:color-mix(in srgb,var(--bg_sub) 72%,transparent)!important}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{min-height:38px!important;border:0!important;border-radius:999px!important;background:transparent!important}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){transform:none!important;background:linear-gradient(110deg,var(--main),var(--sub))!important;color:#fff!important}

  /* 8 Minimal service — quiet whitespace, thin dividers and compact tools. */
  body[data-menu-head-style="8"] #nav-original{width:min(1320px,calc(100% - 32px))!important;max-width:none!important;margin:11px auto!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--font_main) 13%,var(--bg_border))!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body[data-menu-head-style="8"] #nav-original>.container-fluid{grid-template-columns:minmax(110px,1fr) auto minmax(190px,1fr)!important;min-height:58px!important;padding:4px 0 10px!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu{justify-self:center!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{min-height:37px!important;border:0!important;border-radius:8px!important;padding-inline:10px!important;background:transparent!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){background:color-mix(in srgb,var(--main) 8%,transparent)!important;color:var(--main)!important}
  body[data-menu-head-style="8"] #nav-original :is(.nav-search-icon,.nav-checkin-icon,.site-language-toggle,.member-avatar-trigger){width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;background:transparent!important}
  body[data-menu-head-style="8"] #nav-original .site-language-code{display:none!important}
}

@media(min-width:992px) and (max-width:1240px){
  body:not([data-menu-head-style="5"]) #nav-original>.container-fluid{grid-template-columns:minmax(90px,.8fr) auto minmax(155px,.8fr)!important}
  body[data-menu-head-style="5"] #nav-original>.container-fluid{grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important;padding-inline:12px!important}
  #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{padding-inline:7px!important;font-size:10px!important}
}

@media(max-width:991.98px){
  /* Stable mobile header; only compact controls are allowed in the top row. */
  #nav-original>.container-fluid{min-height:50px!important;flex-wrap:nowrap!important}
  #nav-original .mobile-nav-tools{flex-wrap:nowrap!important}
  #offcanvasDarkNavbar .offcanvas-body{display:block!important;overflow-y:auto!important;padding:0 13px 18px!important}
  #offcanvasDarkNavbar .mobile-member-actions{width:100%!important;position:static!important;transform:none!important}
  #offcanvasDarkNavbar .mobile-member-user{min-width:0!important}
  #offcanvasDarkNavbar .mobile-member-identity{min-width:0!important}
  #offcanvasDarkNavbar .mobile-main-menu{width:100%!important;margin:0!important;padding:0!important}

  /* 3 Basic mobile — strong single-column list. */
  body[data-menu-head-style="3"] #nav-original{width:100%!important;margin:0!important;border-width:0 0 1px!important;border-radius:0!important}
  body[data-menu-head-style="3"] #offcanvasDarkNavbar .mobile-main-menu{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  body[data-menu-head-style="3"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{border-left:3px solid transparent!important;border-radius:9px!important;background:color-mix(in srgb,var(--bg_sub) 55%,transparent)!important}
  body[data-menu-head-style="3"] #offcanvasDarkNavbar .mobile-main-menu .nav-link:is(:hover,.active){border-left-color:var(--main)!important}

  /* 5 Left aligned mobile — drawer opens from the left. */
  body[data-menu-head-style="5"] #offcanvasDarkNavbar{right:auto!important;left:0!important;border-right:1px solid var(--bg_border)!important;border-left:0!important;transform:translateX(-100%)!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar.show{transform:none!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .offcanvas-header{justify-content:flex-start!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .mobile-main-menu{display:grid!important;grid-template-columns:1fr!important;gap:2px!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{border:0!important;border-radius:999px!important;background:transparent!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .mobile-main-menu .nav-link:is(:hover,.active){background:color-mix(in srgb,var(--main) 11%,var(--bg_sub))!important}

  /* 6 Esports mobile — angular command tiles. */
  body[data-menu-head-style="6"] #nav-original{border-radius:9px!important;background:linear-gradient(110deg,color-mix(in srgb,var(--main) 9%,#05060a),color-mix(in srgb,var(--bg_main) 95%,#05060a))!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-main-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{min-height:62px!important;align-items:flex-start!important;flex-direction:column!important;justify-content:center!important;border:1px solid color-mix(in srgb,var(--main) 16%,var(--bg_border))!important;border-radius:16px!important;clip-path:none!important;background:color-mix(in srgb,var(--main) 6%,var(--bg_sub))!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-member-card{border-radius:18px!important;clip-path:none!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-avatar-only{clip-path:none!important;border-radius:50%!important}

  /* 7 Capsule mobile — every destination is a pill. */
  body[data-menu-head-style="7"] #nav-original{border-radius:999px!important}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .mobile-main-menu{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{border:1px solid color-mix(in srgb,var(--font_main) 9%,var(--bg_border))!important;border-radius:999px!important;background:color-mix(in srgb,var(--bg_sub) 70%,transparent)!important}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .mobile-main-menu .nav-link:is(:hover,.active){background:linear-gradient(110deg,var(--main),var(--sub))!important;color:#fff!important}

  /* 8 Minimal mobile — typography and separators, no heavy cards. */
  body[data-menu-head-style="8"] #nav-original{border:0!important;border-bottom:1px solid var(--bg_border)!important;border-radius:0!important;background:color-mix(in srgb,var(--bg_main) 97%,transparent)!important;box-shadow:none!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .mobile-main-menu{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{min-height:49px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--font_main) 8%,transparent)!important;border-radius:0!important;background:transparent!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .mobile-main-menu .nav-link i{background:transparent!important}
  body[data-menu-head-style="8"] #offcanvasDarkNavbar .mobile-main-menu .nav-link:is(:hover,.active){transform:none!important;color:var(--main)!important;background:transparent!important}
}

/* ========================================================================
   Header V11 — final three-option collection requested in Theme settings
   ======================================================================== */
#nav-original .member-profile-trigger.member-avatar-trigger{
  position:relative!important;display:block!important;width:42px!important;height:42px!important;min-width:42px!important;
  padding:3px!important;overflow:hidden!important;border-radius:50%!important;clip-path:none!important;line-height:0!important;box-sizing:border-box!important
}
#nav-original .member-profile-trigger.member-avatar-trigger>img{
  position:absolute!important;top:50%!important;left:50%!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;
  margin:0!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important
}

@media(min-width:992px){
  /* Basic: true left / center / right alignment across the complete viewport. */
  body[data-menu-head-style="3"] #nav-original>.container-fluid{
    width:100%!important;max-width:none!important;grid-template-columns:minmax(180px,1fr) auto minmax(220px,1fr)!important;
    gap:12px!important;padding-right:12px!important;padding-left:12px!important
  }
  body[data-menu-head-style="3"] #nav-original .navbar-brand{justify-self:start!important;margin:0!important}
  body[data-menu-head-style="3"] #nav-original .site-brand-name{display:inline-flex!important}
  body[data-menu-head-style="3"] #offcanvasDarkNavbar .desktop-menu{justify-self:center!important;margin:0!important}
  body[data-menu-head-style="3"] #nav-original :is(.desktop-member-actions,.desktop-guest-actions){justify-self:end!important;margin:0!important}

  /* Left aligned: brand and navigation stay together on the left; tools remain at the far right. */
  body[data-menu-head-style="5"] #nav-original>.container-fluid{
    width:100%!important;max-width:none!important;grid-template-columns:auto auto minmax(0,1fr)!important;
    gap:12px!important;padding-right:12px!important;padding-left:12px!important
  }
  body[data-menu-head-style="5"] #nav-original .navbar-brand{justify-self:start!important;margin:0!important}
  body[data-menu-head-style="5"] #nav-original .site-brand-name{display:none!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu{justify-self:start!important;margin:0!important}
  body[data-menu-head-style="5"] #nav-original :is(.desktop-member-actions,.desktop-guest-actions){grid-column:3!important;justify-self:end!important;margin:0!important}

  /* Circle capsule: a single outer capsule; its inner container has no second frame. */
  body[data-menu-head-style="7"] #nav-original>.container-fluid{
    width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;grid-template-columns:auto auto minmax(0,1fr)!important;gap:10px!important;padding:6px 12px!important
  }
  body[data-menu-head-style="7"] #nav-original .navbar-brand{justify-self:start!important;margin:0!important}
  body[data-menu-head-style="7"] #nav-original .site-brand-name{display:none!important}
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu{justify-self:center!important}
  body[data-menu-head-style="7"] #nav-original :is(.desktop-member-actions,.desktop-guest-actions){grid-column:3!important;justify-self:end!important;margin:0!important}
  body[data-menu-head-style="7"] #nav-original .member-profile-trigger.member-avatar-trigger{border-radius:50%!important}
}

@media(min-width:992px) and (max-width:1240px){
  body[data-menu-head-style="3"] #nav-original .site-brand-name,
  body[data-menu-head-style="5"] #nav-original .site-brand-name{font-size:clamp(10px,1vw,13px)!important}
  body[data-menu-head-style="3"] #nav-original>.container-fluid{grid-template-columns:minmax(135px,1fr) auto minmax(155px,1fr)!important}
  body[data-menu-head-style="5"] #nav-original>.container-fluid{grid-template-columns:auto auto minmax(0,1fr)!important}
  body[data-menu-head-style="5"] #nav-original .site-brand-name{display:none!important}
  body[data-menu-head-style="7"] #nav-original>.container-fluid{grid-template-columns:auto auto minmax(0,1fr)!important}
}

@media(max-width:991.98px){
  /* Left-aligned desktop option still uses the standard right-side mobile drawer. */
  body[data-menu-head-style="5"] #offcanvasDarkNavbar{
    right:0!important;left:auto!important;border-right:0!important;border-left:1px solid var(--bg_border)!important;
    transform:translateX(100%)!important
  }
  body[data-menu-head-style="5"] #offcanvasDarkNavbar.show{transform:none!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .offcanvas-header{justify-content:flex-end!important}
}

/* Header V12 — requested interaction details. */
@media(min-width:992px){
  /* Left-aligned: keep the website name and join the menu directly to the brand. */
  body[data-menu-head-style="5"] #nav-original .site-brand-name{display:inline-flex!important}
  body[data-menu-head-style="5"] #nav-original>.container-fluid{grid-template-columns:auto auto minmax(0,1fr)!important;gap:8px!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu{justify-self:start!important;gap:1px!important}
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{
    position:relative!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;transition:border-color .2s ease,color .2s ease!important
  }
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){
    border-bottom-color:var(--main)!important;color:var(--main)!important;background:transparent!important;box-shadow:none!important
  }

  /* Circular capsule: icon always follows the text colour on interaction. */
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active) i{
    color:currentColor!important;background:transparent!important
  }
}
@media(max-width:991.98px){
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .mobile-main-menu .nav-link:is(:hover,.active) i{
    color:currentColor!important;background:transparent!important
  }
}

/* Header V13 — left menu is a real left-aligned flex rail. */
@media(min-width:992px){
  body[data-menu-head-style="5"] #nav-original>.container-fluid{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;max-width:none!important;gap:4px!important;padding-right:12px!important;padding-left:12px!important
  }
  body[data-menu-head-style="5"] #nav-original .navbar-brand{
    flex:0 0 auto!important;align-self:center!important;margin:0 4px 0 0!important
  }
  body[data-menu-head-style="5"] #offcanvasDarkNavbar .desktop-menu{
    position:static!important;inset:auto!important;flex:0 0 auto!important;justify-content:flex-start!important;
    width:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important
  }
  body[data-menu-head-style="5"] #nav-original :is(.desktop-member-actions,.desktop-guest-actions){
    position:static!important;flex:0 0 auto!important;margin-right:0!important;margin-left:auto!important;transform:none!important
  }
}

/* ========================================================================
   Header V14 — far-right utilities + gaming command header
   ======================================================================== */
@media(min-width:992px){
  /* Left-aligned menu: every utility from search through the profile is
     one non-wrapping rail anchored to the far-right edge. */
  body[data-menu-head-style="5"] #nav-original :is(.desktop-member-actions,.desktop-guest-actions){
    display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;
    flex:0 0 auto!important;width:max-content!important;max-width:none!important;margin:0 0 0 auto!important;
    padding:0!important;gap:4px!important;align-self:center!important
  }
  body[data-menu-head-style="5"] #nav-original :is(.desktop-member-actions,.desktop-guest-actions)>.nav-item{
    flex:0 0 auto!important;margin:0!important
  }
  body[data-menu-head-style="5"] #nav-original .member-nav-compact{
    display:flex!important;align-items:center!important;flex:0 0 auto!important;margin-left:0!important
  }

  /* Gaming: logo / centered command capsule / far-right member controls. */
  body[data-menu-head-style="6"] #nav-original{
    position:relative!important;width:100%!important;max-width:none!important;margin:0 auto!important;
    border:0!important;border-bottom:1px solid color-mix(in srgb,var(--sub) 38%,var(--bg_border))!important;
    border-radius:0!important;clip-path:none!important;
    background:linear-gradient(105deg,color-mix(in srgb,var(--main) 7%,var(--bg_main)),var(--bg_main) 48%,color-mix(in srgb,var(--sub) 7%,var(--bg_main)))!important;
    box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 -1px color-mix(in srgb,var(--main) 16%,transparent)!important
  }
  body[data-menu-head-style="6"] #nav-original::before{
    content:"";position:absolute;right:18%;bottom:-1px;left:18%;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,var(--main),var(--sub),transparent);
    filter:drop-shadow(0 0 5px color-mix(in srgb,var(--main) 65%,transparent))
  }
  body[data-menu-head-style="6"] #nav-original>.container-fluid{
    display:grid!important;grid-template-columns:minmax(120px,1fr) auto minmax(220px,1fr)!important;
    align-items:center!important;width:100%!important;max-width:1320px!important;min-height:66px!important;
    margin:0 auto!important;padding:8px 16px!important;gap:14px!important
  }
  body[data-menu-head-style="6"] #nav-original .navbar-brand{
    position:static!important;justify-self:start!important;display:flex!important;align-items:center!important;
    min-width:0!important;margin:0!important;padding:0!important;transform:none!important
  }
  body[data-menu-head-style="6"] #nav-original .navbar-brand img{max-width:128px!important;max-height:42px!important}
  body[data-menu-head-style="6"] #nav-original .site-brand-name{display:none!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu{
    position:static!important;inset:auto!important;justify-self:center!important;display:flex!important;
    width:max-content!important;max-width:min(680px,56vw)!important;margin:0!important;padding:5px!important;gap:2px!important;
    border:1px solid color-mix(in srgb,var(--font_main) 11%,var(--bg_border))!important;border-radius:999px!important;
    background:color-mix(in srgb,var(--bg_sub) 76%,transparent)!important;
    box-shadow:inset 0 0 18px rgba(0,0,0,.12),0 8px 22px rgba(0,0,0,.11)!important;
    clip-path:none!important;transform:none!important
  }
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{
    min-height:38px!important;padding:7px 11px!important;border:1px solid transparent!important;border-radius:999px!important;
    clip-path:none!important;background:transparent!important;box-shadow:none!important;color:var(--font_main)!important;
    font-size:12px!important;font-weight:600!important;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease!important
  }
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active){
    color:var(--font_main)!important;border-color:color-mix(in srgb,var(--main) 38%,transparent)!important;
    background:linear-gradient(115deg,color-mix(in srgb,var(--main) 22%,var(--bg_sub)),color-mix(in srgb,var(--sub) 17%,var(--bg_sub)))!important;
    box-shadow:inset 0 0 15px color-mix(in srgb,var(--main) 12%,transparent),0 0 12px color-mix(in srgb,var(--sub) 11%,transparent)!important
  }
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link:is(:hover,.active) i{
    color:var(--main)!important;background:transparent!important;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--main) 48%,transparent))
  }
  body[data-menu-head-style="6"] #nav-original :is(.desktop-member-actions,.desktop-guest-actions){
    position:static!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;margin:0!important;padding:0!important;gap:4px!important;
    clip-path:none!important;transform:none!important
  }
  body[data-menu-head-style="6"] #nav-original :is(.desktop-member-actions,.desktop-guest-actions)>.nav-item{flex:0 0 auto!important;margin:0!important}
  body[data-menu-head-style="6"] #nav-original :is(.nav-search-icon,.nav-checkin-icon,.site-language-toggle){
    border:1px solid color-mix(in srgb,var(--font_main) 10%,var(--bg_border))!important;border-radius:50%!important;
    background:color-mix(in srgb,var(--bg_sub) 78%,transparent)!important;clip-path:none!important
  }
  body[data-menu-head-style="6"] #nav-original :is(.nav-search-icon,.nav-checkin-icon,.site-language-toggle):hover{
    border-color:color-mix(in srgb,var(--main) 55%,transparent)!important;color:var(--main)!important;
    box-shadow:0 0 13px color-mix(in srgb,var(--main) 16%,transparent)!important
  }
  body[data-menu-head-style="6"] #nav-original .member-nav-compact{display:flex!important;align-items:center!important;margin:0!important;clip-path:none!important}
  body[data-menu-head-style="6"] #nav-original .member-profile-trigger.member-avatar-trigger{
    border:1px solid color-mix(in srgb,var(--main) 55%,var(--bg_border))!important;border-radius:50%!important;
    background:color-mix(in srgb,var(--main) 10%,var(--bg_sub))!important;box-shadow:0 0 14px color-mix(in srgb,var(--main) 17%,transparent)!important;
    clip-path:none!important
  }
  body[data-menu-head-style="6"] #nav-original :is(.guest-contact-link,.guest-register-link,.guest-login-link){
    min-height:39px!important;border-radius:999px!important;clip-path:none!important;font-weight:650!important
  }
  body[data-menu-head-style="6"] #nav-original .guest-login-link{
    border-color:transparent!important;background:linear-gradient(115deg,var(--main),var(--sub))!important;color:#fff!important;
    box-shadow:0 7px 18px color-mix(in srgb,var(--main) 20%,transparent)!important
  }
}

@media(min-width:992px) and (max-width:1240px){
  body[data-menu-head-style="6"] #nav-original>.container-fluid{
    grid-template-columns:minmax(76px,.7fr) auto minmax(170px,.7fr)!important;padding-inline:10px!important;gap:7px!important
  }
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .desktop-menu>.nav-item>.nav-link{padding-inline:7px!important;font-size:10px!important}
  body[data-menu-head-style="6"] #nav-original .navbar-brand img{max-width:86px!important}
}

@media(max-width:991.98px){
  /* Gaming keeps the regular right drawer on mobile and uses compact command cards. */
  body[data-menu-head-style="6"] #nav-original{
    width:100%!important;margin:0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--sub) 35%,var(--bg_border))!important;
    border-radius:0!important;clip-path:none!important;
    background:linear-gradient(110deg,color-mix(in srgb,var(--main) 8%,var(--bg_main)),var(--bg_main),color-mix(in srgb,var(--sub) 7%,var(--bg_main)))!important
  }
  body[data-menu-head-style="6"] #offcanvasDarkNavbar{
    right:0!important;left:auto!important;border-right:0!important;border-left:1px solid color-mix(in srgb,var(--main) 28%,var(--bg_border))!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--main) 7%,var(--bg_main)),var(--bg_main) 55%,color-mix(in srgb,var(--sub) 6%,var(--bg_main)))!important;
    clip-path:none!important;transform:translateX(100%)!important
  }
  body[data-menu-head-style="6"] #offcanvasDarkNavbar.show{transform:none!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-main-menu{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important
  }
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-main-menu .nav-link{
    min-height:58px!important;margin:0!important;padding:9px 10px!important;border:1px solid color-mix(in srgb,var(--main) 18%,var(--bg_border))!important;
    border-radius:14px!important;clip-path:none!important;background:color-mix(in srgb,var(--bg_sub) 82%,transparent)!important;
    box-shadow:inset 0 0 15px color-mix(in srgb,var(--main) 4%,transparent)!important
  }
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-main-menu .nav-link:is(:hover,.active){
    border-color:color-mix(in srgb,var(--main) 55%,transparent)!important;
    background:linear-gradient(120deg,color-mix(in srgb,var(--main) 20%,var(--bg_sub)),color-mix(in srgb,var(--sub) 14%,var(--bg_sub)))!important
  }
  body[data-menu-head-style="6"] #offcanvasDarkNavbar :is(.mobile-member-card,.mobile-avatar-only){border-radius:18px!important;clip-path:none!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar .mobile-avatar-only{border-radius:50%!important}
}

/* Footer mobile alignment must win over legacy variant rules loaded above. */
@media(max-width:767.98px){
  .site-description-footer .site-footer-brand-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
  .site-description-footer .site-footer-brand-logo,.site-description-footer .site-footer-brand-copy{width:100%!important;max-width:100%!important;text-align:center!important}
  .site-description-footer .site-footer-brand-copy :is(h5,small){text-align:center!important}
  .site-description-footer .site-footer-status{margin-right:auto!important;margin-left:auto!important}
  .site-description-footer .site-footer-socials{justify-content:center!important}
  .site-description-footer .site-footer-links-card :is(h6,p){text-align:center!important}
  .site-description-footer .site-footer-links-card a{justify-content:center!important}
}

/* The single basic footer: one flat horizontal row, no separated cards. */
.site-description-footer.footer-style-1{background:var(--bg_main)!important}
.site-description-footer.footer-style-1>.container{width:min(1240px,100%);padding:26px 20px 0!important}
.site-description-footer.footer-style-1 .site-footer-main{align-items:flex-start;gap:0!important}
.site-description-footer.footer-style-1 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){height:auto;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site-description-footer.footer-style-1 .site-footer-widget-card{display:block;overflow:visible}
.site-description-footer.footer-style-1 .site-footer-widget-card center{width:100%}
.site-description-footer.footer-style-1 .site-footer-widget-card iframe{max-width:100%;border-radius:10px}
@media(min-width:768px){
  .site-description-footer.footer-style-1 .site-footer-brand-column{width:33.33333333%!important}
  .site-description-footer.footer-style-1 .site-footer-links-column{width:33.33333333%!important}
  .site-description-footer.footer-style-1 .site-footer-widget-column{width:33.33333333%!important}
  .site-description-footer.footer-style-1 .site-footer-links-card{display:flex!important;width:max-content!important;max-width:100%;margin-right:auto!important;margin-left:auto!important;flex-wrap:nowrap!important}
  .site-description-footer.footer-style-1 .site-footer-links-card>div{width:132px!important;max-width:50%;flex:0 0 132px!important;text-align:left!important}
  .site-description-footer.footer-style-1 .site-footer-links-card :is(h6,p){text-align:left!important}
  .site-description-footer.footer-style-1 .site-footer-links-card a{justify-content:flex-start!important;text-align:left!important}
}
@media(max-width:767.98px){
  .site-description-footer.footer-style-1>.container{padding-top:22px!important}
  .site-description-footer.footer-style-1 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){padding:10px 0!important;border:0!important;background:transparent!important}
}

/* Modern Panel: the same shop content in one unified surface with internal rails. */
.site-description-footer.footer-style-2{margin:58px auto 0!important;border:0!important;background:transparent!important}
.site-description-footer.footer-style-2>.container{width:min(1240px,calc(100% - 24px));padding:0!important}
.site-description-footer.footer-style-2 .site-footer-main{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin:0!important;padding:26px 10px;border:1px solid color-mix(in srgb,var(--main) 22%,var(--bg_border));border-radius:24px;background:linear-gradient(125deg,color-mix(in srgb,var(--main) 9%,var(--bg_main)),color-mix(in srgb,var(--bg_sub) 88%,var(--bg_main)) 48%,color-mix(in srgb,var(--sub) 9%,var(--bg_main)));box-shadow:0 20px 48px rgba(0,0,0,.14),inset 0 1px color-mix(in srgb,#fff 7%,transparent)}
.site-description-footer.footer-style-2 .site-footer-main>div{width:100%!important;max-width:none!important;margin:0!important;padding:0 24px!important}
.site-description-footer.footer-style-2 .site-footer-main>div+div{border-left:1px solid color-mix(in srgb,var(--main) 17%,var(--bg_border))}
.site-description-footer.footer-style-2 :is(.site-footer-brand-card,.site-footer-links-card){height:auto;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site-description-footer.footer-style-2 .site-footer-widget-card{display:grid;min-width:0;height:auto;padding:0 24px!important;place-items:center;overflow:hidden;border:0!important;border-left:1px solid color-mix(in srgb,var(--main) 17%,var(--bg_border))!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site-description-footer.footer-style-2 .site-footer-widget-card center{width:100%}
.site-description-footer.footer-style-2 .site-footer-widget-card iframe{width:100%;max-width:320px;border-radius:14px}
.site-description-footer.footer-style-2 .site-footer-brand-copy h5{position:relative;padding-bottom:10px}
.site-description-footer.footer-style-2 .site-footer-brand-copy h5::after{content:"";position:absolute;bottom:0;left:0;width:46px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--main),var(--sub))}
.site-description-footer.footer-style-2 .site-footer-bottom{width:min(1180px,calc(100% - 24px));margin:14px auto 0!important;padding:13px 10px!important;border-top:0;border-radius:14px 14px 0 0;background:color-mix(in srgb,var(--bg_sub) 72%,transparent)}

@media(max-width:767.98px){
  .site-description-footer .site-footer-links-card{display:flex!important;flex-direction:row!important;align-items:flex-start!important;flex-wrap:nowrap!important;width:100%!important}
  .site-description-footer .site-footer-links-card>div{width:50%!important;max-width:50%!important;flex:0 0 50%!important;padding-right:8px!important;padding-left:8px!important;text-align:left!important}
  .site-description-footer .site-footer-links-card :is(h6,p){text-align:left!important}
  .site-description-footer .site-footer-links-card a{justify-content:flex-start!important;text-align:left!important}
  .site-description-footer.footer-style-2>.container{width:calc(100% - 20px)}
  .site-description-footer.footer-style-2 .site-footer-main{grid-template-columns:1fr!important;padding:8px 16px}
  .site-description-footer.footer-style-2 .site-footer-main>div{padding:18px 0!important}
  .site-description-footer.footer-style-2 .site-footer-main>div+div{border-top:1px solid color-mix(in srgb,var(--main) 17%,var(--bg_border));border-left:0}
  .site-description-footer.footer-style-2 .site-footer-widget-card{padding:18px 0!important;border-top:1px solid color-mix(in srgb,var(--main) 17%,var(--bg_border))!important;border-left:0!important}
  .site-description-footer.footer-style-2 .site-footer-brand-copy h5::after{left:50%;transform:translateX(-50%)}
  .site-description-footer.footer-style-2 .site-footer-brand-card{display:flex!important;flex-direction:column;align-items:center;text-align:center!important}
  .site-description-footer.footer-style-2 .site-footer-brand-logo,.site-description-footer.footer-style-2 .site-footer-brand-copy{width:100%!important;max-width:none!important;text-align:center!important}
  .site-description-footer.footer-style-2 .site-footer-brand-logo img{margin-inline:auto!important}
  .site-description-footer.footer-style-2 .site-footer-brand-copy :is(h5,small){text-align:center!important}
}

/* Modern Panel desktop fills the footer and keeps the legal row inside. */
@media(min-width:768px){
  .site-description-footer.footer-style-2{padding:0 12px!important}
  .site-description-footer.footer-style-2>.container{width:100%!important;max-width:none!important;padding:0 28px!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--main) 22%,var(--bg_border));border-radius:24px 24px 0 0;background:linear-gradient(125deg,color-mix(in srgb,var(--main) 9%,var(--bg_main)),color-mix(in srgb,var(--bg_sub) 88%,var(--bg_main)) 48%,color-mix(in srgb,var(--sub) 9%,var(--bg_main)));box-shadow:0 20px 48px rgba(0,0,0,.14),inset 0 1px color-mix(in srgb,#fff 7%,transparent)}
  .site-description-footer.footer-style-2 .site-footer-main{width:100%;padding:28px 0 24px;border:0;border-radius:0;background:transparent;box-shadow:none}
  .site-description-footer.footer-style-2 .site-footer-bottom{width:100%;margin:0!important;padding:15px 0!important;border-top:1px solid color-mix(in srgb,var(--main) 17%,var(--bg_border));border-radius:0;background:transparent}
  .site-description-footer.footer-style-2 .site-footer-bottom>.row{align-items:center;margin:0}
  .site-description-footer.footer-style-2 .site-footer-bottom>.row>div{padding-right:0;padding-left:0}
  .site-description-footer.footer-style-2 .site-footer-bottom h6{margin:0}
  .site-description-footer.footer-style-2 .site-footer-brand-copy h5{font-size:22px!important;line-height:1.35}
  .site-description-footer.footer-style-2 .site-footer-brand-copy>small{font-size:13px!important;line-height:1.75}
  .site-description-footer.footer-style-2 .site-footer-links-card h6{font-size:15px!important;line-height:1.35}
  .site-description-footer.footer-style-2 .site-footer-links-card p{margin-bottom:12px}
  .site-description-footer.footer-style-2 .site-footer-links-card a{font-size:12px!important;line-height:1.5}
  .site-description-footer.footer-style-2 .site-footer-bottom small,.site-description-footer.footer-style-2 .site-footer-bottom h6{font-size:11px!important;line-height:1.5}
}

/* Gaming HUD: a purpose-built command deck with angular modules. */
.site-description-footer.footer-style-3{
  --hud-line:color-mix(in srgb,var(--main) 42%,var(--bg_border));
  --hud-panel:color-mix(in srgb,var(--bg_sub) 82%,#05070b);
  position:relative;width:100%!important;max-width:none!important;margin:64px 0 0!important;overflow:hidden;
  border:0!important;border-top:1px solid var(--hud-line)!important;border-radius:0!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--main) 7%,#05070b),color-mix(in srgb,var(--bg_main) 96%,#05070b) 48%,color-mix(in srgb,var(--sub) 8%,#05070b))!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--main) 12%,transparent)!important;backdrop-filter:none!important
}
.site-description-footer.footer-style-3::before{
  content:"";position:absolute;z-index:0;top:-1px;left:50%;width:min(760px,76vw);height:2px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--main) 24%,var(--sub) 50%,var(--main) 76%,transparent);
  box-shadow:0 0 18px color-mix(in srgb,var(--main) 55%,transparent);filter:none;opacity:1;pointer-events:none
}
.site-description-footer.footer-style-3::after{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(color-mix(in srgb,var(--main) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--main) 7%,transparent) 1px,transparent 1px);
  background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 72%)
}
.site-description-footer.footer-style-3>.container{position:relative;z-index:1;width:min(1320px,100%);max-width:none;padding:28px 22px 0!important}
.site-description-footer.footer-style-3 .site-footer-main{display:grid!important;grid-template-columns:minmax(300px,1.12fr) minmax(280px,.88fr) minmax(310px,1fr);gap:14px!important;margin:0!important;align-items:stretch}
.site-description-footer.footer-style-3 .site-footer-main>div{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.site-description-footer.footer-style-3 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){
  position:relative;height:100%;min-height:230px;margin:0!important;padding:24px!important;overflow:hidden;
  border:1px solid var(--hud-line)!important;border-radius:8px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--main) 8%,var(--hud-panel)),var(--hud-panel) 58%,color-mix(in srgb,var(--sub) 7%,var(--hud-panel)))!important;
  box-shadow:inset 0 1px color-mix(in srgb,#fff 6%,transparent),inset 3px 0 color-mix(in srgb,var(--main) 34%,transparent),0 16px 32px rgba(0,0,0,.18)!important;
  clip-path:polygon(0 15px,15px 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))
}
.site-description-footer.footer-style-3 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card)::after{
  content:"";position:absolute;right:18px;bottom:11px;width:42px;height:3px;border-radius:99px;
  background:linear-gradient(90deg,var(--main),var(--sub));box-shadow:0 0 10px color-mix(in srgb,var(--main) 40%,transparent)
}
.site-description-footer.footer-style-3 .site-footer-brand-card{display:grid!important;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:center}
.site-description-footer.footer-style-3 .site-footer-brand-logo,.site-description-footer.footer-style-3 .site-footer-brand-copy{width:100%!important;max-width:none!important;padding:0!important;text-align:left!important}
.site-description-footer.footer-style-3 .site-footer-brand-logo p{width:100%;margin:0!important}
.site-description-footer.footer-style-3 .site-footer-brand-logo img{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;margin:0!important;padding:9px;object-fit:contain;border:1px solid color-mix(in srgb,var(--main) 55%,var(--bg_border));border-radius:50%;background:color-mix(in srgb,var(--bg_main) 86%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--main) 7%,transparent),0 0 22px color-mix(in srgb,var(--main) 20%,transparent)}
.site-description-footer.footer-style-3 .site-footer-brand-copy h5{margin:9px 0 8px!important;color:var(--font_main);font-size:21px!important;letter-spacing:.025em;text-transform:uppercase}
.site-description-footer.footer-style-3 .site-footer-brand-copy>small{max-width:410px;color:var(--font_sub);font-size:11px;line-height:1.75}
.site-footer-hud-tag,.site-footer-hud-widget-label{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;color:var(--main);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.site-footer-hud-tag i,.site-footer-hud-widget-label i{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--main) 68%,transparent))}
.site-description-footer.footer-style-3 .site-footer-links-card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:center}
.site-description-footer.footer-style-3 .site-footer-links-card>div{width:100%!important;max-width:none!important;flex:none!important;padding:0!important;text-align:left!important}
.site-description-footer.footer-style-3 .site-footer-links-card h6{display:flex;align-items:center;gap:8px;margin:0 0 13px!important;color:var(--font_main);font-size:11px;letter-spacing:.08em;text-align:left!important;text-transform:uppercase}
.site-description-footer.footer-style-3 .site-footer-heading-icon{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border:1px solid color-mix(in srgb,var(--main) 38%,var(--bg_border));border-radius:6px;background:color-mix(in srgb,var(--main) 10%,transparent);color:var(--main);font-size:11px;box-shadow:inset 0 0 12px color-mix(in srgb,var(--main) 8%,transparent)}
.site-description-footer.footer-style-3 .site-footer-links-card p{margin:0 0 7px!important;text-align:left!important}
.site-description-footer.footer-style-3 .site-footer-links-card a{justify-content:flex-start!important;min-height:26px;color:var(--font_sub)!important;font-size:10px!important;text-align:left!important}
.site-description-footer.footer-style-3 .site-footer-links-card a:hover{color:var(--main)!important;text-shadow:0 0 10px color-mix(in srgb,var(--main) 28%,transparent);transform:translateX(4px)}
.site-description-footer.footer-style-3 .site-footer-social-icon{width:24px;height:24px;flex-basis:24px;margin-right:7px;border-radius:50%;font-size:10px}
.site-description-footer.footer-style-3 .site-footer-widget-card{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:13px;place-items:unset!important}
.site-description-footer.footer-style-3 .site-footer-widget-card center{display:flex;width:100%;min-height:174px;flex:1;align-items:center;justify-content:center}
.site-description-footer.footer-style-3 .site-footer-widget-card iframe{width:100%;max-width:320px;border:1px solid color-mix(in srgb,var(--main) 18%,var(--bg_border));border-radius:8px}
.site-description-footer.footer-style-3 .site-footer-bottom{position:relative;margin:14px 0 0!important;padding:14px 18px!important;border:1px solid color-mix(in srgb,var(--main) 24%,var(--bg_border));border-bottom:0;border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--bg_sub) 74%,transparent)!important;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px)}
.site-description-footer.footer-style-3 .site-footer-bottom>.row{align-items:center;margin:0}
.site-description-footer.footer-style-3 .site-footer-bottom small,.site-description-footer.footer-style-3 .site-footer-bottom h6{margin:0;font-size:9px!important;letter-spacing:.035em}

@media(max-width:991.98px){
  .site-description-footer.footer-style-3 .site-footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-description-footer.footer-style-3 .site-footer-brand-column{grid-column:1/-1}
  .site-description-footer.footer-style-3 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){min-height:210px}
}
@media(max-width:767.98px){
  .site-description-footer.footer-style-3{margin-top:46px!important}
  .site-description-footer.footer-style-3>.container{width:100%;padding:18px 10px 0!important}
  .site-description-footer.footer-style-3 .site-footer-main{grid-template-columns:1fr!important;gap:9px!important}
  .site-description-footer.footer-style-3 .site-footer-brand-column{grid-column:1}
  .site-description-footer.footer-style-3 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){min-height:0;padding:18px!important;clip-path:none;border-radius:13px!important}
  .site-description-footer.footer-style-3 .site-footer-brand-card{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:13px;text-align:left!important}
  .site-description-footer.footer-style-3 .site-footer-brand-logo,.site-description-footer.footer-style-3 .site-footer-brand-copy{width:100%!important;text-align:left!important}
  .site-description-footer.footer-style-3 .site-footer-brand-logo img{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;margin:0!important}
  .site-description-footer.footer-style-3 .site-footer-brand-copy :is(h5,small){text-align:left!important}
  .site-description-footer.footer-style-3 .site-footer-brand-copy h5{margin-top:6px!important;font-size:16px!important}
  .site-description-footer.footer-style-3 .site-footer-brand-copy>small{font-size:9px}
  .site-description-footer.footer-style-3 .site-footer-links-card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .site-description-footer.footer-style-3 .site-footer-links-card>div{width:100%!important;max-width:none!important;padding:0!important}
  .site-description-footer.footer-style-3 .site-footer-links-card :is(h6,p){text-align:left!important}
  .site-description-footer.footer-style-3 .site-footer-links-card a{justify-content:flex-start!important;text-align:left!important}
  .site-description-footer.footer-style-3 .site-footer-widget-card center{min-height:120px}
  .site-description-footer.footer-style-3 .site-footer-bottom{margin-top:9px!important;padding:12px 10px!important;clip-path:none}
  .site-description-footer.footer-style-3 .site-footer-bottom>.row{gap:7px}
  .site-description-footer.footer-style-3 .site-footer-bottom>.row>div{justify-content:center!important;text-align:center!important}
}

/* Gaming HUD refinement: keep one professional outer frame, not cut frames per column. */
.site-description-footer.footer-style-3>.container{
  width:100%!important;max-width:none!important;padding-right:32px!important;padding-left:32px!important;overflow:hidden;border:1px solid var(--hud-line);border-right:0;border-left:0;border-radius:0;
  background:linear-gradient(135deg,color-mix(in srgb,var(--main) 6%,var(--bg_main)),color-mix(in srgb,var(--bg_sub) 86%,var(--bg_main)) 52%,color-mix(in srgb,var(--sub) 6%,var(--bg_main)));
  box-shadow:0 22px 52px rgba(0,0,0,.19),inset 0 1px color-mix(in srgb,#fff 6%,transparent)
}
.site-description-footer.footer-style-3 .site-footer-main{gap:0!important;padding:24px 0 20px}
.site-description-footer.footer-style-3 .site-footer-main>div{padding:0 24px!important}
.site-description-footer.footer-style-3 .site-footer-main>div+div{border:0}
.site-description-footer.footer-style-3 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){
  min-height:210px;padding:0!important;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;clip-path:none!important
}
.site-description-footer.footer-style-3 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card)::after{display:none}
.site-description-footer.footer-style-3 .site-footer-bottom{margin:0!important;border-right:0;border-bottom:0;border-left:0;border-radius:0;background:color-mix(in srgb,var(--bg_sub) 45%,transparent)!important;clip-path:none}
@media(max-width:991.98px){
  .site-description-footer.footer-style-3 .site-footer-main{gap:14px!important;padding:20px}
  .site-description-footer.footer-style-3 .site-footer-main>div{padding:0!important}
  .site-description-footer.footer-style-3 .site-footer-main>div+div{padding-top:18px!important;border:0}
  .site-description-footer.footer-style-3 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card){min-height:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
}
@media(max-width:767.98px){
  .site-description-footer.footer-style-3>.container{width:100%;padding:0 10px!important;border-radius:0}
  .site-description-footer.footer-style-3 .site-footer-main{padding:10px}
}

@media(max-width:767.98px){.site-footer-links-card h6,.site-footer-links-card p{width:100%;text-align:center!important}.site-footer-links-card .site-footer-contact-link{justify-content:center!important;margin-inline:auto}}
/* Compact Contact: logo, identity, contact channels and rental link only. */
.site-description-footer.footer-style-4{margin:54px 0 0!important;border:0!important;border-top:1px solid color-mix(in srgb,var(--main) 24%,var(--bg_border))!important;background:var(--bg_main)!important;box-shadow:none!important}
.site-description-footer.footer-style-4::before{content:"";display:block;width:min(420px,60vw);height:1px;margin-top:-1px;background:linear-gradient(90deg,var(--main),var(--sub),transparent);box-shadow:0 0 10px color-mix(in srgb,var(--main) 34%,transparent)}
.site-description-footer.footer-style-4>.container{display:grid;grid-template-columns:minmax(300px,1fr) auto;grid-template-rows:auto auto;width:min(1240px,100%);padding:24px 22px 0!important}
.site-description-footer.footer-style-4 .site-footer-main{display:contents!important;margin:0!important}
.site-description-footer.footer-style-4 .site-footer-main>div{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.site-description-footer.footer-style-4 .site-footer-widget-column{display:none!important}
.site-description-footer.footer-style-4 .site-footer-brand-column{grid-column:1;grid-row:1/3;align-self:center}
.site-description-footer.footer-style-4 .site-footer-links-column{grid-column:2;grid-row:1;align-self:end;justify-self:end}
.site-description-footer.footer-style-4 :is(.site-footer-brand-card,.site-footer-links-card){height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site-description-footer.footer-style-4 .site-footer-brand-card{display:grid!important;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:center}
.site-description-footer.footer-style-4 .site-footer-brand-logo,.site-description-footer.footer-style-4 .site-footer-brand-copy{width:100%!important;max-width:none!important;padding:0!important;text-align:left!important}
.site-description-footer.footer-style-4 .site-footer-brand-logo p{margin:0!important}
.site-description-footer.footer-style-4 .site-footer-brand-logo img{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;margin:0!important;padding:7px;object-fit:contain;border:1px solid color-mix(in srgb,var(--main) 22%,var(--bg_border));border-radius:18px;background:var(--bg_sub);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.site-description-footer.footer-style-4 .site-footer-brand-copy h5{margin:0!important;font-size:22px!important;line-height:1.3;text-align:left!important}
.site-description-footer.footer-style-4 .site-footer-brand-copy>small,.site-description-footer.footer-style-4 .site-footer-links-card>div:first-child{display:none!important}
.site-description-footer.footer-style-4 .site-footer-links-card{display:block!important;width:auto!important}
.site-description-footer.footer-style-4 .site-footer-links-card>div:last-child{display:flex!important;width:100%!important;max-width:none!important;flex:none!important;align-items:center;justify-content:flex-end;gap:8px;padding:0!important}
.site-description-footer.footer-style-4 .site-footer-links-card h6{margin:0 7px 0 0!important;color:var(--font_sub);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.site-description-footer.footer-style-4 .site-footer-links-card p{margin:0!important}
.site-description-footer.footer-style-4 .site-footer-contact-link{display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--main) 18%,var(--bg_border));border-radius:13px;background:var(--bg_sub);font-size:0!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.site-description-footer.footer-style-4 .site-footer-contact-link:hover{transform:translateY(-2px);border-color:var(--main);box-shadow:0 0 12px color-mix(in srgb,var(--main) 20%,transparent)}
.site-description-footer.footer-style-4 .site-footer-social-icon{width:100%;height:100%;margin:0;border-radius:12px;font-size:16px}
.site-description-footer.footer-style-4 .site-footer-bottom{grid-column:2;grid-row:2;justify-self:end;width:auto;margin:8px 0 0!important;padding:9px 0 13px!important;border:0;background:transparent!important}
.site-description-footer.footer-style-4 .site-footer-bottom>.row{justify-content:flex-end;margin:0}
.site-description-footer.footer-style-4 .site-footer-bottom>.row>div:first-child{display:none!important}
.site-description-footer.footer-style-4 .site-footer-bottom>.row>div:last-child{width:auto!important;margin-left:auto;padding:0}
.site-description-footer.footer-style-4 .site-footer-bottom h6{margin:0;font-size:10px}
@media(max-width:767.98px){
  .site-description-footer.footer-style-4>.container{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:20px 14px 0!important}
  .site-description-footer.footer-style-4 .site-footer-brand-column{grid-column:1;grid-row:1}
  .site-description-footer.footer-style-4 .site-footer-links-column{grid-column:1;grid-row:2;justify-self:center;margin-top:20px!important}
  .site-description-footer.footer-style-4 .site-footer-brand-card{justify-content:center;grid-template-columns:68px auto!important}
  .site-description-footer.footer-style-4 .site-footer-brand-logo img{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important}
  .site-description-footer.footer-style-4 .site-footer-brand-copy h5{font-size:18px!important}
  .site-description-footer.footer-style-4 .site-footer-links-card>div:last-child{justify-content:center!important;flex-wrap:wrap}
  .site-description-footer.footer-style-4 .site-footer-links-card h6{width:100%;margin:0 0 3px!important;text-align:center!important}
  .site-description-footer.footer-style-4 .site-footer-bottom{grid-column:1;grid-row:3;justify-self:center;margin-top:5px!important;padding-bottom:14px!important}
  .site-description-footer.footer-style-4 .site-footer-bottom>.row{justify-content:center}
  .site-description-footer.footer-style-4 .site-footer-bottom>.row>div:last-child{margin:auto!important;justify-content:center!important;text-align:center!important}
}

/* Final Gaming HUD layout: one outer outline, open internal layout and a full-width community channel. */
.site-description-footer.footer-style-3{
  border:0!important;
  box-shadow:none!important
}
.site-description-footer.footer-style-3::before{display:none!important}
.site-description-footer.footer-style-3>.container{
  width:100%!important;
  max-width:none!important;
  border:1px solid var(--hud-line)!important;
  border-radius:0!important
}
.site-description-footer.footer-style-3 .site-footer-main{
  grid-template-columns:minmax(280px,1.1fr) minmax(300px,.9fr)!important
}
.site-description-footer.footer-style-3 .site-footer-widget-column{
  grid-column:1/-1;
  min-height:0!important;
  padding-top:22px!important
}
.site-description-footer.footer-style-3 :is(.site-footer-brand-card,.site-footer-links-card,.site-footer-widget-card,.site-footer-bottom){
  border:0!important;
  box-shadow:none!important
}
.site-description-footer.footer-style-3 .site-footer-widget-card center{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));
  gap:14px;
  width:100%;
  min-height:0;
  align-items:stretch
}
.site-description-footer.footer-style-3 .site-footer-widget-card center>br{display:none}
.site-description-footer.footer-style-3 .facebook-widget-shell,
.site-description-footer.footer-style-3 .fb-page,
.site-description-footer.footer-style-3 .fb-page>span,
.site-description-footer.footer-style-3 .fb-page iframe,
.site-description-footer.footer-style-3 .site-footer-widget-card iframe{
  width:100%!important;
  max-width:none!important
}
.site-description-footer.footer-style-3 .site-footer-widget-card iframe{
  min-height:200px;
  border:0!important;
  border-radius:8px
}

/* Compact Contact: wider icon-only contact targets with the rental link directly below. */
.site-description-footer.footer-style-4 .site-footer-links-card>div:last-child{gap:10px}
.site-description-footer.footer-style-4 .site-footer-links-card h6{font-size:10px}
.site-description-footer.footer-style-4 .site-footer-contact-link{
  width:60px;
  height:48px;
  border-radius:15px
}
.site-description-footer.footer-style-4 .site-footer-social-icon{border-radius:14px;font-size:18px}

@media(max-width:991.98px){
  .site-description-footer.footer-style-3 .site-footer-main{grid-template-columns:1fr 1fr!important}
  .site-description-footer.footer-style-3 .site-footer-widget-column{grid-column:1/-1}
}
@media(max-width:767.98px){
  .site-description-footer.footer-style-3 .site-footer-main{grid-template-columns:1fr!important}
  .site-description-footer.footer-style-3 .site-footer-widget-column{grid-column:1;padding-top:12px!important}
  .site-description-footer.footer-style-4 .site-footer-contact-link{width:56px;height:46px}
}

/* Footer proportions requested for desktop: HUD 4/4/4 and Compact Contact 8/4. */
@media(min-width:992px){
  .site-description-footer.footer-style-3 .site-footer-main{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important
  }
  .site-description-footer.footer-style-3 .site-footer-widget-column{
    grid-column:auto!important;
    padding-top:0!important
  }
  .site-description-footer.footer-style-3 .site-footer-widget-card center{
    display:block!important;
    width:100%;
    min-height:200px
  }
  .site-description-footer.footer-style-3 .site-footer-widget-card center>br{display:none}
  .site-description-footer.footer-style-3 .site-footer-main>div{padding:0 20px!important}

  .site-description-footer.footer-style-4>.container{
    grid-template-columns:minmax(0,2fr) minmax(340px,1fr)!important;
    column-gap:28px
  }
  .site-description-footer.footer-style-4 .site-footer-links-column,
  .site-description-footer.footer-style-4 .site-footer-links-card{width:100%!important}
}
.site-description-footer.footer-style-4 .site-footer-links-card>div:last-child{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px!important;
  width:100%!important
}
.site-description-footer.footer-style-4 .site-footer-links-card h6{
  grid-column:1/-1;
  width:100%;
  margin:0 0 2px!important;
  text-align:left!important
}
.site-description-footer.footer-style-4 .site-footer-links-card p{width:100%;min-width:0}
.site-description-footer.footer-style-4 .site-footer-contact-link{
  width:100%!important;
  height:58px!important;
  padding:0!important;
  overflow:hidden;
  border-radius:14px
}
.site-description-footer.footer-style-4 .site-footer-social-icon{
  display:grid!important;
  width:100%!important;
  height:100%!important;
  place-items:center;
  border-radius:13px!important;
  font-size:20px
}
@media(max-width:767.98px){
  .site-description-footer.footer-style-4 .site-footer-links-card>div:last-child{width:min(330px,100%)!important}
  .site-description-footer.footer-style-4 .site-footer-links-card h6{text-align:center!important}
  .site-description-footer.footer-style-4 .site-footer-contact-link{height:54px!important}
}
@media(max-width:767.98px){
  .site-description-footer[class*="footer-style-"] .site-footer-links-card :is(h6,p,a){text-align:center!important;justify-content:center!important}
  .site-description-footer[class*="footer-style-"] .site-footer-links-card h6{width:100%}
  .site-description-footer[class*="footer-style-"] .site-footer-links-card .site-footer-contact-link{margin-inline:auto}
}
.site-description-footer[class*="footer-style-"] .site-footer-brand-logo img{width:clamp(150px,15vw,220px)!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain}
@media(min-width:768px){.site-description-footer[class*="footer-style-"] .site-footer-brand-card{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;align-items:center;gap:14px}.site-description-footer[class*="footer-style-"] :is(.site-footer-brand-logo,.site-footer-brand-copy){width:100%!important;max-width:100%!important;padding-inline:0!important}}
@media(max-width:767.98px){
 .site-description-footer[class*="footer-style-"] .site-footer-brand-card{display:flex!important;flex-direction:column!important;align-items:center!important}
 .site-description-footer[class*="footer-style-"] :is(.site-footer-brand-logo,.site-footer-brand-copy){width:100%!important;max-width:100%!important;flex:0 0 auto!important;text-align:center!important}
 .site-description-footer[class*="footer-style-"] .site-footer-brand-logo img{width:190px!important;max-width:75vw!important}
 .site-description-footer[class*="footer-style-"] .site-footer-links-card{justify-content:space-evenly!important}
 .site-description-footer[class*="footer-style-"] .site-footer-links-card>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:max-content!important;max-width:48%!important;flex:0 0 auto!important;margin-inline:auto!important}
 .site-description-footer[class*="footer-style-"] .site-footer-links-card :is(h6,p,a){text-align:left!important;justify-content:flex-start!important}
 .site-description-footer[class*="footer-style-"] .site-footer-links-card .site-footer-contact-link{margin-inline:0!important}
}
body[data-menu-head-style="6"] :is(.service-all,.mobile-service-all){border:1px solid var(--main)!important;background:var(--bg_sub)!important;color:var(--font_main)!important}
body[data-menu-head-style="6"] :is(.service-all,.mobile-service-all):is(:hover,:focus,.active){background:linear-gradient(110deg,color-mix(in srgb,var(--main) 18%,var(--bg_main)),color-mix(in srgb,var(--sub) 15%,var(--bg_main)))!important;color:var(--font_main)!important}
body[data-menu-head-style="6"] :is(.service-all,.mobile-service-all) span{color:var(--font_main)!important}
body[data-menu-head-style="6"] :is(.service-all,.mobile-service-all) i{color:var(--sub)!important}
#site-topbar[data-urgent-style="0"]{display:none!important}
body[data-menu-head-style="5"] #site-topbar:not([data-urgent-style="0"]),body[data-menu-head-style="6"] #site-topbar:not([data-urgent-style="0"]){display:block!important}
#site-topbar[data-urgent-style="2"]{background:linear-gradient(105deg,color-mix(in srgb,var(--main) 25%,var(--bg_main)),color-mix(in srgb,var(--sub) 17%,var(--bg_main)))!important;border-bottom:1px solid var(--main)!important}
#site-topbar[data-urgent-style="2"] .site-topbar-announcement,#site-topbar[data-urgent-style="2"] .site-topbar-ticker-track{color:var(--font_main)!important;font-weight:700}
#site-topbar[data-urgent-style="3"]{background:var(--bg_main)!important;border-bottom:1px solid var(--bg_border)!important;box-shadow:none!important}
#site-topbar[data-urgent-style="3"] .site-topbar-service,#site-topbar[data-urgent-style="3"] .site-topbar-contact{display:none!important}
#site-topbar[data-urgent-style="3"] .site-topbar-inner{grid-template-columns:minmax(0,1fr)!important}
#site-topbar[data-urgent-style="4"]{background:linear-gradient(100deg,var(--main),var(--sub),var(--main))!important;background-size:200% 100%!important;border-bottom:1px solid color-mix(in srgb,var(--sub) 68%,var(--main))!important;animation:siteUrgentThemeFlow 9s linear infinite}
#site-topbar[data-urgent-style="4"] :is(.site-topbar-service,.site-topbar-announcement,.site-topbar-ticker-track,.site-topbar-contact){color:var(--font_main)!important}
@keyframes siteUrgentThemeFlow{to{background-position:200% 0}}