/* v0.7 product rail: 3 big cards + hover lifestyle image with buy pill */
.rh-shop .rh-rail{grid-auto-columns:max(320px,calc((min(100vw,1920px) - 2*var(--rh-gut) - 2*16px - 12px)/3))}
@media (max-width:749px){.rh-shop .rh-rail{grid-auto-columns:88%}}
.rh-shop .rh-card{aspect-ratio:4/4.85}
.rh-card__hover{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .35s ease;pointer-events:none;background:var(--rh-stone)}
.rh-card__hover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rh-card__buy{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;display:flex;align-items:center;justify-content:center;gap:6px;min-height:56px;padding:0 20px;border-radius:40px;background:#fff;color:var(--rh-ink);font:500 clamp(15px,1.15vw,19px)/1 var(--rh-f);text-transform:uppercase;letter-spacing:.02em;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.rh-card__buy b{font-weight:700}
@media (hover:hover){.rh-card.has-hover:hover .rh-card__hover,.rh-card.has-hover:focus-visible .rh-card__hover{opacity:1}.rh-card:hover .rh-card__buy,.rh-card:focus-visible .rh-card__buy{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rh-card__hover,.rh-card__buy{transition:none}}