#conarium-contact-widget-button,
#conarium-contact-widget-panel {
  --contact-widget-blue: #1677ee;
  --contact-widget-ink: #092240;
  --contact-widget-muted: #61718a;
  font-family: var(--home-font-text, "Manrope", Arial, sans-serif);
  -webkit-font-smoothing: antialiased;
}

#conarium-contact-widget-button {
  position: fixed;
  right: 22px;
  bottom: 22px;
  right: calc(22px + env(safe-area-inset-right));
  bottom: calc(22px + env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: auto;
  min-height: 60px;
  padding: 0 20px 0 16px;
  border: 1px solid rgb(255 255 255 / 38%);
  border-radius: 20px;
  background: #1677ee;
  box-shadow: 0 12px 28px rgb(22 119 238 / 28%), 0 2px 6px rgb(9 34 64 / 12%);
  color: #fff;
  cursor: pointer;
  isolation: isolate;
  z-index: 10000;
  transition: transform 180ms cubic-bezier(.2, .8, .2, 1), box-shadow 180ms ease, opacity 180ms ease, visibility 180ms step-end;
}

#conarium-contact-widget-button:hover {
  box-shadow: 0 16px 34px rgb(22 119 238 / 32%), 0 3px 8px rgb(9 34 64 / 13%);
  transform: translateY(-2px);
}

#conarium-contact-widget-button:active {
  transform: scale(.97);
}

#conarium-contact-widget-button.is-obscured {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px) scale(.96);
}

.conarium-contact-widget__launcher-icon {
  position: relative;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
}

.conarium-contact-widget__launcher-icon svg {
  position: absolute;
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  transition: opacity 160ms ease, transform 180ms cubic-bezier(.2, .8, .2, 1);
}

.conarium-contact-widget__launcher-close {
  opacity: 0;
  transform: rotate(-45deg) scale(.7);
}

#conarium-contact-widget-button.is-open .conarium-contact-widget__launcher-chat {
  opacity: 0;
  transform: rotate(45deg) scale(.7);
}

#conarium-contact-widget-button.is-open .conarium-contact-widget__launcher-close {
  opacity: 1;
  transform: rotate(0) scale(1);
}

.conarium-contact-widget__launcher-label {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.01em;
  white-space: nowrap;
}

#conarium-contact-widget-panel {
  position: fixed;
  right: 22px;
  bottom: 98px;
  right: calc(22px + env(safe-area-inset-right));
  bottom: calc(98px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  width: min(352px, calc(100vw - 44px));
  max-height: calc(100dvh - 118px);
  padding: 16px;
  overflow-y: auto;
  border: 1px solid rgb(255 255 255 / 84%);
  border-radius: 24px;
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 20px 46px rgb(9 34 64 / 18%), 0 2px 8px rgb(9 34 64 / 8%);
  color: var(--contact-widget-ink);
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px) scale(.98);
  transform-origin: right bottom;
  z-index: 10000;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(.2, .8, .2, 1);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

#conarium-contact-widget-panel[hidden] {
  display: none;
}

#conarium-contact-widget-panel.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.conarium-contact-widget__header {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 10px;
}

.conarium-contact-widget__header-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 15px;
  background: #eaf3ff;
  color: var(--contact-widget-blue);
}

.conarium-contact-widget__header-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.conarium-contact-widget__heading {
  min-width: 0;
}

.conarium-contact-widget__heading p {
  margin: 0;
  color: var(--contact-widget-ink);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.2;
}

.conarium-contact-widget__heading span {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
  color: var(--contact-widget-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
}

.conarium-contact-widget__heading i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #35bc72;
  box-shadow: 0 0 0 3px rgb(53 188 114 / 14%);
}

.conarium-contact-widget__close {
  display: grid;
  width: 36px;
  height: 36px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #53677f;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.conarium-contact-widget__close:hover {
  background: #eff5fb;
  color: var(--contact-widget-ink);
}

