/* ===== Một không gian: các trang mở ra như tấm giấy dó trên cảnh chùa ===== */
:root{--then:#24160F;--then2:#3A2518;--son:#8E2B1E;--vang:#D4A24C;--vang2:#F2D08A;--do:#F5ECDA;--do2:#EFE2C8;--muc:#2A1D14}
body.paged:not([data-pg="dau-trang"]){background:var(--then)}
body.paged:not([data-pg="dau-trang"])::before{content:"";position:fixed;inset:-40px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,12,8,.55),rgba(20,12,8,.78)),url("../img/lang/chan-iso.webp") center/cover no-repeat;filter:blur(14px) saturate(.85)}
@media (max-aspect-ratio:1/1){body.paged:not([data-pg="dau-trang"])::before{background-image:linear-gradient(180deg,rgba(20,12,8,.55),rgba(20,12,8,.78)),url("../img/lang/chan-iso.webp")}}
body.paged:not([data-pg="dau-trang"]) footer.site{display:none}
/* tấm giấy */
body.paged:not([data-pg="dau-trang"]) section.pg-on{position:relative;max-width:1180px;margin:14px auto 28px!important;border-radius:26px;overflow:hidden;
  background:radial-gradient(120% 80% at 50% 0%,#FBF4E4,var(--do) 60%,var(--do2))!important;color:var(--muc);
  box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 0 1px rgba(212,162,76,.35),inset 0 0 0 7px rgba(245,236,218,1),inset 0 0 0 8px rgba(212,162,76,.3);
  animation:ssPaper .55s cubic-bezier(.2,.8,.2,1) both}
body.paged:not([data-pg="dau-trang"]) section.pg-on+section.pg-on{margin-top:0!important}
@keyframes ssPaper{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
body.paged:not([data-pg="dau-trang"]) section.pg-on .wrap{padding-top:28px;padding-bottom:30px}
@media (max-width:860px){body.paged:not([data-pg="dau-trang"]) section.pg-on{margin:8px 8px 110px!important;border-radius:20px}
  body.paged:not([data-pg="dau-trang"]) section.pg-on+section.pg-on{margin-top:-96px!important}}
/* tiêu đề quảng cáo → bỏ, thanh trên đã nói rõ đang ở đâu */
#ky-uc .sec-head,#ban-do .sec-head,#ngoi-nha .sec-head,#thiep .sec-head,#hanh-trinh .sec-head,#hoi-dap .faq>div:first-child,#ho-so .lm-brand,#ho-so .lm-links{display:none!important}
#hoi-dap .faq{grid-template-columns:1fr!important}
/* thắp hương chỉ ở chính điện */
#incBtn,#pcIncense,#homeInc{display:none!important}
/* đầu trang + thanh người: sơn then, chữ vàng */
body.paged:not([data-pg="dau-trang"]) .nav{background:rgba(28,17,11,.72)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:rgba(212,162,76,.18)!important;color:var(--do)}
body.paged:not([data-pg="dau-trang"]) .nav .brand,body.paged:not([data-pg="dau-trang"]) .nav .brand *{color:var(--do)!important}
body.paged:not([data-pg="dau-trang"]) .pgbar{background:transparent!important;border:0!important;color:var(--do)}
body.paged:not([data-pg="dau-trang"]) .pgbar .pg-title{color:#FFF6E4}
body.paged .pg-back{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:rgba(255,246,228,.1);border:1px solid rgba(212,162,76,.35);color:var(--vang2)!important;font:inherit;cursor:pointer}
.pg-av{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;font-family:var(--f-display);font-size:22px;background:var(--c);box-shadow:0 0 0 2px var(--vang),0 0 18px rgba(212,162,76,.5)}
.pg-who{flex:1 1 0;min-width:0;display:grid}.pg-who .pg-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-who .pg-title{margin:0;line-height:1.15}
.pg-who small{color:var(--vang2);font-size:14px;opacity:.9}
.pg-who small b{font-weight:600;color:#FFE3A8}
.pg-tabs a{background:rgba(255,246,228,.08)!important;border-color:rgba(212,162,76,.3)!important;color:var(--do)!important}
.pg-tabs a[aria-current="page"]{background:linear-gradient(180deg,var(--vang2),var(--vang))!important;color:var(--then)!important;border-color:transparent!important;box-shadow:0 6px 16px rgba(212,162,76,.35)}
@media (max-width:600px){.pg-av{width:44px;height:44px;font-size:19px}.pgbar .pg-title{font-size:19px}.pg-inc .pg-inc-t{display:none}.pg-inc{width:46px;padding:0!important;justify-content:center}}
/* thanh điều hướng: sơn then viền vàng, dùng chung cho chùa và các trang */
#mainNav.tabbar{background:rgba(32,20,13,.82)!important;border:1px solid rgba(212,162,76,.3)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#mainNav .tb{color:rgba(245,236,218,.78)!important}
#mainNav .tb.on{color:var(--vang2)!important}
#mainNav .tb-light{background:radial-gradient(closest-side,rgba(242,208,138,.35),transparent)!important}
#mainNav .tb-pool{background:var(--vang2)!important}
body.view-intro #mainNav.tabbar,body[data-pg="dau-trang"] #mainNav.tabbar{background:rgba(32,20,13,.82)!important}
/* trang Người thân / Gia đình trên nền tối */
.nt-head h2{color:var(--muc)}

/* ===== Nghi lễ thắp nhang tại chính điện ===== */
.rit{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;width:min(560px,calc(100% - 20px));
  padding:18px 18px 16px;border-radius:24px;color:var(--do);background:linear-gradient(180deg,rgba(44,27,17,.94),rgba(28,17,11,.96));
  border:1px solid rgba(212,162,76,.4);box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(242,208,138,.2);animation:ritIn .45s cubic-bezier(.2,.8,.2,1)}
.rit[hidden]{display:none}
@keyframes ritIn{from{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%,0)}}
@media (max-width:860px),(max-aspect-ratio:1/1){.rit{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}
.rit-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,246,228,.08);color:var(--do);font-size:22px;cursor:pointer}
.rit h3{margin:0 0 12px;font-family:var(--f-display);font-weight:500;font-size:21px;color:var(--vang2);display:flex;align-items:center;gap:8px}
.rit-ppl{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 10px;margin:0 -2px}
.rit-ppl::-webkit-scrollbar{display:none}
.rit-p{flex:none;display:grid;justify-items:center;gap:6px;width:72px;border:0;background:none;color:var(--do);font:inherit;font-size:12.5px;cursor:pointer;line-height:1.2}
.rit-p i{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font-style:normal;font-family:var(--f-display);font-size:22px;color:#fff;background:var(--c);transition:transform .25s,box-shadow .25s;box-shadow:0 0 0 2px rgba(212,162,76,.25)}
.rit-p[aria-pressed="true"] i{transform:scale(1.08);box-shadow:0 0 0 3px var(--vang2),0 0 22px rgba(242,208,138,.6)}
.rit-p[aria-pressed="true"]{color:var(--vang2)}
.rit-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:6px;border:0;border-radius:18px;cursor:pointer;
  background:linear-gradient(180deg,#E2A548,#A8661A);color:#fff;font:inherit;font-size:18px;font-weight:600;box-shadow:0 10px 26px rgba(168,102,26,.4);animation:ssGlow 2.6s ease-in-out infinite}
.rit-go:active{transform:scale(.98)}
.rit-n{margin:10px 0 0;text-align:center;font-size:13.5px;color:rgba(245,236,218,.7)}
.rit-fx{position:absolute;inset:0;z-index:65;pointer-events:none;display:grid;place-items:start center;padding-top:16vh}
.rit-fx svg{width:min(240px,48vw);height:auto;animation:ritRise 4.2s ease forwards;filter:drop-shadow(0 0 24px rgba(255,190,90,.55))}
.rit-fx svg.cnd{width:min(84px,22vw)}
.rit-fx .smk path{fill:none;stroke:rgba(255,240,220,.75);stroke-width:3;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140;animation:ritSmoke 3.4s .5s ease-out forwards}
.rit-fx .emb{fill:#FFB347;animation:ritEmb 1.2s ease-in-out infinite alternate}
@keyframes ritRise{0%{opacity:0;transform:translateY(40px) scale(.9)}15%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}
@keyframes ritSmoke{to{stroke-dashoffset:0;opacity:0}}
@keyframes ritEmb{from{opacity:.6}to{opacity:1}}
.rit-cta{position:absolute;left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px;border:0;border-radius:999px;
  background:linear-gradient(180deg,#E2A548,#A8661A);color:#fff;font:inherit;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.4);animation:ssGlow 2.6s ease-in-out infinite}
.hall.world-on .rit-cta{display:none}
@media (max-width:860px),(max-aspect-ratio:1/1){.rit-cta{bottom:calc(104px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){.rit,.rit-fx svg,.rit-go,.rit-cta,body.paged section.pg-on{animation:none!important}}

/* Làng & gian thờ: cùng thế giới với chùa */
.hall .w-venui,.hall .w-ralang{display:none}
.hall[data-ws="lang"] .w-venui,.hall[data-ws="nha"] .w-ralang{display:inline-flex}
.hall[data-ws="lang"] .w-up,.hall[data-ws="nha"] .w-up{display:none!important}
.hall[data-ws="nha"] [data-w="chap"],.hall[data-ws="nha"] [data-w="lay"],.hall[data-ws="nha"] [data-w="ngoi"]{display:inline-flex!important}
.w-anh{position:absolute;z-index:1;display:grid;place-items:center;overflow:hidden;border-radius:2px;background:radial-gradient(circle at 50% 38%,#F7EBD2,#D9C39A);box-shadow:inset 0 0 0 1px rgba(120,80,20,.4)}
.w-anh i{display:grid;place-items:center;width:62%;aspect-ratio:1;border-radius:50%;font-style:normal;color:#fff;background:var(--c);font-family:var(--f-display);font-size:clamp(10px,2.2vh,26px);filter:sepia(.25)}
.hall[data-ws="lang"] .hall-ttl .t-phat,.hall[data-ws="nha"] .hall-ttl .t-phat,.hall[data-ws="lang"] .hall-ttl .t-cg,.hall[data-ws="nha"] .hall-ttl .t-cg{display:none!important}
.hall[data-ws="lang"] .hall-ttl::before{content:"Làng tưởng niệm";display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.hall[data-ws="nha"] .hall-ttl::before{content:attr(data-nha);display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.hall[data-ws="lang"] .rit-cta,.hall[data-ws="nha"] .rit-cta{display:none}
.hall[data-ws="lang"] .hall-splash,.hall[data-ws="nha"] .hall-splash{display:none!important}
@media (max-width:860px),(max-aspect-ratio:1/1){.hall .hall-scene{--sh:max(100cqh,56.25cqw)!important;--sw:max(100cqw,177.78cqh)!important;height:var(--sh)!important;width:var(--sw)!important;top:0!important}}
/* sơ đồ các xóm */
.xom{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;width:min(560px,calc(100% - 20px));padding:18px;border-radius:24px;color:var(--do);
  background:linear-gradient(180deg,rgba(44,27,17,.94),rgba(28,17,11,.96));border:1px solid rgba(212,162,76,.4);box-shadow:0 24px 60px rgba(0,0,0,.5);animation:ritIn .45s cubic-bezier(.2,.8,.2,1)}
.xom[hidden]{display:none}
@media (max-width:860px),(max-aspect-ratio:1/1){.xom{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}
.xom h3{margin:0 0 4px;font-family:var(--f-display);font-weight:500;font-size:21px;color:var(--vang2)}
.xom p{margin:0 0 12px;font-size:13.5px;color:rgba(245,236,218,.7)}
.xom .rit-ppl{flex-wrap:wrap}
.xom-empty{font-size:15px;color:rgba(245,236,218,.8)}
/* An nghỉ nay ở trong thế giới, ẩn bản 3D cũ */
#ngoi-nha,#cong-vien{display:none!important}

/* Làng nhìn chéo: nhãn tên người trên từng nhà */
.hall[data-ws="lang"] .w-stage{will-change:left,top}
.hall .wh.pn .wh-dot{display:none}
.hall .wh.pn .wh-lb{padding:3px 9px 3px 7px;border-radius:999px;background:rgba(36,22,14,.78);border:1px solid rgba(212,162,76,.45);box-shadow:0 4px 12px rgba(0,0,0,.25)}
.hall .wh.pn .wh-lb b{font-size:12.5px;font-weight:600;color:#FFF1D6;white-space:nowrap}
.hall .wh.pn .wh-lb small{display:none}
.hall .wh.pn:hover .wh-lb,.hall .wh.pn:focus-visible .wh-lb{background:linear-gradient(180deg,#E2A548,#A8661A);border-color:transparent}
.hall .wh.zn .wh-lb{background:rgba(255,246,228,.86);color:#3A2518}
.hall .wh.zn .wh-lb b{color:#3A2518}.hall .wh.zn .wh-lb small{color:#7A5A2A}
.hall .wh.zn .wh-dot{display:none}
.hall.no-splash .hall-splash{display:none!important}