/* Native rack component. Loaded only by pages rendering a rack. */
.r-rack{display:block;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);isolation:isolate}
.r-rack,.r-rack *,.r-rack *::before,.r-rack *::after{box-sizing:border-box}
.r-rack__interactive{position:relative}
.r-rack__loading{position:absolute;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--canvas);color:var(--ink-muted);font-size:13px;direction:rtl}
.r-rack.is-loading :is(.r-rack__clothes,.r-rack__bottom,.r-rack__hint){visibility:hidden}
.r-rack.is-loading .r-rack__loading{background:transparent;justify-content:flex-end;padding-bottom:var(--space-6)}
.r-rack.is-loading .r-rack__stage:not([style]){height:440px}
.r-rack--hero.is-loading .r-rack__stage:not([style]){height:338px}
.r-rack [hidden]{display:none!important}
.r-rack--hero{border:0;border-radius:0;margin:0;width:100%;background:transparent;overflow:visible}
.r-rack--hero .r-rack__bottom{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:80;border:0;padding:0}
.r-rack--hero .r-rack__slot{top:64px}
.r-rack--hero .r-rack__rail{top:calc(70px - 19.094cqw)}
.r-rack__stage{position:relative;container-type:inline-size;direction:ltr;overflow:hidden;touch-action:pan-y;isolation:isolate;background:transparent}
.r-rack__hint{position:absolute;top:16px;left:50%;z-index:60;max-width:calc(100% - 24px);padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);box-shadow:0 3px 14px rgba(24,48,39,.1);color:var(--ink);font:500 12px/1.5 var(--font-sans);text-align:center;white-space:nowrap;pointer-events:none;transform:translateX(-50%)}
@media(min-width:701px){.r-rack__hint{display:none}}
.r-rack__light{position:absolute;inset:0;pointer-events:none}
.r-rack__rail{position:absolute;left:2%;top:calc(96px - 19.094cqw);width:96%;height:auto;max-width:none;pointer-events:none;user-select:none;filter:drop-shadow(3px 5px 7px rgba(38,45,47,.08)) drop-shadow(8px 16px 22px rgba(38,45,47,.12))}
.r-rack__shadow{display:none}
.r-rack__clothes{position:absolute;inset:0}.r-rack__slot{position:absolute;left:50%;top:90px;width:1px;pointer-events:none;will-change:transform}
.r-rack__garment{position:absolute;left:50%;top:0;pointer-events:none;transform-origin:50% 0;transition:transform 160ms var(--ease-out);filter:drop-shadow(6px 8px 8px color-mix(in srgb,var(--ink) 8%,transparent))}
.r-rack__fabric{position:absolute;left:0;top:0;overflow:hidden;pointer-events:none;transition:opacity 180ms var(--ease-out)}
.r-rack__fabric img{display:block;user-select:none;pointer-events:none;-webkit-user-drag:none}
.r-rack__fabric--front{opacity:0}.r-rack__fabric--side{opacity:1}.r-rack__slot.is-active .r-rack__fabric--front{opacity:1}.r-rack__slot.is-active .r-rack__fabric--side{opacity:0}
.r-rack__hit{position:absolute;background:transparent;border:0;padding:0;border-radius:var(--radius-sm);cursor:grab;pointer-events:auto;touch-action:pan-y}
.r-rack__slot[data-stock=out] .r-rack__garment,.r-rack__slot[data-stock=gone] .r-rack__garment{opacity:.6}
.r-rack__card{position:absolute;direction:rtl;display:flex;flex-direction:column;gap:var(--space-2);height:auto;padding:var(--space-3) 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(3px);text-align:right;transition:opacity 90ms ease,transform 150ms var(--ease-out),visibility 0s 150ms}
.r-rack__card::before{content:'';position:absolute;top:-15px;left:0;right:0;height:15px;background:transparent}
.r-rack__card.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity 150ms ease,transform 150ms var(--ease-out),visibility 0s}
.r-rack__card-head{display:flex;align-items:start;gap:var(--space-2)}.r-rack__name{font:500 13px/1.6 var(--font-sans);margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.r-rack__colors{display:flex;gap:3px;align-items:center;margin-top:5px}.r-rack__color{display:block;width:9px;height:9px;border-radius:var(--radius-full)}
.r-rack__pricing{display:flex;flex-direction:column;gap:2px}.r-rack__markdown{display:flex;justify-content:space-between;gap:var(--space-2);font-size:11px;color:var(--sale)}.r-rack__markdown s{color:var(--control)}
.r-rack__price{display:flex;align-items:baseline;gap:5px;margin:0;font-variant-numeric:tabular-nums;line-height:1.5}.r-rack__price strong{font-size:20px;font-weight:600}.r-rack__price small{font-size:10px;color:var(--ink-muted)}
.r-rack__meta{display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.6;color:var(--ink-muted)}.r-rack__meta p{margin:0}.r-rack__installments{color:var(--success)}.r-rack__unavailable{font-size:13px;color:var(--ink-muted)}
.r-rack__urgency{display:flex;flex-direction:column;gap:2px;font:400 11px/1.6 var(--font-sans);color:var(--ink-muted)}.r-rack__urgency p{margin:0}
.r-rack__urgency-main{display:flex;align-items:center;gap:6px;color:var(--sale);font-weight:500}.r-rack__urgency-main::before{content:'';flex:none;width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}
.r-rack__buy{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:44px;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:var(--cypress);color:var(--on-cypress);font:500 12px/1.5 var(--font-sans);text-decoration:none;cursor:pointer;transition:transform 140ms var(--ease-out),background-color 120ms ease}
.r-rack__buy:active{transform:scale(.97)}.r-rack__buy:disabled{background:var(--surface-sunken);color:var(--ink-muted);cursor:default;transform:none}
.r-rack__payment{position:relative;display:block;width:17px;height:13px;border:1.4px solid currentColor;border-radius:3px}.r-rack__payment::before{content:'';position:absolute;left:0;right:0;top:3px;border-top:1.4px solid currentColor}
.r-rack__bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--line)}
.r-rack__navigation{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);box-shadow:0 8px 30px rgba(24,48,39,.12),0 2px 7px rgba(24,48,39,.06)}
.r-rack__position{min-width:76px;padding:0 5px;text-align:center;white-space:nowrap;font:500 12px/1.4 var(--font-sans);color:var(--ink-muted);direction:rtl}
.r-rack__arrow{display:flex;align-items:center;justify-content:center;gap:9px;min-width:132px;min-height:44px;padding:0 14px;border:1px solid var(--cypress);border-radius:var(--radius-full);background:var(--cypress);color:var(--on-cypress);font:600 12px/1.4 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color 150ms ease,transform 150ms var(--ease-out),box-shadow 150ms ease}
.r-rack__arrow-icon{font:400 22px/1 var(--font-sans)}.r-rack__arrow-label{direction:rtl}.r-rack__arrow:disabled{border-color:transparent;background:var(--surface-sunken);color:var(--ink-muted);cursor:default}
.r-rack [data-rack-fallback]{padding:var(--space-4)}.r-rack [data-rack-fallback] .r-products{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.r-rack :is(button,a):focus-visible{outline:2px solid var(--cypress);outline-offset:3px}
.r-rack.is-instant :is(.r-rack__garment,.r-rack__fabric,.r-rack__card),.r-rack__slot.is-grabbed :is(.r-rack__garment,.r-rack__fabric){transition:none!important}
.r-rack.is-dragging .r-rack__hit{cursor:grabbing}
@media(hover:hover) and (pointer:fine){.r-rack__buy:hover{background:var(--cypress-hover)}.r-rack__arrow:not(:disabled):hover{background:var(--cypress-hover);box-shadow:0 3px 10px rgba(24,48,39,.18)}.r-rack__arrow:not(:disabled):active{transform:scale(.97)}}
@media(max-width:700px){.r-rack--hero .r-rack__rail{top:calc(78px - 19.094cqw)}.r-rack--hero.is-loading .r-rack__stage:not([style]){height:308px}.r-rack--hero .r-rack__slot{top:72px}.r-rack--hero .r-rack__card{gap:6px;padding:10px 12px}.r-rack--hero .r-rack__price strong{font-size:18px}.r-rack--hero .r-rack__buy{min-height:40px}.r-rack--hero .r-rack__bottom{bottom:12px}.r-rack__hint{top:18px;padding:8px 12px;font-size:11px}.r-rack__navigation{gap:3px;padding:4px}.r-rack__position{min-width:54px;padding:0 2px;font-size:10px}.r-rack__arrow{min-width:100px;min-height:40px;gap:5px;padding:0 9px;font-size:10px}.r-rack__arrow-icon{font-size:18px}}
@media(prefers-reduced-motion:reduce){.r-rack *{transition:none!important}.r-rack__card{transform:none}.r-rack__loading .r-spinner{animation:none}}
@media(scripting:none){.r-rack .r-rack__interactive{display:none}.r-rack [data-rack-fallback][hidden]{display:block!important}}