/* Monk Sera — Shopping Assistant widget (NEW). Scoped .msa-. Self-contained. */
:root{ --msa-forest:#0E2A1B; --msa-deep:#1C3829; --msa-gold:#C9A227; --msa-gold-lt:#E4C56B;
  --msa-cream:#F7F3EE; --msa-line:#E7DECF; --msa-ink:#22201C; --msa-mut:#7a736a; }

/* Floating "Shop with AI" pill */
.msa-bubble{position:fixed;right:22px;bottom:22px;z-index:9800;height:56px;width:auto;border-radius:999px;
  border:none;cursor:grab;touch-action:none;display:flex;align-items:center;gap:10px;padding:6px 20px 6px 7px;
  background:linear-gradient(150deg,#1C3829,#0E2A1B);
  box-shadow:0 10px 30px rgba(14,42,27,.42),0 0 0 1px rgba(201,162,39,.35) inset;transition:transform .25s,box-shadow .25s;}
.msa-bubble:hover{transform:translateY(-3px) scale(1.03);}
.msa-bubble .msa-bico{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;}
.msa-bubble .msa-bico svg{width:21px;height:21px;color:#0E2A1B;}
.msa-bubble .msa-blabel{color:var(--msa-cream);font-family:'Inter',system-ui,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap;}
.msa-bubble .msa-pulse{position:absolute;inset:0;border-radius:999px;box-shadow:0 0 0 0 rgba(201,162,39,.5);animation:msaPulse 2.6s infinite;}
@keyframes msaPulse{0%{box-shadow:0 0 0 0 rgba(201,162,39,.45)}70%{box-shadow:0 0 0 16px rgba(201,162,39,0)}100%{box-shadow:0 0 0 0 rgba(201,162,39,0)}}
.msa-bubble .msa-dot{position:absolute;top:6px;right:6px;width:12px;height:12px;background:var(--msa-gold);border-radius:50%;border:2px solid #0E2A1B;display:none;}
.msa-bubble.msa-has-unread .msa-dot{display:block;}
body.msa-open .msa-bubble{transform:scale(0);pointer-events:none;}

/* Proactive nudge pill ("Save ₹75 on this product!") */
.msa-nudge{position:fixed;z-index:9805;display:flex;align-items:center;gap:9px;
  background:linear-gradient(150deg,#1C3829,#0E2A1B);color:var(--msa-cream);border-radius:999px;
  padding:8px 12px 8px 8px;cursor:pointer;max-width:min(330px,78vw);
  box-shadow:0 12px 34px rgba(14,42,27,.42),0 0 0 1px rgba(201,162,39,.3) inset;
  animation:msaNudgeIn .45s cubic-bezier(.34,1.4,.64,1);font-family:'Inter',system-ui,sans-serif;}
.msa-nudge .msa-nico{width:34px;height:34px;flex:0 0 34px;background:#fff;color:#0E2A1B;border-radius:50%;display:grid;place-items:center;overflow:hidden;}
.msa-nudge .msa-nico svg{width:17px;height:17px;}
.msa-nudge .msa-ntext{font-size:12.5px;font-weight:600;line-height:1.3;}
.msa-nudge .msa-nx{border:none;background:none;color:rgba(247,243,238,.55);font-size:16px;line-height:1;cursor:pointer;padding:0 3px;flex:0 0 auto;}
.msa-nudge .msa-nx:hover{color:#fff;}
@keyframes msaNudgeIn{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}

/* Panel */
.msa-panel{position:fixed;right:22px;bottom:22px;z-index:9810;width:min(384px,94vw);height:min(620px,82vh);
  background:var(--msa-cream);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 30px 80px rgba(14,42,27,.34),0 0 0 1px rgba(14,42,27,.06);
  transform:translateY(24px) scale(.96);opacity:0;visibility:hidden;transform-origin:bottom right;
  transition:transform .32s cubic-bezier(.34,1.4,.64,1),opacity .25s,visibility .25s;
  font-family:'Inter',system-ui,-apple-system,sans-serif;}
body.msa-open .msa-panel{transform:none;opacity:1;visibility:visible;}

/* Header */
.msa-hd{position:relative;padding:18px 18px 16px;color:var(--msa-cream);
  background:linear-gradient(150deg,#1C3829 0%,#0E2A1B 100%);cursor:grab;touch-action:none;}
.msa-hd:active{cursor:grabbing;}
@media(max-width:520px){.msa-hd{cursor:default;}}
.msa-hd:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 88% 0%,rgba(201,162,39,.18),transparent 45%);pointer-events:none;}
.msa-hd-row{position:relative;display:flex;align-items:center;gap:12px;}
.msa-ava{width:40px;height:40px;border-radius:50%;flex:0 0 40px;display:grid;place-items:center;overflow:hidden;
  background:rgba(201,162,39,.16);border:1px solid rgba(201,162,39,.5);}
.msa-ava svg{width:20px;height:20px;color:var(--msa-gold);}
.msa-hd h3{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-weight:600;letter-spacing:.3px;line-height:1.1;}
.msa-hd p{margin:2px 0 0;font-size:11px;color:rgba(247,243,238,.68);display:flex;align-items:center;gap:6px;}
.msa-hd p:before{content:"";width:7px;height:7px;border-radius:50%;background:#54c07a;box-shadow:0 0 0 3px rgba(84,192,122,.25);}
.msa-x{position:absolute;top:16px;right:14px;width:32px;height:32px;border:none;background:rgba(255,255,255,.08);
  color:var(--msa-cream);border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background .2s;}
.msa-x:hover{background:rgba(255,255,255,.18);}
.msa-x svg{width:16px;height:16px;}
.msa-hd-cart{position:absolute;top:16px;right:54px;width:32px;height:32px;background:rgba(255,255,255,.08);
  color:var(--msa-cream);border-radius:50%;display:grid;place-items:center;text-decoration:none;transition:background .2s;}
.msa-hd-cart:hover{background:rgba(201,162,39,.28);color:var(--msa-gold);}
.msa-hd-cart svg{width:16px;height:16px;}

/* Messages */
.msa-body{flex:1;overflow-y:auto;padding:16px 14px 6px;background:
  linear-gradient(var(--msa-cream),var(--msa-cream)) padding-box,var(--msa-cream);scroll-behavior:smooth;}
.msa-body::-webkit-scrollbar{width:6px;} .msa-body::-webkit-scrollbar-thumb{background:#dcd2c4;border-radius:10px;}
.msa-msg{display:flex;margin-bottom:12px;animation:msaIn .3s ease;}
@keyframes msaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.msa-msg.msa-bot{justify-content:flex-start;} .msa-msg.msa-user{justify-content:flex-end;}
.msa-bub{max-width:82%;padding:11px 14px;font-size:13.5px;line-height:1.5;border-radius:16px;white-space:pre-wrap;word-wrap:break-word;}
.msa-bot .msa-bub{background:#fff;color:var(--msa-ink);border:1px solid var(--msa-line);border-bottom-left-radius:5px;box-shadow:0 2px 10px rgba(14,42,27,.05);}
.msa-user .msa-bub{background:linear-gradient(135deg,#1C3829,#0E2A1B);color:var(--msa-cream);border-bottom-right-radius:5px;}
.msa-bub b{color:inherit;} .msa-bot .msa-bub b{color:var(--msa-forest);}

/* Typing */
.msa-typing{display:inline-flex;gap:4px;padding:13px 15px;}
.msa-typing i{width:7px;height:7px;border-radius:50%;background:#b9ad9c;animation:msaBlink 1.3s infinite;}
.msa-typing i:nth-child(2){animation-delay:.2s} .msa-typing i:nth-child(3){animation-delay:.4s}
@keyframes msaBlink{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* Cards */
.msa-cards{display:flex;flex-direction:column;gap:9px;margin:2px 0 4px;}
.msa-card{background:#fff;border:1px solid var(--msa-line);border-radius:14px;padding:10px;box-shadow:0 3px 12px rgba(14,42,27,.05);}
.msa-pcard{position:relative;}
.msa-pc{display:flex;gap:11px;align-items:center;}
.msa-pc-img{width:60px;height:60px;flex:0 0 60px;border-radius:10px;object-fit:cover;background:#ece6dd;}
.msa-pc-b{flex:1;min-width:0;}
.msa-pc-title{display:block;margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:15.5px;font-weight:600;color:var(--msa-forest);line-height:1.18;text-decoration:none;}
.msa-pc-title:hover{text-decoration:underline;text-decoration-color:var(--msa-gold);}
.msa-pc-sub{font-size:10.5px;color:var(--msa-mut);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;}
.msa-pc-price{font-size:12px;color:var(--msa-mut);margin-top:4px;}
.msa-pc-now{font-size:14px;font-weight:800;color:var(--msa-forest);}
.msa-pc-price s{color:#b1a99d;font-weight:400;margin-left:4px;}
.msa-off{color:#1e7d34;font-weight:800;font-size:11px;margin-left:2px;}
.msa-pc-badge{position:absolute;top:9px;right:9px;background:#eef4ef;color:#1e7d34;font-size:10px;font-weight:800;border-radius:6px;padding:3px 8px;letter-spacing:.02em;}
.msa-pc-desc{font-size:12px;color:var(--msa-mut);line-height:1.45;margin:9px 0 0;}
.msa-btn-block{display:flex;width:100%;margin-top:11px;padding:10px;font-size:12.5px;}
.msa-plus{font-size:15px;line-height:1;font-weight:700;}
.msa-pc-act{display:flex;gap:6px;margin-top:9px;}
.msa-btn{border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.03em;padding:7px 13px;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:5px;justify-content:center;}
.msa-btn-gold{background:var(--msa-gold);color:var(--msa-forest);} .msa-btn-gold:hover{background:var(--msa-forest);color:var(--msa-gold);}
.msa-btn-ghost{background:#fff;color:var(--msa-forest);border:1.5px solid var(--msa-forest);} .msa-btn-ghost:hover{background:var(--msa-forest);color:#fff;}
.msa-btn[disabled]{opacity:.45;cursor:not-allowed;}
.msa-btn.msa-added{background:#1e7d34;color:#fff;}
.msa-soldout{font-size:10.5px;color:#b3261e;font-weight:600;margin-top:8px;display:inline-block;}

/* Coupon card */
.msa-cp{display:flex;align-items:center;gap:11px;}
.msa-cp-l{flex:0 0 auto;background:linear-gradient(150deg,#0E2A1B,#1C3829);color:var(--msa-gold);border-radius:10px;padding:9px 12px;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:16px;text-align:center;}
.msa-cp-b{flex:1;min-width:0;} .msa-cp-code{font-family:monospace;font-weight:700;letter-spacing:2px;color:var(--msa-forest);font-size:14px;}
.msa-cp-meta{font-size:10.5px;color:var(--msa-mut);margin-top:2px;}

/* Order card */
.msa-oc{display:flex;align-items:center;gap:11px;}
.msa-oc-b{flex:1;} .msa-oc-ref{font-weight:700;color:var(--msa-forest);font-size:13.5px;}
.msa-pill{display:inline-block;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:#eef4ef;color:#1e7d34;margin-top:3px;}

/* Compare card */
.msa-cmp{padding:6px;overflow-x:auto;}
.msa-cmp-t{width:100%;border-collapse:collapse;font-size:11.5px;}
.msa-cmp-t th{padding:7px 8px;vertical-align:top;text-align:left;}
.msa-cmp-t th a{color:var(--msa-forest);text-decoration:none;display:block;}
.msa-cmp-t th img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#ece6dd;display:block;margin-bottom:5px;}
.msa-cmp-t th span{font-family:'Cormorant Garamond',Georgia,serif;font-size:13.5px;font-weight:700;line-height:1.15;display:block;}
.msa-cmp-t td{padding:6px 8px;border-top:1px solid var(--msa-line);color:var(--msa-ink);vertical-align:top;}
.msa-cmp-t td:first-child{color:var(--msa-mut);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;}
.msa-cmp-t tr td:nth-child(2){color:var(--msa-forest);}

/* FAQ card */
.msa-faq h5{margin:0 0 3px;font-size:12.5px;color:var(--msa-forest);}
.msa-faq p{margin:0;font-size:12px;color:var(--msa-mut);line-height:1.45;}

/* Quick replies */
.msa-quick{display:flex;flex-wrap:wrap;gap:7px;padding:4px 14px 8px;}
.msa-chip{background:#fff;border:1px solid var(--msa-gold);color:var(--msa-forest);border-radius:999px;
  font-size:12px;font-weight:600;padding:7px 13px;cursor:pointer;transition:all .18s;}
.msa-chip:hover{background:var(--msa-gold);color:var(--msa-forest);}

/* Input */
.msa-foot{border-top:1px solid var(--msa-line);background:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;}
.msa-in{flex:1;border:1px solid var(--msa-line);border-radius:999px;padding:11px 15px;font-size:13.5px;font-family:inherit;color:var(--msa-ink);background:var(--msa-cream);outline:none;}
.msa-in:focus{border-color:var(--msa-gold);}
.msa-send{flex:0 0 auto;width:42px;height:42px;border:none;border-radius:50%;background:linear-gradient(135deg,#1C3829,#0E2A1B);color:var(--msa-gold);cursor:pointer;display:grid;place-items:center;transition:transform .2s;}
.msa-send:hover{transform:scale(1.06);} .msa-send svg{width:18px;height:18px;}
.msa-cred{text-align:center;font-size:9.5px;color:var(--msa-mut);letter-spacing:.03em;padding:0 12px 7px;background:#fff;line-height:1.4;}
.msa-cred a{color:#8a6d12;text-decoration:underline;}
.msa-cred a:hover{color:var(--msa-forest);}

@media(max-width:520px){
  .msa-panel{right:0;bottom:0;width:100vw;height:88vh;border-radius:20px 20px 0 0;}
  /* Phones: keep the full "Shop with AI" pill, just tightened so it still
     fits comfortably and never pushes anything off-screen. */
  .msa-bubble{right:14px;bottom:14px;height:50px;padding:5px 16px 5px 6px;gap:8px;}
  .msa-bubble .msa-blabel{display:inline;font-size:12.5px;}
  .msa-bubble .msa-bico{width:38px;height:38px;flex:0 0 38px;}
  .msa-bubble .msa-bico svg{width:18px;height:18px;}
  .msa-nudge{max-width:calc(100vw - 24px);padding:7px 10px 7px 7px;}
  .msa-nudge .msa-ntext{font-size:12px;}
}
/* Global safety: the widget must never create horizontal scroll. */
.msa-bubble,.msa-nudge{max-width:calc(100vw - 16px);box-sizing:border-box;}
@media(prefers-reduced-motion:reduce){.msa-panel,.msa-bubble,.msa-msg{transition:none;animation:none;}}