[data-xany-v2-app] .xany-home-game-banner > .xany-game-pill,
[data-xany-v2-app] .xany-home-game-banner > span.xany-game-pill {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  z-index: 3 !important;
}

[data-xany-v2-app] .xany-home-game-banner > .xany-game-type,
[data-xany-v2-app] .xany-home-game-banner > span.xany-game-type {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  z-index: 3 !important;
}

[data-xany-v2-app] .xany-home-game-banner > .xany-game-badge {
  position: absolute !important;
  top: 10px !important;
  right: 96px !important;
  z-index: 3 !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #f59e0b, #ef4444);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .18);
}

[data-xany-v2-app] .xany-home-game-banner > div {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 12px !important;
  top: auto !important;
  z-index: 3 !important;
}

[data-xany-v2-app] .xany-home-game-banner > b {
  position: absolute !important;
  right: 14px !important;
  bottom: 14px !important;
  left: auto !important;
  top: auto !important;
  z-index: 4 !important;
  min-height: 28px;
  padding: 8px 12px;
  border-radius: 11px;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .2px;
  box-shadow: 0 14px 28px rgba(109, 40, 217, .30);
  text-decoration: none;
}

/* Asegura que el wrapper tiene posicion relativa para que los absolutes
   se anclen correctamente. */
[data-xany-v2-app] .xany-home-game-banner {
  position: relative !important;
}

/* Pildora de Stock (Out) para items sin stock */
[data-xany-v2-app] .xany-home-game-banner > .xany-game-pill.is-out {
  background: linear-gradient(135deg, #94a3b8, #475569) !important;
}

/* Cuando aplicamos enhance, marcamos la card con data-xany-item-key.
   Esto da feedback visual sutil al editor sin afectar al usuario final. */
[data-xany-v2-app] .xany-home-game-banner[data-xany-item-key] {
  /* hook reservado para extensiones futuras del editor */
}

/* =========================================================
 * v0.5.0 — Dynamic Catalog Grid
 * Items creados/duplicados desde Catalog Studio deben entrar en el
 * grid como ciudadanos de primera clase: ordenados por menu_order,
 * con imagen heredada cuando vienen de un item base y sin romper
 * el alto fijo de 2 filas del App Shell.
 * ========================================================= */
[data-xany-v2-app].has-xany-catalog-dynamic-grid .xany-home-games-view .xany-home-games-visual {
  height: auto !important;
  min-height: 520px !important;
  overflow: visible !important;
}

[data-xany-v2-app].has-xany-catalog-dynamic-grid .xany-home-games-view .xany-home-games-grid {
  height: auto !important;
  min-height: 520px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-rows: minmax(170px, 220px) !important;
  grid-auto-flow: dense !important;
  align-content: start !important;
}

[data-xany-v2-app].has-xany-catalog-dynamic-grid .xany-home-games-view .xany-home-game-banner {
  min-height: 170px !important;
}

[data-xany-v2-app] .xany-home-game-banner.is-catalog-generated {
  isolation: isolate;
}

[data-xany-v2-app] .xany-home-game-banner.is-catalog-generated img {
  object-fit: cover !important;
  object-position: center center !important;
}

[data-xany-v2-app] .xany-home-game-banner[data-xany-no-image="1"] {
  background:
    radial-gradient(circle at 78% 18%, rgba(139,92,246,.42), transparent 34%),
    radial-gradient(circle at 18% 85%, rgba(30,185,255,.22), transparent 36%),
    linear-gradient(135deg, #111827, #25104f 55%, #0f172a) !important;
}

[data-xany-v2-app] .xany-home-game-banner[data-xany-no-image="1"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: .16;
}

@media (max-width: 1180px) {
  [data-xany-v2-app].has-xany-catalog-dynamic-grid .xany-home-games-view .xany-home-games-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(160px, 210px) !important;
  }

  [data-xany-v2-app].has-xany-catalog-dynamic-grid .xany-home-game-banner.is-wide {
    grid-column: span 2 !important;
  }
}

@media (max-width: 640px) {
  [data-xany-v2-app].has-xany-catalog-dynamic-grid .xany-home-games-view .xany-home-games-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: minmax(170px, auto) !important;
  }

  [data-xany-v2-app].has-xany-catalog-dynamic-grid .xany-home-game-banner.is-wide {
    grid-column: auto !important;
  }
}

/* XANY Catalog Studio v0.5.0 shortcodes */
.xany-catalog-shortcode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}
.xany-catalog-card{position:relative;min-height:220px;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#111827,#25104f);border:1px solid rgba(139,92,246,.22);box-shadow:0 22px 48px rgba(15,23,42,.12)}
.xany-catalog-card>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:0;filter:saturate(1.08) contrast(1.04)}
.xany-catalog-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.76))}
.xany-catalog-card-copy{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;color:#fff}
.xany-catalog-card-copy span{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(139,92,246,.88);font-size:10px;font-weight:1000;text-transform:uppercase}
.xany-catalog-card-copy h3{margin:10px 0 3px;font-size:22px;line-height:1;font-weight:1000;color:#fff}
.xany-catalog-card-copy p{margin:0 0 10px;font-weight:900;color:rgba(255,255,255,.82)}
.xany-catalog-card-copy a{display:inline-flex;padding:9px 12px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;text-decoration:none;font-weight:1000;box-shadow:0 14px 28px rgba(109,40,217,.30)}
.xany-catalog-empty{padding:22px;border-radius:20px;background:#fff;border:1px solid rgba(139,92,246,.16);font-weight:900;color:#64748b}
@media(max-width:980px){.xany-catalog-shortcode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.xany-catalog-shortcode-grid{grid-template-columns:1fr}}