/* ==========================================================================
   Aylea Store - Head Theme: "Luar Angkasa & Astronot"
   Semua aturan diawali html[data-theme="luar angkasa&astronot"].
   Tema "Bawaan" (Pantai & Laut) tidak tersentuh.
   ========================================================================== */

/* ---------- 1. WARNA (variabel situs ditimpa, sisanya ikut otomatis) ---------- */
html[data-theme="luar angkasa&astronot"]{--bg1:#cfd6ff;--bg2:#efeaff;--bg3:#ffe4f3;--ac:#5b49d6;--ac2:#ffc86b;--card:rgba(255,255,255,.84);--tx:#2a2466;--soft:#555093;--ln:rgba(91,73,214,.22);--on:#fff;--on2:#3b2a00;--deep:#4a3bb8;--apx-1:#a9a0ff;--apx-2:#ffd6a0;--apx-tx:#2a2466;--apx-sh:0 1px 0 rgba(255,255,255,.55);--apx-bt:#4a3bb8;--sb-r:22px}

/* ---------- 2. LATAR (ganti pantai/laut dengan dekor tema) ---------- */
html[data-theme="luar angkasa&astronot"] .sea, html[data-theme="luar angkasa&astronot"] .bub, html[data-theme="luar angkasa&astronot"] #bgfl{display:none!important}
html[data-theme="luar angkasa&astronot"] body{background:radial-gradient(ellipse at 20% 0%,#e9e2ff 0,transparent 55%),radial-gradient(ellipse at 90% 100%,#ffdff0 0,transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg2) 55%,var(--bg3));background-attachment:fixed}
html[data-theme="luar angkasa&astronot"] body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(2px 2px at 12% 18%,#fff 50%,transparent 52%),radial-gradient(2px 2px at 78% 12%,#fff 50%,transparent 52%),radial-gradient(3px 3px at 44% 30%,#ffe9a8 50%,transparent 52%),radial-gradient(2px 2px at 88% 52%,#fff 50%,transparent 52%),radial-gradient(2px 2px at 24% 66%,#fff 50%,transparent 52%),radial-gradient(3px 3px at 62% 78%,#ffe9a8 50%,transparent 52%),radial-gradient(2px 2px at 8% 88%,#fff 50%,transparent 52%),radial-gradient(2px 2px at 94% 90%,#fff 50%,transparent 52%),radial-gradient(1.5px 1.5px at 35% 8%,#fff 50%,transparent 52%),radial-gradient(1.5px 1.5px at 55% 55%,#fff 50%,transparent 52%);animation:tw-twinkle 5s ease-in-out infinite alternate}
@keyframes tw-twinkle{from{opacity:.55}to{opacity:1}}

/* ---------- 3. POP-UP AWAL (#welcome) ---------- */
html[data-theme="luar angkasa&astronot"] #welcome{background:radial-gradient(circle at 80% 10%,#fff 0,transparent 35%),linear-gradient(180deg,#c7ceff,#ece6ff 55%,#ffe4f3)}
html[data-theme="luar angkasa&astronot"] #welcome .fl, html[data-theme="luar angkasa&astronot"] #welcome .wm, html[data-theme="luar angkasa&astronot"] .wc .fl{display:none}
html[data-theme="luar angkasa&astronot"] #welcome::before{content:"🪐";position:absolute;left:8%;top:12%;font-size:3rem;animation:drift 8s ease-in-out infinite}
html[data-theme="luar angkasa&astronot"] #welcome::after{content:"🚀";position:absolute;right:9%;bottom:12%;font-size:3rem;animation:drift 7s ease-in-out -3s infinite}
html[data-theme="luar angkasa&astronot"] .wcard{border-radius:48px;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(222,218,255,.78));border:2.5px solid rgba(255,255,255,.95);box-shadow:0 0 0 6px rgba(155,140,255,.18),0 20px 54px rgba(91,73,214,.25);color:#3d3790}
html[data-theme="luar angkasa&astronot"] .wcard::before{content:"✦ ⋆ ✧ ⋆ ✦";display:block;font-size:1.1rem;letter-spacing:.5em;color:#8a7cf0;margin-bottom:6px}
html[data-theme="luar angkasa&astronot"] .wcard>*{position:relative;z-index:2}
html[data-theme="luar angkasa&astronot"] .wl{color:#4a3bb8}html[data-theme="luar angkasa&astronot"] .tr{color:#6c66a8}html[data-theme="luar angkasa&astronot"] .cp{color:#8a85b8}
html[data-theme="luar angkasa&astronot"] .t3d{color:#6a5ae0;text-shadow:1px 1px #5545c6,2px 2px #5545c6,3px 3px #4a3bb8,4px 5px 6px rgba(74,59,184,.3);filter:drop-shadow(0 0 14px rgba(255,255,255,.95))}
html[data-theme="luar angkasa&astronot"] .t3d::after{background-image:linear-gradient(180deg,#b9b0ff 0%,#8a7cf0 55%,#ff9ccf 100%)}
html[data-theme="luar angkasa&astronot"] .go{background:linear-gradient(135deg,#8a7cf0,#5b49d6);box-shadow:0 5px 0 #3f32a3,0 12px 20px rgba(91,73,214,.35);border-radius:999px;min-height:52px}

/* ---------- 4. HEADER / NAVBAR + THEME SLOT ---------- */
html[data-theme="luar angkasa&astronot"] header{border-radius:0 0 28px 28px;border:0;border-bottom:2px solid rgba(255,255,255,.9);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(236,230,255,.88));box-shadow:0 8px 24px rgba(91,73,214,.18)}
html[data-theme="luar angkasa&astronot"] main{padding-top:80px}
html[data-theme="luar angkasa&astronot"] .nm{color:var(--deep)}
html[data-theme="luar angkasa&astronot"] .logo{border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 5px #b9b0ff}
html[data-theme="luar angkasa&astronot"] .ib{min-width:44px;min-height:44px;justify-content:center;border-radius:999px;box-shadow:0 3px 0 color-mix(in srgb,var(--ac) 25%,transparent)}
html[data-theme="luar angkasa&astronot"] .ib:hover{background:var(--ac);color:#fff}
html[data-theme="luar angkasa&astronot"] #themeSlot .tsw-btn{min-width:44px;min-height:44px;font-size:1.15rem}
html[data-theme="luar angkasa&astronot"] .cnt{background:var(--ac);color:#fff}
html[data-theme="luar angkasa&astronot"] #palB{display:none}
html[data-theme="luar angkasa&astronot"] .tsw-pop{border-radius:22px;background:rgba(255,255,255,.97);border:2px solid var(--ln)}
html[data-theme="luar angkasa&astronot"] .ang-helmet[data-hm=logo]{display:inline-grid;position:relative;flex:none;place-items:center}
html[data-theme="luar angkasa&astronot"] .ang-helmet[data-hm=logo]::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #b9b0ff,0 4px 10px rgba(91,73,214,.3),inset 0 0 8px rgba(255,255,255,.7);pointer-events:none;z-index:2}
html[data-theme="luar angkasa&astronot"] .ang-helmet[data-hm=logo]::after{content:"";position:absolute;left:6px;top:3px;width:12px;height:7px;border-radius:50%;background:rgba(255,255,255,.85);transform:rotate(-25deg);z-index:3;pointer-events:none}
html[data-theme="luar angkasa&astronot"] .ang-helmet[data-hm=logo]{margin:0 4px}
html[data-theme="luar angkasa&astronot"] .ang-helmet[data-hm=foot]{display:block;position:relative;width:max-content;margin:0 auto}
html[data-theme="luar angkasa&astronot"] .ang-helmet[data-hm=foot]::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #b9b0ff;pointer-events:none;z-index:2}

/* dropdown lama (lonceng, favorit, palet, menu) */
html[data-theme="luar angkasa&astronot"] .dd{border-radius:24px;border:2px solid var(--ln);background:rgba(255,255,255,.97);box-shadow:0 16px 36px rgba(0,0,0,.16)}
html[data-theme="luar angkasa&astronot"] .th,html[data-theme="luar angkasa&astronot"] .mi{min-height:44px}
html[data-theme="luar angkasa&astronot"] .nb button{background:linear-gradient(135deg,var(--ac),var(--deep));min-height:44px}
html[data-theme="luar angkasa&astronot"] .ni{border-radius:16px;background:#fff}

/* ---------- 5. TOMBOL ---------- */
html[data-theme="luar angkasa&astronot"] .btn,html[data-theme="luar angkasa&astronot"] .btn.pk,html[data-theme="luar angkasa&astronot"] .ay-btn,html[data-theme="luar angkasa&astronot"] .mini,html[data-theme="luar angkasa&astronot"] .mb{min-height:44px;border-radius:999px}
html[data-theme="luar angkasa&astronot"] .btn{--bc:#7a6af0}
html[data-theme="luar angkasa&astronot"] .btn.pk{--bc:#ffc86b;color:#3b2a00}
html[data-theme="luar angkasa&astronot"] .hb{width:44px;height:44px;min-width:44px;border-radius:50%;background:#fff;border:2px solid var(--ln)}
html[data-theme="luar angkasa&astronot"] .hb.on{background:#ffe0e8;border-color:var(--ac)}
html[data-theme="luar angkasa&astronot"] .x{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--ln);top:10px;right:10px}
html[data-theme="luar angkasa&astronot"] .ch button,html[data-theme="luar angkasa&astronot"] #chips button,html[data-theme="luar angkasa&astronot"] .tb button,html[data-theme="luar angkasa&astronot"] .pl button,html[data-theme="luar angkasa&astronot"] .og button,html[data-theme="luar angkasa&astronot"] .sc button{min-height:44px;border-radius:999px;border:2px solid var(--ln);background:#fff}
html[data-theme="luar angkasa&astronot"] .ch button.sel,html[data-theme="luar angkasa&astronot"] #chips button.sel,html[data-theme="luar angkasa&astronot"] .tb button.sel,html[data-theme="luar angkasa&astronot"] .pl button.sel{background:var(--ac);color:#fff;border-color:var(--ac)}
html[data-theme="luar angkasa&astronot"] .og button{border-radius:20px}
html[data-theme="luar angkasa&astronot"] .stars button{min-width:44px;min-height:44px}
html[data-theme="luar angkasa&astronot"] .q,html[data-theme="luar angkasa&astronot"] .dl,html[data-theme="luar angkasa&astronot"] .ci .q{min-width:44px;min-height:44px;border-radius:50%}
html[data-theme="luar angkasa&astronot"] .ay-chip,html[data-theme="luar angkasa&astronot"] .ay-chip.m{min-height:44px}
html[data-theme="luar angkasa&astronot"] .cc{min-height:44px}

/* ---------- 6. HERO & BERANDA ---------- */
html[data-theme="luar angkasa&astronot"] .wc{border-radius:60px 60px 40px 40px;border:3px solid rgba(255,255,255,.95);background:radial-gradient(2px 2px at 14% 22%,#fff 50%,transparent 52%),radial-gradient(2px 2px at 82% 30%,#fff 50%,transparent 52%),radial-gradient(3px 3px at 66% 74%,#ffe9a8 50%,transparent 52%),linear-gradient(150deg,#f1edff,#d4d0ff 60%,#ffe1f1);box-shadow:0 0 0 6px rgba(155,140,255,.16),0 18px 44px rgba(91,73,214,.22)}
html[data-theme="luar angkasa&astronot"] .wc>*:not(.fl):not(.ang-bolt){position:relative;z-index:1}
html[data-theme="luar angkasa&astronot"] .wc h1{color:var(--deep)}
html[data-theme="luar angkasa&astronot"] .wc .lab{background:#fff;color:#5b49d6;padding:6px 16px;border-radius:999px;border:2px solid #cfc9ff}
html[data-theme="luar angkasa&astronot"] .wc p.d{color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .wc .btn.pk{min-height:48px;font-size:1rem!important}
html[data-theme="luar angkasa&astronot"] .sec h2{color:var(--deep)}

html[data-theme="luar angkasa&astronot"] .hl{background:linear-gradient(transparent 60%,#dcd6ff 60%)}
html[data-theme="luar angkasa&astronot"] .annb{border-radius:999px}
html[data-theme="luar angkasa&astronot"] .apx{border-radius:999px}
html[data-theme="luar angkasa&astronot"] .ay-card,html[data-theme="luar angkasa&astronot"] .jc,html[data-theme="luar angkasa&astronot"] .gl,html[data-theme="luar angkasa&astronot"] .cd,html[data-theme="luar angkasa&astronot"] .rv,html[data-theme="luar angkasa&astronot"] .od,html[data-theme="luar angkasa&astronot"] .oc,html[data-theme="luar angkasa&astronot"] .ur{border-radius:28px}
html[data-theme="luar angkasa&astronot"] .ay-card,html[data-theme="luar angkasa&astronot"] .jc,html[data-theme="luar angkasa&astronot"] .gl,html[data-theme="luar angkasa&astronot"] .cd,html[data-theme="luar angkasa&astronot"] .oc{background:var(--card);border:2px solid #d4cfff;box-shadow:0 8px 22px rgba(91,73,214,.14)}
html[data-theme="luar angkasa&astronot"] .ay-card.ay-sum{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 14%,#fff),color-mix(in srgb,var(--ac2) 22%,#fff))}
html[data-theme="luar angkasa&astronot"] .ay-card,html[data-theme="luar angkasa&astronot"] .ay-card p,html[data-theme="luar angkasa&astronot"] .ay-card b,html[data-theme="luar angkasa&astronot"] .ay-card small,html[data-theme="luar angkasa&astronot"] .ay-s,html[data-theme="luar angkasa&astronot"] .ay-rv,html[data-theme="luar angkasa&astronot"] .ay-how{color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .ay-rv{background:#fff;border:2px solid var(--ln)}
html[data-theme="luar angkasa&astronot"] .ay-n,html[data-theme="luar angkasa&astronot"] .ay-card .ay-n{color:var(--deep)}
html[data-theme="luar angkasa&astronot"] .ay-f,html[data-theme="luar angkasa&astronot"] footer{color:var(--tx)}

/* kategori & pencarian */
html[data-theme="luar angkasa&astronot"] .cg{gap:14px}
html[data-theme="luar angkasa&astronot"] .cc{border-radius:50px;background:#fff;border:2px solid #d4cfff;color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .cc:nth-child(n){background:#fff}
html[data-theme="luar angkasa&astronot"] .cc:hover,html[data-theme="luar angkasa&astronot"] .cc.sel{border-color:var(--ac);box-shadow:0 8px 18px color-mix(in srgb,var(--ac) 25%,transparent)}
html[data-theme="luar angkasa&astronot"] .cc .ic{background:color-mix(in srgb,var(--ac) 14%,#fff)}
html[data-theme="luar angkasa&astronot"] .sbx input{min-height:44px;border-radius:999px;background:#fff;border:2px solid var(--ln);color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .sbx input::placeholder{color:var(--soft)}
html[data-theme="luar angkasa&astronot"] .sr{border-radius:20px;background:#fff;border:2px solid var(--ln)}
html[data-theme="luar angkasa&astronot"] .lh h2,html[data-theme="luar angkasa&astronot"] .lh .sb,html[data-theme="luar angkasa&astronot"] .sec>.sb{color:var(--deep)}
html[data-theme="luar angkasa&astronot"] .lh .sb,html[data-theme="luar angkasa&astronot"] .sec>.sb{color:var(--soft)}

/* ---------- 7. PRODUK ---------- */
html[data-theme="luar angkasa&astronot"] .grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px}
html[data-theme="luar angkasa&astronot"] .pc{border-radius:36px;background:linear-gradient(180deg,#fff,#f1eeff);border:2px solid #cfc9ff;box-shadow:0 0 0 4px rgba(155,140,255,.12),0 14px 26px rgba(91,73,214,.16);backdrop-filter:none;overflow:hidden}
html[data-theme="luar angkasa&astronot"] .pc::before{content:"✦";position:absolute;right:14px;top:10px;color:#ffc86b;font-size:1rem}
html[data-theme="luar angkasa&astronot"] .pc::after{content:"";position:absolute;left:-20px;bottom:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e2dcff);opacity:.7;pointer-events:none}
html[data-theme="luar angkasa&astronot"] .pc h3{color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .pc .ds{color:var(--soft)}
html[data-theme="luar angkasa&astronot"] .pc .pr{color:var(--deep);background:color-mix(in srgb,var(--ac) 10%,#fff);display:inline-block;padding:3px 12px;border-radius:999px}
html[data-theme="luar angkasa&astronot"] .pc>*{position:relative;z-index:1}
html[data-theme="luar angkasa&astronot"] .pc .tag{position:absolute;top:22px;left:8px;z-index:3}
html[data-theme="luar angkasa&astronot"] .pc .lg{border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 3px #b9b0ff,0 6px 14px rgba(91,73,214,.28)}
html[data-theme="luar angkasa&astronot"] .pc .lg img{border-radius:50%}
html[data-theme="luar angkasa&astronot"] .pc .btn{min-height:44px;padding-left:16px;padding-right:16px}
html[data-theme="luar angkasa&astronot"] .tag{background:linear-gradient(135deg,#8a7cf0,#5b49d6);border-radius:999px}

/* ---------- 8. HALAMAN LAIN (testimoni, riwayat, garansi) ---------- */
html[data-theme="luar angkasa&astronot"] .hd h1,html[data-theme="luar angkasa&astronot"] .hd p{color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .hd p{color:var(--soft)}
html[data-theme="luar angkasa&astronot"] .eb{background:var(--ac);color:#fff;border-radius:999px}
html[data-theme="luar angkasa&astronot"] .gl input,html[data-theme="luar angkasa&astronot"] .gl textarea,html[data-theme="luar angkasa&astronot"] .cf input,html[data-theme="luar angkasa&astronot"] .cf textarea,html[data-theme="luar angkasa&astronot"] .fm input,html[data-theme="luar angkasa&astronot"] .fm select,html[data-theme="luar angkasa&astronot"] .fm textarea,html[data-theme="luar angkasa&astronot"] .f2 input,html[data-theme="luar angkasa&astronot"] .f2 select,html[data-theme="luar angkasa&astronot"] .f2 textarea,html[data-theme="luar angkasa&astronot"] #p-warr .fm input,html[data-theme="luar angkasa&astronot"] #p-warr .fm select,html[data-theme="luar angkasa&astronot"] #p-warr .fm textarea,html[data-theme="luar angkasa&astronot"] .ay-agr input{min-height:44px;border-radius:16px;border:2px solid var(--ln);background:#fff;color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .gl textarea,html[data-theme="luar angkasa&astronot"] .cf textarea,html[data-theme="luar angkasa&astronot"] .fm textarea{min-height:96px}
html[data-theme="luar angkasa&astronot"] .gl input:focus,html[data-theme="luar angkasa&astronot"] .gl textarea:focus,html[data-theme="luar angkasa&astronot"] .cf input:focus,html[data-theme="luar angkasa&astronot"] .fm input:focus,html[data-theme="luar angkasa&astronot"] .fm select:focus,html[data-theme="luar angkasa&astronot"] .fm textarea:focus{outline:3px solid color-mix(in srgb,var(--ac) 40%,transparent);outline-offset:1px;border-color:var(--ac)}
html[data-theme="luar angkasa&astronot"] .od{background:#fff;border:2px solid var(--ln);color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .od table{border-collapse:separate;border-spacing:0 4px}
html[data-theme="luar angkasa&astronot"] .od th{color:var(--deep);text-align:left}
html[data-theme="luar angkasa&astronot"] .od td,html[data-theme="luar angkasa&astronot"] .od th{border-bottom:1px dashed var(--ln)}
html[data-theme="luar angkasa&astronot"] .okm{border-radius:18px;background:#e2f7e8;color:#14584a}
html[data-theme="luar angkasa&astronot"] .errm{border-radius:18px}
html[data-theme="luar angkasa&astronot"] .ul{background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--ac) 10%,#fff));border:2px solid var(--ln);border-radius:34px;color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .ur{background:#fff;border:2px solid var(--ln);min-height:56px}
html[data-theme="luar angkasa&astronot"] .ur b{color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .ur small{color:var(--soft)}
html[data-theme="luar angkasa&astronot"] #p-warr .hero2{background:linear-gradient(135deg,#f3f0ff,#d9d5ff);color:var(--tx);border-radius:40px;border:2px solid #fff;box-shadow:0 0 0 5px rgba(155,140,255,.16)}
html[data-theme="luar angkasa&astronot"] .ill{background:linear-gradient(180deg,#b9b0ff,#6a5ae0);border-radius:50%/40%}
html[data-theme="luar angkasa&astronot"] #p-warr summary,html[data-theme="luar angkasa&astronot"] .cd h3{color:var(--deep)}
html[data-theme="luar angkasa&astronot"] #p-warr summary{min-height:44px}
html[data-theme="luar angkasa&astronot"] .cd{color:var(--tx);background:#fff}
html[data-theme="luar angkasa&astronot"] .bx{background:var(--ac);color:#fff;border-radius:50%}
html[data-theme="luar angkasa&astronot"] .tl::before{border-top-color:var(--ac)}
html[data-theme="luar angkasa&astronot"] .trk,html[data-theme="luar angkasa&astronot"] .stc,html[data-theme="luar angkasa&astronot"] .tk,html[data-theme="luar angkasa&astronot"] .tkt,html[data-theme="luar angkasa&astronot"] .otk,html[data-theme="luar angkasa&astronot"] .rcpt{border-radius:24px}
html[data-theme="luar angkasa&astronot"] .pill{border-radius:999px}
html[data-theme="luar angkasa&astronot"] .tp #refr,html[data-theme="luar angkasa&astronot"] #refr{min-height:44px;border-radius:999px}

/* ---------- 9. POP-UP / MODAL ---------- */
html[data-theme="luar angkasa&astronot"] .ov{background:rgba(40,30,110,.4)}
html[data-theme="luar angkasa&astronot"] .box{border-radius:40px;background:linear-gradient(160deg,#fff,#e9e5ff);border:3px solid #cfc9ff;box-shadow:0 22px 50px rgba(74,59,184,.3);color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .box h2,html[data-theme="luar angkasa&astronot"] .box h4,html[data-theme="luar angkasa&astronot"] .ph b{color:var(--deep)}
html[data-theme="luar angkasa&astronot"] .box p,html[data-theme="luar angkasa&astronot"] .box li,html[data-theme="luar angkasa&astronot"] .sub,html[data-theme="luar angkasa&astronot"] .box small{color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .sub,html[data-theme="luar angkasa&astronot"] .box small{color:var(--soft)}
html[data-theme="luar angkasa&astronot"] .cl{border-radius:22px;min-height:56px;background:#fff;border:2px solid var(--ln);color:var(--tx)}
html[data-theme="luar angkasa&astronot"] .cartbox,html[data-theme="luar angkasa&astronot"] .payb{border-radius:40px}
html[data-theme="luar angkasa&astronot"] .ci2,html[data-theme="luar angkasa&astronot"] .ci{border-radius:20px}
html[data-theme="luar angkasa&astronot"] .tot{border-radius:22px;background:color-mix(in srgb,var(--ac) 10%,#fff)}
html[data-theme="luar angkasa&astronot"] .thx,html[data-theme="luar angkasa&astronot"] .thxc{border-radius:30px}
html[data-theme="luar angkasa&astronot"] .ckc,html[data-theme="luar angkasa&astronot"] .ckh,html[data-theme="luar angkasa&astronot"] .ck2,html[data-theme="luar angkasa&astronot"] .pmbx,html[data-theme="luar angkasa&astronot"] .qrb,html[data-theme="luar angkasa&astronot"] .upl,html[data-theme="luar angkasa&astronot"] .payid,html[data-theme="luar angkasa&astronot"] .vcrow,html[data-theme="luar angkasa&astronot"] .vcm{border-radius:22px}
html[data-theme="luar angkasa&astronot"] .upl{min-height:44px}
html[data-theme="luar angkasa&astronot"] .ay-agr{border-radius:18px}
html[data-theme="luar angkasa&astronot"] .ay-agr input[type=checkbox]{min-width:24px;min-height:24px}
html[data-theme="luar angkasa&astronot"] #m-login .lgin{border-radius:28px}

/* ---------- 10. NAVIGASI BAWAH, FAB, FOOTER, TOAST ---------- */
html[data-theme="luar angkasa&astronot"] nav.bn{border-radius:30px;border:2.5px solid #fff;background:rgba(255,255,255,.94);box-shadow:0 0 0 4px rgba(155,140,255,.18),0 14px 28px rgba(91,73,214,.22)}
html[data-theme="luar angkasa&astronot"] .bn button{min-height:48px;color:var(--tx);border-radius:999px}
html[data-theme="luar angkasa&astronot"] .bn button.on{background:var(--ac);color:#fff}
html[data-theme="luar angkasa&astronot"] .fab a,html[data-theme="luar angkasa&astronot"] .fb{background:var(--ac);border:2.5px solid #fff;box-shadow:0 6px 14px color-mix(in srgb,var(--ac) 40%,transparent);width:48px;height:48px;color:#fff}
html[data-theme="luar angkasa&astronot"] footer.ay-f{background:linear-gradient(180deg,transparent,#d9d5ff 22%,#bdb5ff);border-radius:60px 60px 0 0;margin-top:30px;padding-top:36px;border-top:3px solid #fff}
html[data-theme="luar angkasa&astronot"] footer.ay-f .ay-fn,html[data-theme="luar angkasa&astronot"] footer.ay-f p,html[data-theme="luar angkasa&astronot"] footer.ay-f small,html[data-theme="luar angkasa&astronot"] footer.ay-f .ay-ft{color:var(--tx)}
html[data-theme="luar angkasa&astronot"] #toast{border-radius:999px}
html[data-theme="luar angkasa&astronot"] #shell{border-radius:30px}

/* ---------- 11. HP & TABLET ---------- */
@media (max-width:860px){
  html[data-theme="luar angkasa&astronot"] .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  html[data-theme="luar angkasa&astronot"] .wc{border-radius:40px}
}
@media (max-width:600px){
  html[data-theme="luar angkasa&astronot"] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
  html[data-theme="luar angkasa&astronot"] .pc{padding:16px 8px 12px}
  html[data-theme="luar angkasa&astronot"] .pc .lg{width:56px;height:56px}
  html[data-theme="luar angkasa&astronot"] .pc h3{font-size:.86rem;overflow-wrap:anywhere}
  html[data-theme="luar angkasa&astronot"] .pc .ds{font-size:.68rem}
  html[data-theme="luar angkasa&astronot"] .pc .pr{font-size:.74rem;padding:3px 8px}
  html[data-theme="luar angkasa&astronot"] .pc .btn{padding-left:10px;padding-right:10px;font-size:.84rem}
  html[data-theme="luar angkasa&astronot"] .tag{font-size:.62rem;padding:2px 8px;top:8px;left:8px}
  html[data-theme="luar angkasa&astronot"] .wcard{border-radius:34px}
  html[data-theme="luar angkasa&astronot"] .sec{padding-left:12px;padding-right:12px}
  html[data-theme="luar angkasa&astronot"] .box{border-radius:30px}
}
@media (max-width:520px){
  html[data-theme="luar angkasa&astronot"] .ib{min-width:44px;padding:0 6px}
  html[data-theme="luar angkasa&astronot"] .nav{gap:2px}
  html[data-theme="luar angkasa&astronot"] .nm{font-size:1rem;white-space:normal;line-height:1.05}
  html[data-theme="luar angkasa&astronot"] .st{font-size:.58rem}
  html[data-theme="luar angkasa&astronot"] .logo{width:34px;height:34px}
  html[data-theme="luar angkasa&astronot"] #menuB{display:flex}
}
@media (max-width:370px){
  html[data-theme="luar angkasa&astronot"] .bn button{font-size:.66rem;padding-left:0;padding-right:0}
  html[data-theme="luar angkasa&astronot"] .logo{display:none}
  html[data-theme="luar angkasa&astronot"] .ib{min-width:44px;padding:0 4px}
}

@media (prefers-reduced-motion:reduce){
  html[data-theme="luar angkasa&astronot"] body::before{animation:none}
}

/* ---------- 13. Penyesuaian ukuran sentuh (min 44px) ---------- */
html[data-theme="luar angkasa&astronot"] .ay-chip,html[data-theme="luar angkasa&astronot"] .ay-chip.m,html[data-theme="luar angkasa&astronot"] .pm-s,html[data-theme="luar angkasa&astronot"] .pm-w,html[data-theme="luar angkasa&astronot"] #shell{min-height:44px!important}
html[data-theme="luar angkasa&astronot"] #shell{min-width:44px!important}
html[data-theme="luar angkasa&astronot"] .ay-lk{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
html[data-theme="luar angkasa&astronot"] .pm-s,html[data-theme="luar angkasa&astronot"] .pm-w{height:44px!important}
html[data-theme="luar angkasa&astronot"] .ay-chip,html[data-theme="luar angkasa&astronot"] .ay-chip.m{min-width:44px!important}

/* ---------- BAGIAN 2: tata letak "Pusat Misi Angkasa" ---------- */

/* ---- ilustrasi hero (disisipkan theme-switcher.js) ---- */
html[data-theme="luar angkasa&astronot"] .wc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"lab art" "h1 art" "d art" "btn art";column-gap:24px;align-items:center;text-align:left;padding:clamp(24px,4vw,44px);overflow:hidden}
html[data-theme="luar angkasa&astronot"] .wc .lab{grid-area:lab;justify-self:start}
html[data-theme="luar angkasa&astronot"] .wc h1{grid-area:h1;text-align:left;font-size:clamp(2.1rem,5.4vw,3.6rem)}
html[data-theme="luar angkasa&astronot"] .wc p.d{grid-area:d;margin:0 0 16px;max-width:none;text-align:left}
html[data-theme="luar angkasa&astronot"] .wc .btn.pk{grid-area:btn;justify-self:start;margin:0!important;padding:10px 26px!important}
html[data-theme="luar angkasa&astronot"] .th-art{display:block;grid-area:art;position:relative;min-height:250px;width:100%}
html[data-theme="luar angkasa&astronot"] .th-art>i{position:absolute;font-style:normal;display:none}
html[data-theme="luar angkasa&astronot"] .th-art>.a-planet,html[data-theme="luar angkasa&astronot"] .th-art>.a-astro,html[data-theme="luar angkasa&astronot"] .th-art>.a-star,html[data-theme="luar angkasa&astronot"] .th-art>.a-moon{display:block}
html[data-theme="luar angkasa&astronot"] .a-planet{left:50%;top:40px;width:178px;height:178px;margin-left:-100px;border-radius:50%;background:radial-gradient(circle at 30% 26%,#fff4d8 0 8%,transparent 9%),linear-gradient(150deg,#ffd9a0,#ff9ccf 55%,#8a7cf0);box-shadow:inset -18px -16px 0 rgba(91,73,214,.22),0 18px 30px rgba(91,73,214,.3);animation:bob 6s ease-in-out infinite}
html[data-theme="luar angkasa&astronot"] .a-planet::before{content:"";position:absolute;left:-34%;right:-34%;top:38%;height:30%;border-radius:50%;border:7px solid rgba(255,255,255,.88);transform:rotate(-16deg);box-shadow:0 4px 10px rgba(91,73,214,.2)}
html[data-theme="luar angkasa&astronot"] .a-astro{right:2%;top:2%;font-size:5.4rem;line-height:1;filter:drop-shadow(0 10px 10px rgba(91,73,214,.3));animation:drift 7s ease-in-out infinite}
html[data-theme="luar angkasa&astronot"] .a-star.s1{left:6%;top:12%;font-size:1.6rem;color:#ffc86b;animation:tw-twinkle 3s ease-in-out infinite alternate}
html[data-theme="luar angkasa&astronot"] .a-star.s2{right:10%;bottom:10%;font-size:1.3rem;color:#8a7cf0;animation:tw-twinkle 4s ease-in-out -1s infinite alternate}
html[data-theme="luar angkasa&astronot"] .a-moon{left:6%;bottom:8%;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d9d5ff);box-shadow:inset -6px -5px 0 rgba(91,73,214,.15)}

/* ---- judul bagian ---- */
html[data-theme="luar angkasa&astronot"] .lh h2 .hl,html[data-theme="luar angkasa&astronot"] .sec>h2{font-size:clamp(1.3rem,4vw,1.9rem);letter-spacing:.02em;background:none;padding:0 0 6px;border-bottom:3px dotted #8a7cf0}
html[data-theme="luar angkasa&astronot"] .lh h2::before{content:"MISI ✦";display:block;font:600 .7rem Poppins;letter-spacing:.3em;color:#8a7cf0;margin-bottom:2px}
html[data-theme="luar angkasa&astronot"] .sec>h2::before{content:"✦ ";color:#ffc86b}

/* ---- statistik & cara order ---- */
html[data-theme="luar angkasa&astronot"] .ay-sum::before{content:"● MISSION CONTROL · LIVE";position:absolute;left:18px;top:12px;font:600 .62rem Poppins;letter-spacing:.18em;color:#5b49d6}
html[data-theme="luar angkasa&astronot"] .ay-sum{padding-top:34px}
html[data-theme="luar angkasa&astronot"] .ay-how .ay-st{position:relative}
html[data-theme="luar angkasa&astronot"] .ay-how .ay-st::before{content:"";position:absolute;left:8%;right:8%;top:38px;border-top:3px dashed #b9b0ff}
html[data-theme="luar angkasa&astronot"] .ay-how .ay-s{background:#fff;border:2px solid #d4cfff;border-radius:26px;position:relative;z-index:1}
html[data-theme="luar angkasa&astronot"] .ay-how .ay-s i{width:46px;height:46px;background:radial-gradient(circle at 30% 28%,#fff6d6,#ffc86b 60%,#ff9ccf);border:3px solid #fff;box-shadow:0 0 0 2px #b9b0ff}
@media (max-width:639px){
  html[data-theme="luar angkasa&astronot"] .ay-how .ay-st::before{display:none}
  html[data-theme="luar angkasa&astronot"] .ay-how .ay-st{grid-template-columns:1fr}
  html[data-theme="luar angkasa&astronot"] .ay-how .ay-s{flex-direction:row!important;text-align:left!important;min-height:64px}
}

/* ---- kategori ---- */
html[data-theme="luar angkasa&astronot"] .cg{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px 18px}
html[data-theme="luar angkasa&astronot"] .cc{flex:0 0 112px;width:112px;min-height:130px;padding:12px 6px;border-radius:50%/42%;background:linear-gradient(160deg,#fff,#ece8ff);border:2px solid #cfc9ff;box-shadow:0 0 0 4px rgba(155,140,255,.1);animation:bob 5s ease-in-out infinite}
html[data-theme="luar angkasa&astronot"] .cc:nth-child(2n){animation-delay:-1.6s;margin-top:14px}
html[data-theme="luar angkasa&astronot"] .cc:nth-child(3n){animation-delay:-3.2s}
html[data-theme="luar angkasa&astronot"] .cc .ic{width:42px;height:42px;font-size:1.4rem;background:radial-gradient(circle at 30% 28%,#fff,#ddd6ff)}
html[data-theme="luar angkasa&astronot"] .cc b{font-size:.86rem}
html[data-theme="luar angkasa&astronot"] .cc small{font-size:.66rem}

/* ---- produk ---- */
html[data-theme="luar angkasa&astronot"] .grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px 16px}
html[data-theme="luar angkasa&astronot"] .pc{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"lg h3 row" "lg ds row" "lg pr row";column-gap:12px;row-gap:0;align-items:center;text-align:left;padding:14px 14px 14px 12px;border-radius:30px 30px 30px 8px;overflow:visible}
html[data-theme="luar angkasa&astronot"] .pc::after{content:none}
html[data-theme="luar angkasa&astronot"] .pc::before{right:auto;left:auto;top:8px;right:12px}
html[data-theme="luar angkasa&astronot"] .pc .lg{grid-area:lg;margin:0;width:62px;height:62px}
html[data-theme="luar angkasa&astronot"] .pc h3{grid-area:h3;font-size:.95rem;text-align:left;overflow-wrap:anywhere;line-height:1.2;align-self:end}
html[data-theme="luar angkasa&astronot"] .pc .ds{grid-area:ds;text-align:left}
html[data-theme="luar angkasa&astronot"] .pc .pr{grid-area:pr;justify-self:start;margin:4px 0 0;text-align:left;align-self:start}
html[data-theme="luar angkasa&astronot"] .pc .row{grid-area:row;flex-direction:row;align-self:center}
html[data-theme="luar angkasa&astronot"] .pc .tag{top:-9px;left:18px;right:auto}
@media (max-width:600px){
  html[data-theme="luar angkasa&astronot"] .grid{grid-template-columns:1fr;gap:16px}
  html[data-theme="luar angkasa&astronot"] .pc{grid-template-columns:56px minmax(0,1fr) auto;padding:12px 10px 12px 10px;column-gap:10px}
  html[data-theme="luar angkasa&astronot"] .pc .lg{width:54px;height:54px}
  html[data-theme="luar angkasa&astronot"] .pc .row{flex-direction:column;gap:6px}
  html[data-theme="luar angkasa&astronot"] .pc .row .btn{width:84px;padding-left:8px;padding-right:8px}
  html[data-theme="luar angkasa&astronot"] .pc h3{font-size:.88rem}
  html[data-theme="luar angkasa&astronot"] .pc .pr{font-size:.72rem}
  html[data-theme="luar angkasa&astronot"] .cc{flex-basis:100px;width:100px}
  html[data-theme="luar angkasa&astronot"] .wc{grid-template-columns:1fr;grid-template-areas:"art" "lab" "h1" "d" "btn";text-align:center;row-gap:4px}
  html[data-theme="luar angkasa&astronot"] .wc .lab,html[data-theme="luar angkasa&astronot"] .wc .btn.pk{justify-self:center}
  html[data-theme="luar angkasa&astronot"] .wc h1,html[data-theme="luar angkasa&astronot"] .wc p.d{text-align:center}
  html[data-theme="luar angkasa&astronot"] .th-art{min-height:190px;transform:scale(.74);transform-origin:center top;margin-bottom:-14px}
}

/* ---- testimoni / halaman lain ---- */
html[data-theme="luar angkasa&astronot"] .ay-rv{border-radius:8px 26px 26px 8px;border-left:6px solid #ffc86b}
html[data-theme="luar angkasa&astronot"] .rv{border-radius:8px 24px 24px 8px;background:#fff;border:2px solid #d4cfff;border-left:6px solid #ffc86b}
html[data-theme="luar angkasa&astronot"] .hd .eb{background:linear-gradient(135deg,#8a7cf0,#5b49d6)}

/* ---- footer ---- */
html[data-theme="luar angkasa&astronot"] footer.ay-f{border-radius:50% 50% 0 0/46px 46px 0 0;border-top:0;position:relative}
html[data-theme="luar angkasa&astronot"] footer.ay-f::before{content:"🚀";position:absolute;left:50%;top:-18px;margin-left:-16px;font-size:2rem;animation:bob 4s ease-in-out infinite}

/* ---- pop-up awal: bentuk baru ---- */
html[data-theme="luar angkasa&astronot"] .wcard{overflow:visible}
html[data-theme="luar angkasa&astronot"] .wcard::after{content:"";position:absolute;left:-10%;right:-10%;top:34%;height:36%;border:3px solid rgba(255,255,255,.95);border-radius:50%;transform:rotate(-7deg);pointer-events:none;z-index:1;box-shadow:0 0 14px rgba(155,140,255,.3)}
@media (max-width:600px){
  html[data-theme="luar angkasa&astronot"] .wcard::after{left:-4%;right:-4%}
}

html[data-theme="luar angkasa&astronot"] .lh h2{margin-bottom:8px}
html[data-theme="luar angkasa&astronot"] .lh h2 .hl{display:inline-block}

/* ==========================================================================
   BAGIAN 3 - REVISI ASTRONOT (dekorasi bergerak, promo, tiket, struk, stamp)
   ========================================================================== */

/* ---- dekorasi bergerak (#angFx dibuat theme-switcher.js) ---- */
html[data-theme="luar angkasa&astronot"] .ang-fx{display:block;position:static}
html[data-theme="luar angkasa&astronot"] .ang-fx>*{position:fixed;display:block;font-style:normal;pointer-events:none;left:0;top:0;will-change:transform}
html[data-theme="luar angkasa&astronot"] .fx-planet{width:78px;height:78px;border-radius:50%;z-index:0;opacity:.85}
html[data-theme="luar angkasa&astronot"] .fx-planet::before{content:"";position:absolute;left:-36%;right:-36%;top:38%;height:28%;border-radius:50%;border:5px solid rgba(255,255,255,.9);transform:rotate(-18deg);box-shadow:0 3px 8px rgba(91,73,214,.22)}
html[data-theme="luar angkasa&astronot"] .fx-planet.pl1{left:2.5%;top:24vh;background:radial-gradient(circle at 30% 26%,#fff4d8 0 7%,transparent 8%),linear-gradient(150deg,#ffd9a0,#ff9ccf 58%,#8a7cf0);box-shadow:inset -10px -9px 0 rgba(91,73,214,.2),0 10px 20px rgba(91,73,214,.2);animation:ang-float 11s ease-in-out infinite}
html[data-theme="luar angkasa&astronot"] .fx-planet.pl2{left:auto;right:3%;top:58vh;width:54px;height:54px;background:radial-gradient(circle at 30% 26%,#fff 0 7%,transparent 8%),linear-gradient(150deg,#b9f0ea,#7ab7ff 55%,#7a6af0);box-shadow:inset -8px -7px 0 rgba(42,36,102,.18),0 8px 16px rgba(91,73,214,.2);animation:ang-float 9s ease-in-out -4s infinite}
html[data-theme="luar angkasa&astronot"] .fx-planet.pl2::before{border-width:4px;transform:rotate(14deg)}
html[data-theme="luar angkasa&astronot"] .fx-moon{left:auto;right:12%;top:15vh;font-size:2rem;z-index:0;opacity:.9;animation:ang-float 13s ease-in-out -2s infinite}
html[data-theme="luar angkasa&astronot"] .fx-star{z-index:0;animation:ang-twinkle 3.6s ease-in-out infinite alternate}
html[data-theme="luar angkasa&astronot"] .fx-star.st1{left:18%;top:12vh;font-size:1.2rem}
html[data-theme="luar angkasa&astronot"] .fx-star.st2{left:auto;right:28%;top:30vh;font-size:1.1rem;animation-delay:-1.2s}
html[data-theme="luar angkasa&astronot"] .fx-star.st3{left:8%;top:62vh;font-size:1.3rem;color:#ffc86b;animation-delay:-2s}
html[data-theme="luar angkasa&astronot"] .fx-star.st4{left:auto;right:7%;top:82vh;font-size:1.2rem;color:#8a7cf0;animation-delay:-.6s}
html[data-theme="luar angkasa&astronot"] .fx-star.st5{left:46%;top:88vh;font-size:.95rem;animation-delay:-2.6s}
/* yang melintas: tampil singkat lalu menghilang, ulang berkala */
html[data-theme="luar angkasa&astronot"] .fx-go{z-index:3;font-size:2rem;opacity:0;filter:drop-shadow(0 4px 6px rgba(42,36,102,.28))}
html[data-theme="luar angkasa&astronot"] .fx-rocket{animation:ang-rocket 26s linear 3s infinite}
html[data-theme="luar angkasa&astronot"] .fx-ufo{top:16vh;animation:ang-ufo 38s linear 11s infinite,ang-wob 2.4s ease-in-out infinite}
html[data-theme="luar angkasa&astronot"] .fx-comet{animation:ang-comet 31s linear 18s infinite}
html[data-theme="luar angkasa&astronot"] .fx-alien{top:auto;bottom:24vh;font-size:2.2rem;animation:ang-alien 46s linear 24s infinite,ang-wob 3.2s ease-in-out infinite}
html[data-theme="luar angkasa&astronot"] .fx-shoot{z-index:1;width:120px;height:2px;border-radius:2px;opacity:0;rotate:28deg;transform-origin:0 50%;background:linear-gradient(90deg,transparent,rgba(138,124,240,.85) 62%,#ffc86b);filter:drop-shadow(0 0 4px rgba(255,200,107,.9))}
html[data-theme="luar angkasa&astronot"] .fx-shoot.sh1{left:8%;top:8vh;animation:ang-shoot 9s ease-in 1s infinite}
html[data-theme="luar angkasa&astronot"] .fx-shoot.sh2{left:52%;top:5vh;animation:ang-shoot 14s ease-in 6s infinite}
html[data-theme="luar angkasa&astronot"] .fx-shoot.sh3{left:26%;top:40vh;animation:ang-shoot 19s ease-in 12s infinite}
@keyframes ang-float{50%{transform:translate(10px,-16px) rotate(6deg)}}
@keyframes ang-twinkle{from{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}
@keyframes ang-rocket{0%{opacity:0;translate:-8vw 96vh}2%{opacity:1}26%{opacity:1}30%,100%{opacity:0;translate:108vw -12vh}}
@keyframes ang-ufo{0%{opacity:0;translate:-12vw 0}2%{opacity:1}22%{opacity:1}26%,100%{opacity:0;translate:108vw 14vh}}
@keyframes ang-comet{0%{opacity:0;translate:100vw -10vh}2%{opacity:1}22%{opacity:1}26%,100%{opacity:0;translate:-10vw 74vh}}
@keyframes ang-alien{0%{opacity:0;translate:106vw 0}2%{opacity:1}34%{opacity:1}38%,100%{opacity:0;translate:-12vw -6vh}}
@keyframes ang-wob{50%{rotate:9deg}0%,100%{rotate:-9deg}}
@keyframes ang-shoot{0%{opacity:0;translate:0 0}3%{opacity:1}11%{opacity:0;translate:70vmin 38vmin}100%{opacity:0;translate:70vmin 38vmin}}
@media (max-width:600px){
  html[data-theme="luar angkasa&astronot"] .fx-planet.pl1{width:52px;height:52px;left:-6px;top:30vh;opacity:.7}
  html[data-theme="luar angkasa&astronot"] .fx-planet.pl2{width:40px;height:40px;right:-4px;top:66vh;opacity:.7}
  html[data-theme="luar angkasa&astronot"] .fx-go{font-size:1.6rem}
  html[data-theme="luar angkasa&astronot"] .fx-moon{font-size:1.5rem;right:6%}
}

/* ---- promo berjalan (isi tetap dari admin) ---- */
html[data-theme="luar angkasa&astronot"] .apx{border:2.5px solid #fff;background:linear-gradient(90deg,#5b49d6,#9b5de5 52%,#d6489a);box-shadow:0 0 0 3px rgba(155,140,255,.3),0 10px 24px rgba(91,73,214,.35),inset 0 1px 0 rgba(255,255,255,.45);animation:ang-apxg 3.2s ease-in-out infinite}
@keyframes ang-apxg{50%{box-shadow:0 0 0 5px rgba(155,140,255,.4),0 12px 30px rgba(91,73,214,.5),inset 0 1px 0 rgba(255,255,255,.45)}}
html[data-theme="luar angkasa&astronot"] .apx-b{background:#fff;color:#4a3bb8;letter-spacing:.16em;box-shadow:0 0 0 2px #ffc86b,0 3px 10px rgba(42,36,102,.3)}
html[data-theme="luar angkasa&astronot"] .apx-b i{font-size:0;animation:none}
html[data-theme="luar angkasa&astronot"] .apx-b i::before{content:"📡";font-size:.95rem}
html[data-theme="luar angkasa&astronot"] .apx-g span{color:#fff;text-shadow:0 1px 2px rgba(42,36,102,.65)}
html[data-theme="luar angkasa&astronot"] .apx-g span::after{content:"✦";color:#ffe9a8;opacity:1}

/* ---- hero: hitung mundur + baut kapsul ---- */
html[data-theme="luar angkasa&astronot"] .ang-cd{display:inline-flex;grid-area:cd;justify-self:start;align-items:center;gap:8px;margin:0 0 10px;padding:4px 5px 4px 12px;border-radius:999px;background:#2a2466;color:#fff;font:600 .68rem Poppins,sans-serif;letter-spacing:.14em;box-shadow:0 0 0 2px #fff,0 4px 12px rgba(91,73,214,.3);white-space:nowrap}
html[data-theme="luar angkasa&astronot"] .ang-cd .cd-n{min-width:104px;text-align:center;padding:3px 10px;border-radius:999px;background:#ffc86b;color:#3b2a00;font:700 .74rem Fredoka,sans-serif;letter-spacing:.08em}
html[data-theme="luar angkasa&astronot"] .ang-cd .cd-n.go{background:linear-gradient(90deg,#ff9ccf,#ffc86b);animation:ang-pulse .5s ease-in-out 4}
@keyframes ang-pulse{50%{transform:scale(1.08)}}
html[data-theme="luar angkasa&astronot"] .ang-bolt{display:block;position:absolute;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c7c0ff 55%,#7a6af0);box-shadow:0 1px 2px rgba(42,36,102,.5);z-index:2;pointer-events:none}
html[data-theme="luar angkasa&astronot"] .ang-bolt::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:1.6px;background:rgba(42,36,102,.6);transform:translate(-50%,-50%) rotate(35deg)}
html[data-theme="luar angkasa&astronot"] .ang-bolt.tl{left:22px;top:22px}html[data-theme="luar angkasa&astronot"] .ang-bolt.tr{right:22px;top:22px}
html[data-theme="luar angkasa&astronot"] .ang-bolt.bl{left:22px;bottom:22px}html[data-theme="luar angkasa&astronot"] .ang-bolt.br{right:22px;bottom:22px}

/* ---- pemisah bintang antarbagian beranda ---- */
html[data-theme="luar angkasa&astronot"] #p-home>section.sec~section.sec::before{content:"✦ · · ✧ · · ✦";display:block;text-align:center;color:#8a7cf0;letter-spacing:.35em;padding-left:.35em;font-size:.9rem;margin:0 auto 14px}
html[data-theme="luar angkasa&astronot"] #p-home>section.sec:has(>.vc:empty)::before{display:none}

/* ---- pop-up pembuka: langit berbintang, planet & roket melayang ---- */
html[data-theme="luar angkasa&astronot"] #welcome{background:radial-gradient(2px 2px at 14% 22%,#fff 50%,transparent 52%),radial-gradient(2px 2px at 84% 18%,#fff 50%,transparent 52%),radial-gradient(3px 3px at 70% 78%,#ffe9a8 50%,transparent 52%),radial-gradient(2px 2px at 22% 82%,#fff 50%,transparent 52%),radial-gradient(circle at 80% 10%,#fff 0,transparent 35%),linear-gradient(180deg,#c7ceff,#ece6ff 55%,#ffe4f3)}
html[data-theme="luar angkasa&astronot"] #welcome .sand{display:none}

/* ---- tiket order = boarding pass ---- */
html[data-theme="luar angkasa&astronot"] .rcpt{color:#2a2466;background:linear-gradient(180deg,#d4cfff,#efeaff 60%,#ffe9c8)}
html[data-theme="luar angkasa&astronot"] .rcpt .in{border-color:#b9b0ff}
html[data-theme="luar angkasa&astronot"] .rcpt .r{border-bottom-color:rgba(91,73,214,.14)}
html[data-theme="luar angkasa&astronot"] .rcpt.oc2{background:#dcd6ff}
html[data-theme="luar angkasa&astronot"] .tk{background:linear-gradient(180deg,#fff,#f1eeff);box-shadow:0 2px 0 #b9b0ff;border-radius:18px}
html[data-theme="luar angkasa&astronot"] .tk>svg{display:none}
html[data-theme="luar angkasa&astronot"] .tkh{position:relative;padding-bottom:14px;background:linear-gradient(90deg,#3f32a3,#5b49d6 55%,#9b5de5)}
html[data-theme="luar angkasa&astronot"] .tkh small{color:#ffe9a8;opacity:1;letter-spacing:.24em}
html[data-theme="luar angkasa&astronot"] .tkh::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:repeating-linear-gradient(90deg,#ffc86b 0 14px,transparent 14px 22px)}
html[data-theme="luar angkasa&astronot"] .tk .sc2,html[data-theme="luar angkasa&astronot"] .rc .sc2{color:#5b49d6}
html[data-theme="luar angkasa&astronot"] .perf{border-top-color:#b9b0ff}
html[data-theme="luar angkasa&astronot"] .perf i{background:#dcd6ff}
html[data-theme="luar angkasa&astronot"] .tkf{color:#5b49d6}html[data-theme="luar angkasa&astronot"] .tkf b{color:#2a2466}

/* ---- struk: "Kapsul Jendela" (porthole, baut, strip hazard, cap LUNAS miring) ---- */
html[data-theme="luar angkasa&astronot"] .rc>svg{display:none!important}
html[data-theme="luar angkasa&astronot"] .rc .paper{position:relative;padding:20px 20px 20px;color:#2a2466;border:4px solid #fff;border-radius:24px;box-shadow:0 0 0 4px #b9b0ff,0 12px 24px rgba(91,73,214,.28);background:radial-gradient(circle,#8a7cf0 0 3.5px,transparent 4.5px) 11px 11px/9px 9px no-repeat,radial-gradient(circle,#8a7cf0 0 3.5px,transparent 4.5px) calc(100% - 11px) 11px/9px 9px no-repeat,radial-gradient(circle,#8a7cf0 0 3.5px,transparent 4.5px) 11px calc(100% - 11px)/9px 9px no-repeat,radial-gradient(circle,#8a7cf0 0 3.5px,transparent 4.5px) calc(100% - 11px) calc(100% - 11px)/9px 9px no-repeat,linear-gradient(180deg,#ddd6fb 0,#ebe6ff 32%,#f8f6ff 66%,#e6e0fc 100%)}
html[data-theme="luar angkasa&astronot"] .rc .paper::before{content:"";display:block;position:absolute;box-sizing:border-box;left:22px;top:18px;width:66px;height:66px;border-radius:50%;border:6px solid #dcd8f5;box-shadow:0 0 0 2.5px #8a7cf0,0 4px 8px rgba(42,36,102,.3),inset 0 0 12px rgba(0,0,0,.5);background:radial-gradient(circle at 66% 66%,#ffb36b 0 22%,transparent 23%),radial-gradient(2px 2px at 24% 30%,#fff 50%,transparent 52%),radial-gradient(2px 2px at 40% 74%,#ffe9a8 50%,transparent 52%),radial-gradient(1.5px 1.5px at 78% 22%,#fff 50%,transparent 52%),linear-gradient(160deg,#1b1747,#4a3bb8)}
html[data-theme="luar angkasa&astronot"] .rc .paper::after{display:none}
html[data-theme="luar angkasa&astronot"] .rc .paper h1{text-align:left;padding:4px 0 0 82px;margin:0;font-size:1.95rem;line-height:1.05;color:#4a3bb8}
html[data-theme="luar angkasa&astronot"] .rc .paper .sm{text-align:left;padding:0 0 0 82px;margin:2px 0 14px;min-height:34px;font-size:.6rem;letter-spacing:.14em;color:#6a64a0}
html[data-theme="luar angkasa&astronot"] .rc .paper .sm+.dec{display:none}
html[data-theme="luar angkasa&astronot"] .rc .paper>.dec:last-child{display:none}
html[data-theme="luar angkasa&astronot"] .rc .paper .dsh{border-top:2px dotted #b9b0ff;margin:6px 0}
html[data-theme="luar angkasa&astronot"] .rc .paper .r{font-size:.72rem;padding:2px 0}
html[data-theme="luar angkasa&astronot"] .rc .paper .sc2{display:inline-block;margin:6px 0 2px;padding:2px 9px;border-radius:8px;background:#e6e1ff;color:#5b49d6;font-size:.64rem;letter-spacing:.08em}
html[data-theme="luar angkasa&astronot"] .rc .paper .r.t{margin-top:10px;padding-top:15px;background:repeating-linear-gradient(-45deg,#5b49d6 0 10px,#ffc86b 10px 20px) top/100% 7px no-repeat}
html[data-theme="luar angkasa&astronot"] .rc .paper .r.t span,html[data-theme="luar angkasa&astronot"] .rc .paper .r.t b{color:#2a2466;font-size:1rem}
html[data-theme="luar angkasa&astronot"] .rc .paper div:has(>.bd){margin:14px 0 20px!important;text-align:center!important}
html[data-theme="luar angkasa&astronot"] .rcpt .bd{background:#fff}
html[data-theme="luar angkasa&astronot"] .rcpt .bd:not(.nw){display:inline-flex;flex-direction:column;align-items:center;transform:rotate(-8deg);padding:5px 20px;border:3px solid #5b49d6;border-radius:10px;background:#fff;color:#c0283d;font:700 1rem 'Courier New',monospace;letter-spacing:.2em;box-shadow:4px 4px 0 #ffc86b}
html[data-theme="luar angkasa&astronot"] .rcpt .bd:not(.nw)::after{content:"MISI SELESAI";display:block;font-size:.44rem;letter-spacing:.22em;margin-top:1px}
html[data-theme="luar angkasa&astronot"] .rcpt .bd.nw{border:2px dashed #c98a00;color:#8a5a00;transform:rotate(-4deg)}
html[data-theme="luar angkasa&astronot"] .rc .bar{font-size:0;height:auto;margin-top:6px;overflow:visible}
html[data-theme="luar angkasa&astronot"] .rc .bar::before{content:"🌍 ┄┄┄ 🛰️ ┄┄┄ 🚀 ┄┄┄ 🪐";font-size:.9rem;letter-spacing:.08em;white-space:nowrap;color:#5b49d6}
html[data-theme="luar angkasa&astronot"] .rc .ft{margin-top:10px;font-size:.62rem;line-height:1.55;color:#3f3a7a}
html[data-theme="luar angkasa&astronot"] .rc .ftu{display:block;width:max-content;margin:12px auto 2px;padding:5px 16px;border-radius:999px;background:#4a3bb8;color:#fff;font:700 .68rem 'Courier New',monospace;letter-spacing:.06em;box-shadow:0 3px 8px rgba(74,59,184,.3)}

/* ---- kartu stamp: stamp = planet ---- */
html[data-theme="luar angkasa&astronot"] .pmbx{background:linear-gradient(150deg,#f3f0ff,#dcd6ff 52%,#c9c0ff);color:#2a2466;border-color:#8a7cf0}
html[data-theme="luar angkasa&astronot"] .stcn{background:#5b49d6;color:#fff;border:0}
html[data-theme="luar angkasa&astronot"] .sthint{background:rgba(255,255,255,.78);color:#2a2466}
html[data-theme="luar angkasa&astronot"] .stp{border:2.5px dashed #9a8cf0;background:radial-gradient(circle at 35% 30%,#fff,#e6e1ff 72%)}
html[data-theme="luar angkasa&astronot"] .stp.on{border:2.5px solid #ffc86b;background:radial-gradient(circle at 35% 30%,#fff,#fff0cc 78%)}
html[data-theme="luar angkasa&astronot"] .stp.t5{border-color:#ff9ccf}
html[data-theme="luar angkasa&astronot"] .stp.t10{border-color:#ffc86b;box-shadow:0 0 0 3px rgba(255,200,107,.35)}
html[data-theme="luar angkasa&astronot"] .stp .jfe{display:block;position:relative;width:74%;height:74%;font-size:0;line-height:0}
html[data-theme="luar angkasa&astronot"] .stp .jfe::before{content:"";position:absolute;inset:16%;border-radius:50%;background:var(--pl,#b9b0ff);box-shadow:inset -.3rem -.25rem 0 rgba(42,36,102,.2),inset .15rem .12rem 0 rgba(255,255,255,.35)}
html[data-theme="luar angkasa&astronot"] .stp .jfe::after{content:none;position:absolute;left:-2%;right:-2%;top:40%;height:24%;border-radius:50%;border:2.5px solid rgba(255,255,255,.95);outline:1px solid rgba(91,73,214,.35);transform:rotate(-20deg)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(1){--pl:radial-gradient(circle at 32% 28%,#fff 0 6%,transparent 7%),linear-gradient(150deg,#d9d3e8,#9e98b5)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(2){--pl:linear-gradient(150deg,#ffe2a8,#ffb36b)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(3){--pl:radial-gradient(circle at 36% 40%,#7fd46a 0 22%,transparent 23%),linear-gradient(150deg,#8fd0ff,#3f8fe0)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(4){--pl:linear-gradient(150deg,#ff9f86,#d9503f)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(5){--pl:repeating-linear-gradient(0deg,#f0c9a0 0 22%,#d89a6a 22% 44%)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(6){--pl:linear-gradient(150deg,#ffe9a8,#e8b04a)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(7){--pl:linear-gradient(150deg,#b8f2ee,#5fc9c7)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(8){--pl:linear-gradient(150deg,#9aa8ff,#4a55d6)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(9){--pl:linear-gradient(150deg,#ecd5ff,#b58be0)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(10){--pl:radial-gradient(circle at 50% 50%,#fff3b8 0 30%,#ffc86b 62%,#ff9a4d)}
html[data-theme="luar angkasa&astronot"] .stp:nth-child(6) .jfe::after,html[data-theme="luar angkasa&astronot"] .stp:nth-child(7) .jfe::after{content:""}

/* ---- ukuran huruf: desktop / tablet / HP ---- */
@media (min-width:1024px){
  html[data-theme="luar angkasa&astronot"] .wc h1{font-size:3.6rem}
  html[data-theme="luar angkasa&astronot"] .wc p.d{font-size:1.08rem;max-width:none}
  html[data-theme="luar angkasa&astronot"] .wc .lab{font-size:.88rem}
  html[data-theme="luar angkasa&astronot"] .sec>h2,html[data-theme="luar angkasa&astronot"] .lh h2 .hl{font-size:1.95rem}
  html[data-theme="luar angkasa&astronot"] .sec .sb,html[data-theme="luar angkasa&astronot"] .lh .sb{font-size:.98rem}
  html[data-theme="luar angkasa&astronot"] .pc h3{font-size:1rem}
  html[data-theme="luar angkasa&astronot"] .pc .ds{font-size:.78rem}
  html[data-theme="luar angkasa&astronot"] .pc .pr{font-size:.84rem}
  html[data-theme="luar angkasa&astronot"] .pc .btn{font-size:.9rem}
  html[data-theme="luar angkasa&astronot"] .cc b{font-size:.92rem}
  html[data-theme="luar angkasa&astronot"] .cc small{font-size:.72rem}
  html[data-theme="luar angkasa&astronot"] .apx-g span{font-size:.95rem}
  html[data-theme="luar angkasa&astronot"] .grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
}
@media (min-width:601px) and (max-width:1023px){
  html[data-theme="luar angkasa&astronot"] .wc h1{font-size:clamp(2.3rem,6.2vw,3rem)}
  html[data-theme="luar angkasa&astronot"] .wc p.d{font-size:1rem;max-width:none}
  html[data-theme="luar angkasa&astronot"] .sec>h2,html[data-theme="luar angkasa&astronot"] .lh h2 .hl{font-size:1.7rem}
  html[data-theme="luar angkasa&astronot"] .pc h3{font-size:.95rem}
  html[data-theme="luar angkasa&astronot"] .pc .ds{font-size:.74rem}
  html[data-theme="luar angkasa&astronot"] .pc .pr{font-size:.8rem}
  html[data-theme="luar angkasa&astronot"] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  html[data-theme="luar angkasa&astronot"] .wc h1{font-size:clamp(1.9rem,9vw,2.4rem)}
  html[data-theme="luar angkasa&astronot"] .wc p.d{font-size:.9rem;max-width:none}
  html[data-theme="luar angkasa&astronot"] .wc .lab{font-size:.74rem;padding:5px 12px}
  html[data-theme="luar angkasa&astronot"] .wc{padding:22px 18px 26px}
  html[data-theme="luar angkasa&astronot"] .ang-cd{margin-bottom:8px;font-size:.62rem}
  html[data-theme="luar angkasa&astronot"] .ang-bolt.tl,html[data-theme="luar angkasa&astronot"] .ang-bolt.bl{left:16px}html[data-theme="luar angkasa&astronot"] .ang-bolt.tr,html[data-theme="luar angkasa&astronot"] .ang-bolt.br{right:16px}
  html[data-theme="luar angkasa&astronot"] .ang-bolt.tl,html[data-theme="luar angkasa&astronot"] .ang-bolt.tr{top:16px}html[data-theme="luar angkasa&astronot"] .ang-bolt.bl,html[data-theme="luar angkasa&astronot"] .ang-bolt.br{bottom:16px}
  html[data-theme="luar angkasa&astronot"] .sec>h2,html[data-theme="luar angkasa&astronot"] .lh h2 .hl{font-size:1.45rem}
  html[data-theme="luar angkasa&astronot"] .sec .sb,html[data-theme="luar angkasa&astronot"] .lh .sb{font-size:.84rem}
  html[data-theme="luar angkasa&astronot"] .pc .ds{font-size:.72rem}
  html[data-theme="luar angkasa&astronot"] .apx-g span{font-size:.82rem}
  html[data-theme="luar angkasa&astronot"] .rc .paper{padding:24px 16px}
}

/* ---- gerak dikurangi: semua dekor diam, countdown hanya "LIFT OFF!" (diatur JS) ---- */
@media (prefers-reduced-motion:reduce){
  html[data-theme="luar angkasa&astronot"] .fx-go,html[data-theme="luar angkasa&astronot"] .fx-shoot{display:none!important}
  html[data-theme="luar angkasa&astronot"] .ang-fx>*,html[data-theme="luar angkasa&astronot"] .fx-planet,html[data-theme="luar angkasa&astronot"] .fx-star,html[data-theme="luar angkasa&astronot"] .fx-moon,html[data-theme="luar angkasa&astronot"] .apx,html[data-theme="luar angkasa&astronot"] .cc,html[data-theme="luar angkasa&astronot"] .a-planet,html[data-theme="luar angkasa&astronot"] .a-astro,html[data-theme="luar angkasa&astronot"] .a-star,html[data-theme="luar angkasa&astronot"] footer.ay-f::before,html[data-theme="luar angkasa&astronot"] #welcome::before,html[data-theme="luar angkasa&astronot"] #welcome::after,html[data-theme="luar angkasa&astronot"] .ang-cd .cd-n{animation:none!important}
}

/* rapikan: baris grid hero tidak melar (pil hitung mundur tetap kecil) */
html[data-theme="luar angkasa&astronot"] .wc{align-content:center}
html[data-theme="luar angkasa&astronot"] .ang-cd{align-self:end}
html[data-theme="luar angkasa&astronot"] .rcpt.rc{background:transparent}
@media (max-width:600px){html[data-theme="luar angkasa&astronot"] .tag{font-size:.7rem}}

/* ---- kategori: warna-warni lembut, sama seperti tema Bawaan ---- */
html[data-theme="luar angkasa&astronot"] .cc:nth-child(6n+1){background:#ffe6ee;border-color:#ffc0d6}
html[data-theme="luar angkasa&astronot"] .cc:nth-child(6n+2){background:#e1f0fb;border-color:#b5d9f3}
html[data-theme="luar angkasa&astronot"] .cc:nth-child(6n+3){background:#ece6fb;border-color:#cfc2f3}
html[data-theme="luar angkasa&astronot"] .cc:nth-child(6n+4){background:#fdeedd;border-color:#f6d3ab}
html[data-theme="luar angkasa&astronot"] .cc:nth-child(6n+5){background:#e3f5e9;border-color:#b5e2c3}
html[data-theme="luar angkasa&astronot"] .cc:nth-child(6n+6){background:#dff3f3;border-color:#abdada}
html[data-theme="luar angkasa&astronot"] .cc small{color:#4a4478}

/* ==========================================================================
   VERSI GELAP — Luar Angkasa & Astronot (html[data-variant="gelap"])
   Dipilih lewat tombol tema. Versi "Soft" = tampilan di atas (tanpa data-variant).
   ========================================================================== */
html[data-theme="luar angkasa&astronot"][data-variant="gelap"]{--bg1:#1f1b66;--bg2:#2d2683;--bg3:#44287f;--ac:#b3a5ff;--ac2:#ffc86b;--card:rgba(52,44,130,.9);--tx:#f6f4ff;--soft:#d6d0ff;--ln:rgba(190,176,255,.45);--on:#10083a;--on2:#3b2a00;--deep:#e0d9ff;--sf:#3a3290;--sf2:#2b2578;--apx-1:#6a5bd8;--apx-2:#7a4fb0;--apx-tx:#fff;--apx-sh:0 1px 0 rgba(0,0,0,.4);--apx-bt:#cfc7ff;color-scheme:dark}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] body{background:radial-gradient(ellipse at 18% 0%,#4a40b0 0,transparent 55%),radial-gradient(ellipse at 92% 100%,#6a3a9a 0,transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg2) 55%,var(--bg3));background-attachment:fixed;color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #welcome{background:radial-gradient(circle at 80% 10%,#5547b8 0,transparent 38%),linear-gradient(180deg,#1f1b66,#2d2680 60%,#4f2f86)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .wcard{background:linear-gradient(160deg,rgba(38,32,102,.92),rgba(20,16,66,.88));border-color:rgba(157,140,255,.5);box-shadow:0 0 0 6px rgba(157,140,255,.14),0 20px 54px rgba(0,0,0,.55);color:#e4e0ff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .wl{color:#cfc7ff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .tr{color:#b6b0ef}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .cp{color:#9a93d6}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] header{background:linear-gradient(180deg,rgba(24,20,70,.94),rgba(16,13,52,.9));border-bottom-color:rgba(157,140,255,.4);box-shadow:0 8px 24px rgba(0,0,0,.45)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .dd,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .tsw-pop{background:rgba(22,18,64,.98);border-color:var(--ln);box-shadow:0 16px 36px rgba(0,0,0,.6)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ni,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .hb,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .cl,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .od,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .cd,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .sbx input,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ay-rv,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rv,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ay-how .ay-s{background:#3a3290;color:var(--tx);border-color:rgba(157,140,255,.35)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ib{background:#3a3290;color:var(--tx);box-shadow:0 3px 0 rgba(0,0,0,.35)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ib:hover{background:var(--ac);color:#10083a}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .wc{background:radial-gradient(2px 2px at 14% 22%,#fff 50%,transparent 52%),radial-gradient(2px 2px at 82% 30%,#fff 50%,transparent 52%),radial-gradient(3px 3px at 66% 74%,#ffe9a8 50%,transparent 52%),linear-gradient(150deg,#463da6,#2e2784 60%,#5a3590);border-color:rgba(157,140,255,.5)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pc{background:linear-gradient(180deg,#3b3394,#2f2987);border-color:rgba(157,140,255,.4);box-shadow:0 0 0 4px rgba(157,140,255,.1),0 14px 26px rgba(0,0,0,.45)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .box{background:linear-gradient(160deg,#403898,#2d277e);border-color:rgba(157,140,255,.45);box-shadow:0 22px 50px rgba(0,0,0,.6)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] nav.bn{background:rgba(20,16,62,.95);border-color:rgba(157,140,255,.45);box-shadow:0 0 0 4px rgba(157,140,255,.12),0 14px 28px rgba(0,0,0,.55)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] footer.ay-f{background:linear-gradient(180deg,transparent,#2d2680 22%,#43358f);border-top-color:rgba(157,140,255,.4)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .stp{background:radial-gradient(circle at 35% 30%,#5a50c0,#352e8c 72%);border-color:#7d6fe0}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .hl{background:linear-gradient(transparent 60%,rgba(157,140,255,.35) 60%)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .tot{background:color-mix(in srgb,var(--ac) 16%,#2f2886)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .cc .ic{background:color-mix(in srgb,var(--ac) 22%,#2f2886)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ay-card,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .jc,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .gl,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .oc{color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ay-card.ay-sum{background:linear-gradient(135deg,#463da6,#5a3590);border-color:rgba(157,140,255,.4)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ay-sum::before{color:#cfc7ff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ch button,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .tb button,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pl button,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .og button,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .sc button,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #chips button{background:#3a3290;color:var(--tx);border-color:rgba(157,140,255,.38)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ch button.sel,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #chips button.sel,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .tb button.sel,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pl button.sel{background:var(--ac);color:#10083a;border-color:var(--ac)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pc .pr{background:rgba(157,140,255,.2);color:#e4e0ff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pc .lg{border-color:#3a3290}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .gl input,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .gl textarea,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .cf input,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .cf textarea,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .fm input,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .fm select,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .fm textarea,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .f2 input,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .sr,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ur{background:#2b2578;color:var(--tx);border-color:rgba(157,140,255,.38)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #p-warr .hero2{background:linear-gradient(135deg,#463da6,#332c88);border-color:rgba(157,140,255,.4);box-shadow:0 0 0 5px rgba(157,140,255,.1)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .x{background:#3a3290;color:var(--tx);border-color:rgba(157,140,255,.4)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .hb.on{background:#6a3a82;border-color:var(--ac)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ul{background:linear-gradient(160deg,#403898,#2d277e);color:var(--tx);border-color:rgba(157,140,255,.4)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .okm{background:#1f5a52;color:#8cf0d0}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .apx-b{background:#3a3290;color:#ece9ff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .fab a{border-color:#3a3290}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pmbx{background:linear-gradient(150deg,#403898,#2d277e);color:var(--tx);border-color:rgba(157,140,255,.5)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pmbx small,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pmno,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pmbx .sub{color:var(--soft)!important}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .pmbx :is(span,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] b,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] div,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] p):not(.stcn):not(.mb){color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ckh{color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .sthint{background:rgba(157,140,255,.2);color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .vcm,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .vcrow,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .vcm.o{background:#1f5a52;color:#bff7e3;border-color:rgba(140,240,208,.4)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .chip.ok{background:#1f5a52;color:#8cf0d0}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .paper{color:#f4f1ff;border-color:#d6d0ff;box-shadow:0 0 0 4px #6a5bd8,0 12px 24px rgba(0,0,0,.4);background:radial-gradient(circle,#b3a5ff 0 3.5px,transparent 4.5px) 11px 11px/9px 9px no-repeat,radial-gradient(circle,#b3a5ff 0 3.5px,transparent 4.5px) calc(100% - 11px) 11px/9px 9px no-repeat,radial-gradient(circle,#b3a5ff 0 3.5px,transparent 4.5px) 11px calc(100% - 11px)/9px 9px no-repeat,radial-gradient(circle,#b3a5ff 0 3.5px,transparent 4.5px) calc(100% - 11px) calc(100% - 11px)/9px 9px no-repeat,linear-gradient(180deg,#4a40b0 0,#352e8c 150px,#2e2784)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .paper h1{color:#ffffff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .paper .sm{color:#cfc8f5}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .paper .dsh{border-top-color:#8f82e8}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .paper .r{color:#f4f1ff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rcpt .r{border-bottom-color:rgba(214,208,255,.22)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .paper .sc2{background:#5a50c0;color:#fff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .paper .r.t span,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .paper .r.t b{color:#fff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .bar::before{color:#d6d0ff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .ft{color:#d6d0ff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .ftu{background:#b3a5ff;color:#10083a}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rc .paper .bd.nw,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .rcpt .bd.nw{background:#fff7e0}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .ang-cd{background:#ffc86b;color:#3b2a00;box-shadow:0 0 0 2px #3a3290,0 4px 12px rgba(0,0,0,.4)}

/* ===== tahap 9: kategori, kartu produk, testimoni, riwayat, garansi ===== */
/* -- Kategori: sedikit lebih besar (semua tema) -- */
html body .cc{padding:20px 10px}
html body .cc .ic{width:54px;height:54px;font-size:2rem}
html body .cc b{font-size:1.08rem}
html body .cc small{font-size:.8rem}
html[data-theme="luar angkasa&astronot"] body .cc{flex:0 0 128px;width:128px;min-height:150px;padding:14px 8px}
html[data-theme="luar angkasa&astronot"] body .cc .ic{width:48px;height:48px;font-size:1.6rem}
html[data-theme="luar angkasa&astronot"] body .cc b{font-size:.96rem}
html[data-theme="luar angkasa&astronot"] body .cc small{font-size:.74rem}
@media (max-width:600px){
  html[data-theme="luar angkasa&astronot"] body .cg{gap:12px 8px}
  html[data-theme="luar angkasa&astronot"] body .cc{flex:0 0 108px;width:108px;min-height:138px;padding:12px 6px}
  html[data-theme="luar angkasa&astronot"] body .cc .ic{width:44px;height:44px;font-size:1.45rem}
  html[data-theme="luar angkasa&astronot"] body .cc b{font-size:.9rem}
  html[data-theme="luar angkasa&astronot"] body .cc small{font-size:.7rem}
}

/* -- Kartu produk: nama 1 baris, "Mulai dari" 1 baris & menyesuaikan lebar kartu -- */
html body .pc{container-type:inline-size}
html body .pc h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;font-size:clamp(.62rem,9cqw,1.05rem)}
html body .pc .pr{white-space:nowrap;font-size:clamp(.5rem,8.2cqw,.8rem)}
html[data-theme="luar angkasa&astronot"] body .pc{grid-template-columns:62px minmax(0,1fr) auto;grid-template-areas:"lg h3 h3" "lg ds ds" "pr pr row";row-gap:2px;padding-top:20px}
html[data-theme="luar angkasa&astronot"] body .pc .lg{align-self:center}
html[data-theme="luar angkasa&astronot"] body .pc h3{font-size:clamp(.82rem,5cqw,1rem);align-self:end;padding-right:22px}
html[data-theme="luar angkasa&astronot"] body .pc .ds{white-space:nowrap}
html[data-theme="luar angkasa&astronot"] body .pc .pr{font-size:clamp(.64rem,3.6cqw,.76rem);padding:3px 10px;margin:6px 0 0;align-self:center;justify-self:start}
html[data-theme="luar angkasa&astronot"] body .pc .row{flex-direction:row;gap:8px;margin-top:6px;align-self:center;justify-self:end}
@media (max-width:600px){
  html[data-theme="luar angkasa&astronot"] body .pc{grid-template-columns:56px minmax(0,1fr) auto}
  html[data-theme="luar angkasa&astronot"] body .pc h3{font-size:clamp(.82rem,4.6cqw,.95rem)}
  html[data-theme="luar angkasa&astronot"] body .pc .row{flex-direction:row;gap:6px}
  html[data-theme="luar angkasa&astronot"] body .pc .row .btn{width:74px}
}
@media (max-width:350px){
  html[data-theme="luar angkasa&astronot"] body .pc{grid-template-areas:"lg h3 h3" "lg ds ds" "pr pr pr" "row row row"}
  html[data-theme="luar angkasa&astronot"] body .pc .row{justify-self:stretch}
  html[data-theme="luar angkasa&astronot"] body .pc .row .btn{flex:1 1 auto;width:auto}
}

/* -- Testimoni: pesan sukses lebih kecil, tetap lebih besar dari catatan di bawahnya -- */
html body #tmsg .okm{font-size:.82rem;line-height:1.55}
html body #tmsg .okm small{font-size:.7rem;display:inline-block;margin-top:2px}

/* -- Riwayat: judul "a little order..." sedikit lebih besar -- */
html body .em.es b{font-size:clamp(1rem,2.9vw,1.2rem)}

/* -- Garansi: kalimat "Segera ajukan klaim..." lebih kecil -- */
html body #p-warr .hero2 p,html[data-theme] body #p-warr .hero2 p{font-size:clamp(.74rem,.55vw + .58rem,.86rem);line-height:1.55}