.lumimi-reviews-wrap {

    margin: 40px 0;

    padding: 30px;

    background: #fafafa;

    border-radius: 8px;

}


.lumimi-title {

    font-size: 22px;

    margin: 0 0 15px;

    padding: 0;

}


.lumimi-summary {

    margin-bottom: 25px;

    display: flex;

    align-items: center;

    gap: 8px;

    flex-wrap: wrap;

}


.lumimi-avg {

    font-size: 28px;

    font-weight: 700;

    color: #333;

}


.lumimi-count {

    color: #888;

    font-size: 14px;

}


.lumimi-review-item {

    background: #fff;

    border: 1px solid #eee;

    border-radius: 6px;

    padding: 20px;

    margin-bottom: 15px;

}


.lumimi-review-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 8px;

    flex-wrap: wrap;

}


.lumimi-review-date {

    color: #999;

    font-size: 13px;

}


.lumimi-review-meta {

    margin-bottom: 10px;

    font-size: 15px;

}


.lumimi-flag {

    margin-left: 5px;

    vertical-align: middle;

    display: inline-block;

}


.lumimi-flag-img {

    width: 24px;

    height: 16px;

    object-fit: cover;

    border-radius: 2px;

    vertical-align: middle;

}


.lumimi-review-body {

    color: #555;

    font-size: 15px;

    line-height: 1.6;

}


.lumimi-rating-badge {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    flex-wrap: wrap;

}


.lumimi-rating-count {

    color: #888;

    font-size: 14px;

}


.lumimi-form-wrap {

    max-width: 700px;

    margin: 0 auto;

    padding: 30px 0;

}


.lumimi-form-title {

    font-size: 24px;

    margin-bottom: 10px;

}


.lumimi-form-desc {

    color: #666;

    margin-bottom: 30px;

}


.lumimi-form-product {

    background: #fff;

    border: 1px solid #eee;

    border-radius: 8px;

    padding: 25px;

    margin-bottom: 20px;

}


.lumimi-done {

    opacity: .65;

}


.lumimi-done-msg {

    color: #5cb85c;

    font-weight: 600;

    margin: 10px 0 0;

}


.lumimi-fp-info {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 18px;

}


.lumimi-fp-thumb img {

    width: 60px;

    height: 60px;

    object-fit: cover;

    border-radius: 6px;

}


.lumimi-fp-name {

    font-size: 17px;

    font-weight: 600;

}


.lumimi-field {

    margin-bottom: 15px;

}


.lumimi-field label {

    display: block;

    font-weight: 600;

    margin-bottom: 6px;

    font-size: 14px;

    color: #555;

}


.lumimi-star-sel {

    display: inline-flex;

    gap: 4px;

    cursor: pointer;

}


.lumimi-sp {

    font-size: 28px;

    color: #ccc;

    cursor: pointer;

    transition: color .15s;

    line-height: 1;

}


.lumimi-review-text {

    width: 100%;

    padding: 10px 12px;

    border: 1px solid #ddd;

    border-radius: 5px;

    font-size: 15px;

    resize: vertical;

    font-family: inherit;

    box-sizing: border-box;

}


.lumimi-review-name {

    width: 100%;

    max-width: 300px;

    padding: 10px 12px;

    border: 1px solid #ddd;

    border-radius: 5px;

    font-size: 15px;

    box-sizing: border-box;

}


.lumimi-form-submit {

    text-align: center;

    margin-top: 25px;

}


#lumimi-submit {

    display: inline-block;

    background: #f5a623;

    color: #fff;

    border: none;

    padding: 14px 45px;

    font-size: 17px;

    font-weight: 700;

    border-radius: 6px;

    cursor: pointer;

    transition: background .2s;

}


#lumimi-submit:hover {

    background: #e09500;

}


#lumimi-submit:disabled {

    opacity: .6;

    cursor: not-allowed;

}


.lumimi-notice {

    background: #fff3cd;

    border: 1px solid #ffc107;

    padding: 15px 20px;

    border-radius: 6px;

    color: #856404;

}


.lumimi-notice-done {

    background: #d4edda;

    border-color: #c3e6cb;

    color: #155724;

}


.lumimi-msg-ok {

    background: #d4edda;

    border: 1px solid #c3e6cb;

    padding: 15px 20px;

    border-radius: 6px;

    color: #155724;

    margin-bottom: 20px;

}


.lumimi-msg-err {

    background: #f8d7da;

    border: 1px solid #f5c6cb;

    padding: 15px 20px;

    border-radius: 6px;

    color: #721c24;

    margin-bottom: 20px;

}


.lumimi-loadmore-wrap {

    text-align: center;

    margin-top: 20px;

}


.lumimi-loadmore-btn {

    background: #fff;

    border: 2px solid #f5a623;

    color: #f5a623;

    padding: 10px 30px;

    font-size: 15px;

    font-weight: 600;

    border-radius: 6px;

    cursor: pointer;

    transition: all .2s;

}


.lumimi-loadmore-btn:hover {

    background: #f5a623;

    color: #fff;

}