/* Shuddhy product reviews (lane B2, 2026-10-07). Scoped to .shuddhy-reviews; uses the site's own button + section styles. */
.shuddhy-reviews { display: grid; gap: 1rem; }
.shuddhy-reviews h2 { margin: 0; }
.shuddhy-reviews .sr-summary { margin: 0; font-size: 1.05rem; }
.shuddhy-reviews .sr-avg, .shuddhy-reviews .sr-item-rating, .shuddhy-reviews .sr-star span[aria-hidden] { color: #b7791f; letter-spacing: .08em; }
.shuddhy-reviews .sr-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.shuddhy-reviews .sr-item { border: 1px solid rgba(0,0,0,.12); border-radius: 12px; padding: .9rem 1rem; background: rgba(255,255,255,.6); }
.shuddhy-reviews .sr-item-title { margin: .25rem 0 .1rem; font-size: 1.05rem; font-weight: 700; line-height: 1.3; }
.shuddhy-reviews .sr-item-body { margin: .2rem 0; white-space: normal; overflow-wrap: anywhere; }
.shuddhy-reviews .sr-item-meta, .shuddhy-reviews .sr-note { margin: .3rem 0 0; font-size: .85rem; opacity: .75; }
.shuddhy-reviews .sr-form { display: grid; gap: .7rem; max-width: 36rem; border-top: 1px solid rgba(0,0,0,.12); padding-top: 1rem; }
.shuddhy-reviews .sr-form h3 { margin: 0; }
.shuddhy-reviews .sr-field { display: grid; gap: .3rem; font-weight: 600; }
.shuddhy-reviews .sr-field input, .shuddhy-reviews .sr-field textarea { font: inherit; font-weight: 400; padding: .6rem .7rem; border: 1px solid rgba(0,0,0,.25); border-radius: 8px; width: 100%; box-sizing: border-box; }
.shuddhy-reviews .sr-rating { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .4rem .9rem; }
.shuddhy-reviews .sr-rating legend { font-weight: 600; margin-bottom: .3rem; width: 100%; }
.shuddhy-reviews .sr-star { display: inline-flex; align-items: center; gap: .3rem; cursor: pointer; min-height: 44px; }
.shuddhy-reviews .sr-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.shuddhy-reviews .sr-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.shuddhy-reviews .sr-flash { margin: 0; padding: .6rem .8rem; border-radius: 8px; }
.shuddhy-reviews .sr-ok { background: #e7f4ea; color: #1e4d2b; }
.shuddhy-reviews .sr-bad { background: #fbeaea; color: #6b1f1f; }
.shuddhy-reviews .sr-msg:empty { display: none; }
.shuddhy-reviews .sr-form button[disabled] { opacity: .6; }

/* Customer picture with a review (Ravi's request, 10 Oct 2026). Only rendered when the owner's
   switch is on; the thumbnail only ever appears on an APPROVED review. */
.shuddhy-reviews .sr-optional { font-weight: 400; opacity: .7; }
.shuddhy-reviews .sr-photo-field input[type=file] { font: inherit; font-weight: 400; padding: .55rem .7rem; border: 1px dashed rgba(0,0,0,.3); border-radius: 8px; width: 100%; box-sizing: border-box; min-height: 44px; background: rgba(255,255,255,.5); cursor: pointer; }
.shuddhy-reviews .sr-photo-field input[type=file]::file-selector-button { font: inherit; margin-right: .6rem; padding: .35rem .7rem; border: 1px solid rgba(0,0,0,.25); border-radius: 6px; background: #fff; cursor: pointer; }
.shuddhy-reviews .sr-photo-field .sr-note { font-weight: 400; }
.shuddhy-reviews .sr-item-photo { margin: .5rem 0 0; }
.shuddhy-reviews .sr-item-photo img { display: block; width: 100%; max-width: 220px; height: auto; border-radius: 10px; border: 1px solid rgba(0,0,0,.12); background: rgba(0,0,0,.03); }
@media (max-width: 480px) {
  .shuddhy-reviews .sr-item-photo img { max-width: 100%; }
}