.logo-btn { position: fixed; top: 0; left: 0; width: auto; height: auto; padding: 16px 24px; background: transparent; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 200; transition: all 0.3s ease; opacity: 1; transform: translateY(0); }

    .logo-btn.hidden { opacity: 0; transform: translateY(-100%); pointer-events: none; }

    .logo-btn:hover { transform: scale(1.05); }

    .logo-btn.hidden:hover { transform: translateY(-100%) scale(1.05); }

    .logo-btn img { height: 90px; width: auto; display: block; }

@media (max-width: 1200px) {
    .logo-btn img { height: 90px; }
}

@media (max-width: 992px) {
    .logo-btn { padding: 14px 20px; }
    .logo-btn img { height: 80px; }
}

@media (max-width: 768px) {
    .logo-btn { padding: 12px 16px; }
    .logo-btn img { height: 70px; }
}

@media (max-width: 576px) {
    .logo-btn { padding: 10px 12px; }
    .logo-btn img { height: 60px; }
}

@media (max-width: 400px) {
    .logo-btn { padding: 8px 10px; }
    .logo-btn img { height: 60px; }
}