/* ============================================================
   زوايا — قسم الموقع (خريطة الرياض)
   ============================================================ */
.location{position:relative;height:320vh;background:#161513}
.location .map-pin-wrap{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.map-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}
.location.map-ready .map-canvas{opacity:1}
.location .map-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(75% 70% at 50% 50%,transparent 45%,rgba(14,13,12,.78))}
.location .map-city{position:absolute;z-index:2;left:50%;top:18%;transform:translateX(-50%);text-align:center;pointer-events:none}
.location .map-city b{display:block;font-size:clamp(44px,7vw,96px);font-weight:500;color:var(--paper);text-shadow:0 10px 40px rgba(0,0,0,.7);margin-top:6px}
.map-tag{position:absolute;left:0;top:0;z-index:2;pointer-events:none;white-space:nowrap;font-size:13px;color:rgba(246,242,234,.72);text-shadow:0 2px 10px #000,0 0 3px #000;opacity:0}
.map-road-label,.map-landmark{color:#fff3dc;font-weight:700;text-shadow:0 1px 4px #000,0 0 8px #000,0 0 12px #000}
.map-landmark{padding:3px 9px;border:1px solid rgba(198,164,106,.55);border-radius:999px;background:#161513}
.map-tag.gold{color:var(--gold);font-weight:700}
.map-tag.soft{font-size:15px;color:rgba(246,242,234,.55);letter-spacing:.02em}
.map-pin{position:absolute;left:0;top:0;z-index:3;width:0;height:0;pointer-events:none}
.location .loc-card{z-index:4}
.demo-pad{height:60vh;display:grid;place-content:center;text-align:center;color:rgba(246,242,234,.6);background:#0e0d0c}
.location.map-fail{height:100svh}
.location:not(.map-ready) .map-pin{visibility:hidden}