/* ============================================================ AUTOMART MOBILE VEHICLE DETAIL V42.15 PREMIUM FLOATING CONTACT DOCK GLOBAL INTER TYPOGRAPHY ============================================================ */ @media (max-width: 767px){ /* ---------------------------------------------------------- PREMIUM CONTACT DOCK ---------------------------------------------------------- */ html body .am-v214-sticky-contact{ position: fixed !important; left: 14px !important; right: 14px !important; bottom: calc( 72px + env(safe-area-inset-bottom, 0px) ) !important; width: auto !important; min-height: 62px !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: center !important; gap: 7px !important; padding: 7px !important; background: rgba(255,255,255,.94) !important; border: 1px solid rgba(210,220,216,.95) !important; border-radius: 21px !important; box-shadow: 0 18px 45px rgba(15,23,42,.18), 0 5px 15px rgba(15,23,42,.09), 0 0 0 1px rgba(255,255,255,.7) inset !important; backdrop-filter: blur(22px) saturate(145%) !important; -webkit-backdrop-filter: blur(22px) saturate(145%) !important; z-index: 2147482000 !important; transform: translate3d(0,0,0) !important; -webkit-transform: translate3d(0,0,0) !important; will-change: transform !important; } /* ---------------------------------------------------------- CONTACT BUTTON ---------------------------------------------------------- */ html body .am-v214-sticky-contact .am-v214-contact-btn{ position: relative !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 7px !important; padding: 0 8px !important; border-radius: 15px !important; border: 1px solid transparent !important; text-decoration: none !important; font-family: inherit !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: -.01em !important; white-space: nowrap !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important; -webkit-tap-highlight-color: transparent !important; } /* ---------------------------------------------------------- ICON CONTAINER ---------------------------------------------------------- */ html body .am-v214-contact-icon{ width: 27px !important; height: 27px !important; flex: 0 0 27px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; font-size: 0 !important; line-height: 1 !important; } html body .am-v214-contact-icon svg{ width: 17px !important; height: 17px !important; display: block !important; fill: none !important; stroke: currentColor !important; stroke-width: 2.1 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* ---------------------------------------------------------- CALL ---------------------------------------------------------- */ html body .am-v214-contact-call{ color: #087f52 !important; background: #eaf9f2 !important; border-color: #d0eee0 !important; } html body .am-v214-contact-call .am-v214-contact-icon{ background: #ffffff !important; box-shadow: 0 2px 7px rgba(8,127,82,.10) !important; } /* ---------------------------------------------------------- WHATSAPP ---------------------------------------------------------- */ html body .am-v214-contact-whatsapp{ color: #087f52 !important; background: #e5f8ee !important; border-color: #c9ead9 !important; } html body .am-v214-contact-whatsapp .am-v214-contact-icon{ color: #ffffff !important; background: #08a76a !important; box-shadow: 0 3px 9px rgba(8,167,106,.22) !important; } /* ---------------------------------------------------------- CHAT ---------------------------------------------------------- */ html body .am-v214-contact-chat{ color: #172236 !important; background: #f5f7f8 !important; border-color: #e2e7eb !important; } html body .am-v214-contact-chat .am-v214-contact-icon{ color: #172236 !important; background: #ffffff !important; border: 1px solid #e2e7eb !important; } /* ---------------------------------------------------------- TOUCH FEEDBACK ---------------------------------------------------------- */ html body .am-v214-sticky-contact .am-v214-contact-btn:active{ transform: scale(.97) !important; box-shadow: 0 3px 8px rgba(15,23,42,.08) !important; } /* ---------------------------------------------------------- PAGE CLEARANCE ---------------------------------------------------------- */ html body.am-v214-contact-active{ padding-bottom: calc( 150px + env(safe-area-inset-bottom, 0px) ) !important; } /* ---------------------------------------------------------- SMALL PHONES ---------------------------------------------------------- */ @media (max-width: 380px){ html body .am-v214-sticky-contact{ left: 10px !important; right: 10px !important; gap: 5px !important; padding: 6px !important; border-radius: 18px !important; } html body .am-v214-sticky-contact .am-v214-contact-btn{ gap: 5px !important; padding: 0 5px !important; font-size: 12px !important; } html body .am-v214-contact-icon{ width: 25px !important; height: 25px !important; flex-basis: 25px !important; } } /* ---------------------------------------------------------- DESKTOP: NEVER SHOW ---------------------------------------------------------- */ } @media (min-width: 768px){ html body .am-v214-sticky-contact{ display: none !important; } }