.cart-button {
    background-color: #ff6347;
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cart-button:hover {
    background-color: #ff4500;
}

.cart-button i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.cart-button:hover i {
    transform: scale(1.2);
}
    .wishlist-button {
    background-color: #43c432;
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wishlist-button:hover {
    background-color: #22c213;
}

.wishlist-button i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.wishlist-button:hover i {
    transform: scale(1.2);
}

    /* ── DESKTOP NAVBAR HEIGHT FIX ── */
    @media only screen and (min-width: 992px) {

        .header-search-wrap form {
            height: 38px !important;
            display: flex !important;
            align-items: center !important;
            border-radius: 20px !important;
            overflow: hidden !important;
            border: 1px solid #e0e0e0 !important;
            background: #f8f8f8 !important;
        }

        .header-search-wrap form input[type="text"] {
            height: 38px !important;
            border: none !important;
            background: transparent !important;
            padding: 0 14px !important;
            font-size: 13px !important;
            outline: none !important;
            box-shadow: none !important;
            flex: 1 !important;
        }

        .header-search-wrap form button {
            height: 38px !important;
            width: 42px !important;
            flex: 0 0 42px !important;
            border: none !important;
            background: var(--color-primary) !important;
            color: #fff !important;
            padding: 0 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .header-action .btn,
        .header-action .btn-orange {
            height: 38px !important;
            padding: 0 22px !important;
            line-height: 38px !important;
            display: inline-flex !important;
            align-items: center !important;
            font-size: 13px !important;
            border-radius: 20px !important;
            white-space: nowrap !important;
        }

        .menu-nav {
            align-items: center !important;
            gap: 12px !important;
        }
    }

    /* ── MOBILE NAVBAR HEIGHT FIX ── */
    @media only screen and (max-width: 991.98px) {

        .header-search-wrap form {
            height: 36px !important;
        }

        .header-search-wrap form button {
            height: 36px !important;
            width: 36px !important;
            flex: 0 0 36px !important;
        }

        .header-action .btn {
            height: 36px !important;
            line-height: 36px !important;
        }
    }