.fwd-wacl {
    position: fixed;
    bottom: var(--fwd-wacl-offset-y, 24px);
    z-index: 99999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.fwd-wacl-right { right: var(--fwd-wacl-offset-x, 24px); }
.fwd-wacl-left { left: var(--fwd-wacl-offset-x, 24px); }
.fwd-wacl-tooltip {
    display: inline-block;
    margin-bottom: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #ffffff;
    color: #1f2937;
    box-shadow: var(--fwd-wacl-shadow-button, 0 8px 24px rgba(0, 0, 0, .16));
    font-size: 13px;
    font-weight: 600;
}
.fwd-wacl-button,
.fwd-wacl button.fwd-wacl-button,
.fwd-wacl a.fwd-wacl-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 54px;
    padding: 12px 18px;
    border: 0 !important;
    border-radius: var(--fwd-wacl-button-radius, 999px) !important;
    background-color: var(--fwd-wacl-primary, #25d366) !important;
    background-image: none !important;
    color: var(--fwd-wacl-text, #ffffff) !important;
    text-decoration: none !important;
    box-shadow: var(--fwd-wacl-shadow-button, 0 10px 30px rgba(0, 0, 0, .22));
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    opacity: 1 !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.fwd-wacl-button:hover,
.fwd-wacl-button:focus {
    transform: translateY(-2px);
    filter: brightness(.94);
    color: var(--fwd-wacl-text, #ffffff) !important;
}
.fwd-wacl-icon,
.fwd-wacl-chat-icon {
    display: inline-flex;
    width: var(--fwd-wacl-icon-size, 28px);
    height: var(--fwd-wacl-icon-size, 28px);
    color: var(--fwd-wacl-icon, #ffffff) !important;
}
.fwd-wacl-icon svg,
.fwd-wacl-chat-icon svg {
    width: var(--fwd-wacl-icon-size, 28px);
    height: var(--fwd-wacl-icon-size, 28px);
    color: inherit !important;
    fill: currentColor !important;
}
.fwd-wacl-pulse .fwd-wacl-button::after {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: var(--fwd-wacl-button-radius, 999px);
    border: 2px solid var(--fwd-wacl-primary, #25d366);
    opacity: .45;
    animation: fwd-wacl-pulse 1.8s infinite;
    pointer-events: none;
}
@keyframes fwd-wacl-pulse {
    0% { opacity: .65; transform: scale(.95); }
    100% { opacity: 0; transform: scale(1.18); }
}
.fwd-wacl-chat {
    display: none;
    width: var(--fwd-wacl-widget-width, 320px);
    max-width: calc(100vw - 32px);
    margin-bottom: 12px;
    overflow: hidden;
    border-radius: var(--fwd-wacl-widget-radius, 14px);
    background: #f5f0ea;
    box-shadow: var(--fwd-wacl-shadow-widget, 0 16px 44px rgba(0,0,0,.22));
}
.fwd-wacl-open .fwd-wacl-chat { display: block; }
.fwd-wacl-chat-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 14px;
    background-color: var(--fwd-wacl-header, #075e54) !important;
    color: var(--fwd-wacl-text, #ffffff) !important;
}
.fwd-wacl-chat-head strong,
.fwd-wacl-chat-head small { display: block; line-height: 1.25; }
.fwd-wacl-chat-head small { opacity: .92; font-size: 12px; }
.fwd-wacl-close {
    margin-left: auto;
    border: 0 !important;
    background: transparent !important;
    color: var(--fwd-wacl-text, #ffffff) !important;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}
.fwd-wacl-chat-body { padding: 14px; }
.fwd-wacl-bubble,
.fwd-wacl-input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
    font-size: 14px;
    line-height: 1.45;
}
.fwd-wacl-bubble { margin-bottom: 10px; padding: 12px; }
.fwd-wacl-input {
    min-height: 96px;
    margin: 0 0 12px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    resize: vertical;
}
.fwd-wacl-send {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100%;
    min-height: 44px;
    border: 0 !important;
    border-radius: 10px;
    background-color: var(--fwd-wacl-send, #25d366) !important;
    background-image: none !important;
    color: var(--fwd-wacl-text, #ffffff) !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    opacity: 1 !important;
}
.fwd-wacl-send:hover,
.fwd-wacl-send:focus { filter: brightness(.94); color: var(--fwd-wacl-text, #ffffff) !important; }
.fwd-wacl-left .fwd-wacl-chat { transform-origin: left bottom; }
.fwd-wacl-right .fwd-wacl-chat { transform-origin: right bottom; }
@media (max-width: 767px) {
    .fwd-wacl:not(.fwd-wacl-chat-enabled) .fwd-wacl-text { display: none; }
    .fwd-wacl:not(.fwd-wacl-chat-enabled) .fwd-wacl-button {
        min-width: 58px;
        min-height: 58px;
        justify-content: center;
        padding: 14px;
    }
    .fwd-wacl-tooltip { font-size: 12px; max-width: 180px; }
    .fwd-wacl-device-desktop { display: none !important; }
}
@media (min-width: 768px) {
    .fwd-wacl-device-mobile { display: none !important; }
}


/* Mobile compact mode: icon-only WhatsApp button. The text becomes a click tooltip. */
@media (max-width: 767px) {
    .fwd-wacl .fwd-wacl-button,
    .fwd-wacl button.fwd-wacl-button,
    .fwd-wacl a.fwd-wacl-button {
        width: 58px !important;
        min-width: 58px !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 14px !important;
        justify-content: center !important;
        border-radius: 999px !important;
        gap: 0 !important;
    }
    .fwd-wacl .fwd-wacl-text {
        display: none !important;
    }
    .fwd-wacl .fwd-wacl-icon,
    .fwd-wacl .fwd-wacl-chat-icon {
        margin: 0 !important;
        flex: 0 0 auto;
    }
    .fwd-wacl .fwd-wacl-tooltip {
        display: none !important;
        margin-bottom: 10px;
        max-width: 220px;
        white-space: normal;
        text-align: center;
        animation: fwd-wacl-tooltip-pop .16s ease-out;
    }
    .fwd-wacl.fwd-wacl-mobile-tip-open:not(.fwd-wacl-open) .fwd-wacl-tooltip,
    .fwd-wacl.fwd-wacl-mobile-tip-open:not(.fwd-wacl-open) .fwd-wacl-tooltip-mobile {
        display: inline-block !important;
    }
    .fwd-wacl-left .fwd-wacl-tooltip { margin-left: 0; }
    .fwd-wacl-right .fwd-wacl-tooltip { float: right; }
}
@keyframes fwd-wacl-tooltip-pop {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}


/* v1.5.2 - Mobile circle mode: no label inside the button, icon centered in a clean circle. */
@media (max-width: 767px) {
    .fwd-wacl .fwd-wacl-button,
    .fwd-wacl button.fwd-wacl-button,
    .fwd-wacl a.fwd-wacl-button {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        border-radius: 50% !important;
        aspect-ratio: 1 / 1;
        font-size: 0 !important;
        line-height: 0 !important;
        gap: 0 !important;
    }
    .fwd-wacl .fwd-wacl-button .fwd-wacl-text,
    .fwd-wacl .fwd-wacl-text {
        display: none !important;
        width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .fwd-wacl .fwd-wacl-icon,
    .fwd-wacl .fwd-wacl-chat-icon {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }
    .fwd-wacl .fwd-wacl-icon svg,
    .fwd-wacl .fwd-wacl-chat-icon svg {
        width: 30px !important;
        height: 30px !important;
        display: block !important;
    }
    .fwd-wacl.fwd-wacl-pulse .fwd-wacl-button::after {
        border-radius: 50% !important;
        inset: -8px !important;
    }
    .fwd-wacl .fwd-wacl-tooltip {
        display: none !important;
        position: relative;
        margin-bottom: 10px !important;
        padding: 9px 13px !important;
        max-width: 220px !important;
        white-space: normal !important;
        text-align: center !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        z-index: 2;
    }
    .fwd-wacl.fwd-wacl-mobile-tip-open:not(.fwd-wacl-open) .fwd-wacl-tooltip {
        display: inline-block !important;
    }
}


/* v1.5.3 - Mobile tooltip side positioning and hover/auto behaviour. */
@media (max-width: 767px) {
    .fwd-wacl .fwd-wacl-tooltip {
        position: absolute !important;
        bottom: 8px !important;
        margin: 0 !important;
        display: none !important;
        width: max-content !important;
        max-width: min(240px, calc(100vw - 96px)) !important;
        z-index: 3 !important;
        pointer-events: none;
    }
    .fwd-wacl-right .fwd-wacl-tooltip {
        right: calc(100% + 12px) !important;
        left: auto !important;
        text-align: right !important;
    }
    .fwd-wacl-left .fwd-wacl-tooltip {
        left: calc(100% + 12px) !important;
        right: auto !important;
        text-align: left !important;
    }
    .fwd-wacl:not(.fwd-wacl-open):hover .fwd-wacl-tooltip,
    .fwd-wacl:not(.fwd-wacl-open):focus-within .fwd-wacl-tooltip,
    .fwd-wacl.fwd-wacl-mobile-tip-open:not(.fwd-wacl-open) .fwd-wacl-tooltip {
        display: inline-block !important;
    }
    .fwd-wacl.fwd-wacl-open .fwd-wacl-tooltip {
        display: none !important;
    }
}

/* v1.6.0 - Call Us floating button */
.fwd-wacl-call .fwd-wacl-button,
.fwd-wacl-call a.fwd-wacl-button {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border-radius: 50% !important;
    background-color: var(--fwd-wacl-call, #0A84FF) !important;
    color: var(--fwd-wacl-text, #ffffff) !important;
    gap: 0 !important;
}
.fwd-wacl-call .fwd-wacl-icon,
.fwd-wacl-call .fwd-wacl-icon svg {
    width: 30px !important;
    height: 30px !important;
}
.fwd-wacl-call.fwd-wacl-pulse .fwd-wacl-button::after {
    border-color: var(--fwd-wacl-call, #0A84FF) !important;
    border-radius: 50% !important;
}
.fwd-wacl-call-stacked {
    bottom: calc(var(--fwd-wacl-offset-y, 24px) + 74px) !important;
}
.fwd-wacl-call .fwd-wacl-tooltip {
    position: absolute !important;
    bottom: 8px !important;
    display: none !important;
    width: max-content !important;
    max-width: min(240px, calc(100vw - 96px)) !important;
    margin: 0 !important;
    z-index: 3 !important;
    pointer-events: none;
}
.fwd-wacl-call.fwd-wacl-call-right .fwd-wacl-tooltip,
.fwd-wacl-call.fwd-wacl-right .fwd-wacl-tooltip {
    right: calc(100% + 12px) !important;
    left: auto !important;
    text-align: right !important;
}
.fwd-wacl-call.fwd-wacl-call-left .fwd-wacl-tooltip,
.fwd-wacl-call.fwd-wacl-left .fwd-wacl-tooltip {
    left: calc(100% + 12px) !important;
    right: auto !important;
    text-align: left !important;
}
.fwd-wacl-call:hover .fwd-wacl-tooltip,
.fwd-wacl-call:focus-within .fwd-wacl-tooltip,
.fwd-wacl-call.fwd-wacl-mobile-tip-open .fwd-wacl-tooltip {
    display: inline-block !important;
}

/* v1.7.0 - Request Quote floating button and form */
.fwd-wacl-quote .fwd-wacl-button,
.fwd-wacl-quote button.fwd-wacl-button {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background-color: var(--fwd-wacl-quote-icon-bg, var(--fwd-wacl-quote, #F59E0B)) !important;
    color: var(--fwd-wacl-quote-icon-color, #ffffff) !important;
    border: 0 !important;
    cursor: pointer;
}
.fwd-wacl-quote .fwd-wacl-icon,
.fwd-wacl-quote .fwd-wacl-icon svg { width: 30px !important; height: 30px !important; color: var(--fwd-wacl-quote-icon-color, #ffffff) !important; }
.fwd-wacl-quote .fwd-wacl-icon svg,
.fwd-wacl-quote .fwd-wacl-icon svg * { fill: currentColor !important; stroke: currentColor !important; }
.fwd-wacl-quote.fwd-wacl-pulse .fwd-wacl-button::after { border-color: var(--fwd-wacl-quote-icon-bg, var(--fwd-wacl-quote, #F59E0B)) !important; border-radius: 50% !important; }
.fwd-wacl-quote-stacked { bottom: calc(var(--fwd-wacl-offset-y, 24px) + 74px) !important; }
.fwd-wacl-quote-stacked.fwd-wacl-call-stacked { bottom: calc(var(--fwd-wacl-offset-y, 24px) + 148px) !important; }
.fwd-wacl-quote .fwd-wacl-tooltip {
    position: absolute !important;
    bottom: 8px !important;
    display: none !important;
    width: max-content !important;
    max-width: min(240px, calc(100vw - 96px)) !important;
    margin: 0 !important;
    z-index: 3 !important;
    pointer-events: none;
}
.fwd-wacl-quote.fwd-wacl-right .fwd-wacl-tooltip { right: calc(100% + 12px) !important; left: auto !important; text-align: right !important; }
.fwd-wacl-quote.fwd-wacl-left .fwd-wacl-tooltip { left: calc(100% + 12px) !important; right: auto !important; text-align: left !important; }
.fwd-wacl-quote:not(.fwd-wacl-quote-open):hover .fwd-wacl-tooltip,
.fwd-wacl-quote:not(.fwd-wacl-quote-open):focus-within .fwd-wacl-tooltip,
.fwd-wacl-quote.fwd-wacl-mobile-tip-open:not(.fwd-wacl-quote-open) .fwd-wacl-tooltip { display: inline-block !important; }
.fwd-wacl-quote-panel {
    display: none;
    position: absolute;
    bottom: 74px;
    width: min(380px, calc(100vw - 32px));
    max-height: min(78vh, 720px);
    overflow: auto;
    background: #ffffff;
    border-radius: var(--fwd-wacl-widget-radius, 14px);
    box-shadow: var(--fwd-wacl-shadow-widget, 0 16px 44px rgba(0,0,0,.22));
    color: #111827;
}
.fwd-wacl-right .fwd-wacl-quote-panel { right: 0; }
.fwd-wacl-left .fwd-wacl-quote-panel { left: 0; }
.fwd-wacl-quote-open .fwd-wacl-quote-panel { display: block; }
.fwd-wacl-quote-head { display:flex; align-items:center; gap:12px; padding:14px 16px; background:var(--fwd-wacl-quote, #F59E0B); color:#fff; }
.fwd-wacl-quote-head strong { font-size: 16px; line-height:1.25; }
.fwd-wacl-quote-close { margin-left:auto; border:0!important; background:transparent!important; color:#fff!important; font-size:26px; line-height:1; cursor:pointer; }
.fwd-wacl-quote-form { padding: 14px; }
.fwd-wacl-quote-form label { display:block; margin-top:12px; font-weight:700; font-size:13px; }
.fwd-wacl-quote-form input[type="text"],
.fwd-wacl-quote-form input[type="tel"],
.fwd-wacl-quote-form input[type="email"],
.fwd-wacl-quote-form textarea { width:100%; box-sizing:border-box; padding:10px; border:1px solid #d1d5db; border-radius:8px; font-size:14px; }
.fwd-wacl-company-toggle,
.fwd-wacl-gdpr { display:flex!important; align-items:flex-start; gap:8px; line-height:1.4; }
.fwd-wacl-company-toggle input,
.fwd-wacl-gdpr input { width:auto!important; margin-top:3px; }
.fwd-wacl-company-fields { margin-top:10px; padding:10px; border:1px solid #e5e7eb; border-radius:10px; background:#f9fafb; }
.fwd-wacl-quote-help { margin:0 0 8px; color:#4b5563; font-size:13px; }
.fwd-wacl-hp { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.fwd-wacl-quote-submit { width:100%; margin-top:14px; padding:12px 16px; border:0!important; border-radius:10px; background:var(--fwd-wacl-quote, #F59E0B)!important; color:#fff!important; font-weight:700; cursor:pointer; }
.fwd-wacl-quote-submit:disabled { opacity:.7; cursor:wait; }
.fwd-wacl-quote-response { margin-top:10px; font-weight:700; }
.fwd-wacl-quote-response.ok { color:#15803d; }
.fwd-wacl-quote-response.error { color:#dc2626; }

/* v1.7.2 - Inline product quote button */
.fwd-wacl-quote-inline {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 20;
    width: 100%;
    margin: 28px 0 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.fwd-wacl-product-quote-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100%;
    min-height: 52px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid var(--fwd-wacl-quote, #F59E0B) !important;
    background: #fff !important;
    color: var(--fwd-wacl-quote, #F59E0B) !important;
    border-radius: 4px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    cursor: pointer;
    box-shadow: none !important;
}
.fwd-wacl-product-quote-button:hover,
.fwd-wacl-product-quote-button:focus {
    background: var(--fwd-wacl-quote, #F59E0B) !important;
    color: #fff !important;
}
.fwd-wacl-product-quote-icon,
.fwd-wacl-product-quote-icon svg { width: 21px; height: 21px; display: inline-flex; }
.fwd-wacl-quote-inline .fwd-wacl-quote-panel {
    position: static !important;
    width: 100% !important;
    max-width: 620px;
    margin: 14px 0 0;
    transform: none !important;
    opacity: 0;
    pointer-events: none;
    display: none;
}
.fwd-wacl-quote-inline.fwd-wacl-quote-open .fwd-wacl-quote-panel {
    display: block;
    opacity: 1;
    pointer-events: auto;
}
.fwd-wacl-quote-inline .fwd-wacl-quote-head {
    background: var(--fwd-wacl-quote, #F59E0B) !important;
}

/* v1.7.3 - shared modal system for Request Quote */
body.fwd-wacl-modal-open {
    overflow: hidden !important;
}
.fwd-wacl-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    background: rgba(17, 24, 39, .46) !important;
    backdrop-filter: none !important;
}
.fwd-wacl-quote .fwd-wacl-quote-panel,
.fwd-wacl-quote-inline .fwd-wacl-quote-panel,
.fwd-wacl-quote-panel[data-fwd-wacl-ported="1"] {
    display: none;
    position: fixed !important;
    top: var(--fwd-wacl-quote-modal-top, 100px) !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: min(var(--fwd-wacl-quote-modal-width, 820px), calc(100vw - 32px)) !important;
    max-height: calc(100vh - var(--fwd-wacl-quote-modal-top, 100px) - 28px) !important;
    overflow: auto !important;
    z-index: 2147483647 !important;
    margin: 0 !important;
    background: #ffffff !important;
    color: #111827 !important;
    border-radius: var(--fwd-wacl-widget-radius, 14px) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .32) !important;
}
.fwd-wacl-quote.fwd-wacl-quote-open .fwd-wacl-quote-panel,
.fwd-wacl-quote-inline.fwd-wacl-quote-open .fwd-wacl-quote-panel,
.fwd-wacl-quote-panel[data-fwd-wacl-ported="1"] {
    display: block !important;
}
.fwd-wacl-quote-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px !important;
}
.fwd-wacl-quote-help,
.fwd-wacl-quote-form .fwd-wacl-wide,
.fwd-wacl-quote-form .fwd-wacl-hp,
.fwd-wacl-company-fields {
    grid-column: 1 / -1;
}
.fwd-wacl-quote-help {
    margin: 0 0 2px !important;
}
.fwd-wacl-quote-form .fwd-wacl-field label,
.fwd-wacl-company-toggle,
.fwd-wacl-gdpr {
    display: block !important;
    margin: 0 0 6px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}
.fwd-wacl-quote-form .fwd-wacl-field input,
.fwd-wacl-quote-form .fwd-wacl-field textarea {
    width: 100% !important;
    box-sizing: border-box !important;
}
.fwd-wacl-company-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 16px;
}
.fwd-wacl-gdpr {
    font-weight: 500 !important;
    line-height: 1.35;
}
.fwd-wacl-quote-submit {
    margin-top: 0 !important;
}
.fwd-wacl-quote-close:focus,
.fwd-wacl-quote-toggle:focus,
.fwd-wacl-product-quote-button:focus {
    outline: 2px solid rgba(245, 158, 11, .45);
    outline-offset: 2px;
}
@media (max-width: 767px) {
    .fwd-wacl-quote .fwd-wacl-quote-panel,
    .fwd-wacl-quote-inline .fwd-wacl-quote-panel,
    .fwd-wacl-quote-panel[data-fwd-wacl-ported="1"] {
        top: var(--fwd-wacl-quote-modal-mobile-top, 50px) !important;
        width: 95vw !important;
        max-height: calc(100vh - var(--fwd-wacl-quote-modal-mobile-top, 50px) - 20px) !important;
        border-radius: 12px !important;
    }
    .fwd-wacl-quote-form,
    .fwd-wacl-company-grid {
        grid-template-columns: 1fr !important;
    }
}


/* v1.7.7 - debug/z-index hardening */
body.fwd-wacl-modal-open > .fwd-wacl-modal-overlay {
    z-index: 2147483000 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.fwd-wacl-modal-open > .fwd-wacl-quote-panel[data-fwd-wacl-ported="1"] {
    z-index: 2147483647 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    isolation: isolate !important;
}

/* v1.7.8 - separated Request Quote colors */
.fwd-wacl-quote-head {
    background: var(--fwd-wacl-quote-header-bg, #F3F4F6) !important;
    color: var(--fwd-wacl-quote-header-text, #111111) !important;
}
.fwd-wacl-quote-head strong {
    color: var(--fwd-wacl-quote-header-text, #111111) !important;
}
.fwd-wacl-quote-close {
    color: var(--fwd-wacl-quote-header-close, #111111) !important;
}
.fwd-wacl-product-quote-button {
    border-color: var(--fwd-wacl-quote-product-border, #0AAEF5) !important;
}
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-button {
    background: transparent !important;
    color: var(--fwd-wacl-quote-product-border, #0AAEF5) !important;
}
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-icon,
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-icon svg,
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-icon svg * {
    color: var(--fwd-wacl-quote-product-border, #0AAEF5) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-button:hover,
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-button:focus {
    background: var(--fwd-wacl-quote-product-bg, #0AAEF5) !important;
    color: var(--fwd-wacl-quote-product-text, #FFFFFF) !important;
}
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-button:hover .fwd-wacl-product-quote-icon,
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-button:focus .fwd-wacl-product-quote-icon,
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-button:hover .fwd-wacl-product-quote-icon svg,
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-button:focus .fwd-wacl-product-quote-icon svg,
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-button:hover .fwd-wacl-product-quote-icon svg *,
.fwd-wacl-product-button-outline .fwd-wacl-product-quote-button:focus .fwd-wacl-product-quote-icon svg * {
    color: var(--fwd-wacl-quote-product-icon, #FFFFFF) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
.fwd-wacl-product-button-filled .fwd-wacl-product-quote-button {
    background: var(--fwd-wacl-quote-product-bg, #0AAEF5) !important;
    color: var(--fwd-wacl-quote-product-text, #FFFFFF) !important;
    border-color: var(--fwd-wacl-quote-product-bg, #0AAEF5) !important;
}
.fwd-wacl-product-button-filled .fwd-wacl-product-quote-icon,
.fwd-wacl-product-button-filled .fwd-wacl-product-quote-icon svg,
.fwd-wacl-product-button-filled .fwd-wacl-product-quote-icon svg * {
    color: var(--fwd-wacl-quote-product-icon, #FFFFFF) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
.fwd-wacl-quote-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    background: var(--fwd-wacl-quote-submit-bg, #0AAEF5) !important;
    color: var(--fwd-wacl-quote-submit-text, #FFFFFF) !important;
}
.fwd-wacl-quote-submit .fwd-wacl-quote-submit-icon {
    color: var(--fwd-wacl-quote-submit-icon, #FFFFFF) !important;
    font-size: 17px !important;
    line-height: 1 !important;
}
.fwd-wacl-quote-close:focus,
.fwd-wacl-quote-toggle:focus,
.fwd-wacl-product-quote-button:focus {
    outline-color: color-mix(in srgb, var(--fwd-wacl-quote-product-border, #0AAEF5) 45%, transparent) !important;
}


/* v1.7.9 - dedicated floating quote icon colors */
.fwd-wacl-quote .fwd-wacl-button,
.fwd-wacl-quote button.fwd-wacl-button {
    background-color: var(--fwd-wacl-quote-icon-bg, #F59E0B) !important;
    color: var(--fwd-wacl-quote-icon-color, #FFFFFF) !important;
}
.fwd-wacl-quote .fwd-wacl-icon,
.fwd-wacl-quote .fwd-wacl-icon svg,
.fwd-wacl-quote .fwd-wacl-icon svg * {
    color: var(--fwd-wacl-quote-icon-color, #FFFFFF) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
.fwd-wacl-quote.fwd-wacl-pulse .fwd-wacl-button::after {
    border-color: var(--fwd-wacl-quote-icon-bg, #F59E0B) !important;
}


/* v2.1.6 - frontend fixes: Request Quote modal colors after porting + compact WhatsApp on mobile/tablet */
body > .fwd-wacl-quote-panel[data-fwd-wacl-ported="1"] .fwd-wacl-quote-submit,
body > .fwd-wacl-quote-panel[data-fwd-wacl-ported="1"] .fwd-wacl-quote-submit:hover,
body > .fwd-wacl-quote-panel[data-fwd-wacl-ported="1"] .fwd-wacl-quote-submit:focus,
.fwd-wacl-quote-panel .fwd-wacl-quote-submit,
.fwd-wacl-quote-panel .fwd-wacl-quote-submit:hover,
.fwd-wacl-quote-panel .fwd-wacl-quote-submit:focus {
    background-color: var(--fwd-wacl-quote-submit-bg, #0AAEF5) !important;
    background-image: none !important;
    color: var(--fwd-wacl-quote-submit-text, #FFFFFF) !important;
    border-color: var(--fwd-wacl-quote-submit-bg, #0AAEF5) !important;
}
body > .fwd-wacl-quote-panel[data-fwd-wacl-ported="1"] .fwd-wacl-quote-submit .fwd-wacl-quote-submit-icon,
.fwd-wacl-quote-panel .fwd-wacl-quote-submit .fwd-wacl-quote-submit-icon {
    color: var(--fwd-wacl-quote-submit-icon, #FFFFFF) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
@media (max-width: 1024px) {
    .fwd-wacl:not(.fwd-wacl-quote):not(.fwd-wacl-call) .fwd-wacl-button,
    .fwd-wacl:not(.fwd-wacl-quote):not(.fwd-wacl-call) button.fwd-wacl-button,
    .fwd-wacl:not(.fwd-wacl-quote):not(.fwd-wacl-call) a.fwd-wacl-button {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        aspect-ratio: 1 / 1 !important;
        gap: 0 !important;
        overflow: visible !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }
    .fwd-wacl:not(.fwd-wacl-quote):not(.fwd-wacl-call) .fwd-wacl-text {
        display: none !important;
        width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .fwd-wacl:not(.fwd-wacl-quote):not(.fwd-wacl-call) .fwd-wacl-icon,
    .fwd-wacl:not(.fwd-wacl-quote):not(.fwd-wacl-call) .fwd-wacl-icon svg {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .fwd-wacl:not(.fwd-wacl-quote):not(.fwd-wacl-call).fwd-wacl-pulse .fwd-wacl-button::after {
        border-radius: 50% !important;
        inset: -8px !important;
    }
}


/* v2.1.7 - WhatsApp compact mode on all devices + sequential tooltip. */
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote) .fwd-wacl-button,
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote) button.fwd-wacl-button,
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote) a.fwd-wacl-button {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1;
    font-size: 0 !important;
    line-height: 0 !important;
    gap: 0 !important;
}
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote) .fwd-wacl-text {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote) .fwd-wacl-icon,
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote) .fwd-wacl-icon svg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
}
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote).fwd-wacl-pulse .fwd-wacl-button::after {
    border-radius: 50% !important;
    inset: -8px !important;
}
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote) .fwd-wacl-tooltip {
    position: absolute !important;
    bottom: 8px !important;
    display: none !important;
    width: max-content !important;
    max-width: min(250px, calc(100vw - 96px)) !important;
    margin: 0 !important;
    white-space: normal !important;
    pointer-events: none;
    z-index: 3 !important;
    animation: fwd-wacl-tooltip-pop .16s ease-out;
}
.fwd-wacl-right:not(.fwd-wacl-call):not(.fwd-wacl-quote) .fwd-wacl-tooltip {
    right: calc(100% + 12px) !important;
    left: auto !important;
    text-align: right !important;
}
.fwd-wacl-left:not(.fwd-wacl-call):not(.fwd-wacl-quote) .fwd-wacl-tooltip {
    left: calc(100% + 12px) !important;
    right: auto !important;
    text-align: left !important;
}
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote):not(.fwd-wacl-open):hover .fwd-wacl-tooltip,
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote):not(.fwd-wacl-open):focus-within .fwd-wacl-tooltip,
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote).fwd-wacl-tip-open:not(.fwd-wacl-open) .fwd-wacl-tooltip,
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote).fwd-wacl-mobile-tip-open:not(.fwd-wacl-open) .fwd-wacl-tooltip {
    display: inline-block !important;
}
.fwd-wacl:not(.fwd-wacl-call):not(.fwd-wacl-quote).fwd-wacl-open .fwd-wacl-tooltip {
    display: none !important;
}


/* v2.2.1 - Keep floating icons above mobile bottom navigation. */
@media (max-width: 767px) {
    .fwd-wacl:not(.fwd-wacl-quote):not(.fwd-wacl-call) {
        bottom: calc(var(--fwd-wacl-offset-y, 24px) + 74px) !important;
    }
    .fwd-wacl-call {
        bottom: calc(var(--fwd-wacl-offset-y, 24px) + 74px) !important;
    }
    .fwd-wacl-quote {
        bottom: calc(var(--fwd-wacl-offset-y, 24px) + 148px) !important;
    }
    .fwd-wacl-quote.fwd-wacl-call-stacked {
        bottom: calc(var(--fwd-wacl-offset-y, 24px) + 222px) !important;
    }
}