/* GAMESPSN Lime RC10.58 desktop PDP refinement.
 * Only the desktop product page (>=861px), not cart, checkout, mobile, or theme controls.
 * Existing Theme Store Control description tokens remain authoritative.
 */
@media (min-width:861px) {
  /* Earlier .gl-pdp-media {align-self:start} shrinks this flex child to the
     image's intrinsic 640px; the card below it stretches to the whole column.
     Stretch the media *box*, then let the existing 8:5 cover fill it naturally. */
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-media {
    align-self:stretch;
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-media > .gl-pdp-cover {
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }

  /* Editorial description: a genuinely visible but thin outline, not a large
     opaque card. Reuse owner-customisable Description border/typography tokens. */
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description {
    padding:20px 21px 12px;
    margin:0;
    border:1px solid color-mix(in srgb, var(--gs-x-description-border,var(--gs-color-border)) 54%, transparent) !important;
    border-radius:12px;
    background:var(--gs-x-description-bg,transparent);
  }
  /* Do not draw the legacy top divider across the inside of the new outline. */
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description::before {
    display:none;
  }
  .gl-theme .gl-woo-page .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description > h2 {
    font-size:21px;
    font-weight:780;
    line-height:1.35;
    letter-spacing:-.3px;
    margin-block-end:17px;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description > h2::after {
    flex:0 0 48px;
    width:48px;
    height:1px;
    opacity:.9;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description .gl-pdp-prose {
    font-size:14px;
    line-height:1.85;
    color:var(--gs-x-description-text,var(--gs-color-text-body));
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description .gl-pdp-prose :is(p,ul,ol) {
    margin-block-end:13px;
  }
  /* The older RC10.40 rule explicitly disabled the fade (mask-image:none).
     Restore it ONLY for long, collapsed desktop descriptions. Extend the
     short preview slightly so the following paragraph fades in visually,
     while leaving the entire first essential paragraph fully readable.
     The original JS measures the first paragraph and sets the CSS variable. */
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description.gl-pdp-description--collapsible:not(.gl-pdp-description--expanded) .gl-pdp-prose {
    max-height:calc(var(--gl-description-collapse-height,216px) + 38px) !important;
    overflow:hidden;
    mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 38px),transparent 100%) !important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 38px),transparent 100%) !important;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description.gl-pdp-description--expanded .gl-pdp-prose {
    max-height:none !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
  }
  /* A restrained interactive label, keeping the original side lines and
     arrow, focus outlines, ARIA attributes and expansion logic unchanged. */
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description .gl-pdp-read-more-label {
    padding:7px 12px;
    border:1px solid var(--gs-x-description-border,var(--gs-color-border));
    border-radius:999px;
    transition:border-color .15s ease, background-color .15s ease;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description .gl-pdp-read-more:hover .gl-pdp-read-more-label {
    background:var(--gs-x-description-bg,transparent);
    border-color:var(--gs-x-description-hover_text,var(--gs-color-focus));
  }
}
@media (min-width:861px) and (prefers-reduced-motion:reduce) {
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description .gl-pdp-read-more-label {
    transition:none;
  }
}

@layer gamespsn-brand {
  @media (min-width:861px) {
    /* The older important mask is in this same CSS cascade layer. Override
       it here, rather than in an unlayered important rule which loses. */
    body.gl-brand-2026 .gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description.gl-pdp-description--collapsible:not(.gl-pdp-description--expanded) .gl-pdp-prose {
      mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 38px),transparent 100%) !important;
      -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 38px),transparent 100%) !important;
    }
    body.gl-brand-2026 .gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description > h2::after {
      background:color-mix(in srgb, var(--gs-x-description-border,var(--gs-color-border)) 90%, transparent) !important;
    }
    body.gl-brand-2026 .gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description .gl-pdp-read-more::before,
    body.gl-brand-2026 .gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-description .gl-pdp-read-more::after {
      background:color-mix(in srgb, var(--gs-x-description-border,var(--gs-color-border)) 48%, transparent) !important;
    }
  }
}