/* Generated by tools/make-motifs.js. Do not edit directly. */

/* Section backgrounds replace the template's portrait rays everywhere except Skincare */
.wm--calm .wm-hero__rays { display: none; }

/* Fine grain on every light treatment panel (sits over the gradient, under the content) */
.wm--calm .wm__panel::after {
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20220%20220'%20fill%3D'none'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.85'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%20.06%20%200%200%200%200%20.14%20%200%200%200%200%20.3%20%200%200%200%20.55%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'220'%20height%3D'220'%20filter%3D'url(%23n)'%20opacity%3D'.35'%2F%3E%3C%2Fsvg%3E") 0 0 / 220px 220px,
    radial-gradient(120% 90% at 50% 30%, rgba(16, 40, 81, 0) 60%, rgba(16, 40, 81, .08) 100%);
  opacity: 1;
}

/* Weight Management: soft spotlight and two faint arcs behind the portrait */
.wm--calm#weight-management .wm__panel::before {
  background:
    radial-gradient(34% 30% at 50% 44%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, 0) 100%),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201200%201000'%20fill%3D'none'%3E%3Ccircle%20cx%3D'600'%20cy%3D'560'%20r%3D'330'%20stroke%3D'%23224C9E'%20stroke-opacity%3D'.10'%20stroke-width%3D'1.2'%2F%3E%3Ccircle%20cx%3D'600'%20cy%3D'560'%20r%3D'470'%20stroke%3D'%23224C9E'%20stroke-opacity%3D'.06'%20stroke-width%3D'1.2'%2F%3E%3C%2Fsvg%3E") center 0 / 1200px auto no-repeat,
    radial-gradient(50% 40% at 85% 0%, rgba(53, 113, 186, .14) 0%, rgba(53, 113, 186, 0) 100%);
}

/* Peptides: dot grid (unchanged) */
.wm--calm#peptides .wm__panel::before {
  background: radial-gradient(rgba(31, 90, 70, .16) 1.3px, transparent 1.8px) 0 0 / 24px 24px;
  -webkit-mask-image: radial-gradient(70% 60% at 50% 30%, #000 10%, transparent 90%);
          mask-image: radial-gradient(70% 60% at 50% 30%, #000 10%, transparent 90%);
}

/* Sexual Health: gentle mesh glow */
.wm--calm#sexual-health .wm__panel::before {
  background:
    radial-gradient(42% 38% at 14% 18%, rgba(83, 179, 168, .30) 0%, rgba(83, 179, 168, 0) 100%),
    radial-gradient(40% 42% at 88% 26%, rgba(72, 152, 176, .20) 0%, rgba(72, 152, 176, 0) 100%),
    radial-gradient(36% 30% at 50% 48%, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(60% 30% at 50% 100%, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, 0) 100%);
}

/* TRT: warm morning light falling in from the top right */
.wm--calm#trt .wm__panel::before {
  background:
    radial-gradient(40% 34% at 92% 0%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(118deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, .55) 46%, rgba(255, 255, 255, 0) 54%),
    linear-gradient(118deg, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, .35) 64%, rgba(255, 255, 255, 0) 70%),
    radial-gradient(50% 36% at 50% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%);
  filter: blur(2px);
}