/* Estilos para la cuadrícula de la caja personalizada */
.ccj-wrap{margin:10px 0 20px 0}
.ccj-title{margin:4px 0 10px 0;font-weight:700}
.ccj-meta{margin-bottom:10px}
.ccj-progress{height:10px;background:#f0e0c6;border-radius:8px;overflow:hidden}
.ccj-progress>span{display:block;height:100%;background:#dd9933;width:0%}
.ccj-total{margin-top:6px;font-weight:600}
.ccj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:1024px){.ccj-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ccj-grid{grid-template-columns:1fr}}
.ccj-item{border:1px solid #dd9933;border-radius:12px;background:#fffdfa;padding:12px;display:flex;flex-direction:column}
.ccj-thumb img{width:100%;height:auto;border-radius:8px}
.ccj-name{font-size:16px;margin:8px 0}
.ccj-price{font-weight:600;margin-bottom:6px}
.ccj-weight-unit{font-size:12px;color:#666;margin-bottom:6px}
.ccj-qty-label{font-size:13px;margin-top:auto;margin-bottom:3px}
.ccj-qty{width:90px;padding:6px 8px;border:1px solid #e3cda9;border-radius:8px}
.ccj-actions{margin-top:14px}
.ccj-btn{background:#dd9933;color:#fff;border:none;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}
.ccj-btn[disabled]{opacity:.6;cursor:not-allowed}