/* Gamers Tournaments · tienda pública compacta desktop/tablet
   2026-11-09. CSS independiente: no altera compras, validaciones ni vistas móviles. */
@media (min-width:721px) {
  /* Cabecera, contenedor y franja de actividad */
  body.store-public-body .store-public-header {
    min-height:62px;
    padding:7px clamp(12px,1.5vw,22px);
  }
  body.store-public-body .store-header-inner {
    width:min(1500px,100%);min-height:47px;gap:10px;
  }
  body.store-public-body .store-brand{gap:8px}
  body.store-public-body .store-brand img{width:40px;height:40px;border-radius:11px}
  body.store-public-body .store-brand strong{font-size:1.04rem}
  body.store-public-body .store-brand small{font-size:.59rem;margin-top:4px}
  body.store-public-body .store-header-actions{gap:7px}
  body.store-public-body .store-header-button{
    min-height:37px;padding:0 11px;border-radius:11px;
    gap:7px;font-size:.73rem;
  }
  body.store-public-body .store-theme-button{width:37px;padding:0}
  body.store-public-body .store-public-main{
    padding:78px clamp(12px,1.6vw,24px) 22px;
  }
  body.store-public-body .store-container{width:min(1500px,100%)}
  body.store-public-body .store-system-stats-strip{
    width:min(1500px,100%);min-height:39px;margin-bottom:11px;
    padding:5px 12px;border-radius:12px;
  }
  body.store-public-body .store-system-stat{gap:6px}
  body.store-public-body .store-system-stat-icon{
    width:25px;height:25px;flex-basis:25px;border-radius:8px
  }
  body.store-public-body .store-system-stat-icon .ui-icon{width:15px;height:15px}
  body.store-public-body .store-system-stat strong{font-size:.86rem}
  body.store-public-body .store-system-stat-divider{height:22px}
  body.store-public-body .store-program-strip{margin-bottom:10px;padding-top:9px;padding-bottom:9px}

  /* Grids densos. La cantidad de columnas depende del espacio disponible. */
  body.store-public-body .store-category-view .store-category-grid,
  body.store-public-body .store-subcategory-view .store-subcategory-grid,
  body.store-public-body .store-gift-view .gift-store-hierarchy,
  body.store-public-body .store-product-grid-simple{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;align-items:start;
  }

  /* Categorías, juegos y gift cards: menos altura sin deformar ilustraciones */
  body.store-public-body .store-category-view .store-launcher-card,
  body.store-public-body .store-subcategory-view .store-subcategory-card,
  body.store-public-body .store-gift-view .gift-store-hierarchy-card{
    min-width:0;min-height:0;aspect-ratio:1 / .82;
    height:auto;border-radius:16px;box-shadow:0 9px 24px rgba(0,0,0,.14);
    overflow:hidden;
  }
  body.store-public-body :is(.store-category-view .store-launcher-card,
    .store-subcategory-view .store-subcategory-card,
    .store-gift-view .gift-store-hierarchy-card) .store-category-visual{
    flex:1 1 auto;min-height:0;height:auto;padding:7px 7px 2px;
  }
  body.store-public-body :is(.store-category-view .store-launcher-card,
    .store-subcategory-view .store-subcategory-card,
    .store-gift-view .gift-store-hierarchy-card) .store-category-visual img{
    max-width:100%;max-height:100%;object-fit:contain;
  }
  body.store-public-body :is(.store-category-view .store-launcher-card,
    .store-subcategory-view .store-subcategory-card,
    .store-gift-view .gift-store-hierarchy-card) .store-category-copy{
    flex:0 0 auto;min-height:35px;padding:5px 8px 7px;
  }
  body.store-public-body :is(.store-category-view .store-launcher-card,
    .store-subcategory-view .store-subcategory-card,
    .store-gift-view .gift-store-hierarchy-card) .store-category-copy h2{
    font-size:clamp(.81rem,.95vw,.95rem);
    line-height:1.12;text-overflow:ellipsis;white-space:nowrap;
  }
  body.store-public-body .store-category-view .store-launcher-card:hover,
  body.store-public-body .store-subcategory-view .store-subcategory-card:hover{
    transform:translateY(-2px);
  }

  /* Navegación jerárquica y fondos con imagen */
  body.store-public-body .store-subcategory-view,
  body.store-public-body .store-product-view,
  body.store-public-body .store-gift-view{scroll-margin-top:75px}
  body.store-public-body :is(.store-subcategory-view,.store-product-view,.store-gift-view) > .store-back{
    min-height:34px;margin-bottom:10px;padding:0 10px;border-radius:10px;
    font-size:.68rem;gap:7px;
  }
  body.store-public-body :is(.store-subcategory-view,.store-product-view,.store-gift-view) > .store-back .ui-icon{
    width:16px;height:16px;padding:4px;border-radius:7px;
  }
  body.store-public-body .store-subcategory-view.has-game-cover,
  body.store-public-body .store-product-view.has-game-cover{
    padding:12px 14px 18px;border-radius:20px;
  }
  body.store-public-body .store-subcategory-view .store-group-detail,
  body.store-public-body .store-gift-view .store-category-detail{
    margin-bottom:10px;
  }

  /* Elección de paquetes: tarjetas más bajas y cinco elementos en PC grande */
  body.store-public-body .store-product-grid-simple .store-product-choice,
  body.store-public-body .store-product-grid-simple .gift-store-product{
    min-width:0;min-height:0;aspect-ratio:1 / .82;
    border-radius:14px;grid-template-rows:minmax(0,1fr) auto;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
  }
  body.store-public-body .store-product-grid-simple .store-product-image{
    min-height:0;max-height:none;
    padding:5px!important;overflow:hidden;
  }
  body.store-public-body .store-product-grid-simple .store-product-image img{
    width:96%!important;height:96%!important;max-width:100%!important;
    max-height:100%!important;object-fit:contain!important;
    transform:none!important;filter:none;
  }
  body.store-public-body .store-product-grid-simple .store-product-copy{
    min-height:38px!important;padding:5px 7px 6px!important;gap:2px;
  }
  body.store-public-body .store-product-grid-simple .store-product-copy h3{
    font-size:.78rem;line-height:1.1;
  }
  body.store-public-body .store-product-grid-simple .store-product-price{
    min-height:0;margin:0;line-height:1.15;
  }
  body.store-public-body .store-product-grid-simple .store-product-price strong{font-size:.70rem}
  body.store-public-body .store-product-grid-simple .store-product-price small{font-size:.58rem}
  body.store-public-body .store-product-image > .store-product-key-badge{
    min-width:29px;height:21px;top:6px;right:6px;
    padding:0 6px;font-size:.56rem;
  }

  /* Identificación de jugador y cupón; limita la longitud de los inputs. */
  body.store-public-body .store-verification-redesign{
    width:100%;max-width:1050px;margin:0 auto 12px;
    padding:12px 16px;border-radius:16px;
    box-shadow:0 10px 25px rgba(0,0,0,.14);
  }
  body.store-public-body .store-verification-redesign .store-verification-heading>div{gap:6px}
  body.store-public-body .store-verification-redesign .store-verification-heading h3{
    font-size:1.48rem;line-height:1.08;
  }
  body.store-public-body .store-trust-badges{gap:5px}
  body.store-public-body .store-trust-badges span{
    min-height:23px;padding:0 8px;font-size:.56rem;
  }
  body.store-public-body .store-verification-redesign .store-verification-form{
    gap:8px;align-items:end;
  }
  body.store-public-body .store-verification-redesign .store-provider-fields{gap:8px}
  body.store-public-body .store-verification-form label{gap:4px}
  body.store-public-body .store-verification-form input,
  body.store-public-body .store-verification-form select,
  body.store-public-body .store-pre-coupon input{
    min-height:39px;height:39px;padding:0 12px;font-size:.79rem;
    border-radius:10px;
  }
  body.store-public-body .store-verification-redesign .store-verification-form .btn,
  body.store-public-body .store-verification-redesign .store-verification-form .store-verify-action{
    min-width:125px;min-height:39px;height:39px;padding:0 12px;
    border-radius:10px;font-size:.71rem;
  }
  body.store-public-body .store-pre-coupon{
    gap:5px;padding-top:10px;
  }
  body.store-public-body .store-pre-coupon>div{gap:7px}
  body.store-public-body .store-pre-coupon button{
    min-height:39px;height:39px;padding:0 12px;
    border-radius:10px;font-size:.7rem;
  }
  body.store-public-body .store-verification-result{
    gap:8px;padding:8px 10px;border-radius:11px;
  }
  body.store-public-body .store-verification-result .store-verification-check{
    width:28px;height:28px;
  }

  /* Checkout: contenedor de lectura cómodo en PC, sin tanto espacio muerto */
  body.store-public-body .store-inline-checkout{
    width:100%;max-width:1040px;margin:12px auto 0;
    padding:13px 15px 19px;border-radius:17px;
    scroll-margin-top:78px;
  }
  body.store-public-body .store-inline-checkout-form,
  body.store-public-body .store-checkout-form{gap:9px;margin-top:10px}
  body.store-public-body .store-inline-section{
    gap:7px;padding:10px 12px;border-radius:12px;
  }
  body.store-public-body .store-inline-section .store-checkout-heading h4{font-size:.93rem}
  body.store-public-body .store-checkout-heading h4{font-size:1.04rem}
  body.store-public-body .store-inline-selected-product{
    grid-template-columns:54px minmax(0,1fr);
    gap:9px;padding:8px;border-radius:12px;
  }
  body.store-public-body .store-inline-selected-product img{
    width:54px;height:54px;border-radius:9px;
  }
  body.store-public-body .store-inline-selected-product h3,
  body.store-public-body .store-inline-selected-product strong{font-size:1.05rem}
  body.store-public-body .store-order-summary{
    gap:5px;padding:9px 11px;border-radius:11px;
  }
  body.store-public-body .store-order-summary .is-total strong{font-size:1.1rem}
  body.store-public-body .store-payment-methods-inline{gap:7px}
  body.store-public-body .store-payment-methods-inline .store-payment-method>span{
    min-height:47px;gap:3px;padding:6px;border-radius:10px;
  }
  body.store-public-body .store-payment-method-icon{
    width:19px;height:19px;
  }
  body.store-public-body .store-payment-methods-inline .store-payment-method strong{
    font-size:.65rem;
  }
  body.store-public-body .store-bank-payment-panel{gap:8px}
  body.store-public-body .store-payment-instructions{
    gap:4px;padding:8px 10px;border-radius:11px;
  }
  body.store-public-body .store-payment-data-row{
    gap:7px;padding:7px 2px;min-height:0;font-size:.73rem;
  }
  body.store-public-body .store-payment-total{
    gap:4px 8px;padding:9px 11px;border-radius:11px;
  }
  body.store-public-body .store-copy-button,
  body.store-public-body .store-copy-amount{
    min-width:0;min-height:29px;padding:5px 9px;
    border-radius:8px;font-size:.64rem;
  }
  body.store-public-body .store-receipt-field{
    padding:9px 11px;border-radius:11px;
  }
  body.store-public-body .store-receipt-upload{
    min-height:45px;padding:8px 11px;border-radius:10px;
  }
  body.store-public-body .store-receipt-upload>span{font-size:.72rem}
  body.store-public-body .store-checkout-field{gap:4px}
  body.store-public-body .store-checkout-field input,
  body.store-public-body .store-checkout-field select{
    min-height:39px;height:39px;padding:0 12px;
    font-size:.78rem;border-radius:10px;
  }
  body.store-public-body .store-inline-submit{
    min-height:43px;border-radius:11px;
    font-size:.78rem;margin-top:1px;
  }
  body.store-public-body .store-receipt-field small,
  body.store-public-body .store-checkout-field small{line-height:1.35}

  /* Formularios y catálogos de tarjetas de regalo */
  body.store-public-body .gift-catalog-panel{border-radius:17px}
  body.store-public-body .gift-catalog-toolbar{
    gap:9px;padding:11px 13px;
  }
  body.store-public-body .gift-catalog-toolbar h2{font-size:1.22rem}
  body.store-public-body .store-gift-view .gift-store-hierarchy{margin-top:0}
  body.store-public-body .store-product-toolbar{gap:9px;margin-bottom:8px}
  body.store-public-body .store-product-toolbar input,
  body.store-public-body .store-product-toolbar select{
    min-height:37px;height:37px;font-size:.77rem;
  }
}

