.vr{--gold:#d6a653;--gold-soft:#f0c875;--oasis:#0b3d35;z-index:10;color:#fff;background:var(--oasis);touch-action:none;direction:rtl;font-family:Tajawal,sans-serif;position:fixed;inset:0;overflow:hidden}html[dir=ltr] .vr{direction:ltr}.vr--empty{text-align:center;place-content:center;justify-items:center;gap:16px;padding:24px;display:grid}.vr--empty p{color:#ffffffd9;max-width:340px;margin:0;line-height:1.9}.vr__stage{cursor:grab;display:flex;position:absolute;inset:0}.vr__stage:active{cursor:grabbing}.vr__eye{flex:1;position:relative;overflow:hidden}.vr__eye--pano{touch-action:auto}.vr__pano{height:100%;position:absolute;inset:0}.vr--goggles .vr__eye+.vr__eye{border-inline-start:3px solid #000}.vr__move{will-change:transform;position:absolute;inset:0;transform:scale(1.25)}.vr__img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.vr__img--in{animation:1s both vr-in}@keyframes vr-in{0%{opacity:0}to{opacity:1}}.vr__shade{pointer-events:none;background:linear-gradient(#05221e9e,#0000 22% 42%,#05221ef0 100%);position:absolute;inset:0}.vr__top{z-index:5;padding:max(14px, env(safe-area-inset-top)) 16px 0;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;inset:0 0 auto}.vr__brand{text-shadow:0 2px 12px #0009;font:800 16px Noto Kufi Arabic,sans-serif}.vr__tools{gap:10px;display:flex}.vr__btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b3d357a;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .2s,transform .2s;display:grid}.vr__btn:hover{background:#fff3}.vr__btn:active{transform:scale(.93)}.vr__btn.is-on{background:var(--gold);border-color:var(--gold);color:#2a1b0c}.vr__btn--main{background:var(--gold);border-color:var(--gold);color:#2a1b0c;width:58px;height:58px}.vr__btn--main:hover{background:var(--gold-soft)}.vr__zoom{z-index:5;inset-inline-end:16px;gap:10px;display:grid;position:absolute;top:45%}.vr__hint{z-index:4;inset-inline:0;text-align:center;text-shadow:0 2px 14px #000000b3;pointer-events:none;margin:0;font:600 15px Tajawal,sans-serif;animation:4s 1s both vr-hint;position:absolute;top:38%}@keyframes vr-hint{0%,to{opacity:0}15%,80%{opacity:1}}.vr__panel{z-index:5;padding:0 16px max(16px, env(safe-area-inset-bottom));gap:14px;display:grid;position:absolute;inset:auto 0 0}.vr__segs{gap:4px;display:flex}.vr__seg{background:#ffffff4d;border-radius:3px;flex:1;height:3px;overflow:hidden}.vr__seg i{background:var(--gold-soft);width:0;height:100%;display:block}.vr__seg.is-done i{width:100%}.vr__seg.is-now i{animation:7s linear forwards vr-fill}.vr--paused .vr__seg.is-now i{animation-play-state:paused}@keyframes vr-fill{to{width:100%}}.vr__info{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.vr__info h1{text-shadow:0 3px 20px #0009;margin:0;font:900 clamp(24px,6vw,38px)/1.3 Noto Kufi Arabic,sans-serif}.vr__loc{color:var(--gold-soft);flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 0;font-weight:700;display:flex}.vr__loc span{align-items:center;gap:5px;display:inline-flex}.vr__tag{border:1px solid var(--gold);border-radius:999px;padding:2px 10px;font-size:12px}.vr__desc{-webkit-line-clamp:2;color:#ffffffe0;-webkit-box-orient:vertical;max-width:560px;margin:8px 0 0;line-height:1.8;display:-webkit-box;overflow:hidden}.vr__cta{color:#2a1b0c;background:var(--gold);border-radius:16px;flex:none;align-items:center;min-height:46px;padding:0 20px;font:800 14px Noto Kufi Arabic,sans-serif;transition:background .2s,transform .2s;display:inline-flex}.vr__cta:hover{background:var(--gold-soft);transform:translateY(-2px)}.vr__ctrl{justify-content:center;align-items:center;gap:16px;display:flex}.vr__rail{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;padding:4px 2px 2px;display:flex;overflow-x:auto}.vr__rail::-webkit-scrollbar{display:none}.vr__thumb{color:#fff;cursor:pointer;scroll-snap-align:center;opacity:.72;background:#2a201b;border:2px solid #0000;border-radius:16px;flex:none;place-items:center;width:92px;height:68px;padding:0;transition:opacity .2s,border-color .2s,transform .2s;display:grid;position:relative;overflow:hidden}.vr__thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vr__thumb span{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000c);padding:14px 6px 4px;font:700 11px Tajawal,sans-serif;position:absolute;inset:auto 0 0;overflow:hidden}.vr__thumb:hover{opacity:1}.vr__thumb.is-on{opacity:1;border-color:var(--gold);transform:translateY(-3px)}.vr--goggles .vr__top,.vr--goggles .vr__panel,.vr--goggles .vr__shade{opacity:0;pointer-events:none}.vr__exit{z-index:9;inset-inline-start:50%;color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font:700 13px Tajawal,sans-serif;display:inline-flex;position:absolute;top:12px;translate:-50%}html[dir=rtl] .vr__exit{inset-inline-start:auto;left:50%;translate:-50%}.vr a:focus-visible,.vr button:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}@media (min-width:900px){.vr__panel,.vr__top{padding-inline:max(32px,50% - 590px)}.vr__thumb{width:116px;height:78px}}@media (max-width:520px){.vr__info{flex-direction:column;align-items:stretch}.vr__cta{justify-content:center}}@media (prefers-reduced-motion:reduce){.vr__img--in,.vr__hint{animation:none}}