[data-engagement]{--pc-buy:#15803d;--pc-buy-hover:#166534;--pc-ease:cubic-bezier(.22,.61,.36,1);--pc-ink:#17212b;--pc-font:"DM Sans",sans-serif}
.engagement-panel[hidden],.engagement-launcher[hidden],.engagement-social[hidden],[data-engagement] [hidden]{display:none!important}.engagement-launcher{position:fixed;right:24px;bottom:106px;z-index:90;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;background:#fff;color:#174660;border:1px solid #c9d7df;border-radius:12px;font:600 14px/1.4 var(--pc-font,inherit);cursor:pointer}.engagement-panel{position:fixed;right:24px;bottom:106px;z-index:180;width:min(390px,calc(100% - 32px));max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;padding:20px;background:#fff;color:#17212b;border:1px solid #dce2e7;border-radius:14px;box-shadow:0 14px 44px rgba(17,33,43,.18);font-size:14px;line-height:1.6}.engagement-panel header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.engagement-panel h2{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.025em}.engagement-panel header button,.engagement-social button{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:-10px -10px 0 0;border:0;background:transparent;color:#374655;border-radius:8px;cursor:pointer}.engagement-panel p{margin:12px 0 16px}.engagement-panel .pc-btn{width:100%;min-height:44px}.engagement-panel textarea{display:block;box-sizing:border-box;width:100%;margin:6px 0 12px;padding:12px;border:1px solid #9aaab6;border-radius:8px;font:inherit;font-size:16px;resize:vertical;color:inherit;background:#fff}.engagement-panel textarea:focus-visible,.engagement-panel button:focus-visible,.engagement-panel a:focus-visible{outline:2px solid #146da5;outline-offset:3px}.engagement-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin-bottom:12px}.engagement-consent input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:#15803d}.engagement-disclosure,.engagement-status{font-size:12px;color:#465765}.engagement-whatsapp{display:flex;justify-content:center;align-items:center;min-height:44px;margin-top:12px;color:#146339;text-decoration:underline;text-underline-offset:3px}.engagement-messages{max-height:230px;overflow:auto;margin:16px 0;border-top:1px solid #e4e9ed}.engagement-message{padding:12px 0;border-bottom:1px solid #e4e9ed;white-space:pre-wrap;overflow-wrap:anywhere}.engagement-message strong{display:block;font-size:12px;color:#465765}.engagement-social{position:fixed;bottom:20px;left:24px;z-index:85;display:flex;align-items:center;gap:16px;max-width:340px;padding:12px 16px;border:1px solid #dce2e7;border-radius:10px;background:#fff;color:#17212b;font-size:13px;line-height:1.5}.engagement-social p{margin:0}.engagement-countdown{font-variant-numeric:tabular-nums;font-weight:600;color:#854015}.engagement-panel progress{width:100%;accent-color:#15803d}@media(max-width:600px){.engagement-panel{right:16px;bottom:96px;padding:18px;max-height:calc(100dvh - 140px)}.engagement-launcher{right:16px;bottom:96px}.engagement-social{left:16px;right:16px;bottom:96px;max-width:none}.engagement-panel:not([hidden])~.engagement-social{display:none}}

.engagement-panel textarea{height:84px;min-height:84px;max-height:160px}.engagement-panel header{position:sticky;top:-20px;z-index:1;padding:8px 0;background:#fff}.engagement-panel header button{margin:-4px -8px 0 0}.engagement-panel .engagement-consent input{min-width:18px;min-height:18px}.engagement-panel .engagement-status:empty{display:none}
.engagement-panel:is([data-placement=bar],[data-placement=flash]) { box-sizing:border-box; }
@media(min-width:800px) {
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) { width:min(520px,calc(100% - 48px)); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:12px; padding:24px; }
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) > header { grid-column:1/-1; position:relative; top:auto; display:block; min-width:0; min-height:28px; margin:0; padding:0 44px 0 0; }
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) [data-engagement-close] { position:absolute; top:-8px; right:-8px; box-sizing:border-box; width:44px; min-width:44px; height:44px; min-height:44px; margin:0; padding:12px; }
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) > p,
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) > progress,
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) > [data-engagement-conversation] { grid-column:1/-1; min-width:0; margin:0; }
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) > [data-engagement-body] { margin-bottom:8px; }
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) > [data-engagement-link],
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) > [data-engagement-whatsapp] { align-self:stretch; box-sizing:border-box; width:100%; min-width:0; min-height:48px; margin:0; padding:12px 16px; justify-content:center; white-space:normal; text-align:center; }
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) > [data-engagement-link] { grid-column:1; }
 .engagement-panel:is([data-placement=bar],[data-placement=flash]) > [data-engagement-whatsapp] { grid-column:2; gap:8px; }
 .engagement-panel:is([data-placement=bar],[data-placement=flash]):not(:has(> [data-engagement-whatsapp]:not([hidden]))) > [data-engagement-link],
 .engagement-panel:is([data-placement=bar],[data-placement=flash]):not(:has(> [data-engagement-link]:not([hidden]))) > [data-engagement-whatsapp] { grid-column:1/-1; }
}

