/* Points de rupture — approche mobile-first (§5.4 / §14). */

/* Tablette */
@media (min-width: 768px) {
    .dr-header__nav {
        display: block;
    }

    .dr-content-grid,
    .dr-product-grid,
    .dr-category-grid,
    .dr-shop .products {
        grid-template-columns: repeat(3, 1fr);
    }

    .single-product .product {
        grid-template-columns: 1fr 1fr;
    }

    .dr-footer__inner {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
    }
}

/* Desktop */
@media (min-width: 1100px) {
    .dr-content-grid,
    .dr-product-grid,
    .dr-category-grid,
    .dr-shop .products {
        grid-template-columns: repeat(4, 1fr);
    }
}