:root{--qcbd-primary:#ff8c00;--qcbd-dark:#111;--qcbd-border:#eee;--qcbd-bg:#fff;--qcbd-muted:#666;}
body.qcbd-lock{overflow:hidden;}

/* Replace Add to cart look */
a.add_to_cart_button.qcbd-quick,
button.add_to_cart_button.qcbd-quick{
  background:var(--qcbd-primary) !important;
  border-color:var(--qcbd-primary) !important;
  color:#fff !important;
  font-weight:800 !important;
  border-radius:8px !important;
}

/* Side cart */
.qcbd-cart{position:fixed;inset:0;z-index:999999;pointer-events:none;}
.qcbd-cart__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:.25s;}
.qcbd-cart__panel{position:absolute;top:0;height:100vh;width:420px;background:var(--qcbd-bg);box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;transform:translateX(110%);transition:.35s;}
.qcbd-cart.qcbd-left .qcbd-cart__panel{left:0;transform:translateX(-110%);} 
.qcbd-cart.qcbd-right .qcbd-cart__panel{right:0;}
.qcbd-cart.is-open{pointer-events:auto;}
.qcbd-cart.is-open .qcbd-cart__overlay{opacity:1;}
.qcbd-cart.is-open.qcbd-right .qcbd-cart__panel{transform:translateX(0);} 
.qcbd-cart.is-open.qcbd-left .qcbd-cart__panel{transform:translateX(0);} 

.qcbd-cart__head{padding:16px 18px;border-bottom:1px solid var(--qcbd-border);display:flex;justify-content:space-between;align-items:center;background:#fafafa;}
.qcbd-cart__title{font-size:18px;font-weight:900;}
.qcbd-x{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:#333;}
.qcbd-cart__body{padding:14px 16px;overflow:auto;flex:1;}
.qcbd-cart__foot{padding:16px 18px;border-top:1px solid var(--qcbd-border);}
.qcbd-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0;}

.qcbd-btn{width:100%;padding:14px 14px;border-radius:10px;border:1px solid var(--qcbd-border);font-weight:900;cursor:pointer;}
.qcbd-btn--dark{background:var(--qcbd-dark);border-color:var(--qcbd-dark);color:#fff;}
.qcbd-btn--ghost{background:#fff;}

.qcbd-item{position:relative;display:grid;grid-template-columns:56px 1fr;gap:10px;padding:12px;border:1px solid var(--qcbd-border);border-radius:12px;margin-bottom:10px;}
.qcbd-item__rm{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:999px;background:#ff4d4d;color:#fff;border:0;cursor:pointer;}
.qcbd-item__name{font-weight:900;font-size:13px;}
.qcbd-item__price{color:var(--qcbd-primary);font-weight:900;margin:6px 0;}
.qcbd-qty{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.qcbd-qty__btn{width:30px;height:30px;border-radius:8px;border:1px solid #ddd;background:#fff;font-weight:900;cursor:pointer;}
.qcbd-qty__val{width:50px;height:30px;border:1px solid #ddd;border-radius:8px;text-align:center;}
.qcbd-remove{border:0;background:transparent;color:#ff4d4d;font-weight:800;cursor:pointer;}

/* Popup */
.qcbd-pop{position:fixed;inset:0;z-index:1000000;display:none;align-items:center;justify-content:center;}
.qcbd-pop.is-open{display:flex;}
.qcbd-pop__overlay{position:absolute;inset:0;background:rgba(0,0,0,.65);}
.qcbd-pop__card{position:relative;width:min(720px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.35);}
.qcbd-pop__head{padding:18px 18px;background:linear-gradient(135deg,var(--qcbd-primary),#ff6f00);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-radius:16px 16px 0 0;}
.qcbd-pop__title{font-weight:1000;font-size:18px;}
.qcbd-pop__sub{opacity:.95;font-weight:700;font-size:13px;}

.qcbd-form{padding:18px;}
.qcbd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.qcbd-field label{font-weight:900;font-size:13px;display:block;margin-bottom:6px;}
.qcbd-field input,.qcbd-field textarea{width:100%;padding:12px;border:2px solid #eee;border-radius:12px;}
.qcbd-field--full{grid-column:1/-1;}

.qcbd-ship{display:grid;gap:8px;background:#fafafa;border:1px solid #eee;border-radius:14px;padding:12px;}
.qcbd-radio{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;}
.qcbd-radio input{margin-right:8px;}

.qcbd-pop-items{display:grid;gap:10px;}
.qcbd-pop-item{display:grid;grid-template-columns:56px 1fr auto;gap:10px;padding:12px;border:1px solid #eee;border-radius:14px;align-items:center;background:#fff;}
.qcbd-pop-item__img img{width:56px;height:56px;object-fit:cover;border-radius:12px;}
.qcbd-pop-item__name{font-weight:1000;font-size:13px;}
.qcbd-pop-item__price{color:var(--qcbd-primary);font-weight:1000;font-size:13px;margin-top:4px;}
.qcbd-pop-item__qty{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;}
.qcbd-qp,.qcbd-qm{width:30px;height:30px;border-radius:10px;border:1px solid #ddd;background:#fff;font-weight:1000;cursor:pointer;}
.qcbd-qv{min-width:20px;text-align:center;font-weight:1000;}
.qcbd-pr{border:0;background:transparent;color:#ff4d4d;font-weight:900;cursor:pointer;}
.qcbd-pop-item__line{font-weight:1000;color:#222;}

.qcbd-totals{background:#fafafa;border:1px solid #eee;border-radius:14px;padding:12px;}
.qcbd-row--total{padding-top:10px;border-top:1px dashed #ddd;font-size:16px;}

.qcbd-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}

@media(max-width:768px){
  .qcbd-cart__panel{width:100%;}
  .qcbd-grid{grid-template-columns:1fr;}
  .qcbd-actions{grid-template-columns:1fr;}
}