/* Loox reviews, drawn statically (scripts/reviews-render.mjs). Loox's own look: grey masonry cards, gold stars. */
.aps-rv,.aps-rvc{--aps-rv-star:#EBBF20;--aps-rv-ink:#000;--aps-rv-muted:#73777B;--aps-rv-card:#F0F0F0;--aps-rv-fg:var(--color-foreground,18,18,18);font-family:var(--font-body-family);box-sizing:border-box}
/* the header, histogram and buttons sit on the theme's own (dark) section colours; the cards keep Loox's light look */
.aps-rv{color:rgb(var(--aps-rv-fg))}
.aps-rv-card,.aps-rvc-card{color:var(--aps-rv-ink)}
.aps-rv *,.aps-rvc *{box-sizing:border-box}
#looxReviews:has(.aps-rv){padding:0 1.5rem}
@media (min-width:750px){#looxReviews:has(.aps-rv){padding:0 5rem}}
.aps-rv{max-width:1080px;margin:0 auto;padding:1rem 0 3rem}
.aps-rv-star{display:block;width:1em;height:1em;color:var(--aps-rv-star);flex-shrink:0}
.aps-rv-star use{fill:currentColor}.aps-rv-half{clip-path:inset(0 50% 0 0)}
.aps-rv-stars{display:inline-flex;gap:2px;font-size:14px;line-height:1;vertical-align:middle}
.aps-rv-stars--lg{font-size:22px}.aps-rv-stars--sm{font-size:13px}
/* header: stars + count; opens the rating distribution (Loox's dropdown) */
.aps-rv-head{margin:0 0 1.6rem}
.aps-rv-summary{display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;list-style:none;font-size:16px;padding:.6rem 0}
.aps-rv-summary::-webkit-details-marker{display:none}
.aps-rv-count{font-size:16px;letter-spacing:.02em}
.aps-rv-chev{width:14px;height:8px;transition:transform .2s}.aps-rv-head[open] .aps-rv-chev{transform:rotate(180deg)}
.aps-rv-dist{display:flex;align-items:center;justify-content:center;gap:2.4rem;flex-wrap:wrap;padding:1.2rem 0 .4rem}
.aps-rv-avg{display:flex;align-items:center;gap:12px;font-size:32px;line-height:1}
.aps-rv-avg .aps-rv-star{font-size:32px}
.aps-rv-hist{display:grid;gap:6px;min-width:0}
.aps-rv-hrow{display:flex;align-items:center;gap:10px;font-size:13px}
.aps-rv-bar{position:relative;display:block;width:clamp(100px,30vw,180px);height:8px;background:rgba(var(--aps-rv-fg),.18);border-radius:4px;overflow:hidden}
.aps-rv-bar>span{position:absolute;inset:0 auto 0 0;background:var(--aps-rv-star);border-radius:4px}
.aps-rv-hn{color:rgba(var(--aps-rv-fg),.75);min-width:4.5em}
/* the grid: CSS grid without script, masonry lanes with it (shortest lane first, like Loox's masonry) */
.aps-rv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
@media (min-width:480px){.aps-rv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:920px){.aps-rv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.aps-rv-grid.is-lanes{display:flex;gap:12px;align-items:flex-start}
.aps-rv-lane{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
.aps-rv-card{background:var(--aps-rv-card);overflow:hidden;min-width:0;overflow-wrap:anywhere}
.aps-rv-img{position:relative;background:#f8f8f8}
.aps-rv-img img{display:block;width:100%;height:100%;object-fit:cover}
.aps-rv-main{padding:10px 10px 12px;display:flex;flex-direction:column;gap:8px}
.aps-rv-name{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;font-weight:700;font-size:15px;line-height:1.3}
.aps-rv-ver{display:inline-flex;align-items:center;gap:4px;font-weight:400;font-size:12px;line-height:18px;white-space:nowrap}
.aps-rv-ver svg{width:14px;height:14px;fill:currentColor}
.aps-rv-text{font-size:14px;line-height:19px;white-space:pre-wrap}
.aps-rv-readmore{background:none;border:0;padding:0;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;color:var(--aps-rv-muted)}
.aps-rv-variant{font-size:12px;color:var(--aps-rv-muted)}
.aps-rv-date{font-size:12px;color:var(--aps-rv-muted)}
.aps-rv-product{display:inline-block;align-self:flex-start;padding:6px 0;min-height:32px;font-size:12px;line-height:20px;color:var(--aps-rv-ink);text-decoration:underline;text-underline-offset:2px}
.aps-rv-actions{text-align:center;padding:20px 0 0}
.aps-rv-more,.aps-rv-all{display:inline-block;border:1px solid rgb(var(--aps-rv-fg));background:transparent;color:rgb(var(--aps-rv-fg));border-radius:2px;padding:9px 18px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}
.aps-rv-more:hover,.aps-rv-all:hover{background:rgb(var(--aps-rv-fg));color:rgb(var(--color-background,255,255,255))}
@media (max-width:479px){.aps-rv-name{font-size:14px}.aps-rv-text{font-size:13.5px}.aps-rv-dist{gap:1.4rem}}
/* the card carousel (Loox v2 carousel: 4 per view, 1 on phones, white cards, radius 8, dark offset shadow) */
.aps-rvc{position:relative;max-width:1100px;margin:0 auto;padding:0 4px}
.aps-rvc-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 6px 16px}
.aps-rvc-track::-webkit-scrollbar{display:none}
@media (max-width:989px){.aps-rvc-track{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:599px){.aps-rvc-track{grid-auto-columns:86%}}
.aps-rvc-card{scroll-snap-align:start;background:#fff;border-radius:8px;overflow:hidden;box-shadow:2px 4px 12px rgba(0,0,0,.18);display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.aps-rvc-img{aspect-ratio:1/1;background:#f8f8f8}.aps-rvc-img img{display:block;width:100%;height:100%;object-fit:cover}
.aps-rvc-main{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}
.aps-rvc-text{font-size:14px;line-height:19px}
.aps-rvc-arrow{position:absolute;top:40%;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#9a9a9a;box-shadow:0 1px 6px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.aps-rvc-arrow svg{width:22px;height:22px}.aps-rvc-prev{left:6px}.aps-rvc-next{right:6px}
.aps-rvc.at-start .aps-rvc-prev,.aps-rvc.at-end .aps-rvc-next{opacity:0;pointer-events:none}
.loox-v2-carousel-container:has(.aps-rvc){padding:1rem 0}