/*!
 * Anushka Fashion — AI stylist chat widget (SPEC §5.5)
 * Ink launcher with a gold monogram · ivory panel · cream/ink bubbles · product mini-cards.
 * Owns only the `.ank-chat*` namespace and reads tokens from store.css (with hard fallbacks so the
 * widget still looks right if it is ever loaded on a page without the design system).
 * Sections: 1 shell · 2 launcher & nudge · 3 panel · 4 header · 5 messages · 6 markdown
 *           7 product carousel · 8 order card · 9 chips · 10 composer · 11 mobile · 12 devanagari · 13 motion
 */

/* ============================================================== 1. SHELL & LOCAL TOKENS */
.ank-chat {
  --ank-gap: 18px;
  --ank-launch: 58px;
  --ank-w: 380px;
  --ank-h: 620px;
  --ank-z: 88;                      /* under drawer (90) / search (95) / modal (100), over header (60) */
  --ank-ivory: var(--ivory, #FBF8F3);
  --ank-cream: var(--cream, #F5EEE4);
  --ank-linen: var(--linen, #F9F4EC);
  --ank-ink: var(--ink, #1A1416);
  --ank-ink-2: var(--ink-2, #3B3236);
  --ank-muted: var(--muted, #8A7F79);
  --ank-line: var(--line, rgba(26, 20, 22, .12));
  --ank-line-strong: var(--line-strong, rgba(26, 20, 22, .24));
  --ank-gold: var(--gold, #B08D57);
  --ank-gold-light: var(--gold-light, #D8BF93);
  --ank-gold-deep: var(--gold-deep, #8A6A3A);
  --ank-wine: var(--wine, #5B1A2E);
  --ank-radius: var(--radius, 2px);
  --ank-ease: var(--ease, cubic-bezier(.22, .61, .36, 1));
  --ank-ease-lux: var(--ease-lux, cubic-bezier(.77, 0, .175, 1));
  --ank-body: var(--font-body, 'Jost', 'Mukta', system-ui, -apple-system, 'Segoe UI', sans-serif);
  --ank-display: var(--font-display, 'Cormorant Garamond', 'Tiro Devanagari Marathi', Georgia, serif);
  font-family: var(--ank-body);
}

/* ============================================================== 2. LAUNCHER & NUDGE */
.ank-chat__launcher {
  position: fixed; right: var(--ank-gap);
  bottom: calc(var(--ank-gap) + env(safe-area-inset-bottom) + var(--ank-chat-lift, 0px));
  z-index: calc(var(--z-float, 70) + 1);
  width: var(--ank-launch); height: var(--ank-launch);
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--ank-gold-light); background: var(--ank-ink);
  border: 1px solid rgba(216, 191, 147, .45); border-radius: 50%;
  box-shadow: 0 18px 40px -18px rgba(26, 20, 22, .65);
  transition: transform .5s var(--ank-ease), background-color .4s var(--ank-ease), opacity .35s var(--ank-ease), box-shadow .4s var(--ank-ease);
}
.ank-chat__launcher:hover { background: var(--ank-wine); box-shadow: 0 22px 48px -18px rgba(26, 20, 22, .75); }
.ank-chat__launcher:active { transform: scale(.94); }
.ank-chat__launcher svg { width: 30px; height: 30px; }
.ank-chat__launcher .ank-chat__ico-close { display: none; width: 20px; height: 20px; }
.ank-chat.is-open .ank-chat__launcher .ank-chat__ico-mono { display: none; }
.ank-chat.is-open .ank-chat__launcher .ank-chat__ico-close { display: block; }
.ank-chat.is-open .ank-chat__launcher { background: var(--ank-ink); color: var(--ank-ivory); }

/* soft pulse — stops once the visitor has opened the chat */
.ank-chat__launcher::after {
  content: ''; position: absolute; inset: -1px; border-radius: 50%;
  border: 1px solid var(--ank-gold); pointer-events: none; opacity: 0;
  animation: ankPulse 3.4s var(--ank-ease) 1.2s infinite;
}
.ank-chat.is-open .ank-chat__launcher::after,
.ank-chat.is-seen .ank-chat__launcher::after { animation: none; }
@keyframes ankPulse {
  0% { transform: scale(1); opacity: .5; }
  65% { transform: scale(1.48); opacity: 0; }
  100% { transform: scale(1.48); opacity: 0; }
}
/* hide behind cart drawer / search / modals (store.js locks the page) */
html.is-locked .ank-chat__launcher { opacity: 0; pointer-events: none; }
html.is-locked .ank-chat.is-open .ank-chat__panel { opacity: 1; pointer-events: auto; } /* our own lock keeps the panel up */

.ank-chat__nudge {
  position: fixed; right: calc(var(--ank-gap) + var(--ank-launch) + 12px);
  bottom: calc(var(--ank-gap) + env(safe-area-inset-bottom) + var(--ank-chat-lift, 0px) + 9px);
  z-index: calc(var(--z-float, 70) + 1);
  display: flex; align-items: center; gap: 8px; max-width: min(230px, calc(100vw - var(--ank-launch) - 56px));
  padding: 10px 8px 10px 14px;
  color: var(--ank-ink); background: var(--ank-ivory);
  border: 1px solid var(--ank-line-strong); border-radius: var(--ank-radius);
  box-shadow: 0 18px 40px -22px rgba(26, 20, 22, .55);
  opacity: 0; transform: translateX(10px); pointer-events: none; visibility: hidden;
  transition: opacity .45s var(--ank-ease), transform .55s var(--ank-ease), visibility 0s linear .55s;
}
.ank-chat__nudge.is-in { opacity: 1; transform: none; pointer-events: auto; visibility: visible; transition-delay: 0s; }
.ank-chat__nudge::after {
  content: ''; position: absolute; right: -5px; bottom: 20px; width: 8px; height: 8px;
  background: var(--ank-ivory); border-right: 1px solid var(--ank-line-strong); border-top: 1px solid var(--ank-line-strong);
  transform: rotate(45deg);
}
.ank-chat__nudge-text { font-size: 13px; line-height: 1.35; text-align: left; }
.ank-chat__nudge-close {
  flex: 0 0 auto; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center;
  color: var(--ank-muted); border-radius: 50%;
}
.ank-chat__nudge-close:hover { color: var(--ank-ink); }
.ank-chat__nudge-close svg { width: 12px; height: 12px; }

/* ============================================================== 3. PANEL */
.ank-chat__panel {
  position: fixed; right: var(--ank-gap);
  bottom: calc(var(--ank-gap) + env(safe-area-inset-bottom) + var(--ank-chat-lift, 0px) + var(--ank-launch) + 14px);
  z-index: var(--ank-z);
  display: flex; flex-direction: column; overflow: hidden;
  width: var(--ank-w); height: var(--ank-h);
  max-height: calc(100dvh - var(--header-h, 76px) - 44px - var(--ank-launch));
  background: var(--ank-ivory);
  border: 1px solid var(--ank-line-strong);
  box-shadow: var(--shadow-lift, 0 30px 80px -40px rgba(26, 20, 22, .45));
  opacity: 0; transform: translateY(18px) scale(.985); transform-origin: bottom right;
  pointer-events: none; visibility: hidden; outline: none;
  transition: opacity .34s var(--ank-ease), transform .5s var(--ank-ease-lux), visibility 0s linear .5s;
}
.ank-chat.is-open .ank-chat__panel { opacity: 1; transform: none; pointer-events: auto; visibility: visible; transition-delay: 0s; }

/* ============================================================== 4. HEADER */
.ank-chat__head {
  flex: 0 0 auto; position: relative; background: var(--ank-ink); color: var(--ank-ivory);
  padding: 14px 12px 0 16px;
}
.ank-chat__head::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216, 191, 147, .55) 22%, rgba(216, 191, 147, .55) 78%, transparent);
}
.ank-chat__head-row { display: flex; align-items: center; gap: 12px; }
.ank-chat__avatar {
  flex: 0 0 auto; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(216, 191, 147, .5); border-radius: 50%; background: rgba(251, 248, 243, .05);
}
.ank-chat__avatar svg { width: 24px; height: 24px; color: var(--ank-gold-light); }
.ank-chat__id { flex: 1 1 auto; min-width: 0; }
.ank-chat__name {
  font-family: var(--ank-display); font-size: 20px; font-weight: 400; line-height: 1.15; color: var(--ank-ivory);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ank-chat__status {
  display: flex; align-items: center; gap: 7px; margin-top: 2px;
  font-size: 11.5px; line-height: 1.3; color: rgba(251, 248, 243, .62);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ank-chat__dot {
  flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: #5FD08A;
  animation: ankBreathe 2.6s var(--ank-ease) infinite;
}
@keyframes ankBreathe { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
.ank-chat__head-btn {
  flex: 0 0 auto; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center;
  color: rgba(251, 248, 243, .65); border-radius: 50%; transition: color .3s var(--ank-ease), background-color .3s var(--ank-ease);
}
.ank-chat__head-btn:hover { color: var(--ank-gold-light); background: rgba(251, 248, 243, .07); }
.ank-chat__head-btn svg { width: 17px; height: 17px; }
.ank-chat__head-btn--close svg { width: 15px; height: 15px; }

.ank-chat__head-sub {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 9px 4px 10px 0;
}
.ank-chat__eyebrow {
  font-size: 9.5px; font-weight: 500; letter-spacing: var(--track-micro, .22em); text-transform: uppercase;
  color: rgba(216, 191, 147, .8); white-space: nowrap;
}
.ank-chat__langs { display: inline-flex; align-items: center; gap: 2px; padding: 2px; border: 1px solid rgba(251, 248, 243, .16); border-radius: 999px; }
.ank-chat__lang {
  min-height: 24px; padding: 3px 10px; border-radius: 999px;
  font-size: 11px; font-weight: 500; line-height: 1.3; letter-spacing: .04em; color: rgba(251, 248, 243, .6);
  transition: color .3s var(--ank-ease), background-color .3s var(--ank-ease);
}
.ank-chat__lang:hover { color: var(--ank-ivory); }
.ank-chat__lang[aria-pressed="true"] { color: var(--ank-ink); background: var(--ank-gold-light); }

/* ============================================================== 5. MESSAGES */
.ank-chat__body {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 18px 16px 10px;
  background: var(--ank-ivory);
  /* keep the message area clean ivory — the grain read as grey on phones */
  scrollbar-width: thin;
}
.ank-chat__body::-webkit-scrollbar { width: 8px; }
.ank-chat__body::-webkit-scrollbar-thumb { background: var(--sand, #EADFCF); border: 2px solid var(--ank-ivory); border-radius: 8px; }

.ank-chat__row { display: flex; align-items: flex-end; gap: 8px; margin-bottom: 14px; }
.ank-chat__row--user { justify-content: flex-end; }
.ank-chat__row--bot { justify-content: flex-start; }
.ank-chat__mini {
  flex: 0 0 auto; width: 26px; height: 26px; margin-bottom: 2px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--ank-ink); border-radius: 50%; border: 1px solid rgba(216, 191, 147, .45);
}
.ank-chat__mini svg { width: 15px; height: 15px; color: var(--ank-gold-light); }
.ank-chat__mini--ghost { background: none; border-color: transparent; }
.ank-chat__stack { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; max-width: calc(100% - 34px); min-width: 0; }
.ank-chat__row--user .ank-chat__stack { align-items: flex-end; max-width: 86%; }

.ank-chat__bubble {
  position: relative; padding: 11px 14px; border-radius: var(--ank-radius);
  font-size: 14.5px; line-height: 1.62; word-wrap: break-word; overflow-wrap: anywhere;
  animation: ankIn .45s var(--ank-ease) both;
}
.ank-chat__bubble--bot { color: var(--ank-ink-2); background: var(--ank-cream); border: 1px solid rgba(176, 141, 87, .22); border-left: 2px solid var(--ank-gold-light); }
.ank-chat__bubble--user { color: var(--ank-ivory); background: var(--ank-ink); }
.ank-chat__bubble--error { color: #7A2B2B; background: #F7E9E6; border-color: rgba(163, 58, 58, .3); border-left-color: var(--danger, #A33A3A); }
@keyframes ankIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.ank-chat__time { font-size: 10px; letter-spacing: .04em; color: var(--ank-muted); padding: 0 3px; }
.ank-chat__row--user .ank-chat__time { color: var(--ank-muted); }

/* typing dots */
.ank-chat__typing { display: inline-flex; align-items: center; gap: 5px; padding: 14px 16px; }
.ank-chat__typing i {
  width: 6px; height: 6px; border-radius: 50%; background: var(--ank-gold-deep); opacity: .45;
  animation: ankDot 1.25s var(--ank-ease) infinite;
}
.ank-chat__typing i:nth-child(2) { animation-delay: .16s; }
.ank-chat__typing i:nth-child(3) { animation-delay: .32s; }
@keyframes ankDot { 0%, 60%, 100% { transform: translateY(0); opacity: .35; } 30% { transform: translateY(-4px); opacity: 1; } }

/* ============================================================== 6. LIGHT MARKDOWN INSIDE BUBBLES */
.ank-chat__bubble p { margin: 0; }
.ank-chat__bubble p + p,
.ank-chat__bubble p + ul, .ank-chat__bubble p + ol,
.ank-chat__bubble ul + p, .ank-chat__bubble ol + p { margin-top: 8px; }
.ank-chat__bubble strong { font-weight: 600; color: var(--ank-ink); }
.ank-chat__bubble--user strong { color: var(--ank-ivory); }
.ank-chat__bubble em { font-style: italic; }
.ank-chat__bubble ul, .ank-chat__bubble ol { margin: 0; padding: 0 0 0 4px; list-style: none; display: flex; flex-direction: column; gap: 5px; }
.ank-chat__bubble li { position: relative; padding-left: 16px; }
.ank-chat__bubble ul > li::before {
  content: ''; position: absolute; left: 1px; top: .62em; width: 5px; height: 5px;
  background: var(--ornament-diamond, none); background-size: contain; background-repeat: no-repeat;
}
.ank-chat__bubble ul > li::marker { content: none; }
.ank-chat__bubble ol { counter-reset: ankli; }
.ank-chat__bubble ol > li { counter-increment: ankli; }
.ank-chat__bubble ol > li::before {
  content: counter(ankli) '.'; position: absolute; left: 0; top: 0;
  font-size: 12px; font-weight: 600; color: var(--ank-gold-deep);
}
.ank-chat__bubble a {
  color: var(--ank-gold-deep); font-weight: 500;
  background-image: linear-gradient(currentColor, currentColor); background-size: 100% 1px;
  background-position: 0 100%; background-repeat: no-repeat; padding-bottom: 1px;
}
.ank-chat__bubble a:hover { color: var(--ank-wine); }
.ank-chat__bubble--user a { color: var(--ank-gold-light); }

/* ============================================================== 7. PRODUCT MINI-CARD CAROUSEL */
.ank-chat__cards-wrap { width: 100%; }
.ank-chat__cards-label {
  display: block; margin: 0 0 7px 2px;
  font-size: 9.5px; font-weight: 500; letter-spacing: var(--track-micro, .22em); text-transform: uppercase; color: var(--ank-gold-deep);
}
.ank-chat__cards {
  display: flex; gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
  padding: 2px 2px 8px; margin: 0 -2px; scrollbar-width: thin;
}
.ank-chat__cards::-webkit-scrollbar { height: 6px; }
.ank-chat__cards::-webkit-scrollbar-thumb { background: var(--sand, #EADFCF); border-radius: 6px; }
.ank-chat__card {
  flex: 0 0 auto; width: 132px; scroll-snap-align: start; text-align: left;
  background: var(--ank-ivory); border: 1px solid var(--ank-line);
  transition: border-color .35s var(--ank-ease), box-shadow .35s var(--ank-ease), transform .35s var(--ank-ease);
}
.ank-chat__card:hover { border-color: var(--ank-gold); box-shadow: 0 16px 34px -22px rgba(26, 20, 22, .6); transform: translateY(-2px); }
.ank-chat__card-media { position: relative; aspect-ratio: 3 / 4; overflow: hidden; background: var(--ank-cream); }
.ank-chat__card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ank-ease); }
.ank-chat__card:hover .ank-chat__card-media img { transform: scale(1.05); }
.ank-chat__card-ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--ank-cream); }
.ank-chat__card-ph svg { width: 40px; height: 40px; color: rgba(176, 141, 87, .5); }
.ank-chat__card-off {
  position: absolute; left: 0; bottom: 0; padding: 3px 7px;
  font-size: 9.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
  color: var(--ank-ivory); background: var(--ank-wine);
}
.ank-chat__card-body { padding: 8px 9px 10px; }
.ank-chat__card-cat { font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ank-muted); }
.ank-chat__card-name {
  margin-top: 3px; font-family: var(--ank-display); font-size: 15px; line-height: 1.25; color: var(--ank-ink);
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ank-chat__card-price { margin-top: 5px; display: flex; align-items: baseline; gap: 6px; font-size: 13px; color: var(--ank-ink); }
.ank-chat__card-mrp { font-size: 11px; color: var(--ank-muted); text-decoration: line-through; }
.ank-chat__card-cta {
  margin-top: 7px; display: inline-flex; align-items: center; gap: 5px;
  font-size: 9.5px; font-weight: 500; letter-spacing: var(--track-btn, .18em); text-transform: uppercase; color: var(--ank-gold-deep);
}
.ank-chat__card-cta svg { width: 10px; height: 10px; }
.ank-chat__card:hover .ank-chat__card-cta { color: var(--ank-wine); }

/* ============================================================== 8. ORDER STATUS CARD */
.ank-chat__order { width: 100%; background: var(--ank-linen); border: 1px solid var(--ank-line); border-top: 2px solid var(--ank-gold); }
.ank-chat__order-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 11px 13px 9px; border-bottom: 1px dashed var(--ank-line); }
.ank-chat__order-num { font-family: var(--ank-display); font-size: 18px; line-height: 1.1; color: var(--ank-ink); letter-spacing: .01em; }
.ank-chat__order-date { margin-top: 2px; font-size: 11px; color: var(--ank-muted); }
.ank-chat__order-pill {
  flex: 0 0 auto; padding: 4px 9px; font-size: 9.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
  color: var(--ank-ivory); background: var(--ank-ink); white-space: nowrap;
}
.ank-chat__order-pill--live { background: var(--ank-wine); }
.ank-chat__order-pill--done { background: var(--success, #2F6B4F); }
.ank-chat__order-pill--off { background: var(--ank-muted); }
.ank-chat__order-rows { padding: 9px 13px; display: flex; flex-direction: column; gap: 5px; }
.ank-chat__order-line { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 12.5px; color: var(--ank-ink-2); }
.ank-chat__order-line b { font-weight: 600; color: var(--ank-ink); }
.ank-chat__order-foot { display: flex; gap: 8px; padding: 0 13px 12px; }
.ank-chat__order-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 0 14px;
  font-size: 10px; font-weight: 500; letter-spacing: var(--track-btn, .18em); text-transform: uppercase;
  color: var(--ank-ivory); background: var(--ank-ink); border: 1px solid var(--ank-ink);
  transition: background-color .35s var(--ank-ease), color .35s var(--ank-ease);
}
.ank-chat__order-btn:hover { background: var(--ank-wine); border-color: var(--ank-wine); }
.ank-chat__order-btn--ghost { color: var(--ank-ink); background: transparent; border-color: var(--ank-line-strong); }
.ank-chat__order-btn--ghost:hover { color: var(--ank-ivory); background: var(--ank-ink); }

/* ============================================================== 9. CHIPS (quick replies & suggestions) */
.ank-chat__chips { display: flex; flex-wrap: wrap; gap: 7px; width: 100%; }
.ank-chat__chips--quick { margin-top: 2px; }
.ank-chat__chip {
  display: inline-flex; align-items: center; min-height: 34px; padding: 6px 13px;
  font-size: 12.5px; line-height: 1.3; text-align: left; color: var(--ank-ink);
  background: var(--ank-ivory); border: 1px solid var(--ank-line-strong); border-radius: 999px;
  transition: color .3s var(--ank-ease), background-color .3s var(--ank-ease), border-color .3s var(--ank-ease);
}
.ank-chat__chip:hover { color: var(--ank-ivory); background: var(--ank-ink); border-color: var(--ank-ink); }
.ank-chat__chip[disabled] { opacity: .5; pointer-events: none; }
.ank-chat__chip--accent { color: var(--ank-gold-deep); border-color: rgba(176, 141, 87, .55); background: rgba(216, 191, 147, .12); }
.ank-chat__chip--accent:hover { color: var(--ank-ivory); background: var(--ank-gold-deep); border-color: var(--ank-gold-deep); }

/* ============================================================== 10. COMPOSER & FOOTNOTE */
.ank-chat__foot {
  flex: 0 0 auto; padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: var(--ank-linen); border-top: 1px solid var(--ank-line);
}
.ank-chat__form { display: flex; align-items: flex-end; gap: 8px; }
.ank-chat__input {
  flex: 1 1 auto; min-width: 0; min-height: 44px; max-height: 124px; padding: 12px 14px; resize: none; overflow-y: auto;
  font-family: inherit; font-size: 14.5px; line-height: 1.45; color: var(--ank-ink);
  background: var(--ank-ivory); border: 1px solid var(--ank-line-strong); border-radius: var(--ank-radius);
  transition: border-color .3s var(--ank-ease), box-shadow .3s var(--ank-ease);
}
.ank-chat__input::placeholder { color: var(--ank-muted); }
.ank-chat__input:focus { outline: none; border-color: var(--ank-gold); box-shadow: 0 0 0 3px rgba(176, 141, 87, .14); }
.ank-chat__send {
  flex: 0 0 auto; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
  color: var(--ank-ivory); background: var(--ank-ink); border: 1px solid var(--ank-ink); border-radius: var(--ank-radius);
  transition: background-color .35s var(--ank-ease), border-color .35s var(--ank-ease), opacity .3s var(--ank-ease);
}
.ank-chat__send:hover:not([disabled]) { background: var(--ank-wine); border-color: var(--ank-wine); }
.ank-chat__send[disabled] { opacity: .38; cursor: not-allowed; }
.ank-chat__send svg { width: 18px; height: 18px; }
.ank-chat__send .ank-chat__spin { display: none; width: 16px; height: 16px; border: 1.5px solid rgba(251, 248, 243, .35); border-top-color: var(--ank-ivory); border-radius: 50%; animation: spin .7s linear infinite; }
.ank-chat.is-busy .ank-chat__send .ank-chat__ico-send { display: none; }
.ank-chat.is-busy .ank-chat__send .ank-chat__spin { display: block; }
@keyframes spin { to { transform: rotate(360deg); } }

.ank-chat__note {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  margin-top: 8px; padding: 0 2px; font-size: 10.5px; line-height: 1.4; color: var(--ank-muted);
}
.ank-chat__note-wa { display: inline-flex; align-items: center; gap: 5px; color: var(--ank-gold-deep); font-weight: 500; white-space: nowrap; }
.ank-chat__note-wa:hover { color: var(--ank-wine); }
.ank-chat__note-wa svg { width: 13px; height: 13px; }

/* ============================================================== 11. MOBILE FULL-SCREEN SHEET */
@media (min-width: 768px) { .ank-chat { --ank-gap: 28px; --ank-launch: 62px; } }

@media (max-width: 639.98px) {
  .ank-chat__panel {
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100dvh; max-height: none; border: 0;
    transform: translateY(26px) scale(1); transform-origin: bottom center;
  }
  .ank-chat__head { padding-top: calc(14px + env(safe-area-inset-top)); }
  .ank-chat__body { padding: 18px 14px 12px; }
  .ank-chat__foot { padding: 10px 12px calc(12px + env(safe-area-inset-bottom)); }
  .ank-chat.is-open .ank-chat__launcher { opacity: 0; transform: scale(.85); pointer-events: none; }
  .ank-chat.is-open .ank-chat__nudge { display: none; }
  .ank-chat__card { width: 128px; }
  .ank-chat__name { font-size: 19px; }
}
@media (max-width: 380px) {
  .ank-chat__eyebrow { display: none; }
  .ank-chat__head-sub { justify-content: flex-end; }
}
/* short desktop windows: keep the panel inside the viewport */
@media (min-width: 640px) and (max-height: 760px) {
  .ank-chat__panel { max-height: calc(100dvh - 118px); }
}

/* ============================================================== 12. DEVANAGARI */
html[lang="mr"] .ank-chat__bubble, html[lang="hi"] .ank-chat__bubble { font-size: 14.5px; line-height: 1.75; }
html[lang="mr"] .ank-chat__chip, html[lang="hi"] .ank-chat__chip { font-size: 13px; }
html[lang="mr"] .ank-chat__eyebrow, html[lang="hi"] .ank-chat__eyebrow { font-size: 11px; letter-spacing: .02em; }
html[lang="mr"] .ank-chat__cards-label, html[lang="hi"] .ank-chat__cards-label { font-size: 11px; letter-spacing: .02em; }
html[lang="mr"] .ank-chat__card-cta, html[lang="hi"] .ank-chat__card-cta,
html[lang="mr"] .ank-chat__order-btn, html[lang="hi"] .ank-chat__order-btn { font-size: 11.5px; letter-spacing: .02em; }
html[lang="mr"] .ank-chat__card-cat, html[lang="hi"] .ank-chat__card-cat,
html[lang="mr"] .ank-chat__order-pill, html[lang="hi"] .ank-chat__order-pill { font-size: 11px; letter-spacing: .02em; }
html[lang="mr"] .ank-chat__name, html[lang="hi"] .ank-chat__name { font-size: 18px; }
html[lang="mr"] .ank-chat__status, html[lang="hi"] .ank-chat__status { font-size: 12px; }
html[lang="mr"] .ank-chat__note, html[lang="hi"] .ank-chat__note { font-size: 11.5px; }
html[lang="mr"] .ank-chat__card-name, html[lang="hi"] .ank-chat__card-name { font-size: 14px; line-height: 1.35; }

/* ============================================================== 13. MOTION PREFERENCES */
@media (prefers-reduced-motion: reduce) {
  .ank-chat__launcher::after, .ank-chat__dot, .ank-chat__typing i { animation: none !important; }
  .ank-chat__bubble { animation: none !important; }
  .ank-chat__panel, .ank-chat__nudge, .ank-chat__launcher { transition-duration: .01ms !important; }
  .ank-chat__card:hover .ank-chat__card-media img { transform: none; }
}

/* screen-reader-only label inside icon buttons (was missing — the text was showing) */
.ank-chat__sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* phone numbers detected inside a reply */
.ank-chat__tel {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-variant-numeric: tabular-nums;
}