*{box-sizing:border-box}:root{--bg:#05060b;--panel:#0b101a;--line:#263754;--muted:#96a8c4;--cyan:#79e7ff;--blue:#118dff}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#102451 0,transparent 28%),var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.hidden{display:none!important}
.hero{min-height:100vh;display:grid;place-items:center;position:relative;text-align:center;padding:30px;background:radial-gradient(circle at 50% 20%,#1b3472 0,transparent 28%),radial-gradient(circle at 14% 82%,#0b4e64 0,transparent 20%),linear-gradient(#080d1c,#020309)}
.logo{position:absolute;right:22px;top:18px;width:min(120px,24vw);height:74px;object-fit:contain;filter:drop-shadow(0 8px 22px #000)}.hero h1{font-size:clamp(58px,16vw,150px);letter-spacing:.14em;margin:0;font-weight:950}.hero p{max-width:630px;color:#bac7dc;line-height:1.55;margin:10px auto 24px}.enter{border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:900;padding:12px 22px;cursor:pointer;box-shadow:0 0 30px #168eff55}
.store{min-height:100vh;padding:18px max(16px,4vw) 50px}.top{position:sticky;top:0;z-index:8;background:#06080fdf;backdrop-filter:blur(12px);padding:12px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{font-weight:950;letter-spacing:.24em}.status{font-size:12px;color:var(--muted)}.cartBtn{border:1px solid var(--line);background:#0c1422;color:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}
.categories{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.cat{border:1px solid var(--line);background:#0d1320;color:#fff;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.cat.active{background:#fff;color:#05060b;border-color:#fff}.intro{border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(135deg,#0a1220,#070a11);display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.intro h2{margin:0;font-size:clamp(28px,4vw,43px)}.intro p{margin:5px 0 0;color:var(--muted);font-size:12px}.count{color:var(--cyan);font-size:11px;white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;margin-top:20px}.card{border:1px solid var(--line);background:linear-gradient(#111725,#0a0d15);border-radius:24px;overflow:hidden;cursor:pointer;box-shadow:0 12px 40px #0008;transition:.2s;display:flex;flex-direction:column;min-height:390px}.card:hover{transform:translateY(-4px);border-color:var(--cyan)}.image{min-height:295px;background:radial-gradient(circle,#1a2c55,#0b101a);display:grid;place-items:center;padding:16px;position:relative}.image img{max-width:100%;max-height:285px;object-fit:contain;filter:drop-shadow(0 18px 24px #0009)}.pending{color:#8395af;text-align:center;font-size:12px}.pending b{display:block;color:#fff;font-size:34px;letter-spacing:.16em;margin-bottom:8px}.meta{padding:15px;margin-top:auto}.meta h3{margin:0 0 8px;font-size:17px}.meta small{color:#91a4c5;line-height:1.4}
.modal{position:fixed;inset:0;background:#000c;z-index:20;display:none;place-items:center;padding:18px;backdrop-filter:blur(7px)}.modal.open{display:grid}.panel{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#080b13;border:1px solid #30405e;border-radius:28px;padding:20px;box-shadow:0 20px 90px #000c}.close{float:right;border:0;background:#151c2a;color:#fff;border-radius:999px;width:38px;height:38px;cursor:pointer}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}.holo{min-height:420px;border-radius:24px;background:radial-gradient(circle,#153864,#08111f 55%,#04070d);display:grid;place-items:center;position:relative;overflow:hidden}.holo:after{content:"";position:absolute;left:12%;right:12%;bottom:9%;height:6px;border-radius:50%;background:#65e9ff;box-shadow:0 0 35px #65e9ff}.holo img{max-width:84%;max-height:380px;object-fit:contain;z-index:1;filter:drop-shadow(0 0 22px #4bdfff99)}.holo.active img{animation:float 2.5s ease-in-out infinite;filter:drop-shadow(0 0 30px #6ef0ff) saturate(1.35)}@keyframes float{50%{transform:translateY(-12px)}}.views,.sizes{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.view,.size{border:1px solid var(--line);background:#101725;color:#fff;border-radius:999px;padding:9px 12px;cursor:pointer}.view.active,.size.active{background:#fff;color:#05060b}.productInfo h2{font-size:32px;margin:0 0 8px}.desc{color:#aebbd1;line-height:1.5}.price{font-size:24px;font-weight:900;margin:16px 0}.buy{border:0;border-radius:999px;padding:13px 18px;background:#fff;color:#05060b;font-weight:900;cursor:pointer}.hint{font-size:11px;color:#8da0be;min-height:17px}.pill{display:inline-block;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#9edfff;font-size:11px;margin-right:4px}
.book{border:1px solid var(--line);background:linear-gradient(150deg,#0a1733,#0a0c13);border-radius:24px;padding:20px;min-height:390px;display:grid;place-items:center;text-align:center;cursor:pointer}.bookCover{width:180px;aspect-ratio:2/3;border-radius:16px;border:1px solid #4470a8;background:radial-gradient(circle at 50% 18%,#15489c 0,transparent 28%),radial-gradient(circle at 68% 72%,#7830bf55 0,transparent 28%),#071023;display:grid;place-items:center;padding:18px}.bookCover strong{font-size:25px;line-height:1.02}.bookCover small{letter-spacing:.18em;color:#87e3ff}
.drawer{position:fixed;right:18px;top:76px;z-index:30;width:min(390px,92vw);max-height:75vh;overflow:auto;border:1px solid #30405e;border-radius:22px;background:#080b13;padding:16px;box-shadow:0 20px 70px #000c;display:none}.drawer.open{display:block}.cartItem{display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #1e2b42}.cartItem img{width:50px;height:50px;object-fit:contain;background:#101522;border-radius:10px}.remove{border:0;background:#151c2a;color:#fff;border-radius:999px;width:30px;height:30px;cursor:pointer}.checkoutNote{margin-top:12px;font-size:11px;color:#899bb7;line-height:1.5}
.footer{margin-top:34px;padding:28px 10px;border-top:1px solid #233047;text-align:center;color:#8fa0b9}.footerBtns{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.footerBtns button{border:1px solid var(--line);background:#0b111d;color:#b9c8df;border-radius:999px;padding:8px 11px;cursor:pointer;font-size:11px}.textModal h2{margin-top:0}.textModal p{color:#aebbd1;line-height:1.6}
.cookie{position:fixed;left:14px;right:14px;bottom:14px;z-index:50;max-width:820px;margin:auto;background:#080b13;border:1px solid #30405e;border-radius:20px;padding:16px;box-shadow:0 20px 70px #000c;display:none}.cookie.show{display:block}.cookie p{font-size:12px;color:#aebbd1;line-height:1.5}.cookieActions{display:flex;gap:8px;flex-wrap:wrap}.cookieActions button{border:1px solid var(--line);background:#111827;color:#fff;border-radius:999px;padding:9px 12px;cursor:pointer}.cookieActions .accept{background:#fff;color:#05060b}.toggleRow{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #1d293d}
@media(max-width:760px){.detail{grid-template-columns:1fr}.holo{min-height:330px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{min-height:315px}.image{min-height:225px;padding:10px}.image img{max-height:215px}.meta{padding:11px}.meta h3{font-size:14px}.intro{align-items:flex-start;flex-direction:column}}@media(max-width:460px){.grid{grid-template-columns:1fr}}

/* Landing page: English first, Spanish secondary, and clearer STG logo */
.heroCopy{max-width:760px;padding:90px 20px 30px}.logo{right:28px;top:22px;width:min(210px,31vw);height:auto;aspect-ratio:200/133;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 24px #000) drop-shadow(0 0 14px #4fdcff33)}
.hero .heroEn{max-width:700px;margin:12px auto 5px;color:#e8f2ff;font-size:clamp(15px,2vw,20px);line-height:1.55;font-weight:650}.hero .heroEs{max-width:680px;margin:0 auto 24px;color:#8fa2bf;font-size:clamp(11px,1.35vw,14px);line-height:1.45;font-weight:500}.enter{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center;padding:13px 21px}.enter strong{font-size:14px;letter-spacing:.08em}.enter span{font-size:10px;font-weight:700;opacity:.72;letter-spacing:.03em}
@media(max-width:760px){.logo{width:min(155px,38vw);right:16px;top:14px}.heroCopy{padding-top:110px}.hero .heroEn{max-width:92vw}.hero .heroEs{max-width:90vw}.enter{gap:6px}.enter strong{font-size:13px}.enter span{font-size:9px}}

/* Keep the purchase action visible while product details are open. */
#productModal.open #buy{position:fixed;right:28px;bottom:24px;z-index:45;width:min(360px,calc(100vw - 56px));display:block!important;background:#fff;color:#05060b;border:2px solid #79e7ff;box-shadow:0 0 30px #118dff88,0 14px 40px #000c;padding:15px 20px;font-size:15px;letter-spacing:.03em}
@media(max-width:760px){#productModal.open #buy{left:18px;right:18px;bottom:18px;width:auto}.panel{padding-bottom:92px}}

/* Definitive landing logo: ignore the broken embedded image and draw the exact PNG from the API. */
.heroLogo{display:none!important}
.heroCopy::before{content:"";display:block;width:min(640px,88vw);height:280px;margin:0 auto 18px;background:url('/api/logo?exact=18') center/contain no-repeat;filter:drop-shadow(0 18px 34px #000) drop-shadow(0 0 22px #1ebfff88)}
@media(max-width:600px){.heroCopy::before{width:min(94vw,560px);height:220px;margin-bottom:12px}}

/* Hologram: visible vertical float only, no rotation. */
.holo.active img{animation:stgFloat 1.8s ease-in-out infinite!important;will-change:transform;transform-origin:center center;filter:drop-shadow(0 0 32px #6ef0ff) saturate(1.35)}
@keyframes stgFloat{0%,100%{transform:translate3d(0,12px,0)}50%{transform:translate3d(0,-18px,0)}}