/* DMCTN – TẠO BỞI BÙI VĂN TĨNH */
.dmctn-grid{display:grid;gap:16px}
.dmctn-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.dmctn-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.dmctn-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.dmctn-grid.cols-5{grid-template-columns:repeat(5,1fr)}
@media(max-width:767px){.dmctn-grid{grid-template-columns:repeat(2,1fr)}}
.dmctn-card{background:#0f1a12;border:1px solid #2e3a2f;border-radius:10px;overflow:hidden;position:relative;padding:12px;color:#e8f1e8}
.dmctn-card .thumb{aspect-ratio:3/4;overflow:hidden;border-radius:6px;background:#101}
.dmctn-card .thumb img{width:100%;height:100%;object-fit:contain;display:block}
.dmctn-card .title{margin:8px 0 4px;font-size:16px}
.dmctn-card .price{font-weight:700;margin-bottom:8px}
.dmctn-card .dmctn-open-modal{background:#2f4f2f;border:0;padding:8px 12px;border-radius:6px;color:#fff;cursor:pointer}
.dmctn-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.dmctn-modal__content{background:#fff;width:min(520px,100%);border-radius:14px;padding:16px 16px 20px;box-shadow:0 10px 40px rgba(0,0,0,.3);position:relative}
.dmctn-close{position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:22px;cursor:pointer}
.dmctn-form{display:grid;gap:10px}
.dmctn-form input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}
.dmctn-btn{display:inline-block;padding:10px 14px;border-radius:8px;border:0;background:#cc1e1e;color:#fff;cursor:pointer}
.dmctn-qr-wrap{text-align:center}
.dmctn-qr{max-width:260px;height:auto;border:1px solid #ddd;background:#fff;padding:8px;border-radius:8px;margin:6px auto}
.dmctn-qr-meta{font-size:14px;color:#333;text-align:left;margin:8px auto;max-width:300px}
.dmctn-paid-btn{margin-top:10px}

.dmctn-card-actions{
  display:flex;
  gap:8px;
  margin-top:8px;
}

.dmctn-view-doc{
  flex:1;
  display:inline-block;
  text-align:center;
  padding:8px 10px;
  border-radius:6px;
  border:1px solid #facc15;
  background:#111;
  color:#facc15;
  text-decoration:none;
  font-weight:600;
  font-size:13px;
}

.dmctn-card .dmctn-open-modal{
  flex:1;
  text-align:center;
}

/* Mobile tối ưu hơn một chút */
@media (max-width:767px){
  .dmctn-grid,
  .dmctn-grid.cols-3,
  .dmctn-grid.cols-4,
  .dmctn-grid.cols-5{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .dmctn-card .title{
    font-size:14px;
  }
  .dmctn-view-doc,
  .dmctn-card .dmctn-open-modal{
    padding:6px 8px;
    font-size:12px;
  }
}

.dmctn-pagination{
  margin:24px 0;
  display:flex;
  justify-content:center;
}
.dmctn-pagination ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.dmctn-pagination .page-numbers{
  display:inline-block;
  padding:6px 10px;
  border-radius:4px;
  border:1px solid #2e3a2f;
  text-decoration:none;
  font-size:14px;
}
.dmctn-pagination .page-numbers.current{
  background:#2f4f2f;
  color:#fff;
  border-color:#2f4f2f;
}
.dmctn-pagination .page-numbers:hover{
  background:#223322;
  color:#fff;
}