/* BBA order desk — shared typography, surfaces and interaction language. */
body .bba-telegram-banner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 22px;min-height:38px;padding:6px 20px;box-sizing:border-box;background:#152b35;color:#dce6e7;border:0;font:400 12px/1.5 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.01em;text-transform:none;text-wrap:pretty}
body .bba-telegram-banner a{display:inline-flex;align-items:center;gap:7px;min-height:26px;color:#fff;font-weight:500;text-decoration:underline;text-decoration-color:#7a9196;text-underline-offset:4px;white-space:nowrap;transition:text-decoration-color .18s}
body .bba-telegram-banner a:hover{text-decoration-color:#fff}
body .bba-telegram-banner a:focus-visible{outline:2px solid #fff;outline-offset:3px}
#bba-telegram-order{box-sizing:border-box;position:fixed;inset:0;width:calc(100% - 32px);max-width:532px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#fbfcf9;color:#152b35;box-shadow:0 32px 100px -24px rgba(13,31,37,.4);overflow:auto;text-align:left;font-family:'IBM Plex Sans',system-ui,sans-serif;color-scheme:light}
#bba-telegram-order:not([open]){display:none}
#bba-telegram-order::backdrop{background:rgba(18,37,44,.48);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#bba-telegram-order *{box-sizing:border-box}
#bba-telegram-order .bba-tg-close{position:absolute;top:15px;right:15px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#4e636a;cursor:pointer;transition:background .18s,border-color .18s}
#bba-telegram-order .bba-tg-close:hover{background:#e9efeb;border-color:#d7e1dd}
#bba-telegram-order .bba-tg-close{width:44px;height:44px;top:13px;right:13px}
.bba-tg-masthead{display:flex;align-items:center;gap:20px;padding:23px 72px 23px 36px;border-bottom:1px solid #dfe6e0}
.bba-tg-masthead img{display:block;width:78px;height:auto;mix-blend-mode:multiply}
.bba-tg-masthead>span{border-left:1px solid #d2dcd7;padding-left:20px;max-width:150px;color:#61716e;font:400 11px/1.5 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.025em}
.bba-tg-intro{padding:28px 36px 0}
#bba-telegram-order .bba-tg-eyebrow{margin:0 0 13px;color:#63766f;font:500 9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em}
#bba-telegram-title{margin:0;color:#152b35;font:500 clamp(34px,5vw,46px)/1.06 'STIX Two Text',Georgia,serif;letter-spacing:-.038em;text-wrap:balance}
#bba-telegram-title em{font-weight:400;color:#0e6c78}
#bba-telegram-description{margin:18px 0 0;max-width:42ch;color:#586b70;font-size:15px;line-height:1.65}
#bba-telegram-order .bba-tg-steps,#bba-telegram-order .bba-tg-doors{display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none;padding:19px 0;margin:23px 36px 0;border-top:1px solid #dce5df;border-bottom:1px solid #dce5df}
.bba-tg-steps li,.bba-tg-door{display:flex;flex-direction:column;gap:2px;align-items:flex-start;margin:0;min-width:0;text-decoration:none;color:inherit}
.bba-tg-door{padding:0;background:none;border:0}
a.bba-tg-door:hover strong{color:#0e6c78}
.bba-tg-number{color:#9c805c;font:400 11px/1.8 'IBM Plex Mono',monospace;flex-shrink:0}
.bba-tg-steps strong,.bba-tg-door strong{display:block;font-size:13px;line-height:1.5;font-weight:500;color:#203b44}
.bba-tg-steps small,.bba-tg-door small{display:block;margin-top:3px;font-size:11px;line-height:1.5;color:#697b7d}
#checkout-form label{font-size:16px;line-height:1.35;font-weight:500}
#checkout-form input:not([type="checkbox"]):not([type="radio"]),#checkout-form select,#checkout-form #co-telegram{font-size:16px}
#checkout-form .field-why,#checkout-form .address-autocomplete-hint{font-size:12px;line-height:1.45;color:#647b73;max-width:46ch}
.bba-tg-actions{display:grid;gap:8px;padding:23px 36px 0}
#bba-telegram-order .bba-tg-primary,#bba-telegram-order .bba-tg-secondary{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:48px;padding:12px 17px;border:1px solid transparent;border-radius:8px;font:500 14px/1.5 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
#bba-telegram-order .bba-tg-primary{background:#0e6c78;color:#fff;box-shadow:0 2px 3px rgba(9,68,77,.08)}
#bba-telegram-order .bba-tg-primary:hover{background:#095966;box-shadow:0 4px 12px rgba(9,68,77,.15)}
.bba-tg-arrow{margin-left:auto}.bba-tg-primary>svg{margin-right:auto}
#bba-telegram-order .bba-tg-secondary{background:transparent;color:#29444c;border-color:#d2ddd8}
#bba-telegram-order .bba-tg-secondary span{font-size:17px;line-height:1}
#bba-telegram-order .bba-tg-secondary:hover{background:#edf2ed;border-color:#b8cbc3}
#bba-telegram-order :focus-visible{outline:2px solid #0e6c78;outline-offset:3px}
#bba-telegram-order .bba-tg-foot{margin:17px 30px 24px;color:#74827e;font-size:11px;line-height:1.5;text-align:center}
#bba-telegram-order .bba-tg-foot a{color:#0e6c78;text-decoration:underline;text-underline-offset:3px}
@media(max-width:540px){#bba-telegram-order{max-width:420px}.bba-tg-masthead{padding:20px 60px 20px 24px;gap:16px}.bba-tg-masthead>span{padding-left:16px}.bba-tg-intro{padding:24px 24px 0}#bba-telegram-order .bba-tg-steps,#bba-telegram-order .bba-tg-doors{margin:21px 24px 0;gap:12px}.bba-tg-actions{padding:21px 24px 0}#bba-telegram-description{font-size:14px}#bba-telegram-title{font-size:38px}body .bba-telegram-banner{gap:4px 14px;font-size:11px;padding:6px 12px}.bba-tg-steps small,.bba-tg-door small{font-size:10px}}
@media(max-width:360px){#bba-telegram-order{width:calc(100% - 20px)}.bba-tg-masthead{padding-left:20px}.bba-tg-intro{padding-left:20px;padding-right:20px}#bba-telegram-title{font-size:34px}#bba-telegram-order .bba-tg-steps,#bba-telegram-order .bba-tg-doors{margin-left:20px;margin-right:20px;gap:8px}.bba-tg-actions{padding-left:20px;padding-right:20px}.bba-tg-steps li,.bba-tg-door{gap:2px}.bba-tg-steps strong,.bba-tg-door strong{font-size:12px}}
@media(prefers-reduced-motion:no-preference){#bba-telegram-order[open]{animation:bba-order-enter .3s cubic-bezier(.2,.7,.2,1)}@keyframes bba-order-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}
@media(prefers-reduced-motion:reduce){#bba-telegram-order *{animation:none!important;transition:none!important}}
@media print{.bba-telegram-banner,#bba-telegram-order{display:none!important}}
