.size-slider{--ss-scale:1;--ss-accent:#9a7b4f;margin:2rem 0;padding:1.25rem 1.5rem;border:1px solid rgba(127,127,127,.25);border-radius:14px;background:rgba(127,127,127,.06)}
.size-slider__photo{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#fff;min-height:260px}
.is-night .size-slider__photo{background:#171717}
.size-slider__img{display:block;max-width:100%;transform:scale(var(--ss-scale));transform-origin:center bottom;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.size-slider__badge{position:absolute;left:.75rem;top:.75rem;padding:.25rem .625rem;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;font-size:.875rem;font-weight:700}
.size-slider__meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:1rem 0 .375rem}
.size-slider__dim{font-size:1rem;font-weight:500}
.size-slider__price{font-size:1.125rem;font-weight:700;color:var(--ss-accent)}
.size-slider__track{position:relative;padding:1.25rem 0 .25rem}
.size-slider__ruler{position:absolute;left:0;right:0;top:.375rem;height:.375rem;background:repeating-linear-gradient(to right,rgba(127,127,127,.55) 0 1px,transparent 1px 10px);opacity:.5;pointer-events:none}
.size-slider__input{display:block;width:100%;margin:0;-webkit-appearance:none;appearance:none;height:6px;background:linear-gradient(to right,var(--ss-accent) 0%,#ddd 0%);border-radius:3px;outline:none}
.size-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ss-accent);cursor:grab;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.size-slider__input:active::-webkit-slider-thumb{cursor:grabbing}
.size-slider__ticks{display:flex;justify-content:space-between;margin-top:.3125rem}
.size-slider__tick{font-size:.75rem;color:rgba(127,127,127,.8);cursor:pointer;padding:.25rem}
.size-slider__tick.is-active{color:var(--ss-accent);font-weight:700}
.size-slider__cta{display:inline-block;padding:.625rem 1.25rem;border-radius:8px;background:var(--ss-accent);color:#fff;font-weight:600;text-decoration:none;opacity:.35;pointer-events:none;transition:opacity .25s,transform .25s}
.size-slider__cta.is-ready{opacity:1;pointer-events:auto}
.size-slider__cta.is-ready:hover{transform:translateY(-1px)}
.size-slider__static{margin:1.5rem 0;padding:1rem 1.25rem;border:1px solid rgba(127,127,127,.25);border-radius:10px;background:rgba(127,127,127,.06);font-weight:500}