@media (min-width:880px){
  body.store-public-body .store-category-view .store-category-grid,
  body.store-public-body .store-subcategory-view .store-subcategory-grid,
  body.store-public-body .store-gift-view .gift-store-hierarchy,
  body.store-public-body .store-product-grid-simple{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media (min-width:1200px){
  body.store-public-body .store-category-view .store-category-grid,
  body.store-public-body .store-subcategory-view .store-subcategory-grid,
  body.store-public-body .store-gift-view .gift-store-hierarchy,
  body.store-public-body .store-product-grid-simple{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:11px;
  }
}
@media (min-width:721px) and (max-width:879px){
  body.store-public-body .store-verification-redesign{max-width:100%}
  body.store-public-body .store-inline-checkout{max-width:100%}
  body.store-public-body .store-subcategory-view.has-game-cover,
  body.store-public-body .store-product-view.has-game-cover{padding:10px}
  body.store-public-body .store-payment-data-row{font-size:.69rem}
  body.store-public-body .store-category-view .store-launcher-card,
  body.store-public-body .store-subcategory-view .store-subcategory-card,
  body.store-public-body .store-gift-view .gift-store-hierarchy-card{
    aspect-ratio:1 / .76;
  }
}
@media (prefers-reduced-motion:reduce){
  body.store-public-body .store-category-card,
  body.store-public-body .store-product-choice{transition:none}
}


/* 2026-11-09 · Reutilizar el último ID exitoso del juego actual */
body.store-public-body .store-recent-player {
  display:flex;justify-content:flex-start;align-items:center;
  width:100%;max-width:100%;margin:0 0 10px;
}
body.store-public-body .store-recent-player[hidden] { display:none!important }
body.store-public-body .store-recent-player-button {
  appearance:none;display:inline-flex;align-items:center;min-width:0;max-width:100%;
  gap:9px;padding:7px 10px;border:1px solid rgba(22,220,244,.30);
  border-radius:11px;background:linear-gradient(115deg,rgba(22,220,244,.09),rgba(132,76,255,.15));
  color:var(--text);font:inherit;cursor:pointer;text-align:left;
  transition:background .18s ease,border-color .18s ease;
}
body.store-public-body .store-recent-player-button:hover,
body.store-public-body .store-recent-player-button:focus-visible {
  border-color:var(--cyan);background:rgba(22,220,244,.13);
}
body.store-public-body .store-recent-player-icon {
  display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;
  border-radius:8px;background:rgba(22,220,244,.13);color:var(--cyan);
  font-size:1rem;font-weight:800;
}
body.store-public-body .store-recent-player-copy{
  display:flex;flex-direction:column;min-width:0;gap:2px;
}
body.store-public-body .store-recent-player-copy small{
  color:var(--muted);font-size:.62rem;line-height:1.1;
}
body.store-public-body .store-recent-player-copy strong{
  color:var(--text);font-size:.76rem;line-height:1.18;font-weight:800;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.store-public-body .store-recent-player-action{
  margin-left:auto;color:var(--cyan);font-weight:800;font-size:.65rem;
  line-height:1.15;white-space:nowrap;
}
/* Formularios discretos a la derecha: se limita solo a PC, no a teléfonos/tablets. */
@media (min-width:1100px) {
  body.store-public-body .store-product-view .store-verification-redesign {
    width:min(100%,590px)!important;max-width:590px!important;
    margin:0 0 12px auto!important;
    padding:12px 14px!important;border-radius:16px;
  }
  body.store-public-body .store-product-view .store-inline-checkout {
    width:min(100%,690px)!important;max-width:690px!important;
    margin:12px 0 0 auto!important;
    padding:12px 14px 16px!important;border-radius:16px;
  }
  body.store-public-body .store-gift-view .store-gift-intro{
    width:min(100%,590px)!important;max-width:590px!important;
    margin:0 0 12px auto!important;
    padding:12px 14px!important;border-radius:16px;
  }
  body.store-public-body .store-gift-view .store-gift-inline-checkout{
    width:min(100%,690px)!important;max-width:690px!important;
    margin:12px 0 0 auto!important;
    padding:12px 14px 16px!important;border-radius:16px;
  }
}
@media (max-width:550px) {
  body.store-public-body .store-recent-player-button {
    width:100%;padding:8px 9px;gap:7px;
  }
  body.store-public-body .store-recent-player-copy small{font-size:.6rem}
  body.store-public-body .store-recent-player-copy strong{font-size:.72rem}
  body.store-public-body .store-recent-player-action{font-size:.61rem}
}