.dropcart_top {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    right: 0;
    top: 50px;
}
/* nav logo */
/* MOBILE HEADER FIX */
/* MOBILE + TABLET HEADER FIX */
@media (max-width: 768px) {

    .mynav .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    /* ---------- FIRST ROW (STRICT NO BREAK) ---------- */
    .navbar-brand {
        order: 1;
        flex: 0 0 auto;
        margin-right: auto;
    }

    /* Combine all right-side items in one line */
    .navbar-toolbar,
    .navbar-tool.dropdown {
        order: 2;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }

    /* FORCE NO WRAP */
    .navbar-toolbar {
        flex-wrap: nowrap;
    }

    /* Ultra-compact spacing */
    .navbar-toolbar .list-inline-item,
    .navbar-tool,
    .navbar-tool.dropdown {
        margin-left: 4px !important;
    }

    /* Reduce icon sizes for tight screens */
    .navbar-tool-icon,
    .feather-heart {
        width: 16px;
        height: 16px;
        font-size: 14px;
    }

    /* Cart icon box smaller */
    .navbar-tool-icon-box {
        padding: 6px !important;
    }

    /* Badge smaller */
    .navbar-tool-label {
        font-size: 9px;
        padding: 1px 4px;
    }

    /* Hide all text (CRUCIAL for fitting) */
    .navbar-tool-text {
        display: none !important;
    }

    /* Prevent cart block from expanding */
    .navbar-tool.dropdown {
        white-space: nowrap;
    }

    /* ---------- SECOND ROW (SEARCH) ---------- */
    .search-wrapper {
        order: 3;
        width: 100%;
        margin-top: 6px;
    }

    /* ---------- EXTRA SAFETY FOR VERY SMALL DEVICES ---------- */
    @media (max-width: 390px) {
        .navbar-brand img {
            width: 60px !important;
        }

        .navbar-tool-icon,
        .feather-heart {
            width: 14px;
            height: 14px;
        }

        .navbar-tool-icon-box {
            padding: 4px !important;
        }

        .navbar-toolbar .list-inline-item,
        .navbar-tool {
            margin-left: 2px !important;
        }
    }
}
/* test equal */