.procomment-root{--pc-border:#e5e7eb;--pc-muted:#64748b;--pc-primary:#087a35;--pc-danger:#b42318;--pc-bg:#fff;color:#17202a;font-family:inherit;direction:rtl}
.procomment-root *{box-sizing:border-box}
.procomment-title{font-size:1.25rem;margin:0 0 1rem;border-bottom:2px solid #f1f5f9;padding-bottom:.65rem}
.procomment-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}
.procomment-list .procomment-list{border-right:2px solid #e8edf2;margin:.7rem 1rem 0 0;padding-right:.75rem}
.procomment-item{list-style:none;margin:0;padding:0}
.procomment-comment{background:var(--pc-bg);border:1px solid var(--pc-border);border-radius:.75rem;padding:.8rem;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.procomment-list .procomment-list .procomment-comment{background:#fafbfc;box-shadow:none}
.procomment-header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:.65rem}
.procomment-avatar{display:block;width:40px;height:40px;border-radius:50%}
.procomment-author{display:flex;min-width:0;flex-direction:column;gap:.1rem;font-size:.92rem}
.procomment-header time{color:var(--pc-muted);font-size:.78rem;white-space:nowrap}
.procomment-stars{display:flex;direction:ltr;gap:.08rem;font-size:.9rem;line-height:1}
.procomment-stars span{color:#cbd5e1}.procomment-stars .is-filled{color:#e99b16}
.procomment-content{font-size:.9rem;line-height:1.9;margin-top:.65rem;overflow-wrap:anywhere}
.procomment-content>:first-child{margin-top:0}.procomment-content>:last-child{margin-bottom:0}
.procomment-actions{display:flex;margin-top:.55rem}
.procomment-reply{display:inline-flex;align-items:center;gap:.3rem;background:transparent!important;border:0!important;color:#334155!important;cursor:pointer;font:inherit;font-size:.84rem;padding:.25rem}
.procomment-reply:hover,.procomment-reply:focus-visible{color:var(--pc-primary)!important}
.procomment-reply svg{fill:currentColor;transform:scaleX(-1)}
.procomment-empty,.procomment-closed{color:var(--pc-muted);font-size:.9rem}
.procomment-form-shell{margin-top:1rem}
.procomment-comment+.procomment-form-shell{margin:.65rem 0}
.procomment-form{background:#f8fafc;border:1px solid var(--pc-border);border-radius:.75rem;padding:1rem}
.procomment-field-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}
.procomment-field-row label,.procomment-rating legend{font-size:.85rem;font-weight:600}
.procomment-field-row input,.procomment-field-row textarea{background:#fff;border:1px solid #cbd5e1;border-radius:.55rem;color:inherit;font:inherit;padding:.65rem;width:100%}
.procomment-field-row input:focus,.procomment-field-row textarea:focus{border-color:var(--pc-primary);box-shadow:0 0 0 3px rgba(8,122,53,.12);outline:0}
.procomment-trap{position:absolute!important;right:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.procomment-form-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.procomment-rating{border:0;margin:0;padding:0}
.procomment-rating-buttons{display:flex;direction:ltr;gap:.15rem;margin-top:.3rem}
.procomment-star{background:transparent!important;border:0!important;color:#cbd5e1!important;cursor:pointer;font-size:1.7rem;line-height:1;padding:.1rem!important}
.procomment-star:hover,.procomment-star:focus-visible,.procomment-star.is-selected{color:#e99b16!important}
.procomment-form-buttons{display:flex;gap:.5rem}
.procomment-submit,.procomment-cancel-reply{border:0;border-radius:.5rem;color:#fff;cursor:pointer;font:inherit;font-size:.88rem;padding:.6rem 1rem}
.procomment-submit{background:var(--pc-primary)}.procomment-submit:disabled{cursor:wait;opacity:.65}
.procomment-cancel-reply{background:var(--pc-danger)}
.procomment-status{font-size:.85rem;min-height:1.3em;margin-top:.65rem}
.procomment-status.is-error{color:var(--pc-danger)}.procomment-status.is-success{color:var(--pc-primary)}.procomment-status.is-loading{color:var(--pc-muted)}
.comments-preview .stars{display:flex;direction:ltr;gap:.08rem}.comments-preview .stars span{color:#cbd5e1}.comments-preview .stars .is-filled{color:#e99b16}
@media(max-width:600px){.procomment-header{grid-template-columns:34px minmax(0,1fr)}.procomment-avatar{height:34px;width:34px}.procomment-header time{grid-column:2}.procomment-list .procomment-list{margin-right:.35rem;padding-right:.5rem}.procomment-form-footer{align-items:stretch;flex-direction:column}.procomment-form-buttons{width:100%}.procomment-submit,.procomment-cancel-reply{flex:1}}
@media(prefers-reduced-motion:reduce){.procomment-root *{scroll-behavior:auto!important;transition:none!important}}