.rk{--k:.7;--slot:30px;--lift-room:46px;--gw:calc(300px * var(--k));--gh:calc(439px * var(--k));--hh:calc(110px * var(--k));--img-top:calc(39px * var(--k));--img-h:calc(400px * var(--k));--rail-y:calc(var(--lift-room) + 10px * var(--k));--open:calc(var(--gw) + 30px);--sw:min(calc(var(--img-h) * var(--side-ar,.12)), calc(56px * var(--k)));--metal:linear-gradient(to bottom, #fbfbfb, #b9bcc0 45%, #7f8388 75%, #c9ccd0);--ease-out:cubic-bezier(.2, .8, .2, 1)}@media (max-width:640px){.rk{--k:.5;--slot:22px;--lift-room:38px}}.rk-stage{border-radius:var(--sf-radius-lg);background:radial-gradient(120% 70% at 50% 0%, #fff 0%, transparent 70%), linear-gradient(to bottom, var(--sf-paper-deep) 0%, #ecebe8 78%, #e2e0dc 78.2%, #ebe9e5 100%);border:1px solid var(--sf-line);scrollbar-width:thin;position:relative;overflow:auto hidden}.rk-track{justify-content:center;width:max-content;min-width:100%;padding:0 64px;display:flex;position:relative}.rk-rail{z-index:0;inset-inline:22px;top:calc(var(--rail-y) - 4px);background:var(--metal);border-radius:999px;height:8px;position:absolute;box-shadow:0 3px 6px -2px #00000059}.rk-rail:before,.rk-rail:after{content:"";background:radial-gradient(circle at 35% 30%,#fff,#9a9ea3 60%,#6c7075);border-radius:50%;width:14px;height:14px;position:absolute;top:-3px}.rk-rail:before{inset-inline-start:-6px}.rk-rail:after{inset-inline-end:-6px}.rk-post{z-index:0;top:calc(var(--rail-y) - 2px);background:linear-gradient(90deg,#7f8388,#f4f5f6 45%,#8d9196);border-radius:4px;width:9px;position:absolute;bottom:26px}.rk-post--start{inset-inline-start:34px}.rk-post--end{inset-inline-end:34px}.rk-post:after{content:"";background:var(--metal);border-radius:4px;width:64px;height:7px;margin-left:-32px;position:absolute;bottom:-6px;left:50%;box-shadow:-22px 9px 0 -1px #3b3d40,22px 9px 0 -1px #3b3d40}.rk-floor{z-index:0;inset-inline:90px;pointer-events:none;background:radial-gradient(closest-side,#00000021,#0000);border-radius:50%;height:26px;position:absolute;bottom:22px}.rk-slot{z-index:1;width:var(--slot);height:calc(var(--lift-room) + var(--gh) + 78px);cursor:pointer;perspective:1100px;transition:width .55s var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0;position:relative}.rk-slot:focus-visible{outline:none}.rk-slot:focus-visible .rk-caption-title{text-underline-offset:4px;text-decoration:underline}.rk-slot:not([data-open]){width:max(var(--slot), calc(var(--sw) + 8px))}.rk-slot[data-open]{z-index:3;width:var(--open)}.rk-pivot,.rk-lift,.rk-sway,.rk-turn{transform-style:preserve-3d;display:block}.rk-pivot{top:var(--lift-room);width:var(--gw);height:var(--gh);margin-left:calc(var(--gw) / -2);pointer-events:none;position:absolute;left:50%}.rk-lift,.rk-sway,.rk-turn{transform-origin:50% calc(10px * var(--k));position:absolute;inset:0}.rk-lift{transform:rotate(var(--tilt));transition:transform .38s var(--ease-out) .24s}.rk-turn{transition:transform .6s cubic-bezier(.25,.75,.25,1);transform:rotateY(-90deg)}.rk-slot[data-open] .rk-lift{transition-delay:0s;transform:translateY(-28px)translateZ(46px)}.rk-slot[data-open] .rk-turn{transition-delay:.1s;transform:rotateY(0)}.rk-slot[data-taken] .rk-pivot,.rk-slot[data-taken] .rk-caption{visibility:hidden}.rk-hanger{width:100%;height:var(--hh);position:absolute;top:0;left:0;overflow:visible}.rk-cloth{top:var(--img-top);width:100%;height:var(--img-h);object-fit:contain;object-position:top center;-webkit-user-select:none;user-select:none;position:absolute;left:0}.rk-front{filter:brightness(.8)drop-shadow(0 10px 12px #0000002e);transition:filter .6s var(--ease-out)}.rk-slot[data-open] .rk-front{filter:brightness()drop-shadow(0 22px 26px #00000042)}.rk-turn .rk-front{opacity:0;transition:filter .6s var(--ease-out), opacity .18s linear .12s}.rk-slot[data-open] .rk-turn .rk-front{opacity:1;transition:filter .6s var(--ease-out), opacity .16s linear .12s}.rk-turn .rk-hanger{opacity:0;transition:opacity .18s linear .12s}.rk-slot[data-open] .rk-turn .rk-hanger{opacity:1}.rk-side{left:calc(50% - var(--sw) / 2);width:var(--sw);object-fit:fill;filter:drop-shadow(0 8px 10px #00000029);transform:rotateY(90deg)}.rk-hanger-edge{top:0;left:calc(50% - 6px * var(--k));width:calc(12px * var(--k));height:var(--hh);position:absolute;overflow:visible;transform:rotateY(90deg)}.rk-caption{top:calc(var(--lift-room) + var(--gh) + 8px);width:calc(var(--gw) + 24px);text-align:center;opacity:0;transition:opacity .25s ease, transform .35s var(--ease-out);pointer-events:none;gap:2px;display:grid;position:absolute;left:50%;transform:translate(-50%,8px)}.rk-slot[data-open] .rk-caption{opacity:1;transition-delay:.22s;transform:translate(-50%)}.rk-caption-title{color:var(--sf-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.rk-price{justify-content:center;align-items:baseline;gap:.45rem;font-size:.82rem;display:inline-flex}.rk-caption .sf-price{font-size:.85rem}.rk-hint{text-align:center;color:var(--sf-ink-muted);margin-top:.85rem;font-size:.8rem}.rk-hint-touch{display:none}@media (hover:none){.rk-hint-mouse{display:none}.rk-hint-touch{display:inline}}.rk-empty{border:1px dashed var(--sf-line);border-radius:var(--sf-radius-lg);text-align:center;color:var(--sf-ink-muted);padding:4rem 1rem}.rk-view{--k:1;--bw:min(380px, 66vw, calc(76dvh * 300 / 439));z-index:300;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.rk-view-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1717176b;animation:.4s both rk-fade-in;position:absolute;inset:0}.rk-view[data-closing] .rk-view-backdrop{animation:.5s .15s both rk-fade-out}.rk-view-body{pointer-events:none;grid-template-columns:auto minmax(0,340px);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid;position:relative}.rk-view-body>*{pointer-events:auto}.rk-big-wrap{pointer-events:none;justify-items:center;gap:2.75rem;display:grid}.rk-big{width:var(--bw);height:calc(var(--bw) * 439 / 300);transform-origin:0 0;will-change:transform;position:relative}.rk-big-sway{transform-origin:50% calc(var(--bw) * 10 / 300);position:absolute;inset:0}.rk-big .rk-hanger{height:calc(var(--bw) * 110 / 300)}.rk-big .rk-cloth{top:calc(var(--bw) * 39 / 300);height:calc(var(--bw) * 400 / 300);filter:drop-shadow(0 30px 34px #0000004d)}.rk-big-turn{transform-origin:50% 0;position:absolute;inset:0}.rk-hanger--back{transform:scaleX(-1)}.rk-turn-btn{height:2.5rem;box-shadow:var(--sf-shadow-soft);color:var(--sf-ink);pointer-events:auto;background:#fffffff0;border-radius:999px;align-items:center;gap:.45rem;padding:0 1.1rem;font-size:.82rem;font-weight:700;transition:background .2s;animation:.3s .6s both rk-fade-in;display:inline-flex}.rk-turn-btn:hover:not(:disabled){background:#fff}.rk-view[data-closing] .rk-turn-btn{animation:.15s both rk-fade-out}.rk-info{border-radius:var(--sf-radius-lg);background:var(--sf-card);box-shadow:var(--sf-shadow);animation:rk-info-in .5s var(--ease-out,ease) .38s both;padding:1.6rem}.rk-view[data-closing] .rk-info{animation:.22s both rk-info-out}.rk-info-title{color:var(--sf-ink);font-size:1.35rem;font-weight:900;line-height:1.6}.rk-info-price{align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.rk-info-price .rk-price{font-size:1rem}.rk-off{background:var(--sf-discount);color:#fff;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:800}.rk-info-desc{color:var(--sf-ink-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:.9rem;font-size:.875rem;line-height:1.9;display:-webkit-box;overflow:hidden}.rk-info-actions{gap:.5rem;margin-top:1.4rem;display:grid}.rk-cta{border-radius:var(--sf-radius);color:#fff;justify-content:center;align-items:center;height:2.9rem;font-size:.9rem;font-weight:700;display:flex}.rk-back-btn{border-radius:var(--sf-radius);height:2.6rem;color:var(--sf-ink-muted);font-size:.85rem;transition:background .2s,color .2s}.rk-back-btn:hover{background:var(--sf-paper-deep);color:var(--sf-ink)}.rk-close{top:1rem;width:2.75rem;height:2.75rem;color:var(--sf-ink);box-shadow:var(--sf-shadow-soft);background:#ffffffeb;border-radius:50%;place-items:center;animation:.3s .3s both rk-fade-in;display:grid;position:absolute;inset-inline-end:1rem}.rk-view[data-closing] .rk-close{animation:.15s both rk-fade-out}@media (max-width:760px){.rk-view{--bw:min(240px, 58vw, calc(46dvh * 300 / 439));align-items:start;padding-top:3.5rem;overflow-y:auto}.rk-view-body{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1rem;width:100%;max-width:26rem}.rk-info{width:100%;padding:1.25rem}}@keyframes rk-fade-in{0%{opacity:0}}@keyframes rk-fade-out{to{opacity:0}}@keyframes rk-info-in{0%{opacity:0;transform:translate(-18px)}}@keyframes rk-info-out{to{opacity:0;transform:translate(-12px)}}@media (prefers-reduced-motion:reduce){.rk-slot,.rk-lift,.rk-turn,.rk-front,.rk-caption{transition-duration:10ms;transition-delay:0s!important}}
