knitcy-auto-reviews{display:block;padding:24px;margin:24px 0;box-sizing:border-box;border:1px solid rgba(var(--color-foreground),.12);border-radius:20px;background:#f8f8f8}
knitcy-auto-reviews[hidden]{display:none}
.kar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.kar-heading h2{font-size:20px;line-height:1.3;margin:0}
.kar-controls{display:flex;gap:6px;flex-shrink:0}
.kar-controls button{width:40px;height:40px;border:1px solid #ccc;border-radius:50%;background:#fff;color:#242833;font-size:18px;cursor:pointer}
.kar-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start}
.kar-track::-webkit-scrollbar{display:none}
.kar-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:40% minmax(0,1fr);gap:18px;scroll-snap-align:start;box-sizing:border-box;padding:2px}
.kar-photo{padding:0;border:0;background:transparent;border-radius:10px;align-self:start;overflow:hidden;cursor:zoom-in;width:100%}
.kar-photo img{display:block;width:100%;height:210px;object-fit:cover}
.kar-rating{font-size:23px;letter-spacing:1px;line-height:1;margin-bottom:12px;color:#242833}
.kar-slide blockquote{padding:0;margin:0 0 12px;border:0;font-size:16px;line-height:1.55;font-style:normal;overflow-wrap:anywhere}
.kar-author{font-size:14px;font-weight:700;margin:0}
.kar-count,.kar-brand{font-size:12px;color:#666;margin:4px 0 0}.kar-count{text-align:right;margin-top:18px}
.kar-dialog{border:0;border-radius:16px;padding:44px 16px 16px;max-width:90vw;max-height:90vh;background:#fff}
.kar-dialog::backdrop{background:rgba(0,0,0,.7)}
.kar-dialog img{display:block;width:auto;height:auto;max-width:80vw;max-height:75vh;object-fit:contain}
.kar-dialog button{position:absolute;right:8px;top:4px;width:40px;height:40px;background:#fff;border:0;color:#242833;font-size:28px;cursor:pointer}
knitcy-auto-reviews button:focus-visible{outline:3px solid #ffac33;outline-offset:3px}
@media(max-width:450px){knitcy-auto-reviews{padding:18px 16px;border-radius:18px}.kar-heading{gap:8px;margin-bottom:18px}.kar-heading h2{font-size:17px;max-width:160px}.kar-slide{gap:14px}.kar-photo img{height:185px}.kar-slide blockquote{font-size:15px;line-height:1.6}.kar-controls{gap:4px}.kar-controls button{width:32px;height:32px}.kar-rating{font-size:20px}}
@media(prefers-reduced-motion:no-preference){.kar-controls button{transition:background .2s,border-color .2s}.kar-controls button:hover{background:#fff3df;border-color:#ffac33}}