/* GAMEPLAY XR merch promo banner */
.merch-promo-banner{
  display:block;
  position:relative;
  width:100%;
  margin:0 0 22px;
  border:1px solid rgba(255,47,208,.72);
  border-radius:20px;
  overflow:hidden;
  background:#070812;
  box-shadow:0 16px 46px rgba(0,0,0,.34),0 0 28px rgba(255,47,208,.16);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.merch-promo-banner:hover,
.merch-promo-banner:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(19,216,255,.9);
  box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 34px rgba(19,216,255,.22);
}
.merch-promo-banner img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/1;
  object-fit:cover;
  object-position:center;
}
.merch-promo-banner::after{
  content:"Shop GAMEPLAY XR Merch ↗";
  position:absolute;
  right:18px;
  bottom:16px;
  padding:9px 14px;
  border:1px solid rgba(19,216,255,.82);
  border-radius:9px;
  background:rgba(4,5,14,.84);
  color:#fff;
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
  box-shadow:0 0 20px rgba(19,216,255,.18);
}
@media(max-width:820px){
  .merch-promo-banner{border-radius:14px;margin-bottom:16px}
  .merch-promo-banner img{aspect-ratio:auto;min-height:0;object-fit:contain;background:#080915}
  .merch-promo-banner::after{right:10px;bottom:10px;font-size:.68rem;padding:7px 9px}
}
@media(max-width:560px){
  .merch-promo-banner::after{content:"Shop Merch ↗"}
}