/* ===== RG Resimli Yorumlar – CSS ===== */
.rgir-wrap{--gap:16px;--radius:16px;--shadow:0 10px 24px rgba(0,0,0,.08);--star:var(--e-global-color-accent, #FFC107);--accent:var(--e-global-color-primary, #111);--muted:var(--e-global-color-text, #64748b);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:#111}
.rgir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
@media (max-width:960px){.rgir-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.rgir-grid{grid-template-columns:1fr}}

.rgir-card{display:flex;gap:12px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;cursor:pointer;outline:0;border:1px solid rgba(0,0,0,.06)}
.rgir-card:focus{box-shadow:0 0 0 3px rgba(17,17,17,.15), var(--shadow)}
.rgir-photo{width:96px;height:96px;flex:none;border-radius:14px;overflow:hidden;background:#f2f2f2;display:grid;place-items:center}
.rgir-photo img{width:100%;height:100%;object-fit:cover}
.rgir-photo--placeholder{font-size:28px;color:#bbb}

.rgir-info{display:flex;flex-direction:column;gap:6px}
.rgir-name{display:flex;align-items:center;gap:8px;font-size:15px}
.rgir-verify{color:#1DA1F2}
.rgir-stars{display:flex;gap:2px;color:var(--star);font-size:14px}
.rgir-excerpt{margin:0;color:var(--muted);font-size:14px;line-height:1.4}

.rgir-bottom{display:flex;justify-content:center;margin-top:12px}
.rgir-btn{display:inline-flex;align-items:center;gap:8px;background:#AAEW;color:#fff;border:0;border-radius:999px;padding:10px 16px;font-weight:600;box-shadow:var(--shadow)}
.rgir-btn i{font-size:16px}
.rgir-btn:hover{opacity:.9;}

/* Modal */
.rgir-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:9999;padding:20px;align-items:center;justify-items:center}
.rgir-modal[aria-hidden="false"]{display:grid;place-items:center}
.rgir-modal__dialog{max-width:860px;margin:auto;background:#fff;border-radius:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.rgir-modal__body{display:flex;gap:16px;padding:16px}
@media (max-width:720px){.rgir-modal__body{flex-direction:column}}
.rgir-modal__img{width:40%;min-height:260px;background:#f4f4f4;border-radius:14px;overflow:hidden}
.rgir-modal__img img{width:100%;height:100%;object-fit:cover}
@media (max-width:720px){.rgir-modal__img{width:100%}}
.rgir-modal__text{flex:1;display:flex;flex-direction:column;gap:10px}
.rgir-modal__head{display:flex;align-items:center;justify-content:space-between}
.rgir-modal__name{font-weight:700}
.rgir-modal__stars{color:var(--star)}
.rgir-modal__content{margin:0;color:#222;line-height:1.6}

/* Form */
.rgir-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.rgir-form .rgir-field{display:flex;flex-direction:column;gap:6px}
.rgir-form label span{color:#d00;margin-left:4px}
.rgir-form input[type="text"], .rgir-form textarea, .rgir-form input[type="file"]{border:1px solid #e5e7eb;border-radius:12px;padding:10px}
.rgir-form textarea{grid-column:span 2}
.rgir-form .rgir-rate{display:flex;flex-direction:row-reverse;justify-content:flex-start}
.rgir-form .rgir-rate input{display:none}
.rgir-form .rgir-rate label{font-size:22px;cursor:pointer;color:#ddd;transition:.15s}
.rgir-form .rgir-rate input:checked ~ label, .rgir-form .rgir-rate label:hover, .rgir-form .rgir-rate label:hover ~ label{color:#FFC107}
.rgir-form .rgir-btn{grid-column:span 2;justify-self:start}
.rgir-form__note{grid-column:span 2;color:#666;margin:0;font-size:13px}