/* Yeli Boutique 6.0 — gentle motion + non-navigating mobile chat sheet.
   Small CSS/JS enhancement, no new network libraries or recurring services. */
:root{--y60-ease:cubic-bezier(.22,1,.36,1);--y60-deep:#742744;--y60-rose:#ce3976}
/* Interaction feedback must be readable without hovering on a touchscreen. */
.y54-home .y54-category-card,
.y54-home .y581-option,
.y54-home .y54-all-boutique,
.y54-home .y58-virtual-cta,
.y54-home .y54-btn,
.y54-home .y56-topic,
.yeli-help-launcher{
 transition:transform 240ms var(--y60-ease),box-shadow 240ms ease,border-color 210ms ease,background-color 210ms ease;
}
.y54-home :is(.y54-category-card,.y581-option,.y54-all-boutique,.y58-virtual-cta,.y54-btn,.y56-topic):active{
 transform:translateY(1px) scale(.985);
}
.y54-category-card:focus-visible,.y58-virtual-cta:focus-visible{outline:3px solid var(--y60-rose);outline-offset:3px}
.mobile-bottom button.active .ic{transition:transform 250ms var(--y60-ease)}
.mobile-bottom button:active .ic{transform:scale(.87)}
/* Do not replace entire site or go to a route when opening the assistant. */
.yeli-help .y60-chat-sheet{will-change:transform;isolation:isolate}
.yeli-help .yeli-help-backdrop{background:rgba(56,21,38,.27);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.y60-sheet-grip{display:none}
.y60-chat-storage{display:block;font:500 10px/1.3 system-ui,sans-serif;color:#9a5573;margin-top:4px;letter-spacing:.01em}
.y60-privacy-storage{font-weight:500;color:#8c4265}
.yeli-help .yeli-help-iconbtn{min-width:40px;min-height:40px}
.yeli-help .yeli-help-bubble{font-size:13px;line-height:1.55}
.yeli-help .yeli-help-head-actions{gap:6px}
.yeli-help .yeli-help-head{gap:9px}
.yeli-help .yeli-help-quick button{min-height:33px}
.yeli-help .yeli-help-composer textarea{font-size:16px;resize:none}
@media(max-width:720px){
 .yeli-help .yeli-help-backdrop{position:fixed;inset:0}
 .yeli-help .y60-chat-sheet{
  position:fixed;left:0;right:0;top:auto;bottom:0;inset:auto 0 0;
  width:100%;min-height:0;height:min(84dvh,calc(var(--y60-vvh,100dvh) - 38px));
  max-height:calc(var(--y60-vvh,100dvh) - 38px);
  border:1px solid #f5d5df;border-bottom:0;border-radius:25px 25px 0 0;
  background:#fffafb;box-shadow:0 -16px 60px rgba(85,27,55,.21);
  transform:translateY(var(--y60-drag,0px));
  transition:transform 200ms var(--y60-ease);
 }
 .y60-sheet-grip{height:22px;flex:0 0 22px;display:grid;place-items:center;touch-action:none;cursor:grab;user-select:none}
 .y60-sheet-grip span{width:43px;height:5px;border-radius:9px;background:#dbb2c5}
 .yeli-help .yeli-help-head{padding:4px 13px 9px;gap:9px}
 .yeli-help .yeli-help-head img{width:38px;height:38px}
 .yeli-help .yeli-help-heading h2{font-size:17px}
 .yeli-help .yeli-help-heading span{font-size:10px}
 .yeli-help .yeli-help-disclaimer{padding:7px 13px;font-size:10px;line-height:1.4;max-height:89px;overflow-y:auto}
 .yeli-help .yeli-help-messages{min-height:0;flex:1;padding:12px 13px 16px}
 .yeli-help .yeli-help-quick{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:10px 12px;gap:7px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .yeli-help .yeli-help-quick::-webkit-scrollbar{display:none}
 .yeli-help .yeli-help-quick button{white-space:nowrap;min-height:35px;flex:none;scroll-snap-align:start;font-size:11px}
 .yeli-help .yeli-help-composer{padding:10px 12px max(12px,env(safe-area-inset-bottom));gap:10px}
 .yeli-help .yeli-help-composer textarea{min-height:44px;max-height:110px;height:44px;border-radius:20px}
 .yeli-help .yeli-help-send{height:44px;width:44px}
}
@media(max-width:350px){
 .yeli-help .yeli-help-head{padding-inline:9px;gap:5px}
 .yeli-help .yeli-help-heading h2{font-size:15px}
 .y60-chat-storage{font-size:9px}
 .yeli-help .yeli-help-iconbtn{min-width:38px;min-height:38px}
 .yeli-help .yeli-help-disclaimer{font-size:9px}
}
@media(prefers-reduced-motion:no-preference){
 .y60-reveal{opacity:.76;transform:translate3d(0,11px,0);transition:opacity 480ms ease,transform 520ms var(--y60-ease);transition-delay:var(--y60-stagger,0ms)}
 .y60-reveal.y60-visible{opacity:1;transform:translateZ(0)}
 .yeli-help.is-open .y60-chat-sheet{animation:y60-chat-in 310ms var(--y60-ease) backwards}
 .yeli-help.is-open .yeli-help-backdrop{animation:y60-backdrop-in 250ms ease-out both}
 .yeli-help.y60-closing .y60-chat-sheet{animation:y60-chat-out 220ms ease-in both}
 .yeli-help.y60-closing .yeli-help-backdrop{animation:y60-backdrop-out 220ms ease-in both}
 @keyframes y60-chat-in{from{opacity:.8;transform:translateY(24px)}to{opacity:1;transform:translateY(var(--y60-drag,0px))}}
 @keyframes y60-chat-out{from{opacity:1;transform:translateY(0)}to{opacity:.55;transform:translateY(30px)}}
 @keyframes y60-backdrop-in{from{opacity:0}to{opacity:1}}
 @keyframes y60-backdrop-out{from{opacity:1}to{opacity:0}}
}
@media(prefers-reduced-motion:reduce){
 .y60-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .yeli-help .y60-chat-sheet,.yeli-help .yeli-help-backdrop{animation:none!important;transition:none!important}
 .yeli-help .y60-chat-sheet{will-change:auto}
}