/* Kate, the shop assistant chat. */
.ypcm-chat-button,.ypcm-chat-panel{--k-bg:#1b4033;--k-fg:#fff;font-family:inherit;box-sizing:border-box}
.ypcm-chat-panel *,.ypcm-chat-button *{box-sizing:border-box}
.ypcm-chat-button{position:fixed;right:18px;bottom:18px;z-index:9991;display:flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;border:0;border-radius:999px;background:var(--k-bg);color:var(--k-fg);font-weight:800;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.ypcm-chat-button:hover{filter:brightness(1.08)}
body.ypcm-sticky-on .ypcm-chat-button{bottom:84px}
body.ypcm-chat-open .ypcm-chat-button{display:none}
#ast-scroll-top{bottom:84px!important}
body.ypcm-sticky-on #ast-scroll-top{bottom:150px!important}
.ypcm-chat-avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#e9f0ec;color:#1b4033;font-weight:800;font-size:16px}
.ypcm-chat-avatar img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important}
.ypcm-chat-panel{position:fixed;right:18px;bottom:18px;z-index:9992;width:380px;max-width:calc(100vw - 24px);height:600px;max-height:calc(100vh - 36px);display:none;flex-direction:column;background:#fff;color:#13201b;border-radius:18px;box-shadow:0 16px 48px rgba(0,0,0,.25);overflow:hidden;font-size:15px;line-height:1.45}
.ypcm-chat-panel.is-open{display:flex}
.ypcm-chat-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--k-bg);color:var(--k-fg)}
.ypcm-chat-title{flex:1;display:flex;flex-direction:column;line-height:1.2}
.ypcm-chat-title span{font-size:12px;opacity:.8}
.ypcm-chat-close{all:unset;cursor:pointer;font-size:26px;line-height:1;padding:0 6px;color:inherit}
.ypcm-chat-list{flex:1;overflow-y:auto;padding:14px;background:#f6f8f6}
.ypcm-chat-msg{display:flex;gap:8px;align-items:flex-end;margin:0 0 10px}
.ypcm-chat-msg .ypcm-chat-avatar{width:28px;height:28px;font-size:13px}
.ypcm-chat-msg.is-user{justify-content:flex-end}
.ypcm-chat-bubble{max-width:82%;padding:9px 12px;border-radius:14px;background:#fff;border:1px solid #e3e8e4;word-wrap:break-word}
.ypcm-chat-msg.is-user .ypcm-chat-bubble{background:var(--k-bg);color:var(--k-fg);border-color:transparent}
.ypcm-chat-bubble p{margin:0 0 .5em!important}
.ypcm-chat-bubble p:last-child{margin:0!important}
.ypcm-chat-bubble ul{margin:.2em 0 .5em 1.1em!important;padding:0!important}
.ypcm-chat-bubble a{color:inherit;text-decoration:underline}
.ypcm-chat-typing .ypcm-chat-bubble span{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:#8a958f;animation:ypcmDot 1s infinite}
.ypcm-chat-typing .ypcm-chat-bubble span:nth-child(2){animation-delay:.15s}
.ypcm-chat-typing .ypcm-chat-bubble span:nth-child(3){animation-delay:.3s}
@keyframes ypcmDot{0%,80%,100%{opacity:.3}40%{opacity:1}}
.ypcm-chat-cards{display:flex;flex-direction:column;gap:8px;margin:0 0 12px 36px}
.ypcm-chat-card{display:flex;gap:10px;padding:8px;border:1px solid #e3e8e4;border-radius:12px;background:#fff}
.ypcm-chat-card-img{flex:0 0 72px;height:72px;display:flex;align-items:center;justify-content:center}
.ypcm-chat-card-img img{max-width:72px;max-height:72px;object-fit:contain;margin:0!important}
.ypcm-chat-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.ypcm-chat-card-name{font-weight:700;font-size:13px;line-height:1.3;color:#13201b!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ypcm-chat-card-price{font-size:12px;opacity:.75}
.ypcm-chat-card-buy{align-self:flex-start;padding:7px 11px;border-radius:8px;background:var(--k-bg);color:var(--k-fg)!important;font-weight:800;font-size:13px;text-decoration:none!important}
.ypcm-chat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px;background:#f6f8f6}
.ypcm-chat-chips button{all:unset;cursor:pointer;padding:7px 12px;border:1px solid #cdd8d2;border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:#13201b}
.ypcm-chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid #e3e8e4;background:#fff;margin:0!important}
.ypcm-chat-form input{flex:1;min-width:0;padding:10px 12px!important;border:1px solid #cdd8d2!important;border-radius:10px!important;font-size:16px!important;background:#fff!important;color:#13201b!important;height:auto!important;margin:0!important}
.ypcm-chat-form button{padding:10px 14px;border:0;border-radius:10px;background:var(--k-bg);color:var(--k-fg);font-weight:800;cursor:pointer}
.ypcm-chat-form button:disabled{opacity:.5}
.ypcm-chat-cards-note{font-size:11px;line-height:1.3;color:#6b746f;padding-left:2px}
.ypcm-chat-ts{padding:0 10px}
.ypcm-chat-backdrop{display:none}
/* 0.32.66: on phones the chat is a bottom sheet above everything else on the page (sticky headers,
   the admin bar), sized to the visible screen so its header is never hidden, with the page held still
   behind it. */
@media(max-width:600px){
	.ypcm-chat-panel{z-index:2147483000;left:0;right:0;bottom:0;top:auto;width:100%;max-width:100%;height:80vh;height:80dvh;max-height:none;border-radius:18px 18px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.28)}
	body.ypcm-chat-open{overflow:hidden!important}
	.ypcm-chat-backdrop{display:block;position:fixed;inset:0;z-index:2147482999;background:rgba(0,0,0,.35)}
	.ypcm-chat-button-text{display:none}
	.ypcm-chat-button{padding:6px}
}