/* MOBILE LEGENDS · SILVER STORE
   Catálogo premium inspirado en la referencia del usuario, sin copiar sus assets. */
body{--ml-gold:#f5b12f;--ml-gold2:#ffca5c;--ml-blue:#1787ff;--ml-blue2:#57c8ff;background:#07090d}
.site-header.compact{border-bottom:1px solid rgba(245,177,47,.22);background:rgba(7,9,13,.96)}
.main-nav a.active{color:#ffd56f}
.ml-shell{max-width:1180px;margin:0 auto;padding:0 18px 60px}
.ml-hero{position:relative;min-height:210px;margin:18px 0 24px;border:1px solid rgba(245,177,47,.25);border-radius:20px;overflow:hidden;background:linear-gradient(120deg,#090b12 0%,#12131a 46%,#25180d 100%);box-shadow:0 22px 60px rgba(0,0,0,.34)}
.ml-hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,14,.95),rgba(7,11,22,.62) 52%,rgba(33,20,8,.55)),url('imagenes/mobile-legends.webp') center 38%/cover no-repeat;filter:saturate(.95);opacity:.58;transform:scale(1.03)}
.ml-hero::after{content:"";position:absolute;inset:auto -10% -65% 35%;height:190px;background:radial-gradient(circle,rgba(19,126,255,.35),transparent 62%);pointer-events:none}
.ml-hero-copy{position:relative;z-index:2;max-width:680px;padding:34px 38px}
.ml-hero-copy>span{display:inline-flex;padding:6px 10px;border:1px solid rgba(245,177,47,.28);border-radius:999px;color:#f7bf4c;background:rgba(18,12,5,.62);font-size:11px;font-weight:900;letter-spacing:.8px}
.ml-hero h1{margin:10px 0 6px;color:#fff;font-size:46px;line-height:1;font-weight:950;text-shadow:0 3px 18px #000}
.ml-hero p{max-width:620px;margin:0;color:#c7ccd5;font-size:14px;line-height:1.6}
.ml-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ml-hero-pills b{padding:7px 10px;border-radius:9px;background:rgba(8,12,20,.72);border:1px solid rgba(77,164,255,.22);color:#dfeeff;font-size:11px}
.ml-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 0 14px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.08)}
.ml-catalog-head>div{display:flex;align-items:center;gap:10px}.ml-catalog-head>div>span{width:4px;height:24px;border-radius:5px;background:linear-gradient(#ffc849,#e8850e);box-shadow:0 0 15px rgba(245,177,47,.35)}
.ml-catalog-head h2{margin:0;color:#f5f7fb;font-size:18px}.ml-catalog-head small{color:#8e99ab}
.ml-product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;align-items:stretch}
.ml-product-card{display:flex!important;flex-direction:column;min-width:0!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:15px!important;background:linear-gradient(180deg,#12151c,#0c0e13)!important;overflow:hidden!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.ml-product-card:not(.sold-out):hover{transform:translateY(-4px);border-color:rgba(245,177,47,.55)!important;box-shadow:0 18px 36px rgba(0,0,0,.32),0 0 24px rgba(26,120,255,.12)!important}
.ml-card-art{position:relative;height:225px;overflow:hidden;background:radial-gradient(circle at 50% 70%,rgba(0,109,255,.38),transparent 38%),linear-gradient(180deg,#061020,#081226)}
.ml-card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.1) brightness(.58) contrast(1.06);transform:scale(1.07)}
.ml-art-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,9,21,.34) 42%,rgba(3,7,15,.92)),radial-gradient(circle at 50% 60%,rgba(14,117,255,.2),transparent 45%)}
.ml-art-symbol{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;width:86px;height:86px;color:#61c7ff;font-size:58px;line-height:1;text-shadow:0 0 10px #0f83ff,0 0 28px #0f83ff,0 0 52px #0f83ff;filter:drop-shadow(0 16px 20px rgba(0,0,0,.45))}
.ml-card-art.is-chest .ml-art-symbol{width:108px;height:82px;border:3px solid #d59a30;border-radius:12px;color:#48adff;background:linear-gradient(180deg,rgba(42,25,8,.88),rgba(7,22,45,.92));font-size:46px;box-shadow:inset 0 0 24px rgba(21,126,255,.3),0 0 35px rgba(18,107,255,.35);text-shadow:0 0 17px #1388ff}
.ml-card-art b{position:absolute;left:10px;right:10px;bottom:12px;text-align:center;color:#ffd261;font-size:17px;font-weight:950;text-transform:none;text-shadow:0 2px 8px #000}
.ml-product-info{display:flex!important;flex:1;flex-direction:column;padding:13px 12px 12px!important;text-align:center!important}
.ml-product-info h2{display:none}.ml-bonus{min-height:30px;margin:0 0 7px;color:#f1f4f8;font-size:11px;font-weight:850;letter-spacing:.1px}.ml-product-info .stock{display:inline-flex;align-self:center;margin:0 0 8px;font-size:10px}.ml-product-info del{margin:0 auto 2px!important;color:#7f8794!important;font-size:12px!important}.ml-product-info>strong{display:block!important;margin:0 0 10px!important;color:#ffc14b!important;font-size:22px!important;font-weight:950!important}.ml-product-info button{margin-top:auto!important;min-height:40px!important;border:0!important;border-radius:9px!important;color:#1d1204!important;background:linear-gradient(135deg,#ea8d10,#ffc64c)!important;font-weight:950!important;box-shadow:0 8px 18px rgba(218,127,8,.18)!important}.ml-product-info button:hover{filter:brightness(1.06)}
.ml-product-card.sold-out{opacity:.55}.ml-product-card.sold-out .ml-product-info button{background:#292d35!important;color:#777f8d!important;box-shadow:none!important}
/* checkout: Zone ID siempre visible y coherente con ML */
.checkout-team-code{display:block!important}.checkout-team-code label{color:#f6be49!important;font-weight:900}.checkout-id-help::after{content:" · En Mobile Legends también debes ingresar tu Zone ID."}
.product-preview-details article:nth-child(2) b{color:#f7c24c}
@media(max-width:980px){.ml-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ml-hero h1{font-size:40px}}
@media(max-width:720px){.ml-shell{padding:0 10px 42px}.ml-hero{min-height:185px;margin-top:10px}.ml-hero-copy{padding:25px 20px}.ml-hero h1{font-size:34px}.ml-hero p{font-size:12px}.ml-hero-pills{gap:5px}.ml-hero-pills b{font-size:9px}.ml-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}.ml-card-art{height:185px}.ml-card-art b{font-size:14px}.ml-art-symbol{width:65px;height:65px;font-size:44px}.ml-card-art.is-chest .ml-art-symbol{width:78px;height:60px;font-size:34px}.ml-product-info{padding:10px 8px!important}.ml-bonus{font-size:9px;min-height:25px}.ml-product-info>strong{font-size:18px!important}.ml-catalog-head h2{font-size:13px}.ml-catalog-head small{font-size:10px}}

/* =========================================================
   MOBILE LEGENDS · ARTE PROGRESIVO + EXTRAS 2026-08-19
   ========================================================= */
.ml-card-art{height:238px;background:#17130b!important}
.ml-card-art img{filter:saturate(1.06) brightness(.98) contrast(1.02)!important;transform:none!important;object-fit:cover!important;object-position:center!important}
.ml-art-overlay{background:linear-gradient(180deg,transparent 52%,rgba(5,7,12,.16) 68%,rgba(5,7,12,.92) 100%)!important}
.ml-art-symbol{display:none!important}
.ml-card-art b{bottom:10px;color:#fff!important;font-size:16px!important;text-shadow:0 2px 8px #000,0 0 12px rgba(0,0,0,.9)!important}
.ml-diamond-card{border-color:rgba(245,177,47,.24)!important}
.ml-diamond-card .ml-card-art{background:linear-gradient(180deg,#a57319,#f0b72d)!important}
.ml-extra-card{border-color:rgba(58,154,255,.26)!important}
.ml-extra-card .ml-card-art{height:238px;background:#171a22!important}
.ml-extra-card .ml-card-art img{object-fit:cover!important;object-position:center 46%!important}
.ml-extra-card .ml-bonus{color:#7ec5ff!important;letter-spacing:.45px}
.ml-extra-card .ml-product-info>strong{color:#7ec5ff!important}
.ml-extra-card .ml-product-info button{background:linear-gradient(135deg,#1685e7,#55bfff)!important;color:#06101b!important}
@media(max-width:720px){
  .ml-card-art,.ml-extra-card .ml-card-art{height:205px}
  .ml-card-art b{font-size:13px!important}
}