.creative-product-table{width:100%;font-family:Arial,sans-serif;}
.creative-header{display:grid;grid-template-columns:1fr 120px 120px 100px;background:#2d2d2d;color:#fff;font-weight:bold;padding:12px;border-radius:8px;}
.creative-row{display:grid;grid-template-columns:1fr 120px 120px 100px;align-items:center;background:#fff;margin-top:10px;padding:10px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);}
.creative-row .col-category{display:flex;align-items:center;gap:12px;}
.creative-row .col-category img{width:50px;height:50px;border-radius:5px;object-fit:cover;}
.creative-row .col-category a{color:inherit;text-decoration:none;}
.creative-row .col-category a.title:hover{text-decoration:none;}
.buy-btn{display:inline-flex;align-items:center;gap:5px;background:#ff8c00;color:#fff !important;padding:6px 14px;border-radius:6px;text-decoration:none;font-weight:700;transition:background .2s;}
.buy-btn:hover{background:#e07a00;}
.creative-loadmore-wrap{text-align:center;margin-top:15px;}
.creative-loadmore{font-weight:700;color:#e07a00;cursor:pointer;text-decoration:none;}
/* Desktop table (default) */
.creative-row {
  display: grid;
  grid-template-columns: 1fr 120px 120px 100px;
  align-items: center;
  background: #fff;
  margin-top: 10px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

/* Tablet breakpoint */
@media (max-width: 992px) {
  .creative-row {
    grid-template-columns: 1fr 120px;
    grid-template-rows: auto auto;
    row-gap: 10px;
  }
  .creative-row div:nth-child(3),
  .creative-row div:nth-child(4) {
    grid-column: 1 / span 2;
  }
}

/* Mobile breakpoint */
@media (max-width: 600px) {
  .creative-row {
    display: block;
    padding: 15px;
  }
  .creative-row > div {
    margin-bottom: 8px;
  }
  .creative-row .buy-btn {
    display: block;
    width: 100%;
    text-align: center;
  }
}