.camera{position:absolute;inset:0;transform:translate3d(0,0,0);transform-origin:center;will-change:transform;backface-visibility:hidden}
.city.exploring .pin,.city.exploring .regions{visibility:hidden}
.back-city{position:absolute;z-index:5;top:auto;bottom:20px;left:20px;padding:12px 18px;border:1px solid #ffffff55;background:#101820ed;color:white;border-radius:25px;font-size:14px;cursor:pointer}
.back-city[hidden]{display:none}
.point-layer{position:absolute;inset:0;pointer-events:none;z-index:4}
.point-layer[hidden]{display:none}
.city>.pov-image{position:absolute;inset:0;z-index:3;object-fit:contain;opacity:0;transform:scale(.96);background:#101317;will-change:transform,opacity;pointer-events:none;backface-visibility:hidden}
.product-pin{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:auto;min-height:40px;padding:10px 16px;background:#0c141de8;color:white;border:1px solid #ffffff50;border-radius:30px;font:500 14px Arial;cursor:pointer;box-shadow:0 3px 16px #0005;transition:background .2s,border-color .2s}
.product-pin::before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;background:#f36b21;border-radius:50%;vertical-align:2px}
.product-pin:hover,.product-pin[aria-pressed=true]{background:#c74d0b;border-color:#ffbd90}
@media(max-width:600px){.product-pin{font-size:12px;padding:8px;min-height:36px}.product-pin::before{margin-right:5px;width:5px;height:5px}}
@media(max-width:600px){.back-city{top:auto;bottom:10px;left:10px;padding:9px 12px;font-size:12px}}
.camera>.zone-image{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:fill;opacity:0;pointer-events:none;transform-origin:center;will-change:opacity,transform}

.city.exploring .layer{opacity:0;transition:opacity .8s ease}.camera>.zone-image{inset:auto;backface-visibility:hidden}


/* Supplied street-level views fill the same camera window. */
.city>.pov-image{width:100%;height:100%;object-fit:fill;transform:scale(1.035)}
.city[aria-busy=true] .point-layer{pointer-events:none}
.city.in-pov .product-pin{box-shadow:0 4px 20px #0008}
@media(max-width:700px){.city.exploring{margin-bottom:0;display:flex;flex-direction:column;height:auto;aspect-ratio:auto;padding-top:56.2%}.city.exploring .camera,.city.exploring>.pov-image{height:auto;aspect-ratio:1672/941;bottom:auto}.city.exploring .point-layer{position:relative;inset:auto;transform:none;min-height:64px}.city.exploring .back-city{top:8px;bottom:auto;left:8px}.city.exploring .pin-leaders{display:none}}