:root {
	--display-font-family: Bevan;
	--body-font-family: Hind;

	--font-size: 16px

	--logo-padding: 30px;
	--logo-height: 250px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 1px;
	--header-bg-color: 255 255 255;
	--header-border-color: 245 245 245;

	--brand-color: 201 0 0;
	--brand-color-inverted: 255 15 ;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 61 61 61;

	--action-color: 201 0 0;
	--action-color-inverted: 0 0 0;

	--announcement-bar-bg-color: 0 0 0;
	--announcement-bar-text-color: 201 0 0;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: transparent;
	--main-navigation-link-color: 61 61 61;
	--main-navigation-link-color-hover: 32 32 32;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 16px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 61 61 61;

	--order-status-bg-color: 245 245 245;
	--order-status-color: 162 162 162;

	--store-menu-bg_color: 255 255 255;
	--store-menu-color: 255 0 0;

	--footer-bg-color: 32 32 32;
	--footer-color: 255 255 255;
	--footer-link-color: 255 15 ;
}

/*Custom Styles*/
/* Tender Cuts single watermark background */
body {
  background-color: #fffdf9;
  background-image:
    linear-gradient(
      rgba(255, 253, 249, 0.96),
      rgba(255, 253, 249, 0.96)
    ),
    url("https://storage.googleapis.com/grazecart-images-prod/tendercutsqualitymeats/images/1761847604_6903a9341b076.jpg");

  background-repeat: repeat, no-repeat;
  background-size: 400px 400px, min(850px, 85vw) auto;
  background-position: center, center;
  background-attachment: fixed, fixed;
}

@media (max-width: 767px) {
  body {
    background-size: 400px 400px, 85vw auto;
    background-attachment: scroll, scroll;
    background-position: center, center 250px;
  }
}

/* Larger prices only on products with a savings message */
.productListing__productContainer--list:has([class*="productListing__saleSavings"])
.productListing__salePrice > div {
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

/* Position badges within each sale product photo */
.productListing__productContainer--list:has([class*="productListing__saleSavings"])
.productListing__photoContainer--list {
  position: relative;
}

/* Show badge only on products with a savings message */
.productListing__productContainer--list:has([class*="productListing__saleSavings"])
.productListing__photoContainer--list::after {
  content: "ON SALE";
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
  background: #c90000;
  color: #ffffff;
  font: 800 12px/1.2 Arial, sans-serif;
  padding: 7px 10px;
  border-radius: 4px;
  pointer-events: none;
}/* Weekly Specials grid: larger sale prices */
section[id^="product_"]:has(
  [class*="productListing__saleSavings"]
) [class*="productListing__salePrice"] > div {
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

/* Red ON SALE tag over the product photo */
section[id^="product_"]:has(
  [class*="productListing__saleSavings"]
) > div:first-child {
  position: relative;
}

section[id^="product_"]:has(
  [class*="productListing__saleSavings"]
) > div:first-child::after {
  content: "ON SALE";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
  background: #c8102e;
  color: #fff;
  padding: 7px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.5px;
  pointer-events: none;
}
/* Keep ON SALE tags compact */
.productListing__photoContainer--list::after,
section[id^="product_"] > div:first-child::after {
  right: auto !important;
  width: max-content !important;
  max-width: calc(100% - 20px);
}/* PRE-ORDER tag: Texas Beef Ribs */
section#product_texas-beef-ribs-2 > div:first-child {
  position: relative;
}

/* PRE-ORDER tags */
:is(
  #product_texas-beef-ribs-2,
  #product_prime-new-york-strip
) > div:first-child {
  position: relative;
}

:is(
  #product_texas-beef-ribs-2,
  #product_prime-new-york-strip
) > div:first-child::before {
  content: "PRE-ORDER";
  position: absolute;
  top: 10px;
  right: 10px;
  left: auto;
  z-index: 5;
  width: max-content;
  background: #222;
  color: #fff;
  padding: 7px 12px;
  border-radius: 4px;
  font: 800 14px/1 Arial, sans-serif;
  pointer-events: none;
}