/**
 * GAMESPSN RC12: strictly HOME-only width, merchandising, platform art, benefits,
 * gift-card art. No global token changes, no new brand colours or modified payments.
 * All existing fonts, CTAs, product-data and section order remain authoritative.
 */
@layer gamespsn-brand {
  /* The same owner-approved container alignment across Home sections + its own header. */
  @media (min-width: 801px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-container,
    body.gl-brand-2026.gl-official-home .gl-storefront-header .gl-container {width: min(1440px, calc(100% - clamp(64px, 6vw, 96px))) !important;max-width: 1440px;margin-inline: auto;
    }
  }
  @media (max-width: 800px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-container,
    body.gl-brand-2026.gl-official-home .gl-storefront-header .gl-container {width: calc(100% - 36px) !important;margin-inline: auto;
    }
  }
  @media (max-width: 520px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-container,
    body.gl-brand-2026.gl-official-home .gl-storefront-header .gl-container {width: calc(100% - 28px) !important;
    }
  }

  /* Real hardware images from theme media. Retain every platform's original colours. */
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card {cursor:pointer!important;overflow:hidden;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card::before {width: 72% !important;background-size: cover !important;background-repeat:no-repeat!important;background-position:right 48% !important;opacity:1!important;filter:none!important;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card::after {background:linear-gradient(90deg,color-mix(in srgb, var(--gs-color-canvas) 77%, transparent) 0%,color-mix(in srgb, var(--gs-color-canvas) 54%, transparent) 37%,color-mix(in srgb, var(--gs-color-canvas) 8%, transparent) 78%,transparent 100%) !important;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card:is(:hover,:focus-visible) {border-color:var(--gs-color-focus) !important;
    box-shadow:none!important;outline-offset:3px;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card:is(:hover,:focus-visible)::before {opacity:1!important;transform:scale(1.025);
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-caption {z-index:2;position:relative;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-caption strong {color:var(--gs-color-text-primary) !important;text-shadow:0 1px 4px color-mix(in srgb, var(--gs-color-canvas) 60%, transparent);
  }
  
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-arrow {z-index:3;color:var(--gs-color-link) !important;}
  html[dir=rtl] body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card::before {background-position:left 48% !important;}
  html[dir=rtl] body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card::after {background:linear-gradient(270deg,color-mix(in srgb, var(--gs-color-canvas) 77%, transparent),color-mix(in srgb, var(--gs-color-canvas) 54%, transparent) 37%,color-mix(in srgb, var(--gs-color-canvas) 8%, transparent) 78%,transparent) !important;}

  /* Wide screens: readable cards. No forced six-up on constrained laptops. */
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-games-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:14px;align-items:stretch;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-game-card {display:flex;flex-direction:column;min-width:0;height:100%;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-game-art {flex:0 0 auto;overflow:hidden;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-game-art img {object-fit:cover!important;object-position:center center!important;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-game-body {display:flex;flex:1 1 auto;flex-direction:column;min-width:0;gap:6px;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-game-name {overflow-wrap:anywhere;min-height:calc(1.45em * 2);height:auto;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-game-price {margin-top:auto;min-width:0;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-card-buy {flex-shrink:0;align-self:stretch;margin-top:0;
  }
  @media (min-width: 1100px) and (max-width: 1279px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-games-grid {grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  }
  @media (min-width: 850px) and (max-width: 1099px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-games-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  }
  @media (min-width: 600px) and (max-width: 849px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-games-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  }
  @media (max-width: 599px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-games-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;}
  }

  /* Trust strip: no enclosing outline, no separators, no detached cards. */
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-benefits {
    background:transparent!important;
    border:0!important;
    padding-block:17px!important;column-gap:clamp(12px,1.8vw,26px)!important;row-gap:16px!important;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-benefits::before,
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-benefits::after {display:none!important;}
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-benefits > div {display:flex;min-width:0;align-items:center;gap:10px;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;padding:0!important;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-benefits svg {width:23px!important;height:23px!important;flex:0 0 23px;stroke-width:1.8;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-benefits :is(strong,small) {display:block;line-height:1.4;}
  @media (max-width:540px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-benefits svg {width:21px!important;height:21px!important;flex-basis:21px;
    }
  }

  /* Four genuine gift-card visual faces rebuilt from the theme's existing
     gift collage + controller imagery. No icon-only substitute. */
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo {position:relative;isolation:isolate;min-width:0;padding-inline-start:340px!important;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo::before {background-image:none!important;opacity:0!important;}
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo .gl-gift-platform-logos {position:absolute!important;z-index:1;inset-inline-start:12px!important;inset-inline-end:auto!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;width:305px!important;max-width:calc(100% - 24px);height:auto!important;pointer-events:none;overflow:visible;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo .gl-gift-card-artwork {width:100%!important;height:auto!important;max-width:100%;display:block;object-fit:contain;object-position:center;
    border:0;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo-copy,
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo > .gl-btn {position:relative;z-index:2;
  }
  @media (min-width:801px) and (max-width:1199px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo {padding-inline-start:276px!important;}
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo .gl-gift-platform-logos {width:250px!important;}
  }
  @media (min-width:541px) and (max-width:800px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo {padding-inline-start:210px!important;}
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo .gl-gift-platform-logos {width:192px!important;}
  }
  @media (max-width:540px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo {padding:148px 16px 18px!important;align-content:flex-end;gap:10px;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo .gl-gift-platform-logos {inset-inline-start:14px!important;inset-inline-end:auto!important;top:3px!important;transform:none!important;width:min(270px,calc(100% - 28px))!important;
    }
  }
  html[dir=rtl] body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo .gl-gift-platform-logos {inset-inline-start:12px!important;
  }
  @media (prefers-reduced-motion:reduce) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card::before {transition:none!important;transform:none!important;}
  }
}
