/* OTMENS - Extracted from WIX site for exact clone */
/* Fonts from WIX/Parastorage */
@font-face {
  font-family: 'madefor-display-bold';
  font-style: normal;
  font-weight: 700;
  src: url('https://static.parastorage.com/fonts/v2/f7531dde-c39a-485c-a204-c09154e8d163/v1/madefor-display-bold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'madefor-text';
  font-style: normal;
  font-weight: 400;
  src: url('https://static.parastorage.com/fonts/v2/f73e760d-c6b3-4659-9a8c-9ce1d76c1173/v1/madefor-text.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'din-next-w01-light';
  font-style: normal;
  font-weight: 400;
  src: url('https://static.parastorage.com/fonts/v2/eca8b0cd-45d8-43cf-aee7-ca462bc5497c/v1/din-next-w01-light.woff2') format('woff2');
  font-display: swap;
}

/* WIX color variables - exact from otmens.com */
:root {
  --wix-color-15: 0, 0, 0;
  --wix-color-14: 110, 110, 110;
  --wix-color-18: 255, 202, 22;
  --wix-color-11: 255, 255, 255;
  --wix-color-12: 240, 240, 240;
  --wix-font-display: madefor-display-bold, Helvetica Neue, Helvetica, Arial, sans-serif;
  --wix-font-text: madefor-text, Helvetica Neue, Helvetica, Arial, sans-serif;
  --wix-font-body: din-next-w01-light, sans-serif;
  /* Inline colors from WIX */
  --wix-dark: #1B1A1A;
  --wix-muted: #6E6E6E;
  --wix-accent: #FFCA16;
  --wix-peptide: #C3691F;
  --wix-stay-young: #1685FF;
  --wix-weight: #B99006;
}

/* WIX typography classes */
.font_0 { font: normal normal normal 78px/1.2em var(--wix-font-display); color: rgb(var(--wix-color-15)); }
.font_2 { font: normal normal normal 45px/1.3em var(--wix-font-display); color: rgb(var(--wix-color-15)); }
.font_3 { font: normal normal normal 41px/1.3em var(--wix-font-display); color: rgb(var(--wix-color-15)); }
.font_4 { font: normal normal normal 37px/1.3em var(--wix-font-display); color: rgb(var(--wix-color-15)); }
.font_5 { font: normal normal normal 30px/1.3em var(--wix-font-display); color: rgb(var(--wix-color-15)); }
.font_6 { font: normal normal normal 24px/1.4em var(--wix-font-display); color: rgb(var(--wix-color-15)); }
.font_7 { font: normal normal normal 19px/1.6em var(--wix-font-text); color: rgb(var(--wix-color-15)); }
.font_8 { font: normal normal normal 17px/1.6em var(--wix-font-text); color: rgb(var(--wix-color-15)); }
.font_9 { font: normal normal normal 15px/1.6em var(--wix-font-text); color: rgb(var(--wix-color-15)); }
.font_10 { font: normal normal normal 12px/1.4em var(--wix-font-body); color: rgb(var(--wix-color-14)); }
.font_1 { font: normal normal normal 16px/1.4em var(--wix-font-body); color: rgb(var(--wix-color-14)); }

.color_15 { color: rgb(var(--wix-color-15)); }
.color_14 { color: rgb(var(--wix-color-14)); }

/* WIX treatment card - subtle raised appearance */
.wix-treatment-card {
  background: #F8F5F2;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: border-color 0.2s, box-shadow 0.2s;
  overflow: visible;
  min-width: 0; /* allow grid shrink */
}
.wix-treatment-card h3 {
  overflow: visible;
  white-space: nowrap;
  font-size: clamp(1rem, 1.8vw, 24px);
  line-height: 1.3;
}
.wix-treatment-card:hover {
  border-color: var(--wix-accent);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
