.cpr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 1024px) { .cpr-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .cpr-grid { grid-template-columns: 1fr; } }
.cpr-review-card { background: #fff; padding: 25px; border: 1px solid #eee; border-radius: 8px; height: 100%; display: flex; flex-direction: column; box-sizing: border-box; }
.cpr-modal-overlay { position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 999999; display:flex; align-items:center; justify-content:center; }
.cpr-modal-content { background:#fff; padding:35px; border-radius:10px; width:450px; position:relative; }
.cpr-close { position:absolute; right:15px; top:10px; font-size:24px; cursor:pointer; }
#cpr-form input, #cpr-form select, #cpr-form textarea { width:100%; margin-bottom:12px; padding:12px; border:1px solid #ddd; border-radius:4px; }
#cpr-open-modal, #cpr-load-more, #cpr-form button { background:#333; color:#fff; padding:12px 25px; border:none; cursor:pointer; border-radius:5px; font-weight:600; }