/* Home: customer feedback. Dark lacquer band, score on the left, a rotating stack of quote cards on the right */
.kcr2{position:relative;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:clamp(22px,3vw,48px);align-items:center;padding:clamp(24px,2.8vw,40px)!important;overflow:hidden;border-radius:var(--r,14px);color:#fbf4ea;background:radial-gradient(55% 90% at 78% 30%,rgba(184,39,52,.28),transparent 70%),radial-gradient(90% 140% at 0% 100%,#2c1c17 0%,#1a1210 55%,#110b09 100%);box-shadow:inset 0 0 0 1px rgba(230,200,143,.16),0 30px 60px -40px rgba(20,8,6,.9)}
.kcr2::before{content:"\201C";position:absolute;right:-10px;top:-80px;color:rgba(230,200,143,.06);font:500 420px/1 var(--serif);pointer-events:none}
.kcr2-side{position:relative;z-index:1}
.kcr2 .kcr-kicker{margin:0 0 8px;color:#e6c88f;font:800 11px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase}
body .kcr2 h2{margin:0;color:#fdf7ee!important;font:500 clamp(28px,2.4vw,40px)/1.08 var(--serif)!important;letter-spacing:-.025em}
.kcr2 h2 em{color:#f3d9a8;font-style:italic}
.kcr2-score{margin:20px 0 0;padding:14px 16px;border:1px solid rgba(230,200,143,.25);border-radius:14px;background:rgba(255,255,255,.04)}
.kcr2 .tp-score{color:#fbf4ea}
.kcr2 .tp-score-n{color:#fdf7ee!important;font-size:44px!important}
.kcr2 .tp-score-meta b{color:#fbf4ea!important}
.kcr2 .tp-score-meta small{color:rgba(251,244,234,.65)!important}
.kcr2-count{margin:14px 0 0;color:#d4c3b4;font-size:13.5px;line-height:1.55}
.kcr2-count b{color:#fff}
.kcr2 .kcr-filters{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0}
.kcr2 .kcr-filters button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid rgba(230,200,143,.3);border-radius:999px;background:transparent;color:#e8d7c7;font:700 12.5px/1 var(--sans);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.kcr2 .kcr-filters button small{color:inherit;opacity:.6;font-weight:700}
.kcr2 .kcr-filters button:hover{border-color:#e6c88f;color:#fff}
.kcr2 .kcr-filters button[aria-pressed="true"]{border-color:#e6c88f;background:#e6c88f;color:#2a1a10}
.kcr2-all{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding-bottom:2px;border-bottom:1px solid rgba(243,217,168,.4);color:#f3d9a8!important;font-size:13px;font-weight:700;text-decoration:none}
.kcr2-all .i{width:14px;height:14px}
.kcr2-all:hover{color:#fff!important;border-color:#fff}
/* stage */
.kcr2-stage{position:relative;z-index:1;min-width:0}
.kcr2-deck{position:relative;height:clamp(250px,19vw,290px);margin:24px 26px 0 0}
.kcr2-card{position:absolute;inset:0;display:flex;flex-direction:column;padding:24px 28px 20px;border-radius:18px;color:#2a1a14;background:linear-gradient(180deg,#fffaf1,#f3e9d8);box-shadow:0 0 0 1px rgba(201,166,107,.5),0 30px 50px -26px rgba(0,0,0,.8);transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .6s}
.kcr2-card.pos-1{transform:translate(14px,-12px) scale(.965);opacity:.55;filter:brightness(.8)}
.kcr2-card.pos-2{transform:translate(26px,-24px) scale(.93);opacity:.28;filter:brightness(.65)}
.kcr2-card.pos-1 *,.kcr2-card.pos-2 *{visibility:hidden}
.kcr2-card.in-next{animation:kcrIn .7s cubic-bezier(.16,1,.3,1) both}
.kcr2-card.in-prev{animation:kcrBack .7s cubic-bezier(.16,1,.3,1) both}
@keyframes kcrIn{from{transform:translate(14px,-12px) scale(.965);opacity:.4}}
@keyframes kcrBack{from{transform:translateX(-30px);opacity:0}}
.kcr2-card::before{content:"\201C";position:absolute;right:22px;top:6px;color:rgba(163,25,42,.12);font:500 120px/1 var(--serif)}
.kcr2-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kcr2-src{display:inline-flex;align-items:center;gap:6px;color:#6b5a4c;font:800 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.kcr2-src::before{content:"";width:8px;height:8px;border-radius:50%;background:#00b67a}
.kcr2-card.is-ebay .kcr2-src::before{background:#c9a66b}
.kcr2-stars{display:flex;gap:2px}
.kcr2-stars i{width:18px;height:18px;background:#00b67a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m12 3 2.6 5.9 6.4.6-4.8 4.3 1.4 6.3L12 16.9 6.4 20.1l1.4-6.3L3 9.5l6.4-.6z'/%3E%3C/svg%3E") center/13px no-repeat}
.kcr2-pos{padding:4px 10px;border-radius:999px;background:rgba(163,25,42,.08);color:#8e1522;font:800 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.kcr2-card blockquote{flex:1;display:-webkit-box;margin:14px 0 0;overflow:hidden;color:#2a1a14;font:400 clamp(17px,1.35vw,21px)/1.5 var(--serif);-webkit-line-clamp:5;-webkit-box-orient:vertical}
.kcr2-card.is-long blockquote{-webkit-line-clamp:4}
.kcr2-more{align-self:flex-start;margin:6px 0 0;padding:0;border:0;background:none;color:#8e1522;font:700 12.5px/1.4 var(--sans);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.kcr2-who{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(160,130,90,.25)}
.kcr2-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#8e1522,#5b1019);color:#f3d9a8;font:700 13px/1 var(--sans);letter-spacing:.04em}
.kcr2-meta{display:flex;flex-direction:column;gap:2px}
.kcr2-meta strong{color:#2a1a14;font-size:14px}
.kcr2-meta span{color:#8a7a6a;font-size:12px}
.kcr2-controls{display:flex;align-items:center;gap:12px;margin:18px 26px 0 0}
.kcr2-nav{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid rgba(230,200,143,.4);border-radius:50%;background:transparent;color:#f3d9a8;cursor:pointer;transition:background .2s,color .2s}
.kcr2-nav .i{width:16px;height:16px}
.kcr2-nav[data-review-prev] .i{transform:scaleX(-1)}
.kcr2-nav:hover{background:#e6c88f;color:#2a1a10}
.kcr2-bar{position:relative;flex:1;height:2px;border-radius:2px;background:rgba(230,200,143,.18);overflow:hidden}
.kcr2-bar i{position:absolute;inset:0;background:linear-gradient(90deg,#b82734,#e6c88f);transform:scaleX(0);transform-origin:left}
.kcr2.is-tick .kcr2-bar i{animation:kcrBar var(--hold,7s) linear both}
.kcr2.is-held .kcr2-bar i{animation-play-state:paused}
@keyframes kcrBar{to{transform:none}}
.kcr2 .kcr-status{min-width:64px;color:#b9a797;font:700 12px/1 var(--sans);font-variant-numeric:tabular-nums;text-align:center}
.kcr2 .kcr-note{margin:12px 26px 0 0;color:rgba(251,244,234,.45);font-size:11px}
/* dialog with the full review */
.kcr-dialog{width:min(620px,calc(100vw - 32px));padding:22px;border:0;border-radius:18px;background:#fffaf1;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.kcr-dialog::backdrop{background:rgba(15,8,6,.6);backdrop-filter:blur(3px)}
.kcr-dialog .kcr-kicker{margin:0 0 6px;color:#8e1522;font:800 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.kcr-dialog .kcr2-card{position:relative;inset:auto;padding:6px 0 0;background:none;box-shadow:none}
.kcr-dialog .kcr2-card blockquote{display:block;-webkit-line-clamp:unset}
.kcr2-item{margin:12px 0 0;color:#6b5a4c;font-size:12.5px}
.kcr-translation{flex:none;margin:6px 0 0;color:#6b5a4c;font:11px/1.4 var(--sans)}
.kcr-original{margin:12px 0 0;border:1px solid rgba(160,130,90,.25);border-radius:6px;padding:12px}
.kcr-original summary{font:600 12px/1.5 var(--sans);color:#8e1522;cursor:pointer}
.kcr-original p{font:14px/1.7 var(--sans);white-space:pre-line;overflow-wrap:anywhere;color:#6b5a4c;margin:12px 0 0}
.kcr-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f1e7d6;color:#2a1a14;font-size:20px;cursor:pointer}
@media(max-width:1000px){.kcr2{grid-template-columns:1fr}.kcr2-deck{height:300px}}
@media(max-width:560px){.kcr2-deck{height:340px;margin-right:18px}.kcr2-card{padding:20px}.kcr2-controls,.kcr2 .kcr-note{margin-right:0}}
@media(prefers-reduced-motion:reduce){.kcr2-card{transition:none}.kcr2-card.in-next,.kcr2-card.in-prev,.kcr2.is-tick .kcr2-bar i{animation:none}}