/*
 * Golden Deer — the friendly first step into consultation.
 * The external widget remains the technical owner of AI chat and messenger
 * links; this layer gives visitors a clearer, brand-native starting point.
 */
.scandi-deer {
  position: fixed;
  z-index: 2147483000;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  isolation: isolate;
  pointer-events: none;
}

.scandi-deer__button {
  position: relative;
  display: grid;
  width: 96px;
  height: 104px;
  padding: 0;
  place-items: center;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  background: transparent;
  filter: drop-shadow(0 12px 17px rgba(35, 25, 14, .3));
  isolation: isolate;
  pointer-events: auto;
  transition: transform .22s ease, filter .22s ease, opacity .18s ease;
  -webkit-tap-highlight-color: transparent;
}

/* A visible, slow golden wave makes the character feel alive and signals that
   it is an interactive element rather than a decorative sticker. */
.scandi-deer__button::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 73%;
  height: 65%;
  border-radius: 50%;
  border: 2px solid rgba(208, 145, 37, .95);
  background: rgba(228, 170, 58, .18);
  content: '';
  box-shadow: 0 0 25px rgba(202, 137, 30, .72), inset 0 0 19px rgba(255, 226, 159, .22);
  animation: scandi-deer-golden-wave 2.15s ease-out infinite;
}

.scandi-deer__button::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 88%;
  height: 78%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 221, 140, .68) 0%, rgba(218, 157, 49, .28) 43%, rgba(193, 133, 37, 0) 72%);
  content: '';
  filter: blur(7px);
  animation: scandi-deer-golden-pulse 2.15s ease-in-out infinite;
}

.scandi-deer__button:hover {
  transform: translateY(-4px) scale(1.045);
  filter: drop-shadow(0 16px 23px rgba(66, 42, 15, .42));
}

.scandi-deer__button:focus-visible {
  outline: 3px solid #e6bc6c;
  outline-offset: 5px;
}

.scandi-deer__canvas {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 5px rgba(255, 215, 135, .28));
  animation: scandi-deer-breathe 3.4s ease-in-out infinite;
}

/* A single, contextual invitation explains that the Deer is useful and
   clickable. It appears once per session and never competes with an open
   panel or an existing conversation. */
.scandi-deer__nudge {
  position: absolute;
  z-index: 3;
  right: 84px;
  bottom: 28px;
  box-sizing: border-box;
  min-height: 42px;
  max-width: min(230px, calc(100vw - 130px));
  padding: 10px 16px;
  overflow: visible;
  color: #fff7e8;
  font: 700 13px/1.2 "Montserrat", Arial, sans-serif;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid rgba(234, 190, 108, .62);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 50%, rgba(211, 159, 65, .24), transparent 48%),
    linear-gradient(145deg, #2b2118 0%, #17110d 100%);
  box-shadow: 0 14px 34px rgba(30, 19, 8, .34), inset 0 1px 0 rgba(255, 238, 191, .14);
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px) scale(.97);
  pointer-events: none;
  transition: opacity .24s ease, transform .24s ease, visibility .24s step-end;
  -webkit-tap-highlight-color: transparent;
}

.scandi-deer__nudge::after {
  position: absolute;
  top: 50%;
  right: -7px;
  width: 12px;
  height: 12px;
  border-top: 1px solid rgba(234, 190, 108, .62);
  border-right: 1px solid rgba(234, 190, 108, .62);
  background: #1b140f;
  content: '';
  transform: translateY(-50%) rotate(45deg);
}

.scandi-deer__nudge--visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(0) scale(1);
  pointer-events: auto;
  transition: opacity .24s ease, transform .24s ease;
}

