/* modv1 product cards — "modern v4" view polish (same layout; cleaner states, better mobile). */
.gmx-product-cards.gmx-card-view-4 .lt-game-card{
  border-radius:14px!important;
  background:var(--bg-surface,#151a27)!important;
  border:1px solid var(--border-color,#262e40)!important;
  box-shadow:none!important;
  transition:border-color .24s cubic-bezier(.2,.8,.2,1),background-color .24s cubic-bezier(.2,.8,.2,1)!important;
}
.gmx-product-cards.gmx-card-view-4 .lt-game-card:hover{transform:none!important;border-color:color-mix(in srgb,var(--brand-primary,#f97316) 35%,var(--border-color,#262e40))!important}
.gmx-product-cards.gmx-card-view-4 .lt-game-card.active{
  border-color:var(--brand-primary,#f97316)!important;
  background:color-mix(in srgb,var(--brand-primary,#f97316) 8%,var(--bg-surface,#151a27))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-primary,#f97316) 35%,transparent)!important;
}
.gmx-product-cards.gmx-card-view-4 .lt-game-card.disabled{opacity:.55}
.gmx-product-cards.gmx-card-view-4 .lt-gc-info{min-width:0}
.gmx-product-cards.gmx-card-view-4 .lt-gc-title{font-weight:600!important;color:var(--text-main,#f8fafc)!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.gmx-product-cards.gmx-card-view-4 .lt-gc-price{padding-left:0!important;margin-left:0!important;display:flex!important;align-items:baseline;gap:6px;flex-wrap:wrap}
.gmx-product-cards.gmx-card-view-4 .lt-gc-price .new{font-weight:700!important;font-variant-numeric:tabular-nums}
.gmx-product-cards.gmx-card-view-4 .lt-gc-price .old{font-size:.85em;opacity:.6;text-decoration:line-through}
.gmx-product-cards.gmx-card-view-4 .lt-gc-arrow{opacity:.45;transition:opacity .24s ease,color .24s ease}
.gmx-product-cards.gmx-card-view-4 .lt-game-card.active .lt-gc-arrow,.gmx-product-cards.gmx-card-view-4 .lt-game-card:hover .lt-gc-arrow{opacity:1;color:var(--brand-primary,#f97316)}
/* stock badge: small chip inside the card instead of overlapping the top edge */
.gmx-product-cards.gmx-card-view-4 .lt-badge{top:8px!important;right:10px!important;left:auto!important;transform:none!important;padding:3px 8px!important;font-size:10px!important;font-weight:600!important;letter-spacing:.02em;border-radius:999px!important;box-shadow:none!important;animation:none!important}
.gmx-product-cards.gmx-card-view-4 .lt-badge-ok{background:color-mix(in srgb,#22c55e 14%,transparent)!important;color:#4ade80!important;border:1px solid color-mix(in srgb,#22c55e 28%,transparent)!important}
.gmx-product-cards.gmx-card-view-4 .lt-badge-out{background:color-mix(in srgb,#ef4444 14%,transparent)!important;color:#f87171!important;border:1px solid color-mix(in srgb,#ef4444 28%,transparent)!important}
.gmx-product-cards.gmx-card-view-4 .lt-badge i{font-size:9px!important;margin-right:4px}

@media (max-width:767.98px){
  .gmx-product-cards.gmx-card-view-4 .lt-game-card{min-height:64px!important;padding:10px 12px!important;gap:12px!important}
  .gmx-product-cards.gmx-card-view-4 .lt-gc-media,.gmx-product-cards.gmx-card-view-4 .lt-gc-media img{width:44px!important;height:44px!important;min-width:44px!important;border-radius:11px!important}
  .gmx-product-cards.gmx-card-view-4 .lt-gc-title{font-size:13px!important;line-height:1.25!important;max-height:none!important;padding-right:4px}
  .gmx-product-cards.gmx-card-view-4 .lt-gc-price{margin-top:4px!important}
  .gmx-product-cards.gmx-card-view-4 .lt-gc-price .new{font-size:14px!important}
  /* sticky buy bar: sits above the bottom nav (nav 72px + 10px gap) */
  .gmx-product-cards.gmx-card-view-4 .lt-game-right,body > .lt-game-right.is-portal-fixed{bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
  .gmx-product-cards.gmx-card-view-4 .lt-order-panel,body > .lt-game-right.is-portal-fixed .lt-order-panel{
    background:color-mix(in srgb,var(--bg-surface,#151a27) 94%,transparent)!important;
    border:1px solid var(--border-color,#262e40)!important;border-radius:16px!important;
    box-shadow:0 18px 40px -14px rgba(0,0,0,.65)!important}
  body:not(.dark) > .lt-game-right.is-portal-fixed .lt-order-panel{background:color-mix(in srgb,#fff 96%,transparent)!important;border-color:rgba(15,23,42,.1)!important}
  .gmx-product-cards.gmx-card-view-4 .lt-game-layout{padding-bottom:150px!important}
  /* live chat launcher moves above the buy bar on these pages */
  body:has(> .lt-game-right.is-portal-fixed) .gmx-livechat-shell{bottom:calc(214px + env(safe-area-inset-bottom))!important}
}

/* "neo" grid cards (default view) */
.neo-card{border-radius:16px!important;background:var(--bg-surface,#151a27)!important;border:1px solid var(--border-color,#262e40)!important;box-shadow:none!important;transition:border-color .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s cubic-bezier(.2,.8,.2,1)!important;overflow:hidden}
.neo-card:hover{transform:none!important;border-color:color-mix(in srgb,var(--brand-primary,#f97316) 35%,var(--border-color,#262e40))!important;box-shadow:0 14px 30px -20px rgba(0,0,0,.7)!important}
.neo-card__media{padding:10px 10px 0!important;background:none!important}
.neo-card__img-wrap{border-radius:12px!important;overflow:hidden;aspect-ratio:1/1;background:var(--bg-body,#0b0f19)}
.neo-card__img{width:100%!important;height:100%!important;object-fit:cover!important;transition:none!important;transform:none!important}
.neo-card:hover .neo-card__img{transform:none!important}
.neo-badge{top:8px!important;left:8px!important;padding:3px 8px!important;font-size:10.5px!important;font-weight:600!important;border-radius:999px!important;box-shadow:none!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.neo-badge--ok{background:color-mix(in srgb,#052e16 70%,transparent)!important;color:#4ade80!important;border:1px solid color-mix(in srgb,#22c55e 35%,transparent)!important}
.neo-card__title{font-weight:600!important;color:var(--text-main,#f8fafc)!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.neo-price__now{font-weight:700!important;font-variant-numeric:tabular-nums}
.neo-cart-btn{white-space:nowrap!important;font-size:13px!important;font-weight:600!important;gap:6px!important;padding-left:10px!important;padding-right:10px!important;transition:background-color .24s ease,border-color .24s ease,color .24s ease!important}
.neo-cart-btn span{white-space:nowrap!important}