/* Keep the advisor above the fixed cart and checkout actions. */
@media (max-width: 800px) {
    body:has(:is(.commerce-cart, .commerce-checkout) .commerce-paybar) .engagement-launcher {
        bottom: calc(176px + var(--compare-bar-height, 0px) + env(safe-area-inset-bottom, 0px));
    }
    body:has(:is(.commerce-cart, .commerce-checkout) .commerce-paybar) [data-engagement]:has(> .engagement-panel[hidden]):has(> .engagement-launcher:not([hidden])):has(> .engagement-social:not([hidden])) {
        bottom: calc(176px + var(--compare-bar-height, 0px) + env(safe-area-inset-bottom, 0px));
    }
}

.engagement-panel .pc-btn:disabled{opacity:.6;cursor:wait}.engagement-panel .pc-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;font:600 14px/1.4 "DM Sans",sans-serif;border-radius:8px}

.engagement-panel .engagement-whatsapp { display:flex; align-items:center; justify-content:center; gap:10px; box-sizing:border-box; width:100%; min-height:48px; padding:12px 16px; margin-top:14px; border:1px solid transparent; border-radius:8px; background:#008069; color:#fff; font-size:14px; font-weight:700; line-height:1.4; text-align:center; text-decoration:none; }
.engagement-panel .engagement-whatsapp svg { flex:none; }
.engagement-panel .engagement-whatsapp:hover { background:#006b57; color:#fff; text-decoration:none; }
.engagement-panel .engagement-whatsapp:focus-visible { outline:3px solid #008069; outline-offset:3px; color:#fff; }

/* Compact exit card: keep the close target out of the heading's vertical rhythm. */
.engagement-panel[data-placement="exit"] { box-sizing:border-box; padding:24px; }
.engagement-panel[data-placement="exit"] header { position:relative; top:auto; display:block; min-height:28px; margin:0 0 12px; padding:0 44px 0 0; }
.engagement-panel[data-placement="exit"] [data-engagement-close] { position:absolute; top:-8px; right:-8px; box-sizing:border-box; width:44px; min-width:44px; height:44px; min-height:44px; margin:0; padding:12px; }
.engagement-panel[data-placement="exit"] [data-engagement-body] { margin:0 0 20px; }
.engagement-panel[data-placement="exit"] [data-engagement-link],
.engagement-panel[data-placement="exit"] [data-engagement-whatsapp] { min-height:48px; padding:12px 16px; }
.engagement-panel[data-placement="exit"] [data-engagement-whatsapp] { margin-top:0; }
.engagement-panel[data-placement="exit"] [data-engagement-link]:not([hidden]) ~ [data-engagement-whatsapp] { margin-top:12px; }
@media(max-width:600px) { .engagement-panel[data-placement="exit"] { padding:20px; } }

.engagement-message__text { display:block; white-space:pre-wrap; overflow-wrap:anywhere; }
.engagement-message[data-stale] > strong { color:#5c5c66; }
.engagement-messages:focus-visible { outline:2px solid #146da5; outline-offset:3px; border-radius:4px; }
.engagement-navigation { display:grid; gap:8px; margin-top:12px; white-space:normal; }
.engagement-navigation:empty { display:none; }
.engagement-panel .engagement-answer-link { color:#145b94; text-decoration:underline; text-underline-offset:3px; }
.engagement-panel .engagement-product-link,
.engagement-panel .engagement-slot-action { display:flex; align-items:center; box-sizing:border-box; width:100%; min-height:44px; margin:0; padding:10px 12px; border:1px solid #c9d7df; border-radius:8px; background:#f1f6fa; color:#174660; font:600 14px/1.4 var(--pc-font,inherit); text-align:left; white-space:normal; overflow-wrap:anywhere; touch-action:manipulation; }
.engagement-panel .engagement-product-link { text-decoration:underline; text-underline-offset:3px; }
.engagement-panel .engagement-slot-action { cursor:pointer; }
.engagement-panel .engagement-product-link,
.engagement-panel .engagement-slot-action { gap:10px; }
.engagement-action-icon { flex:none; width:20px; height:20px; }
.cfg .cfg-ai-advice { margin:4px 0 14px; padding:12px; border:1px solid #c9d7df; border-radius:10px; background:#f1f6fa; color:#17212b; }
.cfg .cfg-ai-advice > strong { display:flex; align-items:center; gap:6px; }
.cfg .cfg-ai-advice > p { margin:6px 0 0; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.cfg .cfg-ai-advice__continue { display:inline-flex; align-items:center; min-height:44px; margin:8px 0 0; padding:8px 12px; border:1px solid #9eb5c6; border-radius:8px; background:#fff; color:#174660; font:600 14px/1.4 var(--pc-font,inherit); cursor:pointer; touch-action:manipulation; }
.cfg .cfg-ai-advice__continue:focus-visible { outline:2px solid #146da5; outline-offset:3px; }

/* Keep the two floating controls in separate rows while both are visible. */
@media (max-width: 600px) {
    [data-engagement]:has(> .engagement-panel[hidden]):has(> .engagement-launcher:not([hidden])):has(> .engagement-social:not([hidden])) {
        position: fixed;
        inset-inline: 16px;
        bottom: calc(96px + env(safe-area-inset-bottom, 0px));
        z-index: 90;
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
        pointer-events: none;
    }
    [data-engagement]:has(> .engagement-panel[hidden]):has(> .engagement-launcher:not([hidden])):has(> .engagement-social:not([hidden])) > :is(.engagement-launcher, .engagement-social) {
        position: static;
        pointer-events: auto;
    }
    [data-engagement] > .engagement-launcher { align-self: flex-end; }
    [data-engagement] > .engagement-social { justify-content: space-between; }
}