/* G2U Wardogs/product cover: show existing page scenery THROUGH the media area.
   No new artificial gradient or image. Applied after earlier cover patches. */
body.product-game-theme .product-game-hero .product-offer.offer-editorial {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: auto !important;
}
/* Keep the editorial text and purchase form legible, but avoid a backing panel
   directly behind the product art. */
body.product-game-theme .product-game-hero .product-offer.offer-editorial .offer-main {
  background: linear-gradient(110deg,
    var(--product-panel-from, rgba(13, 32, 55, .87)),
    var(--product-panel-to, rgba(10, 26, 46, .87)));
  border-radius: 15px 0 0 15px;
}
body.product-game-theme .product-game-hero .product-offer.offer-editorial .offer-order {
  background: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: auto !important;
}
body.product-game-theme .product-game-hero .product-offer.offer-editorial .offer-order-cover {
  background: transparent !important;
  background-image: none !important;
  isolation: auto !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body.product-game-theme .product-game-hero .offer-order-cover::before,
body.product-game-theme .product-game-hero .offer-order-cover::after {
  content: none !important;
  display: none !important;
}
/* Wardogs uploads sometimes have a black matte already INSIDE the image.
   Screen blending removes that matte optically while leaving the white crest.
   Do not apply this to other games' actual artwork. */
body.product-game-theme--wardogs .product-game-hero .offer-order-cover > img,
body.product-game-theme .product-game-hero--wardogs .offer-order-cover > img {
  mix-blend-mode: screen !important;
  background: transparent !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 72%, rgba(0,0,0,.88) 84%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 72%, rgba(0,0,0,.88) 84%, transparent 100%);
}
body.product-game-theme .product-game-hero .product-offer.offer-editorial .offer-purchase {
  background: linear-gradient(180deg, rgba(8,24,44,.94), rgba(8,21,39,.97)) !important;
  border-radius: 0 0 14px 0;
}
@media (max-width: 900px) {
  body.product-game-theme .product-game-hero .product-offer.offer-editorial .offer-main { border-radius: 15px 15px 0 0; }
  body.product-game-theme .product-game-hero .product-offer.offer-editorial .offer-purchase { border-radius: 0 0 14px 14px; }
}