/* dermal-filler.dk SPAR3 offer — proposal C. Do not copy to FR/PT. */
.hyla-offer3, .hyla-offer3 * { box-sizing: border-box; font-family: Manrope, system-ui, sans-serif; }
.hyla-offer3 { margin: 0 0 0.7rem; color: #1a1418; }
.hyla-offer3.is-c .hyla-offer3-row {
  display: flex; align-items: center; gap: 0.7rem;
  padding: 0.65rem 0.75rem;
  border-radius: 14px;
  background: #f7f4f5;
  border: 1px solid #eee4e6;
}
.hyla-offer3.is-c .hyla-offer3-copy { flex: 1 1 auto; min-width: 0; }
.hyla-offer3.is-c .hyla-offer3-kicker { display: block; font-size: 13.5px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.25; }
.hyla-offer3.is-c .hyla-offer3-sub { display: block; font-size: 11px; color: #7a656b; font-weight: 500; margin-top: 1px; }
.hyla-offer3.is-c .hyla-offer3-switch {
  flex: 0 0 auto; width: 42px; height: 26px; border-radius: 999px;
  background: #ddd5d7; position: relative; border: 0; padding: 0; cursor: pointer;
}
.hyla-offer3.is-c .hyla-offer3-switch::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px;
  border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(26,20,24,0.18);
  transition: left 0.15s ease;
}
.hyla-offer3.is-c.is-on .hyla-offer3-row { background: #e8f6ee; border-color: #cfe6d6; }
.hyla-offer3.is-c.is-on .hyla-offer3-switch { background: #3c8a62; }
.hyla-offer3.is-c.is-on .hyla-offer3-switch::after { left: 19px; }
.hyla-offer3.is-c.is-combo .hyla-offer3-row,
.hyla-offer3.is-c.is-used .hyla-offer3-row,
.hyla-offer3.is-c.is-expired .hyla-offer3-row { background: #f4f2f3; }
.hyla-offer3.is-c.is-combo .hyla-offer3-switch,
.hyla-offer3.is-c.is-used .hyla-offer3-switch,
.hyla-offer3.is-c.is-expired .hyla-offer3-switch { background: #d8d2d4; opacity: 0.7; cursor: default; }
.hyla-offer3.is-c .hyla-offer3-timer {
  display: flex; align-items: center; gap: 0.32rem;
  margin: 0.22rem 0 0; padding: 0;
  font-size: 11px; font-weight: 550; line-height: 1.3;
  color: #7a656b; letter-spacing: 0.01em; white-space: nowrap;
}
.hyla-offer3.is-c .hyla-offer3-timer svg { flex: 0 0 auto; color: currentColor; opacity: 0.85; }
.hyla-offer3.is-c .hyla-offer3-timer-val {
  font-weight: 700; font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1; letter-spacing: 0.02em;
}
.hyla-offer3.is-c.is-lasthour .hyla-offer3-timer { color: #6a5348; }
.hyla-offer3.is-c.is-idle.is-lasthour .hyla-offer3-row {
  background: #f7f3ef; border-color: #eadfd6;
}
.hyla-offer3.is-c .hyla-offer3-msg { margin: 0.4rem 0 0; font-size: 12px; line-height: 1.35; }
.hyla-offer3.is-c .hyla-offer3-msg.is-err { color: #8a3a3a; }
.hyla-offer3.is-c .hyla-offer3-msg.is-info { color: #6a5a60; }
#dnx-hyla-canvas-cart .hyla-offer3.is-c { margin: 0 0 0.65rem; }