/* Customer care as a WhatsApp-style chat: wine header, patterned beige
   wallpaper, tailed bubbles with time and ticks, pill composer with a round
   send button. Same libseh-storefront layer and two-ID scope as the shop pages. */
@layer libseh-storefront {
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_){
  --wa-wine:#66001f;--wa-wine-2:#7d1433;--wa-paper:#fcf9f3;--wa-line:#e2d6c4;
  --wa-ink:#2f2622;--wa-muted:#655a50;--wa-out:#e3efd2;--wa-in:#ffffff;--wa-tick:#3b82c4;
  --wa-wall:#e9dfcd;
  padding:0 0 12px!important;
}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-page-heading{padding:6px 16px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-page-heading h1{color:var(--wa-wine)!important;font-size:22px!important;font-weight:700!important;margin:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-kicker{color:var(--wa-muted)!important;font-size:10px!important;letter-spacing:.12em!important}

/* Phone frame */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-shell{background:var(--wa-paper)!important;border:1px solid var(--wa-line)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 14px 40px rgba(63,48,39,.12)!important;margin-inline:12px!important}

/* Thread list (sidebar) */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-sidebar{background:var(--wa-paper)!important;border:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-sidebar-head{background:var(--wa-wine)!important;color:#fff!important;padding:14px 16px!important;display:flex!important;align-items:center!important;gap:10px!important;border:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-sidebar-head :is(b,small){color:#fff!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-sidebar-head small{opacity:.8;font-size:12px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-brand-avatar{width:42px!important;height:42px!important;border-radius:50%!important;background:#f6f1e8!important;display:grid!important;place-items:center!important;overflow:hidden!important;flex:none!important;padding:4px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-brand-avatar img{width:100%!important;height:auto!important;object-fit:contain!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-sidebar-head > div{flex:1!important;display:flex!important;flex-direction:column!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-search{margin:10px 12px!important;background:#f1e9dc!important;border:0!important;border-radius:999px!important;padding:0 14px!important;min-height:40px!important;display:flex!important;align-items:center!important;gap:8px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-search input{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--wa-ink)!important;min-height:40px!important;padding:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-thread{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;border:0!important;border-bottom:1px solid #efe7da!important;border-radius:0!important;background:transparent!important;color:var(--wa-ink)!important;text-decoration:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-thread.is-active{background:#f3ece0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-thread-avatar{width:46px!important;height:46px!important;border-radius:50%!important;background:#f1e9dc!important;display:grid!important;place-items:center!important;flex:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-thread-copy{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-thread-copy b{color:var(--wa-ink)!important;font-size:15px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-thread-copy :is(small,span,bdi){color:var(--wa-muted)!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-unread{background:var(--wa-wine)!important;color:#fff!important;border-radius:999px!important;min-width:20px!important;height:20px!important;font-size:11px!important;display:grid!important;place-items:center!important;padding:0 6px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-sidebar-footer{padding:12px 16px!important;border:0!important;background:transparent!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-sidebar-footer a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:999px!important;background:var(--wa-wine)!important;color:#fff!important;text-decoration:none!important;font-weight:600!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-sidebar-footer p{color:var(--wa-muted)!important;font-size:11px!important;margin:10px 0 0!important}

/* Conversation header */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-conversation{background:var(--wa-wall)!important;background-image:radial-gradient(circle at 12px 12px,rgba(102,0,31,.06) 1.5px,transparent 2px),radial-gradient(circle at 36px 30px,rgba(89,99,58,.07) 1.5px,transparent 2px)!important;background-size:48px 48px!important;display:flex!important;flex-direction:column!important;min-height:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-conversation-head{background:var(--wa-wine)!important;color:#fff!important;padding:10px 12px!important;display:flex!important;align-items:center!important;gap:10px!important;border:0!important;box-shadow:0 2px 6px rgba(0,0,0,.12)!important;position:relative!important;z-index:2!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-conversation-head .care-icon-button{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;display:grid!important;place-items:center!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-conversation-head :is(svg,.care-icon){color:#fff!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-conversation-head img.care-icon{filter:brightness(0) invert(1)!important;width:22px!important;height:22px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:#f6f1e8!important;display:grid!important;place-items:center!important;flex:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-avatar img.care-icon{filter:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-title{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-title b{color:#fff!important;font-size:16px!important;font-weight:600!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-title span{color:rgba(255,255,255,.8)!important;font-size:12px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-title span[data-state="online"]{color:#c9f0b0!important}

/* Context strip like WhatsApp's encryption notice */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-context{align-self:center!important;margin:10px 16px 4px!important;padding:6px 12px!important;border-radius:10px!important;background:#fbf1cf!important;color:#6b5a3a!important;font-size:11px!important;text-align:center!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px 8px!important;box-shadow:0 1px 1px rgba(0,0,0,.06)!important;border:0!important}

/* Feed and bubbles */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-feed{direction:inherit!important;flex:1!important;overflow-y:auto!important;padding:10px 12px 14px!important;display:flex!important;flex-direction:column!important;gap:4px!important;background:transparent!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message{position:relative!important;max-width:82%!important;align-self:flex-start!important;background:var(--wa-in)!important;color:var(--wa-ink)!important;border:0!important;border-radius:10px!important;border-start-start-radius:0!important;padding:6px 10px 5px!important;margin:4px 0 2px!important;margin-inline-start:8px!important;box-shadow:0 1px 1px rgba(0,0,0,.1)!important;font-size:14px!important;line-height:1.55!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message::before{content:''!important;position:absolute!important;top:0!important;inset-inline-start:-8px!important;width:0!important;height:0!important;border-top:9px solid var(--wa-in)!important;border-inline-start:9px solid transparent!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message[data-outbound="1"]{align-self:flex-end!important;background:var(--wa-out)!important;border-radius:10px!important;border-start-end-radius:0!important;margin-inline-start:0!important;margin-inline-end:8px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message[data-outbound="1"]::before{inset-inline-start:auto!important;inset-inline-end:-8px!important;border-top-color:var(--wa-out)!important;border-inline-start:0!important;border-inline-end:9px solid transparent!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message-internal{background:#fff4d6!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message-title{display:block!important;color:var(--wa-wine)!important;font-size:12px!important;font-weight:700!important;margin:0 0 2px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message[data-outbound="1"] .care-message-title{display:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message p{margin:0!important;color:var(--wa-ink)!important;white-space:pre-wrap!important;word-break:break-word!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message-image{display:block!important;max-width:100%!important;border-radius:8px!important;margin:4px 0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-message-meta{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;margin:2px 0 0!important;color:var(--wa-muted)!important;font-size:10.5px!important;background:transparent!important;border:0!important;padding:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-receipt{color:var(--wa-muted)!important;font-size:12px!important;letter-spacing:-3px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-receipt[data-state="read"]{color:var(--wa-tick)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-typing{margin:0 16px 4px!important;color:var(--wa-olive,#59633a)!important;font-size:12px!important;font-style:italic!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-load-older{align-self:center!important;background:var(--wa-paper)!important;border:0!important;border-radius:999px!important;color:var(--wa-muted)!important;font-size:12px!important;padding:6px 14px!important;box-shadow:0 1px 1px rgba(0,0,0,.08)!important}

/* Composer */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-composer{background:transparent!important;border:0!important;box-shadow:none!important;padding:6px 8px 10px!important;margin:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-compose-options{display:flex!important;align-items:center!important;gap:6px!important;padding:0 6px 6px!important;background:transparent!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-compose-row{display:flex!important;align-items:flex-end!important;gap:6px!important;background:transparent!important;border:0!important;padding:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-compose-row textarea{flex:1!important;min-width:0!important;min-height:46px!important;max-height:140px!important;padding:12px 14px!important;border:0!important;border-radius:24px!important;background:#f6f1e8!important;color:var(--wa-ink)!important;box-shadow:0 1px 1px rgba(0,0,0,.1)!important;resize:none!important;font-size:15px!important;line-height:1.45!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-composer .care-icon-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important;background:#f6f1e8!important;border:0!important;box-shadow:0 1px 1px rgba(0,0,0,.1)!important;color:var(--wa-muted)!important;display:grid!important;place-items:center!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-composer .care-icon-button[aria-pressed="true"]{background:var(--wa-wine)!important;color:#fff!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-composer img.care-icon{width:22px!important;height:22px!important;opacity:.75}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-send-button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;border-radius:50%!important;background:var(--wa-wine)!important;border:0!important;color:#fff!important;box-shadow:0 2px 6px rgba(102,0,31,.35)!important;display:grid!important;place-items:center!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-send-button :is(svg,.care-icon){color:#fff!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-send-button img.care-icon{filter:brightness(0) invert(1)!important;opacity:1!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-card-picker summary{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:34px!important;padding:0 12px!important;border-radius:999px!important;background:#f6f1e8!important;color:var(--wa-muted)!important;font-size:12px!important;box-shadow:0 1px 1px rgba(0,0,0,.08)!important;list-style:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-file-hint{display:block!important;color:var(--wa-muted)!important;font-size:10.5px!important;padding:4px 10px 0!important}

/* New chat: a greeting bubble and a chat-style form */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome{display:flex!important;flex-direction:column!important;gap:8px!important;padding:16px 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:start!important;flex:1!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome :is(.care-welcome-icon,.care-kicker){display:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome :is(h2,p){align-self:flex-start!important;max-width:85%!important;margin:0!important;margin-inline-start:8px!important;background:#f6f1e8!important;border-radius:10px!important;border-start-start-radius:0!important;padding:8px 12px!important;box-shadow:0 1px 1px rgba(0,0,0,.1)!important;color:var(--wa-ink)!important;font-size:14px!important;line-height:1.6!important;font-weight:400!important;position:relative!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome h2{color:var(--wa-wine)!important;font-weight:700!important;font-size:15px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome h2::before{content:''!important;position:absolute!important;top:0!important;inset-inline-start:-8px!important;border-top:9px solid #fff!important;border-inline-start:9px solid transparent!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome .care-hours-note{background:#fbf1cf!important;color:#6b5a3a!important;font-size:11px!important;align-self:center!important;margin:6px 0!important;border-radius:10px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create{margin-top:auto!important;align-self:stretch!important;width:auto!important;max-width:none!important;display:flex!important;flex-direction:column!important;gap:8px!important;background:var(--wa-paper)!important;border:0!important;border-radius:18px!important;padding:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create label{display:flex!important;flex-direction:column!important;gap:4px!important;color:var(--wa-muted)!important;font-size:12px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create :is(select,textarea){border:1px solid var(--wa-line)!important;border-radius:14px!important;background:#f6f1e8!important;color:var(--wa-ink)!important;min-height:44px!important;padding:10px 12px!important;box-shadow:none!important;font-size:14px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create textarea{border-radius:20px!important;resize:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create .pill.primary{align-self:flex-end!important;min-height:46px!important;padding:0 22px!important;border-radius:999px!important;background:var(--wa-wine)!important;border:0!important;color:#fff!important;display:inline-flex!important;align-items:center!important;gap:8px!important;box-shadow:0 2px 6px rgba(102,0,31,.35)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create .pill.primary :is(svg,.care-icon){color:#fff!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create .pill.primary img.care-icon{filter:brightness(0) invert(1)!important;width:20px!important;height:20px!important}

/* WhatsApp handoff and privacy note */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-whatsapp{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:8px 12px 12px!important;min-height:44px!important;border-radius:999px!important;background:#25d366!important;color:#fff!important;font-weight:600!important;text-decoration:none!important;border:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-whatsapp :is(svg,.care-icon){color:#fff!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-privacy{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:10px 16px 0!important;color:var(--wa-muted)!important;font-size:11px!important;text-align:center!important}
}

/* v2: full-screen on phones, quick-reply chips and a WhatsApp composer bar for new chats. */
@layer libseh-storefront {
@media (max-width:767px){
  html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_){padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
  html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) :is(.care-page-heading,.care-privacy){display:none!important}
  html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-shell{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;height:calc(100dvh - 64px - 74px - env(safe-area-inset-bottom,0px))!important;min-height:420px!important}
  html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-conversation{height:100%!important}
}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-title b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-title span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-avatar{position:relative!important;box-shadow:0 0 0 2px rgba(255,255,255,.35)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-agent-avatar::after{content:''!important;position:absolute!important;inset-block-end:0!important;inset-inline-end:0!important;width:11px!important;height:11px!important;border-radius:50%!important;background:#4cd964!important;border:2px solid var(--wa-wine)!important}

/* Day chip */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-day{align-self:center!important;margin:4px 0 6px!important;padding:4px 12px!important;border-radius:8px!important;background:rgba(252,249,243,.92)!important;color:var(--wa-muted)!important;font-size:11px!important;box-shadow:0 1px 1px rgba(0,0,0,.06)!important}

/* Welcome: scrolling chat area + pinned composer */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome{padding:0!important;gap:0!important;min-height:0!important;overflow:hidden!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome-feed{flex:1!important;min-height:0!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:12px 12px 8px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome-feed > :is(h2,p){animation:wa-pop .28s ease-out both!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-welcome-feed > p:not(.care-hours-note){border-start-start-radius:10px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-typing-dots{align-self:flex-start!important;margin-inline-start:8px!important;display:inline-flex!important;gap:4px!important;padding:12px 14px!important;background:#f6f1e8!important;border-radius:10px!important;border-start-start-radius:0!important;box-shadow:0 1px 1px rgba(0,0,0,.1)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-typing-dots i{width:7px!important;height:7px!important;border-radius:50%!important;background:#b9aa98!important;animation:wa-dot 1s infinite ease-in-out!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-typing-dots i:nth-child(2){animation-delay:.15s!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-typing-dots i:nth-child(3){animation-delay:.3s!important}

/* Quick replies */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-quick{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;margin:6px 0 2px!important;padding-inline-start:8px!important;animation:wa-pop .28s .1s ease-out both!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-quick button{min-height:38px!important;padding:0 14px!important;border-radius:999px!important;background:#f6f1e8!important;border:1px solid #d9cbb6!important;color:var(--wa-wine)!important;font-size:13px!important;font-weight:600!important;box-shadow:0 1px 1px rgba(0,0,0,.06)!important;cursor:pointer!important;transition:background .15s,color .15s!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-quick button[aria-pressed="true"]{background:var(--wa-wine)!important;border-color:var(--wa-wine)!important;color:#fff!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-picked{align-self:flex-end!important;margin-inline-start:0!important;border-start-start-radius:10px!important;margin-inline-end:8px!important;max-width:80%!important;background:var(--wa-out)!important;color:var(--wa-ink)!important;border-radius:10px!important;border-start-end-radius:0!important;padding:7px 12px!important;font-size:14px!important;box-shadow:0 1px 1px rgba(0,0,0,.1)!important;animation:wa-pop .22s ease-out both!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-picked[hidden]{display:none!important}

/* Composer bar for the new-chat form */
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create{margin:0!important;border-radius:0!important;padding:8px 8px 10px!important;background:#f3ebdd!important;box-shadow:0 -1px 0 rgba(0,0,0,.05)!important;gap:6px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create .care-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create label.care-order-pick{flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:12px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create label.care-order-pick select{min-height:36px!important;border-radius:999px!important;padding:0 12px!important;flex:1!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create-bar{display:flex!important;align-items:flex-end!important;gap:6px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create-bar textarea{flex:1!important;min-width:0!important;min-height:46px!important;max-height:120px!important;border:0!important;border-radius:24px!important;padding:12px 16px!important;background:#f6f1e8!important;box-shadow:0 1px 1px rgba(0,0,0,.1)!important;font-size:15px!important;line-height:1.45!important;resize:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create-bar .pill.primary{align-self:auto!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;font-size:0!important;gap:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-create-bar .pill.primary :is(svg,img){width:22px!important;height:22px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-whatsapp{margin:0!important;border-radius:0!important;min-height:40px!important;font-size:13px!important}
@keyframes wa-pop{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes wa-dot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
@media (prefers-reduced-motion:reduce){
  html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) *{animation:none!important;transition:none!important}
}
}
@layer libseh-storefront {
@media (max-width:767px){
  html:root body.luxury-ui[data-lang][data-dir][class]:has(.care-page):not(#_):not(#_) :is(.libseh-footer,#site-footer,.site-footer){display:none!important}
}
}
@layer libseh-storefront {
html:root body.luxury-ui[data-lang][data-dir][class] .care-page:not(#_):not(#_) .care-file-hint{display:none!important}
}