.bt-support-chat:not([open]){display:none}
.bt-support-chat{position:fixed;inset:0;width:min(440px,100%);height:min(720px,100dvh);max-width:100%;max-height:100dvh;margin:auto;padding:0;border:1px solid #e1e5df;border-radius:20px;background:#faf9f6;color:#142c3c;font:400 15px/1.6 var(--sans,Arial,sans-serif);box-shadow:0 20px 80px #142c3c33;box-sizing:border-box;overflow:hidden;overscroll-behavior:contain}
.bt-support-chat[open]{display:flex;flex-direction:column;animation:bt-support-enter 180ms ease-out}
.bt-support-chat::backdrop{background:#142c3c55}
html:has(.bt-support-chat[open]){overflow:hidden;scrollbar-gutter:stable}
.bt-support-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #e4e6de;flex-shrink:0}
.bt-support-heading p{margin:0;color:#667267;font-size:11px;letter-spacing:.14em}
.bt-support-heading h2{margin:2px 0 0;color:#142c3c;font:400 24px/1.3 var(--serif,Georgia,serif);letter-spacing:0}
.bt-support-close,.bt-support-new,.bt-support-send{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:#edf1eb;color:#274233;cursor:pointer;touch-action:manipulation}
.bt-support-chat svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bt-support-tools{display:flex;gap:8px}
.bt-support-context{margin:0;padding:10px 16px;background:#edf1eb;color:#445c4e;font-size:12px;line-height:1.5;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-support-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 16px;scrollbar-width:thin}
.bt-support-welcome h3{margin:0 0 8px;font:400 28px/1.3 var(--serif,Georgia,serif);letter-spacing:0}
.bt-support-welcome p{margin:0 0 20px;color:#55665d}
.bt-support-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.bt-support-suggestions button{min-height:44px;padding:9px 14px;border:1px solid #cdd7cc;border-radius:24px;background:#fff;color:#274233;font:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}
.bt-support-message{width:fit-content;max-width:100%;margin:0 0 16px;padding:12px 14px;border:1px solid #e0e5dc;border-radius:16px 16px 16px 4px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:border-box}
.bt-support-message[data-role=user]{max-width:88%;margin-left:auto;border:0;border-radius:16px 16px 4px 16px;background:#274233;color:#fff}
.bt-support-message[data-pending]{color:#637163}
.bt-support-links{display:flex;flex-direction:column;gap:8px;margin:12px 0 2px;white-space:normal}
.bt-support-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #d5dfd2;border-radius:10px;background:#f4f6f1;color:#274233;text-decoration:none;box-sizing:border-box;font-size:14px}
.bt-support-links svg{width:18px;height:18px;flex-shrink:0}
.bt-support-message.has-cards{width:100%}
.bt-support-cards{display:grid;gap:12px;margin-top:14px;white-space:normal}
.bt-support-product{display:grid;grid-template-columns:minmax(80px,34%) minmax(0,1fr);gap:12px;padding:10px;border:1px solid #dde4da;border-radius:14px;background:#faf9f6;overflow:hidden}
.bt-support-product-photo{display:block;align-self:start;border-radius:9px;overflow:hidden;background:#e9e7df}
.bt-support-product-photo img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.bt-support-product-copy{min-width:0}.bt-support-product-title{display:block;color:#142c3c;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none}
.bt-support-card-price{margin:6px 0 2px;font-size:13px;font-weight:600;color:#274233}.bt-support-product-colour,.bt-support-product-fit{margin:3px 0;font-size:12px;color:#55665d}
.bt-support-product-colours{display:flex;flex-wrap:wrap;gap:2px;margin:4px -6px}
.bt-support-swatch{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:0;border-radius:50%;background:transparent;cursor:pointer}
.bt-support-swatch span{display:block;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #142c3c33}
.bt-support-swatch[aria-pressed=true] span{outline:2px solid #b78a53;outline-offset:3px}
.bt-support-product-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.bt-support-add,.bt-support-view-bag{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:0;border-radius:10px;background:#274233;color:#fff;text-decoration:none;font:500 13px/1.4 var(--sans,Arial,sans-serif);cursor:pointer;text-align:center}
.bt-support-add:disabled{opacity:.55;cursor:wait}.bt-support-view-bag{background:#edf1eb;color:#274233}.bt-support-view-bag[hidden]{display:none}
.bt-support-product-status{margin:8px 0 0;font-size:12px;line-height:1.5;color:#274233}.bt-support-product-status:empty{display:none}
.bt-support-destination{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #dde4da;border-radius:12px;color:#274233;text-decoration:none;background:#faf9f6}.bt-support-destination img{width:72px;height:108px;object-fit:contain;flex-shrink:0;border-radius:6px}.bt-support-destination span{min-width:0;flex:1}.bt-support-destination strong{display:block;font-size:14px;line-height:1.4}.bt-support-destination small{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:#55665d}.bt-support-destination svg{width:18px;height:18px;flex-shrink:0}
.bt-support-compose{flex-shrink:0;margin:0;padding:12px 16px;background:#fff;border-top:1px solid #e4e6de}
.bt-support-compose label{display:block;margin-bottom:6px;font-size:12px;color:#55665d}
.bt-support-input-row{display:flex;align-items:flex-end;gap:8px}
.bt-support-compose textarea{flex:1;min-width:0;height:52px;max-height:100px;padding:12px;border:1px solid #cbd5c9;border-radius:14px;background:#fafbf8;color:#142c3c;font:400 16px/1.5 var(--sans,Arial,sans-serif);box-sizing:border-box;resize:none}
.bt-support-send{background:#274233;color:#fff}
.bt-support-send:disabled{opacity:.45;cursor:default}
.bt-support-error{margin:8px 0 0;color:#a32d27;font-size:13px}
.bt-support-error[hidden]{display:none}
.bt-support-footer{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#637163;font-size:11px}
.bt-support-footer a{color:#274233;min-height:24px}
.bt-support-chat button:focus-visible,.bt-support-chat a:focus-visible,.bt-support-chat textarea:focus-visible{outline:2px solid #8d652c;outline-offset:3px}
@media(max-width:760px){.bt-desktop-support{display:none}.bt-support-chat{inset:var(--bt-chat-top,0px) 0 auto;width:100%;height:var(--bt-chat-height,100dvh);max-height:none;margin:0;border:0;border-radius:0;box-shadow:none}.bt-support-heading{padding-top:calc(14px + env(safe-area-inset-top))}.bt-support-compose{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
@keyframes bt-support-enter{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.bt-support-chat[open]{animation:none}}
.bt-support-chat{inset:auto 16px 16px auto;margin:0;width:min(520px,calc(100% - 32px));height:min(780px,calc(var(--bt-chat-height,100dvh) - 32px));border-radius:22px 22px 16px 16px}
.bt-support-chat[open]{animation:bt-chat-slide-up 260ms cubic-bezier(.22,.68,0,1)}
.bt-support-heading:before{content:"";position:absolute;top:7px;left:calc(50% - 18px);width:36px;height:4px;border-radius:4px;background:#cdd5cc}
.bt-support-heading{position:relative;padding-top:22px}
@keyframes bt-chat-slide-up{from{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}
@media(max-width:760px){.bt-support-chat{inset:auto 0 calc(100dvh - var(--bt-chat-height,100dvh) - var(--bt-chat-top,0px)) 0;width:100%;height:min(88dvh,calc(var(--bt-chat-height,100dvh) - 8px));max-height:none;border:1px solid #e1e5df;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -12px 50px #142c3c26}.bt-support-heading{padding-top:22px}.bt-support-heading h2{font:600 20px/1.3 var(--sans,Arial,sans-serif)}.bt-support-welcome h3{font:600 22px/1.4 var(--sans,Arial,sans-serif)}.bt-support-welcome p{font-size:14px}.bt-support-messages{padding:16px 14px}.bt-support-message{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bt-support-chat[open]{animation:none}}
.bt-desktop-support{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid #d5dfd2;border-radius:50%;background:transparent;color:#274233;cursor:pointer;box-sizing:border-box;flex-shrink:0}
.bt-desktop-support svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.header .bt-desktop-support{color:inherit}
.bt-desktop-support:focus-visible{outline:2px solid #8d652c;outline-offset:3px}
