/* UNITED GAMER v2.0 / NEON SHOWROOM
 * Reversible third style. Existing uploaded section backdrops are NOT replaced.
 * No new product photos are drawn, generated, or modified here.
 */
body.united-style-neon{
  --orange:#f58a18;--orange-2:#ffad43;
  --paper:#08090b;--white:#0d0f12;--ink:#f5f6f7;--ink-2:#ebecee;
  --muted:#a8abb1;--stroke:rgba(255,255,255,.10);
  color:#f4f4f5!important;background:#08090b!important;
}
body.united-style-neon .topline{height:1px!important;background:linear-gradient(90deg,#ff911c,transparent 65%)!important}
body.united-style-neon .site-header,
body.united-style-neon.united-art-studio .site-header{
 background:linear-gradient(180deg,rgba(10,11,13,.96),rgba(8,9,10,.99))!important;
 border-bottom:1px solid rgba(244,139,34,.36)!important;
 box-shadow:0 8px 25px #0009!important;
}
body.united-style-neon .desktop-nav a{color:#dadddf!important}
body.united-style-neon .desktop-nav a:hover{color:#ff9a2e!important}
body.united-style-neon .header-cta,
body.united-style-neon .btn-primary{
 background:linear-gradient(180deg,#ffae45,#f5840c 72%,#d76a02)!important;
 color:#131010!important;
 box-shadow:0 8px 23px #000b,0 0 22px #ea651527!important;
 border:1px solid #ffb45566!important;
}
/* Uploaded hero photo remains exact. Smoothly fade the *photo itself* to the next section's black,
   avoiding the rectangular black overlay that appeared in 1.9.1. */
body.home.united-style-neon .hero,
body.home.united-style-neon.united-art-studio .hero{
 background-color:#090a0d!important;
 background-image:none!important;
 min-height:620px!important;
}
/* When the site's background panel is empty, keep the already-existing studio photo. */
body.home.united-style-neon .hero:not(:has(> .united-section-background)){
 background-image:linear-gradient(90deg,rgba(5,7,9,.88),rgba(5,7,9,.32) 51%,transparent 83%),url('studio-14/hero-scene.webp')!important;
 background-size:cover!important;background-position:center!important;
}
body.home.united-style-neon .hero .united-section-background{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 66%,rgba(0,0,0,.72) 78%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 66%,rgba(0,0,0,.72) 78%,transparent 100%);
}
body.home.united-style-neon .hero::after{content:none!important;display:none!important}
body.home.united-style-neon .hero .hero-visual{display:none!important}
body.home.united-style-neon .hero .container.hero-grid{min-height:620px!important}
body.home.united-style-neon .hero .hero-copy{padding:68px 0 108px!important;max-width:680px!important}
body.home.united-style-neon .hero .hero-title{
 font-size:clamp(42px,5.4vw,83px)!important;font-weight:900!important;letter-spacing:-.055em!important;
 line-height:1.08!important;color:#fafafa!important;text-shadow:0 3px 25px #000a;
}
body.home.united-style-neon .hero .hero-title em{
 background:none!important;-webkit-text-fill-color:currentColor!important;color:#ff9527!important;
 text-shadow:0 2px 22px #000b!important;
}
body.home.united-style-neon .hero .hero-desc{font-size:15px!important;max-width:460px;color:#d5d7db!important}
body.home.united-style-neon .hero .hero-index{color:#ffad54!important;letter-spacing:.22em!important}
body.home.united-style-neon .hero .hero-count{display:none!important}
body.home.united-style-neon .hero .hero-actions{gap:22px;flex-wrap:wrap}
/* The approved scheme's "popular" strip goes after the hero; no fabricated sales claims. */
body.united-style-neon .united-neon-popular{
 background:radial-gradient(ellipse at 50% 10%,rgba(255,126,25,.055),transparent 57%),#090a0d;
 color:#f1f2f3;padding:42px 0 70px;position:relative;isolation:isolate;
}
.ug-pop-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}
.ug-pop-head h2{color:#f7f8f8;font-size:clamp(24px,3vw,38px);margin:0 0 7px;font-weight:900;letter-spacing:-.045em;line-height:1.15}
.ug-pop-head p{margin:0;color:#aaadb2;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.ug-pop-all{color:#ff9b30;font-size:11px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.ug-pop-all:hover{color:#ffd18b}
.ug-pop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ug-pop-card{
 min-width:0;min-height:330px;border:1px solid #292d33;border-radius:11px;position:relative;
 background:linear-gradient(164deg,#141619 0%,#0a0b0d 80%);
 overflow:hidden;display:flex;flex-direction:column;transition:border-color .22s,box-shadow .22s,transform .22s;
}
.ug-pop-card:hover,.ug-pop-card:focus-within{border-color:#ee8526;box-shadow:0 0 0 1px #d26f2075,0 0 22px #fb771f35,0 18px 40px #0009;transform:translateY(-2px)}
.ug-pop-image-link{position:relative;display:flex;align-items:center;justify-content:center;height:238px;padding:10px;isolation:isolate}
.ug-pop-image-link img{position:relative;z-index:2;width:96%;height:100%;object-fit:contain;filter:drop-shadow(2px 8px 13px #0008)}
.ug-pop-info{position:relative;z-index:3;padding:4px 14px 22px;text-align:center;margin-top:auto}
.ug-pop-overline{display:block;color:#989da6;font-size:9px;letter-spacing:.085em}
.ug-pop-info h3{font-size:14px;line-height:1.27;color:#f7f7f7;font-weight:850;margin:7px 0 12px;min-height:32px;overflow-wrap:anywhere}
.ug-pop-info h3 a:hover{color:#ffac42}
.ug-pop-colors{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:20px}
.ug-pop-dot{border:1px solid #5b616a!important;background:var(--ug-dot-color,#60656c)!important;border-radius:50%;width:16px;height:16px;padding:0;box-shadow:0 0 0 1px #000!important;transition:box-shadow .15s}
.ug-pop-dot.is-active{box-shadow:0 0 0 2px #0c0d0e,0 0 0 3.5px #ff9831!important}
.ug-pop-dot:hover,.ug-pop-dot:focus-visible{box-shadow:0 0 0 2px #0c0d0e,0 0 0 3px #ff9831!important}
.ug-pop-arrow{position:absolute;bottom:11px;right:9px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #555c67;border-radius:50%;font-size:13px;color:#fff}
.ug-pop-arrow:hover{background:#f68b26;color:#101010;border-color:#f68b26}
.ug-pop-missing{padding:26px;font-size:12px;line-height:1.7;color:#d9aa80}
.ug-pop-missing a{text-decoration:underline}
/* Other home sections. Existing uploaded backgrounds stay active and unmodified. */
body.united-style-neon .ribbon{display:none!important}
body.united-style-neon .categories{
 background:#080a0d!important;color:#f2f2f3!important;padding-top:85px!important;
}
body.united-style-neon .catalog{background:#080a0d!important;color:#f2f2f3!important}
body.united-style-neon .advantages{background:#0a0c0e!important;color:#f3f3f3!important}
body.united-style-neon .section-title{color:#f4f4f5!important}
body.united-style-neon .section-lead{color:#c0c4cb!important}
body.united-style-neon .eyebrow{color:#ff982d!important}
body.united-style-neon .cat-card:nth-child(n){
 background:linear-gradient(145deg,#14171b,#090b0e)!important;border:1px solid #333840!important;
 box-shadow:inset 0 1px #ffffff0d,0 17px 34px #0008!important;
 border-radius:11px!important;
}
body.united-style-neon .cat-card:hover{border-color:#ef8321!important;box-shadow:0 0 0 1px #f5852147,0 0 28px #df71232e,0 18px 40px #0009!important}
body.united-style-neon .cat-card h3,
body.united-style-neon .cat-card .category-bottom{color:#f5f6f7!important}
body.united-style-neon .cat-card .circle-arrow{border-color:#ef8d2d;color:#ff9e37}
body.united-style-neon .filter-pill{background:#15181c;color:#c8ccd0;border-color:#30363e}
body.united-style-neon .filter-pill.active{background:#f48a20;color:#130f0c;border-color:#f48a20}
body.united-style-neon .catalog-search{background:#161a1f;border-color:#363c43}
body.united-style-neon .catalog-search input{color:#e9edf0}
body.united-style-neon .catalog-counter{color:#a4abb4}
/* Real transparent photos over black, with a neutral white illuminated halo. */
body.united-style-neon .product-card{background:#111316!important;border:1px solid #2b3139!important;color:#f7f7f7!important;border-radius:10px!important;overflow:hidden;box-shadow:0 14px 32px #0006!important}
body.united-style-neon .product-card:hover{border-color:#ff9a2c!important;box-shadow:0 0 0 1px #f28c2e,0 0 24px #eb711f33,0 20px 44px #000b!important}
body.united-style-neon .product-card .prod-image,
body.united-style-neon.united-content-v15 .product-card .prod-image{
 position:relative;background:radial-gradient(ellipse at 52% 65%,#25272c 0%,#101216 48%,#07090c 95%)!important;
 isolation:isolate!important;
}
body.united-style-neon .prod-image img{z-index:1;position:relative;filter:drop-shadow(0 10px 9px #0009)}
body.united-style-neon .prod-info{background:#111316!important;color:#f1f3f6!important}
body.united-style-neon .prod-name,body.united-style-neon .prod-name a{color:#fff!important}
body.united-style-neon .prod-label{color:#f49a3b}
body.united-style-neon .prod-variant-count,body.united-style-neon .prod-bottom>span{color:#aab0ba}
body.united-style-neon .prod-swatches button.active,
body.united-style-neon .prod-swatches button[aria-pressed="true"]{outline:2px solid #f58a24!important;outline-offset:2px!important}
/* Hide separate "office photograph" only in NEON; do not delete its saved URL. */
body.united-style-neon .united-about-v15 .united-office-panel{display:none!important}
body.united-style-neon .united-about-v15 .brand-grid{
 grid-template-columns:minmax(0,1fr)!important;display:grid!important;min-height:480px!important;align-items:center;
}
body.united-style-neon .united-about-v15 .brand-copy{max-width:650px!important;padding:100px 0!important}
body.united-style-neon .united-about-v15.brand-section{background:#090b0e!important;color:#f4f5f6!important}
body.united-style-neon .united-about-v15 .brand-copy p{color:#d5d8df!important;max-width:580px}
body.united-style-neon .advantage{border-color:#2f343c!important}
body.united-style-neon .advantage h3{color:#f4f5f6}
body.united-style-neon .advantage p{color:#afb5be}
body.united-style-neon .cta-end,
body.united-style-neon .united-contacts-v15{
 background:#080a0d!important;border-top:1px solid #fb912333!important;color:#f6f6f7!important;
}
body.united-style-neon .united-contact-card{background:linear-gradient(142deg,#191c22,#0b0d10)!important;border:1px solid #33353b!important;color:#fff!important}
body.united-style-neon .united-contact-card a,body.united-style-neon .united-contact-card strong{color:#fff!important}
body.united-style-neon .footer{background:#07090b!important;color:#e0e2e6!important;border-top:1px solid #292b31}
/* Product details keep the functional selectors and gallery; only their surfaces change. */
body.united-style-neon .wp-model{background:#080a0e!important;color:#f2f2f3!important}
body.united-style-neon .wp-model .picture-panel{background:radial-gradient(ellipse at 51% 69%,#282d32 0%,#13171c 55%,#080a0d 96%)!important;border-color:#343941!important}
body.united-style-neon .wp-model .gallery-thumbs .thumb{background:#161a1e!important}
body.united-style-neon .wp-model .choice.active,
body.united-style-neon .wp-model .choice[aria-pressed="true"]{border-color:#ff972c!important;box-shadow:0 0 0 1px #e98321,0 0 18px #f77b2637!important}
@media(max-width:1080px){
 .ug-pop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.home.united-style-neon .hero .hero-copy{max-width:560px!important}
}
@media(max-width:760px){
 body.home.united-style-neon .hero{min-height:700px!important}
 body.home.united-style-neon .hero .container.hero-grid{min-height:700px!important}
 body.home.united-style-neon .hero .hero-copy{padding:30px 0 390px!important;max-width:100%!important}
 body.home.united-style-neon .hero .hero-title{font-size:clamp(34px,8.1vw,51px)!important}
 body.home.united-style-neon .hero .hero-desc{font-size:12px!important;max-width:340px!important}
 body.home.united-style-neon .hero .united-section-background{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);
 }
 body.united-style-neon .united-neon-popular{padding:34px 0 44px}
 .ug-pop-head{align-items:start}.ug-pop-head h2{font-size:27px}.ug-pop-all{font-size:10px;margin-top:9px}
 .ug-pop-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;scrollbar-width:thin}
 .ug-pop-card{flex:0 0 230px;scroll-snap-align:start}
 body.united-style-neon .united-about-v15 .brand-grid{min-height:400px!important}
 body.united-style-neon .united-about-v15 .brand-copy{padding:65px 0!important}
}
@media(max-width:420px){.ug-pop-card{flex-basis:208px}.ug-pop-image-link{height:210px}}
@media(prefers-reduced-motion:reduce){.ug-pop-card,.ug-pop-dot{transition:none!important}}


/* ==============================================================
   v2.1 | PRODUCT SCALE + SOFT SEAMLESS SECTION EDGES
   These changes are only for the NEON preset. The ORIGINAL and NIGHT
   presets retain their current styling; only shared chair palette
   semantics are changed in front-page.php.
   ============================================================== */

/* Popular models: four generous cards, fifth remains selectable in admin. */
body.united-style-neon .ug-pop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
body.united-style-neon .ug-pop-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
body.united-style-neon .ug-pop-card{
  background:#07090b!important;
  min-height:445px;border-color:#30333a;
}
body.united-style-neon .ug-pop-image-link{
  height:330px;padding:0 5px 0!important;background:transparent!important;
  align-items:center!important;overflow:hidden;
}
body.united-style-neon .ug-pop-image-link img{
  width:100%;height:100%;object-fit:contain;
  position:relative;z-index:2;
  filter:drop-shadow(0 13px 11px rgba(0,0,0,.66));
}
body.united-style-neon .ug-pop-info{
  margin-top:auto;padding:2px 16px 22px;
  background:transparent!important;
}
body.united-style-neon .ug-pop-overline{margin:0;color:#a7acb2;font-size:10px}
body.united-style-neon .ug-pop-info h3{margin:4px 0 6px;min-height:0;font-size:16px;line-height:1.22}
body.united-style-neon .ug-pop-colors{min-height:25px;gap:9px}
body.united-style-neon .ug-pop-dot{width:18px;height:18px}
body.united-style-neon .ug-pop-grid--5 .ug-pop-image-link{height:280px}
body.united-style-neon .ug-pop-grid--5 .ug-pop-card{min-height:405px}

/* Same near-black surface everywhere. The bright line belongs to the chairs,
   not to an accidental rectangular photo / gray product panel. */
body.home.united-style-neon .product-card,
body.home.united-style-neon .product-card .prod-info{background:#090a0d!important}
body.home.united-style-neon .product-card .prod-image,
body.home.united-style-neon.united-content-v15 .product-card .prod-image{
   background:#090a0d!important;
}
/* Smooth *actual uploaded backdrop images*, never paint a hard opaque bar
   across chairs or over content. The section's matching black is beneath. */
body.home.united-style-neon .hero,
body.home.united-style-neon .united-neon-popular,
body.home.united-style-neon .categories,
body.home.united-style-neon .catalog,
body.home.united-style-neon .united-about-v15,
body.home.united-style-neon .united-advantages-v15,
body.home.united-style-neon .united-contacts-v15{
  background-color:#090a0d!important;
  border-image:none!important;
}
body.home.united-style-neon .hero .united-section-background{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,rgba(0,0,0,.72) 86%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 70%,rgba(0,0,0,.72) 86%,transparent 100%)!important;
}
/* These are all site-configured images; preserve URLs and full text visibility. */
body.home.united-style-neon .categories > .united-section-background,
body.home.united-style-neon .united-neon-popular > .united-section-background,
body.home.united-style-neon .catalog > .united-section-background,
body.home.united-style-neon .united-about-v15 > .united-section-background,
body.home.united-style-neon .united-advantages-v15 > .united-section-background,
body.home.united-style-neon .united-contacts-v15 > .united-section-background{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 12%,#000 24%,#000 70%,rgba(0,0,0,.72) 86%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 12%,#000 24%,#000 70%,rgba(0,0,0,.72) 86%,transparent 100%)!important;
}
/* NIGHT v1.9.1 used an after pseudo-element across entire sections: remove
   it only in NEON so it can't cut through the image as a rectangle. */
body.home.united-style-neon .hero::after,
body.home.united-style-neon .categories::after,
body.home.united-style-neon .catalog::after{content:none!important;display:none!important}
body.home.united-style-neon .united-contacts-v15{border-top:0!important}

@media(max-width:1150px){
 body.united-style-neon .ug-pop-grid,
 body.united-style-neon .ug-pop-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.united-style-neon .ug-pop-image-link,
 body.united-style-neon .ug-pop-grid--5 .ug-pop-image-link{height:285px}
}
@media(max-width:760px){
 body.united-style-neon .ug-pop-grid,
 body.united-style-neon .ug-pop-grid--5{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
 body.united-style-neon .ug-pop-card,
 body.united-style-neon .ug-pop-grid--5 .ug-pop-card{flex:0 0 250px;min-height:385px;scroll-snap-align:start}
 body.united-style-neon .ug-pop-image-link,
 body.united-style-neon .ug-pop-grid--5 .ug-pop-image-link{height:276px}
 body.united-style-neon .ug-pop-info h3{font-size:15px}
 body.home.united-style-neon .categories > .united-section-background,
 body.home.united-style-neon .united-neon-popular > .united-section-background,
body.home.united-style-neon .catalog > .united-section-background,
 body.home.united-style-neon .united-about-v15 > .united-section-background,
 body.home.united-style-neon .united-advantages-v15 > .united-section-background,
 body.home.united-style-neon .united-contacts-v15 > .united-section-background{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 80%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 80%,transparent 100%)!important;
 }
}
@media(max-width:420px){
 body.united-style-neon .ug-pop-card,
 body.united-style-neon .ug-pop-grid--5 .ug-pop-card{flex-basis:235px}
 body.united-style-neon .ug-pop-image-link,
 body.united-style-neon .ug-pop-grid--5 .ug-pop-image-link{height:260px}
}


/* Lift visibility of real chair photos gently, no recoloring or image edits. */
body.united-style-neon .ug-pop-image-link img {
  filter: brightness(1.10) contrast(1.035) drop-shadow(0 13px 11px rgba(0,0,0,.66)) !important;
}
body.home.united-style-neon .product-card .prod-image img {
  filter:brightness(1.08) contrast(1.025) drop-shadow(0 10px 9px rgba(0,0,0,.60)) !important;
}

/* ==============================================================
   UNITED GAMER 2.1.4 | SOFT LIGHT, MORE VISIBLE + HOVER
   A diffused background cloud, NOT a white disk / ring beneath
   the furniture. Uses the existing model category attribute
   for consistent lighting in Popular and the main Catalogue.
   ============================================================== */
body.united-style-neon .ug-pop-card,
body.united-style-neon .product-card {
  --ug-glow-rgb: 243, 247, 252; /* office / fallback: soft white */
}
body.united-style-neon .ug-pop-card[data-category="gaming"],
body.united-style-neon .product-card[data-category="gaming"] {
  --ug-glow-rgb: 255, 145, 53; /* gaming: restrained warm orange */
}
body.united-style-neon .ug-pop-card[data-category="office"],
body.united-style-neon .product-card[data-category="office"] {
  --ug-glow-rgb: 243, 247, 252; /* office: neutral soft white */
}
body.united-style-neon .ug-pop-card[data-category="desk"],
body.united-style-neon .product-card[data-category="desk"] {
  --ug-glow-rgb: 166, 178, 192; /* desks: cool silver-grey */
}
body.united-style-neon .ug-pop-image-link,
body.united-style-neon .product-card .prod-image {
  position:relative!important;
  isolation:isolate!important;
}
body.united-style-neon .ug-pop-image-link::before,
body.united-style-neon .product-card .prod-image::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto!important;
  left:61%!important;
  top:47%!important;
  width:85%!important;
  max-width:295px;
  height:auto!important;
  aspect-ratio:1 / 1;
  transform:translate(-50%,-50%) scale(1)!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,
    rgba(var(--ug-glow-rgb),.30) 0%,
    rgba(var(--ug-glow-rgb),.21) 24%,
    rgba(var(--ug-glow-rgb),.105) 46%,
    rgba(var(--ug-glow-rgb),.040) 62%,
    rgba(var(--ug-glow-rgb),0) 79%)!important;
  box-shadow:none!important;
  filter:blur(15px) brightness(1.03)!important;
  opacity:.69!important;
  z-index:0!important;
  pointer-events:none!important;
  transition:opacity .36s ease, transform .42s ease, filter .38s ease!important;
  will-change:opacity;
}
body.united-style-neon .ug-pop-image-link img,
body.united-style-neon .product-card .prod-image img {
  position:relative!important;
  z-index:1!important;
}
/* Desks are wide and low: a flatter light area fits their silhouette. */
body.united-style-neon .ug-pop-card[data-category="desk"] .ug-pop-image-link::before,
body.united-style-neon .product-card[data-category="desk"] .prod-image::before {
  width:93%!important;
  max-width:345px;
  aspect-ratio:1.35 / 1;
  top:51%!important;
}
/* Hover and keyboard focus gently strengthen + broaden the same cloud. */
@media (hover:hover) {
  body.united-style-neon .ug-pop-card:hover .ug-pop-image-link::before,
  body.united-style-neon .product-card:hover .prod-image::before {
    opacity:1!important;
    filter:blur(16px) brightness(1.27)!important;
    transform:translate(-50%,-50%) scale(1.10)!important;
  }
}
body.united-style-neon .ug-pop-card:focus-within .ug-pop-image-link::before,
body.united-style-neon .product-card:focus-within .prod-image::before {
  opacity:1!important;
  filter:blur(16px) brightness(1.27)!important;
  transform:translate(-50%,-50%) scale(1.10)!important;
}
@media(max-width:760px) {
  body.united-style-neon .ug-pop-image-link::before,
  body.united-style-neon .product-card .prod-image::before {
    width:87%!important;
    filter:blur(12px)!important;
  }
  body.united-style-neon .ug-pop-card[data-category="desk"] .ug-pop-image-link::before,
  body.united-style-neon .product-card[data-category="desk"] .prod-image::before {
    width:93%!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.united-style-neon .ug-pop-image-link::before,
  body.united-style-neon .product-card .prod-image::before {
    transition:none!important;
    will-change:auto;
  }
}


/* ==============================================================
   v2.1.4 | "Другие модели" on individual product pages
   Remove the old full-panel grey gradient and use the same soft,
   slightly right-offset category glow as Popular and Catalog.
   ============================================================== */
body.united-style-neon .wp-model .more-card {
  --ug-glow-rgb:243,247,252; /* fallback: office white */
}
body.united-style-neon .wp-model .more-card[data-category="office"] {
  --ug-glow-rgb:243,247,252;
}
body.united-style-neon .wp-model .more-card[data-category="gaming"] {
  --ug-glow-rgb:255,145,53;
}
body.united-style-neon .wp-model .more-card[data-category="desk"] {
  --ug-glow-rgb:166,178,192;
}
body.united-style-neon .wp-model .more-img {
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#090b0e!important;
}
body.united-style-neon .wp-model .more-img::before {
  content:"";
  display:block;
  position:absolute;
  left:59%;
  top:47%;
  width:78%;
  max-width:264px;
  aspect-ratio:1.25 / 1;
  transform:translate(-50%,-50%) scale(1);
  border-radius:50%;
  background:radial-gradient(ellipse at center,
    rgba(var(--ug-glow-rgb),.30) 0%,
    rgba(var(--ug-glow-rgb),.21) 24%,
    rgba(var(--ug-glow-rgb),.105) 46%,
    rgba(var(--ug-glow-rgb),.040) 62%,
    rgba(var(--ug-glow-rgb),0) 79%);
  box-shadow:none;
  filter:blur(14px) brightness(1.03);
  opacity:.69;
  z-index:0;
  pointer-events:none;
  transition:opacity .36s ease, transform .42s ease, filter .38s ease;
}
body.united-style-neon .wp-model .more-img img {
  position:relative;
  z-index:1;
}
body.united-style-neon .wp-model .more-card[data-category="desk"] .more-img::before {
  width:88%;
  max-width:312px;
  aspect-ratio:1.5 / 1;
  top:51%;
}
@media(hover:hover) {
  body.united-style-neon .wp-model .more-card:hover .more-img::before {
    opacity:1;
    filter:blur(15px) brightness(1.27);
    transform:translate(-50%,-50%) scale(1.10);
  }
}
body.united-style-neon .wp-model .more-card:focus-visible .more-img::before,
body.united-style-neon .wp-model .more-card:focus-within .more-img::before {
  opacity:1;
  filter:blur(15px) brightness(1.27);
  transform:translate(-50%,-50%) scale(1.10);
}
@media(max-width:760px) {
  body.united-style-neon .wp-model .more-img::before {
    width:94%;
    filter:blur(10px) brightness(1.03);
  }
  body.united-style-neon .wp-model .more-card[data-category="desk"] .more-img::before {
    width:96%;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.united-style-neon .wp-model .more-img::before {transition:none;}
}

/* UNITED GAMER 2.1.6 — NEON header matches the actual ORIGINAL preset.
 * Copy the real 1.4 studio header palette, not a white/light background.
 * Scoped ONLY to NEON; product lighting, category pages and OFFICE untouched. */
body.united-style-neon .topline {
  height:2px!important;
  background:linear-gradient(90deg,#fd9b1b,#47250c 25%,#111 80%,#fd9b1b)!important;
}
body.united-style-neon .site-header,
body.united-style-neon.united-art-studio .site-header {
  position:sticky!important;
  top:0;
  z-index:70;
  background:linear-gradient(176deg,rgba(65,65,68,.88) 0%,rgba(22,23,25,.98) 23%,rgba(10,11,13,.98) 90%),
             radial-gradient(ellipse at 27% -60%,rgba(255,142,17,.2),transparent 53%)!important;
  border-bottom:1px solid rgba(255,162,51,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,196,86,.10),0 15px 32px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(16px);
}
body.united-style-neon .site-header::after,
body.united-style-neon.united-art-studio .site-header::after {
  content:'';
  display:block;
  pointer-events:none;
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:linear-gradient(90deg,transparent,#ee8a1f 25%,transparent 62%,#a45a1f 80%,transparent);
  opacity:.46;
}
body.united-style-neon .desktop-nav a,
body.united-style-neon.united-art-studio .desktop-nav a {
  color:#dedfe1!important;
}
body.united-style-neon .desktop-nav a:hover,
body.united-style-neon.united-art-studio .desktop-nav a:hover {
  color:#ffa32e!important;
}
body.united-style-neon .site-header .header-cta,
body.united-style-neon.united-art-studio .site-header .header-cta {
  background:linear-gradient(180deg,#ffac43 0%,#ff920e 45%,#d96900 100%)!important;
  border:1px solid rgba(255,220,164,.55)!important;
  box-shadow:inset 0 1px 1px #fff5,0 5px 18px #0009!important;
  color:#141414!important;
  padding:11px 16px!important;
}
/* In the mobile header use the same charcoal palette as ORIGINAL. */
body.united-style-neon .site-header .menu-toggle {
  background:transparent!important;
  border-color:#484b50!important;
  color:#fff!important;
}
body.united-style-neon .site-header .mobile-panel {
  background:#151618!important;
  border-top:1px solid #313338!important;
}
body.united-style-neon .site-header .mobile-panel a {
  color:#f1f1f1!important;
  border-bottom:1px solid #35363a!important;
}
body.united-style-neon .site-header .mobile-panel a:hover {
  color:#ffa32e!important;
}

/* UNITED GAMER 2.1.7 — match the catalog's subtle 1.045x hover zoom.
   Apply to the product image only, not the halo or the entire card. */
body.united-style-neon .ug-pop-image-link img {
  transition:transform .35s ease;
  transform:scale(1);
  transform-origin:center center;
}
@media (hover:hover) {
  body.united-style-neon .ug-pop-card:hover .ug-pop-image-link img {
    transform:scale(1.045);
  }
}
body.united-style-neon .ug-pop-card:focus-within .ug-pop-image-link img {
  transform:scale(1.045);
}
@media (prefers-reduced-motion:reduce) {
  body.united-style-neon .ug-pop-image-link img {transition:none;}
}


/* ==============================================================
   UNITED GAMER 2.1.8 | CATALOG TO BRAND SOFT JOIN
   Previous catalog-to-brand transition intentionally retained.
   Hero-to-popular uses standard section masks like the other sections.
   ============================================================== */
body.home.united-style-neon .catalog > .united-section-background,
body.home.united-style-neon .united-about-v15 > .united-section-background {
  position: absolute !important;
  overflow: hidden !important;
}
body.home.united-style-neon .catalog > .united-section-background::after,
body.home.united-style-neon .united-about-v15 > .united-section-background::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  pointer-events: none;
  z-index: 1;
}
body.home.united-style-neon .catalog > .united-section-background::after {
  bottom: -1px;
  height: 140px;
  background: linear-gradient(to bottom,
    rgba(9,10,13,0) 0%,
    rgba(9,10,13,.28) 36%,
    rgba(9,10,13,.70) 72%,
    #090a0d 100%);
}
body.home.united-style-neon .united-about-v15 > .united-section-background::before {
  top: -1px;
  height: 135px;
  background: linear-gradient(to bottom,
    #090a0d 0%,
    rgba(9,10,13,.80) 24%,
    rgba(9,10,13,.40) 58%,
    rgba(9,10,13,0) 100%);
}
@media (max-width:760px) {
  body.home.united-style-neon .catalog > .united-section-background::after {height:110px}
  body.home.united-style-neon .united-about-v15 > .united-section-background::before {height:95px}
}


/* ==============================================================
   UNITED GAMER 2.1.11 | subtle hero/popular smoothing
   A very light soft fade so the seam is less noticeable,
   without the heavy darkening from the earlier experiment.
   ============================================================== */
body.home.united-style-neon .hero > .united-section-background,
body.home.united-style-neon .united-neon-popular > .united-section-background{
  position:absolute!important;
  overflow:hidden!important;
}
body.home.united-style-neon .hero > .united-section-background::after,
body.home.united-style-neon .united-neon-popular > .united-section-background::before{
  content:"";
  position:absolute;
  left:-24px;
  right:-24px;
  pointer-events:none;
  z-index:1;
  filter:blur(10px);
  opacity:.95;
}
body.home.united-style-neon .hero > .united-section-background::after{
  bottom:-10px;
  height:54px;
  background:linear-gradient(to bottom,
    rgba(9,10,13,0) 0%,
    rgba(9,10,13,.08) 34%,
    rgba(9,10,13,.18) 68%,
    rgba(9,10,13,.28) 100%);
}
body.home.united-style-neon .united-neon-popular > .united-section-background::before{
  top:-10px;
  height:50px;
  background:linear-gradient(to bottom,
    rgba(9,10,13,.24) 0%,
    rgba(9,10,13,.14) 38%,
    rgba(9,10,13,.05) 72%,
    rgba(9,10,13,0) 100%);
}
@media (max-width:760px){
  body.home.united-style-neon .hero > .united-section-background::after,
  body.home.united-style-neon .united-neon-popular > .united-section-background::before{
    filter:blur(7px);
  }
  body.home.united-style-neon .hero > .united-section-background::after{height:36px;bottom:-6px}
  body.home.united-style-neon .united-neon-popular > .united-section-background::before{height:34px;top:-6px}
}


/* ==============================================================
   UNITED GAMER 2.1.17 | fixed catalog background composition
   The catalog's height changes when filtering gaming/office/desks.
   Keep the *image* scale/position tied to viewport width, not to
   catalog height, so filtering does not zoom/move the uploaded art.
   ============================================================== */
body.home.united-style-neon .catalog > .united-section-background{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.home.united-style-neon .catalog > .united-section-background > img{
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  left:0!important;
  width:100%!important;
  height:clamp(1080px,83.33vw,1700px)!important;
  object-fit:cover!important;
  object-position:center top!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 135px,#000 74%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 135px,#000 74%,transparent 100%)!important;
}
@media(max-width:760px){
  body.home.united-style-neon .catalog > .united-section-background > img{
    height:max(1000px,165vw)!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 80px,#000 76%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 80px,#000 76%,transparent 100%)!important;
  }
}


/* ================================================================
   UNITED 2.1.18 | denser section rhythm — reversible experiment
   Halve the free space BETWEEN these sections, not inside cards:
   Popular > Categories > Catalog > About > Advantages.
   Applies only to NEON SHOWROOM on the home page.
   ================================================================ */
@media (min-width:761px){
  /* Popular -> categories: 70+85px becomes ~35+43px. */
  body.home.united-style-neon .united-neon-popular{padding-bottom:35px!important}
  body.home.united-style-neon .categories{padding-top:43px!important;padding-bottom:46px!important}

  /* Categories -> catalog: 92+74px becomes ~46+37px.
     Catalog -> brand: 83+100px becomes ~42+50px. */
  body.home.united-style-neon .catalog{padding-top:37px!important;padding-bottom:42px!important}

  /* Remove the fixed minimum that would otherwise leave empty space
     even after reducing the brand copy's padding. */
  body.home.united-style-neon .united-about-v15 .brand-grid{min-height:0!important}
  body.home.united-style-neon .united-about-v15 .brand-copy{padding:50px 0!important}

  /* Brand -> advantages: 100+68px becomes ~50+34px. */
  body.home.united-style-neon .united-advantages-v15{padding-top:34px!important}
}
@media (max-width:760px){
  body.home.united-style-neon .united-neon-popular{padding-bottom:22px!important}
  body.home.united-style-neon .categories{padding-top:32px!important;padding-bottom:32px!important}
  body.home.united-style-neon .catalog{padding-top:30px!important;padding-bottom:30px!important}
  body.home.united-style-neon .united-about-v15 .brand-grid{min-height:0!important}
  body.home.united-style-neon .united-about-v15 .brand-copy{padding:32px 0!important}
  body.home.united-style-neon .united-advantages-v15{padding-top:34px!important}
}


/* ================================================================
   UNITED 2.1.19 | centered headings experiment
   Only the NEON SHOWROOM home page. Original settings and legacy
   appearances are left intact so returning to 2.1.18 is easy.
   ================================================================ */
/* Popular: center the title + tagline, keeping the catalog link on the right. */
body.home.united-style-neon .ug-pop-head{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
body.home.united-style-neon .ug-pop-head > div{
  max-width:calc(100% - 290px);
  margin-inline:auto;
}
body.home.united-style-neon .ug-pop-all{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}

/* Collection and catalog section titles on the visual centerline. */
body.home.united-style-neon .categories .section-head,
body.home.united-style-neon .catalog .section-head{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
body.home.united-style-neon .categories .section-head > div,
body.home.united-style-neon .catalog .section-head > div{
  width:100%;
  text-align:center;
}
body.home.united-style-neon .categories .section-title,
body.home.united-style-neon .catalog .section-title{
  margin-inline:auto;
}
/* The two redundant intros are not rendered in NEON (see front-page.php). */
/* Keep the catalog filter choices and search field comfortably centered. */
body.home.united-style-neon .catalog .filter-line{
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
body.home.united-style-neon .catalog .filter-line .filter-bar{
  flex:0 1 auto!important;
  justify-content:center!important;
}
body.home.united-style-neon .catalog .catalog-counter{
  text-align:center;
}

/* About: the heading, explanatory text and CTA are one centered group. */
body.home.united-style-neon.united-content-v15 .united-about-v15 .brand-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:center!important;
  text-align:center;
}
body.home.united-style-neon.united-content-v15 .united-about-v15 .brand-copy{
  width:min(100%,790px)!important;
  max-width:790px!important;
  margin:0 auto!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center!important;
}
body.home.united-style-neon .united-about-v15 .brand-copy .eyebrow,
body.home.united-style-neon .united-about-v15 .brand-copy .section-title{
  text-align:center!important;
}
body.home.united-style-neon .united-about-v15 .brand-copy p{
  margin-inline:auto!important;
  max-width:690px!important;
  text-align:center!important;
}
body.home.united-style-neon .united-about-v15 .brand-copy .btn{
  align-self:center;
}

/* Advantages: center only the section heading; leave its three cards readable. */
body.home.united-style-neon .united-advantages-v15 > .container > .eyebrow,
body.home.united-style-neon .united-advantages-v15 > .container > .section-title{
  text-align:center!important;
}
body.home.united-style-neon .united-advantages-v15 > .container > .section-title{
  margin-inline:auto!important;
}
@media(max-width:900px){
  body.home.united-style-neon .ug-pop-head > div{
    max-width:100%;
  }
  body.home.united-style-neon .ug-pop-all{
    position:static;
    transform:none;
    margin-top:15px;
  }
  body.home.united-style-neon .catalog .filter-line{
    flex-direction:column!important;
    gap:12px;
  }
  body.home.united-style-neon .catalog .filter-line .filter-bar{
    width:100%;
    max-width:100%;
    flex-wrap:wrap!important;
    gap:8px;
  }
  body.home.united-style-neon .catalog .catalog-search{
    width:min(100%,370px);
    min-width:0;
  }
  body.home.united-style-neon .catalog .catalog-search input{
    min-width:0;
  }
}
@media(max-width:760px){
  body.home.united-style-neon .categories .section-head,
  body.home.united-style-neon .catalog .section-head{
    align-items:center!important;
    text-align:center!important;
  }
  body.home.united-style-neon .united-about-v15 .brand-copy{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}


/* ================================================================
   UNITED GAMER 2.1.20 — typography + cleaner navigation
   Center main headings while moving orange eyebrow captions to
   the left. Remove decorative arrows, preserve clickable surfaces.
   ================================================================ */
/* Orange section eyebrows sit on the left edge, but headings stay centered. */
body.home.united-style-neon .categories .section-head .eyebrow,
body.home.united-style-neon .catalog .section-head .eyebrow{
  width:100%;
  text-align:left!important;
  margin-bottom:16px;
}
body.home.united-style-neon .categories .section-head .section-title,
body.home.united-style-neon .catalog .section-head .section-title{
  width:100%;
  text-align:center!important;
  margin-top:0!important;
  text-wrap:balance;
}
@media (min-width:1100px){
  body.home.united-style-neon .categories .section-title,
  body.home.united-style-neon .catalog .section-title{white-space:nowrap!important;text-wrap:nowrap!important}
}
/* About has a narrow centered content column; expand only its eyebrow
   to align with the main container's left edge. */
body.home.united-style-neon.united-content-v15 .united-about-v15 .brand-copy .eyebrow{
  width:min(1376px,calc(100vw - 104px))!important;
  max-width:none!important;
  flex:none;
  align-self:center!important;
  margin:0 auto 15px!important;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  text-align:left!important;
}
/* Advantages: only the orange eyebrow is left aligned. */
body.home.united-style-neon .united-advantages-v15 > .container > .eyebrow{
  text-align:left!important;
  width:100%;
}
/* Match the filter pills' centerline, keep the search on the right. */
@media (min-width:1101px){
  body.home.united-style-neon .catalog .filter-line{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(260px,1fr);
    align-items:start!important;
    justify-content:stretch!important;
    column-gap:14px;
  }
  body.home.united-style-neon .catalog .filter-line .filter-bar{
    grid-column:2;
    justify-content:center!important;
    flex:initial!important;
    width:auto!important;
    margin:0;
    max-width:750px;
  }
  body.home.united-style-neon .catalog .catalog-search{
    grid-column:3;
    width:min(100%,315px);
    min-width:0!important;
    justify-self:end;
  }
}
@media (min-width:901px) and (max-width:1100px){
  body.home.united-style-neon .catalog .filter-line{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px;
  }
  body.home.united-style-neon .catalog .filter-line .filter-bar{
    align-self:center;
    flex:0 1 auto!important;
    width:auto;
    justify-content:center!important;
  }
  body.home.united-style-neon .catalog .catalog-search{
    align-self:flex-end;
    width:315px;
    min-width:0;
  }
}
/* The small orange circular arrows in category tiles are removed. */
body.home.united-style-neon .cat-card .category-bottom{
  justify-content:center!important;
  width:100%!important;
  text-align:center!important;
}
/* All bordered text actions are centered after arrow removal. */
body.home.united-style-neon .btn,
body.home.united-style-neon .header-cta,
body.home.united-style-neon .catalog-bottom .btn,
body.home.united-style-neon .cat-card .category-bottom{
  gap:0!important;
  text-align:center!important;
  justify-content:center!important;
}
body.home.united-style-neon .header-cta{
  display:inline-flex;
  align-items:center;
  padding-inline:22px!important;
}
body.home.united-style-neon .hero-actions .btn{padding-inline:24px!important}
body.home.united-style-neon .prod-open{gap:0!important;justify-content:center!important;text-align:center!important}
/* Guard against stray arrow circles from legacy markup or cached output. */
body.home.united-style-neon .cat-card .circle-arrow,
body.home.united-style-neon .ug-pop-card .ug-pop-arrow{display:none!important}
@media(max-width:760px){
  body.home.united-style-neon .categories .section-head .eyebrow,
  body.home.united-style-neon .catalog .section-head .eyebrow{
    margin-bottom:11px;
  }
  body.home.united-style-neon.united-content-v15 .united-about-v15 .brand-copy .eyebrow{
    width:calc(100vw - 36px)!important;
    margin-bottom:12px!important;
    left:auto;
    transform:none;
  }
  body.home.united-style-neon .catalog .catalog-search{
    align-self:flex-end;
  }
}


/* ================================================================
   UNITED GAMER 2.1.21 | Subtitles below centered section headings
   Visual order only: preserve existing editable WordPress field values.
   Scope strictly to NEON home; other appearance presets are unchanged.
   ================================================================ */
/* 1: Categories / 2: Catalog: h2, then centered orange subtitle. */
body.home.united-style-neon .categories .section-head > div,
body.home.united-style-neon .catalog .section-head > div{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center!important;
}
body.home.united-style-neon .categories .section-head .section-title,
body.home.united-style-neon .catalog .section-head .section-title{
  order:0;
  width:100%;
  margin-top:0!important;
  margin-bottom:0!important;
}
body.home.united-style-neon .categories .section-head .eyebrow,
body.home.united-style-neon .catalog .section-head .eyebrow{
  order:1;
  width:100%;
  margin:12px 0 0!important;
  text-align:center!important;
}
/* 3: About: main heading, small orange subtitle, description, action. */
body.home.united-style-neon.united-content-v15 .united-about-v15 .brand-copy .section-title{
  order:0;
  margin:0 auto!important;
  text-align:center!important;
}
body.home.united-style-neon.united-content-v15 .united-about-v15 .brand-copy .eyebrow{
  order:1;
  width:100%!important;
  max-width:100%!important;
  align-self:center!important;
  margin:12px auto 18px!important;
  left:auto!important;
  transform:none!important;
  text-align:center!important;
}
body.home.united-style-neon.united-content-v15 .united-about-v15 .brand-copy p{order:2}
body.home.united-style-neon.united-content-v15 .united-about-v15 .brand-copy .btn{order:3}
/* 4: Advantages: centered title, subtitle below, then full-width tiles. */
body.home.united-style-neon .united-advantages-v15 > .container{
  display:flex;
  flex-direction:column;
  align-items:center;
}
body.home.united-style-neon .united-advantages-v15 > .container > .section-title{
  order:0;
  width:100%;
  margin:0 auto!important;
  text-align:center!important;
}
body.home.united-style-neon .united-advantages-v15 > .container > .eyebrow{
  order:1;
  width:100%;
  margin:12px 0 0!important;
  text-align:center!important;
}
body.home.united-style-neon .united-advantages-v15 > .container > .advantages-grid{
  order:2;
  width:100%;
  align-self:stretch;
}
/* Hide the leading orange dash on exactly these four section subtitles. */
body.home.united-style-neon .categories .section-head .eyebrow::before,
body.home.united-style-neon .catalog .section-head .eyebrow::before,
body.home.united-style-neon .united-about-v15 .brand-copy .eyebrow::before,
body.home.united-style-neon .united-advantages-v15 > .container > .eyebrow::before{
  content:none!important;
  display:none!important;
}
@media(max-width:760px){
  body.home.united-style-neon .categories .section-head .eyebrow,
  body.home.united-style-neon .catalog .section-head .eyebrow,
  body.home.united-style-neon .united-about-v15 .brand-copy .eyebrow,
  body.home.united-style-neon .united-advantages-v15 > .container > .eyebrow{
    margin-top:9px!important;
  }
}


/* ================================================================
   UNITED GAMER 2.1.22 | anchor offset + popular card rebalance
   1) Home menu anchors must land below the sticky header.
   2) In popular models, lower the product photo slightly and pull the
      model name closer to the swatches after removing the SKU line.
   ================================================================ */
body.home.united-style-neon :is(#popular,#categories,#catalog,#about,#benefits,#contacts){
  scroll-margin-top:112px;
}
body.admin-bar.home.united-style-neon :is(#popular,#categories,#catalog,#about,#benefits,#contacts){
  scroll-margin-top:144px;
}
@media(max-width:782px){
  body.admin-bar.home.united-style-neon :is(#popular,#categories,#catalog,#about,#benefits,#contacts){
    scroll-margin-top:158px;
  }
}

/* Popular cards: seat the product a bit lower and tighten the title area. */
body.home.united-style-neon .united-neon-popular .ug-pop-image-link,
body.home.united-style-neon .united-neon-popular .ug-pop-grid--5 .ug-pop-image-link{
  align-items:flex-end!important;
  padding:8px 5px 0!important;
}
body.home.united-style-neon .united-neon-popular .ug-pop-image-link img{
  object-position:center bottom;
  transform:translateY(10px);
}
body.home.united-style-neon .united-neon-popular .ug-pop-info{
  /* Return the entire label/palette group to the bottom of the card. */
  padding:2px 16px 22px;
  margin-top:auto;
}
body.home.united-style-neon .united-neon-popular .ug-pop-info h3{
  /* Model name only a few pixels above the color dots. */
  margin:0 0 5px!important;
}
body.home.united-style-neon .united-neon-popular .ug-pop-colors{
  margin-top:0;
}
@media(max-width:760px){
  body.home.united-style-neon .united-neon-popular .ug-pop-image-link,
  body.home.united-style-neon .united-neon-popular .ug-pop-grid--5 .ug-pop-image-link{
    padding-top:4px!important;
  }
  body.home.united-style-neon .united-neon-popular .ug-pop-image-link img{
    transform:translateY(7px);
  }
  body.home.united-style-neon .united-neon-popular .ug-pop-info{
    margin-top:auto;
  }
}


/* ================================================================
   UNITED GAMER 2.1.23 | deeper catalog/brand/advantages blending
   The *uploaded backdrop picture*, not the section contents, melts into
   the common charcoal base at each seam. No repositioned sections and
   no darkened product imagery or text.
   ================================================================ */
body.home.united-style-neon .catalog > .united-section-background{
  -webkit-mask-image:linear-gradient(to bottom,
    transparent 0%, #000 13%, #000 65%,
    rgba(0,0,0,.7) 78%, rgba(0,0,0,.30) 90%, transparent 100%)!important;
  mask-image:linear-gradient(to bottom,
    transparent 0%, #000 13%, #000 65%,
    rgba(0,0,0,.7) 78%, rgba(0,0,0,.30) 90%, transparent 100%)!important;
}
body.home.united-style-neon .united-about-v15 > .united-section-background{
  -webkit-mask-image:linear-gradient(to bottom,
    transparent 0%, rgba(0,0,0,.30) 12%, #000 29%,
    #000 65%, rgba(0,0,0,.65) 78%, rgba(0,0,0,.25) 91%, transparent 100%)!important;
  mask-image:linear-gradient(to bottom,
    transparent 0%, rgba(0,0,0,.30) 12%, #000 29%,
    #000 65%, rgba(0,0,0,.65) 78%, rgba(0,0,0,.25) 91%, transparent 100%)!important;
}
body.home.united-style-neon .united-advantages-v15 > .united-section-background{
  -webkit-mask-image:linear-gradient(to bottom,
    transparent 0%, rgba(0,0,0,.32) 12%, #000 29%,
    #000 74%, rgba(0,0,0,.62) 87%, transparent 100%)!important;
  mask-image:linear-gradient(to bottom,
    transparent 0%, rgba(0,0,0,.32) 12%, #000 29%,
    #000 74%, rgba(0,0,0,.62) 87%, transparent 100%)!important;
}
/* Extra very soft edge diffusion in addition to the longer picture masks. */
body.home.united-style-neon .catalog > .united-section-background::after,
body.home.united-style-neon .united-about-v15 > .united-section-background::before,
body.home.united-style-neon .united-about-v15 > .united-section-background::after,
body.home.united-style-neon .united-advantages-v15 > .united-section-background::before{
  content:""!important;
  position:absolute;
  left:-16px;
  right:-16px;
  z-index:1;
  pointer-events:none;
  filter:blur(14px);
}
body.home.united-style-neon .catalog > .united-section-background::after,
body.home.united-style-neon .united-about-v15 > .united-section-background::after{
  top:auto;
  bottom:-14px;
  height:clamp(135px,14vw,240px);
  background:linear-gradient(to bottom,
    transparent 0%,rgba(9,10,13,.23) 38%,rgba(9,10,13,.64) 75%,#090a0d 100%);
}
body.home.united-style-neon .united-about-v15 > .united-section-background::before,
body.home.united-style-neon .united-advantages-v15 > .united-section-background::before{
  top:-14px;
  bottom:auto;
  height:clamp(135px,14vw,220px);
  background:linear-gradient(to bottom,
    #090a0d 0%,rgba(9,10,13,.66) 25%,rgba(9,10,13,.22) 67%,transparent 100%);
}
@media(max-width:760px){
  body.home.united-style-neon .catalog > .united-section-background::after,
  body.home.united-style-neon .united-about-v15 > .united-section-background::before,
  body.home.united-style-neon .united-about-v15 > .united-section-background::after,
  body.home.united-style-neon .united-advantages-v15 > .united-section-background::before{
    height:125px;
    filter:blur(9px);
  }
}


/* ================================================================
   UNITED GAMER 2.1.25 | Popular titles only: very small lift
   Do not change the image position or the palette's position.
   Offset has no impact on flow, so color dots stay fixed.
   ================================================================ */
body.home.united-style-neon .united-neon-popular .ug-pop-info h3{
  position:relative;
  top:-9px;
}
@media (max-width:760px){
  body.home.united-style-neon .united-neon-popular .ug-pop-info h3{top:-6px}
}


/* ================================================================
   UNITED GAMER 2.1.26 | POPULAR: full wheels + normal photo hover
   v2.1.22 added translateY(10px), which overrode the image scale on
   :hover. The same offset and overflow:hidden clipped the chair base.
   Reserve a little breathing room INSIDE the image link, preserve the
   image's overall placement and do not move names/color selectors.
   ================================================================ */
body.home.united-style-neon .united-neon-popular .ug-pop-image-link,
body.home.united-style-neon .united-neon-popular .ug-pop-grid--5 .ug-pop-image-link {
  /* Keep cropping within the photo area, but not through the wheels. */
  padding:8px 5px 20px!important;
  overflow:hidden;
}
body.home.united-style-neon .united-neon-popular .ug-pop-image-link img {
  transform:translateY(8px) scale(1);
  transform-origin:center bottom;
  transition:transform .35s ease!important;
}
@media (min-width:1025px) and (hover:hover) and (pointer:fine) {
  body.home.united-style-neon .united-neon-popular .ug-pop-card:hover .ug-pop-image-link img,
  body.home.united-style-neon .united-neon-popular .ug-pop-card:focus-within .ug-pop-image-link img {
    transform:translateY(8px) scale(1.045);
  }
}
/* On touch layouts preserve the current size/position, avoid hover scale. */
@media (max-width:1024px), (hover:none), (pointer:coarse) {
  body.home.united-style-neon .united-neon-popular .ug-pop-image-link img,
  body.home.united-style-neon .united-neon-popular .ug-pop-card:focus-within .ug-pop-image-link img {
    transform:translateY(6px) scale(1);
  }
}
/* The global a:focus-visible draws a rectangular orange ring precisely
   across the photo / caption boundary. Keep focus visible on the whole
   rounded card instead of cutting the chair with a horizontal line. */
body.home.united-style-neon .united-neon-popular .ug-pop-image-link:focus-visible {
  outline:none!important;
}
body.home.united-style-neon .united-neon-popular .ug-pop-card:has(> .ug-pop-image-link:focus-visible) {
  outline:3px solid #ff982c;
  outline-offset:3px;
}
@media (prefers-reduced-motion:reduce) {
  body.home.united-style-neon .united-neon-popular .ug-pop-image-link img {
    transition:none!important;
  }
}


/* UNITED GAMER 2.1.27 — six-item desktop navigation, tablet-safe wrap. */
@media (min-width:1061px) and (max-width:1500px) {
  body.united-style-neon .nav-inner {gap:clamp(10px,1.4vw,23px)}
  body.united-style-neon .desktop-nav {gap:clamp(9px,1.2vw,18px)}
  body.united-style-neon .desktop-nav a {font-size:clamp(10px,.78vw,12px);letter-spacing:.028em;white-space:nowrap}
  body.united-style-neon .brand {width:clamp(146px,12vw,180px)}
  body.united-style-neon .header-cta {font-size:10px;padding:11px 12px!important;white-space:nowrap}
  body.united-style-neon .header-right {gap:9px}
}
@media (min-width:761px) and (max-width:1060px) {
  body.united-style-neon .desktop-nav {display:none!important}
  body.united-style-neon .menu-toggle {display:flex!important}
  body.united-style-neon .header-right {margin-left:auto}
}
/* The heading-aligned scroll is computed in JS at click time, accounting for
   section padding, zoom level, responsive header height and WordPress toolbar. */