.mp-show { max-width: 1200px; margin: 0 auto; }

    .mp-breadcrumb { padding: 16px 0; font-size: 14px; color: var(--gray-dark); }
    .mp-breadcrumb a { color: var(--gray-dark); }
    .mp-breadcrumb a:hover { color: var(--primary); }

    .mp-header {
        display: flex;
        gap: 24px;
        padding: 32px;
        background: white;
        border: 1px solid var(--gray);
        border-radius: var(--radius-lg);
        margin-bottom: 32px;
    }
    @media (max-width: 600px) { .mp-header { flex-direction: column; padding: 20px; } }

    .mp-header-logo {
        width: 100px; height: 100px;
        border-radius: var(--radius-lg);
        display: flex; align-items: center; justify-content: center;
        font-size: 36px; flex-shrink: 0; color: white;
        background: var(--sys-color, #0f3460);
    }
    .mp-header-info { flex: 1; }
    .mp-header-title { font-size: 32px; font-weight: 700; margin-bottom: 8px; }
    .mp-header-meta {
        display: flex; flex-wrap: wrap; gap: 16px;
        margin-bottom: 16px; font-size: 15px; color: var(--gray-dark);
    }
    .mp-header-meta a { color: var(--gray-dark); text-decoration: none; }
    .mp-header-meta a:hover { color: var(--primary); text-decoration: underline; }
    .mp-header-rating { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--black); }
    .mp-header-rating i { color: #FFB800; }

    .mp-price-box {
        display: inline-flex; align-items: center; gap: 12px;
        padding: 12px 20px; background: #f0f4ff;
        border-radius: var(--radius); margin-bottom: 16px;
        border: 1px solid #c7d7fd;
    }
    .mp-price-value { font-size: 18px; font-weight: 700; color: #0f3460; }

    .mp-header-actions { display: flex; gap: 12px; flex-wrap: wrap; }

    .mp-section {
        background: white; border: 1px solid var(--gray);
        border-radius: var(--radius-lg); padding: 32px; margin-bottom: 24px;
    }
    .mp-section-title {
        font-size: 22px; font-weight: 700; margin-bottom: 20px;
        display: flex; align-items: center; gap: 10px;
    }
    .mp-section-title i { color: var(--primary); }
    .mp-description { font-size: 16px; line-height: 1.7; color: #444; }

    .mp-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    @media (max-width: 600px) { .mp-pros-cons { grid-template-columns: 1fr; } }

    .mp-pros, .mp-cons { padding: 24px; border-radius: var(--radius); }
    .mp-pros { background: #E8F5E9; }
    .mp-cons { background: #FFEBEE; }
    .mp-list-title {
        font-size: 16px; font-weight: 600; margin-bottom: 16px;
        display: flex; align-items: center; gap: 8px;
    }
    .mp-pros .mp-list-title { color: var(--success); }
    .mp-cons .mp-list-title { color: var(--danger); }

    .mp-ul { list-style: none; padding: 0; margin: 0; }
    .mp-ul li { font-size: 14px; padding: 8px 0; padding-left: 24px; position: relative; line-height: 1.5; }
    .mp-pros .mp-ul li::before { content: "✓"; position: absolute; left: 0; color: var(--success); font-weight: 700; }
    .mp-cons .mp-ul li::before { content: "✗"; position: absolute; left: 0; color: var(--danger); font-weight: 700; }

    .mp-info-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }
    .mp-info-item { padding: 16px; background: var(--gray-light); border-radius: var(--radius); }
    .mp-info-item-label { font-size: 12px; color: var(--gray-dark); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
    .mp-info-item-value { font-size: 16px; font-weight: 600; }
    .mp-info-item-value--sm { font-size: 14px; }
    .mp-category-tag { background:var(--gray-light); color:var(--gray-dark); font-size:12px; padding:3px 10px; border-radius:20px; font-weight:600; }
    .mp-price-icon { color:#0f3460; }
    .mp-vendor-btn { background:#0f3460; border-color:#0f3460; }
    .mp-review-content-text { font-size:14px; line-height:1.5; }
    .mp-response-btn { background:#4A6CF7; border-color:#4A6CF7; }
    .mp-back-link { display:inline-flex; align-items:center; gap:8px; margin-top:24px; font-weight:500; }

    .mp-reviews-header {
        display: flex; justify-content: space-between; align-items: center;
        flex-wrap: wrap; gap: 16px; margin-bottom: 24px;
    }
    .mp-reviews-stats { display: flex; align-items: center; gap: 16px; }
    .mp-reviews-avg { font-size: 48px; font-weight: 700; line-height: 1; }
    .mp-reviews-stars { color: #FFB800; font-size: 18px; }
    .mp-reviews-count { font-size: 14px; color: var(--gray-dark); }
    .mp-reviews-footer { margin-top: 20px; display: flex; justify-content: center; }

    .mp-review-form { background: var(--gray-light); border-radius: var(--radius); padding: 24px; margin-bottom: 32px; }
    .mp-review-form h4 { font-size: 18px; font-weight: 600; margin-bottom: 16px; }
    .mp-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
    @media (max-width: 500px) { .mp-form-row { grid-template-columns: 1fr; } }
    .mp-form-group { margin-bottom: 16px; }
    .mp-form-group label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 6px; }
    .date-range-wrapper { position: relative; display: flex; align-items: center; }
    .date-range-icon { position: absolute; left: 12px; color: var(--gray-dark); font-size: 16px; pointer-events: none; }
    .date-range-input { padding-left: 38px; cursor: pointer; }
    .mp-rating-input { display: flex; align-items: center; gap: 4px; }
    .mp-rating-input input { display: none; }
    .mp-rating-input label { cursor: pointer; font-size: 28px; color: var(--gray); transition: color 0.2s; }
    .mp-rating-input label.active { color: #FFB800; }

    .mp-review-item { border-bottom: 1px solid var(--gray); padding: 24px 0; }
    .mp-review-item:last-child { border-bottom: none; }
    .mp-review-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
    .mp-review-avatar {
        width: 48px; height: 48px; border-radius: 50%;
        background: var(--gray-light); display: flex; align-items: center; justify-content: center;
        font-weight: 600; color: var(--gray-dark); overflow: hidden;
    }
    .mp-review-avatar img { width: 100%; height: 100%; object-fit: cover; }
    .mp-review-author { flex: 1; }
    .mp-review-author-name { font-weight: 600; margin-bottom: 2px; }
    .mp-review-meta { font-size: 13px; color: var(--gray-dark); display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
    .mp-review-rating { color: #FFB800; white-space: nowrap; display: inline-flex; gap: 1px; }
    .mp-review-text { font-size: 15px; line-height: 1.6; color: #333; }
    .mp-review-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 12px 0; }
    @media (max-width: 600px) { .mp-review-pros-cons { grid-template-columns: 1fr; } }
    .mp-review-pro, .mp-review-con {
        background: var(--gray-light); border-radius: var(--radius); padding: 12px;
    }
    .mp-review-pro-title, .mp-review-con-title { font-weight: 600; margin-bottom: 6px; font-size: 13px; color: var(--gray-dark); }
    .mp-review-response {
        margin-top: 16px; padding: 16px; background: #FFF8E1;
        border-radius: var(--radius); border-left: 3px solid #F57C00;
    }
    .mp-review-response-title { font-size: 12px; font-weight: 600; color: #F57C00; margin-bottom: 8px; }
    .mp-review-response-text { font-size: 14px; line-height: 1.5; color: #555; }
    .mp-review-response-meta { margin-top: 8px; font-size: 12px; color: #777; }
    .mp-review-response-form { background: #F5F8FF; border-left-color: #4A6CF7; }
    .mp-review-response-form .mp-review-response-title { color: #4A6CF7; }

    .mp-no-reviews { text-align: center; padding: 48px; color: var(--gray-dark); }
    .mp-no-reviews i { font-size: 48px; margin-bottom: 16px; opacity: 0.3; }

    .alert { padding: 16px 20px; border-radius: var(--radius); margin-bottom: 20px; font-size: 14px; }
    .alert-success { background: #E8F5E9; color: #2E7D32; border: 1px solid #A5D6A7; }
    .alert-error { background: #FFEBEE; color: #C62828; border: 1px solid #EF9A9A; }
    .alert-info { background: #E3F2FD; color: #1565C0; border: 1px solid #90CAF9; }