.contact-dock {
  left: auto;
  right: 22px;
  align-items: flex-end;
}
.quick-chat {
  left: auto;
  right: 22px;
}
.brand .mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
}
.service-hours {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 25px;
}
.service-hours span {
  background: #e7f3eb;
  color: var(--green);
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 20px;
}
.stock-status {
  font-size: 10px;
  color: var(--green);
  margin-bottom: 12px;
}
.stock-status.out {
  color: #a56b39;
}
.request-item {
  border: 1px solid var(--line);
  background: white;
  border-radius: 8px;
  color: var(--green);
  padding: 11px 18px;
  margin-top: 22px;
  font: inherit;
  font-size: 12px;
}
.chat-media {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 8px 14px;
}
.chat-media button,
.chat-media label {
  font: inherit;
  font-size: 9px;
  color: var(--green);
  border: 1px solid var(--line);
  background: #fff;
  padding: 5px 7px;
  border-radius: 7px;
  cursor: pointer;
}
.chat-privacy {
  font-size: 8px;
  line-height: 1.8;
  margin: 5px 17px;
  color: var(--muted);
}
.quick-chat .messages {
  height: 220px;
}
.quick-chat form {
  margin-top: 5px;
}
.order-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.order-form label {
  font-size: 12px;
  display: block;
}
.order-form input:not([type="checkbox"]),
.order-form textarea {
  border: 1px solid var(--line);
  background: white;
  display: block;
  width: 100%;
  border-radius: 7px;
  padding: 10px;
  margin-top: 5px;
  font: inherit;
}
.order-form button {
  border: 0;
  background: var(--green);
  color: white;
  padding: 12px;
  border-radius: 8px;
}
.order-form p {
  font-size: 12px;
}
.hero {
  background: linear-gradient(110deg, var(--hero_start, #e9f3ec), var(--hero_end, #f5f8f4));
}
body {
  background: var(--surface, #fff);
  color: var(--text, var(--navy));
}
.assistant-section,
.medicine,
.contact-dock button {
  background: var(--navy);
}
.searchbox button,
.quick-chat form button,
.chat form button {
  background: var(--green);
}
.value-strip,
.drug-card,
.contact-info,
.filter-search {
  border-color: var(--line);
}
@media (max-width: 700px) {
  .contact-dock {
    left: auto;
    right: 14px;
  }
  .quick-chat {
    left: auto;
    right: 12px;
    max-height: calc(100dvh - 145px);
    overflow: auto;
  }
  .quick-chat .messages {
    height: 180px;
  }
}