/*
 * THEGROWNS RELATED PRODUCTS — CATEGORY CARD DESIGN
 * Staging only.
 */

body.single-product .related.products ul.products li.product {
  --tg-card-accent:#545b68;
  --tg-card-border:rgba(84,91,104,.18);
  --tg-card-gradient:linear-gradient(110deg,#363b46,#656b78);

  box-sizing:border-box !important;
  border:1px solid var(--tg-card-border) !important;
  border-radius:18px !important;
  background:#fff !important;

  padding:22px 18px 24px !important;

  box-shadow:0 12px 32px rgba(26,23,38,.07) !important;

  text-align:center !important;
  overflow:hidden !important;
}

body.single-product .related.products li.product.tg-related-weight {
  --tg-card-accent:#bb2634;
  --tg-card-border:rgba(187,38,52,.18);
  --tg-card-gradient:linear-gradient(110deg,#9c1530,#d43233,#f47732);
}

body.single-product .related.products li.product.tg-related-recovery {
  --tg-card-accent:#0b6b44;
  --tg-card-border:rgba(11,107,68,.18);
  --tg-card-gradient:linear-gradient(110deg,#073d28,#0b6b44,#21a36c);
}

body.single-product .related.products li.product.tg-related-performance {
  --tg-card-accent:#176bff;
  --tg-card-border:rgba(23,107,255,.18);
  --tg-card-gradient:linear-gradient(110deg,#083faf,#176bff,#40a8ff);
}

body.single-product .related.products li.product.tg-related-skin {
  --tg-card-accent:#a54fdf;
  --tg-card-border:rgba(165,79,223,.18);
  --tg-card-gradient:linear-gradient(110deg,#5b2697,#a54fdf,#dda7ff);
}

body.single-product .related.products li.product.tg-related-hormone {
  --tg-card-accent:#8c8100;
  --tg-card-border:rgba(140,129,0,.2);
  --tg-card-gradient:linear-gradient(110deg,#504900,#8c8100,#d5c400);
}

body.single-product .related.products li.product.tg-related-aging {
  --tg-card-accent:#7b4f2e;
  --tg-card-border:rgba(123,79,46,.2);
  --tg-card-gradient:linear-gradient(110deg,#4a2f1a,#7b4f2e,#b67d57);
}

body.single-product .related.products li.product.tg-related-women {
  --tg-card-accent:#e84da1;
  --tg-card-border:rgba(232,77,161,.18);
  --tg-card-gradient:linear-gradient(110deg,#a3005c,#e84da1,#ff8bcb);
}

body.single-product .related.products li.product.tg-related-cognitive {
  --tg-card-accent:#0b7c7f;
  --tg-card-border:rgba(11,124,127,.18);
  --tg-card-gradient:linear-gradient(110deg,#0b7c7f,#2bc6cc,#a6f2f4);
}

/* Brand micro-label */
body.single-product .related.products ul.products li.product::before {
  content:"THEGROWNS / RESEARCH";
  display:block;
  text-align:center;
  color:var(--tg-card-accent);
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
  line-height:1.3;
  margin:0 0 12px;
}

/* Product image */
body.single-product .related.products ul.products li.product
.woocommerce-loop-product__link img {
  display:block !important;
  width:100% !important;
  max-width:220px !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 auto 20px !important;
}

/* Product name */
body.single-product .related.products ul.products li.product
.woocommerce-loop-product__title {
  color:#191b24 !important;
  font-size:20px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:center !important;
  overflow-wrap:anywhere !important;
  margin:0 0 14px !important;
}

/* Price */
body.single-product .related.products ul.products li.product
.price {
  color:var(--tg-card-accent) !important;
  font-size:15px !important;
  font-weight:800 !important;
  text-align:center !important;
  margin:0 0 22px !important;
}

body.single-product .related.products ul.products li.product
.price * {
  color:inherit !important;
}

/* Approved category-style button */
body.single-product .related.products ul.products li.product
.product-action-wrap {
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  box-sizing:border-box !important;
}

body.single-product .related.products ul.products li.product
.product-action-wrap a.button {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:82% !important;
  max-width:240px !important;
  min-height:46px !important;

  margin:0 auto !important;
  padding:10px 14px !important;

  border-radius:7px !important;
  background:var(--tg-card-gradient) !important;
  background-image:var(--tg-card-gradient) !important;

  color:#fff !important;
  -webkit-text-fill-color:#fff !important;

  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.025em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Mobile */
@media screen and (max-width:760px) {

  body.single-product .related.products ul.products li.product {
    padding:14px 9px 18px !important;
    border-radius:15px !important;
  }

  body.single-product .related.products ul.products li.product::before {
    font-size:7px;
    letter-spacing:.12em;
    margin-bottom:9px;
  }

  body.single-product .related.products ul.products li.product
  .woocommerce-loop-product__title {
    font-size:15px !important;
    line-height:1.25 !important;
  }

  body.single-product .related.products ul.products li.product
  .price {
    font-size:12px !important;
  }

  body.single-product .related.products ul.products li.product
  .product-action-wrap a.button {
    width:100% !important;
    max-width:100% !important;
    padding:10px 3px !important;
    font-size:9px !important;
    letter-spacing:0 !important;
  }
}

/* TG_RELATED_CARD_COLORS_FINAL_START */

body.single-product .related.products ul.products li.product.product_cat-weight-management,
body.single-product .related.products ul.products li.product.tg-related-weight {
  --tg-card-accent:#bb2634 !important;
  --tg-card-border:rgba(187,38,52,.18) !important;
  --tg-card-gradient:linear-gradient(110deg,#9c1530,#d43233,#f47732) !important;
  --tg-related-gradient:linear-gradient(110deg,#9c1530,#d43233,#f47732) !important;
}

body.single-product .related.products ul.products li.product.product_cat-recovery-repair,
body.single-product .related.products ul.products li.product.tg-related-recovery {
  --tg-card-accent:#0b6b44 !important;
  --tg-card-border:rgba(11,107,68,.18) !important;
  --tg-card-gradient:linear-gradient(110deg,#073d28,#0b6b44,#21a36c) !important;
  --tg-related-gradient:linear-gradient(110deg,#073d28,#0b6b44,#21a36c) !important;
}

body.single-product .related.products ul.products li.product.product_cat-performance,
body.single-product .related.products ul.products li.product.tg-related-performance {
  --tg-card-accent:#176bff !important;
  --tg-card-border:rgba(23,107,255,.18) !important;
  --tg-card-gradient:linear-gradient(110deg,#083faf,#176bff,#40a8ff) !important;
  --tg-related-gradient:linear-gradient(110deg,#083faf,#176bff,#40a8ff) !important;
}

body.single-product .related.products ul.products li.product.product_cat-skin-appearance,
body.single-product .related.products ul.products li.product.tg-related-skin {
  --tg-card-accent:#a54fdf !important;
  --tg-card-border:rgba(165,79,223,.18) !important;
  --tg-card-gradient:linear-gradient(110deg,#5b2697,#a54fdf,#dda7ff) !important;
  --tg-related-gradient:linear-gradient(110deg,#5b2697,#a54fdf,#dda7ff) !important;
}

body.single-product .related.products ul.products li.product.product_cat-hormone-support,
body.single-product .related.products ul.products li.product.tg-related-hormone {
  --tg-card-accent:#8c8100 !important;
  --tg-card-border:rgba(140,129,0,.18) !important;
  --tg-card-gradient:linear-gradient(110deg,#504900,#8c8100,#d5c400) !important;
  --tg-related-gradient:linear-gradient(110deg,#504900,#8c8100,#d5c400) !important;
}

body.single-product .related.products ul.products li.product.product_cat-healthy-aging,
body.single-product .related.products ul.products li.product.tg-related-aging {
  --tg-card-accent:#7b4f2e !important;
  --tg-card-border:rgba(123,79,46,.18) !important;
  --tg-card-gradient:linear-gradient(110deg,#4a2f1a,#7b4f2e,#b67d57) !important;
  --tg-related-gradient:linear-gradient(110deg,#4a2f1a,#7b4f2e,#b67d57) !important;
}

body.single-product .related.products ul.products li.product.product_cat-womens-wellness,
body.single-product .related.products ul.products li.product.tg-related-women {
  --tg-card-accent:#e84da1 !important;
  --tg-card-border:rgba(232,77,161,.18) !important;
  --tg-card-gradient:linear-gradient(110deg,#a3005c,#e84da1,#ff8bcb) !important;
  --tg-related-gradient:linear-gradient(110deg,#a3005c,#e84da1,#ff8bcb) !important;
}

body.single-product .related.products ul.products li.product.product_cat-cognitive-support,
body.single-product .related.products ul.products li.product.tg-related-cognitive {
  --tg-card-accent:#0b7c7f !important;
  --tg-card-border:rgba(11,124,127,.18) !important;
  --tg-card-gradient:linear-gradient(110deg,#0b7c7f,#2bc6cc,#a6f2f4) !important;
  --tg-related-gradient:linear-gradient(110deg,#0b7c7f,#2bc6cc,#a6f2f4) !important;
}


/* Preserve category colors across the card. */
body.single-product .related.products ul.products li.product {
  border-color:var(--tg-card-border) !important;
}

body.single-product .related.products ul.products li.product::before {
  color:var(--tg-card-accent) !important;
}

body.single-product .related.products ul.products li.product .price,
body.single-product .related.products ul.products li.product .price * {
  color:var(--tg-card-accent) !important;
}

body.single-product .related.products ul.products li.product
.product-action-wrap a.button {
  background:var(--tg-card-gradient) !important;
  background-image:var(--tg-card-gradient) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}


/* TG_RELATED_CARD_COLORS_FINAL_END */