@media (max-width: 900px) {
    .dq-header-main--mobile .dq-logo img,
    .home .dq-header-main--mobile .dq-logo img,
    body.dq-catalogue-page .dq-header-main--mobile .dq-logo img {
        width: min(68vw, 250px) !important;
        height: 50px !important;
        max-width: 250px !important;
        max-height: 50px !important;
        object-fit: contain;
    }

    .dq-mobile-nav .menu-item-has-children {
        position: relative;
    }

    .dq-mobile-nav .menu-item-has-children > a {
        padding-right: 46px !important;
    }

    .dq-mobile-nav .sub-menu {
        display: none !important;
        padding: 2px 0 7px 14px !important;
        border-top: 1px solid #ececec;
        background: #fafafa;
    }

    .dq-mobile-nav .menu-item-has-children.is-submenu-open > .sub-menu {
        display: block !important;
    }

    .dq-mobile-submenu-toggle {
        position: absolute;
        top: 3px;
        right: 0;
        z-index: 2;
        display: grid;
        width: 38px;
        height: 38px;
        padding: 0;
        border: 0;
        border-radius: 7px;
        place-items: center;
        background: transparent;
        color: var(--dq-secondary);
        cursor: pointer;
    }

    .dq-mobile-submenu-toggle span {
        display: block;
        width: 8px;
        height: 8px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-2px) rotate(45deg);
        transition: transform .18s ease;
    }

    .dq-mobile-submenu-toggle[aria-expanded="true"] {
        color: var(--dq-primary);
        background: var(--dq-brand-orange-soft, #fff5e5);
    }

    .dq-mobile-submenu-toggle[aria-expanded="true"] span {
        transform: translateY(2px) rotate(225deg);
    }

    .dq-mobile-nav .sub-menu a {
        padding: 9px 10px !important;
        color: #484848;
        font-weight: 500;
    }

    .dq-mobile-nav .sub-menu a:hover,
    .dq-mobile-nav .sub-menu a:focus-visible {
        color: var(--dq-primary);
        background: var(--dq-brand-orange-soft, #fff5e5);
    }
}

@media (max-width: 900px) and (hover: hover) and (pointer: fine) {
    .dq-mobile-nav .menu-item-has-children:hover > .sub-menu {
        display: block !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dq-mobile-submenu-toggle span {
        transition: none;
    }
}
