#pds-faq-assistant{position:fixed;left:16px;bottom:20px;z-index:900;font:14px Arial,sans-serif;color:#171b22}
#pds-faq-open{border:0;border-radius:24px;background:var(--pd-button,#ff0754);color:var(--pd-on-button,#fff);padding:12px 18px;min-height:44px;font:600 14px Arial;box-shadow:0 4px 18px #0002;cursor:pointer}
#pds-faq-panel{width:350px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 8px 30px #0002;margin-bottom:10px;overflow:hidden}
#pds-faq-panel[hidden],#pds-faq-assistant[hidden]{display:none!important}
#pds-faq-panel header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#faf5f7;gap:10px}
#pds-faq-panel header small{display:block;margin-top:5px;color:#59616b;font-size:12px}
#pds-faq-close{background:transparent;border:0;min-width:44px;min-height:44px;font-size:26px;cursor:pointer}
#pds-faq-results{padding:14px 16px;max-height:min(45vh,360px);overflow:auto;line-height:1.6;overflow-wrap:anywhere}
#pds-faq-results p{margin:0 0 12px}#pds-faq-results a{color:#8c1740;text-decoration:underline}
#pds-faq-results button{display:block;width:100%;text-align:left;background:#fff;border:1px solid #e3dbe0;border-radius:9px;padding:12px;margin:8px 0;font:inherit;color:#171b22;cursor:pointer;min-height:44px}
#pds-faq-form{padding:12px 16px 16px;border-top:1px solid #eee}#pds-faq-form label{display:block;font-size:12px;margin-bottom:7px}
#pds-faq-form>div{display:flex;gap:7px}#pds-faq-query{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #c8cdd2;border-radius:8px;font-size:16px}
#pds-faq-form button{background:#171b22;color:#fff;border:0;border-radius:8px;padding:8px 12px;cursor:pointer}
#pds-faq-assistant :focus-visible{outline:3px solid var(--pd-button,#ff0754);outline-offset:2px}
@media(max-width:600px){#pds-faq-assistant{left:12px;bottom:90px}#pds-faq-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 130px)}#pds-faq-open{padding:10px 14px;font-size:13px}}

/* Circular conversation icon and consistent promotional theme colours. */
#pds-faq-assistant #pds-faq-open{width:56px;height:56px;min-height:56px;min-width:56px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--pd-button,#ff0754);color:var(--pd-on-button,#fff);border:1px solid color-mix(in srgb,var(--pd-on-button,#fff) 20%,var(--pd-button,#ff0754))}
#pds-faq-open svg{display:block;width:30px;height:30px}
#pds-faq-panel header{background:var(--pd-ink,#171b22);color:var(--pd-on-ink,#fff)}
#pds-faq-panel header small{color:inherit;opacity:.85}
#pds-faq-close{color:inherit}
#pds-faq-form button{background:var(--pd-button,#ff0754);color:var(--pd-on-button,#fff)}
#pds-faq-results a{color:var(--pd-ink,#171b22)}
@media(max-width:600px){#pds-faq-assistant #pds-faq-open{width:50px;height:50px;min-width:50px;min-height:50px}}

/* Right-aligned help, with mobile safe-area and room for the purchase bar. */
#pds-faq-assistant{left:auto;right:18px;bottom:20px;display:flex;flex-direction:column;align-items:flex-end}
#pds-faq-panel{width:350px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 110px)}
@media(max-width:600px){
 #pds-faq-assistant{left:auto;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 body:has(#stickyBuy:not([hidden])) #pds-faq-assistant{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 #pds-faq-panel{width:calc(100vw - 24px);max-width:360px;max-height:calc(100dvh - 160px)}
 #pds-faq-results{max-height:min(40dvh,300px)}
}
