.contact-bar{position:fixed;right:24px;bottom:20px;z-index:var(--z-cart-bar);padding:5px;border:1px solid var(--border);background:var(--card);box-shadow:0 4px 20px color-mix(in srgb,var(--foreground) 8%,transparent)}.contact-bar,.contact-bar a{display:flex;align-items:center;border-radius:999px}.contact-bar a{justify-content:center;gap:9px;min-height:44px;padding:0 20px;color:var(--foreground);font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:background-color var(--motion-fast) var(--ease)}.contact-bar .icon{width:20px;height:20px;flex:none}.contact-bar .contact-whatsapp{background:var(--primary);color:var(--primary-foreground)}.contact-bar .contact-messenger{color:var(--primary-strong)}.contact-bar a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.contact-bar[data-keyboard],.contact-bar[hidden],body.storefront-menu-open .contact-bar,body:has(#main form :is(input,textarea,select):focus) .contact-bar,body:has(dialog[open],.cart-layer.is-open) .contact-bar{display:none}.contact-bar{animation:contact-bar-enter var(--motion-base) var(--ease);transition:transform var(--motion-base) var(--ease),opacity var(--motion-base) var(--ease)}@keyframes contact-bar-enter{0%{opacity:0;transform:translateY(var(--space-12))}}@media (prefers-reduced-motion:reduce){.contact-bar{animation:none}}@media (hover:hover){.contact-bar .contact-whatsapp:hover{background:var(--primary-hover)}.contact-bar .contact-messenger:hover{background:var(--secondary)}}@media (min-width:768px){.contact-bar{right:20px;bottom:24px;flex-direction:column;gap:4px;padding:4px}.contact-bar a{position:relative;width:44px;padding:0}.contact-bar .contact-label{display:none}.contact-bar a:after{content:attr(data-label);position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);padding:8px 12px;border-radius:8px;background:var(--primary);color:var(--primary-foreground);font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--motion-fast) var(--ease)}.contact-bar a:focus-visible:after,.contact-bar a:hover:after{opacity:1}}@media (max-width:767px){html body:has(.contact-bar:not([hidden])) .site-footer{padding-bottom:calc(var(--contact-bar-offset) + var(--contact-bar-height) + var(--lilat-bottom-nav-space, 0px) + env(safe-area-inset-bottom))}.contact-bar{left:16px;right:16px;bottom:calc(var(--contact-bar-offset) + env(safe-area-inset-bottom));max-width:420px;margin-inline:auto;transition:bottom var(--motion-base) var(--ease),transform var(--motion-base) var(--ease),opacity var(--motion-base) var(--ease)}.contact-bar a{flex:1;min-width:0;padding-inline:12px}}@media (prefers-reduced-motion:reduce){.contact-bar{transition:none}}