/* AvvalStock Product System v24.6 — shared visual contract.
 * Layout is still owned by the four skins; these tokens keep typography,
 * radii, colors and commerce controls visually identical across them.
 */
.avs-product-system{
  --avs-card-border:#dfe5ed;
  --avs-card-border-soft:#e7ecf3;
  --avs-card-text:#162033;
  --avs-card-title:#344054;
  --avs-card-muted:#667085;
  --avs-card-soft:#f8fafc;
  --avs-card-accent:#ff4967;
  --avs-card-accent-soft:#fff0f3;
  --avs-card-radius:16px;
  --avs-card-row-radius:9px;
  --avs-card-shadow:0 8px 24px rgba(23,32,51,.055);
  --avs-card-shadow-hover:0 14px 34px rgba(23,32,51,.085);

  /* Desktop reference = approved Homepage/Elementor card. */
  --avs-desktop-spec-font:11px;
  --avs-desktop-spec-height:37px;
  --avs-desktop-icon-box:20px;
  --avs-desktop-icon-size:14px;
  --avs-desktop-cta-width:46px;
  --avs-desktop-cta-height:40px;

  /* Mobile reference = approved category Grid/List card language. */
  --avs-mobile-spec-font:10px;
  --avs-mobile-spec-height:28px;
  --avs-mobile-icon-box:16px;
  --avs-mobile-icon-size:11px;
  --avs-mobile-cta-size:42px;

  color:var(--avs-card-text);
}