/* UNITED GAMER 2.1.12 — Background transparency only. Never fade product content. */
body.home.united-style-neon {
  --ug-card-alpha-popular: .92;
  --ug-card-alpha-categories: .92;
  --ug-card-alpha-catalog: .92;
}
/* Popular: the whole dark panel is one translucent gradient. */
body.home.united-style-neon .united-neon-popular .ug-pop-card {
  background:linear-gradient(164deg,
    rgba(20,22,25,var(--ug-card-alpha-popular)) 0%,
    rgba(10,11,13,var(--ug-card-alpha-popular)) 80%)!important;
}
/* Collections: fade only the panel fill. Preserve borders, labels and chair imagery. */
body.home.united-style-neon .categories .cat-card:nth-child(n) {
  background:linear-gradient(145deg,
    rgba(20,23,27,var(--ug-card-alpha-categories)) 0%,
    rgba(9,11,14,var(--ug-card-alpha-categories)) 100%)!important;
}
/* V1.5 category text-area overlay can otherwise conceal the section image.
   At 100% this remains identical to the original overlay. */
body.home.united-style-neon.united-content-v15 .categories .cat-card::after {
  opacity:var(--ug-card-alpha-categories)!important;
}
/* Catalog: all three separate opaque surfaces must allow the backdrop through. */
body.home.united-style-neon .catalog .product-card {
  /* Child image/info fills are translucent; keeping a parent fill would
     composite twice and nearly hide the uploaded backdrop. */
  background:transparent!important;
}
body.home.united-style-neon .catalog .product-card .prod-image,
body.home.united-style-neon.united-content-v15 .catalog .product-card .prod-image {
  background:radial-gradient(ellipse at 52% 65%,
    rgba(37,39,44,var(--ug-card-alpha-catalog)) 0%,
    rgba(16,18,22,var(--ug-card-alpha-catalog)) 48%,
    rgba(7,9,12,var(--ug-card-alpha-catalog)) 95%)!important;
}
body.home.united-style-neon .catalog .product-card .prod-info {
  background:rgba(17,19,22,var(--ug-card-alpha-catalog))!important;
}


/* UNITED GAMER 2.1.13 — Fill the entire catalog card to its rounded edge.
   Grid rows are as high as their tallest product. Previously the article was
   transparent and the shorter .prod-info ended above its bottom border,
   exposing a rectangular strip of the section background. Keep the separate
   image and information fills at the exact user-selected alpha; never stack
   a second background on the parent (which would change transparency). */
body.home.united-style-neon .catalog .product-grid > .product-card {
  display: flex;
  flex-direction: column;
  /* Remains one full-height CSS-grid item. */
}
body.home.united-style-neon .catalog .product-card > .prod-image {
  flex: 0 0 auto;
}
body.home.united-style-neon .catalog .product-card > .prod-info {
  flex: 1 1 auto;
  /* The existing translucent .prod-info paint now reaches the bottom border. */
}


/* UNITED GAMER 2.1.16 | opacity control for the internal model page.
   Only the panel's paint is transparent; the actual image, buttons,
   thumbnails and all texts retain full opacity. */
body.single-united_model.united-style-neon {
  --ug-card-alpha-model: .92;
}
body.single-united_model.united-style-neon .wp-model .picture-panel {
  background:radial-gradient(ellipse at 51% 69%,
    rgba(40,45,50,var(--ug-card-alpha-model)) 0%,
    rgba(19,23,28,var(--ug-card-alpha-model)) 55%,
    rgba(8,10,13,var(--ug-card-alpha-model)) 96%) !important;
  border:1px solid rgba(145,153,164,.28) !important;
  border-radius:12px;
}
body.single-united_model.united-style-neon .wp-model .gallery-thumbs .thumb {
  background:rgba(22,26,30,var(--ug-card-alpha-model)) !important;
}
/* Characteristics: a complete card with the same adjustable surface. */
body.single-united_model.united-style-neon .wp-model .more-info {
  background:transparent !important;
  border-top:0 !important;
}
body.single-united_model.united-style-neon .wp-model .more-info > .container {
  background:rgba(17,19,22,var(--ug-card-alpha-model)) !important;
  border:1px solid rgba(151,158,170,.27);
  border-radius:14px;
  padding:clamp(20px,3.1vw,42px);
  box-shadow:0 12px 34px rgba(0,0,0,.15);
}
/* Do not overlay a separate opaque block inside the framed card. */
body.single-united_model.united-style-neon .wp-model .more-info .spec-aside {
  background:rgba(18,20,23,.22) !important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
}
@media(max-width:760px){
  body.single-united_model.united-style-neon .wp-model .more-info > .container {
    padding:19px 15px;
    border-radius:11px;
  }
}