/* Product page reviews section (Step 165, owner ask 2026-10-24, Davines style): "Read all the reviews" heading, big
   average score, Write a review + filter buttons, then a grid of review cards with the customer's photos on top.
   Loaded by head block lm-rev from pub/media/lemarie/reviews (task 296; v3 task 300). Everything is scoped to .lmrv. */
.lmrv{--lmrv-ink:#2f3237;--lmrv-text:#4f5359;--lmrv-mute:#8a8f96;--lmrv-line:#e3e7ea;--lmrv-blue:#3f87ab;--lmrv-tint:#eef6fa;
 max-width:1180px;margin:56px auto 40px;padding:0 20px;color:var(--lmrv-text);clear:both}
.lmrv *{box-sizing:border-box}
.lmrv svg{display:block}
.lmrv-h{margin:0 0 26px;text-align:center;font-size:30px;line-height:1.25;font-weight:400;color:var(--lmrv-ink);text-transform:none;letter-spacing:0}
.lmrv-score{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--lmrv-ink)}
.lmrv-score svg{width:52px;height:52px;fill:currentColor}
.lmrv-avg{font-size:52px;line-height:1;font-weight:400;font-variant-numeric:tabular-nums}
.lmrv-count{margin:14px 0 26px;text-align:center;font-size:18px;color:var(--lmrv-ink)}
.lmrv-bar{display:flex;gap:12px;margin:0 auto 22px;max-width:560px}
.lmrv-bar button{height:50px;border-radius:6px;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.lmrv-write{flex:1;border:2px solid var(--lmrv-ink);background:#fff;color:var(--lmrv-ink);text-transform:none;letter-spacing:0}
.lmrv-write:hover,.lmrv-write[aria-expanded=true]{background:var(--lmrv-ink);color:#fff}
.lmrv-ft{flex:none;width:56px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--lmrv-line);background:#fff;color:var(--lmrv-ink)}
.lmrv-ft svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.lmrv-ft[aria-expanded=true]{border-color:var(--lmrv-ink)}
.lmrv-bar button:focus-visible,.lmrv-chip:focus-visible,.lmrv-more:focus-visible,.lmrv-photo:focus-visible,.lmrv-read:focus-visible{outline:2px solid var(--lmrv-blue);outline-offset:2px}
.lmrv-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 22px;max-width:760px}
.lmrv-chips[hidden],.lmrv-form[hidden],.lmrv-more[hidden],.lmrv-card[hidden]{display:none!important}
.lmrv-chip{height:36px;padding:0 16px;border:1px solid var(--lmrv-line);border-radius:18px;background:#fff;color:var(--lmrv-text);font-size:14px;cursor:pointer}
.lmrv-chip[aria-pressed=true]{background:var(--lmrv-ink);border-color:var(--lmrv-ink);color:#fff}
.lmrv-chip:disabled{opacity:.4;cursor:default}
.lmrv-form{max-width:760px;margin:0 auto 28px;padding:22px;border:1px solid var(--lmrv-line);border-radius:6px;background:#fff}
.lmrv-form .block.review-add{margin:0!important;padding:0!important;width:auto!important;float:none!important}
.lmrv-form .block-title{display:none}
.lmrv-form .message.notlogged{margin:0;padding:14px 16px;border-radius:6px;background:var(--lmrv-tint);color:var(--lmrv-text);font-size:14px}
.lmrv-form .block-content{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}
.lmrv-form .block-content:before,.lmrv-form .block-content:after,.lmrv-form .message:before,.lmrv-form .message:after,.lmrv-form .message>div:before,.lmrv-form .message>div:after{display:none!important}
.lmrv-form .message.notlogged,.lmrv-form .message.notlogged>div{padding-left:16px!important}
.lmrv-form .message.notlogged a{color:var(--lmrv-blue);font-weight:600}
.lmrv-form input[type=file]{padding:10px;border:1px dashed var(--lmrv-line);border-radius:6px;width:100%;background:#fafbfc}
.lmrv-form .actions-toolbar .action.submit{height:50px;padding:0 34px;border-radius:6px;font-weight:700}
.lmrv-grid{display:flex;align-items:flex-start;gap:14px}
.lmrv-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:14px}
.lmrv-card{background:#fff;border:1px solid var(--lmrv-line);border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(47,50,55,.05)}
.lmrv-photo{position:relative;display:block;width:100%;padding:0;border:0;background:#f2f4f5;cursor:zoom-in}
.lmrv-photo img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover}
.lmrv-more-ph{position:absolute;right:10px;bottom:10px;padding:4px 10px;border-radius:14px;background:rgba(47,50,55,.78);color:#fff;font-size:13px;font-weight:600}
.lmrv-body{padding:18px 18px 20px}
.lmrv-quote{display:block;width:30px;height:30px;margin:0 0 6px;fill:var(--lmrv-blue);opacity:.35}
.lmrv-name{margin:0;font-size:18px;line-height:1.3;font-weight:600;color:var(--lmrv-ink);overflow-wrap:anywhere}
.lmrv-date{margin:6px 0 10px;font-size:13px;color:var(--lmrv-mute);font-variant-numeric:tabular-nums}
.lmrv-stars{display:flex;gap:3px;margin:0 0 12px;color:var(--lmrv-ink)}
.lmrv-stars svg{width:20px;height:20px}
.lmrv-stars .on{fill:currentColor}
.lmrv-stars .off{fill:#d5dade}
.lmrv-stars .half{fill:url(#lmrv-half)}
.lmrv-title{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--lmrv-ink);overflow-wrap:anywhere}
.lmrv-text{margin:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.lmrv-text.clamp{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.lmrv-read{margin:8px 0 0;padding:0;border:0;background:none;color:var(--lmrv-blue);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline}
.lmrv-more{display:block;height:50px;margin:24px auto 0;padding:0 34px;border:2px solid var(--lmrv-ink);border-radius:6px;background:#fff;color:var(--lmrv-ink);font-weight:700;font-size:15px;cursor:pointer}
.lmrv-none{margin:6px 0 0;text-align:center;color:var(--lmrv-mute);font-size:14px}
/* no reviews yet */
.lmrv.is-empty .lmrv-score svg{fill:none;stroke:currentColor;stroke-width:1.4}
.lmrv-lead{margin:12px auto 26px;max-width:420px;text-align:center;font-size:16px;line-height:1.55}
.lmrv-lead strong{display:block;margin-bottom:4px;font-size:18px;color:var(--lmrv-ink);font-weight:600}
/* photo viewer */
.lmrv-lb{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:56px 16px;background:rgba(20,22,25,.9)}
.lmrv-lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}
.lmrv-lb button{position:absolute;width:44px;height:44px;border:0;border-radius:22px;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:44px;cursor:pointer}
.lmrv-lb .x{top:12px;right:12px}.lmrv-lb .pv{left:12px;top:50%;margin-top:-22px}.lmrv-lb .nx{right:12px;top:50%;margin-top:-22px}
/* the old Reviews tab / accordion item is replaced by this section */
.lmrv-on #tab-label-reviews,.lmrv-on #reviews,.lmrv-on .lmrv-oldtab{display:none!important}
@media (max-width:767px){
 .lmrv{margin:40px auto 28px;padding:0 12px}
 .lmrv-h{font-size:26px;margin-bottom:22px}
 .lmrv-score svg{width:44px;height:44px}.lmrv-avg{font-size:46px}
 .lmrv-grid,.lmrv-col{gap:10px}
 .lmrv-body{padding:14px 12px 16px}
 .lmrv-name{font-size:16px}
 .lmrv-text{font-size:14px}
 .lmrv-photo img{max-height:300px}
 .lmrv-form{padding:16px}
}
@media (prefers-reduced-motion:reduce){.lmrv *{transition:none!important}}
/* theme button styles (uppercase, teal hover/focus) must not leak into the section */
.lmrv button{text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;font-family:inherit}
.lmrv .lmrv-ft,.lmrv .lmrv-ft:hover,.lmrv .lmrv-ft:focus,.lmrv .lmrv-ft:active{background:#fff!important;color:var(--lmrv-ink)!important}
.lmrv .lmrv-write:focus,.lmrv .lmrv-write:active{border-color:var(--lmrv-ink)!important}
.lmrv .lmrv-write:not([aria-expanded=true]):not(:hover){background:#fff!important;color:var(--lmrv-ink)!important}
.lmrv .lmrv-write:hover,.lmrv .lmrv-write[aria-expanded=true]{background:var(--lmrv-ink)!important;color:#fff!important;border-color:var(--lmrv-ink)!important}
.lmrv .lmrv-chip,.lmrv .lmrv-chip:hover,.lmrv .lmrv-chip:focus{background:#fff!important;color:var(--lmrv-text)!important;border-color:var(--lmrv-line)!important}
.lmrv .lmrv-chip[aria-pressed=true]{background:var(--lmrv-ink)!important;color:#fff!important;border-color:var(--lmrv-ink)!important}
.lmrv .lmrv-more:hover{background:var(--lmrv-ink)!important;color:#fff!important}
.lmrv-form:has(.notlogged){padding:0;border:0}
.lmrv-form .block:before,.lmrv-form .block:after,.lmrv-form .block-content>*:before{display:none!important}