/* store-lesswhite.css — soft off-white body so white product cards feel
   lifted, à la Home Depot. Kept minimal on purpose; iterate if Chris wants
   card outlines / shadows / bigger contrast. */

body {
  background: #f4f6f8 !important;
}

/* Give the main content columns a lifted-white feel by explicitly setting
   white on the biggest content containers so the tinted body shows through
   only in the gaps (header edges, between blocks, around the sidebar). */
.columns .column.main {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px 22px;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  margin-bottom: 24px;
}

/* Sidebar filter block gets the same lifted-white treatment. */
.sidebar .block.filter {
  background: #ffffff;
  border-radius: 10px;
  padding: 18px 18px;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  margin-bottom: 24px;
}

/* Product-page inner columns: keep white but no extra frame (they already
   sit inside .column.main). */
.product-info-main,
.product.media {
  background: transparent;
}

/* The half-off sale ribbon at the top: keep its full-bleed dark background
   flush against the tinted body — no side padding leak. */
.crione-sale-ribbon {
  margin-top: 0 !important;
}