.expired-btn {
        background: red;
        color: white;
        padding: 8px 15px;
        border: none;
        font-weight: bold;
        cursor: not-allowed;
    }

    .sidebar {
        padding: 20px;
        background-color: #f8f8f8;
        border-right: 1px solid #eee;
        margin-right: 30px;
        height: 100%;
        margin-top: -250px; /* Adjust this carefully, might need different values on smaller screens */
        box-sizing: border-box; /* Include padding in element's total width and height */
    }

    .sidebar h4 {
        margin-top: 0;
        margin-bottom: 15px;
        color: #333;
        font-weight: 600;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

    .sidebar ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .sidebar ul li {
        margin-bottom: 10px;
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

    .sidebar ul li:last-child {
        border-bottom: none;
    }

    .sidebar ul li a {
        text-decoration: none;
        color: #555;
        transition: all 0.3s ease;
        display: block;
    }

    .sidebar ul li a:hover {
        color: #d32f2f;
        padding-left: 5px;
    }

    .sidebar-ad {
        background: #fff;
        border: 1px solid #ddd;
        padding: 15px;
        text-align: center;
        margin-top: 20px;
        border-radius: 5px;
    }

    .sidebar-ad img {
        max-width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .coupon-card {
        margin-left: -50px; /* Specific offset, may need adjustment */
        width: 100%;
        margin-top: -50px; /* Specific offset, may need adjustment */
    }


    /* Media Queries for Responsiveness */

    /* For screens smaller than 992px (typical breakpoint for col-lg) */
    @media (max-width: 991.98px) {
        .sidebar {
            margin-right: 0; /* Remove right margin */
            margin-top: 20px; /* Adjust top margin for better flow when stacked */
            border-right: none; /* Remove right border */
            border-bottom: 1px solid #eee; /* Add bottom border */
            width: 100%; /* Make sidebar full width */
            height: auto; /* Allow height to adjust content */
            padding: 15px; /* Slightly less padding */
        }

        .sidebar h4 {
            text-align: center; /* Center align sidebar titles */
        }

        .sidebar ul {
            display: flex; /* Use flexbox for categories */
            flex-wrap: wrap; /* Allow categories to wrap */
            justify-content: center; /* Center align categories */
            gap: 10px; /* Space between category items */
        }

        .sidebar ul li {
            border-bottom: none; /* Remove individual list item borders */
            padding: 5px 10px; /* Adjust padding */
            background-color: #e9e9e9; /* Add a slight background for better visual separation */
            border-radius: 5px;
            margin-bottom: 5px; /* Smaller margin-bottom */
        }

        .sidebar ul li:last-child {
            margin-bottom: 5px; /* Ensure last child also has margin if wrapping */
        }

        .sidebar ul li a {
            text-align: center; /* Center category links */
            padding: 0; /* Remove padding, handled by parent li */
        }

        .sidebar ul li a:hover {
            padding-left: 0; /* Remove padding effect on hover */
            text-decoration: underline; /* Add underline on hover instead */
        }

        .coupon-card {
            margin-left: 0; /* Remove negative left margin */
            width: 100%; /* Ensure it takes full width */
            margin-top: 20px; /* Adjust top margin for better spacing from sidebar */
        }
    }

    /* For extra small screens (e.g., mobile phones in portrait) */
    @media (max-width: 575.98px) {
        .sidebar {
            padding: 10px; /* Reduce sidebar padding further */
        }

        .sidebar ul li {
            font-size: 14px; /* Smaller font size for categories */
            padding: 3px 8px; /* Smaller padding */
        }

        .sidebar-ad {
            padding: 10px; /* Reduce ad padding */
        }

        .coupon-card {
            padding: 15px; /* Slightly less padding for coupon cards */
        }
    }