/* TIENDA v3: in-page layer, vivid space style, mobile-first. The radio <audio> is never touched. */
#aob-shop{position:fixed;inset:0;z-index:9000;overflow:auto;-webkit-overflow-scrolling:touch;color:#f4fbff;font-family:inherit;
  background:radial-gradient(ellipse at 15% 0%,#1d1650 0,transparent 55%),radial-gradient(ellipse at 100% 100%,#3a0d45 0,transparent 55%),#05060f}
#aob-shop[hidden]{display:none}
#aob-shop .sbox{position:relative;max-width:1080px;margin:0 auto;padding:22px 16px 40px}
#aob-shop h2{margin:0;font-size:clamp(24px,4vw,40px);letter-spacing:.2em;background:linear-gradient(90deg,#40f0ff,#d68cff,#ffb840);-webkit-background-clip:text;background-clip:text;color:transparent}
#aob-shop .kick{margin:4px 0 18px;font-size:14px;color:#bfe9ff}
#aob-shop .sx{position:fixed;top:12px;right:14px;z-index:2;background:#12142a;border:1px solid #6b6fa8;color:#fff;border-radius:50%;font-size:24px;width:44px;height:44px;cursor:pointer}
#aob-shop h3{margin:30px 0 12px;font-size:15px;letter-spacing:.28em;color:#ffb840}
/* hero */
#aob-shop .hero{display:grid;grid-template-columns:1fr;border-radius:18px;overflow:hidden;border:1px solid rgba(64,240,255,.55);box-shadow:0 0 40px rgba(64,240,255,.25);background:#0b0d1f}
#aob-shop .ph{position:relative;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 50% 45%,#2c3a8a 0,#151a45 45%,#0b0d1f 80%)}
#aob-shop .ph img{display:block;max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55))}
#aob-shop .hero .ph{min-height:320px}#aob-shop .hero .ph img{max-height:460px}
#aob-shop .badge{position:absolute;top:14px;left:14px;background:#ffb840;color:#1a0d00;font-weight:800;font-size:12px;letter-spacing:.16em;padding:6px 10px;border-radius:999px}
#aob-shop .badge.g{background:#33ff66;color:#02160a}
#aob-shop .hero .bd{padding:22px;display:flex;flex-direction:column;gap:10px;justify-content:center}
#aob-shop .hn{margin:0;font-size:clamp(22px,3vw,32px);color:#fff;letter-spacing:.02em}
#aob-shop .hb{margin:0;font-size:16px;color:#d7e6ff;line-height:1.4}
#aob-shop .price{font-size:24px;font-weight:800;color:#fff}#aob-shop .price small{font-size:13px;color:#9fb3d9;font-weight:400}
#aob-shop .price.big{font-size:40px}#aob-shop .price.g{color:#33ff66}
#aob-shop .trust{margin:6px 0 0;font-size:13px;color:#9fe8c0;line-height:1.7}
/* cards */
#aob-shop .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
#aob-shop .card{border-radius:16px;overflow:hidden;background:#0b0d1f;border:1px solid rgba(214,140,255,.45);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
#aob-shop .card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(214,140,255,.25)}
#aob-shop .card .ph{height:280px}
#aob-shop .card .ph.cover{background-size:cover;background-position:center}
#aob-shop .card .bd{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
#aob-shop .card h4{margin:0;font-size:18px;color:#fff}
#aob-shop .card p{margin:0;font-size:14px;color:#c9d6f2;line-height:1.4}
/* CTAs */
#aob-shop .buy{display:block;margin-top:auto;text-align:center;text-decoration:none;cursor:pointer;font:inherit;font-weight:800;font-size:15px;letter-spacing:.12em;padding:14px 16px;border-radius:12px;border:0;color:#04121a;background:linear-gradient(90deg,#40f0ff,#7fd8ff);box-shadow:0 6px 20px rgba(64,240,255,.35)}
#aob-shop .buy:hover{filter:brightness(1.1)}
#aob-shop .buy.big{font-size:18px;padding:18px}
#aob-shop .buy.g{background:linear-gradient(90deg,#33ff66,#9dffb8);box-shadow:0 6px 20px rgba(51,255,102,.3)}
#aob-shop .buy.alt{display:inline-block;background:transparent;color:#ffb840;border:1px solid #ffb840;box-shadow:none}
#aob-shop .sup{border:1px dashed rgba(255,184,64,.5);border-radius:14px;padding:16px}#aob-shop .sup p{margin:0 0 10px;color:#d7e6ff}
#aob-shop .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#aob-shop .ln{color:#ffb840;font-size:13px;word-break:break-all}
@media (min-width:760px){#aob-shop .sbox{padding:34px 28px 50px}#aob-shop .hero{grid-template-columns:1.15fr 1fr}#aob-shop .hero .bd{padding:34px}}
#aob-shop .hero .buy{margin-top:6px}#aob-shop .ph{padding-top:46px}