.tba-wa {
        display: inline-flex;
        align-items: center;
        gap: .35em;
        margin: 0 0 0 .45em;
        padding: 0;
        vertical-align: middle;
        color: inherit;
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        cursor: pointer;
        white-space: nowrap;
    }
    .tba-wa-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        transition: transform .15s ease;
    }
    .tba-wa-icon svg {
        display: block;
        width: 1.15em !important;
        height: 1.15em !important;
        min-width: 15px;
        min-height: 15px;
        fill: #25D366 !important;
        stroke: none !important;
    }
    .tba-wa:hover .tba-wa-icon,
    .tba-wa:focus-visible .tba-wa-icon { transform: scale(1.12); }
    .tba-wa:focus-visible { outline: 2px solid #25D366; outline-offset: 2px; border-radius: 4px; }
    .tba-wa-num { display: inline !important; font: inherit; color: inherit; }
    /* card/list styles around the number style every span; keep ours in a row */
    span.tba-wa, a.tba-wa { display: inline-flex !important; flex-direction: row !important; }
    .tba-wa .tba-wa-icon { display: inline-flex !important; width: auto; margin: 0 !important; }

    /* own line: list item, or under the number inside a card */
    .tba-wa.tba-wa--block,
    .tba-wa.tba-wa--card { margin: 0; }
    span.tba-wa.tba-wa--card { display: flex !important; width: max-content; margin-top: .3em; font-size: .9em; }

    /* WhatsApp button beside the navbar phone button: the tile styling
       comes from the .tk-call rules; only the glyph is set here */
    .tk-main-navbar .tk-search-wrap > .tk-call.tba-wa-call > a svg { width: 19px; height: 19px; }
    /* the call and WhatsApp tiles never get squeezed narrower than the
       search/help/account/cart tiles when the row is tight */
    .tk-main-navbar .tk-search-wrap > .tk-call { flex: 0 0 auto; }
    .tk-main-navbar .tk-search-wrap > .tk-call > a { flex-shrink: 0; }

    #toolkit-mob-header .tk-wrap .tk-hide-desk { display: flex; align-items: center; gap: 10px; }
    #toolkit-mob-header .tk-wrap .mobbtn.tba-wa-mobbtn::before { content: none; display: none; }
    #toolkit-mob-header .tk-wrap .mobbtn.tba-wa-mobbtn svg { width: 22px; height: 22px; }
    /* the light header's buttons are brand blue; green on blue reads poorly,
       so this one wears WhatsApp's own colours (white glyph on green) */
    html[data-tk-theme="light"] #toolkit-mob-header .tk-wrap .mobbtn.tba-wa-mobbtn { background: #25D366; border-color: #1EBE5A; }
    html[data-tk-theme="light"] #toolkit-mob-header .tk-wrap .mobbtn.tba-wa-mobbtn svg path { fill: #fff; }

    /* floating "Call us", bottom-left */
    .tba-callus {
        position: fixed;
        left: 20px;
        bottom: 20px;
        z-index: 9990;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        height: 50px;
        padding: 0 20px 0 16px;
        border-radius: 999px;
        background: #0073FC;
        color: #fff !important;
        font: 600 15px/1 var(--tk-font-body, inherit);
        text-decoration: none !important;
        box-shadow: 0 6px 18px rgba(0, 115, 252, .35), 0 2px 6px rgba(0, 0, 0, .25);
        transition: background .2s ease, transform .2s ease;
    }
    .tba-callus:hover,
    .tba-callus:focus-visible { background: #005BC7; color: #fff !important; transform: translateY(-2px); }
    .tba-callus:focus-visible { outline: 2px solid #66ACFF; outline-offset: 3px; }
    .tba-callus svg { width: 20px; height: 20px; flex: 0 0 auto; }
    @media (max-width: 767px) {
        /* round tap-to-call button on phones */
        .tba-callus { left: 16px; bottom: 16px; width: 52px; height: 52px; padding: 0; justify-content: center; }
        .tba-callus-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
        .tba-callus svg { width: 22px; height: 22px; }
    }
    @media print { .tba-callus { display: none !important; } }