/* Matjari Core – تقييمات بالصور */
.mj-rev-photos { margin: 0 0 1rem; }
.mj-rev-photos label { display: block; font-weight: 600; margin-bottom: .4rem; }
.mj-rev-photos .ic { width: 1.1em; height: 1.1em; vertical-align: -.2em; }
.mj-rev-photos input[type=file] { display: block; width: 100%; padding: .6rem; border: 1px dashed var(--line, #e2e7e4); border-radius: var(--r-ctl, 10px); background: #fff; }
.mj-rev-hint { display: block; color: var(--muted, #5e6b67); margin-top: .3rem; }
.mj-rev-previews { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }
.mj-rev-previews img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line, #e2e7e4); }
.mj-rev-msg { color: var(--coral, #e4572e); font-weight: 600; margin-top: .4rem; }
.mj-rev-msg:empty { display: none; }

.mj-rev-imgs, .mj-rev-strip__row { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }
.mj-rev-imgs a, .mj-rev-strip__row a { display: block; line-height: 0; border-radius: 10px; overflow: hidden; border: 1px solid var(--line, #e2e7e4); }
.mj-rev-imgs img { width: 84px; height: 84px; object-fit: cover; }
.mj-rev-strip { margin: 0 0 1.25rem; padding: 1rem; background: var(--mint, #e6f1ec); border-radius: var(--r-card, 16px); }
.mj-rev-strip h3 { margin: 0 0 .6rem; font-size: 1rem; }
.mj-rev-strip__row { margin-top: 0; }
.mj-rev-strip__row img { width: 92px; height: 92px; object-fit: cover; }

.mj-rev-lb { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; background: rgba(10, 18, 16, .88); }
.mj-rev-lb[hidden] { display: none; }
.mj-rev-lb img { max-width: 92vw; max-height: 86vh; border-radius: 10px; background: #fff; }
.mj-rev-lb__x, .mj-rev-lb__nav { position: absolute; background: rgba(255, 255, 255, .16); color: #fff; border: 0; cursor: pointer; width: 44px; height: 44px; border-radius: 50%; font-size: 26px; line-height: 1; }
.mj-rev-lb__x { top: max(14px, env(safe-area-inset-top, 0px)); inset-inline-end: 14px; }
.mj-rev-lb__nav { top: 50%; transform: translateY(-50%); }
.mj-rev-lb__prev { inset-inline-start: 12px; }
.mj-rev-lb__next { inset-inline-end: 12px; }
html[dir=rtl] .mj-rev-lb__nav { transform: translateY(-50%) scaleX(-1); }