.rail{--rail-gap: 2px;--rail-card-inset: 8px}.rail__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gutter);margin-bottom:24px}@media screen and (min-width:990px){.rail__head{margin-bottom:32px}}.rail__heading{margin:0;font-size:var(--text-lg)}@media screen and (min-width:990px){.rail__heading{font-size:var(--text-xl)}}.rail__subtitle{margin:8px 0 0;max-width:44ch;color:var(--stone)}.rail__heading-link{color:inherit;text-decoration:none}@media(hover:hover){.rail__heading-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}}.rail__actions{display:flex;flex:none;align-items:center;gap:24px}.rail__all{display:inline-flex;align-items:center;gap:8px;flex:none;padding-block:4px;font-size:var(--text-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;border-bottom:1px solid var(--ink)}.rail__all .icon{width:16px;height:16px;transition:transform .15s ease}@media(hover:hover){.rail__all:hover .icon{transform:translate(3px)}}.rail__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rail-gap)}@media screen and (max-width:989px){.rail--grid .rail__list{margin-inline:calc(var(--page-margin) * -1)}}@media screen and (min-width:990px){.rail__list{grid-template-columns:repeat(4,minmax(0,1fr))}}.rail__list .pcard{padding-bottom:24px}.rail__list .pcard__body{padding-inline:var(--rail-card-inset)}.rail__list .pcard__swatches{margin-left:calc(var(--rail-card-inset) - 4px)}.rail--carousel .rail__list{display:flex;gap:var(--rail-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(var(--page-margin) * -1);padding-block:4px;margin-block:-4px}.rail--carousel .rail__list::-webkit-scrollbar{display:none}.rail--carousel .rail__item{flex:0 0 calc((100% - var(--rail-gap) * 2) / 2.3);min-width:0;scroll-snap-align:start}@media screen and (min-width:990px){.rail--carousel .rail__list{margin-inline:0;scroll-snap-type:x mandatory}.rail--carousel .rail__item{flex-basis:calc((100% - var(--rail-gap) * 3) / 4)}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-product-rail.css.map */