/* UNITED GAMER 2.1.34 — bold readable typography; self-contained compact side rail. */
:root { --font:'Manrope','Segoe UI',Arial,sans-serif; --united-display:'Russo One','Arial Black','Segoe UI',sans-serif; }
body,body.united-content-v15 { --font:'Manrope','Segoe UI',Arial,sans-serif; --united-display:'Russo One','Arial Black','Segoe UI',sans-serif; font-family:var(--font)!important; }
body :is(button,input,select,textarea){font-family:var(--font)}
body :is(.hero-title,.section-title,.cat-card h3,.prod-name,.prod-info h3,.ug-model-title,.ug-shop-head h2,.brand-section h2,.united-neon-catalog h2,.ug-catalog-heading,.ug-pop-head h2,.united-contacts-v15 h2,.ug-buy-title){
  font-family:var(--united-display)!important;
  font-style:normal!important;
  font-synthesis: none;
  font-kerning:normal;
  font-weight:400!important; /* Russo One has exactly one genuine weight. */
  letter-spacing:-.025em!important;
}
body :is(.section-title,.brand-section h2,.cat-card h3,.ug-pop-head h2,.united-contacts-v15 h2){line-height:1.16!important}
body :is(.desktop-nav a,.mobile-panel a,.btn,.header-cta,.eyebrow,.hero-index,.ug-pop-all,.ug-shop-card){font-family:var(--font)!important;font-weight:800}
/* The hero is drawn as two subtle extruded layers, not glowing neon or tilted glyphs. */
body.home .hero.ug-hero-carousel .ug-hero-slide .hero-title,
body.home.united-style-neon .hero.ug-hero-carousel .ug-hero-slide .hero-title{
  font-family:var(--united-display)!important;
  font-weight:400!important;
  font-style:normal!important;
  text-transform:uppercase;
  letter-spacing:-.018em!important;
  line-height:1.12!important;
  text-shadow:0 1px 0 #a9acb2,0 3px 0 #44464e,0 5px 0 #17181d,0 10px 15px #000c,0 18px 38px #0009!important;
  overflow-wrap:normal;word-break:normal;
}
body.home .hero.ug-hero-carousel .ug-hero-slide .hero-title em,
body.home.united-style-neon .hero.ug-hero-carousel .ug-hero-slide .hero-title em{
  font-family:var(--united-display)!important;
  font-style:normal!important;
  font-weight:400!important;
  color:#ff9c2e!important;
  -webkit-text-fill-color:#ff9c2e!important;
  text-shadow:0 1px 0 #c95d07,0 3px 0 #783006,0 5px 0 #2f1608,0 12px 22px #000c,0 0 22px #ff7b171c!important;
}
@media(min-width:761px){
 body.home .hero.ug-hero-carousel .ug-hero-slide .hero-title{font-size:clamp(34px,4.5vw,72px)!important;max-width:760px!important}
 body.home .hero.ug-hero-carousel .ug-hero-slide .hero-title em{font-size:clamp(32px,4.2vw,66px)!important}
 body.home .hero.ug-hero-carousel .ug-hero-slide--desk .hero-title{font-size:clamp(30px,3.1vw,49px)!important;max-width:800px!important}
 body.home .hero.ug-hero-carousel .ug-hero-slide--desk .hero-title em{font-size:clamp(28px,3vw,47px)!important}
}
/* The navigator is centered vertically within the hero, NEVER attached to its bottom. */
body.home .hero.ug-hero-carousel .ug-hero-slider-controls{
 position:absolute!important;z-index:70!important;
 top:clamp(155px,calc((100svh - 80px) / 2),410px)!important;right:clamp(15px,3.2vw,62px)!important;bottom:auto!important;left:auto!important;
 transform:translateY(-50%)!important;
 width:60px!important;max-width:none!important;min-width:0!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 padding:7px!important;gap:2px!important;
 pointer-events:auto!important;
 border:1px solid rgba(255,255,255,.24)!important;border-radius:24px!important;
 background:linear-gradient(155deg,rgba(29,32,39,.85),rgba(7,9,13,.78))!important;
 box-shadow:0 14px 38px #0009,0 0 0 1px rgba(0,0,0,.33) inset!important;
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
body.home .hero.ug-hero-carousel .ug-hero-slider-pagination{
 display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;
 pointer-events:auto!important;
}
body.home .hero.ug-hero-carousel .ug-hero-slider-dot{
 position:relative!important;border:0!important;border-radius:12px!important;
 display:grid!important;place-items:center!important;
 width:42px!important;height:36px!important;min-width:42px!important;min-height:36px!important;
 padding:0!important;background:transparent!important;color:#bbc0c9!important;
 font-family:var(--font)!important;font-size:12px!important;font-weight:800!important;
 line-height:1!important;box-shadow:none!important;
 transition:background-color .2s,color .2s,transform .2s!important;
}
body.home .hero.ug-hero-carousel .ug-hero-slider-dot>span{
 width:auto!important;height:auto!important;background:none!important;display:block!important;
 color:inherit!important;box-shadow:none!important;letter-spacing:.06em!important;
 transition:none!important;
}
body.home .hero.ug-hero-carousel .ug-hero-slider-dot:hover,
body.home .hero.ug-hero-carousel .ug-hero-slider-dot:focus-visible{background:#ff921a23!important;color:#fff!important;transform:translateX(-1px)}
body.home .hero.ug-hero-carousel .ug-hero-slider-dot.is-active{
 background:linear-gradient(135deg,#ffaf39,#ec7613)!important;color:#131416!important;
 box-shadow:0 2px 14px #ff810954!important;
}
body.home .hero.ug-hero-carousel .ug-hero-slider-dot.is-active>span{color:#131416!important}
body.home .hero.ug-hero-carousel .ug-hero-rail-arrow{
 display:grid!important;place-items:center!important;
 width:40px!important;height:36px!important;padding:0!important;border:0!important;
 background:transparent!important;color:#fff!important;border-radius:12px!important;
 font-family:var(--font)!important;font-size:23px!important;line-height:1!important;box-shadow:none!important;
 transition:background-color .2s,color .2s!important;
}
body.home .hero.ug-hero-carousel .ug-hero-rail-arrow:hover,
body.home .hero.ug-hero-carousel .ug-hero-rail-arrow:focus-visible{color:#ffab4c!important;background:#ffffff15!important}
@media(max-width:760px){
 body.home .hero.ug-hero-carousel .ug-hero-slide .hero-title{font-size:clamp(26px,6.8vw,45px)!important;line-height:1.19!important;max-width:100%!important}
 body.home .hero.ug-hero-carousel .ug-hero-slide .hero-title em{font-size:clamp(25px,6.5vw,43px)!important;line-height:1.19!important}
 body.home .hero.ug-hero-carousel .ug-hero-slide--desk .hero-title{font-size:clamp(25px,6vw,36px)!important}
 body.home .hero.ug-hero-carousel .ug-hero-slide--desk .hero-title em{font-size:clamp(24px,5.7vw,35px)!important}
 body.home .hero.ug-hero-carousel .ug-hero-slider-controls{
   top:clamp(210px,calc(54svh - 20px),365px)!important;
   right:10px!important;width:48px!important;padding:5px 3px!important;gap:0!important;
   transform:translateY(-50%)!important;border-radius:19px!important;
 }
 body.home .hero.ug-hero-carousel .ug-hero-slider-dot{width:38px!important;min-width:38px!important;height:29px!important;min-height:29px!important;font-size:10px!important}
 body.home .hero.ug-hero-carousel .ug-hero-rail-arrow{width:36px!important;height:30px!important;font-size:18px!important}
 body.home .hero.ug-hero-carousel .ug-hero-slide .hero-copy{padding-right:35px!important}
 .section-title{font-size:clamp(28px,7.8vw,44px)!important;overflow-wrap:break-word}
}
@media(max-width:420px){
 body.home .hero.ug-hero-carousel .ug-hero-slide .hero-title{font-size:clamp(25px,6.6vw,34px)!important}
 body.home .hero.ug-hero-carousel .ug-hero-slide .hero-title em{font-size:clamp(24px,6.4vw,33px)!important}
}
@media(prefers-reduced-motion:reduce){
 body.home .hero.ug-hero-carousel .ug-hero-slider-dot,
 body.home .hero.ug-hero-carousel .ug-hero-rail-arrow{transition:none!important}
}

/* Guard long fourth-slide slogan in very narrow viewports. */
@media(max-width:420px){
 body.home .hero.ug-hero-carousel .ug-hero-slide--desk .hero-title{font-size:clamp(21px,5.5vw,28px)!important;max-width:100%!important}
 body.home .hero.ug-hero-carousel .ug-hero-slide--desk .hero-title em{font-size:clamp(20px,5.1vw,27px)!important}
}