.conarium-contact-widget__close:active {
  transform: scale(.92);
}

.conarium-contact-widget__close svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-width: 1.9;
}

.conarium-contact-widget__intro {
  margin: 16px 2px 8px;
  color: var(--contact-widget-muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.conarium-contact-widget__services {
  display: grid;
  gap: 5px;
}

.conarium-contact-widget__service {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 16px;
  color: var(--contact-widget-ink);
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms cubic-bezier(.2, .8, .2, 1);
}

.conarium-contact-widget__service:hover {
  border-color: #e2ebf6;
  background: #f6faff;
  transform: translateX(2px);
}

.conarium-contact-widget__service:active {
  transform: scale(.985);
}

.conarium-contact-widget__service-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 14px;
}

.conarium-contact-widget__service-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75;
}

.conarium-contact-widget__service--telegram .conarium-contact-widget__service-icon {
  background: #e6f5fe;
  color: #229ed9;
}

.conarium-contact-widget__service--telegram .conarium-contact-widget__service-icon svg {
  fill: currentcolor;
  stroke: none;
}

.conarium-contact-widget__service--whatsapp .conarium-contact-widget__service-icon {
  background: #e8f9ef;
  color: #23a55a;
}

.conarium-contact-widget__service--max .conarium-contact-widget__service-icon {
  background: #eff0ff;
  color: #3e48d9;
}

.conarium-contact-widget__service--vk .conarium-contact-widget__service-icon {
  background: #e9f2ff;
  color: #1675d1;
}

.conarium-contact-widget__service--phone .conarium-contact-widget__service-icon {
  background: #eaf3ff;
  color: var(--contact-widget-blue);
}

.conarium-contact-widget__service-icon--wordmark {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -.06em;
}

.conarium-contact-widget__service-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.conarium-contact-widget__service-copy strong {
  overflow: hidden;
  color: var(--contact-widget-ink);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conarium-contact-widget__service-copy small {
  overflow: hidden;
  color: var(--contact-widget-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conarium-contact-widget__chevron {
  display: grid;
  place-items: center;
  color: #91a2b7;
}

.conarium-contact-widget__chevron svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

#conarium-contact-widget-button:focus-visible,
.conarium-contact-widget__close:focus-visible,
.conarium-contact-widget__service:focus-visible {
  outline: 3px solid rgb(22 119 238 / 52%);
  outline-offset: 3px;
}

/* A compact launcher keeps content and calls to action unobscured below the
   desktop layout, where it otherwise overlaps full-width cards. */
@media (max-width: 1199px) {
  #conarium-contact-widget-button {
    right: 16px;
    bottom: 16px;
    right: calc(16px + env(safe-area-inset-right));
    bottom: calc(16px + env(safe-area-inset-bottom));
    width: 56px;
    min-height: 56px;
    padding: 0;
    justify-content: center;
    border-radius: 18px;
  }

  .conarium-contact-widget__launcher-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  #conarium-contact-widget-panel {
    right: 16px;
    bottom: 84px;
    right: calc(16px + env(safe-area-inset-right));
    bottom: calc(84px + env(safe-area-inset-bottom));
    width: min(352px, calc(100vw - 32px));
    max-height: calc(100dvh - 104px);
    border-radius: 22px;
    transform-origin: right bottom;
  }
}

@media (max-width: 374px) {
  #conarium-contact-widget-panel {
    padding: 13px;
  }

  .conarium-contact-widget__service {
    grid-template-columns: 40px minmax(0, 1fr) 16px;
    gap: 8px;
  }

  .conarium-contact-widget__service-icon {
    width: 40px;
    height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #conarium-contact-widget-button,
  #conarium-contact-widget-panel,
  .conarium-contact-widget__launcher-icon svg,
  .conarium-contact-widget__close,
  .conarium-contact-widget__service {
    transition-duration: 1ms;
  }
}

@media (prefers-reduced-transparency: reduce) {
  #conarium-contact-widget-panel {
    background: #fff;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}