/* =========================================
   SN WebGL Globe Widget
   ========================================= */

.sn-globe-container {
    position: relative;
    width: 100%;
    height: 621px;
    aspect-ratio: 843 / 872;
}

.sn-globe-container canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/* ── Responsive 1550px ── */
@media (max-width: 1550px) {
    .sn-globe-container {
        right: -50px;
        position: relative;
    }
}

/* ── Responsive 767px ── */
@media (max-width: 767px) {
    .sn-globe-container {
        right: 0px;
        height: 350px;
        overflow: hidden;
        max-height: 350px;
    }
}

/* ── Responsive 1024px (Tablet) ── */
@media (max-width: 1024px) {
    .sn-globe-container {
        height: 450px;
        overflow: hidden;
        max-height: 450px;
    }
}