/* Luma Commerce: review summary, photos, lightbox and form extras.
 * Class names match Customer Reviews so the Bricks template's styles still apply. */
#reviews .cr-summaryBox-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 0 1em;padding:2px;background:#f9f9f9}
.cr-summaryBox-wrap .cr-overall-rating-wrap,.cr-summaryBox-wrap .ivole-summaryBox{flex:0 0 49%;width:49%;margin:0;padding:10px;box-sizing:border-box;border-radius:4px}
.cr-overall-rating-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
#reviews .cr-summaryBox-wrap .cr-average-rating{font-size:36px;font-weight:700;line-height:1.3}
#reviews .cr-summaryBox-wrap .cr-total-rating-count{font-size:14px;line-height:1.8}
.cr-average-rating-stars{line-height:0}
.crstar-rating-svg{position:relative;display:inline-block;margin:5px 0 0}
.crstar-rating-svg .cr-rating-icon-base,.crstar-rating-svg .cr-rating-icon-frnt{display:flex;height:20px}
.crstar-rating-svg .cr-rating-icon-frnt{position:absolute;top:0;left:0;overflow:hidden}
.crstar-rating-svg svg{flex:0 0 20px;width:20px;height:20px;color:#ffbc00}
.cr-histogramTable{width:100%;margin:0}
.cr-histogramTable .ivole-histogramRow{display:flex;align-items:center;margin:0 0 2px;font-size:14px}
.cr-histogramTable .ivole-histogramCell1{white-space:nowrap;padding:0 3px 2px 0}
.cr-histogramTable .ivole-histogramCell2{flex:1 1 70%}
.cr-histogramTable .ivole-histogramCell3{white-space:nowrap;text-align:right;min-width:3.2em;padding:0 0 2px 3px}
.cr-histogram-rating-label{display:inline-flex;align-items:center;gap:2px}
.cr-histogram-rating-icon{color:#ffbc00}
.ivole-meter{height:22px;overflow:hidden;border-radius:1px;background:linear-gradient(to bottom,#eee,#f6f6f6);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.1)}
.ivole-meter-bar{height:100%;border-radius:1px;background:linear-gradient(to bottom,#ffce00,#ffa700);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.05)}
@media (max-width:500px){.cr-summaryBox-wrap .cr-overall-rating-wrap,.cr-summaryBox-wrap .ivole-summaryBox{flex-basis:100%;width:100%}}

.cr-comment-images{margin-bottom:1em}
.cr-comment-images-clear{clear:both}
.iv-comment-image{float:left;margin:0 5px 5px 0;border:1px solid #e4e1e3;border-radius:5px;overflow:hidden}
.iv-comment-image:hover{filter:brightness(95%)}
div.iv-comment-image img{display:block;width:75px;height:75px;max-width:none;object-fit:cover;padding:0;border-radius:0;box-shadow:none}

.cr-upload-local-images{width:100%}
.cr-upload-local-images .cr-upload-images-status{display:block}
.cr-upload-local-images input{display:block;width:100%}
.cr-upload-images-preview{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.cr-upload-images-preview img{width:64px;height:64px;object-fit:cover;border-radius:4px;border:1px solid #e4e1e3}
.luma-review-error{display:block;margin-top:4px;color:#8a1c12;font-size:.85em;font-weight:600}
.cr-review-form-terms label{display:inline-flex;gap:6px;align-items:flex-start}
.cr-review-form-terms input.cr-review-form-checkbox{appearance:auto;margin-top:.25em}

.luma-lightbox{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(10,12,16,.88)}
.luma-lightbox[hidden]{display:none}
.luma-lightbox img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:4px}
.luma-lightbox button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1;width:48px;height:48px;border-radius:50%;cursor:pointer}
.luma-lightbox button:hover,.luma-lightbox button:focus-visible{background:rgba(255,255,255,.25)}
.luma-lightbox .luma-lb-close{top:16px;right:16px}
.luma-lightbox .luma-lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.luma-lightbox .luma-lb-next{right:16px;top:50%;transform:translateY(-50%)}