.cpm-container { max-width: 900px; margin: 20px auto; font-family: Arial, sans-serif; }
.cpm-container h2 { margin-top: 0; }
#cpm-form { display: flex; flex-direction: column; gap: 10px; padding: 25px; border: 1px solid #eee; border-radius: 6px; background: #fff; width: 100%; max-width: 650px; }
#cpm-form input[type="text"], #cpm-form input[type="number"], #cpm-form input[type="file"] { padding: 8px; border-radius: 4px; border: 1px solid #ddd; width: 100%; }
#cpm-form button { padding: 5px 8px; border: 1px solid #2271b1; background: #f6f7f7; color: #2271b1; border-radius: 4px; cursor: pointer; }
.cpm-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; margin-top: 18px; }
.cpm-product { border: 1px solid #eee; padding: 12px; border-radius: 8px; background: #fff; }
.cpm-thumb img { max-width: 100%; height: auto; display: block; margin-bottom: 8px; width: 100%; border-radius: 10px 10px 0px 0px; }
.cpm-actions { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
.cpm-delete-form { display: inline; }
.cpm-success { background: #e6ffed; color: #084; padding: 8px 25px; border-radius: 6px; margin-bottom: 10px; text-align: center; }
.cpm-error { background: #ffecec; color: #900; padding: 8px; border-radius: 6px; margin-bottom: 10px; }
h2#cpm-form-heading, div#cpm-view h2 { font-family: "Butler", serif; font-size: 30px; color: #333; }
.cpm-content { padding: 40px !important; }
.cpm-sidebar { padding: 20px 0px 20px 20px; }
.cpm-sidebar .cpm-tab-btn.active { background: #be9667 !important; color: #fff; }
button.cust-btn.cpm-tab-btn { font-size: 12px; text-align: center; font-family: 'Raleway'; font-weight: 600; padding: 15px 14px; background: #333 !important; }
form#cpm-form label { font-family: 'Raleway'; font-weight: 400; font-size: 15px; }
.wp-editor-tools {
    margin-bottom: 8px;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover { box-shadow: none; outline: none; }
.error { text-align: left !important; padding: 0px !important; }
button.save-btn, button#cpm-reset { font-size: 12px; text-align: center; font-family: 'Raleway'; font-weight: 600; padding: 15px 14px !important; background: #be9667 !important; border-radius: 0px !important; color: #fff !important; border: 0px !important; }
button#cpm-reset { background: #333 !important; }
.cpm-product h3.cpm-title { font-size: 16px; font-family: "Raleway", sans-serif; font-weight: 700; color: #333; margin-bottom: 3px; }
.cpm-product p.cpm-subtitle { font-size: 15px; margin-bottom: 5px; line-height: 1.3; }
.cpm-product p.cpm-price { font-size: 15px; font-weight: 700; margin-bottom: 10px; }
.cpm-description p { font-size: 14px; }
p.cpm-subtitle { min-height: 42px !important; }
.cpm-product button.edit-btn, .cpm-product button[type="submit"] { padding: 12px 15px; font-size: 13px;
 font-family: 'Raleway'; font-weight: 600; }

@media (max-width: 768px) {
.cpm-wrapper { flex-direction: column; gap: 0px !important; }
.cpm-content { padding: 25px 15px !important; }
.cpm-sidebar { display: flex; justify-content: space-between; align-items: center; width: 100% !important; padding: 20px; gap: 15px; }
h2#cpm-form-heading, div#cpm-view h2 { font-size: 28px; }
#cpm-form { padding: 20px; }
p.cpm-subtitle { min-height: auto !important; }
}