/*
 * Breakpoints used throughout the theme (CSS variables can't be used
 * in media queries, so these are written out in each file):
 *
 *   xs   < 576px     (max-width: 575.98px)  phones
 *   sm   576-767px   (max-width: 767.98px)  large phones
 *   md   >= 768px    (min-width: 768px)     tablets
 *   lg   >= 992px    (min-width: 992px)     small desktops: full menu, filter sidebar,
 *                                           two-column product modal
 *   xl   >= 1200px   (min-width: 1200px)    desktops
 */

body {

    --product-cell-gap: 10px;
}