/* Product Availability Status - smooth, light and non-lag */
.has-lg-availability{position:relative!important;overflow:visible!important}.lg-availability-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;line-height:1;letter-spacing:.01em;box-shadow:0 8px 22px rgba(15,23,42,.12);border:1px solid rgba(255,255,255,.45);backdrop-filter:saturate(1.1) blur(8px);-webkit-backdrop-filter:saturate(1.1) blur(8px);z-index:5;white-space:nowrap}.lg-availability-badge b{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:999px;font-size:10px;font-style:normal;background:rgba(255,255,255,.65)}.lg-availability-badge em{font-style:normal}.lg-availability-card{position:absolute;top:14px;left:14px}.lg-availability-current{margin:12px 0 0;vertical-align:middle}.lg-availability-available{color:#047857;background:rgba(236,253,245,.92);border-color:rgba(16,185,129,.28)}.lg-availability-limited{color:#9a3412;background:rgba(255,247,237,.94);border-color:rgba(251,146,60,.34)}.lg-availability-promo{color:#9f1239;background:rgba(255,241,242,.94);border-color:rgba(244,63,94,.32)}.lg-availability-coming-soon{color:#1d4ed8;background:rgba(239,246,255,.94);border-color:rgba(59,130,246,.30)}.lg-availability-out-of-stock{color:#4b5563;background:rgba(243,244,246,.96);border-color:rgba(107,114,128,.32)}.product-card .lg-availability-card,.appliance-card .lg-availability-card,.category-card .lg-availability-card,.model-card .lg-availability-card{top:12px;left:12px}@media(max-width:768px){.lg-availability-badge{font-size:11px;padding:6px 10px}.lg-availability-card{top:10px;left:10px}.lg-availability-current{margin-top:10px}}

/* Latest Promo side tab: larger and easier to read across every page. */
#openPromoBtn,
#openPromoBtn.lg-soft-promo,
button#openPromoBtn {
    right: -66px !important;
    padding: 17px 32px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
}

/* v28: Keep normal products clean. Only special statuses should be displayed. */
.lg-availability-badge[data-status="available"],
.lg-availability-available{
  display:none!important;
}

/* =========================================================
   MOBILE ONLY: REMOVE THE SECOND / INNER PAGE SCROLLBAR
   Same idea as homepage: do NOT make <main> its own scroll box.
   Keep normal browser page scroll only.
   ========================================================= */
@media (max-width: 768px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body > main,
    main {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: auto !important;
        overscroll-behavior: auto !important;
    }



    body > footer,
    footer,
    .footer {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: auto !important;
        overscroll-behavior: auto !important;
    }

    /* Keep hero image areas clipped without creating an inner vertical scrollbar. */
    main .hero,
    main .hero-inner,
    main .hero-water,
    main .hero-air,
    main .hero-dehumidifier,
    main .hero-dishwasher,
    main .hero-refrigerator,
    main .hero-vacuum,
    main .hero-tv,
    main .massage-hero,
    main .product-hero,
    main .category-hero {
        max-height: none !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: auto !important;
        overscroll-behavior: auto !important;
    }

    /* Prevent the side promo tab from creating a tiny sideways scroll area. */
    #openPromoBtn,
    #openPromoBtn.lg-soft-promo,
    button#openPromoBtn {
        right: -48px !important;
        padding: 14px 26px !important;
        font-size: 14px !important;
    }

    /* Extra safety for very narrow mobile/devtool widths. */
    .product-grid,
    .products-grid,
    .appliance-grid,
    .appliances-grid,
    .model-grid,
    .cards-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .product-card,
    .appliance-card,
    .model-card,
    .category-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}
