.heading-with-lines {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: 30px 0;
    color: #222;
}

.heading-with-lines::before,
.heading-with-lines::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ccc;
    margin: 0 12px;
}

    .woocommerce-Reviews-title {
       margin-bottom: 20px;
       color: #222;
    }
    .review-right.review-btn-right {
    text-align: right;
    }
    .woocommerce .star-rating{
            color: #DA4128;
            float: none;
            margin-bottom:10px;
    }
    .woocommerce .star-rating::before{
         color: #DA4128;
    }
    .review-summary-form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        gap: 12px;
        flex-wrap: wrap;
    }
    .review-left {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .review-left .review-average {
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
    }
    .review-left .review-count {
        color: #666;
        font-size: 14px;
    }
    .review-stars .star { color: #F39D0F; margin-left: 6px; vertical-align: middle; }

    .review-right .button#write-review-btn {
        background: #F39D0F;
        color: #fff;
        border: none;
        padding: 8px 14px;
        border-radius: 6px;
        cursor: pointer;
    }

    #review-form-wrapper { display: none; margin-top: 16px; }
    .comment-form-author input, .comment-form-email input, .comment-form-comment textarea {
        width: 100%; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box;
    }
    .comment-form-comment textarea { min-height: 120px; }

    .star-rating-input { display: inline-flex; align-items: center; gap: 6px; }
    .star-rating-input input[type="radio"] { display: none; }
    .star-rating-input label.star { font-size: 26px; color: #ccc; cursor: pointer; user-select: none; }
    .star-rating-input label.star.active, .star-rating-input label.star:hover { color: #F39D0F; }

    .comment-form-rating {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    /* Submit / Cancel buttons */
    .review-form-actions { margin-top: 10px; display:flex; gap:8px; }
    .review-form-actions .button { padding:8px 14px; border-radius:6px; cursor:pointer; border:none; }
    .review-form-actions .button.cancel { background:#f0f0f0; color:#333; }
    .review-form-actions .button.submit { background:#F39D0F; color:#fff; }

    /* Reviews list */
    ol.commentlist { list-style: none; margin: 0; padding: 0; }
    ol.commentlist li { border-top: 1px solid #eee; padding: 18px 0; }
    ol.commentlist li:nth-child(odd) {
    background: #fff;   /* white */
}

ol.commentlist li:nth-child(even) {
    background: #f9f9f9;  /* light grey */
}

    @media (max-width:600px){
        .review-summary-form { flex-direction: column; align-items: flex-start; }
        .review-right { width:auto; display:flex; justify-content:flex-end; flex-direction: column;}
		.custom-review-wrap{flex-direction: column; align-items: center;}
    }
    



/* Toolbar */
.ommd-prdct-toolbar{
  display:flex; gap:12px; align-items:center; justify-content:space-between; margin:16px 0 12px;
  flex-wrap:wrap;
}
.ommd-prdct-order{
  display:flex; align-items:center; gap:8px;
}
.ommd-prdct-order select{
  padding:6px 10px; border:1px solid #e3e3e3; border-radius:8px;
}

.ommd-prdct-clear-filters{
  border:1px solid #e3e3e3; background:#fff; padding:6px 12px; border-radius:999px; cursor:pointer;
}

.ommd-prdct-breakdown{
  display:flex; gap:8px; flex-wrap:wrap;
}
.ommd-prdct-break-btn{
  display:inline-flex; align-items:center; gap:6px;
  border:1px solid #e3e3e3; background:#fff; padding:6px 10px; border-radius:999px; cursor:pointer;
}
.ommd-prdct-break-btn .ommd-prdct-stars{ font-weight:600; }
.ommd-prdct-break-btn.is-active,
.ommd-prdct-break-btn:hover{ border-color:#F39D0F; background:#fff8e8; }

.ommd-prdct-order label{
        width: 100px !important;
}

/* Responsive */
@media (max-width:600px){
  .ommd-prdct-toolbar{ flex-direction:column; align-items:flex-start; gap:10px; }
  .ommd-prdct-order{ width:100%; justify-content:flex-start; }
}