/* MB Laser · Recenzije (niz). Sve pod .rv-strip. Slonovača + zlatni metalik, samo Montserrat, bez tamnih površina. */
.rv-strip{--rv-ink:#24242a;--rv-text:#45454d;--rv-muted:#5e5e67;--rv-gold:#86652d;--rv-gold-l:#b8914f;--rv-rule:rgba(184,145,79,.34);--rv-paper:#fffefb;
  position:relative;padding:clamp(72px,9vw,128px) 0;background:radial-gradient(70% 90% at 100% 0%,rgba(239,222,186,.55) 0%,rgba(239,222,186,0) 60%),linear-gradient(180deg,#faf8f3,#f6efe1);color:var(--rv-text);font-family:Montserrat,Arial,sans-serif;overflow-x:clip}
.rv-strip *{box-sizing:border-box}
.rv-strip .rv-wrap{width:min(1240px,100% - clamp(32px,7vw,140px));margin:0 auto}
.rv-strip .rv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* zaglavlje */
.rv-strip .rv-head{display:grid;grid-template-columns:1fr auto;gap:28px 48px;align-items:end;margin-bottom:clamp(32px,4vw,52px)}
.rv-strip .rv-eb{display:flex;align-items:center;gap:14px;margin:0 0 20px;font:600 11.5px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--rv-gold)}
.rv-strip .rv-eb span{width:34px;height:1px;background:var(--rv-gold)}
.rv-strip h2{margin:0;color:var(--rv-ink);font-weight:300;font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.03em;max-width:16ch}
.rv-strip h2 b{font-weight:600;background:var(--g-gold,linear-gradient(110deg,#9a7536 0%,#7d5e28 40%,#a07a3a 68%,#86652d 100%));-webkit-background-clip:text;background-clip:text;color:var(--rv-gold);-webkit-text-fill-color:transparent;padding-bottom:.06em}
.rv-strip .rv-sub{margin:18px 0 0;max-width:52ch;font-size:16px;line-height:1.7;color:var(--rv-muted)}

/* ocena */
.rv-strip .rv-score{display:grid;justify-items:start;gap:6px;min-width:230px;padding:22px 26px;border:1px solid var(--rv-rule);border-radius:16px;background:rgba(255,255,253,.78);color:var(--rv-ink);text-decoration:none;box-shadow:0 22px 44px -34px rgba(134,101,45,.55);transition:border-color .25s,background .25s}
.rv-strip .rv-score:hover{border-color:var(--rv-gold-l);background:#fff}
.rv-strip .rv-score-l{font:600 11px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--rv-gold)}
.rv-strip .rv-score-n{display:flex;align-items:baseline;gap:8px}
.rv-strip .rv-score-n b{font-weight:300;font-size:52px;line-height:1;letter-spacing:-.04em;color:var(--rv-ink)}
.rv-strip .rv-score-of{font-size:15px;color:var(--rv-muted)}
.rv-strip .rv-score-c{font-size:13.5px;font-weight:500;color:var(--rv-text);border-bottom:1px solid var(--rv-rule);padding-bottom:2px}
.rv-strip .rv-score-c i{font-style:normal;color:var(--rv-gold)}

/* zvezdice */
.rv-strip .rv-stars{display:inline-flex;gap:3px;color:var(--rv-gold)}
.rv-strip .rv-stars svg{width:16px;height:16px;fill:currentColor;flex:none}
.rv-strip .rv-stars-part{position:relative;display:inline-block}
.rv-strip .rv-stars-part .rv-st-bg,.rv-strip .rv-stars-part .rv-st-fg{display:flex;gap:3px}
.rv-strip .rv-stars-part .rv-st-bg{color:rgba(184,145,79,.28)}
.rv-strip .rv-stars-part .rv-st-fg{position:absolute;inset:0 auto 0 0;width:var(--p,100%);overflow:hidden;color:var(--rv-gold)}
.rv-strip .rv-stars-part svg{width:18px;height:18px}

/* niz */
.rv-strip .rv-rail{position:relative}
.rv-strip .rv-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*24px)/3);column-gap:24px;margin:0 0 -34px;padding:6px 2px 44px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.rv-strip .rv-track::-webkit-scrollbar{display:none}
.rv-strip .rv-track:focus-visible{outline:2px solid var(--rv-gold);outline-offset:6px;border-radius:18px}
.rv-strip .rv-item{scroll-snap-align:start;display:flex;min-width:0}
.rv-strip .rv-card{display:flex;flex-direction:column;width:100%;min-height:100%;padding:28px 28px 24px;border:1px solid var(--rv-rule);border-radius:16px;background:var(--rv-paper);color:var(--rv-text);text-decoration:none;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 26px 50px -40px rgba(134,101,45,.6);transition:border-color .25s,box-shadow .25s,transform .25s}
.rv-strip .rv-card:hover{border-color:var(--rv-gold-l);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 30px 56px -36px rgba(134,101,45,.7)}
.rv-strip .rv-card:focus-visible{outline:2px solid var(--rv-gold);outline-offset:4px}
.rv-strip .rv-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.rv-strip .rv-g{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--rv-rule);border-radius:50%;font:700 13px/1 Montserrat,Arial,sans-serif;color:var(--rv-gold)}
.rv-strip .rv-q{margin:0;flex:1}
.rv-strip .rv-q p{margin:0;font-size:15.5px;line-height:1.75;color:var(--rv-text);display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.rv-strip .rv-q p:before{content:"\201E";color:var(--rv-gold);font-weight:600;margin-right:1px}
.rv-strip .rv-q p:after{content:"\201C";color:var(--rv-gold);font-weight:600;margin-left:1px}
.rv-strip .rv-orig{margin-top:12px;font-size:12px;font-style:italic;color:var(--rv-muted)}
.rv-strip .rv-who{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(184,145,79,.22)}
.rv-strip .rv-ini{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f3e2bb,#e6cd98);color:#5f4a1c;font:600 15px/1 Montserrat,Arial,sans-serif}
.rv-strip .rv-who-t{display:grid;gap:2px;min-width:0;flex:1}
.rv-strip .rv-who-t b{font-weight:600;font-size:14.5px;color:var(--rv-ink)}
.rv-strip .rv-who-t small{font-size:12.5px;color:var(--rv-muted)}
.rv-strip .rv-more{flex-basis:100%;margin-top:4px;font:600 11px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rv-gold)}
.rv-strip .rv-card:hover .rv-more{text-decoration:underline;text-underline-offset:4px}
.rv-strip .rv-more i{font-style:normal}

/* kontrole */
.rv-strip .rv-ctrl{display:flex;align-items:center;gap:24px;margin-top:26px}
.rv-strip .rv-bar{position:relative;flex:1;height:2px;background:rgba(184,145,79,.22);border-radius:2px;overflow:hidden}
.rv-strip .rv-bar span{position:absolute;inset:0 auto 0 0;width:33%;background:var(--rv-gold);border-radius:2px;transition:transform .2s linear}
.rv-strip .rv-arrows{display:flex;gap:12px}
.rv-strip .rv-arr{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1.5px solid rgba(184,145,79,.6);border-radius:50%;background:rgba(255,255,253,.75);color:var(--rv-ink);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.rv-strip .rv-arr svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rv-strip .rv-arr:hover:not(:disabled){background:#fff;border-color:var(--rv-gold);color:var(--rv-gold)}
.rv-strip .rv-arr:focus-visible{outline:2px solid var(--rv-gold);outline-offset:3px}
.rv-strip .rv-arr:disabled{opacity:.38;cursor:default}
.rv-strip .rv-static .rv-ctrl{display:none}

/* dugmad */
.rv-strip .rv-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(36px,4vw,52px)}
.rv-strip .rv-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.rv-strip .rv-actions .btn:focus-visible{outline:2px solid var(--rv-gold);outline-offset:4px}

@media (max-width:1080px){.rv-strip .rv-track{grid-auto-columns:calc((100% - 20px)/2);column-gap:20px}}
@media (max-width:760px){
  .rv-strip .rv-head{grid-template-columns:1fr;gap:24px}
  .rv-strip .rv-score{grid-template-columns:auto 1fr;grid-template-areas:"n l" "n s" "n c";column-gap:18px;row-gap:4px;width:100%;min-width:0;padding:18px 20px;align-items:center}
  .rv-strip .rv-score-n{grid-area:n}.rv-strip .rv-score-l{grid-area:l}.rv-strip .rv-stars-part{grid-area:s}.rv-strip .rv-score-c{grid-area:c;justify-self:start}
  .rv-strip .rv-score-n b{font-size:44px}
  .rv-strip .rv-track{grid-auto-columns:86%;column-gap:14px;margin:0 -16px -34px;padding:6px 16px 44px;scroll-padding-left:16px}
  .rv-strip .rv-card{padding:24px 22px 20px}
  .rv-strip .rv-arrows{display:none}
  .rv-strip .rv-ctrl{margin-top:20px}
  .rv-strip .rv-actions{flex-direction:column}.rv-strip .rv-actions .btn{width:100%}
}
@media (max-width:560px){.rv-strip .rv-wrap{width:calc(100% - 32px)}}
@media (prefers-reduced-motion:reduce){.rv-strip *{transition:none!important}}