/* Drawer layout */
.wbncod-overlay{ display:none; position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:99998; }
.wbncod-drawer{ position:fixed; top:0; right:-420px; width:380px; height:100%; background:#fff; z-index:99999; box-shadow: -20px 0 40px rgba(12,20,30,0.25); transition: right .32s cubic-bezier(.2,.9,.2,1); display:flex; flex-direction:column; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial; }
.wbncod-drawer.open{ right:0; }
.wbncod-header{ padding:18px 18px 10px; border-bottom:1px solid #eee; display:flex; align-items:center; justify-content:space-between; }
.wbncod-title{ font-weight:700; font-size:13px; letter-spacing:.5px; color:#111; }
.wbncod-close{ border:none; background:transparent; font-size:26px; line-height:1; cursor:pointer; color:#444; }

.wbncod-body{ padding:18px; overflow:auto; flex:1; }

/* product row */
.wbncod-product{ display:flex; gap:12px; margin-bottom:12px; align-items:center; }
.wbncod-prod-thumb img{ width:72px; height:72px; object-fit:cover; border-radius:6px; border:1px solid #eee; }
.wbncod-prod-title{ font-size:14px; font-weight:600; color:#111; }
.wbncod-prod-price{ font-size:13px; color:#555; margin-top:6px; }

/* summary */
.wbncod-summary{ background:#fafafa; padding:12px; border-radius:6px; margin-bottom:12px; }
.wbn-row{ display:flex; justify-content:space-between; font-size:13px; color:#333; padding:6px 0; }
.wbn-row.discount{ color:#d9534f; }
.wbn-row.total{ font-size:15px; font-weight:700; padding-top:8px; border-top:1px solid #eee; margin-top:8px; }
hr{ border:none; border-top:1px solid #eee; margin:8px 0; }

/* shipping */
.wbncod-shipping-method{ margin-bottom:12px; }
.wbn-radio{ display:block; font-size:13px; margin:6px 0; color:#222; }
.wbn-radio input{ margin-right:8px; }

/* form fields */
.wbncod-form .wbn-field{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.wbncod-form .wbn-field .icon{ width:36px; height:36px; display:flex; align-items:center; justify-content:center; background:#f3f3f3; border-radius:6px; color:#666; font-size:16px; }
.wbncod-form input[type="text"], .wbncod-form textarea{ flex:1; padding:10px 12px; border:1px solid #e6e6e6; border-radius:6px; font-size:14px; }
.wbncod-form textarea{ min-height:80px; resize:vertical; }

/* response */
.wbn-response{ margin:10px 0; font-size:13px; }
.wbn-success{ color: #1a7f37; }
.wbn-error{ color:#b22222; }

/* submit */
.wbncod-submit{ background:#0a0a0a; color:#fff; border:none; width:100%; padding:12px; font-weight:700; border-radius:6px; font-size:14px; cursor:pointer; margin-top:8px; display:flex; justify-content:center; align-items:center; gap:8px; }
.wbncod-submit:disabled{ opacity:.7; cursor:not-allowed; }

/* small screens adjustments */
@media (max-width:480px){
    .wbncod-drawer{ width:100%; right:-100%; }
    .wbncod-drawer.open{ right:0; }
}
/* Add to your wbncod.css */
.wbncod-prod-price .price {
    display: inline-block;
    white-space: nowrap;
}
/* Add to your existing CSS */
.wbncod-prod-price {
    font-weight: 600;
    color: #111;
}