.scandi-deer__nudge:hover,
.scandi-deer__nudge:focus-visible {
  color: #201407;
  border-color: #f0c875;
  background: linear-gradient(145deg, #f3cd7d, #c9953f);
  outline: none;
  transform: translateY(-2px);
}

.scandi-deer__nudge:hover::after,
.scandi-deer__nudge:focus-visible::after {
  border-color: #f0c875;
  background: #ce9d49;
}

.scandi-deer--welcome-open .scandi-deer__nudge,
.scandi-deer--legacy-open .scandi-deer__nudge {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Hide the external launcher at first paint, not after our JavaScript arrives.
   The fallback class is only set if the Deer cannot mount, restoring the
   original widget instead of leaving a visitor without a contact route. */
html body.scandi-deer-enabled:not(.scandi-deer-fallback) #scandi-widget .sw-trigger,
html body.scandi-deer-enabled:not(.scandi-deer-fallback) #scandi-widget .sw-notify,
html body #scandi-widget.scandi-deer-widget-active .sw-trigger.scandi-deer-source-trigger,
html body #scandi-widget.scandi-deer-widget-active .sw-notify {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: scale(.01) !important;
}

html body.scandi-deer-enabled.scandi-deer-fallback #scandi-widget .sw-trigger,
html body.scandi-deer-enabled.scandi-deer-fallback #scandi-widget .sw-notify {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

/* The original chat panel takes the corner only after a visitor explicitly
   chooses the AI-chat path from the Deer panel. */
.scandi-deer.scandi-deer--legacy-open {
  pointer-events: none;
}

.scandi-deer.scandi-deer--legacy-open .scandi-deer__button,
.scandi-deer.scandi-deer--legacy-open .scandi-deer__panel {
  opacity: 0;
  transform: scale(.94);
  visibility: hidden;
}

.scandi-deer__panel {
  position: absolute;
  right: 0;
  bottom: 94px;
  box-sizing: border-box;
  display: grid;
  width: min(358px, calc(100vw - 32px));
  max-height: min(548px, calc(100vh - 132px));
  overflow: auto;
  color: #fff7e8;
  border: 1px solid rgba(234, 190, 108, .55);
  border-radius: 25px;
  background:
    radial-gradient(circle at 20% 0%, rgba(197, 142, 57, .2), transparent 36%),
    linear-gradient(145deg, #292017 0%, #17120e 62%, #100d0a 100%);
  box-shadow: 0 24px 64px rgba(19, 12, 5, .45), inset 0 1px 0 rgba(255, 238, 191, .16);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px) scale(.97);
  pointer-events: none;
  transition: bottom .22s ease, opacity .22s ease, transform .22s ease, visibility .22s step-end;
}

.scandi-deer--welcome-open .scandi-deer__panel {
  bottom: 0;
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  transition: bottom .22s ease, opacity .22s ease, transform .22s ease;
}

/* The launcher becomes the character inside the panel instead of appearing a
   second time below it. Closing the panel brings the animated launcher back. */
.scandi-deer--welcome-open .scandi-deer__button {
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(.88);
  pointer-events: none;
}

.scandi-deer__panel-head {
  display: grid;
  grid-template-columns: 76px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 16px 16px 14px;
  border-bottom: 1px solid rgba(239, 204, 137, .16);
  background: radial-gradient(circle at 13% 45%, rgba(240, 195, 104, .13), transparent 28%);
}

.scandi-deer__panel-canvas {
  display: block;
  width: 76px;
  height: 82px;
  border-radius: 22px;
  background: radial-gradient(circle, rgba(240, 197, 111, .16), transparent 67%);
  filter: drop-shadow(0 0 8px rgba(229, 182, 94, .32));
}

.scandi-deer__title {
  margin: 0;
  color: #fff9ef;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
}

.scandi-deer__subtitle {
  margin: 4px 0 0;
  color: rgba(255, 247, 232, .62);
  font-size: 12px;
  line-height: 1.2;
}

.scandi-deer__close,
.scandi-deer__back {
  display: inline-grid;
  width: 32px;
  height: 32px;
  padding: 0;
  place-items: center;
  cursor: pointer;
  color: #f9e8c7;
  border: 1px solid rgba(239, 204, 137, .18);
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
  font: inherit;
  font-size: 20px;
  line-height: 1;
  transition: background .18s ease, border-color .18s ease;
}

.scandi-deer__close:hover,
.scandi-deer__back:hover {
  border-color: rgba(239, 204, 137, .52);
  background: rgba(216, 165, 76, .16);
}

.scandi-deer__view {
  padding: 13px 14px 14px;
}

.scandi-deer__view[hidden] {
  display: none;
}

.scandi-deer__intro {
  margin: 0 2px 10px;
  color: rgba(255, 247, 232, .76);
  font-size: 14px;
  line-height: 1.45;
}

.scandi-deer__actions,
.scandi-deer__channels {
  display: grid;
  gap: 10px;
}

.scandi-deer__promise {
  display: flex;
  gap: 7px;
  margin: 0 1px 13px;
}

.scandi-deer__promise span {
  display: inline-flex;
  gap: 4px;
  align-items: baseline;
  padding: 6px 9px;
  color: rgba(255, 247, 232, .76);
  border: 1px solid rgba(239, 204, 137, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  font-size: 10.5px;
  line-height: 1;
}

.scandi-deer__promise strong {
  color: #f3cc7e;
  font-size: 12px;
  font-weight: 700;
}

.scandi-deer__action,
.scandi-deer__channel {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 58px;
  padding: 11px 43px 11px 13px;
  cursor: pointer;
  color: #fff8ea;
  border: 1px solid rgba(239, 204, 137, .17);
  border-radius: 15px;
  background: rgba(255, 255, 255, .045);
  font: inherit;
  text-align: left;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.scandi-deer__action::after,
.scandi-deer__channel::after {
  position: absolute;
  right: 15px;
  align-self: center;
  color: #e3b96e;
  content: '›';
  font-size: 26px;
  font-weight: 300;
  line-height: 1;
}

.scandi-deer__action:hover,
.scandi-deer__channel:hover {
  border-color: rgba(239, 204, 137, .54);
  background: rgba(214, 159, 69, .13);
  transform: translateX(2px);
}

.scandi-deer__action strong,
.scandi-deer__channel strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.scandi-deer__action {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 66px;
  padding: 11px 42px 11px 11px;
}

.scandi-deer__action-copy { min-width: 0; }

.scandi-deer__action-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #efc46f;
  border: 1px solid rgba(239, 204, 137, .22);
  border-radius: 13px;
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

.scandi-deer__action-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary {
  min-height: 76px;
  color: #27190a !important;
  border-color: rgba(255, 225, 159, .85) !important;
  background: linear-gradient(135deg, #f7dda2 0%, #d59a35 100%) !important;
  box-shadow: 0 12px 26px rgba(172, 105, 18, .25), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary strong { color: #241608 !important; font-size: 15px; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary small { color: rgba(48, 29, 8, .7) !important; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary::after { color: #5d3a0c !important; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary .scandi-deer__action-icon {
  color: #4b2d09;
  border-color: rgba(75, 45, 9, .18);
  background: rgba(255, 255, 255, .26);
}

html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary:hover,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary:focus-visible {
  border-color: #ffe8b6 !important;
  background: linear-gradient(135deg, #ffe9b8 0%, #dda849 100%) !important;
  transform: translateY(-1px);
}

html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--estimate {
  border-color: rgba(239, 204, 137, .38) !important;
  background: radial-gradient(circle at 8% 50%, rgba(226, 175, 83, .16), transparent 25%), rgba(255, 255, 255, .07) !important;
}

.scandi-deer__quick-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

/* 24.07: компакт-вариант выравнен с большими кнопками — владелец
   отметил «две верхние большие, две нижние узкие». Метрики = базовые. */
.scandi-deer__action--compact {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 11px;
  min-height: 66px;
  padding: 11px 42px 11px 11px;
  border-radius: 15px;
}

.scandi-deer__action--compact .scandi-deer__action-icon {
  width: 42px;
  height: 42px;
  border-radius: 13px;
}

.scandi-deer__action--compact .scandi-deer__action-icon svg { width: 22px; height: 22px; }
.scandi-deer__action--compact strong { font-size: 14px; }
.scandi-deer__action--compact small { margin-top: 3px; font-size: 12px; line-height: 1.25; }
.scandi-deer__action--compact::after { right: 15px; font-size: 26px; }

.scandi-deer__action small,
.scandi-deer__channel small {
  display: block;
  margin-top: 3px;
  color: rgba(255, 247, 232, .62);
  font-size: 12px;
  line-height: 1.25;
}

.scandi-deer__footer {
  padding: 0 16px 15px;
  color: rgba(255, 240, 210, .54);
  font-size: 11px;
  letter-spacing: .01em;
  text-align: center;
}

.scandi-deer__channels-head {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 1px 1px 13px;
}

.scandi-deer__channels-head .scandi-deer__back {
  width: 29px;
  height: 29px;
  font-size: 24px;
}

.scandi-deer__channels-head p {
  margin: 0;
  color: rgba(255, 247, 232, .78);
  font-size: 14px;
}

/* Page templates carry their own form/widget rules. These final scoped rules
   make the Deer panel self-contained, so FAQ, SEO and mobile CSS cannot wash
   it out on a light page background. */
html body.scandi-deer-enabled .scandi-deer__panel {
  color: #fff7e8 !important;
  border-color: rgba(234, 190, 108, .62) !important;
  background-color: #1b1510 !important;
  background-image: radial-gradient(circle at 20% 0%, rgba(197, 142, 57, .24), transparent 36%), linear-gradient(145deg, #2b2118 0%, #19120d 62%, #100c09 100%) !important;
  box-shadow: 0 24px 64px rgba(19, 12, 5, .52), inset 0 1px 0 rgba(255, 238, 191, .16) !important;
  color-scheme: dark;
}

html body.scandi-deer-enabled .scandi-deer__panel-head {
  border-color: rgba(239, 204, 137, .18) !important;
  background: radial-gradient(circle at 13% 45%, rgba(240, 195, 104, .13), transparent 28%) !important;
}

html body.scandi-deer-enabled .scandi-deer__title { color: #fff9ef !important; }
html body.scandi-deer-enabled .scandi-deer__subtitle,
html body.scandi-deer-enabled .scandi-deer__intro,
html body.scandi-deer-enabled .scandi-deer__footer,
html body.scandi-deer-enabled .scandi-deer__channels-head p { color: rgba(255, 247, 232, .76) !important; }

html body.scandi-deer-enabled .scandi-deer__action,
html body.scandi-deer-enabled .scandi-deer__channel {
  color: #fff8ea !important;
  border-color: rgba(239, 204, 137, .25) !important;
  background: rgba(255, 255, 255, .075) !important;
}

html body.scandi-deer-enabled .scandi-deer__action strong,
html body.scandi-deer-enabled .scandi-deer__channel strong { color: #fff8ea !important; }
html body.scandi-deer-enabled .scandi-deer__action small,
html body.scandi-deer-enabled .scandi-deer__channel small { color: rgba(255, 247, 232, .7) !important; }
html body.scandi-deer-enabled .scandi-deer__action::after,
html body.scandi-deer-enabled .scandi-deer__channel::after { color: #e9c275 !important; }

html body.scandi-deer-enabled .scandi-deer__close,
html body.scandi-deer-enabled .scandi-deer__back {
  color: #f9e8c7 !important;
  border-color: rgba(239, 204, 137, .25) !important;
  background: rgba(255, 255, 255, .07) !important;
}

/* ── Golden Deer interaction flow ─────────────────────────────────────── */
.scandi-deer__view {
  min-height: 194px;
  padding: 14px;
}

.scandi-deer__view--entered > * {
  animation: scandi-deer-view-in .24s ease both;
}

.scandi-deer__view-top {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 1px 1px 13px;
}

.scandi-deer__view-top .scandi-deer__back {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  font-size: 24px;
}

.scandi-deer__section-title,
.scandi-deer__question {
  margin: 0;
  color: #fff8ea;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.scandi-deer__progress,
.scandi-deer__lead-copy,
.scandi-deer__legal,
.scandi-deer__form-label,
.scandi-deer__status {
  margin: 3px 0 0;
  color: rgba(255, 247, 232, .72);
  font-size: 12px;
  line-height: 1.4;
}

.scandi-deer__progress-track {
  height: 4px;
  margin: 0 1px 18px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .12);
}

.scandi-deer__progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #b77d2e, #f0ca7b);
  box-shadow: 0 0 12px rgba(232, 183, 91, .55);
  transition: width .24s ease;
}

.scandi-deer__question { margin: 0 2px 13px; }

.scandi-deer__options { display: grid; gap: 8px; }

.scandi-deer__option,
.scandi-deer__primary,
.scandi-deer__secondary {
  box-sizing: border-box;
  width: 100%;
  min-height: 51px;
  border: 1px solid rgba(239, 204, 137, .25);
  border-radius: 14px;
  font: inherit;
  text-align: left;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, opacity .16s ease;
}

.scandi-deer__option {
  position: relative;
  display: block;
  padding: 12px 41px 12px 14px;
  cursor: pointer;
  color: #fff8ea;
  background: rgba(255, 255, 255, .065);
}

.scandi-deer__option::after {
  position: absolute;
  top: 50%;
  right: 15px;
  color: #e9c275;
  content: '›';
  font-size: 25px;
  font-weight: 300;
  line-height: 1;
  transform: translateY(-50%);
}

.scandi-deer__option:hover,
.scandi-deer__option:focus-visible,
.scandi-deer__secondary:hover,
.scandi-deer__secondary:focus-visible {
  border-color: rgba(239, 204, 137, .58);
  background: rgba(214, 159, 69, .14);
  outline: 0;
  transform: translateX(2px);
}

.scandi-deer__option strong { font-size: 14px; line-height: 1.35; }

.scandi-deer__lead-copy { margin: 0 2px 14px; font-size: 13px; }

.scandi-deer__lead-form { display: grid; gap: 7px; }

.scandi-deer__form-label { margin: 2px 2px 0; color: rgba(255, 247, 232, .84); }

.scandi-deer__field input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 13px;
  color: #fff8ea;
  border: 1px solid rgba(239, 204, 137, .28);
  border-radius: 12px;
  outline: 0;
  background: rgba(255, 255, 255, .07);
  font: inherit;
  font-size: 14px;
}

.scandi-deer__field input::placeholder { color: rgba(255, 247, 232, .43); }

.scandi-deer__field input:focus {
  border-color: rgba(239, 204, 137, .78);
  box-shadow: 0 0 0 3px rgba(211, 158, 65, .15);
}

.scandi-deer__primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  padding: 0 14px 0 16px;
  cursor: pointer;
  color: #25180b;
  border-color: #f0c36f;
  background: linear-gradient(135deg, #f3d48d, #c89135);
  box-shadow: 0 9px 20px rgba(192, 132, 37, .2);
  font-weight: 750;
  text-decoration: none;
}

.scandi-deer__primary:hover,
.scandi-deer__primary:focus-visible {
  color: #1b1108;
  border-color: #ffe0a4;
  background: linear-gradient(135deg, #ffdfa1, #d79e42);
  outline: 0;
  transform: translateY(-1px);
}

.scandi-deer__primary span { font-size: 20px; font-weight: 400; }
.scandi-deer__primary:disabled { cursor: wait; opacity: .66; transform: none; }

.scandi-deer__legal { margin: 3px 2px 0; color: rgba(255, 247, 232, .52); font-size: 10px; }
.scandi-deer__legal a { color: #e9c275; text-underline-offset: 2px; }
.scandi-deer__status { min-height: 17px; margin: 0 2px; color: #f4cc77; }

.scandi-deer__success-mark {
  display: grid;
  width: 44px;
  height: 44px;
  margin: 8px auto 11px;
  place-items: center;
  color: #25180b;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffe5ad, #c99034);
  box-shadow: 0 0 0 7px rgba(218, 165, 74, .12), 0 8px 20px rgba(188, 128, 33, .25);
  font-size: 24px;
  font-weight: 800;
}

.scandi-deer__handoff-loader {
  display: flex;
  gap: 7px;
  justify-content: center;
  margin: 20px auto 15px;
}

.scandi-deer__handoff-loader span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #edc46f;
  box-shadow: 0 0 12px rgba(239, 196, 111, .6);
  animation: scandi-deer-handoff-dot 1.1s ease-in-out infinite;
}

.scandi-deer__handoff-loader span:nth-child(2) { animation-delay: .14s; }
.scandi-deer__handoff-loader span:nth-child(3) { animation-delay: .28s; }

.scandi-deer__section-title--success { text-align: center; }
.scandi-deer__lead-copy--center { margin-bottom: 16px; text-align: center; }

.scandi-deer__secondary {
  display: block;
  margin-top: 9px;
  cursor: pointer;
  color: #fff8ea;
  background: rgba(255, 255, 255, .06);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

.scandi-deer__panel--handoff {
  opacity: .14 !important;
  pointer-events: none !important;
  transform: translateY(-6px) scale(.975) !important;
}

/* The built-in chat stays the technical chat engine, but only appears after
   the contact gate. This skin uses the same card, colours and motion as the
   Deer panel, so there is no visual jump into the old widget. */
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-panel {
  position: fixed !important;
  z-index: 2147483002 !important;
  right: max(20px, env(safe-area-inset-right)) !important;
  bottom: max(20px, env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(430px, calc(100vw - 40px)) !important;
  height: min(650px, calc(100vh - 32px)) !important;
  max-height: min(650px, calc(100vh - 32px)) !important;
  overflow: hidden !important;
  color: #fff7e8 !important;
  border: 1px solid rgba(234, 190, 108, .62) !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at 20% 0%, rgba(197, 142, 57, .24), transparent 36%), linear-gradient(145deg, #2b2118 0%, #19120d 62%, #100c09 100%) !important;
  box-shadow: 0 24px 64px rgba(19, 12, 5, .52), inset 0 1px 0 rgba(255, 238, 191, .16) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(12px) scale(.97) !important;
  transition: opacity .24s ease, transform .24s ease, visibility .24s step-end !important;
}

html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-panel.sw-open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  transition: opacity .24s ease, transform .24s ease !important;
}

html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 72px !important;
  padding: 14px 16px !important;
  color: #fff8ea !important;
  border-bottom: 1px solid rgba(239, 204, 137, .16) !important;
  background: rgba(255, 255, 255, .025) !important;
}

html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header-avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  box-shadow: 0 0 12px rgba(236, 185, 91, .28) !important;
}

html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header-brand { color: #fff9ef !important; font-size: 15px !important; font-weight: 700 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header-status { color: rgba(255, 247, 232, .64) !important; font-size: 11px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header-close { color: #f9e8c7 !important; border: 1px solid rgba(239, 204, 137, .25) !important; border-radius: 50% !important; background: rgba(255,255,255,.07) !important; }

html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-tabs {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(239, 204, 137, .13) !important;
  background: transparent !important;
}

html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-tab {
  flex: 1 1 0 !important;
  min-height: 36px !important;
  color: rgba(255, 247, 232, .7) !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  font: inherit !important;
  font-size: 12px !important;
}

html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-tab.sw-active {
  color: #291b0b !important;
  border-color: #edc46f !important;
  background: linear-gradient(135deg, #f3d48d, #c89135) !important;
}

html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-view { flex: 1 1 auto !important; min-height: 0 !important; overflow: hidden !important; background: transparent !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  gap: 14px !important;
  padding: 18px 16px 20px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: transparent !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(239, 204, 137, .28) transparent !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-messages::-webkit-scrollbar { width: 5px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-messages::-webkit-scrollbar-thumb { background: rgba(239, 204, 137, .28) !important; border-radius: 8px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg {
  width: auto !important;
  max-width: 100% !important;
  color: #fff8ea !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bot { align-self: flex-start !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-user { align-self: flex-end !important; max-width: 88% !important; color: #24170a !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-avatar {
  width: 30px !important;
  height: 30px !important;
  margin-top: 3px !important;
  border: 1px solid rgba(239,204,137,.38) !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.2) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bot .sw-msg-body { flex: 0 1 auto !important; max-width: calc(100% - 40px) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bubble {
  padding: 13px 15px !important;
  font-size: 13.5px !important;
  line-height: 1.58 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bot .sw-msg-bubble {
  color: #fff8eb !important;
  border: 1px solid rgba(239,204,137,.22) !important;
  border-radius: 5px 16px 16px 16px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.055)) !important;
  box-shadow: 0 7px 22px rgba(0,0,0,.14) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-user .sw-msg-bubble {
  color: #24170a !important;
  border: 1px solid rgba(255,224,157,.58) !important;
  border-radius: 16px 16px 5px 16px !important;
  background: linear-gradient(145deg, #f2cf80 0%, #d49b36 100%) !important;
  box-shadow: 0 8px 22px rgba(131,82,17,.24) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-meta { color: rgba(255,247,232,.44) !important; padding: 0 5px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-user .sw-msg-meta { color: rgba(255,239,203,.58) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-link {
  margin: 11px 0 3px !important;
  padding: 11px 12px !important;
  color: #ffe7ad !important;
  border-color: rgba(239,196,111,.38) !important;
  background: rgba(237,196,111,.09) !important;
  box-shadow: none !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-link:hover { border-color: rgba(239,196,111,.7) !important; background: rgba(237,196,111,.14) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing { gap: 10px !important; padding: 0 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-wrap {
  gap: 8px !important;
  padding: 9px 12px !important;
  color: rgba(255,247,232,.65) !important;
  border: 1px solid rgba(239,204,137,.18) !important;
  border-radius: 5px 14px 14px 14px !important;
  background: rgba(255,255,255,.065) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-avatar { width: 30px !important; height: 30px !important; border: 1px solid rgba(239,204,137,.35) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-dots { gap: 4px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-dots span { width: 5px !important; height: 5px !important; background: #e5ba67 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-label { color: rgba(255,247,232,.62) !important; font-size: 11px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input-area { flex: 0 0 auto !important; gap: 10px !important; padding: 12px 14px 14px !important; border-top: 1px solid rgba(239, 204, 137, .14) !important; background: rgba(255,255,255,.025) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input {
  min-height: 44px !important;
  max-height: 112px !important;
  padding: 11px 14px !important;
  color: #fff8ea !important;
  border: 1px solid rgba(239,204,137,.28) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.07) !important;
  line-height: 20px !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input::-webkit-scrollbar { display: none !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input.sw-input-scroll { overflow-y: auto !important; scrollbar-width: thin !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input.sw-input-scroll::-webkit-scrollbar { display: block !important; width: 4px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input.sw-input-scroll::-webkit-scrollbar-thumb { background: rgba(239,204,137,.28) !important; border-radius: 5px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input::placeholder { color: rgba(255,247,232,.44) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-send-btn { width: 44px !important; height: 44px !important; color: #281a0b !important; background: linear-gradient(135deg, #f3d48d, #c89135) !important; box-shadow: 0 5px 13px rgba(190,131,36,.2) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-summary { display: flex !important; flex-direction: column !important; gap: 8px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-title { display: flex !important; align-items: center !important; gap: 7px !important; margin-bottom: 2px !important; font-size: 13px !important; font-weight: 800 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-title::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; border-radius: 50%; color: #2b1a08; background: rgba(255,255,255,.48); font-size: 11px; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-param { padding: 8px 10px !important; border: 1px solid rgba(73,43,8,.13) !important; border-radius: 10px !important; background: rgba(255,255,255,.2) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-label { display: block !important; margin-bottom: 2px !important; color: rgba(43,26,8,.68) !important; font-size: 10.5px !important; line-height: 1.35 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-value { display: block !important; color: #2b1a08 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.38 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channels { padding: 12px !important; background: transparent !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channel,
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-phone-section { color: #fff8ea !important; border: 1px solid rgba(239,204,137,.22) !important; border-radius: 13px !important; background: rgba(255,255,255,.065) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-footer { display: none !important; }

/* ── Тёмная панель: названия каналов и лид-форма (25.07) ──────────────────────
   Базовые стили виджета красят .sw-channel-name в #2c2c2c — на тёмной панели
   имена мессенджеров становились невидимыми (владелец: «сливаются с фоном»).
   Цвет карточки наследованием не помогает: у имени свой color. */
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channel-name {
  color: #fff8ea !important;
  -webkit-text-fill-color: #fff8ea !important;
  font-weight: 700 !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channel-desc {
  color: rgba(255, 247, 232, .62) !important;
  -webkit-text-fill-color: rgba(255, 247, 232, .62) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channel-arrow {
  color: rgba(239, 204, 137, .75) !important;
  -webkit-text-fill-color: rgba(239, 204, 137, .75) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-phone-section-label,
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channels-title {
  color: rgba(255, 247, 232, .72) !important;
}
/* Аварийная лид-форма (когда чат не поднялся) — тоже на тёмном. */
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-form {
  border: 1px solid rgba(239, 204, 137, .22) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .06) !important;
  padding: 12px !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-form-title { color: #fff8ea !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-form-copy {
  color: rgba(255, 247, 232, .67) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-input {
  color: #2b1a08 !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgba(239, 204, 137, .3) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-input::placeholder { color: rgba(43, 26, 8, .55) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-skip {
  color: rgba(255, 247, 232, .66) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-skip:hover {
  color: #fff8ea !important;
}

/* Фото Алексея в кнопке «Задать вопрос» — вместо иконки. */
.scandi-deer__action-photo {
  flex: 0 0 auto;
  display: inline-flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(239, 204, 137, .45);
  box-shadow: 0 6px 16px -10px rgba(0, 0, 0, .8);
}
.scandi-deer__action-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }


@keyframes scandi-deer-golden-wave {
  0% { opacity: .94; transform: scale(.58); }
  55% { opacity: .28; transform: scale(1.55); }
  100% { opacity: 0; transform: scale(1.54); }
}

@keyframes scandi-deer-golden-pulse {
  0%, 100% { opacity: .44; transform: scale(.72); }
  46% { opacity: 1; transform: scale(1.22); }
  66% { opacity: .65; transform: scale(.92); }
}

@keyframes scandi-deer-breathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-1px) scale(1.012); }
}

@keyframes scandi-deer-view-in {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes scandi-deer-handoff-dot {
  0%, 100% { opacity: .38; transform: translateY(0) scale(.84); }
  45% { opacity: 1; transform: translateY(-5px) scale(1.08); }
}

@media (max-width: 768px) {
  /* mobile.css deliberately hides the old launcher. Re-enable its root only
     after the Deer has taken control, otherwise the AI chat could not open. */
  html body #scandi-widget.scandi-deer-widget-active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .scandi-deer {
    right: max(11px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
  }

  .scandi-deer__button {
    width: 82px;
    height: 90px;
  }

  .scandi-deer__panel {
    bottom: 78px;
    width: min(348px, calc(100vw - 22px));
    max-height: min(530px, calc(100vh - 102px));
    border-radius: 22px;
  }

  html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-panel {
    right: max(11px, env(safe-area-inset-right)) !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    width: min(430px, calc(100vw - 22px)) !important;
    height: min(650px, calc(100vh - 20px)) !important;
    max-height: min(650px, calc(100vh - 20px)) !important;
    border-radius: 20px !important;
  }
}

@media (max-width: 480px) {
  .scandi-deer__quick-actions { grid-template-columns: minmax(0, 1fr); }

  .scandi-deer__action--compact {
    grid-template-columns: 31px minmax(0, 1fr);
    gap: 7px;
    padding-right: 20px;
  }

  .scandi-deer__action--compact .scandi-deer__action-icon { width: 30px; height: 30px; }

  html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-panel {
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 18px 18px 0 0 !important;
  }

  html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-messages { padding: 16px 12px 20px !important; }
  html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-user { max-width: 92% !important; }
  html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bubble { font-size: 14px !important; }
  html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input-area { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important; }
}

@media (max-width: 350px) {
  .scandi-deer__quick-actions { grid-template-columns: minmax(0, 1fr); }
  .scandi-deer__action--compact { grid-template-columns: 34px minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .scandi-deer__button,
  .scandi-deer__button:hover,
  .scandi-deer__panel,
  .scandi-deer__action,
  .scandi-deer__channel,
  .scandi-deer__option,
  .scandi-deer__primary,
  .scandi-deer__secondary {
    transition: none;
    transform: none;
  }

  .scandi-deer__button::before,
  .scandi-deer__button::after,
  .scandi-deer__canvas,
  .scandi-deer__handoff-loader span {
    animation: none;
  }
}

/* 24.07: единая высота всех вторичных кнопок панели — контент разной длины
   давал разнобой (верхние 78, нижние 64), владелец просил ровно. */
.scandi-deer__action--estimate,
.scandi-deer__action--compact { min-height: 78px; }


/* ── scandi-deer-mobile-tiles (27.07) ─────────────────────────────────────────
   Владелец: «две верхние плашки слишком широкие, форма растягивается,
   а «Алексей на связи» прижата к аватарке». Причина второго — фото 40px в
   колонке 31px из мобильного блока: аватар вылезал под текст. */
@media (max-width: 768px) {
  /* одна метрика на все четыре плашки */
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--estimate {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    min-height: 62px;
    padding: 10px 34px 10px 10px;
    border-radius: 14px;
  }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-icon,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact .scandi-deer__action-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-icon svg { width: 20px; height: 20px; }
  /* фото консультанта = размеру иконки, иначе наезжает на текст */
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-photo { width: 38px; height: 38px; }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action strong,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact strong { font-size: 13.5px; line-height: 1.2; }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action small,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact small {
    margin-top: 2px;
    font-size: 11.5px;
    line-height: 1.22;
  }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action::after { right: 12px; font-size: 22px; }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__intro { font-size: 12.5px; line-height: 1.35; }
}


/* ── scandi-deer-mobile-v2 (27.07) ───────────────────────────────────────────
   Первая попытка проигрывала правилам с !important: верхние плашки остались
   80px против 66px у нижних. Одна высота для всех четырёх. */
@media (max-width: 768px) {
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--primary,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--estimate,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 62px !important;
    padding: 10px 32px 10px 10px !important;
  }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action strong { font-size: 13.5px !important; }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action small { font-size: 11.5px !important; line-height: 1.22 !important; margin-top: 2px !important; }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-icon { width: 38px !important; height: 38px !important; }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-photo { width: 38px !important; height: 38px !important; }
}


/* ── scandi-deer-equal-tiles (27.07) ─────────────────────────────────────────
   Все четыре плашки одной высоты: подпись у верхних переносилась на две строки
   и распирала карточку (80px против 66px у нижних). */
@media (max-width: 768px) {
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--primary,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--estimate,
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact {
    min-height: 68px !important;
    height: 68px !important;
    align-items: center !important;
  }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action small {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action strong {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* Оленёнок прячется, пока открыто меню (28.07.2026).
   У виджета максимальный z-index (2147483000), поэтому он оказывался поверх
   выехавшего меню и закрывал правый край кнопки «Вход для клиентов» и
   московский телефон. Открытое меню помечается на себе `aria-hidden="false"` —
   по нему и ориентируемся, отдельный класс не нужен. */
body:has(.scandi-drawer[aria-hidden="false"]) .scandi-deer {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(12px) scale(0.94) !important;
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   28.07.2026 — олень перекрывал контент на телефоне.
   Замер: кнопка 82×90 в правом нижнем углу закрывала до 26 % площади CTA
   «Получить расчёт» и до 18 % полей формы «Сколько будет стоить». Клик
   действительно перехватывался — elementFromPoint отдавал canvas оленя.
   Лечим тремя вещами: уменьшаем лаунчер, убираем его на время просмотра
   планировки/фото в лайтбоксе и при открытом попапе.
   ───────────────────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  .scandi-deer__button:not(#__x__) {
    width: 64px;
    height: 70px;
  }
  .scandi-deer__nudge:not(#__x__) {
    right: 58px;
    bottom: 15px;
    min-height: 38px;
    max-width: calc(100vw - 102px);
    padding: 9px 12px;
    overflow: hidden;
    font-size: 11.5px;
    text-overflow: ellipsis;
  }
  .scandi-deer__panel:not(#__x__) { bottom: 62px; }
}

/* Лайтбокс планов/фото и модальные окна форм — лаунчер только мешает.
   Классы: fancybox ставит .fancybox-active / .compensate-for-scrollbar на body,
   попапы сайта — .scandi-modal-open / .modal-open. */
body.fancybox-active .scandi-deer,
body.compensate-for-scrollbar .scandi-deer,
body.scandi-modal-open .scandi-deer,
body.modal-open .scandi-deer {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .18s ease, visibility 0s linear .18s !important;
}