.ajaxbg {
  background: linear-gradient(45deg,#000000,#1f2124,#5a6069);
}

/* =============================================
   Tap Target Size Fix — minimum 48×48px
   Applies to all interactive elements on mobile
   ============================================= */

@media (max-width: 1023px) {

    /* Ensure minimum touch target height */
    a, button, [role="button"], input[type="submit"],
    input[type="button"], input[type="reset"],
    select, label[for] {
        min-height: 48px;
        min-width: 48px;
    }
    .customer-dropdown-link {
        min-height: 48px;
        display: flex;
        align-items: center;
        padding: 12px 16px;
    }

    /* For inline links that shouldn't grow in height,
       use padding instead so they stay inline */
    p a, li a, .breadcrumbs a, .filter-options a,
    nav a, .pagination a, .pages a {
        display: inline-flex;
        align-items: center;
        padding-top: 14px;
        padding-bottom: 14px;
        min-height: 48px;
    }

    /* Pagination — ensure numbers are tappable */
    .pages .page,
    .pages .action,
    .pages-item-next a,
    .pages-item-previous a {
        min-width: 48px;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Filter sidebar links */
    .filter-options-item .item a {
        display: flex;
        align-items: center;
        min-height: 48px;
        padding: 8px 0;
    }

    /* Header utility icons (account, cart, search) */
    .header .action,
    .header a {
        min-height: 48px;
        min-width: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
	
}