/* QX Float Bar v2 - pure ASCII */

/* ---- floating buttons ---- */
.qx-fb{position:fixed;right:18px;bottom:80px;z-index:9999;display:flex;flex-direction:column;gap:10px;}
.qx-fb-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#c8a45e;color:#fff;text-decoration:none;font-size:11px;box-shadow:0 2px 10px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s;cursor:pointer;border:none;font-family:inherit;}
.qx-fb-btn:hover{transform:translateY(-3px);box-shadow:0 4px 14px rgba(0,0,0,.3);}
.qx-fb-btn svg{display:block;margin-bottom:2px;}
.qx-fb-btn span{line-height:1;white-space:nowrap;}
.qx-fb-svc{background:#b03a2e;}
.qx-fb-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:#d33;color:#fff;font-size:11px;line-height:18px;text-align:center;padding:0 4px;box-sizing:border-box;display:none;font-weight:bold;}

/* ---- mask + drawers ---- */
.qx-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000;display:none;}
.qx-drawer{position:fixed;top:0;right:-380px;width:350px;max-width:88vw;height:100%;background:#fff;z-index:10001;box-shadow:-6px 0 24px rgba(0,0,0,.2);transition:right .28s ease;display:flex;flex-direction:column;}
.qx-drawer.open{right:0;}
.qx-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee;background:#faf6ec;}
.qx-drawer-title{font-size:16px;font-weight:bold;color:#7a5c2e;}
.qx-drawer-close{background:none;border:none;font-size:22px;color:#999;cursor:pointer;line-height:1;padding:0 4px;}
.qx-drawer-close:hover{color:#333;}
.qx-drawer-body{flex:1;overflow-y:auto;padding:12px 16px;}

/* ---- cart ---- */
.qx-cart-empty{text-align:center;color:#aaa;font-size:14px;padding:48px 0;}
.qx-cart-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed #eee;}
.qx-cart-img{width:54px;height:54px;object-fit:cover;border-radius:6px;background:#f5f0e6;flex:none;}
.qx-cart-info{flex:1;min-width:0;}
.qx-cart-name{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;}
.qx-cart-sku{font-size:11px;color:#999;margin-bottom:4px;}
.qx-cart-price{font-size:13px;color:#b03a2e;font-weight:bold;}
.qx-cart-qty{display:flex;align-items:center;gap:6px;}
.qx-cart-qty button{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;color:#555;}
.qx-cart-qty button:hover{background:#f5f0e6;}
.qx-cart-qty span{min-width:28px;text-align:center;font-size:14px;color:#333;}
.qx-cart-del{background:none;border:none;color:#bbb;cursor:pointer;font-size:16px;padding:2px 6px;}
.qx-cart-del:hover{color:#d33;}
.qx-cart-foot{border-top:1px solid #eee;padding:12px 16px;background:#fafaf7;}
.qx-cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;color:#333;}
.qx-cart-total b{color:#b03a2e;font-size:18px;}
.qx-cart-btn{display:block;width:100%;padding:12px 0;background:#b03a2e;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;font-weight:bold;font-family:inherit;}
.qx-cart-btn:hover{background:#96322a;}

/* ---- messages ---- */
.qx-msg-empty{text-align:center;color:#aaa;font-size:14px;padding:48px 0;}
.qx-msg-item{padding:12px 0;border-bottom:1px dashed #eee;cursor:pointer;}
.qx-msg-item:hover{background:#fdfbf5;}
.qx-msg-title{font-size:14px;color:#333;font-weight:bold;margin-bottom:4px;padding-right:8px;}
.qx-msg-date{font-size:11px;color:#999;margin-bottom:4px;}
.qx-msg-sum{font-size:12px;color:#777;line-height:1.6;}
.qx-msg-full{display:none;font-size:13px;color:#444;line-height:1.8;margin-top:8px;padding:10px;background:#f8f5ee;border-radius:6px;white-space:pre-wrap;}
.qx-msg-item.open .qx-msg-full{display:block;}
.qx-msg-item.open .qx-msg-sum{display:none;}
.qx-msg-readall{text-align:right;padding:10px 0 0;}
.qx-msg-readall span{font-size:12px;color:#b03a2e;cursor:pointer;text-decoration:underline;}

/* ---- toast ---- */
.qx-fb-toast{position:fixed;right:88px;bottom:200px;z-index:10002;max-width:250px;background:rgba(30,30,30,.88);color:#fff;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6;display:none;box-shadow:0 4px 16px rgba(0,0,0,.3);}

/* ---- contact panel ---- */
.qx-fb-panel{position:fixed;right:88px;bottom:96px;z-index:10002;width:240px;background:#fff;border:1px solid #e3d7bf;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.18);padding:14px 16px;display:none;}
.qx-fb-panel-title{font-weight:bold;color:#7a5c2e;margin-bottom:10px;font-size:14px;}
.qx-fb-panel-item{font-size:13px;color:#333;margin-bottom:8px;line-height:1.6;}
.qx-fb-panel-item a{color:#b03a2e;text-decoration:none;font-weight:bold;}
.qx-fb-panel-tip{color:#999;font-size:12px;margin-top:6px;border-top:1px dashed #e8e0cd;padding-top:8px;}

/* ---- add-to-cart button on product page ---- */
.qx-add{display:inline-block;padding:11px 22px;background:#b03a2e;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;font-weight:bold;margin-left:8px;font-family:inherit;vertical-align:middle;}
.qx-add:hover{background:#96322a;}
.qx-add.done{background:#2e7d4f;}

@media (max-width:768px){
  .qx-fb{right:8px;bottom:70px;gap:8px;}
  .qx-fb-btn{width:48px;height:48px;font-size:10px;}
  .qx-fb-btn svg{width:18px;height:18px;}
  .qx-fb-panel{right:62px;bottom:88px;width:200px;}
  .qx-fb-toast{right:62px;bottom:170px;max-width:190px;font-size:12px;}
  .qx-drawer{width:320px;}
}