/* Hanger rail ("вешалка") on the dark homepage. Real TC26-2775 photos hang on a chrome rail; rack.js moves them. */
.rack-section{--rack-card:clamp(200px,22vw,320px);margin:72px 2.5% 0;padding:48px 0 40px;border:1px solid #34363a;border-radius:24px;background:radial-gradient(ellipse 46% 62% at 50% 30%,#2b2d32 0,#1d1e21 62%,#1a1b1e 100%);color:#edeff3;overflow:hidden;position:relative}
.rack-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 4.3%}
.rack-heading .eyebrow{color:#7b9eff;letter-spacing:.16em}
.rack-heading h2{color:#edeff4;font-size:clamp(32px,4vw,56px);font-weight:800;letter-spacing:-.05em;margin-top:10px}
.rack-controls{display:flex;gap:10px}
.rack-arrow{width:52px;height:52px;border-radius:50%;border:1px solid #47494e;color:#edeff3;font-size:20px;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}
.rack-arrow:hover{border-color:#7b9eff;color:#7b9eff}
.rack-arrow-next{background:#7b9eff;border-color:#7b9eff;color:#17181a}
.rack-arrow-next:hover{background:#7b9eff;color:#17181a}
.rack{position:relative;height:calc(var(--rack-card) * 1.267 + 150px);margin-top:18px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;outline:none}
.rack:focus-visible{box-shadow:inset 0 0 0 2px #7b9eff;border-radius:16px}
.rack.is-dragging{cursor:grabbing}
.rack-rail{position:absolute;left:0;right:0;top:22px;width:100%;height:60px;pointer-events:none;filter:drop-shadow(0 6px 8px #0007)}
.rack-track{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.rack-item{position:absolute;left:50%;top:0;width:var(--rack-card);margin-left:calc(var(--rack-card) / -2);will-change:transform,opacity;transform-origin:50% 0}
.rack-swing{transform-origin:50% 26px;display:flex;flex-direction:column;align-items:center;position:relative}
.rack-hanger{width:62%;height:auto;margin-top:12px;fill:none;stroke:#c3c5ca;stroke-width:3.2;stroke-linejoin:round;overflow:visible;position:relative;z-index:1}
.rack-card{display:block;width:100%;margin-top:-6px;border-radius:14px;overflow:hidden;background:#dadbdc;box-shadow:0 24px 50px #0008;-webkit-user-drag:none}
.rack-card img{width:100%;height:auto;aspect-ratio:600/760;object-fit:cover;pointer-events:none}
.rack-tag{position:absolute;right:14%;top:62px;z-index:2;background:#7b9eff;color:#17181a;font-size:12px;font-weight:800;letter-spacing:.06em;padding:8px 8px 9px;border-radius:3px;transform:rotate(7deg);display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 6px 12px #0005;opacity:0;transition:opacity .3s}
.rack-tag:before{content:'';width:6px;height:6px;border-radius:50%;background:#17181a}
.rack-item.is-active .rack-tag{opacity:1}
.rack-item:not(.is-active) .rack-card{cursor:pointer}
.rack-card.is-cutout{background:none;box-shadow:none;border-radius:0;overflow:visible}.rack-card.is-cutout img{object-fit:contain;filter:drop-shadow(0 26px 30px #000a)}
.rack:not(.is-ready) .rack-item{transform:translateY(40px)}.rack:not(.is-ready) .rack-item:not(:first-child){display:none}
.rack-info{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 4.3%;margin-top:6px}
.rack-index{font-size:14px;font-weight:700;letter-spacing:.14em;color:#7b9eff;font-variant-numeric:tabular-nums}
.rack-name{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.rack-name strong{font-size:18px;font-weight:800;color:#edeff4}
.rack-name span{font-size:14px;color:#b6b7bb}
.rack-link{display:inline-flex;align-items:center;gap:10px;background:#7b9eff;color:#17181a;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:16px 24px;border-radius:999px;white-space:nowrap;transition:transform .2s}
.rack-link:hover{transform:translateY(-2px)}
.rack-section a:focus-visible,.rack-section button:focus-visible{outline-color:#7b9eff}
@media(max-width:760px){
  .rack-section{--rack-card:min(62vw,250px);margin:48px 3% 0;padding:32px 0 28px;border-radius:20px}
  .rack-heading{padding:0 6%}
  .rack-controls{display:none}
  .rack{height:calc(var(--rack-card) * 1.267 + 120px);margin-top:8px}
  .rack-rail{top:16px}
  .rack-info{grid-template-columns:1fr;grid-template-areas:'index' 'name' 'link';gap:10px;padding:0 6%}
  .rack-index{grid-area:index}.rack-name{grid-area:name}.rack-link{grid-area:link;justify-content:center;padding:16px;font-size:12px;margin-top:6px}
  .rack-name strong{font-size:14px}.rack-name span{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.rack-tag,.rack-arrow,.rack-link{transition:none}.rack-link:hover{transform:none}}

/* Плечики внутри куртки: крючок над воротником, перекладина под плечами */
.rack-swing{transform-origin:50% calc(var(--rack-card) * 10 / 600)}
.rack-hanger{position:absolute;left:0;top:0;width:100%;height:auto;margin:0;z-index:0;stroke:#c9ccd2;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 2px 2px #0008)}
.rack-card{position:relative;z-index:1;margin-top:0}
.rack-card.is-cutout img{aspect-ratio:600/590;filter:drop-shadow(0 22px 26px #000a)}
.rack-tag{top:calc(var(--rack-card) * .2);right:3%}
.rack{height:calc(var(--rack-card) * .983 + 40px)}
@media(max-width:760px){.rack{height:calc(var(--rack-card) * .983 + 40px)}}
@media(max-width:760px){
  .rack-heading{align-items:flex-end}
  .rack-controls{display:flex;gap:8px;flex-shrink:0}
  .rack-controls .rack-arrow{width:42px;height:42px}
}