/* Kurumsal site: acil yardım butonu ve paket modalı (PHP yedeğiyle uyumlu) */
#emergency-help-btn {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    z-index: 99999 !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    background: #ef4444 !important;
    color: white !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(239, 68, 68, 0.4) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

#emergency-help-btn:hover {
    transform: scale(1.05) !important;
    background: #dc2626 !important;
}

#emergency-help-btn i {
    font-size: 28px !important;
    z-index: 2 !important;
}

#emergency-help-btn .tooltip-text {
    position: absolute !important;
    bottom: 85px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #1f2937 !important;
    color: white !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
}

#emergency-help-btn:hover .tooltip-text {
    opacity: 1 !important;
}

#package-detail-modal.flex {
    display: flex !important;
}

.hero-globe-section {
    position: relative;
    height: 100vh;
    min-height: 100vh;
    background: radial-gradient(ellipse 80% 70% at 50% 40%, #0c1629 0%, #030712 50%, #020617 100%);
    overflow: hidden;
    isolation: isolate;
}

.globe-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: grab;
    z-index: 0;
    overflow: hidden;
}

.globe-scanlines {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,.03) 2px, rgba(0,0,0,.03) 4px);
}

.globe-grid-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image: linear-gradient(rgba(34,211,238,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(34,211,238,.03) 1px, transparent 1px);
    background-size: 60px 60px;
}

.globe-overlay {
    position: absolute;
    bottom: 14%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    text-align: center;
    width: 100%;
    max-width: 90vw;
    padding: 0 1.5rem;
    pointer-events: none;
}

.globe-badge {
    display: inline-block;
    background: rgba(220,38,38,.2);
    color: #fecaca;
    padding: .35rem 1rem;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .15em;
    margin-bottom: .5rem;
    border: 1px solid rgba(220,38,38,.5);
}

.globe-title {
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: #f0fdfa;
    margin-bottom: .5rem;
}

.globe-subtitle {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: rgba(204,251,241,.9);
    margin-bottom: 1.25rem;
}

.globe-cta {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
    color: white;
    padding: .85rem 1.75rem;
    border-radius: .6rem;
    font-weight: 700;
    text-decoration: none;
}

.globe-wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    line-height: 0;
}

    .globe-wave svg {
        width: 100%;
        height: auto;
    }