/* Independently composited artwork: no background fragments move with the plants. */
.globe-stage { position: relative; aspect-ratio: 550/350; isolation: isolate; overflow: hidden; border-radius: 18px; }
.market-scene { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 52% 53%,#def3fc80,transparent 67%); }
.earth-globe { position: absolute; z-index: 0; width: 70%; aspect-ratio: 1; left: 15%; top: 3%; filter: drop-shadow(0 12px 18px #12638d24); }
.scene-plant { position: absolute; width: 23%; height: 65%; object-fit: contain; bottom: 10%; transform-origin: 50% 92%; animation: plant-breeze 6s ease-in-out infinite; }
.plant-left { left: 0; }
.plant-right { right: 0; animation-delay: -2.7s; animation-duration: 7s; }
.market-foreground { position: absolute; z-index: 3; width: 92%; height: 74%; object-fit: contain; left: 4%; bottom: 1%; }
/* Old SVG route layer — hidden, replaced by canvas in globe-network.js */
.world-visual .routes { display: none !important; }
.world-visual .market-bubble { bottom: 2%; left: 50%; }
.world-status { position: relative; padding-block: 14px 4px; }
@keyframes plant-breeze { 0%,100% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } }
@media (prefers-reduced-motion: reduce) { .scene-plant { animation: none; } }

/* Marketplace pin base styles (enhanced in globe-network.css) */
.world-visual .map-pin { position: absolute; z-index: 4; width: 52px; height: 52px; border-radius: 50%; background: #fff; padding: 7px; display: grid; place-items: center; cursor: pointer; }
.world-visual .map-pin img,.world-visual .map-pin svg { width: 100%; height: 100%; object-fit: contain; }
.world-visual .map-pin .meesho-word { font-size: 11px; font-weight: 800; color: #e90078; }

/* Pin positions — these are the canonical positions read by globe-network.js */
.world-visual .pin-west   { left: 28.5%; top: 22%; }
.world-visual .pin-north  { left: 48%;   top: 12%; }
.world-visual .pin-center { left: 50%;   top: 33%; }
.world-visual .pin-east   { left: 67%;   top: 23%; }

@media(max-width:700px) {
  .world-visual .map-pin { width: 38px; height: 38px; padding: 5px; }
  .world-visual .map-pin .meesho-word { font-size: 8px; }
}