/* iCHARM – Mua ngay */
.icbn-btn{display:inline-block;background:#260500;color:#fff;border:0;border-radius:4px;padding:12px 28px;font-weight:600;font-size:15px;letter-spacing:.02em;cursor:pointer;transition:background .2s,transform .1s;margin:0 0 0 8px;line-height:1.2;min-height:42px}
.icbn-btn:hover{background:#3A0B04;color:#fff}.icbn-btn:active{transform:scale(.98)}
.icbn-btn:focus-visible,.icbn-submit:focus-visible{outline:2px solid #260500;outline-offset:3px}
.icbn-overlay{position:fixed;inset:0;background:rgba(20,8,4,.6);display:none;align-items:center;justify-content:center;z-index:999999;padding:16px}
.icbn-overlay.is-open{display:flex}
.icbn-box{position:relative;background:#E9E4DA;color:#2b1a14;width:100%;max-width:440px;max-height:92vh;overflow-y:auto;border:1px solid rgba(38,5,0,.15);border-radius:6px;padding:28px 26px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.icbn-box h3{color:#260500;font-size:22px;margin:0 0 6px;font-weight:600}
.icbn-sub{font-size:14px;color:#5a4a42;margin:0 0 12px;line-height:1.5}
.icbn-product-line{font-size:14px;margin:0 0 16px;padding:10px 12px;border-left:2px solid #260500;background:rgba(38,5,0,.06);color:#2b1a14}
.icbn-form label{display:block;font-size:13px;color:#4a3a32;margin-bottom:12px}
.icbn-form input{display:block;width:100%;margin-top:5px;background:#fff;border:1px solid #cfc6b8;color:#2b1a14;border-radius:4px;padding:10px 12px;font-size:16px;box-shadow:none;height:auto}
.icbn-form input:focus{border-color:#260500;outline:none;background:#fff}
.icbn-row{display:flex;gap:10px}.icbn-qty{flex:0 0 90px}.icbn-note{flex:1}
.icbn-hp{position:absolute!important;left:-9999px!important;opacity:0}
.icbn-error{color:#b42318;font-size:13px;min-height:1em;margin:0 0 8px}
.icbn-submit{width:100%;background:#260500;color:#fff;border:0;border-radius:4px;padding:13px;font-size:16px;font-weight:600;cursor:pointer;margin:0;transition:background .2s}
.icbn-submit:hover{background:#3A0B04;color:#fff}
.icbn-submit[disabled]{opacity:.6;cursor:wait}
.icbn-close{position:absolute;top:8px;right:10px;background:none;border:0;color:#5a4a42;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px;margin:0}
.icbn-close:hover{color:#260500}
.icbn-view[hidden]{display:none!important}
.icbn-ok-view{text-align:center;padding:10px 0}
.icbn-check{width:56px;height:56px;border-radius:50%;border:2px solid #260500;color:#260500;font-size:28px;line-height:52px;margin:0 auto 14px}
.icbn-ok-view p{color:#4a3a32;margin-bottom:18px}

/* Laptop / tablet ngang: 2 cột */
@media (min-width:768px){
  .icbn-box{max-width:820px;padding:32px 36px}
  .icbn-form-view{display:grid;grid-template-columns:250px 1fr;grid-template-rows:auto auto auto 1fr;align-items:start}
  .icbn-form-view>h3{grid-column:1;grid-row:1}
  .icbn-form-view>.icbn-sub{grid-column:1;grid-row:2}
  .icbn-form-view>.icbn-product-line{grid-column:1;grid-row:3;margin-bottom:0}
  .icbn-form{grid-column:2;grid-row:1 / span 4;display:grid;grid-template-columns:1fr 1fr;column-gap:14px;margin-left:32px;padding-left:32px;border-left:1px solid rgba(38,5,0,.12)}
  .icbn-form>*{grid-column:1 / -1}
  .icbn-form>label:nth-of-type(1){grid-column:1}
  .icbn-form>label:nth-of-type(2){grid-column:2}
  .icbn-ok-view{max-width:420px;margin:0 auto}
}
/* Điện thoại: trượt lên từ đáy */
@media (max-width:767px){
  .icbn-overlay{align-items:flex-end;padding:0}
  .icbn-box{max-width:100%;max-height:90vh;border:0;border-radius:14px 14px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));animation:icbnUp .25s ease-out}
  .icbn-box h3{font-size:20px;padding-right:32px}
  .icbn-btn--woo{margin:10px 0 0;width:100%}
}
@keyframes icbnUp{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.icbn-btn,.icbn-submit{transition:none}.icbn-box{animation:none}}