/* Tách từ snippet inline - Migovi */
.migovi-review-box {
    display: flex; flex-direction: column; width: 100%;
    border: 1px solid #e0e0e0; border-radius: 12px; overflow: hidden;
    margin: 40px 0; background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.review-header {
    width: 100%; background: #fcf55f; padding: 25px;
    text-align: center; position: relative;
    display: flex; justify-content: center; align-items: center;
    min-height: 140px; border-bottom: 1px solid rgba(0,0,0,0.05);
    box-sizing: border-box;
}
.review-score-container { display: flex; flex-direction: column; align-items: center; z-index: 2; }
.review-label { font-size: 13px; color: #333; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 5px; opacity: 0.6; }
.review-score { font-size: 60px; font-weight: 800; color: #bb1919; line-height: 1; margin-bottom: 5px; letter-spacing: -2px; }
.migovi-star-row { display: flex; align-items: center; justify-content: center; gap: 6px; }
.single-star { position: relative; display: inline-block; font-size: 32px; line-height: 1; font-family: "Times New Roman", Times, serif; width: 1em; height: 1em; text-align: center; }
.star-bg { color: #ccc; position: absolute; left: 0; top: 0; width: 100%; text-align: center; z-index: 1; }
.star-fill { color: #de3163; position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; white-space: nowrap; z-index: 2; }
.star-fill span { display: block; width: 1em; text-align: center; }
.review-product-image { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 150px; max-width: 25%; max-height: 90%; z-index: 1; display: flex; align-items: center; justify-content: center; }
.review-product-image img { width: 100%; height: auto; display: block; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); margin: 0 !important; border-radius: 6px; }
.review-badge { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 150px; max-width: 25%; max-height: 90%; z-index: 1; margin: 0 !important; padding: 0 !important; line-height: 0 !important; display: flex; align-items: center; justify-content: center; }
.review-badge img { width: 100%; height: auto; display: block; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); margin: 0 !important; }
.review-body { width: 100%; display: flex; flex-wrap: wrap; background: #fff; box-sizing: border-box; }
.review-col { flex: 1; padding: 25px; min-width: 280px; }
.review-heading { margin-top: 0; margin-bottom: 20px; font-size: 16px; text-transform: uppercase; font-weight: 500; border-bottom: 2px solid #eee; padding-bottom: 10px; display: block; line-height: 1.4; }
.pros .review-heading { color: #2e7d32; border-color: #2e7d32; }
.cons .review-heading { color: #c62828; border-color: #c62828; }
.review-col ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.review-col li::before { content: none !important; display: none !important; }
.review-col li::after { content: none !important; display: none !important; }
.review-col li { margin-bottom: 12px; display: flex; align-items: flex-start; gap: 12px; line-height: 1.5; color: #333; font-size: 15px; }
.icon-check, .icon-cross { flex-shrink: 0; font-weight: 900; font-size: 18px; line-height: 1.2; width: 20px; text-align: center; }
.icon-check { color: #2e7d32; }
.icon-cross { color: #c62828; }
.pros { background: #fff; }
.cons { background: #fafafa; border-left: 1px solid #f0f0f0; }
@media (max-width: 600px) {
    .review-header { flex-direction: column; padding: 25px; }
    .review-product-image { position: static; transform: none; margin-bottom: 15px !important; width: 100px; max-width: none; }
    .review-badge { position: static; transform: none; margin-top: 25px !important; width: 100px; max-width: none; }
    .cons { border-left: none; border-top: 1px solid #eee; }
}

