/* Add custom CSS styles below */ 
.checkout-page .main-menu, .checkout-page header {
    display: none !important;
html body .s-whatsapp-container,
html body #whatsapp-widget,
html body [class*="whatsapp-button"],
html body a[href*="wa.me"] {
    bottom: 180px !important;
    right: 20px !important;
    position: fixed !important;
    z-index: 999999 !important;
}

@media (max-width: 768px) {
    html body .s-whatsapp-container {
        bottom: 200px !important;
    }
}
  .s-whatsapp-container, 
#whatsapp-widget, 
.whatsapp-button, 
[id*="whatsapp"], 
[class*="whatsapp"],
a[href*="wa.me"] {
    bottom: 140px !important;
    right: 15px !important;
    position: fixed !important;
    z-index: 999999 !important;
    display: block !important;
}

@media (max-width: 768px) {
    .s-whatsapp-container, 
    [id*="whatsapp"], 
    [class*="whatsapp"],
    a[href*="wa.me"] {
        bottom: 160px !important;
    }
}
  div[class*="whatsapp"], 
div[id*="whatsapp"], 
a[class*="whatsapp"], 
iframe[id*="whatsapp"],
.s-whatsapp-container {
    bottom: 200px !important;
    right: 20px !important;
    position: fixed !important;
    display: block !important;
    visibility: visible !important;
    z-index: 999999999 !important;
    transform: translateY(-50px) !important;
}

@media (max-width: 768px) {
    div[class*="whatsapp"], 
    .s-whatsapp-container {
        bottom: 220px !important;
    }
}