/* --- ZMIANY SENSOFENEK: LOGO I HERO --- */

.logo-text-brand {
    display: none !important;
}

.logo-fox-nav {
    width: 200px !important;
    height: 80px !important;
    object-fit: contain !important;
    display: block !important;
    background: transparent !important;
}

.hero-fox-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    background: transparent !important;
}

.logo-container {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

@media (max-width: 768px) {
    .hero-visual-container {
        display: none !important;
    }

    #hero {
        padding-top: 100px !important;
    }

    .logo-fox-nav {
        width: 150px !important;
        height: 60px !important;
    }
}

@media (max-width: 980px) {
    nav {
        justify-content: center !important;
    }

    .logo-container {
        justify-content: center !important;
        width: 100% !important;
    }
}