:root{
  --cl-header-bg:#ff5a8a;
  --cl-product-border:#ff5a8a;
  --cl-button-bg:#ff7a00;
  --cl-order-bg:#ffffff;
}

/* ===== CHECKOUT UI (LOCKED) ===== */
.cb-wrap{max-width:1100px;margin:auto;font-family:Arial}
.cb-header{
  background:var(--cl-header-bg);
  color:#fff;
  padding:14px;
  text-align:center;
  font-weight:700
}

.cb-products{margin:20px 0}
.cb-products h3{margin-bottom:12px}
.cb-card{
  border:1px solid var(--cl-product-border);
  padding:12px;
  border-radius:10px;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:space-between;
}


.cb-pinfo{flex:1}
.cb-pinfo span{
  color: var(--cl-product-border);
  font-weight:600;
}


.cb-bottom{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:20px}
.cb-form label{font-weight:600;margin-top:10px;display:block}
.cb-form input,.cb-form textarea,.cb-form select{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;margin-top:6px}
.cb-order{
  border:1px solid #ddd;
  padding:16px;
  border-radius:10px;
  background:var(--cl-order-bg);
}

.cb-total{font-size:18px;font-weight:700;margin:12px 0}
.cb-btn{
  width:100%;
  padding:16px;
  background:var(--cl-button-bg);
  color:#fff;
  font-size:17px;
  font-weight:700;
  border:none;
  border-radius:12px;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.18)
}

@media(max-width:768px){.cb-bottom{grid-template-columns:1fr}}

/* ===== SUCCESS PAGE (ISOLATED) ===== */
.cb-success-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;background:#f6f7fb}
.cb-success-box{background:#fff;padding:30px 26px;border-radius:14px;max-width:420px;width:100%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.cb-success-icon{width:64px;height:64px;border-radius:50%;background:#4CAF50;color:#fff;font-size:36px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.cb-success-info{background:#f5f5f5;padding:12px;border-radius:8px;margin:14px 0;text-align:left}
.cb-success-btn{display:inline-block;margin-top:16px;padding:12px 20px;background:#ff7a00;color:#fff;border-radius:10px;text-decoration:none;font-weight:700}
/* === Checkout Lens: Bigger Product Checkbox === */
.cb-check {
    transform: scale(1.8);   /* checkbox বড় */
    cursor: pointer;
}

.cb-card {
    cursor: pointer;
}
/* === Checkout Lens: Bigger Quantity Control === */

/* ===== MODERN ROUNDED QTY UI ===== */
/* ===== EXACT MOCKUP PILL QTY ===== */
.cb-qty{
  display:inline-flex;
  align-items:center;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  border-radius:999px;
  overflow:hidden;
  height:42px;
  padding:0 2px;   /* ⭐ important */
}


/* minus & plus */
.qty-btn{
  width:34px;
  height:42px;
  border:none;
  background:transparent;
  font-size:18px;
  cursor:pointer;
  color:#555;
}

.qty-btn:hover{
  background:#e5e7eb;
}

/* number */
.qty-input{
  width:36px;
  height:42px;
  border:none;
  background:transparent;
  text-align:center;
  font-size:16px;
  font-weight:600;
  outline:none;
  color:#333;
}

.cb-qty .qty-input{
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
  border:none !important;
  background:transparent !important;
}

/* remove spinner */
.qty-input::-webkit-inner-spin-button,
.qty-input::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.qty-input{
  appearance:textfield;
  -moz-appearance:textfield;
}


/* === ORDER SUMMARY DESIGN === */

#cb-summary{
 display:flex;
 flex-direction:column;
 gap:14px;
}

.cb-order-item{
 display:flex;
 gap:12px;
 align-items:center;
 padding:12px;
 border:1px solid #e5e7eb;
 border-radius:14px;
 background:#fff;
}

.cb-order-img{
 width:56px;
 height:56px;
 object-fit:cover;
 border-radius:10px;
 border:1px solid #eee;
}

.cb-order-name{
 font-weight:700;
 font-size:16px;
}

.cb-order-qty{
 font-weight:600;
 color:#333;
 margin-top:4px;
}

.cb-order-ship{
 display:flex;
 justify-content:space-between;
 padding:12px;
 border-radius:14px;
 background:#f9fafb;
 font-weight:700;
}

/* ==== PAYMENT METHOD FINAL FIX ==== */

.cb-order{
  display:flex;
  flex-direction:column;
}

.cb-payment{
  margin-top:20px;
  padding:16px;
  border:1px solid #ddd;
  border-radius:12px;
  background:#f9fafb;
}

.cb-payment-title{
  font-weight:700;
  margin-bottom:12px;
  font-size:16px;
}

/* hide default radio */
.cb-payment input[type=radio]{
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  border:2px solid var(--cl-button-bg);
  border-radius:50%;
  position:relative;
  cursor:pointer;
}

/* checked dot */
.cb-payment input[type=radio]:checked::after{
  content:'';
  width:10px;
  height:10px;
  background: var(--cl-button-bg);
  border-radius:50%;
  position:absolute;
  top:3px;
  left:3px;
}

.cb-payment label{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid #ccc;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  font-weight:600;
}

.cb-payment label:hover{
  background:#f1f5f9;
}

.cb-total{
  margin-bottom:10px;
}

#cb-submit{
  margin-top:15px;
}