/* Anchor offsets affect scrolling only; original section spacing stays intact. */
.section[id] {
    scroll-margin-top: var(--topbeton-anchor-offset, 0px);
}

/* Keep the existing modal buttons readable within a narrow viewport. */
@media (max-width: 767px) {
    .modal-fullscreen .modal-dialog .modal-content .modal-footer .row {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-left: 0;
        margin-right: 0;
    }
    .modal-fullscreen .modal-dialog .modal-content .modal-footer .row > .col-md-6 {
        flex: 0 0 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .modal-fullscreen .modal-dialog .modal-content .modal-footer .row::before,
    .modal-fullscreen .modal-dialog .modal-content .modal-footer .row::after {
        display: none;
    }
    .modal-fullscreen .modal-dialog .modal-content .modal-footer .btn-prev,
    .modal-fullscreen .modal-dialog .modal-content .modal-footer .btn-next {
        position: static;
        display: block;
        float: none;
        left: auto;
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
}