/* Dynamic Bundle v3.2 – Fast-food horizontal */
.db{margin-top:14px;border:1px solid #d1d9e8;border-radius:4px;overflow:hidden;font-family:inherit;font-size:13px;color:#1a1a1a;background:#fff}

/* Header */
.db-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:7px 12px!important;background:#1e4fa0!important;color:#fff!important}
.db-head-title{font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.db-head-badge{font-size:10px!important;font-weight:800!important;background:#fff!important;color:#1e4fa0!important;padding:2px 8px!important;border-radius:20px!important}

/* Lista horizontal */
.db-items{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;background:#f5f8fc!important;padding:0!important;margin:0!important}
.db-row{flex:0 0 auto!important;border-right:1px solid #dde5f0!important;border-bottom:1px solid #dde5f0!important}
.db-row:last-child{border-right:none!important}

/* Card */
.db-card{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:8px 8px 6px!important;min-width:80px!important;max-width:110px!important;background:#fff!important;border:2px solid transparent!important;cursor:pointer!important;user-select:none!important;position:relative!important;text-align:center!important;box-sizing:border-box!important;transition:background .12s,border-color .12s!important}
.db-card:hover{background:#f0f5ff!important}
.db-card.db-on{background:#e8f0fc!important;border-color:#1e4fa0!important}
.db-card-req{cursor:default!important;border-color:#22c55e!important;background:#f0fdf4!important}
.db-card-req:hover{background:#f0fdf4!important}
.db-card-drop{flex-direction:row!important;min-width:100%!important;max-width:100%!important;padding:7px 12px!important;cursor:default!important;text-align:left!important;border-right:none!important;gap:8px!important}
.db-card-drop:hover{background:#fff!important}

/* Imagen */
.db-img{width:46px!important;height:46px!important;object-fit:cover!important;border-radius:3px!important;flex-shrink:0!important}
.db-card-drop .db-img{width:32px!important;height:32px!important}

/* Info */
.db-info{flex:1!important;display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.db-name{font-size:11px!important;font-weight:700!important;color:#1a1a1a!important;line-height:1.3!important;word-break:break-word!important}
.db-price{font-size:11px!important;color:#1e4fa0!important;font-weight:800!important;white-space:nowrap!important}
.db-incl{font-size:10px!important;color:#16a34a!important;font-weight:700!important}

/* Check visual */
.db-chk{position:absolute!important;top:4px!important;right:4px!important;width:14px!important;height:14px!important;border:1.5px solid #c0ccd8!important;border-radius:50%!important;background:#fff!important;transition:all .12s!important}
.db-card.db-on .db-chk{background:#1e4fa0!important;border-color:#1e4fa0!important}
.db-card.db-on .db-chk::after{content:''!important;display:block!important;width:4px!important;height:7px!important;border:1.5px solid #fff!important;border-top:none!important;border-left:none!important;transform:rotate(45deg)!important;margin:0 auto!important}
.db-card-req .db-chk{background:#22c55e!important;border-color:#22c55e!important}
.db-card-req .db-chk::after{content:''!important;display:block!important;width:4px!important;height:7px!important;border:1.5px solid #fff!important;border-top:none!important;border-left:none!important;transform:rotate(45deg)!important;margin:0 auto!important}

/* Select */
.db-sel{flex-shrink:0!important;padding:4px 6px!important;border:1px solid #d1d9e8!important;border-radius:3px!important;font-size:12px!important;background:#fff!important;cursor:pointer!important;min-width:80px!important;margin-left:auto!important}

/* Qty */
.db-qty{display:flex!important;align-items:center!important;gap:2px!important;margin-top:3px!important}
/* BUG FIX: usar visibility+display combinados para que hidden funcione correctamente */
.db-qty[hidden]{display:none!important}
.db-qm,.db-qp{width:18px!important;height:18px!important;border:1px solid #1e4fa0!important;border-radius:2px!important;background:#fff!important;color:#1e4fa0!important;font-size:13px!important;cursor:pointer!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.db-qm:hover,.db-qp:hover{background:#1e4fa0!important;color:#fff!important}
.db-qn{width:26px!important;text-align:center!important;border:1px solid #d1d9e8!important;border-radius:2px!important;padding:1px!important;font-size:12px!important;-moz-appearance:textfield!important}
.db-qn::-webkit-inner-spin-button,.db-qn::-webkit-outer-spin-button{-webkit-appearance:none!important}

/* Footer */
.db-foot{padding:8px 12px 10px!important;background:#f5f8fc!important;border-top:1px solid #d1d9e8!important}
.db-total,.db-disc{display:flex!important;justify-content:space-between!important;align-items:baseline!important;font-size:12px!important;color:#555!important;margin-bottom:3px!important}
.db-disc[hidden]{display:none!important}
.db-total strong{font-size:14px!important;color:#1a1a1a!important;font-weight:800!important}
.db-dv{color:#16a34a!important;font-weight:700!important}

/* Botón – mismo aspecto que .prd-atc-btn del tema */
.db-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;height:50px!important;margin-top:8px!important;background:#1e4fa0!important;color:#fff!important;border:none!important;border-radius:4px!important;font-family:inherit!important;font-size:13px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.07em!important;cursor:pointer!important;transition:background 150ms!important;white-space:nowrap!important}
.db-btn:hover{background:#163a80!important}
.db-btn:active{background:#122e66!important}
.db-btn:disabled{background:#9ca3af!important;cursor:not-allowed!important}
@keyframes db-spin{to{transform:rotate(360deg)}}

/* BUG FIX: .db-spin estaba con display:inline!important lo cual anulaba el atributo hidden */
.db-spin{display:inline-block}
.db-spin[hidden]{display:none!important}

/* Mensajes */
.db-msg{margin-top:6px!important;padding:6px 10px!important;border-radius:3px!important;font-size:12px!important}
.db-msg[hidden]{display:none!important}
.db-ok{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important}
.db-err{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important;word-break:break-all!important}

/* Responsive */
@media(max-width:575px){
  .db-items{flex-direction:column!important}
  .db-row{border-right:none!important}
  .db-card{flex-direction:row!important;min-width:100%!important;max-width:100%!important;text-align:left!important}
}