/* === BRICK / TILE PATTERN BACKGROUND === */
.ec-size .ec-store {
  background-color: #F8F9FA;
  background-image: linear-gradient(rgba(220, 220, 220, 0.4) 1px, transparent 1px), linear-gradient(90deg, rgba(220, 220, 220, 0.4) 1px, transparent 1px);
  background-size: 40px 40px;
  /* Brick size - adjust as needed */
  background-position: 0 0;
}

/* Optional: Softer mortar look with slight offset for realistic brick pattern */
.ec-size .ec-store::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(200, 200, 200, 0.25) 1px, transparent 1px), linear-gradient(90deg, rgba(200, 200, 200, 0.25) 1px, transparent 1px);
  background-size: 40px 40px;
  background-position: 20px 20px;
  pointer-events: none;
  z-index: -1;
  opacity: 0.6;
}

/* Make sure content areas stay clean */
.ec-size .ec-store .ec-wrapper,
.ec-size .ec-store .page-content {
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 8px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

/* Optional: Darker / Stronger Brick Version */
.ec-size .ec-store.brick-strong {
  background-image: linear-gradient(rgba(180, 180, 180, 0.55) 1px, transparent 1px), linear-gradient(90deg, rgba(180, 180, 180, 0.55) 1px, transparent 1px);
  background-size: 35px 35px;
}