/* Isolated before/after controls — does not alter existing slider geometry. */
#results[hidden] {display:none!important}
.yb-case-controller{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 12px;padding:12px 16px;border:1px solid #e5cf9e;border-radius:16px;background:linear-gradient(135deg,#fffaf0,#f5e7c8);box-shadow:0 9px 30px #7d572214}
.yb-case-label{font-family:'Playfair Display',Georgia,serif;font-size:clamp(18px,2.2vw,24px);font-weight:600;color:#513818;min-width:0;overflow-wrap:anywhere}
.yb-case-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}
.yb-case-buttons button{height:43px;width:43px;display:grid;place-items:center;background:linear-gradient(140deg,#fff6dc,#e1ba65);color:#583c0e;border:1px solid #c69a41;border-radius:50%;font-size:30px;cursor:pointer;transition:transform .3s,box-shadow .3s}
.yb-case-buttons button:hover,.yb-case-buttons button:focus-visible{transform:scale(1.09);box-shadow:0 0 18px #dcae5480;outline:2px solid #ad8435;outline-offset:2px}
.yb-counter{font-size:12px;letter-spacing:2px;color:#785b30;font-weight:800;min-width:48px;text-align:center}
.yb-pair-thumbnails{display:flex;gap:10px;overflow:auto;scrollbar-width:thin;scroll-snap-type:x proximity;padding:4px 3px 15px}
.yb-pair-thumbnails[hidden]{display:none}
.yb-thumb{position:relative;width:92px;height:68px;border:2px solid transparent;border-radius:12px;padding:0;overflow:hidden;background:#eadcc3;flex:0 0 auto;cursor:pointer;scroll-snap-align:center;transition:transform .25s,box-shadow .25s,border-color .25s}
.yb-thumb.selected,.yb-thumb:hover,.yb-thumb:focus-visible{border-color:#b78a34;box-shadow:0 6px 22px #a0773670;transform:translateY(-2px)}
.yb-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.yb-thumb span{position:absolute;left:5px;bottom:4px;color:#fff;background:#352519b8;border-radius:5px;padding:2px 5px;font-size:10px}
.yb-pair-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(19px,2.2vw,27px);color:#986f28;font-weight:600;margin:18px 0 8px}
.yb-pair-desc{white-space:pre-wrap;line-height:1.7;color:#675943}
@media(max-width:700px){.yb-case-controller{padding:10px 12px;gap:8px}.yb-case-buttons{gap:5px}.yb-case-buttons button{width:38px;height:38px}.yb-counter{letter-spacing:0;min-width:35px}.yb-thumb{width:76px;height:58px}}
@media(prefers-reduced-motion:reduce){.yb-thumb,.yb-case-buttons button{transition:none!important}}