/* Homepage-only Digital Customer Care: a deliberate signal-red corner control, not navigation. */
.home-customer-care .chat-fab {
  position: fixed;
  right: 26px;
  bottom: 26px;
  z-index: 80;
  display: inline-grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 50%;
  color: #fff;
  background: #ef2822;
  box-shadow: 0 14px 34px rgba(40,7,12,.36);
  font-size: 29px;
  font-weight: 350;
  line-height: 1;
  cursor: pointer;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}
.home-customer-care .chat-fab:hover,
.home-customer-care .chat-fab:focus-visible { transform: translateY(-3px) scale(1.04); background: #ff3c35; outline: 2px solid rgba(239,40,34,.38); outline-offset: 4px; }
.home-customer-care .chat-fab.is-open { background: #171114; box-shadow: 0 16px 38px rgba(0,0,0,.38); }
.home-customer-care .chat-window {
  position: fixed;
  right: 26px;
  bottom: 100px;
  z-index: 80;
  width: min(370px, calc(100vw - 40px));
  overflow: hidden;
  border: 1px solid rgba(239,40,34,.24);
  border-radius: 24px !important;
  background: #fffdfa;
  box-shadow: 0 24px 60px rgba(10,7,8,.28);
}
.home-customer-care .chat-window[hidden] { display: none; }
body .home-customer-care #chat-window.chat-window { border-radius: 24px !important; }
.home-customer-care .chat-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 16px; border-radius: 23px 23px 0 0 !important; color: #fff; background: linear-gradient(112deg, #100d0f, #2b0a10 65%, #6e1118); }
.home-customer-care .care-identity { display: flex; min-width: 0; align-items: center; gap: 11px; }
.home-customer-care .chat-avatar,
.home-customer-care .care-message-avatar { display: block; flex: 0 0 auto; object-fit: cover; object-position: center top; border: 1px solid rgba(245,210,138,.55); border-radius: 50%; background: #161316; }
.home-customer-care .chat-avatar { width: 46px; height: 46px; }
.home-customer-care .care-message-avatar { width: 30px; height: 30px; }
.home-customer-care .care-identity strong { display: block; color: #fff; font-size: 15px; line-height: 1.15; }
.home-customer-care .care-identity small { display: flex; align-items: center; gap: 6px; margin-top: 4px; color: #f5d28a; font-size: 10px; }
.home-customer-care .care-identity small i { width: 7px; height: 7px; border-radius: 50%; background: #4fd07b; box-shadow: 0 0 0 3px rgba(79,208,123,.12); }
.home-customer-care .chat-close { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: #fff; background: transparent; font-size: 23px; line-height: 1; cursor: pointer; }
.home-customer-care .chat-close:hover,
.home-customer-care .chat-close:focus-visible { color: #120e10; background: #fff; outline: 0; }
.home-customer-care .chat-body { display: grid; max-height: 280px; gap: 12px; overflow: auto; padding: 16px; background: #fffdfa; }
.home-customer-care .care-message { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: flex-start; gap: 10px; max-width: 100%; }
.home-customer-care .chat-message { width: fit-content; max-width: calc(100% - 40px); margin: 0; padding: 11px 13px; border-radius: 7px 17px 17px 17px; color: #312a2b; background: #f3efeb; font-size: 13px; line-height: 1.55; overflow-wrap: break-word; }
.home-customer-care .care-message .chat-message { width: fit-content; max-width: 100%; justify-self: start; }
.home-customer-care .chat-message.user { justify-self: end; margin: 0; border-radius: 17px 17px 7px 17px; color: #fff; background: #171114; }
.home-customer-care .chat-form { display: flex; gap: 8px; padding: 12px; border-top: 1px solid rgba(23,17,20,.12); background: #fffdfa; }
.home-customer-care .chat-input { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid rgba(23,17,20,.18); border-radius: 12px; color: #171114; background: #fff; font: 14px var(--sans, Arial, sans-serif); }
.home-customer-care .chat-send { min-width: 44px; border: 0; border-radius: 12px; color: #fff; background: #ef2822; font-size: 20px; cursor: pointer; }
@media (max-width: 600px) {
  .home-customer-care .chat-fab { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); width: 54px; height: 54px; }
  .home-customer-care .chat-window { right: 12px; bottom: 82px; width: min(calc(100vw - 24px), 390px); }
  .home-customer-care .chat-body { gap: 10px; padding: 13px; }
  .home-customer-care .chat-message { max-width: calc(100% - 32px); }
}