/**
 * HOME ONLY — Shop by platform visual clarity, Gift Cards logos and
 * Featured Games image fill. Base: owner-uploaded V1.4.41 RC8.
 * Do not adjust page background, header, footer, card grid, dimensions,
 * cart/checkout, product data, official brand tokens or any other page.
 * Loaded after brand-colors in the same important layer to resolve cascade.
 */
@layer gamespsn-brand {
  /* Platform cards: keep sizes and order, reveal more of the existing artwork. */
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card {isolation: isolate;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card::before {width: 64% !important;background-size: contain !important;background-position: right center !important;
  }
  
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-caption {position: relative !important;z-index: 1;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-mark {display: flex !important;align-items: center;justify-content: center;width: 30px !important;height: 30px !important;flex: 0 0 30px !important;color: var(--gs-color-link) !important;border: 1px solid var(--gs-color-border) !important;border-radius: 8px !important;box-shadow: var(--gs-shadow-card);
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-mark svg {display: block;width: 23px !important;height: 23px !important;color: var(--gs-color-link) !important;
  }
  
  @media(max-width:540px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-mark {width: 25px !important;height: 26px !important;flex-basis: 25px !important;border-radius: 6px !important;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-mark svg {width: 19px !important;height: 19px !important;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card::before {width: 72% !important;
    }
  }
  html[dir="rtl"] body.gl-brand-2026.gl-official-home #main.gl-home .gl-platform-card::before {background-position: left center !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) 92%, transparent),color-mix(in srgb, var(--gs-color-canvas) 78%, transparent) 38%,color-mix(in srgb, var(--gs-color-canvas) 25%, transparent) 66%,color-mix(in srgb, var(--gs-color-canvas) 3%, transparent)) !important;
  }

  /* Gift-card banner: same dimensions and CTA; four crisp native SVG marks
   * in the previously allocated visual area, not a stretched collage. */
  
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo::before {background-size: contain !important;background-repeat: no-repeat;background-position: left center;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo::after {background: linear-gradient(90deg,color-mix(in srgb, var(--gs-color-canvas) 12%, transparent),color-mix(in srgb, var(--gs-color-canvas) 77%, transparent) 30%,color-mix(in srgb, var(--gs-color-canvas) 8%, transparent)) !important;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logos {position: absolute;z-index: 1;inset-inline-start: 14px;top: 50%;transform: translateY(-50%);width: 195px;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 5px;pointer-events: none;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo {display: flex;min-width: 0;min-height: 55px;flex-direction: column;align-items: center;justify-content: center;gap: 4px;color: var(--gs-color-text-primary);background: var(--gs-color-surface);border: 1px solid var(--gs-color-border);border-radius: 8px;box-shadow: var(--gs-shadow-card);
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo svg {flex-shrink: 0;width: 24px;height: 24px;color: var(--gs-color-text-primary) !important;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo span {font-size: 9px;line-height: 1.2;font-weight: 700;color: var(--gs-color-text-primary);white-space: nowrap;
  }
  @media(max-width:1100px) and (min-width:541px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logos {width: 174px;inset-inline-start: 11px;gap: 4px;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo span {font-size: 8px;}
  }
  /* Tablet banner allocates only 160px to artwork in the master layout;
     keep the four marks inside that existing region without moving the copy. */
  @media (min-width:541px) and (max-width:800px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logos {width: 129px;inset-inline-start: 10px;gap: 3px;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo {min-height: 42px;border-radius: 5px;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo svg {width: 17px;height: 17px;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo span {font-size: 6px;
    }
  }
  @media(max-width:540px) {
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo::before {background-size: contain !important;background-position: center top;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo::after {background: linear-gradient(0deg,var(--gs-color-canvas) 23%,color-mix(in srgb, var(--gs-color-canvas) 58%, transparent) 57%,color-mix(in srgb, var(--gs-color-canvas) 7%, transparent)) !important;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logos {top: 29px;left: 16px;right: 16px;width: auto;transform: none;gap: 5px;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo {min-height: 52px;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo svg {width: 22px;height: 22px;
    }
    body.gl-brand-2026.gl-official-home #main.gl-home .gl-gift-platform-logo span {font-size: 8px;}
  }
  html[dir="rtl"] body.gl-brand-2026.gl-official-home #main.gl-home .gl-bottom-promo::before {background-position: right center;
  }

  /* Featured Games: fill the EXISTING media slot without letterboxing or
     stretching; intrinsic ratios differ, so cover may trim outer edges. */
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-game-art {position: relative;
  }
  body.gl-brand-2026.gl-official-home #main.gl-home .gl-game-art img {position: absolute !important;inset: 0 !important;width: 100% !important;height: 100% !important;max-width: none !important;display: block;
  }
}