/* ============================================
   BOSTON PRODUCTS — GLOBE + SPARKLES
   Solo caricato su pagina chi-siamo
   ============================================ */

/* Sparkles */
.boston-products-sparkle {
    position: absolute;
    width: 2px;
    height: 2px;
    background: white;
    border-radius: 50%;
    animation: boston-products-sparkle-float 4s ease-in-out infinite;
    box-shadow: 0 0 6px 2px rgba(50,115,255,0.4);
}
@keyframes boston-products-sparkle-float {
    0%, 100% { opacity: 0; transform: translateY(0) scale(0.5); }
    50% { opacity: 1; transform: translateY(-20px) scale(1); }
}

/* Animated Globe */
.boston-products-globe-wrapper {
    width: 500px;
    height: 500px;
    animation: boston-products-globe-spin 80s linear infinite;
}
.boston-products-globe-svg {
    width: 100%;
    height: 100%;
}
.boston-products-globe-accent {
    animation: boston-products-globe-dash 20s linear infinite;
}
.boston-products-globe-accent-2 {
    animation: boston-products-globe-dash 15s linear infinite reverse;
}
.boston-products-globe-dot {
    opacity: 0;
}
.boston-products-globe-sparkle-1 {
    animation: boston-products-globe-sparkle 2.5s ease-in-out infinite;
}
.boston-products-globe-sparkle-2 {
    animation: boston-products-globe-sparkle 3s ease-in-out infinite 0.8s;
}
.boston-products-globe-sparkle-3 {
    animation: boston-products-globe-sparkle 3.5s ease-in-out infinite 1.6s;
}
.boston-products-globe-orbit {
    animation: boston-products-globe-spin 40s linear infinite reverse;
}
.boston-products-globe-orbit-dot {
    animation: boston-products-globe-spin 12s linear infinite;
}
@keyframes boston-products-globe-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes boston-products-globe-dash {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: 600; }
}
@keyframes boston-products-globe-sparkle {
    0%, 100% { opacity: 0; transform: scale(0.5); }
    50% { opacity: 0.8; transform: scale(1.5); }
}
@media (min-width: 768px) {
    .boston-products-globe-wrapper {
        width: 700px;
        height: 700px;
    }
}