#bgSwitch{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;gap:4px;padding:5px;border-radius:14px;
  background:rgba(8,12,26,.78);backdrop-filter:blur(12px);border:1px solid rgba(201,151,63,.28);box-shadow:0 12px 30px rgba(0,0,0,.5)}
#bgSwitch button{border:0;background:transparent;color:#94a3b8;font:600 12px 'Plus Jakarta Sans',system-ui,sans-serif;padding:8px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.15s}
#bgSwitch button:hover{color:#fff;background:rgba(255,255,255,.06)}
#bgSwitch button.on{color:#1b1406;background:linear-gradient(135deg,#F3CE7A,#C9973F)}
@media (max-width:560px){#bgSwitch{right:10px;bottom:10px}#bgSwitch button{padding:8px 10px}#bgSwitch button span{display:none}}

#bgWeather{position:fixed;right:16px;bottom:68px;z-index:60;display:none;gap:4px;padding:5px;border-radius:14px;
  background:rgba(8,12,26,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.5)}
body.bg-garden #bgWeather{display:flex}
#bgWeather button{border:0;background:transparent;font-size:16px;padding:6px 10px;border-radius:10px;cursor:pointer;filter:grayscale(1);opacity:.65;transition:.15s}
#bgWeather button:hover{opacity:1;background:rgba(255,255,255,.06)}
#bgWeather button.on{opacity:1;background:rgba(255,255,255,.14)}
@media (max-width:560px){#bgWeather{right:10px;bottom:62px}}

#bgScene{position:fixed;right:16px;bottom:68px;z-index:60;display:none}
body.bg-space #bgScene{display:block}
#bgScene button{border:1px solid rgba(255,255,255,.16);background:rgba(8,12,26,.8);backdrop-filter:blur(12px);color:#e5e7eb;font:600 12px 'Plus Jakarta Sans',system-ui,sans-serif;padding:9px 14px;border-radius:14px;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.5);max-width:calc(100vw - 32px)}
#bgScene button:hover{border-color:rgba(255,255,255,.4)}
#bgScene b{margin-left:6px;color:#94a3b8}
@media (max-width:560px){#bgScene{right:10px;bottom:62px}#bgScene button{font-size:11.5px;padding:8px 11px}}



/* Nền 3D: các nút chọn nền / thời tiết / cảnh / chất lượng gom vào một nút bánh răng, bấm mới mở (30/09/2026) */
#bgGear{position:fixed;right:14px;bottom:14px;z-index:900;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
  background:rgba(8,12,26,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  opacity:.72;transition:opacity .2s,transform .3s,border-color .2s;box-shadow:0 8px 22px rgba(0,0,0,.4);padding:0}
#bgGear:hover,#bgGear.on{opacity:1;border-color:rgba(226,178,90,.7)}
#bgGear.on{transform:rotate(60deg)}
#bgGear svg{width:19px;height:19px}
#bgPanel{position:fixed;right:14px;bottom:60px;z-index:901;display:none;flex-direction:column;gap:8px;padding:10px;border-radius:16px;min-width:230px;max-width:calc(100vw - 28px);
  background:rgba(8,12,26,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(201,151,63,.32);box-shadow:0 18px 50px rgba(0,0,0,.6)}
#bgPanel.open{display:flex}
#bgPanel::before{content:"Nền 3D";font:800 11px 'Plus Jakarta Sans',Manrope,Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;padding:0 4px 2px}
#bgPanel #bgSwitch,#bgPanel #bgWeather,#bgPanel #bgScene{position:static !important;right:auto !important;bottom:auto !important;z-index:auto !important;
  box-shadow:none !important;background:transparent !important;border:0 !important;padding:0 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  flex-wrap:wrap;gap:4px}
#bgPanel #bgSwitch button span{display:inline !important}
#bgPanel #bgScene button{width:100%;max-width:none}
@media (max-width:560px){#bgGear{right:10px;bottom:10px}#bgPanel{right:10px;bottom:56px}}

/* ===== Nền 3D phủ toàn màn hình (dùng chung cho Home, Cửa hàng…) ===== */
.bg3d{position:fixed;inset:0;z-index:5;pointer-events:none}
#atvnBg3d{position:fixed;inset:0;z-index:5;pointer-events:none;mix-blend-mode:screen;opacity:.6}
#atvnBg3d #wall3d{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:none;mask-image:none}
#atvnBg3d .orb{display:none}
html[data-theme=light] #atvnBg3d,html[data-theme=gray] #atvnBg3d{filter:invert(1);mix-blend-mode:multiply;opacity:.32}
[data-theme=bg3d]{--sb-bg:rgba(6,9,18,.72);--bg:#04060d;--bg2:rgba(10,15,28,.66);--bg3:rgba(255,255,255,.06);--bg4:rgba(255,255,255,.12);--bd:rgba(255,255,255,.09);--bd2:rgba(226,178,90,.3);--t1:#F1F5F9;--t2:#a3b0c8;--t3:#75839b;--card-bd:rgba(255,255,255,.1);--sb-item:rgba(255,255,255,.6);--sb-hover:rgba(255,255,255,.08)}
[data-theme=bg3d] body{background:#04060d}
[data-theme=bg3d] .atv-topbar{background:rgba(6,9,18,.6)}