.woomotiv-popup button.wsai-woomotiv-close {
    appearance: none;
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
    min-height: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-family: Arial, sans-serif;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    z-index: 1;
}
.woomotiv-popup:not(.wmt-current) button.wsai-woomotiv-close {
    visibility: hidden;
}
.woomotiv-popup button.wsai-woomotiv-close:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px;
    box-shadow: 0 0 0 2px #000;
}

/* WOLKER mobile notifications: compact, edge-to-edge; desktop stays native. */
@media (max-width: 767px) {
    body > .woomotiv-popup {
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 81px;
        margin: 0 !important;
        padding: 10px 54px 10px 12px !important;
        padding: 10px calc(54px + env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px)) !important;
        border: 0 !important;
        border-top: 1px solid #e5e5e5 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
        transform: none !important;
        -webkit-transform: none !important;
        text-align: left !important;
        color: #666 !important;
        font-family: FuturaPtBook, sans-serif !important;
    }
    body > .woomotiv-popup:hover {
        box-shadow: none !important;
    }
    body > .woomotiv-popup .woomotiv-image {
        flex: 0 0 52px;
        width: 52px;
        margin: 0 10px 0 0 !important;
    }
    body > .woomotiv-popup .woomotiv-image img {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        object-fit: contain;
        border-radius: 0 !important;
    }
    body > .woomotiv-popup > p {
        flex: 1 1 0;
        min-width: 0;
        max-height: 56px;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: inherit !important;
        font-size: 12px !important;
        line-height: 18px !important;
        color: #666 !important;
    }
    body > .woomotiv-popup > p > br { display: none; }
    body > .woomotiv-popup strong {
        color: inherit !important;
        font-size: inherit !important;
        font-weight: 400;
    }
    body > .woomotiv-popup .wmt-product {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #111 !important;
        font-weight: 700;
    }
    body > .woomotiv-popup button.wsai-woomotiv-close {
        top: 18px !important;
        right: 4px !important;
        right: calc(4px + env(safe-area-inset-right, 0px)) !important;
        width: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
        background: transparent !important;
        color: #555 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
        -webkit-transform: none !important;
        font-size: 22px !important;
    }
    body > .woomotiv-popup button.wsai-woomotiv-close:focus-visible {
        outline: 2px solid #111;
        outline-offset: -5px;
    }
    html.wk-mobile-woomotiv-dismissed body > .woomotiv-popup,
    body.woocommerce-cart > .woomotiv-popup,
    body.woocommerce-checkout > .woomotiv-popup {
        display: none !important;
    }
    body.mobile-cart-open > .woomotiv-popup,
    body:has(#wk-cart-confirmation[open]) > .woomotiv-popup {
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* The aggregate product rating is supplementary mobile content only. */
body > .woomotiv-popup .wk-wmt-rating { display: none !important; }
@media (max-width: 767px) {
    body > .woomotiv-popup .wk-wmt-rating {
        display: block !important;
        height: 16px;
        margin-top: 2px;
        line-height: 16px;
    }
    body > .woomotiv-popup .wk-wmt-stars {
        display: inline-block;
        position: relative;
        height: 16px;
        overflow: hidden;
        color: #d6d6d6;
        font: 14px/16px Arial, sans-serif;
        letter-spacing: 1px;
        white-space: nowrap;
        vertical-align: top;
    }
    body > .woomotiv-popup .wk-wmt-stars-fill {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 16px;
        overflow: hidden;
        color: #f0b900;
        font: inherit;
        letter-spacing: inherit;
        white-space: nowrap;
    }
}