/* Category identity shared by all 23 locales. Scoped to product cards; catalog menus inherit their original neutral theme.
   Important declarations override the existing versioned theme without changing its assets. */
[data-tp-category="food"] { --tg-rgb:239,39,54; }
[data-tp-category="cleaning"] { --tg-rgb:47,125,255; }
[data-tp-category="cosmetics"] { --tg-rgb:159,106,227; }
[data-tp-category="packaging"] { --tg-rgb:242,132,45; }
[data-tp-category="homeware"] { --tg-rgb:184,193,197; }

html.light [data-tp-category="homeware"] { --tg-rgb:111,126,136; }
html body #product-groups article.product-group-card[data-tp-category] {
  --tg-border:.32;
  --tg-glow:.07;
  --tg-frame:.52;
  --tg-wash:.055;
  --tg-top:25,29,32;
  --tg-bottom:7,9,11;
  --tg-highlight:255,255,255;
  --tg-shadow:0,0,0;
  --tg-depth:.22;
  position:relative!important;
  isolation:isolate!important;
  border-color:rgba(var(--tg-rgb),var(--tg-border))!important;
  background:radial-gradient(ellipse at 12% 0%,rgba(var(--tg-rgb),var(--tg-wash)),transparent 72%),linear-gradient(145deg,rgb(var(--tg-top)),rgb(var(--tg-bottom)) 78%)!important;
  box-shadow:inset 0 1px 0 rgba(var(--tg-highlight),.09),inset 0 0 18px rgba(var(--tg-rgb),var(--tg-glow)),0 12px 32px rgba(var(--tg-shadow),var(--tg-depth)),0 0 20px rgba(var(--tg-rgb),var(--tg-glow))!important;
  transition:border-color .24s ease,box-shadow .24s ease,background-color .24s ease!important;
  transform:none!important;
}
html.light body #product-groups article.product-group-card[data-tp-category] {
  --tg-top:253,254,254;
  --tg-bottom:232,237,240;
  --tg-shadow:50,63,73;
  --tg-depth:.10;
  --tg-wash:.035;
}
/* An inset, rounded highlight follows the entire edge; it never intercepts clicks. */
html body #product-groups article.product-group-card[data-tp-category]::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  padding:1px!important;
  margin:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:linear-gradient(135deg,rgba(var(--tg-rgb),.95),rgba(var(--tg-rgb),.14) 35%,rgba(var(--tg-rgb),.28) 64%,rgba(var(--tg-rgb),.85))!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  mask-composite:exclude!important;
  box-shadow:none!important;
  opacity:var(--tg-frame)!important;
  transform:none!important;
  z-index:4!important;
  pointer-events:none!important;
  transition:opacity .24s ease!important;
}
html body #product-groups article.product-group-card[data-tp-category][data-tp-category="homeware"]::after {
  background:linear-gradient(132deg,#e5ebef 0%,#909da6 23%,#f7fafb 42%,#667580 62%,#b9c5cc 83%,#e5ebef 100%)!important;
}
/* Replace legacy red/tinted overlays with the category's own soft light. */
html body #product-groups article.product-group-card[data-tp-category]::before {
  background:linear-gradient(115deg,transparent 18%,rgba(var(--tg-rgb),.05) 46%,transparent 72%)!important;
  pointer-events:none!important;
}
html body #product-groups article.product-group-card[data-tp-category] .product-group-copy strong::after {
  background:linear-gradient(90deg,rgba(var(--tg-rgb),.48),rgba(var(--tg-rgb),.8) 48%,rgb(var(--tg-rgb)))!important;
  box-shadow:0 0 10px rgba(var(--tg-rgb),.2)!important;
}
html body #product-groups article.product-group-card[data-tp-category][data-tp-category="homeware"] .product-group-copy strong::after {
  background:linear-gradient(90deg,#7f8d97,#dce5eb 58%,#aab9c3)!important;
}
html body #product-groups article.product-group-card[data-tp-category]:focus-within,
html body #product-groups article.product-group-card[data-tp-category]:active {
  --tg-border:.88;
  --tg-glow:.24;
  --tg-frame:1;
  --tg-wash:.12;
}
@media (hover:hover) {
  html body #product-groups article.product-group-card[data-tp-category]:hover {
    --tg-border:.88;
    --tg-glow:.24;
    --tg-frame:1;
    --tg-wash:.12;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body #product-groups article.product-group-card[data-tp-category],
html body #product-groups article.product-group-card[data-tp-category]::after { transition:none!important; }
}
/* Older browsers still show the real colored border and shadow. */
@supports not (mask-composite:exclude) {
  @supports not (-webkit-mask-composite:xor) {
    html body #product-groups article.product-group-card[data-tp-category]::after { display:none!important; }
  }
}