.rail{--card-h:min(calc(70vw * 1.3333), calc(100dvh - var(--sat) - var(--sab) - 318px - var(--bk-extra,0px)));position:relative}@media (max-height:700px){.rail{--card-h:min(calc(70vw * 1.3333), calc(100dvh - var(--sat) - var(--sab) - 352px - var(--bk-extra,0px)))}}@media (min-width:768px){.rail{--card-h:min(calc(30vw * 1.3333), calc(100dvh - 330px - var(--bk-extra,0px)))}}@media (min-width:1200px){.rail{--card-h:min(calc(22vw * 1.3333), calc(100dvh - 330px - var(--bk-extra,0px)))}}.rail-track{gap:var(--rail-gap);scroll-snap-type:x mandatory;scroll-padding-inline:var(--g);padding:0 var(--g);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;display:flex;overflow:auto hidden}.rail-track::-webkit-scrollbar{display:none}.rail-track.dragging{scroll-snap-type:none;cursor:grabbing}.rail-track.wheeling{scroll-snap-type:none}.rail-track.dragging *{pointer-events:none}.slide{scroll-snap-align:start;flex:none;position:relative}.slide:last-child{margin-right:var(--g)}.card .media{height:var(--card-h);aspect-ratio:3/4;background:var(--plate);position:relative;overflow:hidden}.card .media img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease)}@media (hover:hover){.card:hover .media img{transform:scale(1.035)}}.card .info{width:calc(var(--card-h) * .75);gap:3px;padding:10px 2px 0;display:grid}.card .price{font-variant-numeric:tabular-nums;font-size:12px}.card .tag{color:var(--pmuted,var(--muted));font-size:11px}.slide--campaign .media{height:var(--card-h);width:min(calc(var(--card-h) * 1.02), 84vw);background:var(--plate);overflow:hidden}.slide--campaign .media img{object-fit:cover;width:100%;height:100%;display:block}.slide--campaign figcaption{padding:10px 2px 0}.slide--end{height:var(--card-h);width:calc(var(--card-h) * .75);padding:var(--space-4);box-shadow:inset 0 0 0 1px var(--pline,var(--line));flex-direction:column;justify-content:space-between;display:flex}.slide--end .big{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-display);font-size:21px;font-weight:400;line-height:1.05}.rail-foot{padding:14px var(--g) 0;align-items:center;gap:14px;display:flex}.rail-bar{background:var(--pline,var(--line));flex:1;max-width:220px;height:1px;position:relative}.rail-bar i{width:30%;height:2px;transition:width var(--t-micro) linear;background:currentColor;position:absolute;top:-.5px;left:0}.rail-arrows{gap:var(--space-1);display:none}@media (hover:hover) and (pointer:fine){.rail-arrows{display:flex}.rail-track{cursor:grab}}.rail-arrows button{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--pline,var(--line));place-items:center;display:grid}.rail-arrows button:disabled{opacity:.3;cursor:default}.nudge{animation:nudge 1.4s var(--ease) 1}@keyframes nudge{0%,to{transform:none}35%{transform:translate(-42px)}}.step{height:var(--card-h);width:calc(var(--card-h) * .75);padding:var(--space-4);box-shadow:inset 0 0 0 1px var(--pline);flex-direction:column;display:flex}.step .n{font-family:var(--font-display);letter-spacing:0;font-size:64px;font-weight:400;line-height:.8}.step h3{margin:auto 0 var(--space-2)}.step p{color:var(--pmuted);font-size:13px;line-height:18px}.step .fact{margin-top:var(--space-3);color:var(--pfg);box-shadow:0 -1px 0 var(--pline);padding-top:10px;font-size:12px}@media (max-width:767px){.slide--end .big{font-size:18px}.step .n{font-size:52px}.step p{font-size:12px;line-height:17px}}
