.gf-section-nav {
    position: fixed; right: 20px; z-index: 1000; transition: all 0.3s ease;
}
.gf-section-nav.top { top: 20px; }
.gf-section-nav.bottom { bottom: 20px; }
.gf-section-nav button {
    background: #0073aa; color: white; border: none; padding: 12px 20px;
    border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15); transition: all 0.2s ease;
    display: block; margin-bottom: 10px; min-width: 140px;
    opacity: 0; visibility: hidden; transform: translateX(20px);
}
.gf-section-nav button.visible {
    opacity: 1; visibility: visible; transform: translateX(0);
}
.gf-section-nav button:hover {
    background: #005177; transform: translateX(0) translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.gf-section-nav button:active { transform: translateX(0) translateY(0); }

@media (max-width: 768px) {
    .gf-section-nav { right: 10px; }
    .gf-section-nav.top { top: 60px; }
    .gf-section-nav.bottom { bottom: 10px; }
    .gf-section-nav button {
        padding: 10px 16px; font-size: 13px; min-width: 120px; margin-bottom: 8px;
    }
}
@media (max-width: 480px) {
    .gf-section-nav { right: 5px; }
    .gf-section-nav.top { top: 50px; }
    .gf-section-nav.bottom { bottom: 5px; }
    .gf-section-nav button {
        padding: 8px 12px; font-size: 12px; min-width: 100px; margin-bottom: 6px;
    }
}