/* ==================================================================
   Shared navbar dropdown — "Услуги"
   Used on every page: <nav class="navbar ... bm-nav"> and a real
   <button class="bm-dd-toggle"> next to the "Услуги" link.
   Extracted from css/box-measuring-guide-v1.css.
   ================================================================== */

.bm-nav .nav-item.dropdown {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.bm-nav .bm-dd-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: -26px;
    margin-right: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--dark, #353535);
    font-size: 15px;
    cursor: pointer;
}
.bm-nav .bm-dd-toggle i { transition: transform .2s; }
.bm-nav .bm-dd-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.bm-nav .bm-dd-toggle:hover { color: var(--primary, #AB7442); }
.bm-nav .bm-dd-toggle:focus-visible,
.bm-nav .nav-link:focus-visible,
.bm-nav .dropdown-item:focus-visible,
.bm-nav .navbar-brand:focus-visible {
    outline: 3px solid #8F5E33;
    outline-offset: 2px;
}

@media (min-width: 992px) {
    .bm-nav .nav-item.dropdown .dropdown-menu {
        display: block;
        top: 100%;
        left: 0;
        margin-top: 0;
        border: 0;
        box-shadow: 0 12px 28px rgba(53, 53, 53, .14);
        opacity: 0;
        visibility: hidden;
        transform: translateY(8px);
        transition: opacity .2s, transform .2s, visibility 0s linear .2s;
    }
    .bm-nav .nav-item.dropdown:hover .dropdown-menu,
    .bm-nav .nav-item.dropdown:focus-within .dropdown-menu,
    .bm-nav .nav-item.dropdown .dropdown-menu.show {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: opacity .2s, transform .2s, visibility 0s;
    }
}
@media (max-width: 991.98px) {
    .bm-nav .bm-dd-toggle { margin-left: auto; margin-right: 0; }
    .bm-nav .nav-item.dropdown .nav-link { flex: 1; }
    .bm-nav .nav-item.dropdown .dropdown-menu {
        position: static;
        flex-basis: 100%;
        border: 0;
        padding: 0 0 .5rem 1rem;
    }
}