/* Popular Products block */
.home-popular { padding: 3rem 0; }
.home-popular__head { 
    text-align: left; 
    margin-bottom: 1.5rem; 
}
.home-popular__head h2 { 
    max-width: 100%;
 }
/* Columns adapt responsively via .product-grid (auto-fill) from main.css.
   "Max 2 rows" is enforced by JS: the page size (products per page) is set to
   columns × 2 on load/resize, so the grid always fills exactly 2 rows. */

.home-popular__pager {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.75rem;
    gap: 20px;
}
.home-popular__arrow {
    width: 40px; height: 40px; border-radius: 50%; border: 0; cursor: pointer;
    background: #1f2937; color: #fff; font-size: 1.25rem; line-height: 1;
}
/* Boundary state: prev disabled on page 1, next disabled on the last page */
.home-popular__arrow:disabled {
    background: #d1d5db;
    cursor: not-allowed;
    opacity: .6;
}