.zv1636-wa,.zv1636-wa *,.zv1636-wa *::before,.zv1636-wa *::after{box-sizing:border-box!important}
.zv1636-wa{
--zv1636-ink:#211b18;
--zv1636-muted:#786d66;
--zv1636-line:#e8dfd9;
--zv1636-cream:#fffdfb;
--zv1636-brand:#9d6b5b;
--zv1636-wa:#25D366;
position:fixed!important;
right:max(22px,env(safe-area-inset-right))!important;
bottom:max(24px,env(safe-area-inset-bottom))!important;
z-index:99990!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-end!important;
gap:12px!important;
font-family:Arial,sans-serif!important;
pointer-events:none!important;
}
.single-product .zv1636-wa{
bottom:max(90px,calc(env(safe-area-inset-bottom) + 80px))!important;
}
.zv1636-wa-launcher{
pointer-events:auto!important;
position:relative!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
min-width:220px!important;
height:58px!important;
padding:0 17px 0 10px!important;
border:1px solid rgba(72,51,41,.10)!important;
border-radius:999px!important;
background:#fff!important;
color:var(--zv1636-ink)!important;
box-shadow:0 10px 30px rgba(52,36,29,.14),0 2px 8px rgba(52,36,29,.06)!important;
cursor:pointer!important;
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.zv1636-wa-launcher:hover,.zv1636-wa-launcher:focus-visible{
transform:translateY(-2px)!important;
box-shadow:0 14px 38px rgba(52,36,29,.18),0 3px 10px rgba(52,36,29,.06)!important;
border-color:rgba(157,107,91,.24)!important;
}
.zv1636-wa-launcher__pulse{
position:absolute!important;
left:45px!important;
top:10px!important;
width:8px!important;
height:8px!important;
border:2px solid #fff!important;
border-radius:50%!important;
background:var(--zv1636-wa)!important;
box-shadow:0 0 0 3px rgba(37,211,102,.10)!important;
}
.zv1636-wa-launcher__icon{
display:grid!important;
place-items:center!important;
flex:0 0 40px!important;
width:40px!important;
height:40px!important;
border-radius:50%!important;
background:var(--zv1636-wa)!important;
color:#fff!important;
box-shadow:0 5px 14px rgba(37,211,102,.25)!important;
}
.zv1636-wa-launcher__icon svg{display:block!important;width:25px!important;height:25px!important}
.zv1636-wa-launcher__copy{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:4px!important;
text-align:left!important;
}
.zv1636-wa-launcher__copy strong{
color:var(--zv1636-ink)!important;
font-size:12.5px!important;
line-height:1!important;
font-weight:750!important;
}
.zv1636-wa-launcher__copy small{
color:var(--zv1636-muted)!important;
font-size:9.5px!important;
line-height:1!important;
font-weight:500!important;
}
.zv1636-wa-panel{
pointer-events:auto!important;
width:360px!important;
max-width:calc(100vw - 36px)!important;
overflow:hidden!important;
border:1px solid var(--zv1636-line)!important;
border-radius:20px!important;
background:var(--zv1636-cream)!important;
box-shadow:0 24px 70px rgba(43,29,23,.20),0 5px 18px rgba(43,29,23,.08)!important;
transform-origin:bottom right!important;
animation:zv1636PanelIn .22s ease both!important;
}
.zv1636-wa-panel[hidden]{display:none!important}
.zv1636-wa-panel__top{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
padding:17px 18px 15px!important;
border-bottom:1px solid var(--zv1636-line)!important;
background:linear-gradient(180deg,#fff 0%,#fcf8f5 100%)!important;
}
.zv1636-wa-brand{
display:flex!important;
align-items:center!important;
gap:10px!important;
}
.zv1636-wa-brandmark{
display:grid!important;
place-items:center!important;
width:34px!important;
height:34px!important;
border-radius:50%!important;
background:#2f2824!important;
color:#fff!important;
font-family:Georgia,serif!important;
font-size:17px!important;
font-weight:700!important;
}
.zv1636-wa-brand>span:last-child{
display:flex!important;
flex-direction:column!important;
gap:3px!important;
}
.zv1636-wa-brand strong{
color:var(--zv1636-ink)!important;
font-family:Georgia,serif!important;
font-size:14px!important;
line-height:1!important;
letter-spacing:.08em!important;
}
.zv1636-wa-brand small{
color:var(--zv1636-muted)!important;
font-size:9.5px!important;
line-height:1.1!important;
}
.zv1636-wa-close{
display:grid!important;
place-items:center!important;
width:32px!important;
height:32px!important;
padding:0!important;
border:0!important;
border-radius:50%!important;
background:transparent!important;
color:#6e625c!important;
font:400 24px/1 Arial,sans-serif!important;
cursor:pointer!important;
}
.zv1636-wa-close:hover{background:#f2ece8!important;color:#2d2521!important}
.zv1636-wa-panel__body{padding:19px 18px 17px!important}
.zv1636-wa-eyebrow{
display:block!important;
margin:0 0 5px!important;
color:var(--zv1636-brand)!important;
font-size:9px!important;
font-weight:750!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
}
.zv1636-wa-panel h3{
margin:0!important;
color:var(--zv1636-ink)!important;
font-family:Georgia,serif!important;
font-size:24px!important;
line-height:1.12!important;
font-weight:500!important;
}
.zv1636-wa-panel p{
margin:8px 0 15px!important;
color:var(--zv1636-muted)!important;
font-size:11.5px!important;
line-height:1.45!important;
}
.zv1636-wa-quick{
display:flex!important;
flex-direction:column!important;
gap:8px!important;
margin-bottom:13px!important;
}
.zv1636-wa-topic{
display:grid!important;
grid-template-columns:34px minmax(0,1fr) 16px!important;
align-items:center!important;
gap:10px!important;
min-height:57px!important;
padding:9px 10px!important;
border:1px solid #ece4de!important;
border-radius:13px!important;
background:#fff!important;
color:var(--zv1636-ink)!important;
text-decoration:none!important;
transition:border-color .18s ease,background .18s ease,transform .18s ease!important;
}
.zv1636-wa-topic:hover{
border-color:#d9c7bd!important;
background:#fdf9f6!important;
transform:translateX(-1px)!important;
}
.zv1636-wa-topic__icon{
display:grid!important;
place-items:center!important;
width:34px!important;
height:34px!important;
border-radius:10px!important;
background:#f4eeea!important;
color:var(--zv1636-brand)!important;
font-size:16px!important;
font-weight:700!important;
}
.zv1636-wa-topic>span:nth-child(2){
display:flex!important;
flex-direction:column!important;
gap:3px!important;
min-width:0!important;
}
.zv1636-wa-topic strong{
color:var(--zv1636-ink)!important;
font-size:11.5px!important;
line-height:1.15!important;
font-weight:700!important;
}
.zv1636-wa-topic small{
color:var(--zv1636-muted)!important;
font-size:9.5px!important;
line-height:1.2!important;
}
.zv1636-wa-arrow{
color:#a49389!important;
font-size:22px!important;
line-height:1!important;
}
.zv1636-wa-primary{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
min-height:52px!important;
padding:8px 14px!important;
border:0!important;
border-radius:14px!important;
background:#1fba5b!important;
color:#fff!important;
text-decoration:none!important;
box-shadow:0 8px 20px rgba(31,186,91,.18)!important;
transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.zv1636-wa-primary:hover{
background:#18a94f!important;
color:#fff!important;
transform:translateY(-1px)!important;
box-shadow:0 10px 25px rgba(31,186,91,.23)!important;
}
.zv1636-wa-whatsapp-icon{
display:grid!important;
place-items:center!important;
flex:0 0 28px!important;
width:28px!important;
height:28px!important;
}
.zv1636-wa-whatsapp-icon svg{display:block!important;width:28px!important;height:28px!important}
.zv1636-wa-primary>span:last-child{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:3px!important;
}
.zv1636-wa-primary strong{
color:#fff!important;
font-size:12.5px!important;
line-height:1!important;
font-weight:800!important;
}
.zv1636-wa-primary small{
color:rgba(255,255,255,.88)!important;
font-size:8.7px!important;
line-height:1!important;
font-weight:500!important;
}
.zv1636-wa-note{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
margin-top:10px!important;
color:#8a7e76!important;
font-size:9px!important;
line-height:1.2!important;
}
.zv1636-wa-note>span:first-child{color:#1fba5b!important;font-weight:800!important}
@keyframes zv1636PanelIn{
from{opacity:0;transform:translateY(8px) scale(.985)}
to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:780px){
.zv1636-wa{
right:max(14px,env(safe-area-inset-right))!important;
bottom:max(18px,calc(env(safe-area-inset-bottom) + 10px))!important;
}
.single-product .zv1636-wa{
bottom:max(84px,calc(env(safe-area-inset-bottom) + 74px))!important;
}
.zv1636-wa-launcher{
width:58px!important;
min-width:58px!important;
height:58px!important;
padding:0!important;
border-radius:50%!important;
}
.zv1636-wa-launcher__copy{display:none!important}
.zv1636-wa-launcher__icon{
width:44px!important;
height:44px!important;
flex-basis:44px!important;
margin:auto!important;
}
.zv1636-wa-launcher__pulse{
left:auto!important;
right:5px!important;
top:5px!important;
}
.zv1636-wa-panel{
width:min(350px,calc(100vw - 24px))!important;
max-width:calc(100vw - 24px)!important;
border-radius:18px!important;
}
.zv1636-wa-panel__body{padding:17px 15px 15px!important}
.zv1636-wa-panel h3{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){
.zv1636-wa-panel,.zv1636-wa-launcher,.zv1636-wa-topic,.zv1636-wa-primary{animation:none!important;transition:none!important}
} .zv1636-wa-launcher__icon{
width:48px!important;
height:48px!important;
flex-basis:48px!important;
}
.zv1636-wa-launcher__icon svg{
width:30px!important;
height:30px!important;
}
@media(max-width:780px){
.zv1636-wa-launcher{
width:66px!important;
min-width:66px!important;
height:66px!important;
}
.zv1636-wa-launcher__icon{
width:52px!important;
height:52px!important;
flex-basis:52px!important;
}
.zv1636-wa-launcher__icon svg{
width:33px!important;
height:33px!important;
}
}