:root{--brand:#ff5c00; --bg:#fff; --text:#222; --muted:#666; --border:#eee;}
.bt-order-fab{position:fixed; bottom:16px; left:16px; z-index:2147483000; background:var(--brand); color:#fff; border:none; border-radius:999px; padding:14px 18px; font-family:"Cairo",system-ui,sans-serif; font-size:16px; cursor:pointer; box-shadow:0 8px 24px rgba(0,0,0,.18);}
.bt-drawer-backdrop{position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:2147482999; display:none;}
.bt-drawer{position:fixed; top:0; right:0; height:100vh; width:min(100%, 980px); max-width:92vw; background:var(--bg); color:var(--text); z-index:2147483000; box-shadow:-8px 0 32px rgba(0,0,0,.25); transform:translateX(110%); transition:.28s ease; display:flex; flex-direction:column; font-family:"Cairo",system-ui,sans-serif;}
.bt-open .bt-drawer-backdrop{display:block}
.bt-open .bt-drawer{transform:none}
.bt-head{position:sticky; top:0; background:#fff; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 14px; border-bottom:1px solid var(--border);}
.bt-title{font-weight:700; font-size:18px;}
.bt-close{background:#f3f3f3; border:1px solid var(--border); border-radius:10px; padding:6px 10px; cursor:pointer;}
.bt-body{flex:1; overflow:auto;}
.bt-info{padding:10px 14px; color:var(--muted); font-size:13px; border-bottom:1px dashed var(--border);}
.bt-tabs{display:flex; gap:8px; flex-wrap:wrap; padding:10px 14px; border-bottom:1px solid var(--border);}
.bt-tab{border:1px solid var(--border); background:#fafafa; padding:8px 12px; border-radius:999px; cursor:pointer; font-size:14px;}
.bt-tab.active{background:var(--brand); color:#fff; border-color:var(--brand);}
.bt-section{padding:14px; display:none;}
.bt-section.active{display:block;}
.bt-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}
@media (max-width:640px){.bt-grid{grid-template-columns:1fr}}
.bt-card{border:1px solid var(--border); border-radius:12px; padding:10px; display:flex; gap:10px; align-items:center; justify-content:space-between; background:#fff;}
.bt-card h4{margin:0; font-size:15px;}
.bt-price{color:#0a7; font-weight:700; font-size:14px;}
.bt-qty{display:flex; align-items:center; gap:6px; background:#fafafa; border:1px solid var(--border); border-radius:999px; padding:4px 6px;}
.bt-qty button{width:28px; height:28px; border:none; border-radius:50%; background:#fff; cursor:pointer; box-shadow:0 1px 0 rgba(0,0,0,.06);}
.bt-qty input{width:40px; text-align:center; border:none; background:transparent; font-weight:700;}
.bt-footer{position:sticky; bottom:0; background:#fff; border-top:1px solid var(--border); padding:10px 14px; z-index:2; display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px;}
.bt-totals{font-size:14px; line-height:1.6;}
.bt-cta{background:var(--brand); color:#fff; border:none; border-radius:10px; padding:12px 18px; font-size:16px; cursor:pointer;}
.bt-form{padding:12px 14px; border-top:1px dashed var(--border); display:none;}
.bt-form.active{display:block;}
.bt-row{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
@media (max-width:640px){.bt-row{grid-template-columns:1fr}}
.bt-form label{font-size:13px; color:#444;}
.bt-form input,.bt-form textarea{width:100%; padding:10px; border:1px solid var(--border); border-radius:10px; font-family:inherit;}
.bt-mini{font-size:12px; color:#888;}
.bt-status{padding:10px 14px; font-size:13px; color:#555;}